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

package/dist/cjs/hooks/dateHandlers/useDateFieldHelpersForMode.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+import { SlotKey } from '../../constants';
+import { Mode, NoSecondsMode, TimeMode } from '../../types';
+export declare function useDateFieldHelpersForMode({ inputRef, mode, }: {
+    inputRef: RefObject<HTMLInputElement>;
+    mode: Mode | TimeMode | NoSecondsMode;
+}): {
+    isAllSelected: () => boolean;
+    isValidInput: () => boolean;
+    tryToCompleteInput: () => boolean;
+    getSlot: (slotKey: string) => string;
+    updateSlot: (slotKey: string, slotValue: number | string) => void;
+    setFocus: (slotKey: string) => void;
+    isLikeDate: () => boolean;
+    getNextSlotKey: (slotKey: SlotKey | undefined) => SlotKey;
+    getPrevSlotKey: (slotKey: SlotKey | undefined) => SlotKey;
+    getSlotKeyFromIndex: (index: number | null) => SlotKey | undefined;
+};

package/dist/cjs/hooks/dateHandlers/useDateFieldHelpersForMode.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateFieldHelpersForMode = useDateFieldHelpersForMode;
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const dateFields_1 = require("../../utils/dateFields");
+function useDateFieldHelpersForMode({ inputRef, mode, }) {
+    const setFocus = (0, react_1.useCallback)((slotKey) => {
+        if (inputRef.current) {
+            const { start, end } = constants_1.SLOTS[mode][slotKey];
+            inputRef.current.setSelectionRange(start, end);
+        }
+    }, [mode, inputRef]);
+    const isAllSelected = (0, react_1.useCallback)(() => { var _a, _b, _c; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.length) === ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) && ((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.selectionStart) === 0; }, [inputRef]);
+    const getSlot = (0, react_1.useCallback)((slotKey) => {
+        if (inputRef.current) {
+            return inputRef.current.value.slice(constants_1.SLOTS[mode][slotKey].start, constants_1.SLOTS[mode][slotKey].end);
+        }
+        return '';
+    }, [mode, inputRef]);
+    const isLikeDate = (0, react_1.useCallback)(() => {
+        if (inputRef.current) {
+            return Object.keys(constants_1.SLOTS[mode]).every(slotKey => getSlot(slotKey) && Number.isInteger(Number(getSlot(slotKey))));
+        }
+        return false;
+    }, [mode, getSlot, inputRef]);
+    const isValidInput = (0, react_1.useCallback)(() => {
+        const isTimeMode = Object.values(constants_1.TIME_MODES).includes(mode);
+        if (isTimeMode) {
+            return true;
+        }
+        const day = parseInt(getSlot(constants_1.SlotKey.Day), 10);
+        const month = parseInt(getSlot(constants_1.SlotKey.Month), 10);
+        const year = parseInt(getSlot(constants_1.SlotKey.Year), 10);
+        if (!month || !day) {
+            return true;
+        }
+        const date = new Date(year || /* високосный год = */ 2020, month - 1, day);
+        return date.getDate() === day;
+    }, [getSlot, mode]);
+    const tryToCompleteInput = (0, react_1.useCallback)(() => {
+        var _a;
+        let isCompleted;
+        const parsedSlotsData = Object.keys(constants_1.SLOTS[mode]).reduce((res, key) => {
+            const slotKey = key;
+            res[slotKey] = parseInt(getSlot(slotKey), 10);
+            return res;
+        }, {});
+        const { [constants_1.SlotKey.Day]: day, [constants_1.SlotKey.Month]: month, [constants_1.SlotKey.Year]: year, [constants_1.SlotKey.Hours]: hours, [constants_1.SlotKey.Minutes]: minutes, [constants_1.SlotKey.Seconds]: seconds, } = parsedSlotsData;
+        const yearSlotMeta = constants_1.SLOTS[mode][constants_1.SlotKey.Year];
+        const isDateCompleted = Boolean(day && month && year >= (yearSlotMeta === null || yearSlotMeta === void 0 ? void 0 : yearSlotMeta.min) && year <= (yearSlotMeta === null || yearSlotMeta === void 0 ? void 0 : yearSlotMeta.max));
+        const isTimeCompleted = [
+            hours,
+            minutes,
+            ...(mode === constants_1.MODES.DateTime || mode === constants_1.TIME_MODES.FullTime ? [seconds] : []),
+        ].every(value => value !== undefined);
+        if (mode === constants_1.MODES.DateTime || mode === constants_1.NO_SECONDS_MODE) {
+            isCompleted = isDateCompleted && isTimeCompleted;
+        }
+        else if (mode === constants_1.TIME_MODES.FullTime || mode === constants_1.TIME_MODES.NoSeconds) {
+            isCompleted = isTimeCompleted;
+        }
+        else {
+            isCompleted = isDateCompleted;
+        }
+        if (isCompleted && inputRef.current) {
+            const lastPosition = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.length;
+            inputRef.current.selectionStart = lastPosition;
+            inputRef.current.selectionEnd = lastPosition;
+        }
+        return isCompleted;
+    }, [getSlot, inputRef, mode]);
+    const updateSlot = (0, react_1.useCallback)((slotKey, slotValue) => {
+        if (inputRef.current) {
+            const { start, end, max } = constants_1.SLOTS[mode][slotKey];
+            inputRef.current.value =
+                inputRef.current.value.slice(0, start) +
+                    slotValue.toString().padStart(max.toString().length, '0') +
+                    inputRef.current.value.slice(end);
+            setFocus(slotKey);
+        }
+    }, [inputRef, setFocus, mode]);
+    const getNextSlotKey = (0, react_1.useMemo)(() => (0, dateFields_1.getNextSlotKeyHandler)(mode), [mode]);
+    const getPrevSlotKey = (0, react_1.useMemo)(() => (0, dateFields_1.getPrevSlotKeyHandler)(mode), [mode]);
+    const getSlotKeyFromIndex = (0, react_1.useMemo)(() => (0, dateFields_1.getSlotKeyFromIndexHandler)(mode), [mode]);
+    return {
+        isAllSelected,
+        isValidInput,
+        tryToCompleteInput,
+        getSlot,
+        updateSlot,
+        setFocus,
+        isLikeDate,
+        getNextSlotKey,
+        getPrevSlotKey,
+        getSlotKeyFromIndex,
+    };
+}

