@cloud-ru/uikit-product-fields-predefined 0.13.3 → 0.13.4

package/dist/cjs/helpers/getSymbolsRangeFromMask.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Возвращает кол-во символов для маски - со скобками и без
+ * @function helper
+ */
+export declare function getSymbolsRangeFromMask(mask?: string): {
+    minNumberLength: number;
+    maxNumberLength: number;
+};

package/dist/cjs/helpers/getSymbolsRangeFromMask.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSymbolsRangeFromMask = getSymbolsRangeFromMask;
+/**
+ * Возвращает кол-во символов для маски - со скобками и без
+ * @function helper
+ */
+function getSymbolsRangeFromMask(mask = '') {
+    // Считаем все 'X' и цифры в строке
+    const maxNumberLength = (mask.match(/[X\d]/g) || []).length;
+    // Удаляем содержимое внутри скобок, включая сами скобки для подсчёта без учёта их содержимого
+    const stringWithoutBrackets = mask.replace(/\[[^\]]*\]/g, '');
+    // Считаем 'X' и цифры после удаления содержимого в скобках
+    const minNumberLength = (stringWithoutBrackets.match(/[X\d]/g) || []).length;
+    // Возвращаем оба значения: без учёта и с учётом содержимого в скобках
+    return { minNumberLength, maxNumberLength };
+}

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

@@ -0,0 +1,3 @@
+export * from './capitalize';
+export * from './isTouchDevice';
+export * from './getSymbolsRangeFromMask';

package/dist/cjs/helpers/index.js

@@ -0,0 +1,19 @@
+"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("./capitalize"), exports);
+__exportStar(require("./isTouchDevice"), exports);
+__exportStar(require("./getSymbolsRangeFromMask"), exports);

package/dist/cjs/helpers/isTouchDevice.d.ts

@@ -0,0 +1,2 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+export declare function isTouchDevice(layoutType: LayoutType): boolean;

package/dist/cjs/helpers/isTouchDevice.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTouchDevice = isTouchDevice;
+function isTouchDevice(layoutType) {
+    return ['mobile', 'tablet'].includes(layoutType);
+}

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

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

package/dist/cjs/hooks/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("./useOpen"), exports);

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

@@ -0,0 +1,5 @@
+export declare function useOpen(defaultState?: boolean): {
+    isOpen: boolean;
+    onClose: () => void;
+    onOpen: () => void;
+};

package/dist/cjs/hooks/useOpen.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpen = useOpen;
+const react_1 = require("react");
+function useOpen(defaultState = false) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(defaultState);
+    const onClose = (0, react_1.useCallback)(() => {
+        setIsOpen(false);
+    }, []);
+    const onOpen = (0, react_1.useCallback)(() => {
+        setIsOpen(true);
+    }, []);
+    return (0, react_1.useMemo)(() => ({
+        isOpen,
+        onClose,
+        onOpen,
+    }), [isOpen, onClose, onOpen]);
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export { getSymbolsRangeFromMask } from './helpers';
+export { setNonce } from '@sbercloud/uikit-product-mobile-fields';

package/dist/cjs/index.js

@@ -0,0 +1,22 @@
+"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 = exports.getSymbolsRangeFromMask = void 0;
+__exportStar(require("./components"), exports);
+var helpers_1 = require("./helpers");
+Object.defineProperty(exports, "getSymbolsRangeFromMask", { enumerable: true, get: function () { return helpers_1.getSymbolsRangeFromMask; } });
+var uikit_product_mobile_fields_1 = require("@sbercloud/uikit-product-mobile-fields");
+Object.defineProperty(exports, "setNonce", { enumerable: true, get: function () { return uikit_product_mobile_fields_1.setNonce; } });

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

