@cloud-ru/uikit-product-fields-predefined 3.0.3-preview-7cd1981e.0 → 3.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-fields-predefined",
   "title": "Fields Predefined",
-  "version": "3.0.3-preview-7cd1981e.0",
+  "version": "3.0.3",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,16 +32,14 @@
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "17.3.0",
-    "@cloud-ru/uikit-product-mobile-dropdown": "2.1.14",
-    "@cloud-ru/uikit-product-mobile-fields": "2.1.3",
-    "@cloud-ru/uikit-product-mobile-modal": "2.1.4",
+    "@cloud-ru/uikit-product-icons": "17.4.0",
+    "@cloud-ru/uikit-product-mobile-dropdown": "2.1.15",
+    "@cloud-ru/uikit-product-mobile-fields": "2.1.4",
+    "@cloud-ru/uikit-product-mobile-modal": "2.1.5",
     "@cloud-ru/uikit-product-utils": "9.1.0",
-    "@siberiacancode/reactuse": "0.3.22",
     "@snack-uikit/attachment": "0.4.40",
     "@snack-uikit/button": "0.19.16",
     "@snack-uikit/drop-zone": "0.9.6",
-    "@snack-uikit/fields": "0.51.15",
     "@snack-uikit/icon-predefined": "0.7.3",
     "@snack-uikit/input-private": "4.8.8",
     "@snack-uikit/scroll": "0.11.0",
@@ -50,8 +48,7 @@
     "awesome-phonenumber": "7.5.0",
     "classnames": "2.5.1",
     "merge-refs": "1.2.2",
-    "react-imask": "7.6.1",
-    "sass": "1.80.4"
+    "react-imask": "7.6.1"
   },
   "devDependencies": {
     "@types/merge-refs": "1.0.0",
@@ -62,5 +59,5 @@
     "react-hook-form": ">=7.51.0",
     "yup": ">=0.32.0"
   },
-  "gitHead": "d449ad65a8304ef339fdf8679b1a1efc5a58d3f4"
+  "gitHead": "447f780b5e9b4f1f4c57fdc2eef2a96858754c75"
 }

package/src/components/index.ts

@@ -5,4 +5,3 @@ export * from './AIDisclaimer';
 export * from './FieldName';
 export * from './FieldDescription';
 export * from './FieldMask';
-export * from './FieldCode';

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

@@ -1,32 +0,0 @@
-import { FieldDecoratorProps } from '@snack-uikit/fields';
-import { type ResendCodeProps } from './components';
-import { UseCodeInputParams } from './hooks';
-export type FieldCodeRef = {
-    /** Перенести фокус на ячейку с индексом `index` */
-    moveFocus: (index: number) => void;
-    /** Убрать фокус со всех ячеек кода */
-    blurFields: () => void;
-    /** Сбросить значение кода */
-    resetCode: () => void;
-};
-/** Собственные пропсы `FieldCode` */
-export type FieldCodeOwnProps = {
-    /** CSS-класс компонента */
-    className?: string;
-    /** CSS-класс ячейки кода */
-    cellClassName?: string;
-    /** Позиции, после которых нужно вставить пробел (индексы символов, после которых будет пробел) */
-    spacing?: number[];
-    /** Подсветить пустые символы кода */
-    showEmptyChars?: boolean;
-    /** Компонент отправки нового кода */
-    resendCode?: ResendCodeProps;
-    /** Отключить автофокус (при монтировании, сбросе и при ошибке валидации) */
-    isMobile: boolean;
-    /** Сообщение при неверном коде, если не передан свой `error` */
-    invalidCode?: string;
-    /** Растягивать ячейки на всю доступную ширину; иначе фиксированная ширина по `size` */
-    stretchCells?: boolean;
-};
-export type FieldCodeProps = FieldCodeOwnProps & Omit<UseCodeInputParams, 'moveFocus'> & Pick<FieldDecoratorProps, 'size' | 'disabled' | 'label' | 'error' | 'data-test-id'>;
-export declare const FieldCode: import("react").ForwardRefExoticComponent<FieldCodeOwnProps & Omit<UseCodeInputParams, "moveFocus"> & Pick<FieldDecoratorProps, "size" | "label" | "error" | "disabled" | "data-test-id"> & import("react").RefAttributes<FieldCodeRef>>;