package/dist/cjs/hooks/dateHandlers/useFocusHandlers.d.ts

@@ -0,0 +1,15 @@
+import { FocusEvent } from 'react';
+type Options = {
+    onFocusByKeyboard?: (e: FocusEvent<HTMLInputElement>) => void;
+    onFocusByClick?: (e: FocusEvent<HTMLInputElement>) => void;
+};
+/**
+ * Позволяет разделить обработку получения фокуса в результате клика или с клавиатуры.
+ * Основано на том факте что событию фокуса в результате клика предшествует событие onMouseDown.
+ */
+export declare function useFocusHandlers({ onFocusByKeyboard, onFocusByClick }: Options): {
+    onFocus: (e: FocusEvent<HTMLInputElement>) => void;
+    onBlur: () => void;
+    onMouseDown: () => void;
+};
+export {};

package/dist/cjs/hooks/dateHandlers/useFocusHandlers.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFocusHandlers = useFocusHandlers;
+const react_1 = require("react");
+/**
+ * Позволяет разделить обработку получения фокуса в результате клика или с клавиатуры.
+ * Основано на том факте что событию фокуса в результате клика предшествует событие onMouseDown.
+ */
+function useFocusHandlers({ onFocusByKeyboard, onFocusByClick }) {
+    const isFocused = (0, react_1.useRef)(false);
+    const isMouseDown = (0, react_1.useRef)(false);
+    const onFocus = (0, react_1.useCallback)((e) => {
+        isFocused.current = true;
+        if (isMouseDown.current) {
+            onFocusByClick === null || onFocusByClick === void 0 ? void 0 : onFocusByClick(e);
+            isMouseDown.current = false;
+        }
+        else {
+            onFocusByKeyboard === null || onFocusByKeyboard === void 0 ? void 0 : onFocusByKeyboard(e);
+        }
+    }, [isMouseDown, onFocusByClick, onFocusByKeyboard]);
+    const onBlur = (0, react_1.useCallback)(() => {
+        isFocused.current = false;
+        isMouseDown.current = false;
+    }, []);
+    const onMouseDown = (0, react_1.useCallback)(() => {
+        if (!isFocused.current) {
+            isMouseDown.current = true;
+        }
+    }, [isFocused]);
+    return {
+        onFocus,
+        onBlur,
+        onMouseDown,
+    };
+}

package/dist/cjs/hooks/dateHandlers/useHandlers.d.ts

@@ -0,0 +1,6 @@
+type Handler<T> = (e: T) => void;
+/**
+ * Вызывает обработчики события по порядку
+ */
+export declare function useHandlers<T>(handlers: (Handler<T> | undefined)[]): (e: T) => void;
+export {};

