@contentful/field-editor-markdown 1.9.6 → 1.10.0

package/dist/cjs/MarkdownEditor.js

@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const MarkdownPreview = _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./components/MarkdownPreview"))));
+const MarkdownPreview = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./components/MarkdownPreview"))));
 const styles = {
     container: (0, _emotion.css)({
         display: 'flex',
@@ -142,22 +142,22 @@ function MarkdownEditor(props) {
     const openMarkdownHelp = _react.useCallback(()=>{
         (0, _CheatsheetModalDialog.openCheatsheetModal)(props.sdk.dialogs);
     }, []);
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: styles.container,
         "data-test-id": "markdown-editor"
-    }, _react.createElement(_MarkdownTabs.MarkdownTabs, {
+    }, /*#__PURE__*/ _react.createElement(_MarkdownTabs.MarkdownTabs, {
         active: selectedTab,
         onSelect: (tab)=>{
             if (props.enableTab) return;
             setSelectedTab(tab);
         },
         enableTab: props.enableTab
-    }), _react.createElement(_MarkdownToolbar.MarkdownToolbar, {
+    }), /*#__PURE__*/ _react.createElement(_MarkdownToolbar.MarkdownToolbar, {
         mode: "default",
         disabled: isActionDisabled,
         canUploadAssets: canUploadAssets,
         actions: actions
-    }), _react.createElement(_MarkdownTextarea.MarkdownTextarea, {
+    }), /*#__PURE__*/ _react.createElement(_MarkdownTextarea.MarkdownTextarea, {
         minHeight: props.minHeight,
         mode: "default",
         visible: selectedTab === 'editor',
@@ -173,29 +173,29 @@ function MarkdownEditor(props) {
                 setCurrentValue(value);
             });
         }
-    }), selectedTab === 'preview' && _react.createElement(_react.Suspense, {
-        fallback: _react.createElement(_MarkdownPreviewSkeleton.default, null)
-    }, _react.createElement(MarkdownPreview, {
+    }), selectedTab === 'preview' && /*#__PURE__*/ _react.createElement(_react.Suspense, {
+        fallback: /*#__PURE__*/ _react.createElement(_MarkdownPreviewSkeleton.default, null)
+    }, /*#__PURE__*/ _react.createElement(MarkdownPreview, {
         direction: direction,
         minHeight: props.minHeight,
         mode: "default",
         value: currentValue,
         previewComponents: props.previewComponents
-    })), _react.createElement(_MarkdownBottomBar.MarkdownBottomBar, null, _react.createElement(_MarkdownBottomBar.MarkdownHelp, {
+    })), /*#__PURE__*/ _react.createElement(_MarkdownBottomBar.MarkdownBottomBar, null, /*#__PURE__*/ _react.createElement(_MarkdownBottomBar.MarkdownHelp, {
         mode: selectedTab,
         onClick: openMarkdownHelp
-    })), _react.createElement(_MarkdownConstraints.MarkdownConstraints, {
+    })), /*#__PURE__*/ _react.createElement(_MarkdownConstraints.MarkdownConstraints, {
         sdk: props.sdk,
         value: currentValue
     }));
 }
 function MarkdownEditorConnected(props) {
-    return _react.createElement(_fieldeditorshared.FieldConnector, {
+    return /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
         debounce: 300,
         field: props.sdk.field,
         isInitiallyDisabled: props.isInitiallyDisabled,
         isDisabled: props.isDisabled
-    }, ({ value, disabled, setValue, externalReset })=>_react.createElement(MarkdownEditor, {
+    }, ({ value, disabled, setValue, externalReset })=>/*#__PURE__*/ _react.createElement(MarkdownEditor, {
             ...props,
             value: value,
             isDisabled: disabled,

package/dist/cjs/components/HeadingSelector.js

@@ -55,13 +55,13 @@ const HeadingSelector = (props)=>{
     const handleMenuClick = (heading)=>{
         props.onSelect(heading);
     };
-    return _react.createElement(_f36components.Menu, null, _react.createElement(_f36components.Menu.Trigger, null, props.children), _react.createElement(_f36components.Menu.List, null, _react.createElement(_f36components.Menu.Item, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Menu, null, /*#__PURE__*/ _react.createElement(_f36components.Menu.Trigger, null, props.children), /*#__PURE__*/ _react.createElement(_f36components.Menu.List, null, /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         testId: "markdown-action-button-heading-h1",
         onClick: ()=>handleMenuClick('h1')
-    }, "Heading 1"), _react.createElement(_f36components.Menu.Item, {
+    }, "Heading 1"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         testId: "markdown-action-button-heading-h2",
         onClick: ()=>handleMenuClick('h2')
-    }, "Heading 2"), _react.createElement(_f36components.Menu.Item, {
+    }, "Heading 2"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         testId: "markdown-action-button-heading-h3",
         onClick: ()=>handleMenuClick('h3')
     }, "Heading 3")));

package/dist/cjs/components/InsertLinkSelector.js

@@ -54,11 +54,11 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const InsertLinkSelector = (props)=>{
     if (props.canAddNew) {
-        return _react.createElement(MultipleMediaContextMenu, props);
+        return /*#__PURE__*/ _react.createElement(MultipleMediaContextMenu, props);
     } else {
-        return _react.createElement(_f36components.Button, {
+        return /*#__PURE__*/ _react.createElement(_f36components.Button, {
             isDisabled: props.disabled,
-            startIcon: _react.createElement(_f36icons.AssetIcon, null),
+            startIcon: /*#__PURE__*/ _react.createElement(_f36icons.AssetIcon, null),
             testId: "markdownEditor.linkExistingAssets",
             size: "small",
             variant: "secondary",
@@ -69,19 +69,19 @@ const InsertLinkSelector = (props)=>{
     }
 };
 const MultipleMediaContextMenu = (props)=>{
-    return _react.createElement(_f36components.Menu, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Menu, {
         placement: "bottom-end"
-    }, _react.createElement(_f36components.Menu.Trigger, null, _react.createElement(_f36components.Button, {
-        endIcon: _react.createElement(_f36icons.ChevronDownIcon, null),
+    }, /*#__PURE__*/ _react.createElement(_f36components.Menu.Trigger, null, /*#__PURE__*/ _react.createElement(_f36components.Button, {
+        endIcon: /*#__PURE__*/ _react.createElement(_f36icons.ChevronDownIcon, null),
         isDisabled: props.disabled,
-        startIcon: _react.createElement(_f36icons.AssetIcon, null),
+        startIcon: /*#__PURE__*/ _react.createElement(_f36icons.AssetIcon, null),
         testId: "markdownEditor.insertMediaDropdownTrigger",
         size: "small",
         variant: "secondary"
-    }, "Insert media")), _react.createElement(_f36components.Menu.List, null, _react.createElement(_f36components.Menu.Item, {
+    }, "Insert media")), /*#__PURE__*/ _react.createElement(_f36components.Menu.List, null, /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         testId: "markdownEditor.uploadAssetsAndLink",
         onClick: ()=>props.onAddNew()
-    }, "Add new media and link"), _react.createElement(_f36components.Menu.Item, {
+    }, "Add new media and link"), /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
         testId: "markdownEditor.linkExistingAssets",
         onClick: ()=>props.onSelectExisting()
     }, "Link existing media")));

package/dist/cjs/components/MarkdownBottomBar.js

@@ -90,13 +90,13 @@ const styles = {
     })
 };
 function MarkdownCounter(props) {
-    return _react.createElement(_f36components.Paragraph, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Paragraph, {
         marginBottom: "none",
         className: styles.help
     }, props.words, " ", props.words !== 1 ? 'words' : 'word', ", ", props.characters, ' ', props.characters !== 1 ? 'characters' : 'character');
 }
 function SanitizeMessage() {
-    return _react.createElement("span", null, "The preview of the content in this field will be sanitized.", ' ', _react.createElement(_f36components.TextLink, {
+    return /*#__PURE__*/ _react.createElement("span", null, "The preview of the content in this field will be sanitized.", ' ', /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
         as: "a",
         target: "_blank",
         rel: "noopener noreferrer",
@@ -104,7 +104,7 @@ function SanitizeMessage() {
     }, "Learn more."));
 }
 function CheatSheetMessage({ onClick }) {
-    return _react.createElement("span", null, "Format your text like a pro with the", ' ', _react.createElement(_f36components.TextLink, {
+    return /*#__PURE__*/ _react.createElement("span", null, "Format your text like a pro with the", ' ', /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
         as: "button",
         testId: "open-markdown-cheatsheet-button",
         onClick: onClick
@@ -114,33 +114,33 @@ function MarkdownHelp(props) {
     let content;
     switch(props.mode){
         case 'preview':
-            content = _react.createElement(SanitizeMessage, null);
+            content = /*#__PURE__*/ _react.createElement(SanitizeMessage, null);
             break;
         case 'editor':
-            content = _react.createElement(CheatSheetMessage, {
+            content = /*#__PURE__*/ _react.createElement(CheatSheetMessage, {
                 onClick: props.onClick
             });
             break;
         case 'zen':
-            content = _react.createElement(_f36components.Stack, {
+            content = /*#__PURE__*/ _react.createElement(_f36components.Stack, {
                 flexDirection: "column",
                 spacing: "spacing2Xs",
                 alignItems: "flex-start"
-            }, _react.createElement(CheatSheetMessage, {
+            }, /*#__PURE__*/ _react.createElement(CheatSheetMessage, {
                 onClick: props.onClick
-            }), _react.createElement(SanitizeMessage, null));
+            }), /*#__PURE__*/ _react.createElement(SanitizeMessage, null));
             break;
         default:
             content = null;
             throw new Error(`Invalid HelpMode provided in MarkdownHelp: ${props.mode}`);
     }
-    return _react.createElement(_f36components.Paragraph, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Paragraph, {
         marginBottom: "none",
         className: styles.help
     }, content);
 }
 function MarkdownBottomBar(props) {
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: styles.root
     }, props.children);
 }

package/dist/cjs/components/MarkdownConstraints.js

@@ -70,12 +70,12 @@ const styles = {
 function MarkdownConstraints(props) {
     const constraints = _fieldeditorshared.ConstraintsUtils.fromFieldValidations(props.sdk.field.validations, props.sdk.field.type);
     const checkConstraint = _fieldeditorshared.ConstraintsUtils.makeChecker(constraints);
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: styles.root
-    }, _react.createElement(_fieldeditorshared.CharCounter, {
+    }, /*#__PURE__*/ _react.createElement(_fieldeditorshared.CharCounter, {
         value: props.value,
         checkConstraint: checkConstraint
-    }), _react.createElement(_fieldeditorshared.CharValidation, {
+    }), /*#__PURE__*/ _react.createElement(_fieldeditorshared.CharValidation, {
         constraints: constraints
     }));
 }

package/dist/cjs/components/MarkdownPreview.js

@@ -215,24 +215,24 @@ const styles = {
 function MarkdownLink(props) {
     const { Embedly, children, ...rest } = props;
     if (props.className === 'embedly-card' && Embedly) {
-        return _react.createElement(Embedly, {
+        return /*#__PURE__*/ _react.createElement(Embedly, {
             url: props.href ?? ''
         });
     }
-    return _react.createElement("a", {
+    return /*#__PURE__*/ _react.createElement("a", {
         ...rest,
         target: "_blank",
         rel: "noopener noreferrer"
     }, children);
 }
-const MarkdownPreview = _react.memo((props)=>{
+const MarkdownPreview = /*#__PURE__*/ _react.memo((props)=>{
     const className = (0, _emotion.cx)(props.minHeight !== undefined ? (0, _emotion.css)({
         minHeight: props.minHeight
     }) : undefined, props.mode === 'default' ? styles.framed : styles.zen, props.direction === 'rtl' ? styles.rtl : undefined);
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: className,
         "data-test-id": "markdown-preview"
-    }, _react.createElement(_reactmarkdown.default, {
+    }, /*#__PURE__*/ _react.createElement(_reactmarkdown.default, {
         className: styles.root,
         rehypePlugins: [
             _rehyperaw.default,
@@ -245,7 +245,7 @@ const MarkdownPreview = _react.memo((props)=>{
             allowDangerousHtml: true
         },
         components: {
-            a: (markdownProps)=>_react.createElement(MarkdownLink, {
+            a: (markdownProps)=>/*#__PURE__*/ _react.createElement(MarkdownLink, {
                     ...markdownProps,
                     Embedly: props.previewComponents?.embedly
                 })

package/dist/cjs/components/MarkdownPreviewSkeleton.js

@@ -26,9 +26,9 @@ const styles = {
     })
 };
 function MarkdownPreviewSkeleton() {
-    return _react.default.createElement(_f36components.Skeleton.Container, {
+    return /*#__PURE__*/ _react.default.createElement(_f36components.Skeleton.Container, {
         className: styles.root
-    }, _react.default.createElement(_f36components.Skeleton.DisplayText, null), _react.default.createElement(_f36components.Skeleton.BodyText, {
+    }, /*#__PURE__*/ _react.default.createElement(_f36components.Skeleton.DisplayText, null), /*#__PURE__*/ _react.default.createElement(_f36components.Skeleton.BodyText, {
         offsetTop: 37,
         numberOfLines: 5
     }));

package/dist/cjs/components/MarkdownTabs.js

@@ -101,7 +101,7 @@ const styles = {
     })
 };
 function MarkdownTabItem(props) {
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: (0, _emotion.cx)(styles.tab, {
             [styles.inactiveTab]: props.isActive === false,
             [styles.disabledTab]: props.isDisabled === true
@@ -122,15 +122,15 @@ function MarkdownTabItem(props) {
     }, props.children);
 }
 function MarkdownTabs(props) {
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: styles.root
-    }, _react.createElement(MarkdownTabItem, {
+    }, /*#__PURE__*/ _react.createElement(MarkdownTabItem, {
         name: "editor",
         onSelect: props.onSelect,
         isActive: props.active === 'editor',
         testId: "markdown-tab-md",
         isDisabled: props.enableTab && props.enableTab !== 'editor'
-    }, "Editor"), _react.createElement(MarkdownTabItem, {
+    }, "Editor"), /*#__PURE__*/ _react.createElement(MarkdownTabItem, {
         name: "preview",
         onSelect: props.onSelect,
         isActive: props.active === 'preview',

package/dist/cjs/components/MarkdownTextarea/MarkdownTextarea.js

@@ -154,7 +154,7 @@ const styles = {
     }
   `
 };
-const MarkdownTextarea = _react.default.memo((props)=>{
+const MarkdownTextarea = /*#__PURE__*/ _react.default.memo((props)=>{
     const hostRef = (0, _react.useRef)(null);
     const [editor, setEditor] = (0, _react.useState)(null);
     (0, _react.useEffect)(()=>{
@@ -180,7 +180,7 @@ const MarkdownTextarea = _react.default.memo((props)=>{
     const className = (0, _emotion.cx)(styles.root, props.minHeight !== undefined ? (0, _emotion.css)({
         minHeight: props.minHeight
     }) : undefined, props.mode === 'default' ? styles.framed : styles.zen, props.disabled && styles.disabled);
-    return _react.default.createElement("div", {
+    return /*#__PURE__*/ _react.default.createElement("div", {
         className: className,
         ref: hostRef,
         "data-test-id": "markdown-textarea",

package/dist/cjs/components/MarkdownToolbar.js

@@ -103,14 +103,14 @@ const styles = {
         zIndex: Number(_f36tokens.default.zIndexTooltip)
     })
 };
-const ToolbarButton = _react.forwardRef((props, ref)=>{
+const ToolbarButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { tooltip, onClick, children, className, variant = 'transparent', tooltipPlace = 'top', isDisabled = false, ...otherProps } = props;
-    return _react.createElement(_f36components.Tooltip, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Tooltip, {
         className: styles.tooltip,
         usePortal: true,
         placement: tooltipPlace,
         content: tooltip
-    }, _react.createElement(_f36components.IconButton, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.IconButton, {
         ...otherProps,
         ref: ref,
         className: (0, _emotion.cx)(styles.button, className),
@@ -125,231 +125,231 @@ const ToolbarButton = _react.forwardRef((props, ref)=>{
 ToolbarButton.displayName = 'ToolbarButton';
 function MainButtons(props) {
     const tooltipPlace = props.mode === 'zen' ? 'bottom' : 'top';
-    return _react.createElement(_react.Fragment, null, _react.createElement(_HeadingSelector.HeadingSelector, {
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_HeadingSelector.HeadingSelector, {
         onSelect: (heading)=>{
             if (heading && props.actions.headings[heading]) {
                 props.actions.headings[heading]();
             }
         }
-    }, _react.createElement(ToolbarButton, {
+    }, /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-heading",
         tooltip: "Headings",
         tooltipPlace: tooltipPlace
-    }, _react.createElement(_f36icons.HeadingIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.HeadingIcon, {
         "aria-label": "Headings",
         className: styles.icon
-    }))), _react.createElement(ToolbarButton, {
+    }))), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-bold",
         tooltip: "Bold",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.bold
-    }, _react.createElement(_f36icons.FormatBoldIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.FormatBoldIcon, {
         "aria-label": "Bold",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-italic",
         tooltip: "Italic",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.italic
-    }, _react.createElement(_f36icons.FormatItalicIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.FormatItalicIcon, {
         "aria-label": "Italic",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-quote",
         tooltip: "Quote",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.quote
-    }, _react.createElement(_f36icons.QuoteIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.QuoteIcon, {
         "aria-label": "Quote",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-ul",
         tooltip: "Unordered list",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.ul
-    }, _react.createElement(_f36icons.ListBulletedIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.ListBulletedIcon, {
         "aria-label": "Unordered list",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-ol",
         tooltip: "Ordered list",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.ol
-    }, _react.createElement(_f36icons.ListNumberedIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.ListNumberedIcon, {
         "aria-label": "Ordered list",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-link",
         tooltip: "Link",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.insertLink
-    }, _react.createElement(_f36icons.LinkIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.LinkIcon, {
         "aria-label": "Link",
         className: styles.icon
     })));
 }
 function AdditionalButtons(props) {
     const tooltipPlace = props.mode === 'zen' ? 'bottom' : 'top';
-    return _react.createElement(_react.Fragment, null, _react.createElement(ToolbarButton, {
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-strike",
         tooltip: "Strike out",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.strike
-    }, _react.createElement(_icons.Strikethrough, {
+    }, /*#__PURE__*/ _react.createElement(_icons.Strikethrough, {
         label: "Strike out",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-code",
         tooltip: "Code block",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.code
-    }, _react.createElement(_f36icons.CodeIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.CodeIcon, {
         "aria-label": "Code block",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-hr",
         tooltip: "Horizontal rule",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.hr
-    }, _react.createElement(_f36icons.HorizontalRuleIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.HorizontalRuleIcon, {
         "aria-label": "Horizontal rule",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-indent",
         tooltip: "Increase indentation",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.indent
-    }, _react.createElement(_icons.Indent, {
+    }, /*#__PURE__*/ _react.createElement(_icons.Indent, {
         label: "Increase indentation",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-dedent",
         tooltip: "Decrease indentation",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.dedent
-    }, _react.createElement(_icons.Dedent, {
+    }, /*#__PURE__*/ _react.createElement(_icons.Dedent, {
         label: "Decrease indentation",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-embed",
         tooltip: "Embed external content",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.embedExternalContent
-    }, _react.createElement(_icons.Cubes, {
+    }, /*#__PURE__*/ _react.createElement(_icons.Cubes, {
         label: "Embed external content",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-table",
         tooltip: "Insert table",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.insertTable
-    }, _react.createElement(_icons.Table, {
+    }, /*#__PURE__*/ _react.createElement(_icons.Table, {
         label: "Insert table",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-special",
         tooltip: "Insert special character",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.insertSpecialCharacter
-    }, _react.createElement(_icons.SpecialChar, {
+    }, /*#__PURE__*/ _react.createElement(_icons.SpecialChar, {
         label: "Insert special character",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-organizeLinks",
         tooltip: "Organize links",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.organizeLinks
-    }, _react.createElement(_icons.OrgLinks, {
+    }, /*#__PURE__*/ _react.createElement(_icons.OrgLinks, {
         label: "Organize links",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-undo",
         tooltip: "Undo",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.history.undo
-    }, _react.createElement(_icons.Undo, {
+    }, /*#__PURE__*/ _react.createElement(_icons.Undo, {
         label: "Undo",
         className: styles.icon
-    })), _react.createElement(ToolbarButton, {
+    })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-redo",
         tooltip: "Redo",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.history.redo
-    }, _react.createElement(_icons.Redo, {
+    }, /*#__PURE__*/ _react.createElement(_icons.Redo, {
         label: "Redo",
         className: styles.icon
     })));
 }
 function DefaultMarkdownToolbar(props) {
     const [showAdditional, setShowAdditional] = _react.useState(false);
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: styles.root
-    }, _react.createElement(_f36components.Flex, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         justifyContent: "space-between",
         flexWrap: "wrap"
-    }, _react.createElement(_f36components.Flex, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         flexWrap: "wrap"
-    }, _react.createElement(MainButtons, props), _react.createElement(ToolbarButton, {
+    }, /*#__PURE__*/ _react.createElement(MainButtons, props), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-toggle-additional",
         tooltip: showAdditional ? 'Hide additional actions' : 'More actions',
         onClick: ()=>{
             setShowAdditional(!showAdditional);
         }
-    }, _react.createElement(_f36icons.MoreHorizontalIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.MoreHorizontalIcon, {
         className: styles.icon
-    }))), _react.createElement(_f36components.Flex, null, _react.createElement(_InsertLinkSelector.InsertLinkSelector, {
+    }))), /*#__PURE__*/ _react.createElement(_f36components.Flex, null, /*#__PURE__*/ _react.createElement(_InsertLinkSelector.InsertLinkSelector, {
         disabled: props.disabled,
         onSelectExisting: props.actions.linkExistingMedia,
         onAddNew: props.actions.addNewMedia,
         canAddNew: props.canUploadAssets
-    }), _react.createElement(ToolbarButton, {
+    }), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
         testId: "markdown-action-button-zen",
         variant: "secondary",
         onClick: props.actions.openZenMode,
         className: styles.zenButton,
         tooltip: "Expand"
-    }, _react.createElement(_icons.Zen, {
+    }, /*#__PURE__*/ _react.createElement(_icons.Zen, {
         label: "Expand",
         className: styles.icon
-    })))), showAdditional && _react.createElement(_f36components.Flex, {
+    })))), showAdditional && /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         justifyContent: "space-between",
         marginTop: "spacingXs"
-    }, _react.createElement(_f36components.Flex, null, _react.createElement(AdditionalButtons, props))));
+    }, /*#__PURE__*/ _react.createElement(_f36components.Flex, null, /*#__PURE__*/ _react.createElement(AdditionalButtons, props))));
 }
 function ZenMarkdownToolbar(props) {
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         className: styles.root
-    }, _react.createElement(_f36components.Flex, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         justifyContent: "space-between",
         alignItems: "flex-start"
-    }, _react.createElement(_f36components.Flex, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         flexWrap: "wrap"
-    }, _react.createElement(MainButtons, props), _react.createElement(AdditionalButtons, props)), _react.createElement(_f36components.Flex, null, _react.createElement(_InsertLinkSelector.InsertLinkSelector, {
+    }, /*#__PURE__*/ _react.createElement(MainButtons, props), /*#__PURE__*/ _react.createElement(AdditionalButtons, props)), /*#__PURE__*/ _react.createElement(_f36components.Flex, null, /*#__PURE__*/ _react.createElement(_InsertLinkSelector.InsertLinkSelector, {
         disabled: props.disabled,
         onSelectExisting: props.actions.linkExistingMedia,
         onAddNew: props.actions.addNewMedia,
         canAddNew: props.canUploadAssets
-    }), _react.createElement(_f36components.IconButton, {
+    }), /*#__PURE__*/ _react.createElement(_f36components.IconButton, {
         testId: "markdown-action-button-zen-close",
         variant: "secondary",
         size: "small",
@@ -357,17 +357,17 @@ function ZenMarkdownToolbar(props) {
         onClick: ()=>{
             props.actions.closeZenMode();
         },
-        icon: _react.createElement(_icons.Zen, {
+        icon: /*#__PURE__*/ _react.createElement(_icons.Zen, {
             label: "Collapse",
             className: styles.icon
         }),
         "aria-label": "Collapse"
     }))));
 }
-const MarkdownToolbar = _react.memo((props)=>{
+const MarkdownToolbar = /*#__PURE__*/ _react.memo((props)=>{
     if (props.mode === 'zen') {
-        return _react.createElement(ZenMarkdownToolbar, props);
+        return /*#__PURE__*/ _react.createElement(ZenMarkdownToolbar, props);
     }
-    return _react.createElement(DefaultMarkdownToolbar, props);
+    return /*#__PURE__*/ _react.createElement(DefaultMarkdownToolbar, props);
 });
 MarkdownToolbar.displayName = 'MarkdownToolbar';