@true-engineering/true-react-common-ui-kit 3.57.0 → 3.58.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "3.57.0",
+  "version": "3.58.0",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [

package/src/components/Input/Input.tsx

@@ -80,7 +80,11 @@ export interface IInputProps
   shouldFocusOnMount?: boolean;
   /** @default false */
   shouldAlwaysShowPlaceholder?: boolean;
-  onChange: (value: string, event: FormEvent<HTMLInputElement>) => void;
+  onChange: (
+    value: string,
+    event: FormEvent<HTMLInputElement>,
+    eventType: 'change' | 'clear',
+  ) => void;
   onIconClick?: () => void;
 }
 
@@ -139,7 +143,7 @@ export const Input = forwardRef<HTMLInputElement, IInputProps>(
     const inputRef = useRef<HTMLInputElement>(null);
 
     const handleChange = (event: FormEvent<HTMLInputElement>) => {
-      onChange(event.currentTarget.value, event);
+      onChange(event.currentTarget.value, event, 'change');
     };
 
     const handleFocus = (event: FocusEvent<HTMLInputElement>) => {
@@ -155,7 +159,7 @@ export const Input = forwardRef<HTMLInputElement, IInputProps>(
     // для SmartInput нужен event, иначе onChange не вызовется
     const handleOnInputClear = async (event: MouseEvent<HTMLDivElement>) => {
       // await не убирать (важно для порядка выполнения (сначала onChange, затем focus)
-      await onChange('', event as any);
+      await onChange('', event as any, 'clear');
       const input = (ref as MutableRefObject<HTMLInputElement>) ?? inputRef;
       input.current?.focus();
     };