@contentful/field-editor-markdown 1.9.6 → 1.10.0

package/dist/cjs/dialogs/ZenModeModalDialog.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 = {
     root: (0, _emotion.css)({
         display: 'grid',
@@ -166,21 +166,21 @@ const ZenModeModalDialog = (props)=>{
         });
     };
     const direction = props.sdk.locales.direction[props.locale] ?? 'ltr';
-    return _react.createElement(_f36components.Grid, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Grid, {
         className: styles.root,
         "data-test-id": "zen-mode-markdown-editor"
-    }, _react.createElement(_f36components.Grid.Item, {
+    }, /*#__PURE__*/ _react.createElement(_f36components.Grid.Item, {
         className: styles.topSplit
-    }, _react.createElement(_MarkdownToolbar.MarkdownToolbar, {
+    }, /*#__PURE__*/ _react.createElement(_MarkdownToolbar.MarkdownToolbar, {
         mode: "zen",
         disabled: false,
         canUploadAssets: false,
         actions: actions
-    })), _react.createElement(_f36components.Grid.Item, {
+    })), /*#__PURE__*/ _react.createElement(_f36components.Grid.Item, {
         className: (0, _emotion.cx)(styles.editorSplit, {
             [styles.editorSplitFullscreen]: showPreview === false
         })
-    }, _react.createElement(_MarkdownTextarea.MarkdownTextarea, {
+    }, /*#__PURE__*/ _react.createElement(_MarkdownTextarea.MarkdownTextarea, {
         mode: "zen",
         visible: true,
         disabled: false,
@@ -195,40 +195,40 @@ const ZenModeModalDialog = (props)=>{
                 props.saveValueToSDK(value);
             });
         }
-    })), showPreview && _react.createElement(_f36components.Grid.Item, {
+    })), showPreview && /*#__PURE__*/ _react.createElement(_f36components.Grid.Item, {
         className: styles.previewSplit
-    }, _react.createElement(_react.Suspense, {
-        fallback: _react.createElement(_MarkdownPreviewSkeleton.default, null)
-    }, _react.createElement(MarkdownPreview, {
+    }, /*#__PURE__*/ _react.createElement(_react.Suspense, {
+        fallback: /*#__PURE__*/ _react.createElement(_MarkdownPreviewSkeleton.default, null)
+    }, /*#__PURE__*/ _react.createElement(MarkdownPreview, {
         direction: direction,
         mode: "zen",
         value: currentValue,
         previewComponents: props.previewComponents
-    }))), showPreview && _react.createElement(_f36components.Grid.Item, {
+    }))), showPreview && /*#__PURE__*/ _react.createElement(_f36components.Grid.Item, {
         className: styles.separator
-    }), showPreview && _react.createElement("button", {
+    }), showPreview && /*#__PURE__*/ _react.createElement("button", {
         className: (0, _emotion.cx)(styles.button, styles.hideButton),
         "aria-label": "Hide preview",
         onClick: ()=>{
             setShowPreview(false);
         }
-    }, _react.createElement(_f36icons.ChevronRightIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.ChevronRightIcon, {
         variant: "muted",
         size: "tiny",
         className: styles.icon
-    })), !showPreview && _react.createElement("button", {
+    })), !showPreview && /*#__PURE__*/ _react.createElement("button", {
         className: (0, _emotion.cx)(styles.button, styles.showButton),
         "aria-label": "Show preview",
         onClick: ()=>{
             setShowPreview(true);
         }
-    }, _react.createElement(_f36icons.ChevronLeftIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.ChevronLeftIcon, {
         variant: "muted",
         size: "tiny",
         className: styles.icon
-    })), _react.createElement(_f36components.Grid.Item, {
+    })), /*#__PURE__*/ _react.createElement(_f36components.Grid.Item, {
         className: styles.bottomSplit
-    }, _react.createElement(_MarkdownBottomBar.MarkdownBottomBar, null, _react.createElement(_MarkdownBottomBar.MarkdownHelp, {
+    }, /*#__PURE__*/ _react.createElement(_MarkdownBottomBar.MarkdownBottomBar, null, /*#__PURE__*/ _react.createElement(_MarkdownBottomBar.MarkdownHelp, {
         mode: "zen",
         onClick: ()=>{
             (0, _CheatsheetModalDialog.openCheatsheetModal)(props.sdk.dialogs);

package/dist/cjs/dialogs/openMarkdownDialog.js

@@ -62,31 +62,31 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const openMarkdownDialog = (sdk, previewComponents)=>(options)=>{
         if (options.parameters?.type === _types.MarkdownDialogType.cheatsheet) {
             return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ()=>{
-                return _react.createElement(_CheatsheetModalDialog.CheatsheetModalDialog, null);
+                return /*#__PURE__*/ _react.createElement(_CheatsheetModalDialog.CheatsheetModalDialog, null);
             });
         } else if (options.parameters?.type === _types.MarkdownDialogType.insertLink) {
             const selectedText = options.parameters.selectedText;
             return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose })=>{
-                return _react.createElement(_InsertLinkModalDialog.InsertLinkModal, {
+                return /*#__PURE__*/ _react.createElement(_InsertLinkModalDialog.InsertLinkModal, {
                     selectedText: selectedText,
                     onClose: onClose
                 });
             });
         } else if (options.parameters?.type === _types.MarkdownDialogType.insertSpecialCharacter) {
             return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose })=>{
-                return _react.createElement(_SpecialCharacterModalDialog.SpecialCharacterModalDialog, {
+                return /*#__PURE__*/ _react.createElement(_SpecialCharacterModalDialog.SpecialCharacterModalDialog, {
                     onClose: onClose
                 });
             });
         } else if (options.parameters?.type === _types.MarkdownDialogType.insertTable) {
             return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose })=>{
-                return _react.createElement(_InsertTableModalDialog.InsertTableModal, {
+                return /*#__PURE__*/ _react.createElement(_InsertTableModalDialog.InsertTableModal, {
                     onClose: onClose
                 });
             });
         } else if (options.parameters?.type === _types.MarkdownDialogType.embedExternalContent) {
             return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose })=>{
-                return _react.createElement(_EmdebExternalContentDialog.EmbedExternalContentModal, {
+                return /*#__PURE__*/ _react.createElement(_EmdebExternalContentDialog.EmbedExternalContentModal, {
                     onClose: onClose
                 });
             });
@@ -94,7 +94,7 @@ const openMarkdownDialog = (sdk, previewComponents)=>(options)=>{
             const locale = options.parameters.locale;
             const assets = options.parameters.assets;
             return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose })=>{
-                return _react.createElement(_ConfirmInsertAssetModalDialog.ConfirmInsertAssetModalDialog, {
+                return /*#__PURE__*/ _react.createElement(_ConfirmInsertAssetModalDialog.ConfirmInsertAssetModalDialog, {
                     onClose: onClose,
                     locale: locale,
                     assets: assets
@@ -104,7 +104,7 @@ const openMarkdownDialog = (sdk, previewComponents)=>(options)=>{
             const initialValue = options.parameters.initialValue;
             const locale = options.parameters.locale;
             return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose })=>{
-                return _react.createElement(_ZenModeModalDialog.ZenModeModalDialog, {
+                return /*#__PURE__*/ _react.createElement(_ZenModeModalDialog.ZenModeModalDialog, {
                     saveValueToSDK: (value)=>{
                         if (value) {
                             return sdk?.field?.setValue(value);

package/dist/cjs/dialogs/renderMarkdownDialog.js

@@ -62,34 +62,34 @@ const renderMarkdownDialog = (sdk)=>{
     const parameters = sdk.parameters.invocation;
     if (parameters.type === _types.MarkdownDialogType.cheatsheet) {
         sdk.window.startAutoResizer();
-        return _react.createElement(_CheatsheetModalDialog.CheatsheetModalDialog, null);
+        return /*#__PURE__*/ _react.createElement(_CheatsheetModalDialog.CheatsheetModalDialog, null);
     } else if (parameters.type === _types.MarkdownDialogType.insertLink) {
         const selectedText = parameters.selectedText;
         sdk.window.startAutoResizer();
-        return _react.createElement(_InsertLinkModalDialog.InsertLinkModal, {
+        return /*#__PURE__*/ _react.createElement(_InsertLinkModalDialog.InsertLinkModal, {
             selectedText: selectedText,
             onClose: sdk.close
         });
     } else if (parameters.type === _types.MarkdownDialogType.insertSpecialCharacter) {
         sdk.window.startAutoResizer();
-        return _react.createElement(_SpecialCharacterModalDialog.SpecialCharacterModalDialog, {
+        return /*#__PURE__*/ _react.createElement(_SpecialCharacterModalDialog.SpecialCharacterModalDialog, {
             onClose: sdk.close
         });
     } else if (parameters.type === _types.MarkdownDialogType.insertTable) {
         sdk.window.startAutoResizer();
-        return _react.createElement(_InsertTableModalDialog.InsertTableModal, {
+        return /*#__PURE__*/ _react.createElement(_InsertTableModalDialog.InsertTableModal, {
             onClose: sdk.close
         });
     } else if (parameters.type === _types.MarkdownDialogType.embedExternalContent) {
         sdk.window.startAutoResizer();
-        return _react.createElement(_EmdebExternalContentDialog.EmbedExternalContentModal, {
+        return /*#__PURE__*/ _react.createElement(_EmdebExternalContentDialog.EmbedExternalContentModal, {
             onClose: sdk.close
         });
     } else if (parameters.type === _types.MarkdownDialogType.confirmInsertAsset) {
         const locale = parameters.locale;
         const assets = parameters.assets;
         sdk.window.startAutoResizer();
-        return _react.createElement(_ConfirmInsertAssetModalDialog.ConfirmInsertAssetModalDialog, {
+        return /*#__PURE__*/ _react.createElement(_ConfirmInsertAssetModalDialog.ConfirmInsertAssetModalDialog, {
             onClose: sdk.close,
             locale: locale,
             assets: assets
@@ -98,7 +98,7 @@ const renderMarkdownDialog = (sdk)=>{
         const locale = parameters.locale;
         const initialValue = parameters.initialValue;
         sdk.window.updateHeight('100%');
-        return _react.createElement(_ZenModeModalDialog.ZenModeModalDialog, {
+        return /*#__PURE__*/ _react.createElement(_ZenModeModalDialog.ZenModeModalDialog, {
             onClose: sdk.close,
             saveValueToSDK: ()=>{},
             initialValue: initialValue,
@@ -106,5 +106,5 @@ const renderMarkdownDialog = (sdk)=>{
             sdk: sdk
         });
     }
-    return _react.createElement("div", null);
+    return /*#__PURE__*/ _react.createElement("div", null);
 };

package/dist/cjs/types.js

@@ -8,7 +8,8 @@ Object.defineProperty(exports, "MarkdownDialogType", {
         return MarkdownDialogType;
     }
 });
-var MarkdownDialogType = /*#__PURE__*/ function(MarkdownDialogType) {
+var MarkdownDialogType;
+(function(MarkdownDialogType) {
     MarkdownDialogType["cheatsheet"] = "markdown-cheatsheet";
     MarkdownDialogType["insertLink"] = "markdown-insertLink";
     MarkdownDialogType["insertSpecialCharacter"] = "markdown-insertSpecialCharacter";
@@ -16,5 +17,4 @@ var MarkdownDialogType = /*#__PURE__*/ function(MarkdownDialogType) {
     MarkdownDialogType["embedExternalContent"] = "markdown-embedExternalContent";
     MarkdownDialogType["confirmInsertAsset"] = "markdown-confirmInsertAsset";
     MarkdownDialogType["zenMode"] = "markdown-zenMode";
-    return MarkdownDialogType;
-}({});
+})(MarkdownDialogType || (MarkdownDialogType = {}));

package/dist/esm/MarkdownEditor.js

@@ -10,7 +10,7 @@ import { MarkdownTextarea } from './components/MarkdownTextarea/MarkdownTextarea
 import { MarkdownToolbar } from './components/MarkdownToolbar';
 import { openCheatsheetModal } from './dialogs/CheatsheetModalDialog';
 import { createMarkdownActions } from './MarkdownActions';
-const MarkdownPreview = React.lazy(()=>import('./components/MarkdownPreview'));
+const MarkdownPreview = /*#__PURE__*/ React.lazy(()=>import('./components/MarkdownPreview'));
 const styles = {
     container: css({
         display: 'flex',
@@ -78,22 +78,22 @@ export function MarkdownEditor(props) {
     const openMarkdownHelp = React.useCallback(()=>{
         openCheatsheetModal(props.sdk.dialogs);
     }, []);
-    return React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: styles.container,
         "data-test-id": "markdown-editor"
-    }, React.createElement(MarkdownTabs, {
+    }, /*#__PURE__*/ React.createElement(MarkdownTabs, {
         active: selectedTab,
         onSelect: (tab)=>{
             if (props.enableTab) return;
             setSelectedTab(tab);
         },
         enableTab: props.enableTab
-    }), React.createElement(MarkdownToolbar, {
+    }), /*#__PURE__*/ React.createElement(MarkdownToolbar, {
         mode: "default",
         disabled: isActionDisabled,
         canUploadAssets: canUploadAssets,
         actions: actions
-    }), React.createElement(MarkdownTextarea, {
+    }), /*#__PURE__*/ React.createElement(MarkdownTextarea, {
         minHeight: props.minHeight,
         mode: "default",
         visible: selectedTab === 'editor',
@@ -109,29 +109,29 @@ export function MarkdownEditor(props) {
                 setCurrentValue(value);
             });
         }
-    }), selectedTab === 'preview' && React.createElement(React.Suspense, {
-        fallback: React.createElement(MarkdownPreviewSkeleton, null)
-    }, React.createElement(MarkdownPreview, {
+    }), selectedTab === 'preview' && /*#__PURE__*/ React.createElement(React.Suspense, {
+        fallback: /*#__PURE__*/ React.createElement(MarkdownPreviewSkeleton, null)
+    }, /*#__PURE__*/ React.createElement(MarkdownPreview, {
         direction: direction,
         minHeight: props.minHeight,
         mode: "default",
         value: currentValue,
         previewComponents: props.previewComponents
-    })), React.createElement(MarkdownBottomBar, null, React.createElement(MarkdownHelp, {
+    })), /*#__PURE__*/ React.createElement(MarkdownBottomBar, null, /*#__PURE__*/ React.createElement(MarkdownHelp, {
         mode: selectedTab,
         onClick: openMarkdownHelp
-    })), React.createElement(MarkdownConstraints, {
+    })), /*#__PURE__*/ React.createElement(MarkdownConstraints, {
         sdk: props.sdk,
         value: currentValue
     }));
 }
 export function MarkdownEditorConnected(props) {
-    return React.createElement(FieldConnector, {
+    return /*#__PURE__*/ React.createElement(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/esm/components/HeadingSelector.js

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

package/dist/esm/components/InsertLinkSelector.js

@@ -3,11 +3,11 @@ import { Button, Menu } from '@contentful/f36-components';
 import { AssetIcon, ChevronDownIcon } from '@contentful/f36-icons';
 export const InsertLinkSelector = (props)=>{
     if (props.canAddNew) {
-        return React.createElement(MultipleMediaContextMenu, props);
+        return /*#__PURE__*/ React.createElement(MultipleMediaContextMenu, props);
     } else {
-        return React.createElement(Button, {
+        return /*#__PURE__*/ React.createElement(Button, {
             isDisabled: props.disabled,
-            startIcon: React.createElement(AssetIcon, null),
+            startIcon: /*#__PURE__*/ React.createElement(AssetIcon, null),
             testId: "markdownEditor.linkExistingAssets",
             size: "small",
             variant: "secondary",
@@ -18,19 +18,19 @@ export const InsertLinkSelector = (props)=>{
     }
 };
 const MultipleMediaContextMenu = (props)=>{
-    return React.createElement(Menu, {
+    return /*#__PURE__*/ React.createElement(Menu, {
         placement: "bottom-end"
-    }, React.createElement(Menu.Trigger, null, React.createElement(Button, {
-        endIcon: React.createElement(ChevronDownIcon, null),
+    }, /*#__PURE__*/ React.createElement(Menu.Trigger, null, /*#__PURE__*/ React.createElement(Button, {
+        endIcon: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),
         isDisabled: props.disabled,
-        startIcon: React.createElement(AssetIcon, null),
+        startIcon: /*#__PURE__*/ React.createElement(AssetIcon, null),
         testId: "markdownEditor.insertMediaDropdownTrigger",
         size: "small",
         variant: "secondary"
-    }, "Insert media")), React.createElement(Menu.List, null, React.createElement(Menu.Item, {
+    }, "Insert media")), /*#__PURE__*/ React.createElement(Menu.List, null, /*#__PURE__*/ React.createElement(Menu.Item, {
         testId: "markdownEditor.uploadAssetsAndLink",
         onClick: ()=>props.onAddNew()
-    }, "Add new media and link"), React.createElement(Menu.Item, {
+    }, "Add new media and link"), /*#__PURE__*/ React.createElement(Menu.Item, {
         testId: "markdownEditor.linkExistingAssets",
         onClick: ()=>props.onSelectExisting()
     }, "Link existing media")));

package/dist/esm/components/MarkdownBottomBar.js

@@ -23,13 +23,13 @@ const styles = {
     })
 };
 export function MarkdownCounter(props) {
-    return React.createElement(Paragraph, {
+    return /*#__PURE__*/ React.createElement(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(TextLink, {
+    return /*#__PURE__*/ React.createElement("span", null, "The preview of the content in this field will be sanitized.", ' ', /*#__PURE__*/ React.createElement(TextLink, {
         as: "a",
         target: "_blank",
         rel: "noopener noreferrer",
@@ -37,7 +37,7 @@ function SanitizeMessage() {
     }, "Learn more."));
 }
 function CheatSheetMessage({ onClick }) {
-    return React.createElement("span", null, "Format your text like a pro with the", ' ', React.createElement(TextLink, {
+    return /*#__PURE__*/ React.createElement("span", null, "Format your text like a pro with the", ' ', /*#__PURE__*/ React.createElement(TextLink, {
         as: "button",
         testId: "open-markdown-cheatsheet-button",
         onClick: onClick
@@ -47,33 +47,33 @@ export 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(Stack, {
+            content = /*#__PURE__*/ React.createElement(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(Paragraph, {
+    return /*#__PURE__*/ React.createElement(Paragraph, {
         marginBottom: "none",
         className: styles.help
     }, content);
 }
 export function MarkdownBottomBar(props) {
-    return React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: styles.root
     }, props.children);
 }

package/dist/esm/components/MarkdownConstraints.js

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

package/dist/esm/components/MarkdownPreview.js

@@ -159,24 +159,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 = cx(props.minHeight !== undefined ? 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, {
+    }, /*#__PURE__*/ React.createElement(ReactMarkdown, {
         className: styles.root,
         rehypePlugins: [
             rehypeRaw,
@@ -189,7 +189,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/esm/components/MarkdownPreviewSkeleton.js

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

package/dist/esm/components/MarkdownTabs.js

@@ -45,7 +45,7 @@ const styles = {
     })
 };
 function MarkdownTabItem(props) {
-    return React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: cx(styles.tab, {
             [styles.inactiveTab]: props.isActive === false,
             [styles.disabledTab]: props.isDisabled === true
@@ -66,15 +66,15 @@ function MarkdownTabItem(props) {
     }, props.children);
 }
 export 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/esm/components/MarkdownTextarea/MarkdownTextarea.js

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