@itcase/ui 1.1.25 → 1.2.0

package/dist/components/Choice.js

@@ -1,23 +1,112 @@
-export { C as Choice, c as choiceConfig } from '../Choice-CeQ9Il98.js';
-import '../jsx-runtime-C2uP7l8s.js';
-import 'react';
-import 'clsx';
-import '../hooks/useDeviceTargetClass.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useRef, useMemo, createRef, useCallback } from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { L as Loader } from '../Loader-CJ8ZCdwy.js';
+import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-BLqnXYOO.js';
-import '../_tslib-S-VPg1Cw.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-DtzAAQn8.js';
-import '../Tooltip-IVq3_vb4.js';
-import '../Text-Dz-KPI5I.js';
-import '../Title-zpOK2AxL.js';
-import '../Loader-VCP1ZNcb.js';
+import '../Link-Bqu5amIb.js';
+import '../Tooltip-DJufHBiQ.js';
+import '../Title-BfSFPJtJ.js';
+
+var choiceConfig = {
+    appearance: {},
+    setAppearance: function (newComponent) {
+        choiceConfig.appearance = newComponent;
+    },
+};
+var Choice = React.forwardRef(function Choice(props, ref) {
+    var _a = props.isCheckbox, isCheckbox = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isLoading, isLoading = _c === void 0 ? false : _c, _d = props.active, active = _d === void 0 ? { value: undefined } : _d, activeIcon = props.activeIcon, activeIconItemFill = props.activeIconItemFill, after = props.after, appearance = props.appearance, before = props.before, className = props.className, icon = props.icon, iconFillDisabled = props.iconFillDisabled, iconItemFill = props.iconItemFill, iconSize = props.iconSize, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, name = props.name, _e = props.options, options = _e === void 0 ? [] : _e, set = props.set, setActiveSegment = props.setActiveSegment, _f = props.size, size = _f === void 0 ? 'normal' : _f, type = props.type;
+    var controlRef = useRef(null);
+    var optionsRefs = useMemo(function () { return new Map(options.map(function (item) { return [item.value, createRef()]; })); }, [options]);
+    var onChange = useCallback(function (event, item) {
+        var isChecked = isCheckbox ? event.target.checked : true;
+        setActiveSegment && setActiveSegment(item, isChecked);
+    }, [isCheckbox, setActiveSegment]);
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'choice_shape_',
+        propsKey: 'shape',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'fill_disabled_',
+        propsKey: 'fillDisabled',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var fillActiveClass = useDeviceTargetClass(props, {
+        prefix: 'fill_active_',
+        propsKey: 'fillActive',
+    });
+    var fillActiveDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'fill_active_disabled_',
+        propsKey: 'fillActiveDisabled',
+    });
+    // prettier-ignore
+    var appearanceConfig = (appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]);
+    return (jsx("div", { ref: controlRef, className: clsx(className, 'choice', shapeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
+                "choice_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), !isDisabled
+            ? fillClass ||
+                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                    "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())
+            : fillDisabledClass, borderColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                "border-color_".concat(appearanceConfig.borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), children: isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsx("div", { className: "choice__wrapper", children: options.map(function (item) { return (jsxs("div", { ref: optionsRefs.get(item.value), className: clsx('choice__item', !isDisabled &&
+                    (fillHoverClass ||
+                        ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                            "fill_active_".concat(appearanceConfig.fillHover)
+                                .replace(/([A-Z])/g, '-$1')
+                                .toLowerCase())), item.value !== active.value && isDisabled && 'choice__item_state_disabled', item.value === active.value
+                    ? !isDisabled
+                        ? fillActiveClass ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
+                                "fill_active_".concat(appearanceConfig.fillActive)
+                                    .replace(/([A-Z])/g, '-$1')
+                                    .toLowerCase())
+                        : fillActiveDisabledClass
+                    : !isDisabled
+                        ? fillClass
+                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), children: [jsx("input", { checked: item.value === active.value, className: "choice__item-radio", disabled: isDisabled, id: "".concat(name, "-").concat(item.value), name: name, type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxs("label", { htmlFor: "".concat(name, "-").concat(item.value), className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), children: [before, item.label && (jsx(Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textWeight: labelTextWeight, textColor: item.value === active.value
+                                    ? !isDisabled
+                                        ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
+                                        : labelTextActiveColorDisabled
+                                    : !isDisabled
+                                        ? labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor)
+                                        : labelTextColorDisabled, children: item.label })), (icon || activeIcon) && (jsx(Icon, { SvgImage: item.value === active.value ? activeIcon : icon, className: "choice__item-icon", iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, iconFill: item.value === active.value
+                                    ? activeIconItemFill || item.activeIconItemFill
+                                    : iconItemFill || item.iconItemFill })), after] })] }, item.value)); }) })) }));
+});
+
+export { Choice, choiceConfig };