package/dist/cjs/components/FieldCode/FieldCode.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldCode = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const fields_1 = require("@snack-uikit/fields");
-const components_1 = require("./components");
-const hooks_1 = require("./hooks");
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-const utils_1 = require("./utils");
-exports.FieldCode = (0, react_1.forwardRef)(function FieldCode(props, ref) {
-    var _a;
-    const { codeLength, className, cellClassName, value, onChange, spacing, onComplete, size, disabled, label, error, invalidCode, showEmptyChars, resendCode, isMobile, stretchCells = false, 'data-test-id': dataTestId, } = props;
-    const { inputsRef, moveFocus, blurFields } = (0, hooks_1.useFocusCell)(codeLength);
-    const { code, cellHandlers, onChangeCode } = (0, hooks_1.useCodeInput)({ value, onChange, codeLength, moveFocus, onComplete });
-    const { resetCode } = (0, hooks_1.useFieldHelpers)({
-        onChangeCode,
-        isMobile,
-        moveFocus,
-        showEmptyChars,
-        code,
-        codeLength,
-    });
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        moveFocus,
-        blurFields,
-        resetCode,
-    }), [moveFocus, blurFields, resetCode]);
-    const resolvedError = error !== null && error !== void 0 ? error : invalidCode;
-    const resolvedDecoratorProps = {
-        label,
-        disabled,
-        size,
-        error: resolvedError,
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.fieldCode, className), "data-stretch-cells": stretchCells || undefined }, (dataTestId ? { 'data-test-id': dataTestId } : undefined), { children: [(0, jsx_runtime_1.jsx)(fields_1.FieldDecorator, Object.assign({ className: styles_module_scss_1.default.fieldDecorator }, resolvedDecoratorProps, { children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.codeContainer, "data-size": size, "data-stretch-cells": stretchCells || undefined, children: code.map((char, index) => ((0, jsx_runtime_1.jsx)(components_1.Cell, { ref: inputRef => {
-                            if (inputRef) {
-                                inputsRef.current[index] = inputRef;
-                            }
-                        }, className: (0, classnames_1.default)((spacing === null || spacing === void 0 ? void 0 : spacing.includes(index)) && styles_module_scss_1.default.cellSpacing, cellClassName), stretchCells: stretchCells, size: size, value: char, disabled: disabled, autoComplete: index === 0 ? 'one-time-code' : undefined, onKeyDown: e => cellHandlers.onKeyDown(e, index), onPaste: cellHandlers.onPaste, onChange: e => cellHandlers.onChange(e, index), validationState: (0, utils_1.getCellValidationState)(char, showEmptyChars, Boolean(resolvedError)) }, index))) }) })), resendCode ? (0, jsx_runtime_1.jsx)(components_1.ResendCode, Object.assign({}, resendCode, { size: (_a = resendCode.size) !== null && _a !== void 0 ? _a : size })) : null] })));
-});

package/dist/cjs/components/FieldCode/components/Cell/Cell.d.ts

@@ -1,7 +0,0 @@
-import { FieldTextProps } from '@snack-uikit/fields';
-export declare const Cell: import("react").ForwardRefExoticComponent<{
-    /** CSS-класс ячейки кода */
-    className?: string;
-    /** Растягивать ячейку на всю доступную ширину */
-    stretchCells?: boolean;
-} & Pick<FieldTextProps, "size" | "onPaste" | "onChange" | "onKeyDown" | "value" | "disabled" | "autoComplete" | "validationState"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/FieldCode/components/Cell/Cell.js

