@hh.ru/magritte-ui-input 5.0.12

package/BaseInput.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from 'react';
+import { BaseInputProps } from './types';
+declare const BaseInput: import("react").ForwardRefExoticComponent<(BaseInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "onButtonClick" | "counter" | "inputIcon" | "fixedPlaceholder" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value">) & import("react").RefAttributes<HTMLInputElement>>;
+export { BaseInput };

package/BaseInput.js

@@ -0,0 +1,125 @@
+import './index.css';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, useId, useCallback, useEffect } from 'react';
+import classnames from 'classnames';
+import { Selection } from '@hh.ru/magritte-common-text-selection';
+import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
+import { FieldHint } from '@hh.ru/magritte-internal-field-hint';
+import { Action } from '@hh.ru/magritte-ui-action';
+import { Counter } from '@hh.ru/magritte-ui-counter';
+import { CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
+import { useFocus } from './useFocus.js';
+import { useInputAriaProps } from './useInputAriaProps.js';
+import { Text } from '@hh.ru/magritte-ui-typography';
+
+var styles = {"input":"magritte-input___LVTID_5-0-12","label":"magritte-label___YlOQk_5-0-12","elevated":"magritte-elevated___kPcsM_5-0-12","focused":"magritte-focused___dxrHD_5-0-12","invalid":"magritte-invalid___L5MVa_5-0-12","disabled":"magritte-disabled___0NH6E_5-0-12","position-container":"magritte-position-container___kZnvZ_5-0-12","positionContainer":"magritte-position-container___kZnvZ_5-0-12","field":"magritte-field___9S8Tw_5-0-12","hint":"magritte-hint___EFGK0_5-0-12","additional-value":"magritte-additional-value___9Kyap_5-0-12","additionalValue":"magritte-additional-value___9Kyap_5-0-12","label_elevated":"magritte-label_elevated___PVcpC_5-0-12","labelElevated":"magritte-label_elevated___PVcpC_5-0-12","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_5-0-12","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_5-0-12","icon":"magritte-icon___HEDsQ_5-0-12","focus-visible":"magritte-focus-visible___QvCO1_5-0-12","focusVisible":"magritte-focus-visible___QvCO1_5-0-12","right-container":"magritte-right-container___N0B0o_5-0-12","rightContainer":"magritte-right-container___N0B0o_5-0-12","with-icon":"magritte-with-icon___TPBe2_5-0-12","withIcon":"magritte-with-icon___TPBe2_5-0-12","large":"magritte-large___9frRh_5-0-12","rigging-container":"magritte-rigging-container___Up9Lb_5-0-12","riggingContainer":"magritte-rigging-container___Up9Lb_5-0-12","input__mask":"magritte-input__mask___CHda2_5-0-12","inputMask":"magritte-input__mask___CHda2_5-0-12","value-ghost":"magritte-value-ghost___IXNZj_5-0-12","valueGhost":"magritte-value-ghost___IXNZj_5-0-12","hint-container":"magritte-hint-container___rGsD8_5-0-12","hintContainer":"magritte-hint-container___rGsD8_5-0-12","with-right":"magritte-with-right___NUNiP_5-0-12","withRight":"magritte-with-right___NUNiP_5-0-12","content-container":"magritte-content-container___s-0kX_5-0-12","contentContainer":"magritte-content-container___s-0kX_5-0-12","counter":"magritte-counter___Bld3Q_5-0-12","value-container":"magritte-value-container___6ReT7_5-0-12","valueContainer":"magritte-value-container___6ReT7_5-0-12"};
+
+const BaseInputComponent = ({ onChange, onFocus, onBlur, value, placeholder, disabled = false, postfix, size = 'medium', elevatePlaceholder = false, invalid = false, description, errorMessage, formatter, buttonIcon, clearable = false, clearableOnFocus, onButtonClick, buttonDataQa, buttonRef, inputIcon, wrapperRef, counter, fixedPlaceholder, maxLength, hint, showHintAlways = false, ...restProps }, ref) => {
+    const wrapperCurrentRef = useRef(null);
+    const inputRef = useRef(null);
+    const [isActionVisible, setActionVisible] = useState(false);
+    const inputRefCallback = useMultipleRefs(ref, inputRef);
+    const wrapperRefCallback = useMultipleRefs(wrapperRef, wrapperCurrentRef);
+    const descriptionId = useId();
+    const labelId = useId();
+    const hintRef = useRef(null);
+    const hintMaxWidthRef = useRef(null);
+    const change = useCallback((newValue) => {
+        if (inputRef.current && formatter) {
+            const caretPosition = Selection.getCaretPosition(inputRef.current);
+            const formatResult = formatter(value, newValue, caretPosition || 0);
+            requestAnimationFrame(() => {
+                if (inputRef.current) {
+                    Selection.setCaretPosition(inputRef.current, formatResult.caretPosition);
+                }
+            });
+            onChange(formatResult.outputValue);
+            return;
+        }
+        onChange(newValue);
+    }, [formatter, onChange, value, inputRef]);
+    const clearClickHandler = useCallback((event) => {
+        onChange('');
+        inputRef.current && inputRef.current.focus();
+        onButtonClick?.(event);
+    }, [onChange, inputRef, onButtonClick]);
+    const forceDisabled = useDisabled();
+    const isComponentDisabled = forceDisabled || !!disabled;
+    const { changeHandler, focusHandler, blurHandler, isFocused } = useFocus(change, onFocus, onBlur);
+    const placeholderCanElevated = size === 'large' && !!elevatePlaceholder && !!placeholder;
+    const [isFocusVisible, setFocusVisible] = useState(false);
+    const currentValue = formatter?.('', value, 0).formattedValue || value;
+    const buttonQaLabel = buttonDataQa || `input-${clearable ? 'clearable-' : ''}button`;
+    const ariaProps = useInputAriaProps({
+        invalid,
+        hasDescription: !!description,
+        hasPlaceholder: !!placeholder,
+        descriptionId,
+        labelId,
+    });
+    const handleWrapperFocus = () => {
+        setActionVisible(true);
+    };
+    const handleWrapperBlur = () => {
+        requestAnimationFrame(() => {
+            if (!wrapperCurrentRef.current?.contains(document.activeElement)) {
+                setActionVisible(false);
+            }
+        });
+    };
+    const focusedOrFilled = isFocused || value !== '';
+    const placeholderIsElevated = focusedOrFilled && placeholderCanElevated;
+    const showPostfix = !!postfix && (placeholderIsElevated || value !== '');
+    const showFixedPlaceholder = focusedOrFilled && !!fixedPlaceholder;
+    const showLabel = placeholderCanElevated || (value === '' && !showFixedPlaceholder);
+    const InputIconComponent = inputIcon || null;
+    const showClearButton = value.length > 0 && (clearable || (!!clearableOnFocus && isActionVisible));
+    const showHint = !!hint && (showHintAlways || value.length > 0);
+    const hintWrapperRefCallback = useCallback((element) => {
+        if (element && hintRef.current) {
+            const text = hintRef.current.innerText;
+            if (text.length > 30) {
+                let maxWidth;
+                if (text !== hintMaxWidthRef.current?.text) {
+                    const newText = text.slice(0, 30);
+                    hintRef.current.innerText = newText;
+                    maxWidth = hintRef.current.offsetWidth;
+                    hintRef.current.innerText = text;
+                    hintMaxWidthRef.current = {
+                        width: maxWidth,
+                        text,
+                    };
+                }
+                else {
+                    maxWidth = hintMaxWidthRef.current.width;
+                }
+                element.style.maxWidth = `${maxWidth}px`;
+            }
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [hint]);
+    useEffect(() => {
+        if (inputRef.current) {
+            setFocusVisible(isFocused && inputRef.current.classList.contains('focus-visible'));
+        }
+    }, [isFocused]);
+    return (jsxs("div", { ref: wrapperRefCallback, className: classnames(styles.input, {
+            [styles.focused]: isFocused,
+            [styles.focusVisible]: isFocusVisible,
+            [styles.disabled]: isComponentDisabled,
+            [styles.large]: size === 'large',
+            [styles.elevated]: placeholderCanElevated,
+            [styles.invalid]: !!invalid && !isFocused,
+            [styles.withRight]: !!buttonIcon || showClearButton || counter,
+            [styles.withIcon]: !!inputIcon,
+        }), onFocus: clearableOnFocus ? handleWrapperFocus : undefined, onBlur: clearableOnFocus ? handleWrapperBlur : undefined, children: [jsxs("div", { className: styles.positionContainer, children: [jsxs("div", { className: styles.hintContainer, children: [jsxs("div", { className: styles.contentContainer, children: [!!InputIconComponent && (jsx("div", { className: styles.icon, children: jsx(InputIconComponent, {}) })), jsxs("div", { className: styles.valueContainer, children: [jsx("input", { ...restProps, ...ariaProps, maxLength: maxLength, disabled: isComponentDisabled, suppressHydrationWarning: true, className: styles.field, value: currentValue, onInput: changeHandler, onFocus: focusHandler, onBlur: blurHandler, ref: inputRefCallback }), jsx("div", { className: styles.additionalValue, children: jsxs(Text, { Element: "span", typography: "label-2-regular", children: [jsx("span", { className: styles.valueGhost, children: currentValue }), showFixedPlaceholder && (jsx("span", { className: styles.fixedPlaceholder, children: fixedPlaceholder.slice(value.length) })), showPostfix && (jsxs(Fragment, { children: ['\u00A0', postfix] }))] }) })] }), jsx("div", { className: styles.riggingContainer, children: showLabel && (jsx("label", { className: classnames(styles.label, {
+                                                [styles.labelElevated]: placeholderIsElevated,
+                                            }), id: ariaProps['aria-labelledby'], children: placeholder })) })] }), showHint && (jsx("div", { className: styles.hint, ref: hintWrapperRefCallback, "data-qa": "input-hint", children: jsx(Text, { Element: "span", typography: "label-3-regular", children: jsx("span", { ref: hintRef, children: hint }) }) }))] }), (buttonIcon || showClearButton || counter) && (jsxs("div", { className: styles.rightContainer, children: [(buttonIcon || showClearButton) && (jsx(Action, { "data-qa": buttonQaLabel, mode: "secondary", onMouseDown: (event) => event.preventDefault(), onClick: showClearButton ? clearClickHandler : onButtonClick, icon: showClearButton ? CrossOutlinedSize24 : buttonIcon, disabled: isComponentDisabled, ref: buttonRef })), counter && (jsx("span", { className: styles.counter, children: jsx(Counter, { label: counter }) }))] }))] }), jsx(FieldHint, { description: description, errorMessage: errorMessage, descriptionId: ariaProps['aria-describedby'], disabled: isComponentDisabled, focused: isFocused, invalid: invalid })] }));
+};
+const BaseInput = forwardRef(BaseInputComponent);
+BaseInput.displayName = 'BaseInput';
+
+export { BaseInput };
+//# sourceMappingURL=BaseInput.js.map

package/BaseInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.js","sources":["../src/BaseInput.tsx"],"sourcesContent":["import {\n    InputHTMLAttributes,\n    forwardRef,\n    ForwardedRef,\n    useCallback,\n    useId,\n    useRef,\n    useState,\n    useEffect,\n    RefCallback,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { Selection } from '@hh.ru/magritte-common-text-selection';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { FieldHint } from '@hh.ru/magritte-internal-field-hint';\nimport { Action } from '@hh.ru/magritte-ui-action';\nimport { Counter } from '@hh.ru/magritte-ui-counter';\nimport { CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon/src/iconTypes';\nimport { BaseInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useFocus } from '@hh.ru/magritte-ui-input/useFocus';\nimport { useInputAriaProps } from '@hh.ru/magritte-ui-input/useInputAriaProps';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './input.less';\n\nconst BaseInputComponent = (\n    {\n        onChange,\n        onFocus,\n        onBlur,\n        value,\n        placeholder,\n        disabled = false,\n        postfix,\n        size = 'medium',\n        elevatePlaceholder = false,\n        invalid = false,\n        description,\n        errorMessage,\n        formatter,\n        buttonIcon,\n        clearable = false,\n        clearableOnFocus,\n        onButtonClick,\n        buttonDataQa,\n        buttonRef,\n        inputIcon,\n        wrapperRef,\n        counter,\n        fixedPlaceholder,\n        maxLength,\n        hint,\n        showHintAlways = false,\n        ...restProps\n    }: BaseInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof BaseInputProps>,\n    ref: ForwardedRef<HTMLInputElement>\n) => {\n    const wrapperCurrentRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isActionVisible, setActionVisible] = useState(false);\n    const inputRefCallback = useMultipleRefs(ref, inputRef);\n    const wrapperRefCallback = useMultipleRefs(wrapperRef, wrapperCurrentRef);\n    const descriptionId = useId();\n    const labelId = useId();\n    const hintRef = useRef<HTMLDivElement>(null);\n    const hintMaxWidthRef = useRef<{ width: number; text: string } | null>(null);\n    const change = useCallback(\n        (newValue: string) => {\n            if (inputRef.current && formatter) {\n                const caretPosition = Selection.getCaretPosition(inputRef.current);\n                const formatResult = formatter(value, newValue, caretPosition || 0);\n                requestAnimationFrame(() => {\n                    if (inputRef.current) {\n                        Selection.setCaretPosition(inputRef.current, formatResult.caretPosition);\n                    }\n                });\n                onChange(formatResult.outputValue);\n                return;\n            }\n            onChange(newValue);\n        },\n        [formatter, onChange, value, inputRef]\n    );\n\n    const clearClickHandler = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            onChange('');\n            inputRef.current && inputRef.current.focus();\n            onButtonClick?.(event);\n        },\n        [onChange, inputRef, onButtonClick]\n    );\n\n    const forceDisabled = useDisabled();\n    const isComponentDisabled = forceDisabled || !!disabled;\n\n    const { changeHandler, focusHandler, blurHandler, isFocused } = useFocus(change, onFocus, onBlur);\n    const placeholderCanElevated = size === 'large' && !!elevatePlaceholder && !!placeholder;\n    const [isFocusVisible, setFocusVisible] = useState(false);\n    const currentValue = formatter?.('', value, 0).formattedValue || value;\n    const buttonQaLabel = buttonDataQa || `input-${clearable ? 'clearable-' : ''}button`;\n    const ariaProps = useInputAriaProps({\n        invalid,\n        hasDescription: !!description,\n        hasPlaceholder: !!placeholder,\n        descriptionId,\n        labelId,\n    });\n\n    const handleWrapperFocus = () => {\n        setActionVisible(true);\n    };\n\n    const handleWrapperBlur = () => {\n        requestAnimationFrame(() => {\n            if (!wrapperCurrentRef.current?.contains(document.activeElement)) {\n                setActionVisible(false);\n            }\n        });\n    };\n\n    const focusedOrFilled = isFocused || value !== '';\n    const placeholderIsElevated = focusedOrFilled && placeholderCanElevated;\n    const showPostfix = !!postfix && (placeholderIsElevated || value !== '');\n    const showFixedPlaceholder = focusedOrFilled && !!fixedPlaceholder;\n    const showLabel = placeholderCanElevated || (value === '' && !showFixedPlaceholder);\n\n    const InputIconComponent = inputIcon || null;\n    const showClearButton = value.length > 0 && (clearable || (!!clearableOnFocus && isActionVisible));\n    const showHint = !!hint && (showHintAlways || value.length > 0);\n\n    const hintWrapperRefCallback: RefCallback<HTMLDivElement> = useCallback(\n        (element) => {\n            if (element && hintRef.current) {\n                const text = hintRef.current.innerText;\n                if (text.length > 30) {\n                    let maxWidth;\n                    if (text !== hintMaxWidthRef.current?.text) {\n                        const newText = text.slice(0, 30);\n                        hintRef.current.innerText = newText;\n                        maxWidth = hintRef.current.offsetWidth;\n                        hintRef.current.innerText = text;\n                        hintMaxWidthRef.current = {\n                            width: maxWidth,\n                            text,\n                        };\n                    } else {\n                        maxWidth = hintMaxWidthRef.current.width;\n                    }\n\n                    element.style.maxWidth = `${maxWidth}px`;\n                }\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [hint]\n    );\n\n    useEffect(() => {\n        if (inputRef.current) {\n            setFocusVisible(isFocused && inputRef.current.classList.contains('focus-visible'));\n        }\n    }, [isFocused]);\n\n    return (\n        <div\n            ref={wrapperRefCallback}\n            className={classnames(styles.input, {\n                [styles.focused]: isFocused,\n                [styles.focusVisible]: isFocusVisible,\n                [styles.disabled]: isComponentDisabled,\n                [styles.large]: size === 'large',\n                [styles.elevated]: placeholderCanElevated,\n                [styles.invalid]: !!invalid && !isFocused,\n                [styles.withRight]: !!buttonIcon || showClearButton || counter,\n                [styles.withIcon]: !!inputIcon,\n            })}\n            onFocus={clearableOnFocus ? handleWrapperFocus : undefined}\n            onBlur={clearableOnFocus ? handleWrapperBlur : undefined}\n        >\n            <div className={styles.positionContainer}>\n                <div className={styles.hintContainer}>\n                    <div className={styles.contentContainer}>\n                        {!!InputIconComponent && (\n                            <div className={styles.icon}>\n                                <InputIconComponent />\n                            </div>\n                        )}\n                        <div className={styles.valueContainer}>\n                            <input\n                                {...restProps}\n                                {...ariaProps}\n                                maxLength={maxLength}\n                                disabled={isComponentDisabled}\n                                suppressHydrationWarning\n                                className={styles.field}\n                                value={currentValue}\n                                onInput={changeHandler} // maskito требует onInput, (https://maskito.dev/frameworks/react) который работает аналогично onChange\n                                onFocus={focusHandler}\n                                onBlur={blurHandler}\n                                ref={inputRefCallback}\n                            />\n                            <div className={styles.additionalValue}>\n                                <Text Element=\"span\" typography=\"label-2-regular\">\n                                    <span className={styles.valueGhost}>{currentValue}</span>\n                                    {showFixedPlaceholder && (\n                                        <span className={styles.fixedPlaceholder}>\n                                            {fixedPlaceholder.slice(value.length)}\n                                        </span>\n                                    )}\n                                    {showPostfix && (\n                                        <>\n                                            {'\\u00A0'}\n                                            {postfix}\n                                        </>\n                                    )}\n                                </Text>\n                            </div>\n                        </div>\n                        <div className={styles.riggingContainer}>\n                            {showLabel && (\n                                <label\n                                    className={classnames(styles.label, {\n                                        [styles.labelElevated]: placeholderIsElevated,\n                                    })}\n                                    id={ariaProps['aria-labelledby']}\n                                >\n                                    {placeholder}\n                                </label>\n                            )}\n                        </div>\n                    </div>\n                    {showHint && (\n                        <div className={styles.hint} ref={hintWrapperRefCallback} data-qa=\"input-hint\">\n                            <Text Element=\"span\" typography=\"label-3-regular\">\n                                <span ref={hintRef}>{hint}</span>\n                            </Text>\n                        </div>\n                    )}\n                </div>\n                {(buttonIcon || showClearButton || counter) && (\n                    <div className={styles.rightContainer}>\n                        {(buttonIcon || showClearButton) && (\n                            <Action\n                                data-qa={buttonQaLabel}\n                                mode=\"secondary\"\n                                onMouseDown={(event) => event.preventDefault()} // чтобы инпут не терял фокус\n                                onClick={showClearButton ? clearClickHandler : (onButtonClick as () => void)}\n                                icon={\n                                    showClearButton ? CrossOutlinedSize24 : (buttonIcon as IconWrapperComponentSize24)\n                                }\n                                disabled={isComponentDisabled}\n                                ref={buttonRef}\n                            />\n                        )}\n                        {counter && (\n                            <span className={styles.counter}>\n                                <Counter label={counter} />\n                            </span>\n                        )}\n                    </div>\n                )}\n            </div>\n            <FieldHint\n                description={description}\n                errorMessage={errorMessage}\n                descriptionId={ariaProps['aria-describedby']}\n                disabled={isComponentDisabled}\n                focused={isFocused}\n                invalid={invalid}\n            />\n        </div>\n    );\n};\n\nconst BaseInput = forwardRef(BaseInputComponent);\n\nBaseInput.displayName = 'BaseInput';\n\nexport { BaseInput };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/DateTimeInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { ControlledDateTimeInputProps } from './types';
+export declare const DateTimeInput: import("react").ForwardRefExoticComponent<(ControlledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "dateMask" | "timeMask" | "timeRounding">) & import("react").RefAttributes<HTMLInputElement>>;

package/DateTimeInput.js

@@ -0,0 +1,41 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useMemo } from 'react';
+import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
+import { ClockOutlinedSize24, CalendarOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
+import { BaseInput } from './BaseInput.js';
+import { useDateTimeMask } from './useDateTimeMask.js';
+import 'classnames';
+import '@hh.ru/magritte-common-text-selection';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+import '@maskito/core';
+import '@maskito/kit';
+import '@maskito/react';
+
+const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonClick, ...restProps }, ref) => {
+    const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding);
+    const inputRef = useMultipleRefs(maskedInputRef, ref);
+    const maskedPlaceholder = useMemo(() => {
+        const parts = [];
+        if (dateMask) {
+            parts.push(dateMask.replace(/d/g, 'Д').replace(/m/g, 'М').replace(/y/g, 'Г'));
+        }
+        if (timeMask) {
+            parts.push('00:00');
+        }
+        return parts.join(', ');
+    }, [dateMask, timeMask]);
+    const buttonIcon = timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24;
+    const buttonProps = onButtonClick ? { buttonIcon, onButtonClick } : {};
+    return (jsx(BaseInput, { type: "text", inputMode: "decimal", fixedPlaceholder: maskedPlaceholder, ...restProps, ...buttonProps, ref: inputRef, autoComplete: "off" }));
+});
+DateTimeInput.displayName = 'DateTimeInput';
+
+export { DateTimeInput };
+//# sourceMappingURL=DateTimeInput.js.map

package/DateTimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeInput.js","sources":["../src/DateTimeInput.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, useMemo } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { CalendarOutlinedSize24, ClockOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useDateTimeMask } from '@hh.ru/magritte-ui-input/useDateTimeMask';\n\nexport const DateTimeInput = forwardRef<\n    HTMLInputElement,\n    ControlledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledDateTimeInputProps>\n>(({ dateMask, timeMask, timeRounding, onButtonClick, ...restProps }, ref) => {\n    const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding);\n    const inputRef = useMultipleRefs(maskedInputRef, ref);\n\n    const maskedPlaceholder = useMemo(() => {\n        const parts = [];\n\n        if (dateMask) {\n            parts.push(dateMask.replace(/d/g, 'Д').replace(/m/g, 'М').replace(/y/g, 'Г'));\n        }\n        if (timeMask) {\n            parts.push('00:00');\n        }\n\n        return parts.join(', ');\n    }, [dateMask, timeMask]);\n\n    const buttonIcon = timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24;\n    const buttonProps = onButtonClick ? { buttonIcon, onButtonClick } : {};\n\n    return (\n        <BaseInput\n            type=\"text\"\n            inputMode=\"decimal\"\n            fixedPlaceholder={maskedPlaceholder}\n            {...restProps}\n            {...buttonProps}\n            ref={inputRef}\n            autoComplete=\"off\"\n        />\n    );\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;MAQa,aAAa,GAAG,UAAU,CAGrC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IACzE,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;AAEtD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC;AAEjB,QAAA,IAAI,QAAQ,EAAE;YACV,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AACjF,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACvB,SAAA;AAED,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC5B,KAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEzB,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AACxF,IAAA,MAAM,WAAW,GAAG,aAAa,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC;AAEvE,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,gBAAgB,EAAE,iBAAiB,EAAA,GAC/B,SAAS,EAAA,GACT,WAAW,EACf,GAAG,EAAE,QAAQ,EACb,YAAY,EAAC,KAAK,EAAA,CACpB,EACJ;AACN,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/Input.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from 'react';
+import { ControlledInputProps } from './types';
+declare const Input: import("react").ForwardRefExoticComponent<(ControlledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "onButtonClick" | "counter" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value">) & import("react").RefAttributes<HTMLInputElement>>;
+export { Input };

package/Input.js

@@ -0,0 +1,23 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { BaseInput } from './BaseInput.js';
+import 'classnames';
+import '@hh.ru/magritte-common-text-selection';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import '@hh.ru/magritte-ui-icon/icon';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+
+// Здесь создаем новый компонент, а не переиспользуем BaseInput as <...>, чтобы обеспечить уникальность displayName
+const InputComponent = (props, ref) => jsx(BaseInput, { ref: ref, ...props });
+const Input = forwardRef(InputComponent);
+Input.displayName = 'Input';
+
+export { Input };
+//# sourceMappingURL=Input.js.map

package/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../src/Input.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, ForwardedRef } from 'react';\n\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledInputProps } from '@hh.ru/magritte-ui-input/types';\n\n// Здесь создаем новый компонент, а не переиспользуем BaseInput as <...>, чтобы обеспечить уникальность displayName\nconst InputComponent = (\n    props: ControlledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledInputProps>,\n    ref: ForwardedRef<HTMLInputElement>\n) => <BaseInput ref={ref} {...props} />;\n\nconst Input = forwardRef(InputComponent);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;AAKA;AACA,MAAM,cAAc,GAAG,CACnB,KAAqG,EACrG,GAAmC,KAClCA,GAAC,CAAA,SAAS,IAAC,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,GAAI,CAAC;AAExC,MAAM,KAAK,GAAG,UAAU,CAAC,cAAc,EAAE;AAEzC,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/NumberInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { ControlledNumberInputProps } from './types';
+export declare const NumberInput: import("react").ForwardRefExoticComponent<(ControlledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "onButtonClick" | "counter" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "groupSeparator" | "decimalMark" | "groupSize" | "decimalLength" | "allowNegative">) & import("react").RefAttributes<HTMLInputElement>>;

package/NumberInput.js

@@ -0,0 +1,29 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useMemo } from 'react';
+import { defaults } from '@hh.ru/magritte-common-number-formatter';
+import { Input } from './Input.js';
+import { numberFormatterFactory } from './numberFormatter.js';
+import './BaseInput.js';
+import 'classnames';
+import '@hh.ru/magritte-common-text-selection';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import '@hh.ru/magritte-ui-icon/icon';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+
+const NumberInput = forwardRef(({ groupSeparator = defaults.groupSeparator, decimalMark = defaults.decimalMark, groupSize = defaults.groupSize, decimalLength = defaults.decimalLength, allowNegative = defaults.allowNegative, ...restProps }, ref) => {
+    const numberFormatter = useMemo(() => {
+        return numberFormatterFactory({ groupSeparator, decimalMark, groupSize, decimalLength, allowNegative });
+    }, [groupSeparator, decimalMark, groupSize, decimalLength, allowNegative]);
+    return jsx(Input, { ...restProps, inputMode: "decimal", formatter: numberFormatter, ref: ref });
+});
+NumberInput.displayName = 'NumberInput';
+
+export { NumberInput };
+//# sourceMappingURL=NumberInput.js.map

