@cloud-ru/ds-markdown 1.0.2 → 1.0.4-preview-bd263dc7.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.3 (2026-08-20)
+
+### Bug Fixes
+
+- **FF-8679:** use CrossSVG for chips and markdown clear buttons ([ecd617a](https://github.com/cloud-ru-tech/snack-v2/commit/ecd617a5bf976697cb408d4511d190b66fc084ef))
+
 ## 1.0.2 (2026-08-20)
 
 **Note:** Version bump only for package @ds/markdown

package/dist/cjs/components/MarkdownEditor/MarkdownEditor.js

@@ -172,5 +172,5 @@ function MarkdownEditor({ value, defaultValue, onChange, preview, defaultPreview
         }
     }, [previewMode, editor]);
     const toolbarNode = toolbarItems && toolbarApi ? ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.toolbarSlot, children: (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { api: toolbarApi, items: toolbarItems }) })) : undefined;
-    return ((0, jsx_runtime_1.jsxs)("div", { ...supportProps, className: (0, classnames_1.default)(styles_module_scss_1.default.root, syntax_module_scss_1.default.syntax, className), "data-test-id": dataTestId, "data-preview": previewMode || undefined, children: [showHeader && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.header, "data-test-id": constants_1.TEST_IDS.editorHeader, children: [(0, jsx_runtime_1.jsxs)("label", { className: styles_module_scss_1.default.previewToggle, children: [(0, jsx_runtime_1.jsx)(toggles_1.Switch, { size: 's', checked: previewMode, onChange: setPreview, "data-test-id": constants_1.TEST_IDS.editorPreviewToggle }), (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.previewToggleLabel, children: previewLabel })] }), label && ((0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.label, "data-test-id": constants_1.TEST_IDS.editorLabel, children: label }))] })), (0, jsx_runtime_1.jsx)(fields_1.FieldShell, { "data-test-id": constants_1.TEST_IDS.editorField, header: toolbarNode, focusVisible: previewFocusVisible, hover: previewHover, onMouseEnter: () => setPreviewHover(true), onMouseLeave: () => setPreviewHover(false), children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.contentArea, onClick: handleContentClick, onFocus: handlePreviewFocus, onBlur: handlePreviewBlur, children: [(0, jsx_runtime_1.jsx)(scroll_1.Scroll, { className: styles_module_scss_1.default.resizeBox, size: 's', resize: resizable ? 'vertical' : 'none', overflow: { x: 'hidden' }, children: previewMode ? ((0, jsx_runtime_1.jsx)(react_1.EditorContent, { ref: editorContentRef, editor: editor, className: styles_module_scss_1.default.content, "data-test-id": constants_1.TEST_IDS.editorContent, spellCheck: spellCheck })) : ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.rawInputWrapper, children: (0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, { ref: textareaRef, className: styles_module_scss_1.default.rawInput, "data-test-id": constants_1.TEST_IDS.editorRawInput, value: currentValue ?? '', onChange: handleRawValueChange, placeholder: placeholder, spellCheck: spellCheck }) })) }), hasValue && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.postfix, children: (0, jsx_runtime_1.jsx)(button_1.Button, { view: 'function', appearance: 'neutral', size: 'm', icon: (0, jsx_runtime_1.jsx)(system_1.CrossCircleSVG, {}), "data-test-id": constants_1.TEST_IDS.editorClear, "aria-label": t('clear'), onClick: handleClearButtonClick }) }))] }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...supportProps, className: (0, classnames_1.default)(styles_module_scss_1.default.root, syntax_module_scss_1.default.syntax, className), "data-test-id": dataTestId, "data-preview": previewMode || undefined, children: [showHeader && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.header, "data-test-id": constants_1.TEST_IDS.editorHeader, children: [(0, jsx_runtime_1.jsxs)("label", { className: styles_module_scss_1.default.previewToggle, children: [(0, jsx_runtime_1.jsx)(toggles_1.Switch, { size: 's', checked: previewMode, onChange: setPreview, "data-test-id": constants_1.TEST_IDS.editorPreviewToggle }), (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.previewToggleLabel, children: previewLabel })] }), label && ((0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.label, "data-test-id": constants_1.TEST_IDS.editorLabel, children: label }))] })), (0, jsx_runtime_1.jsx)(fields_1.FieldShell, { "data-test-id": constants_1.TEST_IDS.editorField, header: toolbarNode, focusVisible: previewFocusVisible, hover: previewHover, onMouseEnter: () => setPreviewHover(true), onMouseLeave: () => setPreviewHover(false), children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.contentArea, onClick: handleContentClick, onFocus: handlePreviewFocus, onBlur: handlePreviewBlur, children: [(0, jsx_runtime_1.jsx)(scroll_1.Scroll, { className: styles_module_scss_1.default.resizeBox, size: 's', resize: resizable ? 'vertical' : 'none', overflow: { x: 'hidden' }, children: previewMode ? ((0, jsx_runtime_1.jsx)(react_1.EditorContent, { ref: editorContentRef, editor: editor, className: styles_module_scss_1.default.content, "data-test-id": constants_1.TEST_IDS.editorContent, spellCheck: spellCheck })) : ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.rawInputWrapper, children: (0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, { ref: textareaRef, className: styles_module_scss_1.default.rawInput, "data-test-id": constants_1.TEST_IDS.editorRawInput, value: currentValue ?? '', onChange: handleRawValueChange, placeholder: placeholder, spellCheck: spellCheck }) })) }), hasValue && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.postfix, children: (0, jsx_runtime_1.jsx)(button_1.Button, { view: 'function', appearance: 'neutral', size: 'm', icon: (0, jsx_runtime_1.jsx)(system_1.CrossSVG, {}), "data-test-id": constants_1.TEST_IDS.editorClear, "aria-label": t('clear'), onClick: handleClearButtonClick }) }))] }) })] }));
 }

