@hh.ru/magritte-ui-chat-input 1.2.2 → 1.2.4

package/public/ChatInputFile.js

@@ -5,70 +5,130 @@ import classNames from 'classnames';
 import { useTranslation } from '@hh.ru/magritte-common-use-translation';
 import { Cell, CellText } from '@hh.ru/magritte-ui-cell';
 import { useObjectUrl } from '../internal/useObjectUrl.js';
-import { CheckCircleOutlinedSize16, ExclamationTriangleOutlinedSize16, ImageOutlinedSize24, CrossOutlinedSize16, VideocameraOutlinedSize24, DocumentOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
+import { CrossOutlinedSize16, CheckCircleOutlinedSize16, ExclamationTriangleOutlinedSize16, ImageOutlinedSize24, VideocameraOutlinedSize24, DocumentOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';
 import { Loader } from '@hh.ru/magritte-ui-loader';
 import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-CHMi0EYL.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 
 const splitFileName = (name) => {
-    const dotIndex = name.lastIndexOf('.');
-    // точка в начале (.gitignore) или в конце (file.) — расширения нет, имя целиком
-    if (dotIndex <= 0 || dotIndex === name.length - 1) {
-        return { base: name, extension: '' };
-    }
-    return { base: name.slice(0, dotIndex), extension: name.slice(dotIndex) };
+  const dotIndex = name.lastIndexOf(".");
+  if (dotIndex <= 0 || dotIndex === name.length - 1) {
+    return { base: name, extension: "" };
+  }
+  return { base: name.slice(0, dotIndex), extension: name.slice(dotIndex) };
 };
 const FileName = ({ name }) => {
-    if (typeof name !== 'string') {
-        return jsx(Fragment, { children: name });
-    }
-    const { base, extension } = splitFileName(name);
-    // основа сжимается с многоточием, расширение не сжимается; типографику даёт CellText.
-    // имя без расширения обрезается так же, целиком
-    return (jsxs("span", { className: styles.fileName, children: [jsx("span", { className: styles.fileNameBase, children: base }), extension && jsx("span", { className: styles.fileNameExtension, children: extension })] }));
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  const { base, extension } = splitFileName(name);
+  return /* @__PURE__ */ jsxs("span", { className: styles.fileName, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.fileNameBase, children: base }),
+    extension && /* @__PURE__ */ jsx("span", { className: styles.fileNameExtension, children: extension })
+  ] });
 };
 const STATUS_ICON = {
-    loading: jsx(Loader, { size: 16 }),
-    loaded: jsx(CheckCircleOutlinedSize16, { initialColor: "positive" }),
-    invalid: jsx(ExclamationTriangleOutlinedSize16, { initialColor: "negative" }),
+  loading: /* @__PURE__ */ jsx(Loader, { size: 16 }),
+  loaded: /* @__PURE__ */ jsx(CheckCircleOutlinedSize16, { initialColor: "positive" }),
+  invalid: /* @__PURE__ */ jsx(ExclamationTriangleOutlinedSize16, { initialColor: "negative" })
 };
