handleInputChange -> onChange?

apps/app/src/components/Common/ClosableTextInput.tsx

@@ -17,7 +17,7 @@ type ClosableTextInputProps = {
   onPressEnter?(inputText: string | null): void
   onPressEscape?: () => void
   onClickOutside?(): void
-  handleInputChange?: (string) => void
+  onChange?(inputText: string): void
 }
 
 const ClosableTextInput: FC<ClosableTextInputProps> = memo((props: ClosableTextInputProps) => {
@@ -45,7 +45,7 @@ const ClosableTextInput: FC<ClosableTextInputProps> = memo((props: ClosableTextI
     setInputText(inputText);
     setIsAbleToShowAlert(true);
 
-    props.handleInputChange?.(inputText);
+    props.onChange?.(inputText);
   };
 
   const onFocusHandler = async(e: React.ChangeEvent<HTMLInputElement>) => {

apps/app/src/components/PageHeader/PagePathHeader.tsx

@@ -102,7 +102,7 @@ export const PagePathHeader: FC<Props> = (props) => {
                 placeholder={t('Input page name')}
                 onPressEnter={onPressEnter}
                 onPressEscape={onPressEscape}
-                handleInputChange={onInputChange}
+                onChange={onInputChange}
                 validationTarget={ValidationTarget.PAGE}
               />
             </div>

apps/app/src/components/PageHeader/PageTitleHeader.tsx

@@ -70,7 +70,7 @@ export const PageTitleHeader: FC<Props> = (props) => {
               value={editedPageTitle}
               onPressEnter={onPressEnter}
               onPressEscape={onPressEscape}
-              handleInputChange={onInputChange}
+              onChange={onInputChange}
               validationTarget={ValidationTarget.PAGE}
             />
           </div>