@cloud-ru/ds-uikit-product-fields-predefined 1.0.0

package/dist/cjs/locale/index.js

@@ -0,0 +1,429 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fieldsPredefinedLocale = void 0;
+const locale_1 = require("@cloud-ru/ds-locale");
+/**
+ * Строки `@cloud-ru/ds-uikit-product-fields-predefined` (namespace `@cloud-ru/ds-uikit-product-fields-predefined`).
+ * Словарь приватный: наружу отдаются только `fieldsPredefinedLocale` и тип `FieldsPredefinedMessages`.
+ * `defineMessages` требует одинаковый набор ключей во всех языках: забыл ключ в одном — ошибка компиляции.
+ */
+const FIELDS_PREDEFINED_MESSAGES = (0, locale_1.defineMessages)({
+    'en-GB': {
+        FieldDescription: {
+            addButton: 'Add description',
+            optional: 'Optional',
+            label: 'Description',
+            placeholder: 'Enter description',
+            maxSymbols: 'Maximum 255 characters',
+            required: 'Required field',
+        },
+        FieldName: {
+            label: 'Name',
+            placeholder: 'Enter name',
+            maxSymbols: '2-64 characters',
+            required: 'Required field',
+            wrongSymbols: 'Only Latin characters, numbers, hyphens, and underscores',
+            errorDuplicate: 'This name already exists',
+        },
+        FieldPhone: {
+            russia: 'Russia',
+            abkhazia: 'Abkhazia',
+            australia: 'Australia',
+            austria: 'Austria',
+            azerbaijan: 'Azerbaijan',
+            albania: 'Albania',
+            algeria: 'Algeria',
+            angola: 'Angola',
+            andorra: 'Andorra',
+            antiguaAndBarbuda: 'Antigua and Barbuda',
+            argentina: 'Argentina',
+            armenia: 'Armenia',
+            bahamas: 'Bahamas',
+            bangladesh: 'Bangladesh',
+            barbados: 'Barbados',
+            bahrain: 'Bahrain',
+            belarus: 'Belarus',
+            belize: 'Belize',
+            belgium: 'Belgium',
+            bosniaAndHerzegovina: 'Bosnia and Herzegovina',
+            botswana: 'Botswana',
+            brazil: 'Brazil',
+            bhutan: 'Bhutan',
+            vanuatu: 'Vanuatu',
+            hungary: 'Hungary',
+            guyana: 'Guyana',
+            guatemala: 'Guatemala',
+            germany: 'Germany',
+            guernsey: 'Guernsey',
+            gibraltar: 'Gibraltar',
+            honduras: 'Honduras',
+            greece: 'Greece',
+            georgia: 'Georgia',
+            denmark: 'Denmark',
+            djibouti: 'Djibouti',
+            dominicanRepublic: 'Dominican Republic',
+            egypt: 'Egypt',
+            zimbabwe: 'Zimbabwe',
+            israel: 'Israel',
+            india: 'India',
+            iraq: 'Iraq',
+            iran: 'Iran',
+            ireland: 'Ireland',
+            iceland: 'Iceland',
+            spain: 'Spain',
+            italy: 'Italy',
+            kazakhstan: 'Kazakhstan',
+            caymanIslands: 'Cayman Islands',
+            cyprus: 'Cyprus',
+            kiribati: 'Kiribati',
+            colombia: 'Colombia',
+            kosovo: 'Kosovo',
+            kyrgyzstan: 'Kyrgyzstan',
+            latvia: 'Latvia',
+            lesotho: 'Lesotho',
+            lebanon: 'Lebanon',
+            lithuania: 'Lithuania',
+            liechtenstein: 'Liechtenstein',
+            luxembourg: 'Luxembourg',
+            mauritius: 'Mauritius',
+            mauritania: 'Mauritania',
+            madagascar: 'Madagascar',
+            mayotte: 'Mayotte',
+            mali: 'Mali',
+            maldives: 'Maldives',
+            malta: 'Malta',
+            morocco: 'Morocco',
+            mozambique: 'Mozambique',
+            moldova: 'Moldova',
+            monaco: 'Monaco',
+            myanmar: 'Myanmar',
+            namibia: 'Namibia',
+            niger: 'Niger',
+            netherlands: 'Netherlands',
+            newZealand: 'New Zealand',
+            newCaledonia: 'New Caledonia',
+            unitedArabEmirates: 'United Arab Emirates',
+            oman: 'Oman',
+            isleOfMan: 'Isle of Man',
+            norfolkIsland: 'Norfolk Island',
+            wallisAndFutunaIslands: 'Wallis and Futuna Islands',
+            peru: 'Peru',
+            poland: 'Poland',
+            portugal: 'Portugal',
+            transnistria: 'Transnistria',
+            romania: 'Romania',
+            sanMarino: 'San Marino',
+            saoTomeAndPrincipe: 'Sao Tome and Principe',
+            saudiArabia: 'Saudi Arabia',
+            northMacedonia: 'North Macedonia',
+            saintPierreAndMiquelon: 'Saint Pierre and Miquelon',
+            serbia: 'Serbia',
+            singapore: 'Singapore',
+            sintMaarten: 'Sint Maarten',
+            syria: 'Syria',
+            slovakia: 'Slovakia',
+            somaliland: 'Somaliland',
+            suriname: 'Suriname',
+            sierraLeone: 'Sierra Leone',
+            tajikistan: 'Tajikistan',
+            tonga: 'Tonga',
+            tuvalu: 'Tuvalu',
+            turkmenistan: 'Turkmenistan',
+            turkey: 'Turkey',
+            uzbekistan: 'Uzbekistan',
+            ukraine: 'Ukraine',
+            uruguay: 'Uruguay',
+            fiji: 'Fiji',
+            finland: 'Finland',
+            france: 'France',
+            frenchPolynesia: 'French Polynesia',
+            croatia: 'Croatia',
+            centralAfricanRepublic: 'Central African Republic',
+            montenegro: 'Montenegro',
+            switzerland: 'Switzerland',
+            estonia: 'Estonia',
+            ethiopia: 'Ethiopia',
+            southAfrica: 'South Africa',
+            southKorea: 'South Korea',
+            southSudan: 'South Sudan',
+            japan: 'Japan',
+            indonesia: 'Indonesia',
+            taiwan: 'Taiwan',
+            nigeria: 'Nigeria',
+            benin: 'Benin',
+            cameroon: 'Cameroon',
+            ghana: 'Ghana',
+            rwanda: 'Rwanda',
+            zambia: 'Zambia',
+            coteDIvoire: "Côte d'Ivoire",
+            uganda: 'Uganda',
+            congo: 'Republic of the Congo',
+            guinea: 'Guinea',
+            sudan: 'Sudan',
+            kenya: 'Kenya',
+            jordan: 'Jordan',
+            libya: 'Libya',
+            sweden: 'Sweden',
+            chad: 'Chad',
+            norway: 'Norway',
+            hongKong: 'Hong Kong',
+            costaRica: 'Costa Rica',
+            chile: 'Chile',
+            ecuador: 'Ecuador',
+            malaysia: 'Malaysia',
+            paraguay: 'Paraguay',
+            yemen: 'Yemen',
+            haiti: 'Haiti',
+            nicaragua: 'Nicaragua',
+            senegal: 'Senegal',
+            venezuela: 'Venezuela',
+            afghanistan: 'Afghanistan',
+            sriLanka: 'Sri Lanka',
+            vietnam: 'Vietnam',
+            thailand: 'Thailand',
+            tanzania: 'Tanzania',
+            qatar: 'Qatar',
+            palestine: 'Palestine',
+            cambodia: 'Cambodia',
+        },
+        FieldChat: {
+            placeholder: 'New message',
+            attachFileTooltip: 'Attach file',
+        },
+        FieldCode: {
+            required: 'Required field',
+            minLength: 'At least {{count}} characters',
+            invalidCode: 'Invalid code',
+            resendCodeButtons: {
+                resendCode: 'Get a new code',
+                resendCodeWithVia: 'Get a new code in {{timer}}',
+            },
+        },
+        FieldAi: {
+            submit: {
+                tooltip: 'Send',
+            },
+        },
+        FieldSelectCreate: {
+            placeholder: 'Not selected',
+            create: 'Create',
+            cancel: 'Cancel',
+            refetch: 'Refresh',
+            noData: 'not found',
+            noResult: 'not found',
+            changeRequest: 'Change the query or create',
+            loadError: 'Failed to load',
+            noPermission: 'Not available for your role',
+        },
+    },
+    'ru-RU': {
+        FieldDescription: {
+            addButton: 'Добавить описание',
+            optional: 'Опционально',
+            label: 'Описание',
+            placeholder: 'Введите описание',
+            maxSymbols: 'Не более {{max}} символов',
+            required: 'Обязательное поле',
+        },
+        FieldName: {
+            label: 'Название',
+            placeholder: 'Введите название',
+            maxSymbols: '2-{{max}} символа',
+            required: 'Обязательное поле',
+            wrongSymbols: 'Только латиница, цифры, дефисы и подчёркивания',
+            errorDuplicate: 'Такое название уже существует',
+        },
+        FieldPhone: {
+            russia: 'Россия',
+            abkhazia: 'Абхазия',
+            australia: 'Австралия',
+            austria: 'Австрия',
+            azerbaijan: 'Азербайджан',
+            albania: 'Албания',
+            algeria: 'Алжир',
+            angola: 'Ангола',
+            andorra: 'Андорра',
+            antiguaAndBarbuda: 'Антигуа и Барбуда',
+            argentina: 'Аргентина',
+            armenia: 'Армения',
+            bahamas: 'Багамcкие острова',
+            bangladesh: 'Бангладеш',
+            barbados: 'Барбадос',
+            bahrain: 'Бахрейн',
+            belarus: 'Беларусь',
+            belize: 'Белиз',
+            belgium: 'Бельгия',
+            bosniaAndHerzegovina: 'Босния и Герцеговина',
+            botswana: 'Ботсвана',
+            brazil: 'Бразилия',
+            bhutan: 'Бутан',
+            vanuatu: 'Вануату',
+            hungary: 'Венгрия',
+            guyana: 'Гайана',
+            guatemala: 'Гватемала',
+            germany: 'Германия',
+            guernsey: 'Гернси',
+            gibraltar: 'Гибралтар',
+            honduras: 'Гондурас',
+            greece: 'Греция',
+            georgia: 'Грузия',
+            denmark: 'Дания',
+            djibouti: 'Джибути',
+            dominicanRepublic: 'Доминиканская Республика',
+            egypt: 'Египет',
+            zimbabwe: 'Зимбабве',
+            israel: 'Израиль',
+            india: 'Индия',
+            iraq: 'Ирак',
+            iran: 'Иран',
+            ireland: 'Ирландия',
+            iceland: 'Исландия',
+            spain: 'Испания',
+            italy: 'Италия',
+            kazakhstan: 'Казахстан',
+            caymanIslands: 'Каймановы острова',
+            cyprus: 'Кипр',
+            kiribati: 'Кирибати',
+            colombia: 'Колумбия',
+            kosovo: 'Косово',
+            kyrgyzstan: 'Кыргызстан',
+            latvia: 'Латвия',
+            lesotho: 'Лесото',
+            lebanon: 'Ливан',
+            lithuania: 'Литва',
+            liechtenstein: 'Лихтенштейн',
+            luxembourg: 'Люксембург',
+            mauritius: 'Маврикий',
+            mauritania: 'Мавритания',
+            madagascar: 'Мадагаскар',
+            mayotte: 'Майотта',
+            mali: 'Мали',
+            maldives: 'Мальдивы',
+            malta: 'Мальта',
+            morocco: 'Марокко',
+            mozambique: 'Мозамбик',
+            moldova: 'Молдавия',
+            monaco: 'Монако',
+            myanmar: 'Мьянма',
+            namibia: 'Намибия',
+            niger: 'Нигер',
+            netherlands: 'Нидерланды',
+            newZealand: 'Новая Зеландия',
+            newCaledonia: 'Новая Каледония',
+            unitedArabEmirates: 'ОАЭ',
+            oman: 'Оман',
+            isleOfMan: 'Остров Мэн',
+            norfolkIsland: 'Остров Норфолк',
+            wallisAndFutunaIslands: 'Острова Уоллис и Футуна',
+            peru: 'Перу',
+            poland: 'Польша',
+            portugal: 'Португалия',
+            transnistria: 'Приднестровье',
+            romania: 'Румыния',
+            sanMarino: 'Сан-Марино',
+            saoTomeAndPrincipe: 'Сан-Томе и Принсипи',
+            saudiArabia: 'Саудовская Аравия',
+            northMacedonia: 'Северная Македония',
+            saintPierreAndMiquelon: 'Сен-Пьер и Микелон',
+            serbia: 'Сербия',
+            singapore: 'Сингапур',
+            sintMaarten: 'Синт-Мартен',
+            syria: 'Сирия',
+            slovakia: 'Словакия',
+            somaliland: 'Сомалиленд',
+            suriname: 'Суринам',
+            sierraLeone: 'Сьерра-Леоне',
+            tajikistan: 'Таджикистан',
+            tonga: 'Тонга',
+            tuvalu: 'Тувалу',
+            turkmenistan: 'Туркменистан',
+            turkey: 'Турция',
+            uzbekistan: 'Узбекистан',
+            ukraine: 'Украина',
+            uruguay: 'Уругвай',
+            fiji: 'Фиджи',
+            finland: 'Финляндия',
+            france: 'Франция',
+            frenchPolynesia: 'Французская Полинезия',
+            croatia: 'Хорватия',
+            centralAfricanRepublic: 'Центральноафриканская Республика',
+            montenegro: 'Черногория',
+            switzerland: 'Швейцария',
+            estonia: 'Эстония',
+            ethiopia: 'Эфиопия',
+            southAfrica: 'ЮАР',
+            southKorea: 'Южная Корея',
+            southSudan: 'Южный Судан',
+            japan: 'Япония',
+            indonesia: 'Индонезия',
+            taiwan: 'Тайвань',
+            nigeria: 'Нигерия',
+            benin: 'Бенин',
+            cameroon: 'Камерун',
+            ghana: 'Гана',
+            rwanda: 'Руанда',
+            zambia: 'Замбия',
+            coteDIvoire: 'Кот-д’Ивуар',
+            uganda: 'Уганда',
+            congo: 'Республика Конго',
+            guinea: 'Гвинея',
+            sudan: 'Судан',
+            kenya: 'Кения',
+            jordan: 'Иордания',
+            libya: 'Ливия',
+            sweden: 'Швеция',
+            chad: 'Чад',
+            norway: 'Норвегия',
+            hongKong: 'Гонконг',
+            costaRica: 'Коста Рика',
+            chile: 'Чили',
+            ecuador: 'Эквадор',
+            malaysia: 'Малайзия',
+            paraguay: 'Парагвай',
+            yemen: 'Йемен',
+            haiti: 'Гаити',
+            nicaragua: 'Никарагуа',
+            senegal: 'Сенегал',
+            venezuela: 'Венесуэла',
+            afghanistan: 'Афганистан',
+            sriLanka: 'Шри-Ланка',
+            vietnam: 'Вьетнам',
+            thailand: 'Таиланд',
+            tanzania: 'Танзания',
+            qatar: 'Катар',
+            palestine: 'Палестина',
+            cambodia: 'Камбоджа',
+        },
+        FieldChat: {
+            placeholder: 'Новое сообщение',
+            attachFileTooltip: 'Прикрепить файл',
+        },
+        FieldCode: {
+            required: 'Обязательное поле',
+            minLength: 'Не менее {{count}} символов',
+            invalidCode: 'Неверный код',
+            resendCodeButtons: {
+                resendCode: 'Получить новый код',
+                resendCodeWithVia: 'Получить новый код через {{timer}}',
+            },
+        },
+        FieldAi: {
+            submit: {
+                tooltip: 'Отправить',
+            },
+        },
+        FieldSelectCreate: {
+            placeholder: 'Не выбрано',
+            create: 'Создать',
+            cancel: 'Отмена',
+            refetch: 'Обновить',
+            noData: 'не обнаружены',
+            noResult: 'не найдены',
+            changeRequest: 'Измените запрос или создайте',
+            loadError: 'Не удалось загрузить',
+            noPermission: 'Недоступно для вашей роли',
+        },
+    },
+});
+/** Локаль пакета: `fieldsPredefinedLocale.useTranslations()` в коде, `fieldsPredefinedLocale.extend(...)` в сервисе. */
+exports.fieldsPredefinedLocale = (0, locale_1.defineLocale)('@cloud-ru/ds-uikit-product-fields-predefined', FIELDS_PREDEFINED_MESSAGES);

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/cjs/style.css