-const LINK_DEFAULT_PROPS = { typography: 'label-3-regular', inline: true };
-// строку оформляет CellText, а Text, переданный пользователем в name/description, получает те же дефолты.
-// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя
-const NAME_TEXT_PROPS = { typography: 'label-3-regular', style: 'primary', ellipsis: true };
-const DESCRIPTION_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true };
-/** Приложенный к сообщению файл */
-const ChatInputFile = forwardRef(({ 'data-qa': dataQa = 'chat-input-file', description, name, onRemove, preview, previewAlt, removeButtonProps, state = 'loaded', type = 'doc', ...props }, ref) => {
-    const removeLabel = useTranslation('ChatInput', 'removeFile');
-    const isImage = type === 'image';
-    // object URL создаём только для плитки картинки — карточкам он не нужен
-    const previewSrc = useObjectUrl(isImage ? preview : undefined);
-    // битая картинка — показываем заглушку; сбрасывается сменой src или уходом из loaded,
-    // чтобы тот же url (например, ещё не готовое серверное превью) загрузился повторно
+const LINK_DEFAULT_PROPS = { typography: "label-3-regular", inline: true };
+const NAME_TEXT_PROPS = { typography: "label-3-regular", style: "primary", ellipsis: true };
+const DESCRIPTION_TEXT_PROPS = { typography: "label-3-regular", style: "secondary", ellipsis: true };
+const ChatInputFile = forwardRef(
+  ({
+    "data-qa": dataQa = "chat-input-file",
+    description,
+    name,
+    onRemove,
+    preview,
+    previewAlt,
+    removeButtonProps,
+    state = "loaded",
+    type = "doc",
+    ...props
+  }, ref) => {
+    const removeLabel = useTranslation("ChatInput", "removeFile");
+    const isImage = type === "image";
+    const previewSrc = useObjectUrl(isImage ? preview : void 0);
     const [failedSrc, setFailedSrc] = useState();
-    if (state !== 'loaded' && failedSrc !== undefined) {
-        setFailedSrc(undefined);
+    if (state !== "loaded" && failedSrc !== void 0) {
+      setFailedSrc(void 0);
     }
     let content;
     if (isImage) {
-        const showPreview = state === 'loaded' && !!previewSrc && previewSrc !== failedSrc;
-        let placeholder = null;
-        if (state === 'loading') {
-            placeholder = jsx(Loader, { size: 24 });
+      const showPreview = state === "loaded" && !!previewSrc && previewSrc !== failedSrc;
+      let placeholder = null;
+      if (state === "loading") {
+        placeholder = /* @__PURE__ */ jsx(Loader, { size: 24 });
+      } else if (!showPreview) {
+        placeholder = /* @__PURE__ */ jsx(ImageOutlinedSize24, { initialColor: "tertiary" });
+      }
+      content = /* @__PURE__ */ jsx("div", { className: classNames(styles.fileTile, { [styles.fileTilePlaceholder]: !showPreview }), children: showPreview ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: styles.fileTileImage,
+          src: previewSrc,
+          alt: previewAlt ?? (typeof name === "string" ? name : ""),
+          onError: () => setFailedSrc(previewSrc)
         }
-        else if (!showPreview) {
-            placeholder = jsx(ImageOutlinedSize24, { initialColor: "tertiary" });
+      ) : placeholder });
+    } else {
+      const Icon = type === "video" ? VideocameraOutlinedSize24 : DocumentOutlinedSize24;
+      content = /* @__PURE__ */ jsx("div", { className: classNames(styles.fileCard, { [styles.fileCardRemovable]: !!onRemove }), children: /* @__PURE__ */ jsxs(
+        Cell,
+        {
+          align: "center",
+          horPadding: false,
+          vertPadding: false,
+          left: /* @__PURE__ */ jsx(Icon, { initialColor: "secondary", backgroundStyle: "secondary", padding: 12, borderRadius: 8 }),
+          children: [
+            !!name && /* @__PURE__ */ jsx(
+              CellText,
+              {
+                type: "title",
+                typography: "label-3-regular",
+                style: "primary",
+                maxLines: 1,
+                "data-qa": "chat-input-file-name",
+                children: /* @__PURE__ */ jsx(TextDefaultPropsContext, { props: NAME_TEXT_PROPS, children: /* @__PURE__ */ jsx(FileName, { name }) })
+              }
+            ),
+            !!description && /* @__PURE__ */ jsx(
+              CellText,
+              {
+                type: "subtitle",
+                style: "secondary",
+                maxLines: 1,
+                left: STATUS_ICON[state],
+                "data-qa": "chat-input-file-description",
+                children: /* @__PURE__ */ jsx(TextDefaultPropsContext, { props: DESCRIPTION_TEXT_PROPS, children: /* @__PURE__ */ jsx(LinkDefaultPropsContext, { props: LINK_DEFAULT_PROPS, children: description }) })
+              }
+            )
+          ]
         }
-        content = (jsx("div", { className: classNames(styles.fileTile, { [styles.fileTilePlaceholder]: !showPreview }), children: showPreview ? (jsx("img", { className: styles.fileTileImage, src: previewSrc, alt: previewAlt ?? (typeof name === 'string' ? name : ''), onError: () => setFailedSrc(previewSrc) })) : (placeholder) }));
+      ) });
     }
-    else {
-        const Icon = type === 'video' ? VideocameraOutlinedSize24 : DocumentOutlinedSize24;
-        content = (jsx("div", { className: classNames(styles.fileCard, { [styles.fileCardRemovable]: !!onRemove }), children: jsxs(Cell, { align: "center", horPadding: false, vertPadding: false, left: jsx(Icon, { initialColor: "secondary", backgroundStyle: "secondary", padding: 12, borderRadius: 8 }), children: [!!name && (jsx(CellText, { type: "title", typography: "label-3-regular", style: "primary", maxLines: 1, "data-qa": "chat-input-file-name", children: jsx(TextDefaultPropsContext, { props: NAME_TEXT_PROPS, children: jsx(FileName, { name: name }) }) })), !!description && (jsx(CellText, { type: "subtitle", style: "secondary", maxLines: 1, left: STATUS_ICON[state], "data-qa": "chat-input-file-description", children: jsx(TextDefaultPropsContext, { props: DESCRIPTION_TEXT_PROPS, children: jsx(LinkDefaultPropsContext, { props: LINK_DEFAULT_PROPS, children: description }) }) }))] }) }));
-    }
-    return (jsxs("div", { ...props, className: styles.file, "data-qa": dataQa, ref: ref, children: [content, onRemove && (jsx("span", { className: styles.fileRemove, children: jsx(CrossOutlinedSize16, { "data-qa": "chat-input-file-remove", ...removeButtonProps, "aria-label": removeButtonProps?.['aria-label'] ?? removeLabel, initialColor: "primary", backgroundStyle: "secondary", borderRadius: 8, padding: 2, onClick: onRemove }) }))] }));
-});
-ChatInputFile.displayName = 'ChatInputFile';
+    return /* @__PURE__ */ jsxs("div", { ...props, className: styles.file, "data-qa": dataQa, ref, children: [
+      content,
+      onRemove && /* @__PURE__ */ jsx("span", { className: styles.fileRemove, children: /* @__PURE__ */ jsx(
+        CrossOutlinedSize16,
+        {
+          "data-qa": "chat-input-file-remove",
+          ...removeButtonProps,
+          "aria-label": removeButtonProps?.["aria-label"] ?? removeLabel,
+          initialColor: "primary",
+          backgroundStyle: "secondary",
+          borderRadius: 8,
+          padding: 2,
+          onClick: onRemove
+        }
+      ) })
+    ] });
+  }
+);
+ChatInputFile.displayName = "ChatInputFile";
 
 export { ChatInputFile };
 //# sourceMappingURL=ChatInputFile.js.map

package/public/ChatInputFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputFile.js","sources":["src/public/ChatInputFile.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type MouseEventHandler, type ReactNode, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { useObjectUrl } from '@hh.ru/magritte-ui-chat-input/internal/useObjectUrl';\nimport { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';\nimport {\n    CheckCircleOutlinedSize16,\n    CrossOutlinedSize16,\n    DocumentOutlinedSize24,\n    ExclamationTriangleOutlinedSize16,\n    ImageOutlinedSize24,\n    VideocameraOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../styles.less';\n\nexport type ChatInputFileState = 'loading' | 'loaded' | 'invalid';\n\nexport type ChatInputFileType = 'doc' | 'video' | 'image';\n\nexport interface ChatInputFileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {\n    /** Имя файла. Если передана строка, при нехватке места обрезается основа имени, а расширение\n     * остаётся видимым целиком */\n    name?: ReactNode;\n    /**\n     * Строка под именем (например, для размера файла или текста ошибки).\n     * Для `type=\"image\"` не отображается\n     */\n    description?: ReactNode;\n    /**\n     * Состояние файла\n     * @default loaded\n     */\n    state?: ChatInputFileState;\n    /**\n     * Тип файла: `doc` и `video` — карточка с иконкой и именем, `image` — квадратное превью\n     * @default doc\n     */\n    type?: ChatInputFileType;\n    /**\n     * Превью, показывается для `type=\"image\"` в состоянии `loaded`: url картинки или сам файл (`File`/`Blob`).\n     * Для файла компонент локально создаёт object URL и сам его отзывает — загружать файл на сервер\n     * ради превью не нужно\n     */\n    preview?: string | Blob;\n    /** Alt превью. По умолчанию — имя файла, если оно строка */\n    previewAlt?: string;\n    /** Обработчик удаления файла. Без него кнопка удаления файла не показывается */\n    onRemove?: MouseEventHandler<HTMLButtonElement>;\n    /** aria/data-qa пропсы кнопки удаления файла. Своя `aria-label` перекрывает дефолтную */\n    removeButtonProps?: ChatInputButtonAria;\n    /**\n     * Значение data-qa\n     * @default chat-input-file\n     */\n    'data-qa'?: string;\n}\n\nconst splitFileName = (name: string): { base: string; extension: string } => {\n    const dotIndex = name.lastIndexOf('.');\n    // точка в начале (.gitignore) или в конце (file.) — расширения нет, имя целиком\n    if (dotIndex <= 0 || dotIndex === name.length - 1) {\n        return { base: name, extension: '' };\n    }\n    return { base: name.slice(0, dotIndex), extension: name.slice(dotIndex) };\n};\n\nconst FileName = ({ name }: { name: ReactNode }) => {\n    if (typeof name !== 'string') {\n        return <>{name}</>;\n    }\n    const { base, extension } = splitFileName(name);\n    // основа сжимается с многоточием, расширение не сжимается; типографику даёт CellText.\n    // имя без расширения обрезается так же, целиком\n    return (\n        <span className={styles.fileName}>\n            <span className={styles.fileNameBase}>{base}</span>\n            {extension && <span className={styles.fileNameExtension}>{extension}</span>}\n        </span>\n    );\n};\n\nconst STATUS_ICON: Record<ChatInputFileState, ReactNode> = {\n    loading: <Loader size={16} />,\n    loaded: <CheckCircleOutlinedSize16 initialColor=\"positive\" />,\n    invalid: <ExclamationTriangleOutlinedSize16 initialColor=\"negative\" />,\n};\n\nconst LINK_DEFAULT_PROPS = { typography: 'label-3-regular', inline: true } as const;\n\n// строку оформляет CellText, а Text, переданный пользователем в name/description, получает те же дефолты.\n// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя\nconst NAME_TEXT_PROPS = { typography: 'label-3-regular', style: 'primary', ellipsis: true } as const;\nconst DESCRIPTION_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true } as const;\n\n/** Приложенный к сообщению файл */\nexport const ChatInputFile = forwardRef<HTMLDivElement, ChatInputFileProps>(\n    (\n        {\n            'data-qa': dataQa = 'chat-input-file',\n            description,\n            name,\n            onRemove,\n            preview,\n            previewAlt,\n            removeButtonProps,\n            state = 'loaded',\n            type = 'doc',\n            ...props\n        },\n        ref\n    ) => {\n        const removeLabel = useTranslation('ChatInput', 'removeFile');\n        const isImage = type === 'image';\n        // object URL создаём только для плитки картинки — карточкам он не нужен\n        const previewSrc = useObjectUrl(isImage ? preview : undefined);\n        // битая картинка — показываем заглушку; сбрасывается сменой src или уходом из loaded,\n        // чтобы тот же url (например, ещё не готовое серверное превью) загрузился повторно\n        const [failedSrc, setFailedSrc] = useState<string>();\n        if (state !== 'loaded' && failedSrc !== undefined) {\n            setFailedSrc(undefined);\n        }\n\n        let content: ReactNode;\n        if (isImage) {\n            const showPreview = state === 'loaded' && !!previewSrc && previewSrc !== failedSrc;\n            let placeholder: ReactNode = null;\n            if (state === 'loading') {\n                placeholder = <Loader size={24} />;\n            } else if (!showPreview) {\n                placeholder = <ImageOutlinedSize24 initialColor=\"tertiary\" />;\n            }\n            content = (\n                <div className={classNames(styles.fileTile, { [styles.fileTilePlaceholder]: !showPreview })}>\n                    {showPreview ? (\n                        <img\n                            className={styles.fileTileImage}\n                            src={previewSrc}\n                            alt={previewAlt ?? (typeof name === 'string' ? name : '')}\n                            onError={() => setFailedSrc(previewSrc)}\n                        />\n                    ) : (\n                        placeholder\n                    )}\n                </div>\n            );\n        } else {\n            const Icon = type === 'video' ? VideocameraOutlinedSize24 : DocumentOutlinedSize24;\n            content = (\n                <div className={classNames(styles.fileCard, { [styles.fileCardRemovable]: !!onRemove })}>\n                    <Cell\n                        align=\"center\"\n                        horPadding={false}\n                        vertPadding={false}\n                        left={\n                            <Icon initialColor=\"secondary\" backgroundStyle=\"secondary\" padding={12} borderRadius={8} />\n                        }\n                    >\n                        {!!name && (\n                            <CellText\n                                type=\"title\"\n                                typography=\"label-3-regular\"\n                                style=\"primary\"\n                                maxLines={1}\n                                data-qa=\"chat-input-file-name\"\n                            >\n                                <TextDefaultPropsContext props={NAME_TEXT_PROPS}>\n                                    <FileName name={name} />\n                                </TextDefaultPropsContext>\n                            </CellText>\n                        )}\n                        {!!description && (\n                            <CellText\n                                type=\"subtitle\"\n                                style=\"secondary\"\n                                maxLines={1}\n                                left={STATUS_ICON[state]}\n                                data-qa=\"chat-input-file-description\"\n                            >\n                                <TextDefaultPropsContext props={DESCRIPTION_TEXT_PROPS}>\n                                    <LinkDefaultPropsContext props={LINK_DEFAULT_PROPS}>\n                                        {description}\n                                    </LinkDefaultPropsContext>\n                                </TextDefaultPropsContext>\n                            </CellText>\n                        )}\n                    </Cell>\n                </div>\n            );\n        }\n\n        return (\n            <div {...props} className={styles.file} data-qa={dataQa} ref={ref}>\n                {content}\n                {onRemove && (\n                    <span className={styles.fileRemove}>\n                        <CrossOutlinedSize16\n                            data-qa=\"chat-input-file-remove\"\n                            {...removeButtonProps}\n                            aria-label={removeButtonProps?.['aria-label'] ?? removeLabel}\n                            initialColor=\"primary\"\n                            backgroundStyle=\"secondary\"\n                            borderRadius={8}\n                            padding={2}\n                            onClick={onRemove}\n                        />\n                    </span>\n                )}\n            </div>\n        );\n    }\n);\n\nChatInputFile.displayName = 'ChatInputFile';\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ChatInputFile.js","sources":["src/public/ChatInputFile.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type MouseEventHandler, type ReactNode, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { useObjectUrl } from '@hh.ru/magritte-ui-chat-input/internal/useObjectUrl';\nimport { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';\nimport {\n    CheckCircleOutlinedSize16,\n    CrossOutlinedSize16,\n    DocumentOutlinedSize24,\n    ExclamationTriangleOutlinedSize16,\n    ImageOutlinedSize24,\n    VideocameraOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../styles.less';\n\nexport type ChatInputFileState = 'loading' | 'loaded' | 'invalid';\n\nexport type ChatInputFileType = 'doc' | 'video' | 'image';\n\nexport interface ChatInputFileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {\n    /** Имя файла. Если передана строка, при нехватке места обрезается основа имени, а расширение\n     * остаётся видимым целиком */\n    name?: ReactNode;\n    /**\n     * Строка под именем (например, для размера файла или текста ошибки).\n     * Для `type=\"image\"` не отображается\n     */\n    description?: ReactNode;\n    /**\n     * Состояние файла\n     * @default loaded\n     */\n    state?: ChatInputFileState;\n    /**\n     * Тип файла: `doc` и `video` — карточка с иконкой и именем, `image` — квадратное превью\n     * @default doc\n     */\n    type?: ChatInputFileType;\n    /**\n     * Превью, показывается для `type=\"image\"` в состоянии `loaded`: url картинки или сам файл (`File`/`Blob`).\n     * Для файла компонент локально создаёт object URL и сам его отзывает — загружать файл на сервер\n     * ради превью не нужно\n     */\n    preview?: string | Blob;\n    /** Alt превью. По умолчанию — имя файла, если оно строка */\n    previewAlt?: string;\n    /** Обработчик удаления файла. Без него кнопка удаления файла не показывается */\n    onRemove?: MouseEventHandler<HTMLButtonElement>;\n    /** aria/data-qa пропсы кнопки удаления файла. Своя `aria-label` перекрывает дефолтную */\n    removeButtonProps?: ChatInputButtonAria;\n    /**\n     * Значение data-qa\n     * @default chat-input-file\n     */\n    'data-qa'?: string;\n}\n\nconst splitFileName = (name: string): { base: string; extension: string } => {\n    const dotIndex = name.lastIndexOf('.');\n    // точка в начале (.gitignore) или в конце (file.) — расширения нет, имя целиком\n    if (dotIndex <= 0 || dotIndex === name.length - 1) {\n        return { base: name, extension: '' };\n    }\n    return { base: name.slice(0, dotIndex), extension: name.slice(dotIndex) };\n};\n\nconst FileName = ({ name }: { name: ReactNode }) => {\n    if (typeof name !== 'string') {\n        return <>{name}</>;\n    }\n    const { base, extension } = splitFileName(name);\n    // основа сжимается с многоточием, расширение не сжимается; типографику даёт CellText.\n    // имя без расширения обрезается так же, целиком\n    return (\n        <span className={styles.fileName}>\n            <span className={styles.fileNameBase}>{base}</span>\n            {extension && <span className={styles.fileNameExtension}>{extension}</span>}\n        </span>\n    );\n};\n\nconst STATUS_ICON: Record<ChatInputFileState, ReactNode> = {\n    loading: <Loader size={16} />,\n    loaded: <CheckCircleOutlinedSize16 initialColor=\"positive\" />,\n    invalid: <ExclamationTriangleOutlinedSize16 initialColor=\"negative\" />,\n};\n\nconst LINK_DEFAULT_PROPS = { typography: 'label-3-regular', inline: true } as const;\n\n// строку оформляет CellText, а Text, переданный пользователем в name/description, получает те же дефолты.\n// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя\nconst NAME_TEXT_PROPS = { typography: 'label-3-regular', style: 'primary', ellipsis: true } as const;\nconst DESCRIPTION_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true } as const;\n\n/** Приложенный к сообщению файл */\nexport const ChatInputFile = forwardRef<HTMLDivElement, ChatInputFileProps>(\n    (\n        {\n            'data-qa': dataQa = 'chat-input-file',\n            description,\n            name,\n            onRemove,\n            preview,\n            previewAlt,\n            removeButtonProps,\n            state = 'loaded',\n            type = 'doc',\n            ...props\n        },\n        ref\n    ) => {\n        const removeLabel = useTranslation('ChatInput', 'removeFile');\n        const isImage = type === 'image';\n        // object URL создаём только для плитки картинки — карточкам он не нужен\n        const previewSrc = useObjectUrl(isImage ? preview : undefined);\n        // битая картинка — показываем заглушку; сбрасывается сменой src или уходом из loaded,\n        // чтобы тот же url (например, ещё не готовое серверное превью) загрузился повторно\n        const [failedSrc, setFailedSrc] = useState<string>();\n        if (state !== 'loaded' && failedSrc !== undefined) {\n            setFailedSrc(undefined);\n        }\n\n        let content: ReactNode;\n        if (isImage) {\n            const showPreview = state === 'loaded' && !!previewSrc && previewSrc !== failedSrc;\n            let placeholder: ReactNode = null;\n            if (state === 'loading') {\n                placeholder = <Loader size={24} />;\n            } else if (!showPreview) {\n                placeholder = <ImageOutlinedSize24 initialColor=\"tertiary\" />;\n            }\n            content = (\n                <div className={classNames(styles.fileTile, { [styles.fileTilePlaceholder]: !showPreview })}>\n                    {showPreview ? (\n                        <img\n                            className={styles.fileTileImage}\n                            src={previewSrc}\n                            alt={previewAlt ?? (typeof name === 'string' ? name : '')}\n                            onError={() => setFailedSrc(previewSrc)}\n                        />\n                    ) : (\n                        placeholder\n                    )}\n                </div>\n            );\n        } else {\n            const Icon = type === 'video' ? VideocameraOutlinedSize24 : DocumentOutlinedSize24;\n            content = (\n                <div className={classNames(styles.fileCard, { [styles.fileCardRemovable]: !!onRemove })}>\n                    <Cell\n                        align=\"center\"\n                        horPadding={false}\n                        vertPadding={false}\n                        left={\n                            <Icon initialColor=\"secondary\" backgroundStyle=\"secondary\" padding={12} borderRadius={8} />\n                        }\n                    >\n                        {!!name && (\n                            <CellText\n                                type=\"title\"\n                                typography=\"label-3-regular\"\n                                style=\"primary\"\n                                maxLines={1}\n                                data-qa=\"chat-input-file-name\"\n                            >\n                                <TextDefaultPropsContext props={NAME_TEXT_PROPS}>\n                                    <FileName name={name} />\n                                </TextDefaultPropsContext>\n                            </CellText>\n                        )}\n                        {!!description && (\n                            <CellText\n                                type=\"subtitle\"\n                                style=\"secondary\"\n                                maxLines={1}\n                                left={STATUS_ICON[state]}\n                                data-qa=\"chat-input-file-description\"\n                            >\n                                <TextDefaultPropsContext props={DESCRIPTION_TEXT_PROPS}>\n                                    <LinkDefaultPropsContext props={LINK_DEFAULT_PROPS}>\n                                        {description}\n                                    </LinkDefaultPropsContext>\n                                </TextDefaultPropsContext>\n                            </CellText>\n                        )}\n                    </Cell>\n                </div>\n            );\n        }\n\n        return (\n            <div {...props} className={styles.file} data-qa={dataQa} ref={ref}>\n                {content}\n                {onRemove && (\n                    <span className={styles.fileRemove}>\n                        <CrossOutlinedSize16\n                            data-qa=\"chat-input-file-remove\"\n                            {...removeButtonProps}\n                            aria-label={removeButtonProps?.['aria-label'] ?? removeLabel}\n                            initialColor=\"primary\"\n                            backgroundStyle=\"secondary\"\n                            borderRadius={8}\n                            padding={2}\n                            onClick={onRemove}\n                        />\n                    </span>\n                )}\n            </div>\n        );\n    }\n);\n\nChatInputFile.displayName = 'ChatInputFile';\n"],"names":[],"mappings":"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"}

package/public/ChatInputFiles.js

@@ -3,10 +3,17 @@ import { jsx } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 import { flattenFragments } from '../internal/flattenFragments.js';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from '../styles-CHMi0EYL.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 
-const ChatInputFiles = ({ children }) => (jsx("div", { className: styles.filesContainer, "data-qa": "chat-input-files", children: jsx(ScrollableContainer, { correction: 11, children: jsx(ScrollableContainer.DefaultLayout, { size: "small", noFadeOnDesktop: true, buttonsOffset: 8, buttonsOnHover: true, children: jsx(ScrollableContainer.Gallery, { children: jsx("div", { className: styles.files, children: flattenFragments(children).map((child, index) => (jsx(ScrollableContainer.Item, { scrollToItemOnFocus: true, children: child }, (isValidElement(child) && child.key) || index))) }) }) }) }) }));
-ChatInputFiles.displayName = 'ChatInputFiles';
+const ChatInputFiles = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.filesContainer, "data-qa": "chat-input-files", children: /* @__PURE__ */ jsx(ScrollableContainer, { correction: 11, children: /* @__PURE__ */ jsx(ScrollableContainer.DefaultLayout, { size: "small", noFadeOnDesktop: true, buttonsOffset: 8, buttonsOnHover: true, children: /* @__PURE__ */ jsx(ScrollableContainer.Gallery, { children: /* @__PURE__ */ jsx("div", { className: styles.files, children: flattenFragments(children).map((child, index) => /* @__PURE__ */ jsx(
+  ScrollableContainer.Item,
+  {
+    scrollToItemOnFocus: true,
+    children: child
+  },
+  isValidElement(child) && child.key || index
+)) }) }) }) }) });
+ChatInputFiles.displayName = "ChatInputFiles";
 
 export { ChatInputFiles };
 //# sourceMappingURL=ChatInputFiles.js.map

package/public/ChatInputFiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputFiles.js","sources":["src/public/ChatInputFiles.tsx"],"sourcesContent":["import { isValidElement, type FC, type ReactNode } from 'react';\n\nimport { flattenFragments } from '@hh.ru/magritte-ui-chat-input/internal/flattenFragments';\nimport { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputFilesProps {\n    /** Файлы (`ChatInput.File`), размещаются в один ряд с возможностью горизонтального скролла */\n    children: ReactNode;\n}\n\nexport const ChatInputFiles: FC<ChatInputFilesProps> = ({ children }) => (\n    <div className={styles.filesContainer} data-qa=\"chat-input-files\">\n        {/* область прокрутки выходит за паддинг ChatInput (12px) до его обводки (1px), чтобы файлы\n        обрезались краем компонента, но не перекрывали обводку; в крайних положениях контент отступает\n        от краёв на те же 12px */}\n        <ScrollableContainer correction={11}>\n            {/* в макете у ряда файлов нет краевых фейдов: на десктопе оставляем только кнопки листания,\n            на мобильных фейды и так выключены по умолчанию. Кнопки — на 8px внутрь от края ряда\n            (20px от края ChatInput) и появляются только при наведении на ряд */}\n            <ScrollableContainer.DefaultLayout size=\"small\" noFadeOnDesktop buttonsOffset={8} buttonsOnHover>\n                <ScrollableContainer.Gallery>\n                    <div className={styles.files}>\n                        {/* ключи детей переносим на обёртку, чтобы удаление файла из середины\n                        не сдвигало стейт соседей; при фокусе внутри файла (крестик, с клавиатуры)\n                        подскролливаем к нему */}\n                        {flattenFragments(children).map((child, index) => (\n                            <ScrollableContainer.Item\n                                key={(isValidElement(child) && child.key) || index}\n                                scrollToItemOnFocus\n                            >\n                                {child}\n                            </ScrollableContainer.Item>\n                        ))}\n                    </div>\n                </ScrollableContainer.Gallery>\n            </ScrollableContainer.DefaultLayout>\n        </ScrollableContainer>\n    </div>\n);\n\nChatInputFiles.displayName = 'ChatInputFiles';\n"],"names":["_jsx"],"mappings":";;;;;;MAYa,cAAc,GAA4B,CAAC,EAAE,QAAQ,EAAE,MAChEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAU,SAAA,EAAA,kBAAkB,EAI7D,QAAA,EAAAA,GAAA,CAAC,mBAAmB,EAAA,EAAC,UAAU,EAAE,EAAE,YAI/BA,GAAC,CAAA,mBAAmB,CAAC,aAAa,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,eAAe,EAAC,IAAA,EAAA,aAAa,EAAE,CAAC,EAAE,cAAc,kBAC5FA,GAAC,CAAA,mBAAmB,CAAC,OAAO,EACxB,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EAIvB,gBAAgB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACzCA,GAAA,CAAC,mBAAmB,CAAC,IAAI,EAAA,EAErB,mBAAmB,EAElB,IAAA,EAAA,QAAA,EAAA,KAAK,IAHD,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,CAI3B,CAC9B,CAAC,EAAA,CACA,GACoB,EACE,CAAA,EAAA,CAClB,EACpB,CAAA,EACR;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"ChatInputFiles.js","sources":["src/public/ChatInputFiles.tsx"],"sourcesContent":["import { isValidElement, type FC, type ReactNode } from 'react';\n\nimport { flattenFragments } from '@hh.ru/magritte-ui-chat-input/internal/flattenFragments';\nimport { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputFilesProps {\n    /** Файлы (`ChatInput.File`), размещаются в один ряд с возможностью горизонтального скролла */\n    children: ReactNode;\n}\n\nexport const ChatInputFiles: FC<ChatInputFilesProps> = ({ children }) => (\n    <div className={styles.filesContainer} data-qa=\"chat-input-files\">\n        {/* область прокрутки выходит за паддинг ChatInput (12px) до его обводки (1px), чтобы файлы\n        обрезались краем компонента, но не перекрывали обводку; в крайних положениях контент отступает\n        от краёв на те же 12px */}\n        <ScrollableContainer correction={11}>\n            {/* в макете у ряда файлов нет краевых фейдов: на десктопе оставляем только кнопки листания,\n            на мобильных фейды и так выключены по умолчанию. Кнопки — на 8px внутрь от края ряда\n            (20px от края ChatInput) и появляются только при наведении на ряд */}\n            <ScrollableContainer.DefaultLayout size=\"small\" noFadeOnDesktop buttonsOffset={8} buttonsOnHover>\n                <ScrollableContainer.Gallery>\n                    <div className={styles.files}>\n                        {/* ключи детей переносим на обёртку, чтобы удаление файла из середины\n                        не сдвигало стейт соседей; при фокусе внутри файла (крестик, с клавиатуры)\n                        подскролливаем к нему */}\n                        {flattenFragments(children).map((child, index) => (\n                            <ScrollableContainer.Item\n                                key={(isValidElement(child) && child.key) || index}\n                                scrollToItemOnFocus\n                            >\n                                {child}\n                            </ScrollableContainer.Item>\n                        ))}\n                    </div>\n                </ScrollableContainer.Gallery>\n            </ScrollableContainer.DefaultLayout>\n        </ScrollableContainer>\n    </div>\n);\n\nChatInputFiles.displayName = 'ChatInputFiles';\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,iBAA0C,CAAC,EAAE,UACtD,qBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,gBAAgB,SAAQ,EAAA,kBAAA,EAI3C,8BAAC,mBAAoB,EAAA,EAAA,UAAA,EAAY,IAI7B,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,eAApB,EAAkC,IAAA,EAAK,SAAQ,eAAe,EAAA,IAAA,EAAC,eAAe,CAAG,EAAA,cAAA,EAAc,MAC5F,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,SAApB,EACG,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,OAIlB,QAAiB,EAAA,gBAAA,CAAA,QAAQ,EAAE,GAAI,CAAA,CAAC,OAAO,KACpC,qBAAA,GAAA;AAAA,EAAC,mBAAoB,CAAA,IAAA;AAAA,EAApB;AAAA,IAEG,mBAAmB,EAAA,IAAA;AAAA,IAElB,QAAA,EAAA,KAAA;AAAA,GAAA;AAAA,EAHK,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,GAAQ,IAAA,KAAA;AAIjD,CACH,CACL,EAAA,CAAA,EACJ,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,EAAA;AAGJ,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

package/public/ChatInputPreview.js

@@ -2,18 +2,23 @@ import './../index.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
 import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-CHMi0EYL.js';
+import { s as styles } from '../styles-DofLkp5v.js';
 
 const DEFAULT_ICON_PROPS = {
-    initialColor: 'secondary',
-    padding: 8,
+  initialColor: "secondary",
+  padding: 8
 };
-// строку оформляют стили слота, а Text, переданный пользователем в title/subtitle, получает те же дефолты.
-// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя
-const TITLE_TEXT_PROPS = { typography: 'subtitle-3-semibold', style: 'primary' };
-const SUBTITLE_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true };
-const ChatInputPreview = ({ title, subtitle, leftActions, rightActions }) => (jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: jsxs("div", { className: styles.previewBlock, children: [!!leftActions && jsx("div", { className: styles.previewSide, children: leftActions }), jsxs("div", { className: styles.previewContent, children: [!!title && (jsx(TextDefaultPropsContext, { props: TITLE_TEXT_PROPS, children: jsx("div", { className: styles.previewTitle, children: title }) })), !!subtitle && (jsx(TextDefaultPropsContext, { props: SUBTITLE_TEXT_PROPS, children: jsx("div", { className: styles.previewSubtitle, children: subtitle }) }))] }), !!rightActions && jsx("div", { className: styles.previewSide, children: rightActions })] }) }));
-ChatInputPreview.displayName = 'ChatInputPreview';
+const TITLE_TEXT_PROPS = { typography: "subtitle-3-semibold", style: "primary" };
+const SUBTITLE_TEXT_PROPS = { typography: "label-3-regular", style: "secondary", ellipsis: true };
+const ChatInputPreview = ({ title, subtitle, leftActions, rightActions }) => /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: /* @__PURE__ */ jsxs("div", { className: styles.previewBlock, children: [
+  !!leftActions && /* @__PURE__ */ jsx("div", { className: styles.previewSide, children: leftActions }),
+  /* @__PURE__ */ jsxs("div", { className: styles.previewContent, children: [
+    !!title && /* @__PURE__ */ jsx(TextDefaultPropsContext, { props: TITLE_TEXT_PROPS, children: /* @__PURE__ */ jsx("div", { className: styles.previewTitle, children: title }) }),
+    !!subtitle && /* @__PURE__ */ jsx(TextDefaultPropsContext, { props: SUBTITLE_TEXT_PROPS, children: /* @__PURE__ */ jsx("div", { className: styles.previewSubtitle, children: subtitle }) })
+  ] }),
+  !!rightActions && /* @__PURE__ */ jsx("div", { className: styles.previewSide, children: rightActions })
+] }) });
+ChatInputPreview.displayName = "ChatInputPreview";
 
 export { ChatInputPreview };
 //# sourceMappingURL=ChatInputPreview.js.map