@@ -1,27 +0,0 @@
-"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.Cell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const fields_1 = require("@snack-uikit/fields");
-const constants_1 = require("../../constants");
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-exports.Cell = (0, react_1.forwardRef)((props, ref) => {
-    const { className, size, stretchCells, value } = props, fieldCellProps = __rest(props, ["className", "size", "stretchCells", "value"]);
-    return ((0, jsx_runtime_1.jsx)(fields_1.FieldText, Object.assign({ inputMode: 'numeric', ref: ref, className: (0, classnames_1.default)(styles_module_scss_1.default.cell, className), "data-size": size, "data-stretch-cells": stretchCells || undefined, showClearButton: false, value: value === constants_1.ZERO_WIDTH_SPACE ? '' : value, size: size }, fieldCellProps)));
-});

package/dist/cjs/components/FieldCode/components/Cell/index.d.ts

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

package/dist/cjs/components/FieldCode/components/Cell/index.js

@@ -1,17 +0,0 @@
-"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("./Cell"), exports);

package/dist/cjs/components/FieldCode/components/Cell/styles.module.css

@@ -1,19 +0,0 @@
-.cell{
-  flex-shrink:0;
-}
-.cell input{
-  text-align:center;
-}
-.cell[data-size=s]:not([data-stretch-cells]){
-  width:32px;
-}
-.cell[data-size=m]:not([data-stretch-cells]){
-  width:40px;
-}
-.cell[data-size=l]:not([data-stretch-cells]){
-  width:52px;
-}
-.cell[data-stretch-cells]{
-  flex:1 1 0;
-  min-width:0;
-}

package/dist/cjs/components/FieldCode/components/ResendCode/ResendCode.d.ts

@@ -1,8 +0,0 @@
-import { ButtonFunctionProps } from '@snack-uikit/button';
-export type ResendCodeProps = {
-    /** Колбек отправки нового кода */
-    onResend: () => void;
-    /** Количество секунд до следующего отправления кода */
-    secondsToNextResend: number;
-} & Pick<ButtonFunctionProps, 'size' | 'disabled'>;
-export declare function ResendCode(props: ResendCodeProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/FieldCode/components/ResendCode/ResendCode.js

@@ -1,29 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResendCode = ResendCode;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
-const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
-const button_1 = require("@snack-uikit/button");
-const utils_1 = require("./utils");
-function ResendCode(props) {
-    const { onResend, secondsToNextResend } = props, buttonProps = __rest(props, ["onResend", "secondsToNextResend"]);
-    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
-    const isResendCodeWithVia = secondsToNextResend > 0;
-    return ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, Object.assign({ label: isResendCodeWithVia
-            ? t('FieldCode.resendCodeButtons.resendCodeWithVia', {
-                timer: (0, utils_1.formatSecondsAsMmSs)(secondsToNextResend),
-            })
-            : t('FieldCode.resendCodeButtons.resendCode'), onClick: onResend, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.UpdateSVG, {}), iconPosition: 'before', disabled: isResendCodeWithVia !== null && isResendCodeWithVia !== void 0 ? isResendCodeWithVia : buttonProps.disabled }, buttonProps)));
-}

package/dist/cjs/components/FieldCode/components/ResendCode/index.d.ts

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

package/dist/cjs/components/FieldCode/components/ResendCode/index.js

@@ -1,17 +0,0 @@
-"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("./ResendCode"), exports);

package/dist/cjs/components/FieldCode/components/ResendCode/utils.d.ts

@@ -1 +0,0 @@
-export declare function formatSecondsAsMmSs(totalSeconds: number): string;

package/dist/cjs/components/FieldCode/components/ResendCode/utils.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatSecondsAsMmSs = formatSecondsAsMmSs;
-function formatSecondsAsMmSs(totalSeconds) {
-    const minutes = Math.floor(totalSeconds / 60);
-    const seconds = totalSeconds % 60;
-    return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
-}

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

@@ -1,2 +0,0 @@
-export * from './Cell';
-export * from './ResendCode';

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

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

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