@@ -0,0 +1,136 @@
+.attachmentsScroll{
+  min-width:0;
+}
+
+.attachments{
+  display:flex;
+  gap:var(--sn-primitive-dimension-8, 8px);
+  padding:var(--sn-primitive-dimension-1, 1px) 0;
+}
+.attachments > *{
+  flex-shrink:0;
+}
+.tooltipTrigger{
+  display:flex;
+}
+.actionsFooter{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  justify-content:space-between;
+  width:100%;
+  padding-bottom:var(--sn-primitive-dimension-8, 8px);
+}
+
+.actionsLeft{
+  display:flex;
+  flex-direction:row;
+  gap:var(--sn-primitive-dimension-8, 8px);
+  align-items:center;
+}
+
+.actionsRight{
+  display:flex;
+  flex-direction:row;
+  gap:var(--sn-primitive-dimension-8, 8px);
+  align-items:center;
+  justify-content:flex-end;
+  width:100%;
+  padding-right:var(--sn-primitive-dimension-8, 8px);
+}
+.fieldChat{
+  display:flex;
+  flex-direction:column;
+  gap:var(--sn-primitive-dimension-12, 12px);
+  width:100%;
+  min-width:0;
+}
+.fieldChat[data-layout-type=mobile]{
+  gap:var(--sn-primitive-dimension-8, 8px);
+}
+
+.uploadTooltip{
+  display:flex;
+}
+.cell{
+  flex-shrink:0;
+}
+.cell input{
+  text-align:center;
+}
+.cell[data-size=s]:not(.stretch){
+  width:var(--sn-primitive-dimension-32, 32px);
+}
+.cell[data-size=m]:not(.stretch){
+  width:var(--sn-primitive-dimension-40, 40px);
+}
+.cell[data-size=l]:not(.stretch){
+  width:var(--sn-primitive-dimension-52, 52px);
+}
+.cell.stretch{
+  flex:1 1 0;
+  min-width:0;
+}
+.fieldCode{
+  display:flex;
+  flex-direction:column;
+  gap:var(--sn-primitive-dimension-8, 8px);
+  align-items:center;
+}
+.fieldCode[data-stretch-cells]{
+  align-items:stretch;
+  width:100%;
+}
+
+.fieldCodeScrollable{
+  overflow-x:auto;
+}
+
+.fieldDecorator{
+  width:unset;
+}
+
+.codeContainer{
+  display:flex;
+  justify-content:safe center;
+}
+.codeContainer[data-stretch-cells]{
+  width:100%;
+}
+.codeContainer[data-size=s]{
+  gap:var(--sn-primitive-dimension-8, 8px);
+}
+.codeContainer[data-size=m]{
+  gap:var(--sn-primitive-dimension-8, 8px);
+}
+.codeContainer[data-size=l]{
+  gap:var(--sn-primitive-dimension-12, 12px);
+}
+
+.cellSpacing[data-size=s]{
+  margin-right:var(--sn-primitive-dimension-8, 8px);
+}
+.cellSpacing[data-size=m]{
+  margin-right:var(--sn-primitive-dimension-8, 8px);
+}
+.cellSpacing[data-size=l]{
+  margin-right:var(--sn-primitive-dimension-12, 12px);
+}
+.fieldPhone input[data-empty]{
+  color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
+}
+.footerWrapper{
+  display:flex;
+  align-items:center;
+  padding-top:var(--sn-primitive-dimension-4, 4px);
+  border-top:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
+}
+.fieldSelectCreate{
+  display:flex;
+  flex-direction:column;
+  gap:var(--sn-primitive-dimension-8, 8px);
+}
+
+.createButton{
+  align-self:flex-start;
+}

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

