@cloud-ru/uikit-product-claudia 1.6.2 → 1.6.4

package/dist/cjs/components/RecommendPannel/helperComponents/DropdownChip/DropdownChip.d.ts

@@ -0,0 +1,11 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { ChipProps, ChipType, Size } from '../../types';
+type DropdownChip = {
+    label: string;
+    type: ChipType;
+    size: Size;
+    layoutType?: LayoutType;
+    dropdownItems: ChipProps[];
+};
+export declare function DropdownChip({ size, layoutType, type, label, dropdownItems }: DropdownChip): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/RecommendPannel/helperComponents/DropdownChip/DropdownChip.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownChip = DropdownChip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const dropdown_1 = require("@snack-uikit/dropdown");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const typography_1 = require("@snack-uikit/typography");
+const hooks_1 = require("../../hooks");
+const types_1 = require("../../types");
+const Chip_1 = require("../Chip");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DropdownContent({ size, dropdownItems, closeDropdown, isMobile }) {
+    const isMobileChipSize = isMobile || size === types_1.SIZE.M;
+    const TypographyComponent = isMobileChipSize ? typography_1.Typography.SansBodyM : typography_1.Typography.SansBodyS;
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.dropdown, "data-mobile": isMobile || undefined, children: dropdownItems.map(item => ((0, jsx_runtime_1.jsx)("button", { "data-mobile": isMobileChipSize || undefined, className: styles_module_scss_1.default.dropdownItem, onClick: () => {
+                var _a;
+                closeDropdown();
+                (_a = item === null || item === void 0 ? void 0 : item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+            }, children: (0, jsx_runtime_1.jsx)(TypographyComponent, { children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { variant: 'end', placement: 'top', text: item.label, maxLines: 1 }) }) }, item.id))) }));
+}
+function DropdownChip({ size, layoutType, type, label, dropdownItems }) {
+    const [isDropdownOpen, setDropdownOpen] = (0, react_1.useState)(false);
+    const ref = (0, react_1.useRef)(null);
+    const isMobile = layoutType === uikit_product_utils_1.LAYOUT_TYPE.Mobile;
+    const openDropdown = () => setDropdownOpen(true);
+    const closeDropdown = () => setDropdownOpen(false);
+    (0, hooks_1.useOutsideClick)([ref], closeDropdown);
+    if (isMobile) {
+        return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.MobileDropdown, { open: isDropdownOpen, content: (0, jsx_runtime_1.jsx)(DropdownContent, { size: size, isMobile: isMobile, closeDropdown: closeDropdown, dropdownItems: dropdownItems }), children: (0, jsx_runtime_1.jsx)(Chip_1.Chip, { ref: ref, isVisible: true, className: styles_module_scss_1.default.dropdownChip, type: type, label: label, size: size, layoutType: layoutType, onClick: openDropdown }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { triggerRef: ref, open: isDropdownOpen, placement: 'bottom-end', content: (0, jsx_runtime_1.jsx)(DropdownContent, { size: size, isMobile: isMobile, closeDropdown: closeDropdown, dropdownItems: dropdownItems }), children: (0, jsx_runtime_1.jsx)(Chip_1.Chip, { isVisible: true, className: styles_module_scss_1.default.dropdownChip, type: type, label: label, size: size, layoutType: layoutType, onClick: openDropdown }) }));
+}

package/dist/cjs/components/RecommendPannel/helperComponents/DropdownChip/index.d.ts

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

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

package/dist/cjs/components/RecommendPannel/helperComponents/DropdownChip/styles.module.css

@@ -0,0 +1,49 @@
+.dropdown{
+  width:256px;
+  display:flex;
+  flex-direction:column;
+  border-radius:4px;
+  padding:4px 0px;
+  box-sizing:border-box;
+}
+.dropdown[data-mobile]{
+  width:100%;
+}
+
+.dropdownChip{
+  min-width:33px;
+}
+.dropdownChip[data-mobile]{
+  min-width:40px;
+}
+
+.dropdownItem{
+  width:100%;
+  height:32px;
+  display:flex;
+  justify-content:flex-start;
+  align-items:center;
+  cursor:pointer;
+  border:unset;
+  background-color:unset;
+  padding:4px 8px;
+  position:relative;
+}
+.dropdownItem[data-mobile]{
+  padding:8px 10px;
+  height:40px;
+}
+.dropdownItem:before{
+  pointer-events:none;
+  content:"";
+  position:absolute;
+  top:0;
+  left:0;
+  width:100%;
+  height:100%;
+  background-color:transparent;
+}
+.dropdownItem:hover::before{
+  background-color:var(--sys-neutral-accent-default, #787b8a);
+  opacity:0.08;
+}

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

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useOutsideClick: (ref: RefObject<HTMLElement>[], handler: () => void) => void;

package/dist/cjs/components/RecommendPannel/hooks/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOutsideClick = void 0;
+const react_1 = require("react");
+const useOutsideClick = (ref, handler) => {
+    (0, react_1.useEffect)(() => {
+        const handleClick = (event) => {
+            ref.forEach(ref => {
+                if (ref.current && event.target instanceof Element && !ref.current.contains(event.target)) {
+                    handler();
+                }
+            });
+        };
+        document.body.addEventListener('click', handleClick);
+        return () => document.body.removeEventListener('click', handleClick);
+    }, [ref, handler]);
+};
+exports.useOutsideClick = useOutsideClick;

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

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

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

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

@@ -0,0 +1,4 @@
+.container{
+  display:flex;
+  gap:8px;
+}

package/dist/cjs/components/RecommendPannel/types.d.ts

@@ -0,0 +1,16 @@
+import { ValueOf } from '@snack-uikit/utils';
+export declare const CHIP_TYPE: {
+    readonly Default: "default";
+    readonly Outline: "outline";
+};
+export type ChipType = ValueOf<typeof CHIP_TYPE>;
+export type ChipProps = {
+    id: string;
+    label: string;
+    onClick?: () => void;
+};
+export declare const SIZE: {
+    readonly S: "s";
+    readonly M: "m";
+};
+export type Size = ValueOf<typeof SIZE>;

package/dist/cjs/components/RecommendPannel/types.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIZE = exports.CHIP_TYPE = void 0;
+exports.CHIP_TYPE = {
+    Default: 'default',
+    Outline: 'outline',
+};
+exports.SIZE = {
+    S: 's',
+    M: 'm',
+};

package/dist/cjs/components/RecommendPannel/utils/gitVisibleChipsCount.d.ts

@@ -0,0 +1,10 @@
+import { ChipProps } from '../types';
+type GetVisibleChipsCountArgs = {
+    containerWidth: number;
+    chipWidths: number[];
+    chips: ChipProps[];
+    isSmall: boolean;
+    isCloseChipExist: boolean;
+};
+export declare const getVisibleChipsCount: ({ containerWidth, chipWidths, chips, isSmall, isCloseChipExist, }: GetVisibleChipsCountArgs) => number;
+export {};

package/dist/cjs/components/RecommendPannel/utils/gitVisibleChipsCount.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVisibleChipsCount = void 0;
+const GAP = 8;
+const getVisibleChipsCount = ({ containerWidth, chipWidths, chips, isSmall, isCloseChipExist, }) => {
+    if (containerWidth === 0 || chipWidths.length === 0) {
+        return chips.length;
+    }
+    const baseIcon = (isSmall ? 40 : 32) + GAP;
+    const closeIconWidth = isCloseChipExist ? baseIcon - GAP : 0;
+    let availableWidth = Math.round(containerWidth) - baseIcon - closeIconWidth;
+    let visibleCount = 0;
+    let isCounterChipExist = false;
+    let isCounterChipWidthSubstracted = false;
+    const chipsWidthWithGap = chipWidths.map(chip => Math.round(chip + GAP));
+    for (let i = 0; i < chipsWidthWithGap.length; i++) {
+        const chipWidth = chipsWidthWithGap[i];
+        if (availableWidth >= chipWidth) {
+            if (isCounterChipExist && !isCounterChipWidthSubstracted) {
+                availableWidth -= baseIcon;
+                isCounterChipWidthSubstracted = true;
+            }
+            availableWidth -= chipWidth;
+            visibleCount++;
+            if (visibleCount === chipsWidthWithGap.length) {
+                isCounterChipExist = false;
+                isCounterChipWidthSubstracted = false;
+            }
+            else {
+                isCounterChipExist = true;
+            }
+        }
+        else {
+            break;
+        }
+    }
+    return Math.max(1, visibleCount);
+};
+exports.getVisibleChipsCount = getVisibleChipsCount;

package/dist/cjs/components/SshField/SshField.d.ts

@@ -0,0 +1,12 @@
+import { FieldTextAreaProps } from '@sbercloud/uikit-product-mobile-fields';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+export type SshFieldProps = WithLayoutType<Omit<FieldTextAreaProps, 'placeholder' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'> & {
+    /** Колбек действия при отправке */
+    onSubmit(value: string): void;
+}>;
+export declare const SshField: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "label" | "size" | "placeholder" | "spellCheck" | "required" | "labelTooltip" | "footer"> & {
+    /** Колбек действия при отправке */
+    onSubmit(value: string): void;
+} & {
+    layoutType: import("@sbercloud/uikit-product-utils").LayoutType;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/SshField/SshField.js

@@ -0,0 +1,137 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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.SshField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
+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 drop_zone_1 = require("@snack-uikit/drop-zone");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const ChatStatusAnnouncement_1 = require("../ChatStatusAnnouncement");
+const MobileFieldAi_1 = require("./components/MobileFieldAi");
+const DropZoneContent_1 = require("./helperComponents/DropZoneContent");
+const FieldSubmitButton_1 = require("./helperComponents/FieldSubmitButton");
+const TextAreaActionsFooter_1 = require("./helperComponents/TextAreaActionsFooter");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const handleFileError_1 = require("./utils/handleFileError");
+const isTouchDevice_1 = require("./utils/isTouchDevice");
+const readFileContent_1 = require("./utils/readFileContent");
+const validateSSHKey_1 = require("./utils/validateSSHKey");
+exports.SshField = (0, react_1.forwardRef)((_a, ref) => {
+    var { onSubmit: handleSubmitProp, value, disabled, className } = _a, props = __rest(_a, ["onSubmit", "value", "disabled", "className"]);
+    const { layoutType, validationState, onChange } = props;
+    const { t } = (0, uikit_product_locale_1.useLocale)('Claudia');
+    const isTouchDevice = (0, isTouchDevice_1.isTouchDevice)(layoutType);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [isDragOver, setIsDragOver] = (0, react_1.useState)(false);
+    const [isValueHidden, setIsValueHidden] = (0, react_1.useState)(true);
+    const [fileErrorType, setFileErrorType] = (0, react_1.useState)(null);
+    const isValueValid = typeof value === 'string' && value.trim().length > 0;
+    const showFileError = Boolean(fileErrorType);
+    const getErrorMessage = (errorType) => {
+        switch (errorType) {
+            case 'EMPTY_FILE':
+                return t('SshField.errors.emptyFile');
+            case 'BINARY_DATA':
+                return t('SshField.errors.binaryData');
+            case 'INVALID_SSH_KEY':
+                return t('SshField.errors.invalidSSHKey');
+            case 'INVALID_EXTENSION':
+            case 'INVALID_MIME_TYPE':
+            case 'INVALID_FILE_TYPE':
+                return t('SshField.errors.invalidFileExtension');
+            case 'FILE_TOO_LARGE':
+                return t('SshField.errors.fileTooLarge');
+            case 'READ_ERROR':
+                return t('SshField.errors.readError');
+            case 'UNKNOWN_ERROR':
+            default:
+                return t('SshField.errors.unknownError');
+        }
+    };
+    const handleChange = (newValue) => {
+        if (fileErrorType) {
+            setFileErrorType(null);
+        }
+        if (onChange) {
+            onChange(newValue);
+        }
+    };
+    const handleDragOver = (event) => {
+        event.preventDefault();
+        setIsDragOver(true);
+    };
+    const handleDragLeave = (event) => {
+        event.preventDefault();
+        setIsDragOver(false);
+    };
+    const handleSubmit = () => {
+        if (isValueValid) {
+            handleSubmitProp(value);
+        }
+    };
+    const handleKeyDown = e => {
+        if (isTouchDevice) {
+            return;
+        }
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            if (!disabled) {
+                handleSubmit();
+            }
+            return;
+        }
+    };
+    const onFileUpload = (file) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsLoading(true);
+            setFileErrorType(null);
+            (0, validateSSHKey_1.validateFileType)(file);
+            (0, validateSSHKey_1.validateFileSize)(file);
+            const fileContent = yield (0, readFileContent_1.readFileContent)(file);
+            (0, validateSSHKey_1.validateSSHKeyContent)(fileContent);
+            if (onChange) {
+                onChange(fileContent);
+            }
+        }
+        catch (err) {
+            const errorType = (0, handleFileError_1.getFileErrorType)(err);
+            setFileErrorType(errorType);
+        }
+        finally {
+            setIsLoading(false);
+            setIsDragOver(false);
+        }
+    });
+    if (isTouchDevice) {
+        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), onDragOver: handleDragOver, onDragLeave: handleDragLeave, children: [(0, jsx_runtime_1.jsx)(ChatStatusAnnouncement_1.ChatStatusAnnouncement, { className: styles_module_scss_1.default.chatStatus, layoutType: layoutType, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.PasswordLockSVG, { size: 16, color: figma_tokens_cloud_platform_1.themeVars.sys.neutral.textSupport }), content: t('SshField.chatStatusAnnouncement.content'), actionLabel: t('SshField.chatStatusAnnouncement.cancel'), onActionClick: () => { } }), isDragOver ? ((0, jsx_runtime_1.jsx)(drop_zone_1.DropZone, { description: (0, jsx_runtime_1.jsx)(DropZoneContent_1.DropZoneContent, {}), className: styles_module_scss_1.default.dropZone, mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]) })) : ((0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, onChange: handleChange, size: 'm', disabled: isLoading, minRows: 2, maxRows: 4, placeholder: t('SshField.placeholder'), className: isValueHidden ? styles_module_scss_1.default.secured : undefined, onKeyDown: handleKeyDown, validationState: showFileError ? 'error' : validationState, hint: showFileError && fileErrorType ? getErrorMessage(fileErrorType) : props.hint, footer: (0, jsx_runtime_1.jsx)(TextAreaActionsFooter_1.TextAreaActionsFooter, { left: (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), disabled: isLoading }), right: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles_module_scss_1.default.uploadTooltip, open: isTouchDevice ? false : undefined, children: (0, jsx_runtime_1.jsx)(drop_zone_1.FileUpload, { mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]), children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { disabled: isLoading, size: isTouchDevice ? 's' : 'xs', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.AttachmentSVG, {}) }) }) }), (0, jsx_runtime_1.jsx)(FieldSubmitButton_1.FieldSubmitButton, { disabled: isLoading, showTooltip: !isTouchDevice, className: isTouchDevice ? styles_module_scss_1.default.mobileSubmitButton : undefined, active: isValueValid && !disabled, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })))] }));
+});

package/dist/cjs/components/SshField/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, "label" | "size" | "placeholder" | "spellCheck" | "required" | "labelTooltip" | "footer"> & {
+    onSubmit(): void;
+    submitEnabled: boolean;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/SshField/components/MobileFieldAi/MobileFieldAi.js

@@ -0,0 +1,35 @@
+"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_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const drop_zone_1 = require("@snack-uikit/drop-zone");
+const scroll_1 = require("@snack-uikit/scroll");
+const tooltip_1 = require("@snack-uikit/tooltip");
+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.jsxs)("div", { className: styles_module_scss_1.default.mobileSubmitButtonWrapper, children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { disableSpanWrapper: true, tip: t('FieldChat.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles_module_scss_1.default.uploadTooltip, children: (0, jsx_runtime_1.jsx)(drop_zone_1.FileUpload, { mode: 'multiple', onFilesUpload: () => { }, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 's', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.AttachmentSVG, {}) }) }) }), (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/SshField/components/MobileFieldAi/index.d.ts

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

package/dist/cjs/components/SshField/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/SshField/components/MobileFieldAi/styles.module.css

@@ -0,0 +1,86 @@
+.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{
+  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/SshField/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/SshField/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/SshField/components/TextArea/index.d.ts

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