@@ -0,0 +1,4 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+type AIDisclaimerProps = WithLayoutType;
+export declare function AIDisclaimer({ layoutType }: AIDisclaimerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/AIDisclaimer/AIDisclaimer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import styles from './styles.module.css';
+export function AIDisclaimer({ layoutType }) {
+    const { t } = useLocale('FieldsPredefined');
+    return (_jsx("div", { className: styles.disclaimer, children: _jsx("span", { className: styles.hintText, "data-layout-type": layoutType, children: t('FieldAi.hint.text') }) }));
+}

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

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

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

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

package/dist/esm/components/AIDisclaimer/styles.module.css

@@ -0,0 +1,21 @@
+.disclaimer{
+  display:inline-flex;
+  flex-direction:row;
+  align-items:center;
+  justify-content:center;
+  gap:var(--dimension-050m, 4px);
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.tooltip{
+  max-width:258px;
+}
+
+.hintText{
+  font-family:var(--light-label-s-font-family, SB Sans Interface);
+  font-weight:var(--light-label-s-font-weight, Regular);
+  line-height:var(--light-label-s-line-height, 14px);
+  font-size:var(--light-label-s-font-size, 11px);
+  letter-spacing:var(--light-label-s-letter-spacing, 0px);
+  paragraph-spacing:var(--light-label-s-paragraph-spacing, 6.05px);
+}

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

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

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

@@ -0,0 +1,60 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { forwardRef, useMemo, useState } from 'react';
+import { EyeClosedSVG, EyeSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { AdaptiveFieldTextArea, getAdaptiveFieldProps, } from '@sbercloud/uikit-product-mobile-fields';
+import { ButtonFunction, ButtonOutline } from '@snack-uikit/button';
+import { Tooltip } from '@snack-uikit/tooltip';
+import { FieldSubmitButton } from '../../helperComponents/FieldSubmitButton';
+import { TextAreaActionsFooter } from '../../helperComponents/TextAreaActionsFooter';
+import { isTouchDevice as isTouchDeviceHelper } from '../../helpers';
+import { AIDisclaimer } from '../AIDisclaimer/AIDisclaimer';
+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, disabled, className } = _a, props = __rest(_a, ["secure", "onSubmit", "value", "onResetContextClick", "disabled", "className"]);
+    const { layoutType, validationState } = props;
+    const { t } = useLocale('FieldsPredefined');
+    const isTouchDevice = isTouchDeviceHelper(layoutType);
+    const [isValueHidden, setIsValueHidden] = useState(true);
+    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 handleSubmit = () => {
+        if (isValueValid && isPasswordValid) {
+            handleSubmitProp(value);
+        }
+    };
+    const handleKeyDown = e => {
+        if (isTouchDevice) {
+            return;
+        }
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.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, className), children: [_jsx(WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, 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: 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: 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/CheckItem/CheckItem.d.ts

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

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { CheckSVG } from '@sbercloud/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 }) {
+    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, children: [_jsx(CheckSVG, { size: 20, 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

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

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

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

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

@@ -0,0 +1,22 @@
+.checkItem{
+  display:inline-flex;
+  gap:10px;
+}
+.checkItem[data-layout-type=mobile], .checkItem[data-layout-type=tablet]{
+  gap:8px;
+}
+
+.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

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

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

@@ -0,0 +1,25 @@
+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 '@sbercloud/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

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

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

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

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

@@ -0,0 +1,87 @@
+.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[data-size=s]{
+  --row-height:var(--sans-body-s-line-height, 16px);
+  --horizontal-scroll-bar-height:var(--dimension-050m, 4px);
+}
+.mobileInputWrapper[data-size=s] .textarea{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
+}
+.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=m] .textarea{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
+}
+.mobileInputWrapper[data-size=l]{
+  --row-height:var(--sans-body-l-line-height, 24px);
+  --horizontal-scroll-bar-height:var(--dimension-1m, 8px);
+}
+.mobileInputWrapper[data-size=l] .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));
+}
+
+.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:after{
+  content:"";
+  display:flex;
+  width:48px;
+  height:48px;
+  position:absolute;
+  top:50%;
+  left:50%;
+  transform:translate(-50%, -50%);
+}

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

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ValidationPassword } from '../../utils';
+export type WithPasswordTooltipProps = WithLayoutType<{
+    passwordValidation: ValidationPassword;
+}>;
+export declare function PasswordValidation({ passwordValidation, layoutType }: WithPasswordTooltipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { isTouchDevice as isTouchDeviceHelper } from '../../../../helpers';
+import { CheckItem } from '../CheckItem';
+import styles from './styles.module.css';
+export function PasswordValidation({ passwordValidation, layoutType }) {
+    const { t } = useLocale('FieldsPredefined');
+    const allCriteriaMet = useMemo(() => Object.values(passwordValidation).every(item => item), [passwordValidation]);
+    const isTouchDevice = isTouchDeviceHelper(layoutType);
+    if (isTouchDevice) {
+        if (allCriteriaMet) {
+            return (_jsx("div", { className: styles.validationItemsContainer, "data-layout-type": layoutType, children: _jsx(CheckItem, { checked: true, label: t('FieldAi.secret.passwordTooltip.titleSuccess'), layoutType: layoutType, shouldHide: false }) }));
+        }
+    }
+    return (_jsx("div", { className: styles.validationItemsContainer, "data-layout-type": layoutType, children: _jsxs("div", { className: styles.validationList, children: [_jsx(CheckItem, { checked: passwordValidation.minLength, label: t('FieldAi.secret.passwordTooltip.minLength'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice }), _jsx(CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice })] }) }));
+}

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

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

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

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

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

@@ -0,0 +1,35 @@
+.tooltipText{
+  display:flex;
+  flex-direction:column;
+}
+
+.validationList{
+  display:flex;
+  flex-direction:column;
+  gap:12px;
+}
+
+.validationItemsContainer{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-main, #41424e);
+  display:flex;
+  flex-direction:column;
+  gap:12px;
+}
+.validationItemsContainer[data-layout-type=mobile], .validationItemsContainer[data-layout-type=tablet]{
+  gap:8px;
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+}
+.validationItemsContainer[data-layout-type=mobile] .validationList, .validationItemsContainer[data-layout-type=tablet] .validationList{
+  gap:2px;
+}

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

@@ -0,0 +1,39 @@
+import { ChangeEvent, FocusEventHandler, KeyboardEventHandler, RefAttributes } from 'react';
+import { InputPrivateProps } from '@snack-uikit/input-private';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type TextAreaProps = RefAttributes<HTMLTextAreaElement> & WithSupportProps<{
+    /** HTML-аттрибут name */
+    name?: string;
+    /** HTML-аттрибут value */
+    value?: string;
+    /** Колбек смены значения */
+    onChange?(value: string, e: ChangeEvent<HTMLTextAreaElement>): void;
+    /** HTML-аттрибут id */
+    id?: string;
+    className?: string;
+    /** Плейсхолдер */
+    placeholder?: string;
+    /** Является ли поле доступным только на чтение */
+    readonly?: boolean;
+    /** Является ли поле деактивированным */
+    disabled?: boolean;
+    /** Включен ли автокомплит */
+    autoComplete?: boolean;
+    /** Максимальное кол-во символов */
+    maxLength?: number;
+    /** Колбек получения фокуса */
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    /** Колбек потери фокуса */
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    /** Колбек нажатия клавиши клавиатуры */
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+    /** HTML-аттрибут tab-index */
+    tabIndex?: number;
+    /** Минимальное кол-во строк, до которого размер поля может быть увеличен @default 3*/
+    minRows?: number;
+    /** Включение проверки орфографии @default true*/
+    spellCheck?: boolean;
+    /** Режим работы экранной клавиатуры */
+    inputMode?: InputPrivateProps['inputMode'];
+}>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,27 @@
+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 } from "react/jsx-runtime";
+import cn from 'classnames';
+import { forwardRef, useState, } from 'react';
+import TextareaAutosize from 'react-textarea-autosize';
+import { extractSupportProps, useLayoutEffect } from '@snack-uikit/utils';
+import styles from './styles.module.css';
+export const TextArea = forwardRef((_a, ref) => {
+    var { name, value = '', onChange, placeholder, id, className, disabled = false, readonly = false, autoComplete = false, maxLength, onFocus, onBlur, onKeyDown, tabIndex, minRows = 3, spellCheck, inputMode } = _a, rest = __rest(_a, ["name", "value", "onChange", "placeholder", "id", "className", "disabled", "readonly", "autoComplete", "maxLength", "onFocus", "onBlur", "onKeyDown", "tabIndex", "minRows", "spellCheck", "inputMode"]);
+    // fix of height on the initial render
+    // see https://github.com/Andarist/react-textarea-autosize/issues/337#issuecomment-1024980737
+    const [, setIsRerendered] = useState(false);
+    useLayoutEffect(() => setIsRerendered(true), []);
+    const onChangeHandler = e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value, e);
+    const stopPropagation = e => e.stopPropagation();
+    return (_jsx(TextareaAutosize, Object.assign({ id: id, name: name, value: value, ref: ref, className: cn(className, styles.textarea), autoComplete: autoComplete ? 'on' : 'off', placeholder: placeholder, disabled: disabled, readOnly: readonly, maxLength: maxLength, onChange: onChangeHandler, onClick: stopPropagation, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, tabIndex: tabIndex, minRows: minRows, spellCheck: spellCheck, inputMode: inputMode }, extractSupportProps(rest))));
+});

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

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

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

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