@cloud-ru/uikit-product-fields-predefined 2.4.8-preview-04a474c4.0 → 3.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-fields-predefined",
   "title": "Fields Predefined",
-  "version": "2.4.8-preview-04a474c4.0",
+  "version": "3.0.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,25 +36,19 @@
     "@cloud-ru/uikit-product-mobile-dropdown": "2.1.13",
     "@cloud-ru/uikit-product-mobile-fields": "2.1.2",
     "@cloud-ru/uikit-product-mobile-modal": "2.1.3",
-    "@cloud-ru/uikit-product-mobile-tooltip": "1.1.12",
     "@cloud-ru/uikit-product-utils": "9.1.0",
-    "@siberiacancode/reactuse": "0.3.22",
     "@snack-uikit/attachment": "0.4.40",
     "@snack-uikit/button": "0.19.16",
     "@snack-uikit/drop-zone": "0.9.6",
-    "@snack-uikit/fields": "0.51.15",
     "@snack-uikit/icon-predefined": "0.7.3",
     "@snack-uikit/input-private": "4.8.8",
     "@snack-uikit/scroll": "0.10.8",
     "@snack-uikit/tooltip": "0.18.12",
-    "@snack-uikit/typography": "0.8.7",
     "@snack-uikit/utils": "3.7.0",
     "awesome-phonenumber": "7.5.0",
     "classnames": "2.5.1",
     "merge-refs": "1.2.2",
-    "react-imask": "7.6.1",
-    "react-textarea-autosize": "8.5.9",
-    "sass": "1.80.4"
+    "react-imask": "7.6.1"
   },
   "devDependencies": {
     "@types/merge-refs": "1.0.0",
@@ -65,5 +59,5 @@
     "react-hook-form": ">=7.51.0",
     "yup": ">=0.32.0"
   },
-  "gitHead": "2e977b54651d1647d82645928ec73a6dfd05c470"
+  "gitHead": "77212a170d04f0b142fcfaa5f9a107f9028fd06c"
 }

package/src/components/index.ts

@@ -1,9 +1,7 @@
 export * from './FieldPhone';
 export * from './SelectCreate';
-export * from './FieldAi';
 export * from './FieldChat';
 export * from './AIDisclaimer';
 export * from './FieldName';
 export * from './FieldDescription';
 export * from './FieldMask';
-export * from './FieldCode';

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

@@ -1,92 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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("@cloud-ru/uikit-product-icons");
-const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
-const uikit_product_mobile_fields_1 = require("@cloud-ru/uikit-product-mobile-fields");
-const button_1 = require("@snack-uikit/button");
-const figma_tokens_1 = require("@snack-uikit/figma-tokens");
-const tooltip_1 = require("@snack-uikit/tooltip");
-const typography_1 = require("@snack-uikit/typography");
-const FieldSubmitButton_1 = require("../../helperComponents/FieldSubmitButton");
-const TextAreaActionsFooter_1 = require("../../helperComponents/TextAreaActionsFooter");
-const helpers_1 = require("../../helpers");
-const AIDisclaimer_1 = require("../AIDisclaimer/AIDisclaimer");
-const AlertButton_1 = require("./components/AlertButton");
-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, onCancelSecure, disabled, className } = _a, props = __rest(_a, ["secure", "onSubmit", "value", "onResetContextClick", "onCancelSecure", "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 [animatedValidationKey, setAnimatedValidationKey] = (0, react_1.useState)(null);
-    const timerRef = (0, react_1.useRef)(null);
-    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 showPasswordAlert = Boolean(onCancelSecure) && secure === 'password';
-    (0, react_1.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 ((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, isPasswordMode && styles_module_scss_1.default.passwordWrapper, className), children: [showPasswordAlert && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.alert, children: [(0, jsx_runtime_1.jsx)(uikit_product_icons_1.PasswordLockSVG, { size: 16, color: figma_tokens_1.themeVars.sys.neutral.textSupport }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: styles_module_scss_1.default.alertText, children: t('FieldAi.secret.alert.text') }), (0, jsx_runtime_1.jsx)(AlertButton_1.AlertButton, { label: t('FieldAi.secret.alert.button'), onClick: onCancelSecure })] })), (0, jsx_runtime_1.jsx)(WithPasswordValidation_1.WithPasswordValidation, { showValidation: isPasswordMode, passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedValidationKey, 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: (0, classnames_1.default)(styles_module_scss_1.default.textarea, 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: (0, classnames_1.default)(styles_module_scss_1.default.submitButton, 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/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/cjs/components/FieldAi/components/AlertButton/AlertButton.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertButton = AlertButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const typography_1 = require("@snack-uikit/typography");
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function AlertButton({ label, onClick }) {
-    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, className: styles_module_scss_1.default.button, children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansLabelM, { className: styles_module_scss_1.default.label, children: label }) }));
-}

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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AlertButton"), exports);

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

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckItem = CheckItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const uikit_product_icons_1 = require("@cloud-ru/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, animated = 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, "data-animated": animated, children: [(0, jsx_runtime_1.jsx)(uikit_product_icons_1.CheckSVG, { size: 16, 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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CheckItem"), exports);

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

@@ -1,31 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileFieldAi = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const uikit_product_locale_1 = require("@cloud-ru/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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MobileFieldAi"), exports);

package/dist/cjs/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%);
-}

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

@@ -1,7 +0,0 @@
-import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ValidationPassword, ValidationPasswordKey } from '../../utils';
-export type WithPasswordTooltipProps = WithLayoutType<{
-    passwordValidation: ValidationPassword;
-    animatedKey?: ValidationPasswordKey | null;
-}>;
-export declare function PasswordValidation({ passwordValidation, layoutType, animatedKey }: WithPasswordTooltipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordValidation = PasswordValidation;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const uikit_product_locale_1 = require("@cloud-ru/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, animatedKey }) {
-    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, animated: animatedKey === 'minLength' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'onlyLatin' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasLetterCases' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasNumber' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasSymbol' }), (0, jsx_runtime_1.jsx)(CheckItem_1.CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'noSpaces' })] }) }));
-}

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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PasswordValidation"), exports);

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

@@ -1,36 +0,0 @@
-.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);
-  padding:8px 16px;
-}
-.validationItemsContainer[data-layout-type=mobile] .validationList, .validationItemsContainer[data-layout-type=tablet] .validationList{
-  gap:2px;
-}

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

@@ -1,39 +0,0 @@
-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>>;