@@ -0,0 +1,7 @@
+import { FieldChatProps } from './types.js';
+/**
+ * Поле чата: многострочный ввод с прикреплением файлов и кнопкой отправки.
+ * Enter — отправка, Shift+Enter — перенос строки. Прикреплённые файлы на mobile
+ * показываются над полем, на desktop — под полем.
+ */
+export declare function FieldChat({ handleSubmit: handleSubmitProp, value, attachment, autoFocus, ...props }: FieldChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/FieldChat/FieldChat.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isMobileLayout, useAdaptiveLayout } from '@cloud-ru/ds-adaptive';
+import { APPEARANCE, Button, VIEW } from '@cloud-ru/ds-button';
+import { FileUpload, UPLOAD_MODE } from '@cloud-ru/ds-dropzone';
+import { FieldTextArea } from '@cloud-ru/ds-fields';
+import { AttachmentSVG } from '@cloud-ru/ds-icons/interface/product';
+import { Tooltip } from '@cloud-ru/ds-tooltip';
+import { useMemo } from 'react';
+import { TEST_IDS } from '../../constants.js';
+import { fieldsPredefinedLocale } from '../../locale/index.js';
+import { Attachments } from './components/Attachments/index.js';
+import { FieldSubmitButton } from './components/FieldSubmitButton/index.js';
+import { TextAreaActionsFooter } from './components/TextAreaActionsFooter/index.js';
+import styles from './styles.module.css';
+/**
+ * Поле чата: многострочный ввод с прикреплением файлов и кнопкой отправки.
+ * Enter — отправка, Shift+Enter — перенос строки. Прикреплённые файлы на mobile
+ * показываются над полем, на desktop — под полем.
+ */
+export function FieldChat({ handleSubmit: handleSubmitProp, value, attachment, autoFocus, ...props }) {
+    const { t } = fieldsPredefinedLocale.useTranslations();
+    const { layoutType } = useAdaptiveLayout();
+    const isMobile = isMobileLayout(layoutType);
+    // disabled/readonly уходят в FieldTextArea через ...props, но футер-действия (скрепка, отправка)
+    // их не наследуют — гасим их явно, иначе прикрепление/отправка остаются кликабельны в disabled-поле.
+    const isInactive = Boolean(props.disabled || props.readonly);
+    const files = useMemo(() => attachment?.files?.map(file => ({
+        file,
+        onDelete: attachment?.onFileDelete,
+    })) ?? [], [attachment?.files, attachment?.onFileDelete]);
+    const isValueValid = (typeof value === 'string' && value.trim().length > 0) || files.length > 0;
+    const handleSubmit = () => {
+        if (isValueValid) {
+            handleSubmitProp(value ?? '');
+        }
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            handleSubmit();
+        }
+    };
+    return (_jsxs("div", { className: styles.fieldChat, "data-layout-type": layoutType, children: [isMobile && _jsx(Attachments, { files: files, isMobile: isMobile }), _jsx(FieldTextArea, { ...props, autoFocus: autoFocus, value: value, size: 'm', minRows: 1, maxRows: 4, showCopyButton: false, placeholder: t('FieldChat.placeholder'), onKeyDown: handleKeyDown, footer: _jsx(TextAreaActionsFooter, { right: _jsxs(_Fragment, { children: [attachment && (_jsx(Tooltip, { tip: t('FieldChat.attachFileTooltip'), hoverDelayOpen: 600, open: isInactive ? false : undefined, triggerClassName: styles.uploadTooltip, children: _jsx(FileUpload, { mode: UPLOAD_MODE.Multiple, onFilesUpload: attachment.onFilesUpload, accept: attachment.accept, children: _jsx(Button, { view: VIEW.Function, appearance: APPEARANCE.Neutral, size: 's', icon: _jsx(AttachmentSVG, {}), disabled: isInactive, "data-test-id": TEST_IDS.fieldChatUpload }) }) })), _jsx(FieldSubmitButton, { active: isValueValid && !isInactive, handleClick: handleSubmit, "data-test-id": TEST_IDS.fieldChatSubmit })] }) }) }), !isMobile && _jsx(Attachments, { files: files })] }));
+}