@@ -1 +0,0 @@
-export declare const ZERO_WIDTH_SPACE = "\u200B";

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

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZERO_WIDTH_SPACE = void 0;
-exports.ZERO_WIDTH_SPACE = '\u200B';

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

@@ -1,4 +0,0 @@
-export * from './useCodeInput';
-export * from './useFieldCodeValidate';
-export * from './useFocusCell';
-export * from './useFieldHelpers';

package/dist/cjs/components/FieldCode/hooks/index.js

@@ -1,20 +0,0 @@
-"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("./useCodeInput"), exports);
-__exportStar(require("./useFieldCodeValidate"), exports);
-__exportStar(require("./useFocusCell"), exports);
-__exportStar(require("./useFieldHelpers"), exports);

package/dist/cjs/components/FieldCode/hooks/useCodeInput.d.ts

@@ -1,22 +0,0 @@
-import { ClipboardEvent, KeyboardEvent } from 'react';
-export type UseCodeInputParams = {
-    /** Количество цифр в коде (ожидается целое ≥ 1) */
-    codeLength: number;
-    /** Значение кода */
-    value?: string;
-    /** Колбек изменения значения */
-    onChange?: (code: string) => void;
-    /** Функция фокуса */
-    moveFocus: (index: number) => void;
-    /** Колбек достижения ввода всех символов кода */
-    onComplete?: (code: string) => void;
-};
-export declare function useCodeInput(params: UseCodeInputParams): {
-    code: string[];
-    cellHandlers: {
-        onKeyDown: (e: KeyboardEvent<HTMLInputElement>, index: number) => void;
-        onPaste: (e: ClipboardEvent<HTMLInputElement>) => void;
-        onChange: (code: string, index: number) => void;
-    };
-    onChangeCode: (value: any, ...args: any[]) => any | void;
-};

