@hh.ru/magritte-ui-input 7.2.22 → 7.3.0

package/index.js

@@ -27,6 +27,6 @@ import './useFocus.js';
 import '@hh.ru/magritte-ui-typography';
 import '@hh.ru/magritte-common-number-formatter';
 import './useDateTimeMask.js';
-import './index.esm-DXMzyY2T.js';
+import './index.esm-DRF_TuWt.js';
 import './useUncontrolledInput.js';
 //# sourceMappingURL=index.js.map

package/maskito-exports.js

@@ -1,4 +1,4 @@
 import './index.css';
-export { M as MASKITO_DEFAULT_OPTIONS, m as maskitoDateOptionsGenerator, a as maskitoDateTimeOptionsGenerator, b as maskitoTimeOptionsGenerator, u as useMaskito } from './index.esm-DXMzyY2T.js';
+export { M as MASKITO_DEFAULT_OPTIONS, m as maskitoDateOptionsGenerator, a as maskitoDateTimeOptionsGenerator, b as maskitoTimeOptionsGenerator, u as useMaskito } from './index.esm-DRF_TuWt.js';
 import 'react';
 //# sourceMappingURL=maskito-exports.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-input",
-  "version": "7.2.22",
+  "version": "7.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -32,7 +32,7 @@
     "@hh.ru/magritte-design-tokens": "22.0.0",
     "@hh.ru/magritte-ui-breakpoint": "5.0.3",
     "@hh.ru/magritte-ui-form-helper": "1.0.42",
-    "@hh.ru/magritte-ui-icon": "11.0.13",
+    "@hh.ru/magritte-ui-icon": "11.0.14",
     "@hh.ru/magritte-ui-mock-component": "1.1.4",
     "@hh.ru/magritte-ui-theme-provider": "1.1.51",
     "@hh.ru/magritte-ui-typography": "3.0.47"
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1b6b5c9c24a432af6e815388099e856eeda3caaf"
+  "gitHead": "ea8b5bf46a20f696be9947da3a240357870d8dbb"
 }

package/types.d.ts

