@cloud-ru/uikit-product-fields-predefined 2.4.6 → 2.4.8-preview-68cf2382.0

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

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

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

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

@@ -1,32 +0,0 @@
-.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);
-}

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

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ValidationPassword, ValidationPasswordKey } from '../../utils';
-export type WithPasswordTooltipProps = WithLayoutType<{
-    showValidation?: boolean;
-    children: ReactNode;
-    passwordValidation: ValidationPassword;
-    animatedKey?: ValidationPasswordKey | null;
-}>;
-export declare function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, animatedKey, }: WithPasswordTooltipProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;

package/dist/cjs/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.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.WithPasswordValidation = WithPasswordValidation;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_product_mobile_tooltip_1 = require("@cloud-ru/uikit-product-mobile-tooltip");
-const helpers_1 = require("../../../../helpers");
-const PasswordValidation_1 = require("../PasswordValidation");
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, animatedKey, }) {
-    if ((0, helpers_1.isTouchDevice)(layoutType)) {
-        if (showValidation) {
-            return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.validationContainer, children: [(0, jsx_runtime_1.jsx)(PasswordValidation_1.PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedKey }), children] }));
-        }
-        return children;
-    }
-    if (showValidation) {
-        return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.AdaptiveTooltip, { placement: 'left-end', layoutType: layoutType, tip: (0, jsx_runtime_1.jsx)(PasswordValidation_1.PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedKey }), offset: 8, children: children }));
-    }
-    return children;
-}

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

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

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

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

@@ -1,6 +0,0 @@
-.validationContainer{
-  display:flex;
-  flex-direction:column;
-  gap:8px;
-  background-color:var(--sys-neutral-background1-level, #fdfdfd);
-}

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

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

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

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

@@ -1,61 +0,0 @@
-.wrapper{
-  display:flex;
-  flex-direction:column;
-  gap:var(--dimension-050m, 4px);
-  position:relative;
-}
-
-.passwordWrapper{
-  gap:0;
-}
-
-.alert{
-  display:flex;
-  gap:8px;
-  padding:4px 8px;
-  border-radius:8px 8px 0 0;
-  border:1px solid var(--sys-blue-decor-activated, #aac4ea);
-  background-color:var(--sys-blue-decor-default, #d6e2f4);
-  box-sizing:border-box;
-  height:38px;
-  position:absolute;
-  left:0;
-  top:-26px;
-  width:100%;
-  color:var(--sys-neutral-text-main, #41424e);
-}
-
-.alertText{
-  flex:1;
-  min-width:0;
-  color:var(--sys-neutral-text-main, #41424e);
-}
-
-.secured textarea{
-  -webkit-text-security:disc;
-  text-security:disc;
-}
-
-.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%);
-}
-
-.submitButton:not([data-disabled]){
-  background:radial-gradient(229.88% 112% at 37.5% 77.08%, #26D07C 19.86%, #5FD7C2 50.73%, #7CB5F2 89.88%);
-}
-
-.textarea > :first-child[data-validation=default]:not([data-readonly]):not([data-disable-focus]):focus-within:not([data-disabled]){
-  border-color:transparent;
-  background:linear-gradient(var(--sys-neutral-background2-level), var(--sys-neutral-background2-level) 0) padding-box, radial-gradient(57.79% 100% at 50% 0%, #7cb5f2 38%, #5fd7c2 79%, #26d07c 90%) border-box;
-}

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

@@ -1,10 +0,0 @@
-export type ValidationPassword = {
-    onlyLatin: boolean;
-    minLength: boolean;
-    hasLetterCases: boolean;
-    hasNumber: boolean;
-    hasSymbol: boolean;
-    noSpaces: boolean;
-};
-export type ValidationPasswordKey = keyof ValidationPassword;
-export declare const getValidationPassword: (password?: string) => ValidationPassword;

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getValidationPassword = void 0;
-const MIN_PASSWORD_LENGTH = 8;
-const NUMBER_REGEX = /[0-9]/;
-const CAPITAL_REGEX = /\p{Lu}/u;
-const LOWER_REGEX = /\p{Ll}/u;
-const SYMBOLS_REGEX = /[\p{P}\p{S}]/u;
-const NO_SPACES = /^\S*$/u;
-const LATIN_REGEX = /^[a-zA-Z0-9\p{P}\p{S}]+$/u;
-const getValidationPassword = (password = '') => ({
-    onlyLatin: Boolean(password.match(LATIN_REGEX)),
-    minLength: password.length >= MIN_PASSWORD_LENGTH,
-    hasLetterCases: Boolean(password.match(CAPITAL_REGEX)) && Boolean(password.match(LOWER_REGEX)),
-    hasNumber: Boolean(password.match(NUMBER_REGEX)),
-    hasSymbol: Boolean(password.match(SYMBOLS_REGEX)),
-    noSpaces: Boolean(password.match(NO_SPACES)),
-});
-exports.getValidationPassword = getValidationPassword;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { useLocale } from '@cloud-ru/uikit-product-locale';
-import { isTouchDevice as isTouchDeviceHelper } from '../../../../helpers';
-import { CheckItem } from '../CheckItem';
-import styles from './styles.module.css';
-export function PasswordValidation({ passwordValidation, layoutType, animatedKey }) {
-    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, animated: animatedKey === 'minLength' }), _jsx(CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'onlyLatin' }), _jsx(CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasLetterCases' }), _jsx(CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasNumber' }), _jsx(CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasSymbol' }), _jsx(CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'noSpaces' })] }) }));
-}

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

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

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

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