package/public/ChatInputPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputPreview.js","sources":["src/public/ChatInputPreview.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputPreviewProps {\n    /** Заголовок в центральной секции, типографика subtitle-3-semibold */\n    title?: ReactNode;\n    /** Подзаголовок под title, типографика label-3-regular; обрезается многоточием */\n    subtitle?: ReactNode;\n    /** Слот левой секции, обычно иконка */\n    leftActions?: ReactNode;\n    /** Слот правой секции, обычно иконка */\n    rightActions?: ReactNode;\n}\n\nconst DEFAULT_ICON_PROPS = {\n    initialColor: 'secondary',\n    padding: 8,\n} as const;\n\n// строку оформляют стили слота, а Text, переданный пользователем в title/subtitle, получает те же дефолты.\n// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя\nconst TITLE_TEXT_PROPS = { typography: 'subtitle-3-semibold', style: 'primary' } as const;\nconst SUBTITLE_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true } as const;\n\nexport const ChatInputPreview: FC<ChatInputPreviewProps> = ({ title, subtitle, leftActions, rightActions }) => (\n    <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n        <div className={styles.previewBlock}>\n            {!!leftActions && <div className={styles.previewSide}>{leftActions}</div>}\n            <div className={styles.previewContent}>\n                {!!title && (\n                    <TextDefaultPropsContext props={TITLE_TEXT_PROPS}>\n                        <div className={styles.previewTitle}>{title}</div>\n                    </TextDefaultPropsContext>\n                )}\n                {!!subtitle && (\n                    <TextDefaultPropsContext props={SUBTITLE_TEXT_PROPS}>\n                        <div className={styles.previewSubtitle}>{subtitle}</div>\n                    </TextDefaultPropsContext>\n                )}\n            </div>\n            {!!rightActions && <div className={styles.previewSide}>{rightActions}</div>}\n        </div>\n    </IconDefaultPropsContext>\n);\n\nChatInputPreview.displayName = 'ChatInputPreview';\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAkBA,MAAM,kBAAkB,GAAG;AACvB,IAAA,YAAY,EAAE,WAAW;AACzB,IAAA,OAAO,EAAE,CAAC;CACJ,CAAC;AAEX;AACA;AACA,MAAM,gBAAgB,GAAG,EAAE,UAAU,EAAE,qBAAqB,EAAE,KAAK,EAAE,SAAS,EAAW,CAAC;AAC1F,MAAM,mBAAmB,GAAG,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAW,CAAC;AAE9F,MAAA,gBAAgB,GAA8B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,MACtGA,GAAC,CAAA,uBAAuB,EAAC,EAAA,KAAK,EAAE,kBAAkB,EAC9C,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,QAAA,EAAA,CAAA,CAAC,CAAC,WAAW,IAAID,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,QAAA,EAAG,WAAW,EAAA,CAAO,EACzEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAA,CAChC,CAAC,CAAC,KAAK,KACJD,GAAA,CAAC,uBAAuB,EAAC,EAAA,KAAK,EAAE,gBAAgB,EAC5C,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,QAAA,EAAG,KAAK,EAAA,CAAO,GAC5B,CAC7B,EACA,CAAC,CAAC,QAAQ,KACPA,GAAA,CAAC,uBAAuB,EAAA,EAAC,KAAK,EAAE,mBAAmB,EAAA,QAAA,EAC/CA,aAAK,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAClC,CAAA,CAC7B,CACC,EAAA,CAAA,EACL,CAAC,CAAC,YAAY,IAAIA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAG,QAAA,EAAA,YAAY,EAAO,CAAA,CAAA,EAAA,CACzE,EACgB,CAAA,EAC5B;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"ChatInputPreview.js","sources":["src/public/ChatInputPreview.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputPreviewProps {\n    /** Заголовок в центральной секции, типографика subtitle-3-semibold */\n    title?: ReactNode;\n    /** Подзаголовок под title, типографика label-3-regular; обрезается многоточием */\n    subtitle?: ReactNode;\n    /** Слот левой секции, обычно иконка */\n    leftActions?: ReactNode;\n    /** Слот правой секции, обычно иконка */\n    rightActions?: ReactNode;\n}\n\nconst DEFAULT_ICON_PROPS = {\n    initialColor: 'secondary',\n    padding: 8,\n} as const;\n\n// строку оформляют стили слота, а Text, переданный пользователем в title/subtitle, получает те же дефолты.\n// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя\nconst TITLE_TEXT_PROPS = { typography: 'subtitle-3-semibold', style: 'primary' } as const;\nconst SUBTITLE_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true } as const;\n\nexport const ChatInputPreview: FC<ChatInputPreviewProps> = ({ title, subtitle, leftActions, rightActions }) => (\n    <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n        <div className={styles.previewBlock}>\n            {!!leftActions && <div className={styles.previewSide}>{leftActions}</div>}\n            <div className={styles.previewContent}>\n                {!!title && (\n                    <TextDefaultPropsContext props={TITLE_TEXT_PROPS}>\n                        <div className={styles.previewTitle}>{title}</div>\n                    </TextDefaultPropsContext>\n                )}\n                {!!subtitle && (\n                    <TextDefaultPropsContext props={SUBTITLE_TEXT_PROPS}>\n                        <div className={styles.previewSubtitle}>{subtitle}</div>\n                    </TextDefaultPropsContext>\n                )}\n            </div>\n            {!!rightActions && <div className={styles.previewSide}>{rightActions}</div>}\n        </div>\n    </IconDefaultPropsContext>\n);\n\nChatInputPreview.displayName = 'ChatInputPreview';\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,kBAAqB,GAAA;AAAA,EACvB,YAAc,EAAA,WAAA;AAAA,EACd,OAAS,EAAA,CAAA;AACb,CAAA,CAAA;AAIA,MAAM,gBAAmB,GAAA,EAAE,UAAY,EAAA,qBAAA,EAAuB,OAAO,SAAU,EAAA,CAAA;AAC/E,MAAM,sBAAsB,EAAE,UAAA,EAAY,mBAAmB,KAAO,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA,CAAA;AAEzF,MAAM,mBAA8C,CAAC,EAAE,KAAO,EAAA,QAAA,EAAU,aAAa,YAAa,EAAA,qBACpG,GAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,kBAC5B,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,YAClB,EAAA,QAAA,EAAA;AAAA,EAAA,CAAC,CAAC,WAAe,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,kBAClE,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cAClB,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,CAAC,KAAA,oBACE,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,gBAAA,EAC5B,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,YAAe,EAAA,QAAA,EAAA,KAAA,EAAM,CAChD,EAAA,CAAA;AAAA,IAEH,CAAC,CAAC,QACC,oBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,mBAC5B,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,eAAA,EAAkB,oBAAS,CACtD,EAAA,CAAA;AAAA,GAER,EAAA,CAAA;AAAA,EACC,CAAC,CAAC,YAAgB,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,CAAA,EACzE,CACJ,EAAA,EAAA;AAGJ,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}