package/dist/cjs/components/FieldCode/hooks/useCodeInput.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCodeInput = useCodeInput;
-const reactuse_1 = require("@siberiacancode/reactuse");
-const react_1 = require("react");
-const utils_1 = require("@snack-uikit/utils");
-const constants_1 = require("../constants");
-const utils_2 = require("../utils");
-const buildCodeArray = (str, codeLength) => Array.from({ length: codeLength }, (_, idx) => str[idx] || constants_1.ZERO_WIDTH_SPACE);
-function useCodeInput(params) {
-    const { value: valueProp, onChange: onChangeProp, codeLength, moveFocus, onComplete } = params;
-    const [value = '', onChange] = (0, utils_1.useValueControl)({
-        value: valueProp,
-        onChange: onChangeProp,
-        defaultValue: '',
-    });
-    const codeRef = (0, reactuse_1.useRefState)(buildCodeArray(value, codeLength));
-    const updateCodeByIndex = (0, react_1.useCallback)((index, newChar) => {
-        codeRef.current[index] = newChar;
-        onChange === null || onChange === void 0 ? void 0 : onChange(codeRef.current.join(''));
-    }, [codeRef, onChange]);
-    const updateFullCode = (0, react_1.useCallback)((newCode) => {
-        codeRef.current = newCode.split('');
-        onChange === null || onChange === void 0 ? void 0 : onChange(newCode);
-        moveFocus(codeLength - 1);
-        onComplete === null || onComplete === void 0 ? void 0 : onComplete(newCode);
-    }, [codeLength, codeRef, moveFocus, onChange, onComplete]);
-    const handleAfterCellUpdate = (0, react_1.useCallback)((index) => {
-        const normalizedCode = codeRef.current.join('');
-        const isLastInput = index === codeLength - 1;
-        const isAllInputsFilled = (0, utils_2.isStringCodeLength)(normalizedCode, codeLength);
-        if (!isLastInput) {
-            moveFocus(index + 1);
-        }
-        else if (isAllInputsFilled) {
-            onComplete === null || onComplete === void 0 ? void 0 : onComplete(normalizedCode);
-        }
-    }, [codeLength, codeRef, moveFocus, onComplete]);
-    const deleteChar = (0, react_1.useCallback)((index) => {
-        if (codeRef.current[index] && !(0, utils_2.isZeroWidthSpace)(codeRef.current[index])) {
-            updateCodeByIndex(index, constants_1.ZERO_WIDTH_SPACE);
-        }
-        else if (index > 0) {
-            moveFocus(index - 1);
-        }
-    }, [codeRef, moveFocus, updateCodeByIndex]);
-    const onAutoCompleteInput = (0, react_1.useCallback)((code, index) => {
-        if ((0, utils_2.isStringCodeLength)(code, codeLength)) {
-            updateFullCode(code);
-            return;
-        }
-        if (!(0, utils_2.isNumberChar)(code)) {
-            return;
-        }
-        updateCodeByIndex(index, code);
-        handleAfterCellUpdate(index);
-    }, [codeLength, handleAfterCellUpdate, updateCodeByIndex, updateFullCode]);
-    const onKeyDown = (0, react_1.useCallback)((e, index) => {
-        switch (e.key) {
-            case 'ArrowLeft':
-                moveFocus(index - 1);
-                break;
-            case 'ArrowRight':
-                moveFocus(index + 1);
-                break;
-            case 'Backspace':
-                deleteChar(index);
-                break;
-            default:
-                if ((0, utils_2.isNumberChar)(e.key)) {
-                    e.preventDefault();
-                    updateCodeByIndex(index, e.key);
-                    handleAfterCellUpdate(index);
-                }
-                break;
-        }
-    }, [deleteChar, handleAfterCellUpdate, moveFocus, updateCodeByIndex]);
-    const onPaste = (0, react_1.useCallback)((e) => {
-        var _a;
-        const codeInput = (_a = e === null || e === void 0 ? void 0 : e.clipboardData.getData('text')) !== null && _a !== void 0 ? _a : '';
-        if (!(0, utils_2.isStringCodeLength)(codeInput, codeLength)) {
-            return;
-        }
-        updateFullCode(codeInput);
-    }, [codeLength, updateFullCode]);
-    (0, react_1.useEffect)(() => {
-        codeRef.current = buildCodeArray(value, codeLength);
-    }, [codeLength, codeRef, value]);
-    return {
-        code: codeRef.current,
-        cellHandlers: {
-            onKeyDown,
-            onPaste,
-            onChange: onAutoCompleteInput,
-        },
-        onChangeCode: onChange,
-    };
-}

package/dist/cjs/components/FieldCode/hooks/useFieldCodeValidate.d.ts

@@ -1,8 +0,0 @@
-export type UseFieldCodeValidateParams = {
-    /** Ожидаемая длина кода (цифр) */
-    codeLength: number;
-};
-/**
- * Возвращает функцию валидации значения кода (пусто / неполный код).
- */
-export declare function useFieldCodeValidate(params: UseFieldCodeValidateParams): (value?: string | number) => string | undefined;

package/dist/cjs/components/FieldCode/hooks/useFieldCodeValidate.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFieldCodeValidate = useFieldCodeValidate;
-const react_1 = require("react");
-const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
-const utils_1 = require("../utils");
-/**
- * Возвращает функцию валидации значения кода (пусто / неполный код).
- */
-function useFieldCodeValidate(params) {
-    const { codeLength } = params;
-    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
-    return (0, react_1.useCallback)((value) => {
-        const str = value != null ? String(value) : '';
-        const digits = str.split('').filter(utils_1.isNumberChar).join('');
-        if (digits.length === 0) {
-            return t('FieldCode.required');
-        }
-        if (digits.length < codeLength) {
-            return t('FieldCode.minLength', { count: codeLength });
-        }
-        return undefined;
-    }, [codeLength, t]);
-}

package/dist/cjs/components/FieldCode/hooks/useFieldHelpers.d.ts

@@ -1,12 +0,0 @@
-type UseFieldHelpersParams = {
-    onChangeCode: (code: string) => void;
-    moveFocus: (index: number) => void;
-    isMobile?: boolean;
-    showEmptyChars?: boolean;
-    code: readonly string[];
-    codeLength: number;
-};
-export declare function useFieldHelpers(params: UseFieldHelpersParams): {
-    resetCode: () => void;
-};
-export {};

