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

package/CHANGELOG.md

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

package/dist/cjs/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/cjs/components/AIDisclaimer/AIDisclaimer.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AIDisclaimer = AIDisclaimer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function AIDisclaimer({ layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.disclaimer, children: (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.hintText, "data-layout-type": layoutType, children: t('FieldAi.hint.text') }) }));
+}

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

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

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

package/dist/cjs/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/cjs/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/cjs/components/FieldAi/FieldAi.js

@@ -0,0 +1,66 @@
+"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.FieldAi = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_fields_1 = require("@sbercloud/uikit-product-mobile-fields");
+const button_1 = require("@snack-uikit/button");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const FieldSubmitButton_1 = require("../../helperComponents/FieldSubmitButton");
+const TextAreaActionsFooter_1 = require("../../helperComponents/TextAreaActionsFooter");
+const helpers_1 = require("../../helpers");
+const AIDisclaimer_1 = require("../AIDisclaimer/AIDisclaimer");
+const MobileFieldAi_1 = require("./components/MobileFieldAi");
+const WithPasswordValidation_1 = require("./components/WithPasswordValidation");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+exports.FieldAi = (0, react_1.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 } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    const isTouchDevice = (0, helpers_1.isTouchDevice)(layoutType);
+    const [isValueHidden, setIsValueHidden] = (0, react_1.useState)(true);
+    const isValueValid = typeof value === 'string' && value.trim().length > 0;
+    const isPasswordMode = secure === 'password';
+    const passwordValidation = (0, react_1.useMemo)(() => (0, utils_1.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 ((0, jsx_runtime_1.jsx)(MobileFieldAi_1.MobileFieldAi, Object.assign({}, props, (0, uikit_product_mobile_fields_1.getAdaptiveFieldProps)(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), children: [(0, jsx_runtime_1.jsx)(WithPasswordValidation_1.WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, children: (0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.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_module_scss_1.default.secured : undefined, onKeyDown: handleKeyDown, spellCheck: !secure, validationState: showPasswordError ? 'error' : validationState, footer: (0, jsx_runtime_1.jsx)(TextAreaActionsFooter_1.TextAreaActionsFooter, { left: secure && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'xs', icon: isValueHidden ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev) })), right: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [secure && onResetContextClick && ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('FieldAi.resetContext.tooltip'), hoverDelayOpen: 600, children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { size: 'xs', label: t('FieldAi.resetContext.label'), onClick: onResetContextClick, appearance: 'destructive' }) })), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { showTooltip: !isTouchDevice, className: isTouchDevice ? styles_module_scss_1.default.mobileSubmitButton : undefined, active: isValueValid && !disabled && isPasswordValid, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })) }), !isPasswordMode && (0, jsx_runtime_1.jsx)(AIDisclaimer_1.AIDisclaimer, { layoutType: layoutType })] }));
+});

package/dist/cjs/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/cjs/components/FieldAi/components/CheckItem/CheckItem.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckItem = CheckItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const CHECKED_ITEM_DISAPPEAR_TIMEOUT = 500;
+function CheckItem({ label, checked, layoutType, shouldHide = false }) {
+    const [visible, setVisible] = (0, react_1.useState)(checked);
+    (0, react_1.useEffect)(() => {
+        if (checked) {
+            const timeoutId = setTimeout(() => {
+                setVisible(false);
+            }, CHECKED_ITEM_DISAPPEAR_TIMEOUT);
+            return () => clearTimeout(timeoutId);
+        }
+        setVisible(true);
+    }, [checked]);
+    if (shouldHide && !visible) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.checkItem, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsx)(uikit_product_icons_1.CheckSVG, { size: 20, className: styles_module_scss_1.default.icon, "data-checked": checked }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.label, "data-checked": checked, children: label })] }));
+}

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

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

package/dist/cjs/components/FieldAi/components/CheckItem/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("./CheckItem"), exports);

package/dist/cjs/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/cjs/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/cjs/components/FieldAi/components/MobileFieldAi/MobileFieldAi.js