package/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../src/NumberInput.tsx"],"sourcesContent":["import { forwardRef, useMemo, InputHTMLAttributes } from 'react';\n\nimport { defaults } from '@hh.ru/magritte-common-number-formatter';\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { numberFormatterFactory } from '@hh.ru/magritte-ui-input/numberFormatter';\nimport { ControlledNumberInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const NumberInput = forwardRef<\n    HTMLInputElement,\n    ControlledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledNumberInputProps>\n>(\n    (\n        {\n            groupSeparator = defaults.groupSeparator,\n            decimalMark = defaults.decimalMark,\n            groupSize = defaults.groupSize,\n            decimalLength = defaults.decimalLength,\n            allowNegative = defaults.allowNegative,\n            ...restProps\n        },\n        ref\n    ) => {\n        const numberFormatter = useMemo(() => {\n            return numberFormatterFactory({ groupSeparator, decimalMark, groupSize, decimalLength, allowNegative });\n        }, [groupSeparator, decimalMark, groupSize, decimalLength, allowNegative]);\n\n        return <Input {...restProps} inputMode=\"decimal\" formatter={numberFormatter} ref={ref} />;\n    }\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;MAOa,WAAW,GAAG,UAAU,CAIjC,CACI,EACI,cAAc,GAAG,QAAQ,CAAC,cAAc,EACxC,WAAW,GAAG,QAAQ,CAAC,WAAW,EAClC,SAAS,GAAG,QAAQ,CAAC,SAAS,EAC9B,aAAa,GAAG,QAAQ,CAAC,aAAa,EACtC,aAAa,GAAG,QAAQ,CAAC,aAAa,EACtC,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAK;AACjC,QAAA,OAAO,sBAAsB,CAAC,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;AAC5G,KAAC,EAAE,CAAC,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;AAE3E,IAAA,OAAOA,IAAC,KAAK,EAAA,EAAA,GAAK,SAAS,EAAE,SAAS,EAAC,SAAS,EAAC,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC9F,CAAC,EACH;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/PasswordInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { ControlledPasswordInputProps } from './types';
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<(ControlledPasswordInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "hint" | "showHintAlways" | "clearable" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "type">) & import("react").RefAttributes<HTMLInputElement>>;

package/PasswordInput.js

@@ -0,0 +1,36 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useCallback, useRef } from 'react';
+import { Selection } from '@hh.ru/magritte-common-text-selection';
+import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
+import { EyeCrossedOutlinedSize24, EyeOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
+import { Input } from './Input.js';
+import './BaseInput.js';
+import 'classnames';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+
+const PasswordInput = forwardRef(({ onFocus, ...restProps }, ref) => {
+    const [typePassword, setTypePassword] = useState(true);
+    const clickHandler = useCallback(() => {
+        setTypePassword((typePassword) => !typePassword);
+    }, [setTypePassword]);
+    const inputRef = useRef(null);
+    const inputRefCallback = useMultipleRefs(ref, inputRef);
+    const focusHandler = useCallback((event) => {
+        if (inputRef.current) {
+            Selection.set(inputRef.current, 0, inputRef.current.value.length, 'forward');
+        }
+        onFocus && onFocus(event);
+    }, [onFocus, inputRef]);
+    return (jsx(Input, { ...restProps, buttonDataQa: "password-visibility-switch-button", onFocus: focusHandler, type: typePassword ? 'password' : 'text', buttonIcon: typePassword ? EyeCrossedOutlinedSize24 : EyeOutlinedSize24, onButtonClick: clickHandler, ref: inputRefCallback }));
+});
+PasswordInput.displayName = 'PasswordInput';
+
+export { PasswordInput };
+//# sourceMappingURL=PasswordInput.js.map

package/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sources":["../src/PasswordInput.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState, InputHTMLAttributes, FocusEventHandler, useRef } from 'react';\n\nimport { Selection } from '@hh.ru/magritte-common-text-selection';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { EyeOutlinedSize24, EyeCrossedOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { ControlledPasswordInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const PasswordInput = forwardRef<\n    HTMLInputElement,\n    ControlledPasswordInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledPasswordInputProps>\n>(({ onFocus, ...restProps }, ref) => {\n    const [typePassword, setTypePassword] = useState(true);\n    const clickHandler = useCallback(() => {\n        setTypePassword((typePassword) => !typePassword);\n    }, [setTypePassword]);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const inputRefCallback = useMultipleRefs(ref, inputRef);\n\n    const focusHandler = useCallback<FocusEventHandler<HTMLInputElement>>(\n        (event) => {\n            if (inputRef.current) {\n                Selection.set(inputRef.current, 0, inputRef.current.value.length, 'forward');\n            }\n            onFocus && onFocus(event);\n        },\n        [onFocus, inputRef]\n    );\n\n    return (\n        <Input\n            {...restProps}\n            buttonDataQa=\"password-visibility-switch-button\"\n            onFocus={focusHandler}\n            type={typePassword ? 'password' : 'text'}\n            buttonIcon={typePassword ? EyeCrossedOutlinedSize24 : EyeOutlinedSize24}\n            onButtonClick={clickHandler}\n            ref={inputRefCallback}\n        />\n    );\n});\n\nPasswordInput.displayName = 'PasswordInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAQa,MAAA,aAAa,GAAG,UAAU,CAGrC,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IACjC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvD,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;QAClC,eAAe,CAAC,CAAC,YAAY,KAAK,CAAC,YAAY,CAAC,CAAC;AACrD,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,gBAAgB,GAAG,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,KAAK,KAAI;QACN,IAAI,QAAQ,CAAC,OAAO,EAAE;AAClB,YAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAChF,SAAA;AACD,QAAA,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,QACIA,IAAC,KAAK,EAAA,EAAA,GACE,SAAS,EACb,YAAY,EAAC,mCAAmC,EAChD,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,EACxC,UAAU,EAAE,YAAY,GAAG,wBAAwB,GAAG,iBAAiB,EACvE,aAAa,EAAE,YAAY,EAC3B,GAAG,EAAE,gBAAgB,EACvB,CAAA,EACJ;AACN,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/SearchInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { ControlledSearchInputProps } from './types';
+export declare const SearchInput: import("react").ForwardRefExoticComponent<(ControlledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "clearable" | "clearableOnFocus" | "buttonIcon" | "onButtonClick" | "counter" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "type">) & import("react").RefAttributes<HTMLInputElement>>;

package/SearchInput.js

@@ -0,0 +1,23 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { MagnifierOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
+import { BaseInput } from './BaseInput.js';
+import 'classnames';
+import '@hh.ru/magritte-common-text-selection';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+
+const SearchInput = forwardRef((props, ref) => {
+    return jsx(BaseInput, { ...props, elevatePlaceholder: false, inputIcon: MagnifierOutlinedSize24, ref: ref });
+});
+SearchInput.displayName = 'SearchInput';
+
+export { SearchInput };
+//# sourceMappingURL=SearchInput.js.map

package/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sources":["../src/SearchInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { MagnifierOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledSearchInputProps } from '@hh.ru/magritte-ui-input/types';\n\nexport const SearchInput = forwardRef<\n    HTMLInputElement,\n    ControlledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledSearchInputProps>\n>((props, ref) => {\n    return <BaseInput {...props} elevatePlaceholder={false} inputIcon={MagnifierOutlinedSize24} ref={ref} />;\n});\n\nSearchInput.displayName = 'SearchInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;AAMa,MAAA,WAAW,GAAG,UAAU,CAGnC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,OAAOA,IAAC,SAAS,EAAA,EAAA,GAAK,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC7G,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/UncontrolledDateTimeInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { UncontrolledDateTimeInputProps } from './types';
+export declare const UncontrolledDateTimeInput: import("react").ForwardRefExoticComponent<(UncontrolledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "dateMask" | "timeMask" | "timeRounding">) & import("react").RefAttributes<HTMLInputElement>>;

package/UncontrolledDateTimeInput.js

@@ -0,0 +1,30 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DateTimeInput } from './DateTimeInput.js';
+import { useUncontrolledInput } from './useUncontrolledInput.js';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-ui-icon/icon';
+import './BaseInput.js';
+import 'classnames';
+import '@hh.ru/magritte-common-text-selection';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+import './useDateTimeMask.js';
+import '@maskito/core';
+import '@maskito/kit';
+import '@maskito/react';
+
+const UncontrolledDateTimeInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
+    const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
+    return jsx(DateTimeInput, { ...restProps, value: currentValue, onChange: changeHandler, ref: ref });
+});
+UncontrolledDateTimeInput.displayName = 'UncontrolledDateTimeInput';
+
+export { UncontrolledDateTimeInput };
+//# sourceMappingURL=UncontrolledDateTimeInput.js.map

package/UncontrolledDateTimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledDateTimeInput.js","sources":["../src/UncontrolledDateTimeInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { DateTimeInput } from '@hh.ru/magritte-ui-input/DateTimeInput';\nimport { UncontrolledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledDateTimeInput = forwardRef<\n    HTMLInputElement,\n    UncontrolledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledDateTimeInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n    const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n    return <DateTimeInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledDateTimeInput.displayName = 'UncontrolledDateTimeInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMa,MAAA,yBAAyB,GAAG,UAAU,CAGjD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,aAAa,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACpG,CAAC,EAAE;AAEH,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/UncontrolledInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { UncontrolledInputProps } from './types';
+export declare const UncontrolledInput: import("react").ForwardRefExoticComponent<(UncontrolledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "onButtonClick" | "counter" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value">) & import("react").RefAttributes<HTMLInputElement>>;

package/UncontrolledInput.js

@@ -0,0 +1,26 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Input } from './Input.js';
+import { useUncontrolledInput } from './useUncontrolledInput.js';
+import './BaseInput.js';
+import 'classnames';
+import '@hh.ru/magritte-common-text-selection';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import '@hh.ru/magritte-ui-icon/icon';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+
+const UncontrolledInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
+    const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
+    return jsx(Input, { ...restProps, value: currentValue, onChange: changeHandler, ref: ref });
+});
+UncontrolledInput.displayName = 'UncontrolledInput';
+
+export { UncontrolledInput };
+//# sourceMappingURL=UncontrolledInput.js.map

package/UncontrolledInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledInput.js","sources":["../src/UncontrolledInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { Input } from '@hh.ru/magritte-ui-input/Input';\nimport { UncontrolledInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledInput = forwardRef<\n    HTMLInputElement,\n    UncontrolledInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n    const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n    return <Input {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledInput.displayName = 'UncontrolledInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAMa,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,KAAK,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC5F,CAAC,EAAE;AAEH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/UncontrolledNumberInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { UncontrolledNumberInputProps } from './types';
+export declare const UncontrolledNumberInput: import("react").ForwardRefExoticComponent<(UncontrolledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "hint" | "showHintAlways" | "clearable" | "clearableOnFocus" | "buttonIcon" | "onButtonClick" | "counter" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "groupSeparator" | "decimalMark" | "groupSize" | "decimalLength" | "allowNegative">) & import("react").RefAttributes<HTMLInputElement>>;

package/UncontrolledNumberInput.js

@@ -0,0 +1,29 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { NumberInput } from './NumberInput.js';
+import { useUncontrolledInput } from './useUncontrolledInput.js';
+import '@hh.ru/magritte-common-number-formatter';
+import './Input.js';
+import './BaseInput.js';
+import 'classnames';
+import '@hh.ru/magritte-common-text-selection';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import '@hh.ru/magritte-ui-icon/icon';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+import './numberFormatter.js';
+
+const UncontrolledNumberInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
+    const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
+    return jsx(NumberInput, { ...restProps, value: currentValue, onChange: changeHandler, ref: ref });
+});
+UncontrolledNumberInput.displayName = 'UncontrolledNumberInput';
+
+export { UncontrolledNumberInput };
+//# sourceMappingURL=UncontrolledNumberInput.js.map

package/UncontrolledNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledNumberInput.js","sources":["../src/UncontrolledNumberInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { NumberInput } from '@hh.ru/magritte-ui-input/NumberInput';\nimport { UncontrolledNumberInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledNumberInput = forwardRef<\n    HTMLInputElement,\n    UncontrolledNumberInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledNumberInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n    const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n    return <NumberInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledNumberInput.displayName = 'UncontrolledNumberInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMa,MAAA,uBAAuB,GAAG,UAAU,CAG/C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,WAAW,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAClG,CAAC,EAAE;AAEH,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/UncontrolledPasswordInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { UncontrolledPasswordInputProps } from './types';
+export declare const UncontrolledPasswordInput: import("react").ForwardRefExoticComponent<(UncontrolledPasswordInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "hint" | "showHintAlways" | "clearable" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "type">) & import("react").RefAttributes<HTMLInputElement>>;

package/UncontrolledPasswordInput.js

@@ -0,0 +1,27 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { PasswordInput } from './PasswordInput.js';
+import { useUncontrolledInput } from './useUncontrolledInput.js';
+import '@hh.ru/magritte-common-text-selection';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-ui-icon/icon';
+import './Input.js';
+import './BaseInput.js';
+import 'classnames';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-internal-field-hint';
+import '@hh.ru/magritte-ui-action';
+import '@hh.ru/magritte-ui-counter';
+import './useFocus.js';
+import './useInputAriaProps.js';
+import '@hh.ru/magritte-ui-typography';
+
+const UncontrolledPasswordInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
+    const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
+    return jsx(PasswordInput, { ...restProps, value: currentValue, onChange: changeHandler, ref: ref });
+});
+UncontrolledPasswordInput.displayName = 'UncontrolledPasswordInput';
+
+export { UncontrolledPasswordInput };
+//# sourceMappingURL=UncontrolledPasswordInput.js.map

package/UncontrolledPasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledPasswordInput.js","sources":["../src/UncontrolledPasswordInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { PasswordInput } from '@hh.ru/magritte-ui-input/PasswordInput';\nimport { UncontrolledPasswordInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledPasswordInput = forwardRef<\n    HTMLInputElement,\n    UncontrolledPasswordInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledPasswordInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n    const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n    return <PasswordInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledPasswordInput.displayName = 'UncontrolledPasswordInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAMa,MAAA,yBAAyB,GAAG,UAAU,CAGjD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,aAAa,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACpG,CAAC,EAAE;AAEH,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/UncontrolledSearchInput.d.ts

@@ -0,0 +1,3 @@
+import { InputHTMLAttributes } from 'react';
+import { UncontrolledSearchInputProps } from './types';
+export declare const UncontrolledSearchInput: import("react").ForwardRefExoticComponent<(UncontrolledSearchInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "clearable" | "clearableOnFocus" | "buttonIcon" | "onButtonClick" | "counter" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "type">) & import("react").RefAttributes<HTMLInputElement>>;