package/dist/components/Code.js

@@ -1,12 +1,109 @@
-export { C as Code } from '../Code-1WUXVzfb.js';
-import '../_tslib-S-VPg1Cw.js';
-import '../jsx-runtime-C2uP7l8s.js';
-import 'react';
-import 'clsx';
-import '../hooks/useDeviceTargetClass.js';
+import { _ as __assign } from '../tslib.es6-S-VPg1Cw.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import clsx from 'clsx';
+import OtpInput from 'react-otp-input';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+
+function Code(props) {
+    var className = props.className, inputPlaceholder = props.inputPlaceholder, inputAutoFocus = props.inputAutoFocus, inputCount = props.inputCount, inputType = props.inputType, before = props.before, after = props.after, separatorComponent = props.separatorComponent, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
+    var _a = useState(''), otp = _a[0], setOtp = _a[1];
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'inputFill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'inputFillHover',
+    });
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'code__input_size_',
+        propsKey: 'inputSize',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'code__input_shape_',
+        propsKey: 'inputShape',
+    });
+    var textSizeClass = useDeviceTargetClass(props, {
+        prefix: 'text_size_',
+        propsKey: 'inputTextSize',
+    });
+    var textColorClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'inputTextColor',
+    });
+    var caretClass = useDeviceTargetClass(props, {
+        prefix: 'caret-color_',
+        propsKey: 'inputCaretColor',
+    });
+    var placeholderClass = useDeviceTargetClass(props, {
+        prefix: 'placeholder-text-color_',
+        propsKey: 'inputPlaceholderTextColor',
+    });
+    var weightClass = useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'inputTextWeight',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'inputBorderWidth',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'inputBorderColor',
+    });
+    var borderColorHoverClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_hover_',
+        propsKey: 'inputBorderColorHover',
+    });
+    var borderColorFocusClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_focus_',
+        propsKey: 'inputBorderFocusColor',
+    });
+    var gapClass = useDeviceTargetClass(props, {
+        prefix: 'gap_',
+        propsKey: 'gap',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    // NOTE: too many dependencies for "useCallback" and possible too many checks
+    var renderInput = function (otpInputProps) {
+        return (jsx("input", __assign({}, otpInputProps, { autoComplete: "one-time-code", className: clsx('code__input', caretClass, fillClass, fillHoverClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderColorFocusClass, sizeClass, fillClass), onBlur: function (event) {
+                onBlur && onBlur(event);
+                otpInputProps.onBlur(event);
+            }, onFocus: function (event) {
+                onFocus && onFocus(event);
+                otpInputProps.onFocus(event);
+            } })));
+    };
+    useEffect(function () {
+        onChange && onChange(otp);
+    }, [otp]);
+    return (jsxs("div", { className: clsx(className, 'code', widthClass), children: [before, jsx(OtpInput, { containerStyle: clsx(className, 'code__wrapper', gapClass), inputType: inputType, numInputs: inputCount, placeholder: inputPlaceholder, renderInput: renderInput, renderSeparator: separatorComponent || null, shouldAutoFocus: inputAutoFocus, value: otp, onChange: setOtp }), after] }));
+}
+Code.defaultProps = {
+    inputCount: 6,
+    inputType: 'number',
+    inputSize: 'normal',
+    inputBorderWidth: 1,
+    inputPlaceholder: 0,
+    inputBorderColor: 'surfaceBorderTertiary',
+    inputBorderColorHover: 'surfaceBorderQuaternary',
+    inputBorderFocusColor: 'surfaceBorderAccent',
+    inputFill: 'surfacePrimary',
+    inputFillHover: 'surfaceSecondary',
+    inputShape: 'rounded',
+    inputTextColor: 'surfaceTextPrimary',
+    inputTextSize: 'xxl',
+    inputCaretColor: 'surfaceItemAccent',
+};
+
+export { Code };

package/dist/components/ContextMenu.js

@@ -1,23 +1,62 @@
-export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem-KPAQQHlQ.js';
-import '../jsx-runtime-C2uP7l8s.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { D as Divider } from '../Divider-U5UdY-ef.js';
+import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { T as Text } from '../Text-CG3xPG27.js';
 import 'react';
-import 'clsx';
-import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Divider-Dhj6sMWd.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-BLqnXYOO.js';
-import '../_tslib-S-VPg1Cw.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import '../Link-DtzAAQn8.js';
-import '../Tooltip-IVq3_vb4.js';
-import '../Text-Dz-KPI5I.js';
-import '../Title-zpOK2AxL.js';
+import '../Link-Bqu5amIb.js';
+import '../Tooltip-DJufHBiQ.js';
+import '../Title-BfSFPJtJ.js';
+
+function ContextMenu(props) {
+    var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'context-menu_shape_',
+        propsKey: 'shape',
+    });
+    return (jsx("div", { className: clsx(className, 'context-menu', set && "context-menu_set_".concat(set), shapeClass, fillClass), id: id, onClick: onClick, children: children }));
+}
+ContextMenu.defaultProps = {
+    tag: 'div',
+};
+
+function ContextMenuItem(props) {
+    var id = props.id, className = props.className, label = props.label, dividerWidth = props.dividerWidth, dividerDirection = props.dividerDirection, dividerSize = props.dividerSize, dividerFill = props.dividerFill, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, iconBeforeBgFill = props.iconBeforeBgFill, iconBeforeFill = props.iconBeforeFill, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight;
+    useDeviceTargetClass(props, {
+        propsKey: 'labelTextSize',
+    });
+    useDeviceTargetClass(props, {
+        propsKey: 'labelTextColor',
+    });
+    useDeviceTargetClass(props, {
+        propsKey: 'labelTextWeight',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    return (jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsx(Icon, { className: "context-menu__item-icon-before", SvgImage: iconBefore, size: iconBeforeSize, bgFill: iconBeforeBgFill, fill: iconBeforeFill })), label && (jsx(Text, { className: "context-menu__item-title", textColor: labelTextColor, size: labelTextSize, textWeight: labelTextWeight, children: label })), iconAfter && (jsx(Icon, { className: "context-menu__item-icon-after", SvgImage: iconAfter, size: iconAfterSize, bgFill: iconAfterBgFill, fill: iconAfterFill }))] }), jsx(Divider, { className: "context-menu__item-divider", width: dividerWidth, direction: dividerDirection, size: dividerSize, fill: dividerFill })] }));
+}
+
+export { ContextMenu, ContextMenuItem };