@@ -0,0 +1,31 @@
+"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.MobileFieldAi = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const scroll_1 = require("@snack-uikit/scroll");
+const FieldSubmitButton_1 = require("../../../../helperComponents/FieldSubmitButton");
+const TextArea_1 = require("../TextArea");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const MIN_ROWS = 1;
+const MAX_ROWS = 6;
+exports.MobileFieldAi = (0, react_1.forwardRef)((_a, ref) => {
+    var { onSubmit, value, submitEnabled } = _a, props = __rest(_a, ["onSubmit", "value", "submitEnabled"]);
+    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.mobileInputWrapper, style: { '--max-rows': MAX_ROWS, '--min-rows': MIN_ROWS }, "data-size": 'm', children: [(0, jsx_runtime_1.jsx)(scroll_1.Scroll, { className: styles_module_scss_1.default.scrollContainer, size: 's', barHideStrategy: 'never', children: (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, props, { className: styles_module_scss_1.default.textarea, ref: ref, value: value, minRows: MIN_ROWS, placeholder: t('FieldAi.regular.placeholder'), spellCheck: true })) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.mobileSubmitButtonWrapper, children: (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { showTooltip: false, className: styles_module_scss_1.default.mobileSubmitButton, fullWidth: true, active: submitEnabled, handleClick: onSubmit, size: 's' }) })] }));
+});

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

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

package/dist/cjs/components/FieldAi/components/MobileFieldAi/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("./MobileFieldAi"), exports);

package/dist/cjs/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/cjs/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/cjs/components/FieldAi/components/PasswordValidation/PasswordValidation.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordValidation = PasswordValidation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const helpers_1 = require("../../../../helpers");
+const CheckItem_1 = require("../CheckItem");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PasswordValidation({ passwordValidation, layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    const allCriteriaMet = (0, react_1.useMemo)(() => Object.values(passwordValidation).every(item => item), [passwordValidation]);
+    const isTouchDevice = (0, helpers_1.isTouchDevice)(layoutType);
+    if (isTouchDevice) {
+        if (allCriteriaMet) {
+            return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.validationItemsContainer, "data-layout-type": layoutType, children: (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: true, label: t('FieldAi.secret.passwordTooltip.titleSuccess'), layoutType: layoutType, shouldHide: false }) }));
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.validationItemsContainer, "data-layout-type": layoutType, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.validationList, children: [(0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.minLength, label: t('FieldAi.secret.passwordTooltip.minLength'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice })] }) }));
+}

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

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

package/dist/cjs/components/FieldAi/components/PasswordValidation/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("./PasswordValidation"), exports);

package/dist/cjs/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/cjs/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/cjs/components/FieldAi/components/TextArea/TextArea.js

@@ -0,0 +1,33 @@
+"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.TextArea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
+const utils_1 = require("@snack-uikit/utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.TextArea = (0, react_1.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] = (0, react_1.useState)(false);
+    (0, utils_1.useLayoutEffect)(() => setIsRerendered(true), []);
+    const onChangeHandler = e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value, e);
+    const stopPropagation = e => e.stopPropagation();
+    return ((0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, Object.assign({ id: id, name: name, value: value, ref: ref, className: (0, classnames_1.default)(className, styles_module_scss_1.default.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 }, (0, utils_1.extractSupportProps)(rest))));
+});

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

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

package/dist/cjs/components/FieldAi/components/TextArea/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("./TextArea"), exports);

package/dist/cjs/components/FieldAi/components/TextArea/styles.module.css

@@ -0,0 +1,32 @@
+.textarea{
+  resize:none;
+  box-sizing:border-box;
+  width:100%;
+  max-width:100%;
+  margin:0;
+  padding:0;
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:transparent;
+  border:none;
+  border-radius:0;
+  outline:0;
+}
+.textarea::-moz-placeholder{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}
+.textarea::placeholder{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}
+.textarea::-webkit-scrollbar{
+  width:0;
+  max-width:0;
+}
+.textarea:-moz-read-only{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.textarea:read-only{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.textarea[disabled]{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}