@cloud-ru/uikit-product-fields-predefined 2.4.8-preview-5e39e65e.0 → 3.0.0

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,13 +0,0 @@
-import { type FieldCodeFocusEffect } from '../constants';
-type UseFieldHelpersParams = {
-    onChangeCode: (code: string) => void;
-    moveFocus: (index: number) => void;
-    focusEffects: readonly FieldCodeFocusEffect[];
-    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,34 +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, focusEffects: focusEffectsProp, showEmptyChars, code, codeLength } = params;
-    const focusEffectsKey = [...focusEffectsProp].sort().join(',');
-    const focusEffects = (0, react_1.useMemo)(() => [...focusEffectsProp], 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [focusEffectsKey]);
-    const resetCode = (0, react_1.useCallback)(() => {
-        onChangeCode('');
-        if (focusEffects.includes('firstCellOnReset')) {
-            moveFocus(0);
-        }
-    }, [focusEffects, moveFocus, onChangeCode]);
-    (0, react_1.useEffect)(() => {
-        if (focusEffects.includes('firstCellOnMount')) {
-            moveFocus(0);
-        }
-    }, [focusEffects, moveFocus]);
-    (0, react_1.useEffect)(() => {
-        if (!focusEffects.includes('firstCellWhenShowEmptyChars') || !showEmptyChars) {
-            return;
-        }
-        const emptyIndex = (0, utils_1.getFirstEmptyCellIndex)(code);
-        if (emptyIndex >= 0) {
-            moveFocus(emptyIndex);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [showEmptyChars, focusEffects, 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,30 +0,0 @@
-.fieldCode{
-  display:flex;
-  flex-direction:column;
-  align-items:center;
-  gap:8px;
-}
-
-.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;
-}

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

@@ -1,6 +0,0 @@
-import { FieldTextProps } from '@snack-uikit/fields';
-export declare const isNumberChar: (char: string) => boolean;
-export declare const isStringCodeLength: (input: string, codeLength: number) => boolean;
-export declare const isZeroWidthSpace: (value: string) => value is "​";
-export declare function getFirstEmptyCellIndex(code: readonly string[]): number;
-export declare const getCellValidationState: (value: string, showEmptyChars?: boolean, error?: boolean) => FieldTextProps["validationState"];

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCellValidationState = exports.isZeroWidthSpace = exports.isStringCodeLength = exports.isNumberChar = void 0;
-exports.getFirstEmptyCellIndex = getFirstEmptyCellIndex;
-const constants_1 = require("./constants");
-const isNumberChar = (char) => /^\d$/.test(char);
-exports.isNumberChar = isNumberChar;
-const isStringCodeLength = (input, codeLength) => new RegExp(`^\\d{${codeLength}}$`).test(input);
-exports.isStringCodeLength = isStringCodeLength;
-const isZeroWidthSpace = (value) => value === constants_1.ZERO_WIDTH_SPACE;
-exports.isZeroWidthSpace = isZeroWidthSpace;
-function getFirstEmptyCellIndex(code) {
-    return code.findIndex(exports.isZeroWidthSpace);
-}
-const getCellValidationState = (value, showEmptyChars, error) => {
-    if (showEmptyChars) {
-        return (0, exports.isZeroWidthSpace)(value) ? 'error' : 'default';
-    }
-    return error ? 'error' : 'default';
-};
-exports.getCellValidationState = getCellValidationState;

package/dist/esm/components/FieldAi/FieldAi.d.ts

@@ -1,24 +0,0 @@
-import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
-import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-export type FieldAiProps = WithLayoutType<Omit<FieldTextAreaProps, 'placeholder' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'> & {
-    /** Режим ввода sensitive данных (пароля, API ключей, токенов, etc) */
-    secure?: boolean | 'password';
-    /** Колбек действия при отправке */
-    onSubmit(value: string): void;
-    /** Действие при клике по кнопке сброса контекста */
-    onResetContextClick?(): void;
-    /** Действие для отмены секьюрности поля */
-    onCancelSecure?(): void;
-}>;
-export declare const FieldAi: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "size" | "label" | "required" | "placeholder" | "spellCheck" | "labelTooltip" | "footer"> & {
-    /** Режим ввода sensitive данных (пароля, API ключей, токенов, etc) */
-    secure?: boolean | "password";
-    /** Колбек действия при отправке */
-    onSubmit(value: string): void;
-    /** Действие при клике по кнопке сброса контекста */
-    onResetContextClick?(): void;
-    /** Действие для отмены секьюрности поля */
-    onCancelSecure?(): void;
-} & {
-    layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
-} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/FieldAi/FieldAi.js

@@ -1,86 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import cn from 'classnames';
-import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import { EyeClosedSVG, EyeSVG, PasswordLockSVG } from '@cloud-ru/uikit-product-icons';
-import { useLocale } from '@cloud-ru/uikit-product-locale';
-import { AdaptiveFieldTextArea, getAdaptiveFieldProps, } from '@cloud-ru/uikit-product-mobile-fields';
-import { ButtonFunction, ButtonOutline } from '@snack-uikit/button';
-import { themeVars } from '@snack-uikit/figma-tokens';
-import { Tooltip } from '@snack-uikit/tooltip';
-import { Typography } from '@snack-uikit/typography';
-import { FieldSubmitButton } from '../../helperComponents/FieldSubmitButton';
-import { TextAreaActionsFooter } from '../../helperComponents/TextAreaActionsFooter';
-import { isTouchDevice as isTouchDeviceHelper } from '../../helpers';
-import { AIDisclaimer } from '../AIDisclaimer/AIDisclaimer';
-import { AlertButton } from './components/AlertButton';
-import { MobileFieldAi } from './components/MobileFieldAi';
-import { WithPasswordValidation } from './components/WithPasswordValidation';
-import styles from './styles.module.css';
-import { getValidationPassword } from './utils';
-export const FieldAi = forwardRef((_a, ref) => {
-    var { secure = false, onSubmit: handleSubmitProp, value, onResetContextClick, onCancelSecure, disabled, className } = _a, props = __rest(_a, ["secure", "onSubmit", "value", "onResetContextClick", "onCancelSecure", "disabled", "className"]);
-    const { layoutType, validationState } = props;
-    const { t } = useLocale('FieldsPredefined');
-    const isTouchDevice = isTouchDeviceHelper(layoutType);
-    const [isValueHidden, setIsValueHidden] = useState(true);
-    const [animatedValidationKey, setAnimatedValidationKey] = useState(null);
-    const timerRef = useRef(null);
-    const isValueValid = typeof value === 'string' && value.trim().length > 0;
-    const isPasswordMode = secure === 'password';
-    const passwordValidation = useMemo(() => getValidationPassword(value), [value]);
-    const isPasswordValid = isPasswordMode ? Object.values(passwordValidation).every(Boolean) : true;
-    const showPasswordError = !isPasswordValid && secure && value;
-    const showPasswordAlert = Boolean(onCancelSecure) && secure === 'password';
-    useEffect(() => () => {
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-        }
-    }, []);
-    const handleSubmit = () => {
-        if (isValueValid && isPasswordValid) {
-            handleSubmitProp(value);
-        }
-    };
-    const triggerValidationHighlight = (key) => {
-        setAnimatedValidationKey(key);
-        timerRef.current = setTimeout(() => {
-            setAnimatedValidationKey(null);
-        }, 1000);
-    };
-    const handleKeyDown = event => {
-        if (isTouchDevice) {
-            return;
-        }
-        if (isPasswordMode && event.key.length === 1) {
-            const isLetter = /\p{L}/u.test(event.key);
-            const isLatinLetter = /^[a-zA-Z]$/.test(event.key);
-            if (isLetter && !isLatinLetter) {
-                event.preventDefault();
-                triggerValidationHighlight('onlyLatin');
-                return;
-            }
-        }
-        if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            if (!disabled) {
-                handleSubmit();
-            }
-            return;
-        }
-    };
-    if (isTouchDevice && !secure) {
-        return (_jsx(MobileFieldAi, Object.assign({}, props, getAdaptiveFieldProps(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
-    }
-    return (_jsxs("div", { className: cn(styles.wrapper, isPasswordMode && styles.passwordWrapper, className), children: [showPasswordAlert && (_jsxs("div", { className: styles.alert, children: [_jsx(PasswordLockSVG, { size: 16, color: themeVars.sys.neutral.textSupport }), _jsx(Typography.SansBodyS, { className: styles.alertText, children: t('FieldAi.secret.alert.text') }), _jsx(AlertButton, { label: t('FieldAi.secret.alert.button'), onClick: onCancelSecure })] })), _jsx(WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedValidationKey, children: _jsx(AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, size: 'm', minRows: secure ? 1 : 2, maxRows: secure ? 1 : 4, placeholder: secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder'), className: cn(styles.textarea, secure && isValueHidden ? styles.secured : undefined), onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: _jsx(TextAreaActionsFooter, { left: secure && (_jsx(ButtonFunction, { size: 'xs', icon: isValueHidden ? _jsx(EyeSVG, {}) : _jsx(EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: _jsxs(_Fragment, { children: [secure && onResetContextClick && (_jsx(Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: _jsx(ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), _jsx(FieldSubmitButton, { showTooltip: !isTouchDevice, className: cn(styles.submitButton, isTouchDevice ? styles.mobileSubmitButton : undefined), active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && _jsx(AIDisclaimer, { layoutType: layoutType })] }));
-});

package/dist/esm/components/FieldAi/components/AlertButton/AlertButton.d.ts

@@ -1,5 +0,0 @@
-export type AlertButtonProps = {
-    label: string;
-    onClick?(): void;
-};
-export declare function AlertButton({ label, onClick }: AlertButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/FieldAi/components/AlertButton/AlertButton.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Typography } from '@snack-uikit/typography';
-import styles from './styles.module.css';
-export function AlertButton({ label, onClick }) {
-    return (_jsx("button", { onClick: onClick, className: styles.button, children: _jsx(Typography.SansLabelM, { className: styles.label, children: label }) }));
-}

package/dist/esm/components/FieldAi/components/AlertButton/index.d.ts

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

package/dist/esm/components/FieldAi/components/AlertButton/index.js

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

package/dist/esm/components/FieldAi/components/AlertButton/styles.module.css

@@ -1,17 +0,0 @@
-.button{
-  outline:none;
-  border:none;
-  background-color:transparent;
-  cursor:pointer;
-  height:16px;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-}
-
-.label{
-  color:var(--sys-blue-text-support, #4877b0);
-}
-.label:hover{
-  color:var(--sys-neutral-text-main, #41424e);
-}

package/dist/esm/components/FieldAi/components/CheckItem/CheckItem.d.ts

@@ -1,9 +0,0 @@
-import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-type CheckItemProps = WithLayoutType<{
-    label: string;
-    checked: boolean;
-    shouldHide?: boolean;
-    animated?: boolean;
-}>;
-export declare function CheckItem({ label, checked, layoutType, shouldHide, animated }: CheckItemProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/esm/components/FieldAi/components/CheckItem/CheckItem.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { CheckSVG } from '@cloud-ru/uikit-product-icons';
-import { Typography } from '@snack-uikit/typography';
-import styles from './styles.module.css';
-const CHECKED_ITEM_DISAPPEAR_TIMEOUT = 500;
-export function CheckItem({ label, checked, layoutType, shouldHide = false, animated = false }) {
-    const [visible, setVisible] = useState(checked);
-    useEffect(() => {
-        if (checked) {
-            const timeoutId = setTimeout(() => {
-                setVisible(false);
-            }, CHECKED_ITEM_DISAPPEAR_TIMEOUT);
-            return () => clearTimeout(timeoutId);
-        }
-        setVisible(true);
-    }, [checked]);
-    if (shouldHide && !visible) {
-        return null;
-    }
-    return (_jsxs("div", { className: styles.checkItem, "data-layout-type": layoutType, "data-animated": animated, children: [_jsx(CheckSVG, { size: 16, className: styles.icon, "data-checked": checked }), _jsx(Typography.SansBodyM, { className: styles.label, "data-checked": checked, children: label })] }));
-}

package/dist/esm/components/FieldAi/components/CheckItem/index.d.ts

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

package/dist/esm/components/FieldAi/components/CheckItem/index.js

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

package/dist/esm/components/FieldAi/components/CheckItem/styles.module.css

@@ -1,36 +0,0 @@
-@keyframes shake{
-  0%, 100%{
-    transform:translateX(0);
-  }
-  10%, 30%, 50%, 70%, 90%{
-    transform:translateX(-4px);
-  }
-  20%, 40%, 60%, 80%{
-    transform:translateX(4px);
-  }
-}
-.checkItem{
-  display:inline-flex;
-  gap:10px;
-}
-.checkItem[data-layout-type=mobile], .checkItem[data-layout-type=tablet]{
-  gap:8px;
-}
-.checkItem[data-animated=true]{
-  animation:shake 0.5s ease-in-out;
-}
-
-.icon{
-  flex-shrink:0;
-  color:var(--sys-neutral-accent-default, #787b8a);
-}
-.icon[data-checked=true]{
-  color:var(--sys-primary-text-light, #6aaf90);
-}
-
-.label{
-  color:var(--sys-neutral-text-light, #8b8e9b);
-}
-.label[data-checked=true]{
-  color:var(--sys-primary-text-light, #6aaf90);
-}

package/dist/esm/components/FieldAi/components/MobileFieldAi/MobileFieldAi.d.ts

@@ -1,5 +0,0 @@
-import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
-export declare const MobileFieldAi: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "size" | "label" | "required" | "placeholder" | "spellCheck" | "labelTooltip" | "footer"> & {
-    onSubmit(): void;
-    submitEnabled: boolean;
-} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/FieldAi/components/MobileFieldAi/MobileFieldAi.js

@@ -1,25 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useLocale } from '@cloud-ru/uikit-product-locale';
-import { Scroll } from '@snack-uikit/scroll';
-import { FieldSubmitButton } from '../../../../helperComponents/FieldSubmitButton';
-import { TextArea } from '../TextArea';
-import styles from './styles.module.css';
-const MIN_ROWS = 1;
-const MAX_ROWS = 6;
-export const MobileFieldAi = forwardRef((_a, ref) => {
-    var { onSubmit, value, submitEnabled } = _a, props = __rest(_a, ["onSubmit", "value", "submitEnabled"]);
-    const { t } = useLocale('FieldsPredefined');
-    return (_jsxs("div", { className: styles.mobileInputWrapper, style: { '--max-rows': MAX_ROWS, '--min-rows': MIN_ROWS }, "data-size": 'm', children: [_jsx(Scroll, { className: styles.scrollContainer, size: 's', barHideStrategy: 'never', children: _jsx(TextArea, Object.assign({}, props, { className: styles.textarea, ref: ref, value: value, minRows: MIN_ROWS, placeholder: t('FieldAi.regular.placeholder'), spellCheck: true })) }), _jsx("div", { className: styles.mobileSubmitButtonWrapper, children: _jsx(FieldSubmitButton, { showTooltip: false, className: styles.mobileSubmitButton, fullWidth: true, active: submitEnabled, handleClick: onSubmit, size: 's' }) })] }));
-});

package/dist/esm/components/FieldAi/components/MobileFieldAi/index.d.ts

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

package/dist/esm/components/FieldAi/components/MobileFieldAi/index.js

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

package/dist/esm/components/FieldAi/components/MobileFieldAi/styles.module.css

@@ -1,78 +0,0 @@
-.scrollContainer{
-  border-radius:4px;
-  padding:6px 0;
-}
-.scrollContainer [data-overlayscrollbars-contents]{
-  display:flex;
-}
-
-.textarea{
-  overflow:hidden;
-}
-
-.mobileInputWrapper{
-  --max-rows:1000;
-  --min-rows:3;
-  display:flex;
-  position:relative;
-  gap:8px;
-}
-.mobileInputWrapper .scrollContainer{
-  min-height:calc(var(--min-rows) * var(--row-height) + var(--horizontal-scroll-bar-height));
-  max-height:calc(var(--max-rows) * var(--row-height) + var(--horizontal-scroll-bar-height));
-}
-.mobileInputWrapper .textarea{
-  font-family:var(--sans-body-l-font-family, SB Sans Interface);
-  font-weight:var(--sans-body-l-font-weight, Regular);
-  line-height:var(--sans-body-l-line-height, 24px);
-  font-size:var(--sans-body-l-font-size, 16px);
-  letter-spacing:var(--sans-body-l-letter-spacing, 0.1px);
-  paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
-  padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
-}
-.mobileInputWrapper .textarea::-moz-placeholder{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-.mobileInputWrapper .textarea::placeholder{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-.mobileInputWrapper[data-size=s]{
-  --row-height:var(--sans-body-s-line-height, 16px);
-  --horizontal-scroll-bar-height:var(--dimension-050m, 4px);
-}
-.mobileInputWrapper[data-size=m]{
-  --row-height:var(--sans-body-m-line-height, 20px);
-  --horizontal-scroll-bar-height:calc(var(--dimension-025m, 2px) + var(--dimension-050m, 4px));
-}
-.mobileInputWrapper[data-size=l]{
-  --row-height:var(--sans-body-l-line-height, 24px);
-  --horizontal-scroll-bar-height:var(--dimension-1m, 8px);
-}
-
-.mobileSubmitButtonWrapper{
-  width:32px;
-  height:32px;
-  display:flex;
-  flex-shrink:0;
-  position:absolute;
-  bottom:0;
-  right:10px;
-}
-
-.mobileSubmitButton{
-  position:relative !important;
-  flex-shrink:0 !important;
-}
-.mobileSubmitButton:not([data-disabled]){
-  background:radial-gradient(229.88% 112% at 37.5% 77.08%, #26D07C 19.86%, #5FD7C2 50.73%, #7CB5F2 89.88%);
-}
-.mobileSubmitButton:after{
-  content:"";
-  display:flex;
-  width:48px;
-  height:48px;
-  position:absolute;
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-}