package/dist/cjs/hooks/dateHandlers/useHandlers.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHandlers = useHandlers;
+const react_1 = require("react");
+/**
+ * Вызывает обработчики события по порядку
+ */
+function useHandlers(handlers) {
+    return (0, react_1.useCallback)((e) => {
+        handlers.forEach(handler => handler === null || handler === void 0 ? void 0 : handler(e));
+    }, [handlers]);
+}

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './dateHandlers';
+export * from './useCopyButton';
+export * from './usePostfix';
+export * from './usePrefix';
+export * from './useValueControl';

package/dist/cjs/hooks/index.js

@@ -0,0 +1,21 @@
+"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("./dateHandlers"), exports);
+__exportStar(require("./useCopyButton"), exports);
+__exportStar(require("./usePostfix"), exports);
+__exportStar(require("./usePrefix"), exports);
+__exportStar(require("./useValueControl"), exports);

package/dist/cjs/hooks/styles.module.css

@@ -0,0 +1,13 @@
+.prefix{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.prefix[data-disabled]{
+  opacity:var(--opacity-a056, 0.56);
+}
+
+.postfix{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.postfix[data-disabled]{
+  opacity:var(--opacity-a056, 0.56);
+}

package/dist/cjs/hooks/useCopyButton.d.ts

@@ -0,0 +1,15 @@
+import { RefObject } from 'react';
+import { ButtonProps, Size } from '@snack-uikit/input-private';
+import { AsyncValueRequest } from '../types';
+type UseCopyButtonProps = {
+    copyButtonRef: RefObject<HTMLButtonElement>;
+    showCopyButton: boolean;
+    valueToCopy: string;
+    size: Size;
+    onValueRequest?(): AsyncValueRequest;
+    disabled?: boolean;
+    prefix?: string;
+    postfix?: string;
+};
+export declare function useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onValueRequest, disabled, prefix, postfix, }: UseCopyButtonProps): ButtonProps;
+export {};

package/dist/cjs/hooks/useCopyButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCopyButton = useCopyButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const input_private_1 = require("@snack-uikit/input-private");
+const helperComponents_1 = require("../helperComponents");
+function useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onValueRequest, disabled, prefix = '', postfix = '', }) {
+    return (0, react_1.useMemo)(() => ({
+        id: 'copy',
+        active: true,
+        ref: copyButtonRef,
+        show: showCopyButton,
+        render: props => ((0, jsx_runtime_1.jsx)(helperComponents_1.ButtonCopyValue, Object.assign({}, props, { size: input_private_1.BUTTON_SIZE_MAP[size], valueToCopy: (prefix !== null && prefix !== void 0 ? prefix : '') + valueToCopy + (postfix !== null && postfix !== void 0 ? postfix : ''), onValueRequest: onValueRequest, disabled: disabled }))),
+    }), [copyButtonRef, disabled, onValueRequest, showCopyButton, size, valueToCopy, prefix, postfix]);
+}

package/dist/cjs/hooks/usePostfix.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { InactiveItem } from '@snack-uikit/input-private';
+export declare function usePostfix({ postfix, disabled }: {
+    postfix?: ReactNode;
+    disabled?: boolean;
+}): InactiveItem;

package/dist/cjs/hooks/usePostfix.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePostfix = usePostfix;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function usePostfix({ postfix, disabled }) {
+    return (0, react_1.useMemo)(() => ({
+        id: 'postfix',
+        active: false,
+        show: Boolean(postfix),
+        render: props => ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: styles_module_scss_1.default.postfix, "data-test-id": 'field-postfix', "data-disabled": disabled || undefined, children: postfix }))),
+    }), [disabled, postfix]);
+}

package/dist/cjs/hooks/usePrefix.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { InactiveItem } from '@snack-uikit/input-private';
+export declare function usePrefix({ prefix, disabled }: {
+    prefix?: ReactNode;
+    disabled?: boolean;
+}): InactiveItem;

package/dist/cjs/hooks/usePrefix.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrefix = usePrefix;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function usePrefix({ prefix, disabled }) {
+    return (0, react_1.useMemo)(() => ({
+        id: 'prefix',
+        active: false,
+        show: Boolean(prefix),
+        render: props => ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { "data-test-id": 'field-prefix', className: styles_module_scss_1.default.prefix, "data-disabled": disabled || undefined, children: prefix }))),
+    }), [disabled, prefix]);
+}

package/dist/cjs/hooks/useValueControl.d.ts

@@ -0,0 +1,7 @@
+type UseValueControl<TValue> = {
+    value?: TValue;
+    onChange?(value: TValue): void;
+    defaultValue?: TValue;
+};
+export declare function useValueControl<TValue>({ value, onChange, defaultValue }: UseValueControl<TValue>): readonly [TValue | undefined, (value: any, ...args: any[]) => any];
+export {};