@@ -1,4 +1,4 @@
-import type { FocusEventHandler, ForwardedRef, MouseEventHandler, ReactNode } from 'react';
+import type { ChangeEvent, FocusEventHandler, ForwardedRef, MouseEventHandler, ReactNode } from 'react';
 import type { FormatParams } from '@hh.ru/magritte-common-number-formatter';
 import type { IconWrapperComponentSize16, IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon/iconTypes';
 export type InputSize = 'medium' | 'large' | 'small';
@@ -20,7 +20,7 @@ export interface InputFormatterResult {
 }
 export interface ControlledProps {
     /** Обработчик события изменения */
-    onChange: (value: string) => void;
+    onChange: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
     /** Значение инпута */
     value: string;
 }

package/useDateTimeMask.js

@@ -1,6 +1,6 @@
 import './index.css';
 import { useMemo } from 'react';
-import { M as MASKITO_DEFAULT_OPTIONS, a as maskitoDateTimeOptionsGenerator, m as maskitoDateOptionsGenerator, b as maskitoTimeOptionsGenerator, u as useMaskito } from './index.esm-DXMzyY2T.js';
+import { M as MASKITO_DEFAULT_OPTIONS, a as maskitoDateTimeOptionsGenerator, m as maskitoDateOptionsGenerator, b as maskitoTimeOptionsGenerator, u as useMaskito } from './index.esm-DRF_TuWt.js';
 
 /**
  * Округление времени (в формате 00:00) до ближайшего заданного шага

package/useFocus.d.ts

@@ -1,5 +1,5 @@
-import { FocusEventHandler, ChangeEventHandler } from 'react';
-export declare const useFocus: <T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement>(onChange: (value: string) => void, onFocus: FocusEventHandler<T> | undefined, onBlur: FocusEventHandler<T> | undefined) => {
+import { FocusEventHandler, ChangeEventHandler, type ChangeEvent } from 'react';
+export declare const useFocus: <T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement>(onChange: (value: string, event: ChangeEvent<T>) => void, onFocus: FocusEventHandler<T> | undefined, onBlur: FocusEventHandler<T> | undefined) => {
     changeHandler: ChangeEventHandler<T>;
     focusHandler: FocusEventHandler<T>;
     blurHandler: FocusEventHandler<T>;

package/useFocus.js

@@ -4,7 +4,7 @@ import { useState, useCallback } from 'react';
 const useFocus = (onChange, onFocus, onBlur) => {
     const [isFocused, setFocused] = useState(false);
     const changeHandler = useCallback((event) => {
-        onChange(event.target.value);
+        onChange(event.target.value, event);
     }, [onChange]);
     const focusHandler = useCallback((event) => {
         setFocused(true);

package/useFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocus.js","sources":["../src/useFocus.ts"],"sourcesContent":["import { useCallback, useState, FocusEventHandler, ChangeEventHandler } from 'react';\n\nexport const useFocus = <T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement>(\n    onChange: (value: string) => void,\n    onFocus: FocusEventHandler<T> | undefined,\n    onBlur: FocusEventHandler<T> | undefined\n): {\n    changeHandler: ChangeEventHandler<T>;\n    focusHandler: FocusEventHandler<T>;\n    blurHandler: FocusEventHandler<T>;\n    isFocused: boolean;\n} => {\n    const [isFocused, setFocused] = useState(false);\n\n    const changeHandler = useCallback<ChangeEventHandler<T>>(\n        (event) => {\n            onChange(event.target.value);\n        },\n        [onChange]\n    );\n\n    const focusHandler = useCallback<FocusEventHandler<T>>(\n        (event) => {\n            setFocused(true);\n            onFocus?.(event);\n        },\n        [setFocused, onFocus]\n    );\n\n    const blurHandler = useCallback<FocusEventHandler<T>>(\n        (event) => {\n            setFocused(false);\n            onBlur?.(event);\n        },\n        [setFocused, onBlur]\n    );\n\n    return { changeHandler, focusHandler, blurHandler, isFocused };\n};\n"],"names":[],"mappings":";;AAEa,MAAA,QAAQ,GAAG,CACpB,QAAiC,EACjC,OAAyC,EACzC,MAAwC,KAMxC;IACA,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAEhD,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAK,KAAI;AACN,QAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,KAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,KAAK,KAAI;QACN,UAAU,CAAC,IAAI,CAAC,CAAC;AACjB,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACrB,KAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACxB,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAK,KAAI;QACN,UAAU,CAAC,KAAK,CAAC,CAAC;AAClB,QAAA,MAAM,GAAG,KAAK,CAAC,CAAC;AACpB,KAAC,EACD,CAAC,UAAU,EAAE,MAAM,CAAC,CACvB,CAAC;IAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AACnE;;;;"}
+{"version":3,"file":"useFocus.js","sources":["../src/useFocus.ts"],"sourcesContent":["import { useCallback, useState, FocusEventHandler, ChangeEventHandler, type ChangeEvent } from 'react';\n\nexport const useFocus = <T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement>(\n    onChange: (value: string, event: ChangeEvent<T>) => void,\n    onFocus: FocusEventHandler<T> | undefined,\n    onBlur: FocusEventHandler<T> | undefined\n): {\n    changeHandler: ChangeEventHandler<T>;\n    focusHandler: FocusEventHandler<T>;\n    blurHandler: FocusEventHandler<T>;\n    isFocused: boolean;\n} => {\n    const [isFocused, setFocused] = useState(false);\n\n    const changeHandler = useCallback<ChangeEventHandler<T>>(\n        (event) => {\n            onChange(event.target.value, event);\n        },\n        [onChange]\n    );\n\n    const focusHandler = useCallback<FocusEventHandler<T>>(\n        (event) => {\n            setFocused(true);\n            onFocus?.(event);\n        },\n        [setFocused, onFocus]\n    );\n\n    const blurHandler = useCallback<FocusEventHandler<T>>(\n        (event) => {\n            setFocused(false);\n            onBlur?.(event);\n        },\n        [setFocused, onBlur]\n    );\n\n    return { changeHandler, focusHandler, blurHandler, isFocused };\n};\n"],"names":[],"mappings":";;AAEa,MAAA,QAAQ,GAAG,CACpB,QAAwD,EACxD,OAAyC,EACzC,MAAwC,KAMxC;IACA,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAEhD,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAK,KAAI;QACN,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACxC,KAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,KAAK,KAAI;QACN,UAAU,CAAC,IAAI,CAAC,CAAC;AACjB,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACrB,KAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACxB,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAK,KAAI;QACN,UAAU,CAAC,KAAK,CAAC,CAAC;AAClB,QAAA,MAAM,GAAG,KAAK,CAAC,CAAC;AACpB,KAAC,EACD,CAAC,UAAU,EAAE,MAAM,CAAC,CACvB,CAAC;IAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AACnE;;;;"}