package/dist/esm/components/FieldChat/components/Attachments/Attachments.d.ts

@@ -0,0 +1,8 @@
+import { AttachmentSquareProps } from '@cloud-ru/ds-attachment';
+export type AttachmentsProps = {
+    /** Прикреплённые файлы */
+    files: AttachmentSquareProps[];
+    /** Мобильная раскладка: карточки `Attachment` вместо квадратных `AttachmentSquare`, той же строкой под скролл. */
+    isMobile?: boolean;
+};
+export declare function Attachments({ files, isMobile }: AttachmentsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/FieldChat/components/Attachments/Attachments.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Attachment, AttachmentSquare } from '@cloud-ru/ds-attachment';
+import { Scroll } from '@cloud-ru/ds-scroll';
+import styles from './styles.module.css';
+export function Attachments({ files, isMobile }) {
+    if (!files.length) {
+        return null;
+    }
+    return (_jsx(Scroll, { className: styles.attachmentsScroll, children: _jsx("div", { className: styles.attachments, children: files.map((file, index) => isMobile ? (_jsx(Attachment, { size: 's', ...file }, file.file?.name || index)) : (_jsx(AttachmentSquare, { size: 's', ...file }, file.file?.name || index))) }) }));
+}

package/dist/esm/components/FieldChat/components/Attachments/index.d.ts

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

package/dist/esm/components/FieldChat/components/Attachments/index.js

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

package/dist/esm/components/FieldChat/components/Attachments/styles.module.css

@@ -0,0 +1,12 @@
+.attachmentsScroll{
+  min-width:0;
+}
+
+.attachments{
+  display:flex;
+  gap:var(--sn-primitive-dimension-8, 8px);
+  padding:var(--sn-primitive-dimension-1, 1px) 0;
+}
+.attachments > *{
+  flex-shrink:0;
+}