package/dist/cjs/hooks/useValueControl.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useValueControl = useValueControl;
+const uncontrollable_1 = require("uncontrollable");
+function useValueControl({ value, onChange, defaultValue }) {
+    return (0, uncontrollable_1.useUncontrolledProp)(value, defaultValue, (newValue) => {
+        const newState = typeof newValue === 'function' ? newValue(value) : newValue;
+        onChange === null || onChange === void 0 ? void 0 : onChange(newState);
+    });
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './utils/adaptiveField';
+export { setNonce } from '@snack-uikit/fields';

package/dist/cjs/index.js

@@ -0,0 +1,21 @@
+"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.setNonce = void 0;
+__exportStar(require("./components"), exports);
+__exportStar(require("./utils/adaptiveField"), exports);
+var fields_1 = require("@snack-uikit/fields");
+Object.defineProperty(exports, "setNonce", { enumerable: true, get: function () { return fields_1.setNonce; } });

package/dist/cjs/types/allFields.d.ts

@@ -0,0 +1,8 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { CONTAINER_VARIANT, VALIDATION_STATE } from '../constants';
+export type AsyncValueRequest = Promise<{
+    success: boolean;
+    value?: string;
+}>;
+export type ValidationState = ValueOf<typeof VALIDATION_STATE>;
+export type ContainerVariant = ValueOf<typeof CONTAINER_VARIANT>;

package/dist/cjs/types/allFields.js

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

package/dist/cjs/types/dateFields.d.ts

@@ -0,0 +1,11 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { MODES, NO_SECONDS_MODE, TIME_MODES } from '../constants';
+export type Slot = {
+    start: number;
+    end: number;
+    max: number;
+    min: number;
+};
+export type Mode = ValueOf<typeof MODES>;
+export type TimeMode = ValueOf<typeof TIME_MODES>;
+export type NoSecondsMode = typeof NO_SECONDS_MODE;

package/dist/cjs/types/dateFields.js

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

package/dist/cjs/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './allFields';
+export * from './dateFields';

package/dist/cjs/types/index.js

@@ -0,0 +1,18 @@
+"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("./allFields"), exports);
+__exportStar(require("./dateFields"), exports);

package/dist/cjs/utils/adaptiveField.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType, RefAttributes } from 'react';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+export declare function getAdaptiveFieldProps<T extends WithLayoutType<{
+    autoFocus?: boolean;
+}>>({ layoutType, autoFocus }: T): {
+    autoFocus: boolean | undefined;
+};
+export declare function withAdaptiveField<TProps extends {
+    autoFocus?: boolean;
+}, TRef = undefined>(Component: ComponentType<TProps & RefAttributes<TRef>>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<WithLayoutType<TProps>> & RefAttributes<TRef>>;

package/dist/cjs/utils/adaptiveField.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAdaptiveFieldProps = getAdaptiveFieldProps;
+exports.withAdaptiveField = withAdaptiveField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function getAdaptiveFieldProps({ layoutType, autoFocus }) {
+    const isMobile = layoutType === 'mobile';
+    return {
+        autoFocus: isMobile ? false : autoFocus,
+    };
+}
+function withAdaptiveField(Component) {
+    return (0, react_1.forwardRef)(function WithAdaptiveField(props, ref) {
+        return (0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, getAdaptiveFieldProps(props), { ref: ref }));
+    });
+}

package/dist/cjs/utils/dateFields.d.ts

@@ -0,0 +1,10 @@
+import { SlotKey } from '../constants';
+import { Mode, NoSecondsMode, TimeMode } from '../types';
+export declare function getSlotKeyFromIndexHandler(mode: Mode | TimeMode | NoSecondsMode): (index: number | null) => SlotKey | undefined;
+export declare function getNextSlotKeyHandler(mode: Mode | TimeMode | NoSecondsMode): (slotKey: SlotKey | undefined) => SlotKey;
+export declare function getPrevSlotKeyHandler(mode: Mode | TimeMode | NoSecondsMode): (slotKey: SlotKey | undefined) => SlotKey;
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
+export declare function parseDate(value: string): Date | undefined;