package/dist/components/CookiesWarning.js

@@ -1,26 +1,69 @@
-export { C as CookiesWarning } from '../CookiesWarning-B30eAOND.js';
-import '../jsx-runtime-C2uP7l8s.js';
-import 'react';
-import 'clsx';
-import 'js-cookie';
-import '../hooks/useDeviceTargetClass.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useMemo, useCallback, useEffect } from 'react';
+import clsx from 'clsx';
+import Cookies from 'js-cookie';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { B as Button } from '../Button-CmZbTSyf.js';
+import { G as Group } from '../Group-BXfLh7AZ.js';
+import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Button-CSzPxWyC.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-BLqnXYOO.js';
-import '../_tslib-S-VPg1Cw.js';
+import '../Icon-CsE2-ieX.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import '../Link-DtzAAQn8.js';
-import '../Tooltip-IVq3_vb4.js';
-import '../Text-Dz-KPI5I.js';
-import '../Title-zpOK2AxL.js';
-import '../Loader-VCP1ZNcb.js';
-import '../Group-DLmtajo8.js';
+import '../Link-Bqu5amIb.js';
+import '../Tooltip-DJufHBiQ.js';
+import '../Title-BfSFPJtJ.js';
+import '../Loader-CJ8ZCdwy.js';
+
+function CookiesWarning(props) {
+    var _a = props.message, message = _a === void 0 ? 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».' : _a, className = props.className, buttonFill = props.buttonFill, buttonFillHover = props.buttonFillHover, _b = props.buttonLabel, buttonLabel = _b === void 0 ? 'I agree' : _b, buttonLabelSize = props.buttonLabelSize, buttonLabelTextColor = props.buttonLabelTextColor, buttonShape = props.buttonShape, buttonSize = props.buttonSize, textSize = props.textSize, textColor = props.textColor, buttonWidth = props.buttonWidth, _c = props.isHideOnScroll, isHideOnScroll = _c === void 0 ? false : _c;
+    var cookiesWarningRef = useRef(null);
+    var isOpen = useMemo(function () { return Cookies.get('cookies-warning') !== 'close'; }, []);
+    var closeCookiesWarning = useCallback(function () {
+        var _a;
+        (_a = cookiesWarningRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('cookies-warning_state_hidden');
+        Cookies.set('cookies-warning', 'close');
+    }, []);
+    useEffect(function () {
+        if (isHideOnScroll) {
+            window.addEventListener('scroll', closeCookiesWarning, true);
+        }
+        return function () {
+            window.removeEventListener('scroll', closeCookiesWarning, true);
+        };
+    }, []);
+    useEffect(function () {
+        // isHideOnScroll &&
+        if (!isOpen) {
+            window.removeEventListener('scroll', closeCookiesWarning, true);
+        }
+    }, [isOpen]);
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillGradientClass = useDeviceTargetClass(props, {
+        prefix: 'fill-gradient_',
+        propsKey: 'fillGradient',
+    });
+    var gap = useDeviceTargetClass(props, {
+        propsKey: 'gap',
+    });
+    return isOpen ? (jsx("div", { className: clsx('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, children: jsxs(Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsx(Text, { size: textSize, textColor: textColor, children: message }), jsx(Button, { width: buttonWidth, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
+}
+CookiesWarning.defaultProps = {
+    message: 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».',
+    buttonText: 'I agree',
+    isHideOnScroll: false,
+};
+
+export { CookiesWarning };

package/dist/components/DadataHintField.js

@@ -1,10 +1,9 @@
-export { D as DadataHintField } from '../DadataHintField-CHJLsVjJ.js';
-import '../_tslib-S-VPg1Cw.js';
-import '../jsx-runtime-C2uP7l8s.js';
-import 'react';
-import 'clsx';
-import 'crypto';
-import '../Input-CYDtAlO-.js';
+import { _ as __assign, a as __rest } from '../tslib.es6-S-VPg1Cw.js';
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { PartySuggestions } from 'react-dadata';
+import { I as Input } from '../Input-BQ6Plt1n.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -12,3 +11,30 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+
+function DadataHintField(props) {
+    var delay = props.delay, inputProps = props.inputProps, setValue = props.setValue, input = props.input, meta = props.meta, token = props.token;
+    var dadataInputProps = useMemo(function () {
+        return __assign(__assign({}, inputProps), { className: clsx('react-dadata__input', meta.active && 'input_state_focus', meta.error && meta.touched && "input_state_".concat(meta.error.key || 'error')), 
+            // https://www.npmjs.com/package/react-dadata
+            // "Свойство value игнорируется."
+            // value: input.value,
+            inputValue: input.value, onFocus: input.onFocus, onBlur: input.onBlur, onChange: input.onChange });
+    }, [
+        inputProps,
+        meta.active,
+        meta.error,
+        meta.touched,
+        input.value,
+        input.onFocus,
+        input.onBlur,
+        input.onChange,
+    ]);
+    return (jsx(PartySuggestions, { customInput: DadataСustomInput, delay: delay || 750, inputProps: dadataInputProps, minChars: 3, token: token, onChange: setValue }));
+}
+function DadataСustomInput(props) {
+    var inputValue = props.inputValue, otherProps = __rest(props, ["inputValue"]);
+    return jsx(Input, __assign({}, otherProps, { value: inputValue }));
+}
+
+export { DadataHintField };