package/dist/cjs/components/FieldCode/hooks/useFieldHelpers.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFieldHelpers = useFieldHelpers;
-const react_1 = require("react");
-const utils_1 = require("../utils");
-function useFieldHelpers(params) {
-    const { onChangeCode, moveFocus, isMobile = false, showEmptyChars, code, codeLength } = params;
-    const resetCode = (0, react_1.useCallback)(() => {
-        onChangeCode('');
-        if (!isMobile) {
-            moveFocus(0);
-        }
-    }, [isMobile, moveFocus, onChangeCode]);
-    (0, react_1.useEffect)(() => {
-        if (!isMobile) {
-            moveFocus(0);
-        }
-    }, [isMobile, moveFocus]);
-    (0, react_1.useEffect)(() => {
-        if (isMobile || !showEmptyChars) {
-            return;
-        }
-        const emptyIndex = (0, utils_1.getFirstEmptyCellIndex)(code);
-        if (emptyIndex >= 0) {
-            moveFocus(emptyIndex);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [showEmptyChars, isMobile, moveFocus, codeLength]);
-    return { resetCode };
-}

package/dist/cjs/components/FieldCode/hooks/useFocusCell.d.ts

@@ -1,5 +0,0 @@
-export declare function useFocusCell(codeLength: number): {
-    inputsRef: import("react").MutableRefObject<HTMLInputElement[]>;
-    moveFocus: (newIndex: number) => void;
-    blurFields: () => void;
-};

package/dist/cjs/components/FieldCode/hooks/useFocusCell.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusCell = useFocusCell;
-const react_1 = require("react");
-function useFocusCell(codeLength) {
-    const inputsRef = (0, react_1.useRef)([]);
-    const focusInput = (0, react_1.useCallback)((index) => {
-        var _a;
-        (_a = inputsRef.current[index]) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [inputsRef]);
-    const moveFocus = (0, react_1.useCallback)((newIndex) => {
-        if (newIndex >= 0 && newIndex < codeLength) {
-            focusInput(newIndex);
-        }
-    }, [codeLength, focusInput]);
-    const blurFields = (0, react_1.useCallback)(() => {
-        inputsRef.current.forEach(input => {
-            input === null || input === void 0 ? void 0 : input.blur();
-        });
-    }, [inputsRef]);
-    return { inputsRef, moveFocus, blurFields };
-}

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

@@ -1,2 +0,0 @@
-export * from './FieldCode';
-export { useFieldCodeValidate, type UseFieldCodeValidateParams } from './hooks/useFieldCodeValidate';

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

@@ -1,20 +0,0 @@
-"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.useFieldCodeValidate = void 0;
-__exportStar(require("./FieldCode"), exports);
-var useFieldCodeValidate_1 = require("./hooks/useFieldCodeValidate");
-Object.defineProperty(exports, "useFieldCodeValidate", { enumerable: true, get: function () { return useFieldCodeValidate_1.useFieldCodeValidate; } });

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

@@ -1,37 +0,0 @@
-.fieldCode{
-  display:flex;
-  flex-direction:column;
-  align-items:center;
-  gap:8px;
-}
-.fieldCode[data-stretch-cells]{
-  width:100%;
-}
-
-.fieldDecorator{
-  width:unset;
-}
-
-.codeContainer{
-  display:flex;
-  justify-content:center;
-}
-.codeContainer[data-size=s]{
-  gap:8px;
-}
-.codeContainer[data-size=m]{
-  gap:8px;
-}
-.codeContainer[data-size=l]{
-  gap:12px;
-}
-
-.cellSpacing[data-size=s]{
-  margin-right:8px;
-}
-.cellSpacing[data-size=m]{
-  margin-right:8px;
-}
-.cellSpacing[data-size=l]{
-  margin-right:12px;
-}