@cloud-ru/uikit-product-mobile-fields 0.11.24 → 0.11.26

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.11.26 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@15.1.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-dropdown@0.9.23](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-dropdown/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-modal@0.9.20](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-modal/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.11.25 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.11.24 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/AdaptiveField/AdaptiveField.d.ts

@@ -0,0 +1,13 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { FieldColorProps, FieldDateProps, FieldSecureProps, FieldSelectMultipleProps, FieldSelectProps, FieldSelectSingleProps, FieldSliderProps, FieldStepperProps, FieldTextAreaProps, FieldTextProps, FieldTimeProps } from '@snack-uikit/fields';
+import { withAdaptiveField } from '../../utils/adaptiveField';
+export declare const AdaptiveFieldSelect: import("react").ForwardRefExoticComponent<WithLayoutType<FieldSelectProps> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const AdaptiveFieldDate: import("react").ForwardRefExoticComponent<WithLayoutType<FieldDateProps> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const AdaptiveFieldColor: ReturnType<typeof withAdaptiveField<FieldColorProps, HTMLInputElement>>;
+export declare const AdaptiveFieldSecure: ReturnType<typeof withAdaptiveField<FieldSecureProps, HTMLInputElement>>;
+export declare const AdaptiveFieldSlider: ReturnType<typeof withAdaptiveField<FieldSliderProps, HTMLInputElement>>;
+export declare const AdaptiveFieldStepper: ReturnType<typeof withAdaptiveField<FieldStepperProps, HTMLInputElement>>;
+export declare const AdaptiveFieldText: ReturnType<typeof withAdaptiveField<FieldTextProps, HTMLInputElement>>;
+export declare const AdaptiveFieldTextArea: ReturnType<typeof withAdaptiveField<FieldTextAreaProps, HTMLTextAreaElement>>;
+export declare const AdaptiveFieldTime: ReturnType<typeof withAdaptiveField<FieldTimeProps, HTMLInputElement>>;
+export type { FieldColorProps, FieldDateProps, FieldSecureProps, FieldSelectMultipleProps, FieldSelectProps, FieldSelectSingleProps, FieldSliderProps, FieldStepperProps, FieldTextAreaProps, FieldTextProps, FieldTimeProps, };

package/dist/cjs/components/AdaptiveField/AdaptiveField.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptiveFieldTime = exports.AdaptiveFieldTextArea = exports.AdaptiveFieldText = exports.AdaptiveFieldStepper = exports.AdaptiveFieldSlider = exports.AdaptiveFieldSecure = exports.AdaptiveFieldColor = exports.AdaptiveFieldDate = exports.AdaptiveFieldSelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const fields_1 = require("@snack-uikit/fields");
+const adaptiveField_1 = require("../../utils/adaptiveField");
+const MobileFieldDate_1 = require("../MobileFieldDate");
+const MobileFieldSelect_1 = require("../MobileFieldSelect");
+exports.AdaptiveFieldSelect = (0, react_1.forwardRef)(function AdaptiveFieldSelect(props, ref) {
+    const isMobile = props.layoutType === 'mobile';
+    return isMobile ? ((0, jsx_runtime_1.jsx)(MobileFieldSelect_1.MobileFieldSelect, Object.assign({}, props, (0, adaptiveField_1.getAdaptiveFieldProps)(props), { ref: ref }))) : ((0, jsx_runtime_1.jsx)(fields_1.FieldSelect, Object.assign({}, props, (0, adaptiveField_1.getAdaptiveFieldProps)(props), { ref: ref })));
+});
+exports.AdaptiveFieldDate = (0, react_1.forwardRef)(function AdaptiveFieldDate(props, ref) {
+    const isMobile = props.layoutType === 'mobile';
+    return isMobile ? ((0, jsx_runtime_1.jsx)(MobileFieldDate_1.MobileFieldDate, Object.assign({}, props, (0, adaptiveField_1.getAdaptiveFieldProps)(props), { ref: ref }))) : ((0, jsx_runtime_1.jsx)(fields_1.FieldDate, Object.assign({}, props, (0, adaptiveField_1.getAdaptiveFieldProps)(props), { ref: ref })));
+});
+exports.AdaptiveFieldColor = (0, adaptiveField_1.withAdaptiveField)(fields_1.FieldColor);
+exports.AdaptiveFieldSecure = (0, adaptiveField_1.withAdaptiveField)(fields_1.FieldSecure);
+exports.AdaptiveFieldSlider = (0, adaptiveField_1.withAdaptiveField)(fields_1.FieldSlider);
+exports.AdaptiveFieldStepper = (0, adaptiveField_1.withAdaptiveField)(fields_1.FieldStepper);
+exports.AdaptiveFieldText = (0, adaptiveField_1.withAdaptiveField)(fields_1.FieldText);
+exports.AdaptiveFieldTextArea = (0, adaptiveField_1.withAdaptiveField)(fields_1.FieldTextArea);
+exports.AdaptiveFieldTime = (0, adaptiveField_1.withAdaptiveField)(fields_1.FieldTime);

package/dist/cjs/components/AdaptiveField/index.d.ts

@@ -0,0 +1 @@
+export * from './AdaptiveField';

package/dist/cjs/components/AdaptiveField/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdaptiveField"), exports);

package/dist/cjs/components/MobileFieldDate/MobileFieldDate.d.ts

@@ -0,0 +1,33 @@
+import { CalendarProps } from '@snack-uikit/calendar';
+import { FieldDecoratorProps } from '@snack-uikit/fields';
+import { InputPrivateProps } from '@snack-uikit/input-private';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { MODES } from '../../constants';
+type InputProps = Pick<InputPrivateProps, 'id' | 'name' | 'disabled' | 'readonly' | 'onFocus' | 'onBlur' | 'autoFocus'>;
+type WrapperProps = Pick<FieldDecoratorProps, 'className' | 'label' | 'labelTooltip' | 'required' | 'caption' | 'hint' | 'showHintIcon' | 'size' | 'validationState' | 'labelTooltipPlacement' | 'error'>;
+type FieldDateWithSeconds = {
+    mode: typeof MODES.DateTime;
+    showSeconds?: boolean;
+};
+type FieldDateOwnProps = {
+    /** Открыт date-picker */
+    open?: boolean;
+    /** Колбек открытия пикера */
+    onOpenChange?(value: boolean): void;
+    /** Значение поля */
+    value?: Date;
+    /** Колбек смены значения */
+    onChange?(value: Date | undefined): void;
+    /** Отображение кнопки копирования */
+    showCopyButton?: boolean;
+    /**
+     * Отображение кнопки Очистки поля
+     * @default true
+     */
+    showClearButton?: boolean;
+} & Pick<CalendarProps, 'buildCellProps'> & ({
+    mode: typeof MODES.Date;
+} | FieldDateWithSeconds);
+export type MobileFieldDateProps = WithSupportProps<FieldDateOwnProps & InputProps & WrapperProps>;
+export declare const MobileFieldDate: import("react").ForwardRefExoticComponent<MobileFieldDateProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/cjs/components/MobileFieldDate/MobileFieldDate.js

@@ -0,0 +1,170 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileFieldDate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const merge_refs_1 = __importDefault(require("merge-refs"));
+const react_1 = require("react");
+const uncontrollable_1 = require("uncontrollable");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const calendar_1 = require("@snack-uikit/calendar");
+const fields_1 = require("@snack-uikit/fields");
+const input_private_1 = require("@snack-uikit/input-private");
+const scroll_1 = require("@snack-uikit/scroll");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const hooks_1 = require("../../hooks");
+const getValidationState_1 = require("../../utils/getValidationState");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.MobileFieldDate = (0, react_1.forwardRef)((_a, ref) => {
+    var _b;
+    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onOpenChange, onChange, onFocus, onBlur: onBlurProp, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, size = input_private_1.SIZE.S, validationState = constants_1.VALIDATION_STATE.Default, buildCellProps, error, mode, autoFocus } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "buildCellProps", "error", "mode", "autoFocus"]);
+    const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
+    const localRef = (0, react_1.useRef)(null);
+    const clearButtonRef = (0, react_1.useRef)(null);
+    const copyButtonRef = (0, react_1.useRef)(null);
+    const calendarIconSize = size === input_private_1.SIZE.S ? input_private_1.ICON_SIZE.Xs : input_private_1.ICON_SIZE.S;
+    const showDropList = isOpen && !readonly && !disabled;
+    const showAdditionalButton = Boolean(valueProp && !disabled);
+    const showClearButton = showClearButtonProp && showAdditionalButton && !readonly;
+    const showCopyButton = showCopyButtonProp && showAdditionalButton && readonly;
+    const showSeconds = mode === 'date-time' ? ((_b = rest.showSeconds) !== null && _b !== void 0 ? _b : true) : undefined;
+    const fieldValidationState = (0, getValidationState_1.getValidationState)({ validationState, error });
+    const navigationStartRef = (0, react_1.useRef)(null);
+    const checkForLeavingFocus = (0, react_1.useCallback)((event) => {
+        if (event.key === 'ArrowDown') {
+            setIsOpen(true);
+            setTimeout(() => { var _a; return (_a = navigationStartRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
+        }
+    }, [setIsOpen]);
+    const handleClear = (0, react_1.useCallback)(() => {
+        var _a, _b, _c;
+        onChange && onChange(undefined);
+        if ((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.value) {
+            localRef.current.value = '';
+        }
+        if (required) {
+            (_b = localRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            setIsOpen(true);
+        }
+        else {
+            (_c = localRef.current) === null || _c === void 0 ? void 0 : _c.blur();
+            setIsOpen(false);
+        }
+    }, [onChange, required, setIsOpen]);
+    const getStringDateValue = (0, react_1.useCallback)((date) => {
+        if (!date)
+            return '';
+        if (mode === 'date') {
+            return date.toLocaleDateString(constants_1.DEFAULT_LOCALE);
+        }
+        return date.toLocaleString(constants_1.DEFAULT_LOCALE, {
+            year: 'numeric',
+            month: 'numeric',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit',
+            second: showSeconds ? '2-digit' : undefined,
+        });
+    }, [mode, showSeconds]);
+    const valueToCopy = getStringDateValue(valueProp);
+    const clearButtonSettings = (0, input_private_1.useClearButton)({ clearButtonRef, showClearButton, size, onClear: handleClear });
+    const copyButtonSettings = (0, hooks_1.useCopyButton)({ copyButtonRef, showCopyButton, size, valueToCopy });
+    const calendarIcon = (0, react_1.useMemo)(() => ({
+        active: false,
+        show: true,
+        id: 'calendarIcon',
+        render: props => ((0, jsx_runtime_1.jsx)(uikit_product_icons_1.CalendarSVG, Object.assign({}, props, { size: calendarIconSize, className: styles_module_scss_1.default.calendarIcon, "data-size": size }))),
+    }), [calendarIconSize, size]);
+    const memorizedButtons = (0, react_1.useMemo)(() => [clearButtonSettings, copyButtonSettings, calendarIcon], [clearButtonSettings, copyButtonSettings, calendarIcon]);
+    const { value, handleChange, handleClick: dateInputClickHandler, handleKeyDown: dateInputKeyDownHandler, handleBlur: dateInputBlurHandler, mask, setInputFocus, } = (0, hooks_1.useDateField)({
+        inputRef: localRef,
+        onChange,
+        readonly,
+        locale: constants_1.DEFAULT_LOCALE,
+        setIsOpen,
+        mode,
+        showSeconds,
+    });
+    const setInputFocusFromButtons = (0, react_1.useCallback)(() => setInputFocus(mode === 'date' ? constants_1.SlotKey.Year : constants_1.SlotKey.Seconds), [mode, setInputFocus]);
+    const { postfixButtons, inputTabIndex, onInputKeyDown: navigationInputKeyDownHandler, setInitialTabIndices, } = (0, input_private_1.useButtonNavigation)({
+        setInputFocus: setInputFocusFromButtons,
+        inputRef: localRef,
+        postfixButtons: memorizedButtons,
+        onButtonKeyDown: checkForLeavingFocus,
+        readonly,
+        submitKeys: ['Enter', 'Space', 'Tab'],
+    });
+    const handleSelectDate = (date) => {
+        var _a;
+        onChange && onChange(date);
+        (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        setIsOpen(false);
+        if (localRef.current) {
+            localRef.current.value = getStringDateValue(date);
+        }
+    };
+    const handleCalendarFocusLeave = () => {
+        setInitialTabIndices();
+        // TODO: find out why it works not as expected (focus is moved to the next element instead of the focused one)
+        // maybe floating-ui causes the problem
+        (0, input_private_1.runAfterRerender)(() => {
+            setInputFocus(constants_1.SlotKey.Day);
+            setIsOpen(false);
+        });
+    };
+    const handleInputKeyDown = (0, hooks_1.useHandlers)([
+        checkForLeavingFocus,
+        dateInputKeyDownHandler,
+        navigationInputKeyDownHandler,
+    ]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (open) {
+            (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [open]);
+    (0, react_1.useEffect)(() => {
+        if (localRef.current && document.activeElement !== localRef.current) {
+            localRef.current.value = getStringDateValue(valueProp);
+        }
+    }, [getStringDateValue, valueProp]);
+    const onFocusByKeyboard = (0, react_1.useCallback)((e) => {
+        setInputFocus();
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    }, [onFocus, setInputFocus]);
+    const inputHandlers = (0, hooks_1.useFocusHandlers)({
+        onFocusByClick: onFocus,
+        onFocusByKeyboard,
+    });
+    const onBlur = (0, hooks_1.useHandlers)([dateInputBlurHandler, inputHandlers.onBlur, onBlurProp]);
+    const onClick = (0, react_1.useCallback)((e) => {
+        dateInputClickHandler();
+        if (isOpen) {
+            // stop the event because want picker to stay opened
+            e.stopPropagation();
+        }
+    }, [dateInputClickHandler, isOpen]);
+    return ((0, jsx_runtime_1.jsx)(fields_1.FieldDecorator, Object.assign({ className: className, label: label, labelTooltip: labelTooltip, labelTooltipPlacement: labelTooltipPlacement, labelFor: id, required: required, caption: caption, hint: hint, disabled: disabled, readonly: readonly, showHintIcon: showHintIcon, size: size, error: error, validationState: fieldValidationState }, (0, utils_1.extractSupportProps)(rest), { children: (0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.MobileDropdown, Object.assign({}, (readonly || disabled
+            ? { open: false }
+            : {
+                open: showDropList,
+                onOpenChange: setIsOpen,
+            }), { content: (0, jsx_runtime_1.jsx)(scroll_1.Scroll, { className: (0, classnames_1.default)(styles_module_scss_1.default.calendarWrapper, mode === 'date-time' ? styles_module_scss_1.default.dateTimeWrapper : styles_module_scss_1.default.dateWrapper), "data-size": size, barHideStrategy: 'never', children: (0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: mode, size: 'l', value: valueProp, showSeconds: showSeconds, onChangeValue: handleSelectDate, buildCellProps: buildCellProps, navigationStartRef: navigationStartRef, onFocusLeave: handleCalendarFocusLeave, locale: constants_1.DEFAULT_LOCALE, "data-test-id": 'field-date__calendar' }) }), children: (0, jsx_runtime_1.jsx)(helperComponents_1.FieldContainerPrivate, { className: styles_module_scss_1.default.container, size: size, validationState: fieldValidationState, disabled: disabled, readonly: readonly, variant: constants_1.CONTAINER_VARIANT.SingleLine, focused: showDropList, inputRef: localRef, postfix: postfixButtons, children: (0, jsx_runtime_1.jsx)(input_private_1.InputPrivate, { ref: (0, merge_refs_1.default)(ref, localRef), "data-size": size, value: value || '', placeholder: mask, onChange: handleChange, onFocus: inputHandlers.onFocus, onMouseDown: inputHandlers.onMouseDown, onBlur: onBlur, onKeyDown: handleInputKeyDown, onClick: onClick, disabled: disabled, readonly: readonly, tabIndex: inputTabIndex, type: 'text', inputMode: 'numeric', className: styles_module_scss_1.default.readonlyCursor, id: id, name: name, autoFocus: autoFocus, "data-test-id": 'field-date__input' }) }) })) })));
+});

package/dist/cjs/components/MobileFieldDate/constants.d.ts

@@ -0,0 +1,10 @@
+import { Slot } from './types';
+export declare enum SlotKey {
+    Day = "D",
+    Month = "M",
+    Year = "Y"
+}
+export declare const MASK: Record<string, string>;
+export declare const DEFAULT_LOCALE: Intl.Locale;
+export declare const SLOTS: Record<SlotKey | string, Slot>;
+export declare const SLOTS_PLACEHOLDER: Record<string, Record<string, string>>;

package/dist/cjs/components/MobileFieldDate/constants.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLOTS_PLACEHOLDER = exports.SLOTS = exports.DEFAULT_LOCALE = exports.MASK = exports.SlotKey = void 0;
+var SlotKey;
+(function (SlotKey) {
+    SlotKey["Day"] = "D";
+    SlotKey["Month"] = "M";
+    SlotKey["Year"] = "Y";
+})(SlotKey || (exports.SlotKey = SlotKey = {}));
+exports.MASK = {
+    'ru-RU': 'ДД.ММ.ГГГГ',
+    'en-US': 'DD.MM.YYYY',
+};
+exports.DEFAULT_LOCALE = new Intl.Locale('ru-RU');
+exports.SLOTS = {
+    [SlotKey.Day]: { start: 0, end: 2, max: 31, min: 1 },
+    [SlotKey.Month]: { start: 3, end: 5, max: 12, min: 1 },
+    [SlotKey.Year]: { start: 6, end: 10, max: 2100, min: 1900 },
+};
+exports.SLOTS_PLACEHOLDER = {
+    'ru-RU': {
+        [SlotKey.Day]: 'ДД',
+        [SlotKey.Month]: 'ММ',
+        [SlotKey.Year]: 'ГГГГ',
+    },
+    'en-US': {
+        [SlotKey.Day]: 'DD',
+        [SlotKey.Month]: 'MM',
+        [SlotKey.Year]: 'YYYY',
+    },
+};

package/dist/cjs/components/MobileFieldDate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MobileFieldDate';
+export { parseDate } from './utils';

package/dist/cjs/components/MobileFieldDate/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseDate = void 0;
+__exportStar(require("./MobileFieldDate"), exports);
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "parseDate", { enumerable: true, get: function () { return utils_1.parseDate; } });

package/dist/cjs/components/MobileFieldDate/styles.module.css

@@ -0,0 +1,57 @@
+.triggerClassName{
+  --offset:var(--space-drop-list-drop-offset, 4px);
+  display:block;
+  width:100%;
+}
+
+.dateWrapper{
+  height:384px;
+}
+
+.dateTimeWrapper{
+  height:458px;
+  padding-bottom:8px;
+}
+
+input.readonlyCursor{
+  cursor:pointer;
+  caret-color:transparent;
+}
+
+.calendarWrapper{
+  width:100%;
+}
+.calendarWrapper[data-size=s]{
+  min-width:240px;
+  min-height:256px;
+}
+.calendarWrapper[data-size=m]{
+  min-width:280px;
+  min-height:308px;
+}
+.calendarWrapper[data-size=l]{
+  min-width:304px;
+  min-height:328px;
+}
+
+.container .calendarIcon{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.container .calendarIcon[data-size=s]{
+  width:var(--size-icon-container-xs, 16px) !important;
+  height:var(--size-icon-container-xs, 16px) !important;
+}
+.container .calendarIcon[data-size=m]{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+}
+.container .calendarIcon[data-size=l]{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+}
+.container:hover .calendarIcon, .container:focus-within .calendarIcon, .container[data-focused] .calendarIcon{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.container[data-disabled] .calendarIcon, .container[data-readonly] .calendarIcon{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}

package/dist/cjs/components/MobileFieldDate/types.d.ts

@@ -0,0 +1,6 @@
+export type Slot = {
+    start: number;
+    end: number;
+    max: number;
+    min: number;
+};

package/dist/cjs/components/MobileFieldDate/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/MobileFieldDate/utils.d.ts

@@ -0,0 +1,9 @@
+import { SlotKey } from './constants';
+export declare function getSlotKey(index: number | null): string | null;
+export declare function getNextSlotKey(slotKey: string | null): SlotKey.Month | SlotKey.Year;
+export declare function getPrevSlotKey(slotKey: string | null): SlotKey.Day | SlotKey.Month;
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
+export declare function parseDate(date: string): Date;

package/dist/cjs/components/MobileFieldDate/utils.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSlotKey = getSlotKey;
+exports.getNextSlotKey = getNextSlotKey;
+exports.getPrevSlotKey = getPrevSlotKey;
+exports.parseDate = parseDate;
+const constants_1 = require("./constants");
+function getSlotKey(index) {
+    if (index !== null) {
+        for (const key in constants_1.SLOTS) {
+            if (index >= constants_1.SLOTS[key].start && index <= constants_1.SLOTS[key].end) {
+                return key;
+            }
+        }
+    }
+    return null;
+}
+function getNextSlotKey(slotKey) {
+    switch (slotKey) {
+        case constants_1.SlotKey.Day: {
+            return constants_1.SlotKey.Month;
+        }
+        case constants_1.SlotKey.Month:
+        case constants_1.SlotKey.Year:
+        default: {
+            return constants_1.SlotKey.Year;
+        }
+    }
+}
+function getPrevSlotKey(slotKey) {
+    switch (slotKey) {
+        case constants_1.SlotKey.Year: {
+            return constants_1.SlotKey.Month;
+        }
+        case constants_1.SlotKey.Month:
+        case constants_1.SlotKey.Day:
+        default: {
+            return constants_1.SlotKey.Day;
+        }
+    }
+}
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
+function parseDate(date) {
+    const values = date.split('.');
+    return new Date(Number(values[2]), Number(values[1]) - 1, Number(values[0]));
+}

package/dist/cjs/components/MobileFieldSelect/MobileFieldSelect.d.ts

@@ -0,0 +1,2 @@
+import { MobileFieldSelectProps } from './types';
+export declare const MobileFieldSelect: import("react").ForwardRefExoticComponent<MobileFieldSelectProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/MobileFieldSelect/MobileFieldSelect.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileFieldSelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MobileFieldSelectMultiple_1 = require("./MobileFieldSelectMultiple");
+const MobileFieldSelectSingle_1 = require("./MobileFieldSelectSingle");
+const utils_1 = require("./utils");
+exports.MobileFieldSelect = (0, react_1.forwardRef)((props, ref) => {
+    if ((0, utils_1.isFieldSelectMultipleProps)(props)) {
+        return (0, jsx_runtime_1.jsx)(MobileFieldSelectMultiple_1.MobileFieldSelectMultiple, Object.assign({}, props, { ref: ref }));
+    }
+    if ((0, utils_1.isFieldSelectSingleProps)(props)) {
+        return (0, jsx_runtime_1.jsx)(MobileFieldSelectSingle_1.MobileFieldSelectSingle, Object.assign({}, props, { ref: ref }));
+    }
+    return null;
+});

package/dist/cjs/components/MobileFieldSelect/MobileFieldSelectMultiple.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import { MobileFieldSelectMultipleProps } from './types';
+export declare const MobileFieldSelectMultiple: ForwardRefExoticComponent<PropsWithoutRef<MobileFieldSelectMultipleProps> & RefAttributes<HTMLInputElement>>;