package/dist/cjs/utils/dateFields.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSlotKeyFromIndexHandler = getSlotKeyFromIndexHandler;
+exports.getNextSlotKeyHandler = getNextSlotKeyHandler;
+exports.getPrevSlotKeyHandler = getPrevSlotKeyHandler;
+exports.parseDate = parseDate;
+const constants_1 = require("../constants");
+function getSlotKeyFromIndexHandler(mode) {
+    return (index) => {
+        if (index !== null) {
+            for (const key in constants_1.SLOTS[mode]) {
+                if (index >= constants_1.SLOTS[mode][key].start && index <= constants_1.SLOTS[mode][key].end) {
+                    return key;
+                }
+            }
+        }
+        return undefined;
+    };
+}
+function getNextSlotKeyHandler(mode) {
+    const order = constants_1.SLOT_ORDER[mode];
+    return (slotKey) => {
+        const defaultIndex = order.length - 1;
+        const defaultSLot = order[defaultIndex];
+        const currentIndex = order.indexOf(slotKey);
+        return currentIndex === -1 || currentIndex === defaultIndex ? defaultSLot : order[currentIndex + 1];
+    };
+}
+function getPrevSlotKeyHandler(mode) {
+    const order = constants_1.SLOT_ORDER[mode];
+    return (slotKey) => {
+        const defaultIndex = 0;
+        const defaultSLot = order[defaultIndex];
+        const currentIndex = order.indexOf(slotKey);
+        return currentIndex === -1 || currentIndex === defaultIndex ? defaultSLot : order[currentIndex - 1];
+    };
+}
+const DATE_STUB = new Date();
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
+function parseDate(value) {
+    if (!value) {
+        return undefined;
+    }
+    const splittedValue = value.split(', ');
+    const date = splittedValue[0];
+    let time = splittedValue[1];
+    let [day, month, year] = date.split('.').map(Number);
+    month -= 1;
+    if (date.includes(':')) {
+        time = date;
+    }
+    if (time) {
+        if (isNaN(year) || isNaN(month) || isNaN(day)) {
+            year = DATE_STUB.getFullYear();
+            month = DATE_STUB.getMonth();
+            day = DATE_STUB.getDay();
+        }
+        const [hours = 0, minutes = 0, seconds = 0] = time.split(':').map(str => Number(str !== null && str !== void 0 ? str : 0));
+        return new Date(year, month, day, hours, minutes, seconds);
+    }
+    return new Date(year, month, day);
+}

package/dist/cjs/utils/getValidationState.d.ts

@@ -0,0 +1,5 @@
+import { ValidationState } from '../types';
+export declare function getValidationState({ validationState, error }: {
+    validationState?: ValidationState;
+    error?: string;
+}): ValidationState;

package/dist/cjs/utils/getValidationState.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getValidationState = getValidationState;
+const constants_1 = require("../constants");
+function getValidationState({ validationState, error }) {
+    return error ? constants_1.VALIDATION_STATE.Error : (validationState !== null && validationState !== void 0 ? validationState : constants_1.VALIDATION_STATE.Default);
+}

package/dist/esm/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/esm/components/AdaptiveField/AdaptiveField.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { FieldColor, FieldDate, FieldSecure, FieldSelect, FieldSlider, FieldStepper, FieldText, FieldTextArea, FieldTime, } from '@snack-uikit/fields';
+import { getAdaptiveFieldProps, withAdaptiveField } from '../../utils/adaptiveField';
+import { MobileFieldDate } from '../MobileFieldDate';
+import { MobileFieldSelect } from '../MobileFieldSelect';
+export const AdaptiveFieldSelect = forwardRef(function AdaptiveFieldSelect(props, ref) {
+    const isMobile = props.layoutType === 'mobile';
+    return isMobile ? (_jsx(MobileFieldSelect, Object.assign({}, props, getAdaptiveFieldProps(props), { ref: ref }))) : (_jsx(FieldSelect, Object.assign({}, props, getAdaptiveFieldProps(props), { ref: ref })));
+});
+export const AdaptiveFieldDate = forwardRef(function AdaptiveFieldDate(props, ref) {
+    const isMobile = props.layoutType === 'mobile';
+    return isMobile ? (_jsx(MobileFieldDate, Object.assign({}, props, getAdaptiveFieldProps(props), { ref: ref }))) : (_jsx(FieldDate, Object.assign({}, props, getAdaptiveFieldProps(props), { ref: ref })));
+});
+export const AdaptiveFieldColor = withAdaptiveField(FieldColor);
+export const AdaptiveFieldSecure = withAdaptiveField(FieldSecure);
+export const AdaptiveFieldSlider = withAdaptiveField(FieldSlider);
+export const AdaptiveFieldStepper = withAdaptiveField(FieldStepper);
+export const AdaptiveFieldText = withAdaptiveField(FieldText);
+export const AdaptiveFieldTextArea = withAdaptiveField(FieldTextArea);
+export const AdaptiveFieldTime = withAdaptiveField(FieldTime);

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

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

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

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

package/dist/esm/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 {};