package/dist/esm/components/MarkdownEditor/MarkdownEditor.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@cloud-ru/ds-button';
 import { FieldShell } from '@cloud-ru/ds-fields';
-import { CrossCircleSVG } from '@cloud-ru/ds-icons/interface/system';
+import { CrossSVG } from '@cloud-ru/ds-icons/interface/system';
 import { Scroll } from '@cloud-ru/ds-scroll';
 import { Switch } from '@cloud-ru/ds-toggles';
 import { extractSupportProps, isBrowser, useDebounce, useValueControl } from '@cloud-ru/ds-utils';
@@ -166,5 +166,5 @@ export function MarkdownEditor({ value, defaultValue, onChange, preview, default
         }
     }, [previewMode, editor]);
     const toolbarNode = toolbarItems && toolbarApi ? (_jsx("div", { className: styles.toolbarSlot, children: _jsx(Toolbar, { api: toolbarApi, items: toolbarItems }) })) : undefined;
-    return (_jsxs("div", { ...supportProps, className: cn(styles.root, syntaxStyles.syntax, className), "data-test-id": dataTestId, "data-preview": previewMode || undefined, children: [showHeader && (_jsxs("div", { className: styles.header, "data-test-id": TEST_IDS.editorHeader, children: [_jsxs("label", { className: styles.previewToggle, children: [_jsx(Switch, { size: 's', checked: previewMode, onChange: setPreview, "data-test-id": TEST_IDS.editorPreviewToggle }), _jsx("span", { className: styles.previewToggleLabel, children: previewLabel })] }), label && (_jsx("span", { className: styles.label, "data-test-id": TEST_IDS.editorLabel, children: label }))] })), _jsx(FieldShell, { "data-test-id": TEST_IDS.editorField, header: toolbarNode, focusVisible: previewFocusVisible, hover: previewHover, onMouseEnter: () => setPreviewHover(true), onMouseLeave: () => setPreviewHover(false), children: _jsxs("div", { className: styles.contentArea, onClick: handleContentClick, onFocus: handlePreviewFocus, onBlur: handlePreviewBlur, children: [_jsx(Scroll, { className: styles.resizeBox, size: 's', resize: resizable ? 'vertical' : 'none', overflow: { x: 'hidden' }, children: previewMode ? (_jsx(EditorContent, { ref: editorContentRef, editor: editor, className: styles.content, "data-test-id": TEST_IDS.editorContent, spellCheck: spellCheck })) : (_jsx("div", { className: styles.rawInputWrapper, children: _jsx(TextareaAutosize, { ref: textareaRef, className: styles.rawInput, "data-test-id": TEST_IDS.editorRawInput, value: currentValue ?? '', onChange: handleRawValueChange, placeholder: placeholder, spellCheck: spellCheck }) })) }), hasValue && (_jsx("div", { className: styles.postfix, children: _jsx(Button, { view: 'function', appearance: 'neutral', size: 'm', icon: _jsx(CrossCircleSVG, {}), "data-test-id": TEST_IDS.editorClear, "aria-label": t('clear'), onClick: handleClearButtonClick }) }))] }) })] }));
+    return (_jsxs("div", { ...supportProps, className: cn(styles.root, syntaxStyles.syntax, className), "data-test-id": dataTestId, "data-preview": previewMode || undefined, children: [showHeader && (_jsxs("div", { className: styles.header, "data-test-id": TEST_IDS.editorHeader, children: [_jsxs("label", { className: styles.previewToggle, children: [_jsx(Switch, { size: 's', checked: previewMode, onChange: setPreview, "data-test-id": TEST_IDS.editorPreviewToggle }), _jsx("span", { className: styles.previewToggleLabel, children: previewLabel })] }), label && (_jsx("span", { className: styles.label, "data-test-id": TEST_IDS.editorLabel, children: label }))] })), _jsx(FieldShell, { "data-test-id": TEST_IDS.editorField, header: toolbarNode, focusVisible: previewFocusVisible, hover: previewHover, onMouseEnter: () => setPreviewHover(true), onMouseLeave: () => setPreviewHover(false), children: _jsxs("div", { className: styles.contentArea, onClick: handleContentClick, onFocus: handlePreviewFocus, onBlur: handlePreviewBlur, children: [_jsx(Scroll, { className: styles.resizeBox, size: 's', resize: resizable ? 'vertical' : 'none', overflow: { x: 'hidden' }, children: previewMode ? (_jsx(EditorContent, { ref: editorContentRef, editor: editor, className: styles.content, "data-test-id": TEST_IDS.editorContent, spellCheck: spellCheck })) : (_jsx("div", { className: styles.rawInputWrapper, children: _jsx(TextareaAutosize, { ref: textareaRef, className: styles.rawInput, "data-test-id": TEST_IDS.editorRawInput, value: currentValue ?? '', onChange: handleRawValueChange, placeholder: placeholder, spellCheck: spellCheck }) })) }), hasValue && (_jsx("div", { className: styles.postfix, children: _jsx(Button, { view: 'function', appearance: 'neutral', size: 'm', icon: _jsx(CrossSVG, {}), "data-test-id": TEST_IDS.editorClear, "aria-label": t('clear'), onClick: handleClearButtonClick }) }))] }) })] }));
 }