package/public/ChatInputSendButton.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type MouseEventHandler, type ReactNode } from 'react';
-import { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';
+import { type ChatInputButtonAria } from '../types';
 export interface ChatInputSendButtonProps extends ChatInputButtonAria {
     /** Доп. обработчик клика — вызывается вместе с `onSend`, а не вместо него */
     onClick?: MouseEventHandler<HTMLButtonElement>;

package/public/ChatInputSendButton.js

@@ -10,30 +10,41 @@ import 'react';
 import '@hh.ru/magritte-common-use-disabled';
 import '@hh.ru/magritte-ui-icon';
 
-/**
- * Кнопка отправки для слота ChatInput. Обёртка над иконкой с фиксированным оформлением;
- * по клику дёргает `onSend` из контекста ChatInput вместе с собственным `onClick`.
- */
-const ChatInputSendButton = ({ onClick, children, disabled = false, 'aria-label': ariaLabel, ...ariaProps }) => {
-    const { onSend } = useChatInputContext();
-    const sendLabel = useTranslation('ChatInput', 'send');
-    const handleClick = (event) => {
-        onClick?.(event);
-        onSend?.();
-    };
-    const iconProps = {
-        // дефолтный data-qa до спреда — пользовательский data-qa из ariaProps его перекрывает
-        'data-qa': 'send',
-        ...ariaProps,
-        'aria-label': ariaLabel ?? sendLabel,
-        initialColor: 'inverse',
-        backgroundStyle: 'inverse',
-        disabled,
-        onClick: handleClick,
-    };
-    return (jsx(FocusTarget, { priority: FOCUS_PRIORITY.send, children: jsx(ChatInputSlotButton, { icon: jsx(ArrowUpOutlinedSize24, { ...iconProps }), iconProps: iconProps, disabled: disabled, onClick: handleClick, children: children }) }));
+const ChatInputSendButton = ({
+  onClick,
+  children,
+  disabled = false,
+  "aria-label": ariaLabel,
+  ...ariaProps
+}) => {
+  const { onSend } = useChatInputContext();
+  const sendLabel = useTranslation("ChatInput", "send");
+  const handleClick = (event) => {
+    onClick?.(event);
+    onSend?.();
+  };
+  const iconProps = {
+    // дефолтный data-qa до спреда — пользовательский data-qa из ariaProps его перекрывает
+    "data-qa": "send",
+    ...ariaProps,
+    "aria-label": ariaLabel ?? sendLabel,
+    initialColor: "inverse",
+    backgroundStyle: "inverse",
+    disabled,
+    onClick: handleClick
+  };
+  return /* @__PURE__ */ jsx(FocusTarget, { priority: FOCUS_PRIORITY.send, children: /* @__PURE__ */ jsx(
+    ChatInputSlotButton,
+    {
+      icon: /* @__PURE__ */ jsx(ArrowUpOutlinedSize24, { ...iconProps }),
+      iconProps,
+      disabled,
+      onClick: handleClick,
+      children
+    }
+  ) });
 };
-ChatInputSendButton.displayName = 'ChatInputSendButton';
+ChatInputSendButton.displayName = "ChatInputSendButton";
 
 export { ChatInputSendButton };
 //# sourceMappingURL=ChatInputSendButton.js.map

package/public/ChatInputSendButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputSendButton.js","sources":["src/public/ChatInputSendButton.tsx"],"sourcesContent":["import { type FC, type MouseEvent, type MouseEventHandler, type ReactNode } from 'react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { useChatInputContext } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputContext';\nimport { ChatInputSlotButton } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputSlotButton';\nimport { FocusTarget } from '@hh.ru/magritte-ui-chat-input/internal/FocusTarget';\nimport { FOCUS_PRIORITY } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\nimport { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';\nimport { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\n\nexport interface ChatInputSendButtonProps extends ChatInputButtonAria {\n    /** Доп. обработчик клика — вызывается вместе с `onSend`, а не вместо него */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /**\n     * Блокирует кнопку отправки независимо от общего `disabled` компонента `ChatInput`\n     * @default false\n     */\n    disabled?: boolean;\n    /** Кастомный контент вместо иконки отправки. Иконку в children оформляем как встроенную\n     * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */\n    children?: ReactNode;\n}\n\n/**\n * Кнопка отправки для слота ChatInput. Обёртка над иконкой с фиксированным оформлением;\n * по клику дёргает `onSend` из контекста ChatInput вместе с собственным `onClick`.\n */\nexport const ChatInputSendButton: FC<ChatInputSendButtonProps> = ({\n    onClick,\n    children,\n    disabled = false,\n    'aria-label': ariaLabel,\n    ...ariaProps\n}) => {\n    const { onSend } = useChatInputContext();\n    const sendLabel = useTranslation('ChatInput', 'send');\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        onSend?.();\n    };\n\n    const iconProps = {\n        // дефолтный data-qa до спреда — пользовательский data-qa из ariaProps его перекрывает\n        'data-qa': 'send',\n        ...ariaProps,\n        'aria-label': ariaLabel ?? sendLabel,\n        initialColor: 'inverse',\n        backgroundStyle: 'inverse',\n        disabled,\n        onClick: handleClick,\n    } as const;\n\n    return (\n        <FocusTarget priority={FOCUS_PRIORITY.send}>\n            <ChatInputSlotButton\n                icon={<ArrowUpOutlinedSize24 {...iconProps} />}\n                iconProps={iconProps}\n                disabled={disabled}\n                onClick={handleClick}\n            >\n                {children}\n            </ChatInputSlotButton>\n        </FocusTarget>\n    );\n};\n\nChatInputSendButton.displayName = 'ChatInputSendButton';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAuBA;;;AAGG;MACU,mBAAmB,GAAiC,CAAC,EAC9D,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,cAAc,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAEtD,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoC,KAAI;AACzD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;QACjB,MAAM,IAAI,CAAC;AACf,KAAC,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG;;AAEd,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,GAAG,SAAS;QACZ,YAAY,EAAE,SAAS,IAAI,SAAS;AACpC,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,eAAe,EAAE,SAAS;QAC1B,QAAQ;AACR,QAAA,OAAO,EAAE,WAAW;KACd,CAAC;AAEX,IAAA,QACIA,GAAC,CAAA,WAAW,EAAC,EAAA,QAAQ,EAAE,cAAc,CAAC,IAAI,EAAA,QAAA,EACtCA,IAAC,mBAAmB,EAAA,EAChB,IAAI,EAAEA,IAAC,qBAAqB,EAAA,EAAA,GAAK,SAAS,EAAA,CAAI,EAC9C,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAAA,QAAA,EAEnB,QAAQ,EACS,CAAA,EAAA,CACZ,EAChB;AACN,EAAE;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"ChatInputSendButton.js","sources":["src/public/ChatInputSendButton.tsx"],"sourcesContent":["import { type FC, type MouseEvent, type MouseEventHandler, type ReactNode } from 'react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { useChatInputContext } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputContext';\nimport { ChatInputSlotButton } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputSlotButton';\nimport { FocusTarget } from '@hh.ru/magritte-ui-chat-input/internal/FocusTarget';\nimport { FOCUS_PRIORITY } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\nimport { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';\nimport { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\n\nexport interface ChatInputSendButtonProps extends ChatInputButtonAria {\n    /** Доп. обработчик клика — вызывается вместе с `onSend`, а не вместо него */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /**\n     * Блокирует кнопку отправки независимо от общего `disabled` компонента `ChatInput`\n     * @default false\n     */\n    disabled?: boolean;\n    /** Кастомный контент вместо иконки отправки. Иконку в children оформляем как встроенную\n     * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */\n    children?: ReactNode;\n}\n\n/**\n * Кнопка отправки для слота ChatInput. Обёртка над иконкой с фиксированным оформлением;\n * по клику дёргает `onSend` из контекста ChatInput вместе с собственным `onClick`.\n */\nexport const ChatInputSendButton: FC<ChatInputSendButtonProps> = ({\n    onClick,\n    children,\n    disabled = false,\n    'aria-label': ariaLabel,\n    ...ariaProps\n}) => {\n    const { onSend } = useChatInputContext();\n    const sendLabel = useTranslation('ChatInput', 'send');\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        onSend?.();\n    };\n\n    const iconProps = {\n        // дефолтный data-qa до спреда — пользовательский data-qa из ariaProps его перекрывает\n        'data-qa': 'send',\n        ...ariaProps,\n        'aria-label': ariaLabel ?? sendLabel,\n        initialColor: 'inverse',\n        backgroundStyle: 'inverse',\n        disabled,\n        onClick: handleClick,\n    } as const;\n\n    return (\n        <FocusTarget priority={FOCUS_PRIORITY.send}>\n            <ChatInputSlotButton\n                icon={<ArrowUpOutlinedSize24 {...iconProps} />}\n                iconProps={iconProps}\n                disabled={disabled}\n                onClick={handleClick}\n            >\n                {children}\n            </ChatInputSlotButton>\n        </FocusTarget>\n    );\n};\n\nChatInputSendButton.displayName = 'ChatInputSendButton';\n"],"names":[],"mappings":";;;;;;;;;;;AA2BO,MAAM,sBAAoD,CAAC;AAAA,EAC9D,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,YAAc,EAAA,SAAA;AAAA,EACd,GAAG,SAAA;AACP,CAAM,KAAA;AACF,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,mBAAoB,EAAA,CAAA;AACvC,EAAM,MAAA,SAAA,GAAY,cAAe,CAAA,WAAA,EAAa,MAAM,CAAA,CAAA;AAEpD,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC1D,IAAA,OAAA,GAAU,KAAK,CAAA,CAAA;AACf,IAAS,MAAA,IAAA,CAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,SAAY,GAAA;AAAA;AAAA,IAEd,SAAW,EAAA,MAAA;AAAA,IACX,GAAG,SAAA;AAAA,IACH,cAAc,SAAa,IAAA,SAAA;AAAA,IAC3B,YAAc,EAAA,SAAA;AAAA,IACd,eAAiB,EAAA,SAAA;AAAA,IACjB,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,GACb,CAAA;AAEA,EAAA,uBACK,GAAA,CAAA,WAAA,EAAA,EAAY,QAAU,EAAA,cAAA,CAAe,IAClC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACG,IAAM,kBAAA,GAAA,CAAC,qBAAuB,EAAA,EAAA,GAAG,SAAW,EAAA,CAAA;AAAA,MAC5C,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MAER,QAAA;AAAA,KAAA;AAAA,GAET,EAAA,CAAA,CAAA;AAER,EAAA;AAEA,mBAAA,CAAoB,WAAc,GAAA,qBAAA;;;;"}

package/public/ChatInputVoiceButton.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type MouseEventHandler, type ReactNode } from 'react';
-import { type ChatInputButtonAria, type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';
+import { type ChatInputButtonAria, type ChatInputVoiceRecordConfig } from '../types';
 export interface ChatInputVoiceButtonProps extends ChatInputButtonAria, ChatInputVoiceRecordConfig {
     /** Доп. обработчик клика — вызывается вместе со стартом записи, а не вместо него */
     onClick?: MouseEventHandler<HTMLButtonElement>;