@alfalab/core-components-time-input 3.0.1 → 3.0.2

package/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { ChangeEvent } from 'react';
-import { InputProps } from '@alfalab/core-components-input';
+import React, { type ChangeEvent } from 'react';
+import { type InputProps } from '@alfalab/core-components-input';
 export declare type TimeInputProps = Omit<InputProps, 'onChange'> & {
     /**
      * Обработчик изменения значения

package/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { ChangeEvent, useState } from 'react';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":["React","__rest","useState","format","isCompleteTimeInput","isValidInputValue","Input","__assign"],"mappings":";;;;;;;;;;;;;AAAA;AA0BA;;;AAGG;AACU,IAAA,SAAS,GAAGA,sBAAK,CAAC,UAAU,CACrC,UACI,EAAsF,EACtF,GAAG,EAAA;IADD,IAAA,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAS,SAAS,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAK,SAAS,GAApFC,YAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,CAAsF,CAAF;AAG9E,IAAA,IAAA,EAAoB,GAAAC,cAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IAE7D,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,IAAM,cAAc,GAAGC,aAAM,CAAC,QAAQ,CAAC;QAEvC,IAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAIC,0BAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAIC,wBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACrB,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACIL,sBAAC,CAAA,aAAA,CAAAM,yBAAK,EACEC,cAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { type ChangeEvent, useState } from 'react';\n\nimport { Input, type InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":["React","__rest","useState","format","isCompleteTimeInput","isValidInputValue","Input","__assign"],"mappings":";;;;;;;;;;;;;AAAA;AA0BA;;;AAGG;AACU,IAAA,SAAS,GAAGA,sBAAK,CAAC,UAAU,CACrC,UACI,EAAsF,EACtF,GAAG,EAAA;IADD,IAAA,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAS,SAAS,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAK,SAAS,GAApFC,YAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,CAAsF,CAAF;AAG9E,IAAA,IAAA,EAAoB,GAAAC,cAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IAE7D,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,IAAM,cAAc,GAAGC,aAAM,CAAC,QAAQ,CAAC;QAEvC,IAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAIC,0BAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAIC,wBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACrB,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACIL,sBAAC,CAAA,aAAA,CAAAM,yBAAK,EACEC,cAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA,CAAA;AAEV,CAAC;;;;"}

package/cssm/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { ChangeEvent } from 'react';
-import { InputProps } from '@alfalab/core-components-input/cssm';
+import React, { type ChangeEvent } from 'react';
+import { type InputProps } from '@alfalab/core-components-input/cssm';
 export declare type TimeInputProps = Omit<InputProps, 'onChange'> & {
     /**
      * Обработчик изменения значения

package/cssm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { ChangeEvent, useState } from 'react';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":["React","__rest","useState","format","isCompleteTimeInput","isValidInputValue","Input","__assign"],"mappings":";;;;;;;;;;;;;AAAA;AA0BA;;;AAGG;AACU,IAAA,SAAS,GAAGA,sBAAK,CAAC,UAAU,CACrC,UACI,EAAsF,EACtF,GAAG,EAAA;IADD,IAAA,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAS,SAAS,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAK,SAAS,GAApFC,YAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,CAAsF,CAAF;AAG9E,IAAA,IAAA,EAAoB,GAAAC,cAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IAE7D,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,IAAM,cAAc,GAAGC,aAAM,CAAC,QAAQ,CAAC;QAEvC,IAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAIC,0BAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAIC,wBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACrB,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACIL,sBAAC,CAAA,aAAA,CAAAM,UAAK,EACEC,cAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { type ChangeEvent, useState } from 'react';\n\nimport { Input, type InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":["React","__rest","useState","format","isCompleteTimeInput","isValidInputValue","Input","__assign"],"mappings":";;;;;;;;;;;;;AAAA;AA0BA;;;AAGG;AACU,IAAA,SAAS,GAAGA,sBAAK,CAAC,UAAU,CACrC,UACI,EAAsF,EACtF,GAAG,EAAA;IADD,IAAA,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAS,SAAS,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAK,SAAS,GAApFC,YAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,CAAsF,CAAF;AAG9E,IAAA,IAAA,EAAoB,GAAAC,cAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IAE7D,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,IAAM,cAAc,GAAGC,aAAM,CAAC,QAAQ,CAAC;QAEvC,IAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAIC,0BAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAIC,wBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACrB,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACIL,sBAAC,CAAA,aAAA,CAAAM,UAAK,EACEC,cAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA,CAAA;AAEV,CAAC;;;;"}

package/esm/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { ChangeEvent } from 'react';
-import { InputProps } from '@alfalab/core-components-input/esm';
+import React, { type ChangeEvent } from 'react';
+import { type InputProps } from '@alfalab/core-components-input/esm';
 export declare type TimeInputProps = Omit<InputProps, 'onChange'> & {
     /**
      * Обработчик изменения значения

package/esm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { ChangeEvent, useState } from 'react';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;AAAA;AA0BA;;;AAGG;AACU,IAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CACrC,UACI,EAAsF,EACtF,GAAG,EAAA;IADD,IAAA,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAS,SAAS,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAK,SAAS,GAApF,MAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,CAAsF,CAAF;AAG9E,IAAA,IAAA,EAAoB,GAAA,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IAE7D,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC;QAEvC,IAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAI,mBAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACrB,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACI,KAAC,CAAA,aAAA,CAAA,KAAK,EACE,QAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { type ChangeEvent, useState } from 'react';\n\nimport { Input, type InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;AAAA;AA0BA;;;AAGG;AACU,IAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CACrC,UACI,EAAsF,EACtF,GAAG,EAAA;IADD,IAAA,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAS,SAAS,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAK,SAAS,GAApF,MAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,CAAsF,CAAF;AAG9E,IAAA,IAAA,EAAoB,GAAA,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IAE7D,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC;QAEvC,IAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAI,mBAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACrB,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACI,KAAC,CAAA,aAAA,CAAA,KAAK,EACE,QAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA,CAAA;AAEV,CAAC;;;;"}

package/modern/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { ChangeEvent } from 'react';
-import { InputProps } from '@alfalab/core-components-input/modern';
+import React, { type ChangeEvent } from 'react';
+import { type InputProps } from '@alfalab/core-components-input/modern';
 export declare type TimeInputProps = Omit<InputProps, 'onChange'> & {
     /**
      * Обработчик изменения значения

package/modern/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { ChangeEvent, useState } from 'react';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;AAAA;AA0BA;;;AAGG;AACI,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACrC,CACI,EAAE,YAAY,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EACtF,GAAG,KACH;AACA,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;QAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM;AAExC,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC;QAEvC,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAI,mBAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC1B,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACI,KAAC,CAAA,aAAA,CAAA,KAAK,EACE,EAAA,GAAA,SAAS,EACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { type ChangeEvent, useState } from 'react';\n\nimport { Input, type InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;AAAA;AA0BA;;;AAGG;AACI,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACrC,CACI,EAAE,YAAY,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EACtF,GAAG,KACH;AACA,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;QAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM;AAExC,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC;QAEvC,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAI,mBAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC1B,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACI,KAAC,CAAA,aAAA,CAAA,KAAK,EACE,EAAA,GAAA,SAAS,EACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA;AAEV,CAAC;;;;"}

package/moderncssm/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { ChangeEvent } from 'react';
-import { InputProps } from '@alfalab/core-components-input/moderncssm';
+import React, { type ChangeEvent } from 'react';
+import { type InputProps } from '@alfalab/core-components-input/moderncssm';
 export declare type TimeInputProps = Omit<InputProps, 'onChange'> & {
     /**
      * Обработчик изменения значения

package/moderncssm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { ChangeEvent, useState } from 'react';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;AAAA;AA0BA;;;AAGG;AACI,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACrC,CACI,EAAE,YAAY,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EACtF,GAAG,KACH;AACA,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;QAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM;AAExC,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC;QAEvC,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAI,mBAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC1B,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACI,KAAC,CAAA,aAAA,CAAA,KAAK,EACE,EAAA,GAAA,SAAS,EACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { type ChangeEvent, useState } from 'react';\n\nimport { Input, type InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;AAAA;AA0BA;;;AAGG;AACI,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACrC,CACI,EAAE,YAAY,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EACtF,GAAG,KACH;AACA,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;QAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM;AAExC,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC;QAEvC,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAI,mBAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC1B,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACI,KAAC,CAAA,aAAA,CAAA,KAAK,EACE,EAAA,GAAA,SAAS,EACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA;AAEV,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-time-input",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-input": "^16.0.1",
+        "@alfalab/core-components-input": "^16.0.2",
         "tslib": "^2.4.0"
     },
     "peerDependencies": {
@@ -21,6 +21,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.0",
+    "themesVersion": "14.1.2",
     "varsVersion": "10.1.0"
 }

package/src/Component.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable no-useless-escape */
 
-import React, { ChangeEvent, useState } from 'react';
+import React, { type ChangeEvent, useState } from 'react';
 
-import { Input, InputProps } from '@alfalab/core-components-input';
+import { Input, type InputProps } from '@alfalab/core-components-input';
 
 import { format, isCompleteTimeInput, isValidInputValue } from './utils';