@contentful/field-editor-rich-text 3.15.0 → 3.15.1

package/dist/cjs/ContentfulEditorProvider.js

@@ -9,21 +9,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getContentfulEditorId: function() {
-        return getContentfulEditorId;
+    ContentfulEditorIdProvider: function() {
+        return ContentfulEditorIdProvider;
     },
     editorContext: function() {
         return editorContext;
     },
-    ContentfulEditorIdProvider: function() {
-        return ContentfulEditorIdProvider;
-    },
-    useContentfulEditorId: function() {
-        return useContentfulEditorId;
+    getContentfulEditorId: function() {
+        return getContentfulEditorId;
     },
     useContentfulEditor: function() {
         return useContentfulEditor;
     },
+    useContentfulEditorId: function() {
+        return useContentfulEditorId;
+    },
     useContentfulEditorRef: function() {
         return useContentfulEditorRef;
     }
@@ -31,7 +31,7 @@ _export(exports, {
 const _react = require("react");
 const _hooks = require("./internal/hooks");
 function getContentfulEditorId(sdk) {
-    const { entry , field  } = sdk;
+    const { entry, field } = sdk;
     const sys = entry.getSys();
     return `rich-text-editor-${sys.id}-${field.id}-${field.locale}`;
 }

package/dist/cjs/RichTextEditor.js

@@ -16,14 +16,14 @@ _export(exports, {
         return _default;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditorreference = require("@contentful/field-editor-reference");
 const _fieldeditorshared = require("@contentful/field-editor-shared");
-const _richtexttypes = _interop_require_wildcard(require("@contentful/rich-text-types"));
+const _richtexttypes = /*#__PURE__*/ _interop_require_wildcard(require("@contentful/rich-text-types"));
 const _platecommon = require("@udecode/plate-common");
 const _emotion = require("emotion");
-const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
-const _noop = _interop_require_default(require("lodash/noop"));
+const _fastdeepequal = /*#__PURE__*/ _interop_require_default(require("fast-deep-equal"));
+const _noop = /*#__PURE__*/ _interop_require_default(require("lodash/noop"));
 const _ContentfulEditorProvider = require("./ContentfulEditorProvider");
 const _toSlateValue = require("./helpers/toSlateValue");
 const _misc = require("./internal/misc");
@@ -31,8 +31,8 @@ const _plugins = require("./plugins");
 const _RichTextEditorstyles = require("./RichTextEditor.styles");
 const _SdkProvider = require("./SdkProvider");
 const _SyncEditorChanges = require("./SyncEditorChanges");
-const _Toolbar = _interop_require_default(require("./Toolbar"));
-const _StickyToolbarWrapper = _interop_require_default(require("./Toolbar/components/StickyToolbarWrapper"));
+const _Toolbar = /*#__PURE__*/ _interop_require_default(require("./Toolbar"));
+const _StickyToolbarWrapper = /*#__PURE__*/ _interop_require_default(require("./Toolbar/components/StickyToolbarWrapper"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -59,7 +59,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -78,7 +80,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const ConnectedRichTextEditor = (props)=>{
-    const { sdk , onAction , restrictedMarks  } = props;
+    const { sdk, onAction, restrictedMarks } = props;
     const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(sdk);
     const plugins = _react.useMemo(()=>(0, _plugins.getPlugins)(sdk, onAction ?? _noop.default, restrictedMarks), [
         sdk,
@@ -99,26 +101,26 @@ const ConnectedRichTextEditor = (props)=>{
     }) : undefined, props.maxHeight !== undefined ? (0, _emotion.css)({
         maxHeight: props.maxHeight
     }) : undefined, props.isDisabled ? _RichTextEditorstyles.styles.disabled : _RichTextEditorstyles.styles.enabled, props.isToolbarHidden && _RichTextEditorstyles.styles.hiddenToolbar);
-    return _react.createElement(_SdkProvider.SdkProvider, {
+    return /*#__PURE__*/ _react.createElement(_SdkProvider.SdkProvider, {
         sdk: sdk
-    }, _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
+    }, /*#__PURE__*/ _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
         value: id
-    }, _react.createElement("div", {
+    }, /*#__PURE__*/ _react.createElement("div", {
         className: _RichTextEditorstyles.styles.root,
         "data-test-id": "rich-text-editor"
-    }, _react.createElement(_platecommon.PlateProvider, {
+    }, /*#__PURE__*/ _react.createElement(_platecommon.PlateProvider, {
         id: id,
         initialValue: initialValue,
         plugins: plugins,
         disableCorePlugins: _plugins.disableCorePlugins
-    }, !props.isToolbarHidden && _react.createElement(_StickyToolbarWrapper.default, {
+    }, !props.isToolbarHidden && /*#__PURE__*/ _react.createElement(_StickyToolbarWrapper.default, {
         isDisabled: props.isDisabled
-    }, _react.createElement(_Toolbar.default, {
+    }, /*#__PURE__*/ _react.createElement(_Toolbar.default, {
         isDisabled: props.isDisabled
-    })), _react.createElement(_SyncEditorChanges.SyncEditorChanges, {
+    })), /*#__PURE__*/ _react.createElement(_SyncEditorChanges.SyncEditorChanges, {
         incomingValue: initialValue,
         onChange: props.onChange
-    }), _react.createElement(_platecommon.Plate, {
+    }), /*#__PURE__*/ _react.createElement(_platecommon.Plate, {
         id: id,
         editableProps: {
             className: classNames,
@@ -127,18 +129,18 @@ const ConnectedRichTextEditor = (props)=>{
     })))));
 };
 const RichTextEditor = (props)=>{
-    const { sdk , isInitiallyDisabled , onAction , restrictedMarks , ...otherProps } = props;
+    const { sdk, isInitiallyDisabled, onAction, restrictedMarks, ...otherProps } = props;
     const isEmptyValue = _react.useCallback((value)=>!value || (0, _fastdeepequal.default)(value, _richtexttypes.EMPTY_DOCUMENT), []);
     const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(props.sdk);
-    return _react.createElement(_fieldeditorreference.EntityProvider, {
+    return /*#__PURE__*/ _react.createElement(_fieldeditorreference.EntityProvider, {
         sdk: sdk
-    }, _react.createElement(_fieldeditorshared.FieldConnector, {
+    }, /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
         debounce: 0,
         field: sdk.field,
         isInitiallyDisabled: isInitiallyDisabled,
         isEmptyValue: isEmptyValue,
         isEqualValues: _fastdeepequal.default
-    }, ({ lastRemoteValue , disabled , setValue  })=>_react.createElement(ConnectedRichTextEditor, {
+    }, ({ lastRemoteValue, disabled, setValue })=>/*#__PURE__*/ _react.createElement(ConnectedRichTextEditor, {
             ...otherProps,
             key: `rich-text-editor-${id}`,
             value: lastRemoteValue,

package/dist/cjs/RichTextEditor.styles.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "styles", {
         return styles;
     }
 });
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -42,6 +42,7 @@ const styles = {
                 }
             }
         },
+        // We need to reset LIC style due to conflicts between PARAGRAPH styles
         'ul > li > div': {
             margin: 0
         }

package/dist/cjs/SdkProvider.js

@@ -16,8 +16,8 @@ _export(exports, {
         return useSdkContext;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _constate = _interop_require_default(require("constate"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _constate = /*#__PURE__*/ _interop_require_default(require("constate"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -44,7 +44,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -62,8 +64,8 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function useSdk({ sdk  }) {
-    const sdkMemo = _react.useMemo(()=>sdk, []);
+function useSdk({ sdk }) {
+    const sdkMemo = _react.useMemo(()=>sdk, []); // eslint-disable-line -- TODO: explain this disable
     return sdkMemo;
 }
 const [SdkProvider, useSdkContext] = (0, _constate.default)(useSdk);

package/dist/cjs/SyncEditorChanges.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "SyncEditorChanges", {
         return SyncEditorChanges;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _platecommon = require("@udecode/plate-common");
-const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
+const _fastdeepequal = /*#__PURE__*/ _interop_require_default(require("fast-deep-equal"));
 const _callbacks = require("./helpers/callbacks");
 const _hooks = require("./internal/hooks");
 const _transforms = require("./internal/transforms");
@@ -40,7 +40,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -58,8 +60,12 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const useAcceptIncomingChanges = (incomingValue)=>{
+/**
+ * A hook responsible for keeping the editor state in sync with incoming
+ * changes (aka. external updates
+ */ const useAcceptIncomingChanges = (incomingValue)=>{
     const editor = (0, _hooks.usePlateSelectors)().editor();
+    // Cache latest editor value to avoid unnecessary updates
     const lastIncomingValue = _react.useRef(incomingValue);
     _react.useEffect(()=>{
         if ((0, _fastdeepequal.default)(lastIncomingValue.current, incomingValue)) {
@@ -72,13 +78,16 @@ const useAcceptIncomingChanges = (incomingValue)=>{
         incomingValue
     ]);
 };
-const useOnValueChanged = (onChange)=>{
+/**
+ * Attaches a custom onChange callback that
+ */ const useOnValueChanged = (onChange)=>{
     const editor = (0, _hooks.usePlateSelectors)().editor();
     const setEditorOnChange = (0, _platecommon.usePlateActions)().onChange();
     _react.useEffect(()=>{
         const cb = (0, _callbacks.createOnChangeCallback)(onChange);
         setEditorOnChange({
             fn: (document)=>{
+                // Skip irrelevant events e.g. mouse selection
                 const operations = editor?.operations.filter((op)=>{
                     return op.type !== 'set_selection';
                 });
@@ -94,7 +103,7 @@ const useOnValueChanged = (onChange)=>{
         setEditorOnChange
     ]);
 };
-const SyncEditorChanges = ({ incomingValue , onChange  })=>{
+const SyncEditorChanges = ({ incomingValue, onChange })=>{
     useAcceptIncomingChanges(incomingValue);
     useOnValueChanged(onChange);
     return null;

package/dist/cjs/Toolbar/_tests_/toolbar.test.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _richtexttypes = require("@contentful/rich-text-types");
 const _react1 = require("@testing-library/react");
 const _platecommon = require("@udecode/plate-common");
 require("@testing-library/jest-dom/extend-expect");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _SdkProvider = require("../../SdkProvider");
-const _index = _interop_require_default(require("../index"));
+const _index = /*#__PURE__*/ _interop_require_default(require("../index"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -36,7 +36,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -85,13 +87,13 @@ describe('Toolbar', ()=>{
     test('everything on the toolbar should be disabled', async ()=>{
         const sdk = mockSdk();
         const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(sdk);
-        const { getByTestId  } = (0, _react1.render)(_react.createElement(_platecommon.Plate, {
+        const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_platecommon.Plate, {
             id: id
-        }, _react.createElement(_SdkProvider.SdkProvider, {
+        }, /*#__PURE__*/ _react.createElement(_SdkProvider.SdkProvider, {
             sdk: sdk
-        }, _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
+        }, /*#__PURE__*/ _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
             value: id
-        }, _react.createElement(_index.default, {
+        }, /*#__PURE__*/ _react.createElement(_index.default, {
             isDisabled: true
         })))));
         await (0, _react1.waitFor)(()=>{
@@ -119,13 +121,13 @@ describe('Toolbar', ()=>{
                 _richtexttypes.MARKS.SUPERSCRIPT
             ]);
             const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(sdk);
-            const { queryByTestId  } = (0, _react1.render)(_react.createElement(_platecommon.Plate, {
+            const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_platecommon.Plate, {
                 id: id
-            }, _react.createElement(_SdkProvider.SdkProvider, {
+            }, /*#__PURE__*/ _react.createElement(_SdkProvider.SdkProvider, {
                 sdk: sdk
-            }, _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
+            }, /*#__PURE__*/ _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
                 value: id
-            }, _react.createElement(_index.default, {
+            }, /*#__PURE__*/ _react.createElement(_index.default, {
                 isDisabled: true
             })))));
             expect(queryByTestId('dropdown-toolbar-button')).toBeVisible();
@@ -137,13 +139,13 @@ describe('Toolbar', ()=>{
                 _richtexttypes.MARKS.CODE
             ]);
             const id = (0, _ContentfulEditorProvider.getContentfulEditorId)(sdk);
-            const { queryByTestId  } = (0, _react1.render)(_react.createElement(_platecommon.Plate, {
+            const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_platecommon.Plate, {
                 id: id
-            }, _react.createElement(_SdkProvider.SdkProvider, {
+            }, /*#__PURE__*/ _react.createElement(_SdkProvider.SdkProvider, {
                 sdk: sdk
-            }, _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
+            }, /*#__PURE__*/ _react.createElement(_ContentfulEditorProvider.ContentfulEditorIdProvider, {
                 value: id
-            }, _react.createElement(_index.default, {
+            }, /*#__PURE__*/ _react.createElement(_index.default, {
                 isDisabled: true
             })))));
             expect(queryByTestId('dropdown-toolbar-button')).not.toBeInTheDocument();

package/dist/cjs/Toolbar/components/EmbedEntityWidget.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "EmbedEntityWidget", {
         return EmbedEntityWidget;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _richtexttypes = require("@contentful/rich-text-types");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _editor = require("../../helpers/editor");
@@ -38,7 +38,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -56,7 +58,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
+const EmbedEntityWidget = ({ isDisabled, canInsertBlocks })=>{
     const sdk = (0, _SdkProvider.useSdkContext)();
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const [isEmbedDropdownOpen, setEmbedDropdownOpen] = (0, _react.useState)(false);
@@ -66,30 +68,32 @@ const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
     const inlineResourceEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.INLINES.EMBEDDED_RESOURCE);
     const blockEntryEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_ENTRY) && canInsertBlocks;
     const blockResourceEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE) && canInsertBlocks;
+    // Removed access check following https://contentful.atlassian.net/browse/DANTE-486
+    // TODO: refine permissions check in order to account for tags in rules and then readd access.can('read', 'Asset')
     const blockAssetEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_ASSET) && canInsertBlocks;
-    const actions = _react.default.createElement(_react.default.Fragment, null, blockEntryEmbedEnabled && _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
+    const actions = /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, blockEntryEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
         isDisabled: !!isDisabled,
         nodeType: _richtexttypes.BLOCKS.EMBEDDED_ENTRY,
         onClose: onCloseEntityDropdown
-    }), blockResourceEmbedEnabled && _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
+    }), blockResourceEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
         isDisabled: !!isDisabled,
         nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE,
         onClose: onCloseEntityDropdown
-    }), inlineEntryEmbedEnabled && _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
+    }), inlineEntryEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
         nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY,
         isDisabled: !!isDisabled || (0, _editor.isLinkActive)(editor),
         onClose: onCloseEntityDropdown
-    }), inlineResourceEmbedEnabled && _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
+    }), inlineResourceEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
         nodeType: _richtexttypes.INLINES.EMBEDDED_RESOURCE,
         isDisabled: !!isDisabled || (0, _editor.isLinkActive)(editor),
         onClose: onCloseEntityDropdown
-    }), blockAssetEmbedEnabled && _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
+    }), blockAssetEmbedEnabled && /*#__PURE__*/ _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {
         isDisabled: !!isDisabled,
         nodeType: _richtexttypes.BLOCKS.EMBEDDED_ASSET,
         onClose: onCloseEntityDropdown
     }));
-    const showEmbedButton = blockEntryEmbedEnabled || blockResourceEmbedEnabled || inlineEntryEmbedEnabled || blockAssetEmbedEnabled;
-    return showEmbedButton ? _react.default.createElement(_EmbeddedEntityDropdownButton.EmbeddedEntityDropdownButton, {
+    const showEmbedButton = blockEntryEmbedEnabled || blockResourceEmbedEnabled || inlineEntryEmbedEnabled || inlineResourceEmbedEnabled || blockAssetEmbedEnabled;
+    return showEmbedButton ? /*#__PURE__*/ _react.default.createElement(_EmbeddedEntityDropdownButton.EmbeddedEntityDropdownButton, {
         isDisabled: isDisabled,
         onClose: onCloseEntityDropdown,
         onToggle: onToggleEntityDropdown,

package/dist/cjs/Toolbar/components/EmbeddedEntityDropdownButton.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "EmbeddedEntityDropdownButton", {
         return EmbeddedEntityDropdownButton;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
 function _getRequireWildcardCache(nodeInterop) {
@@ -32,7 +32,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -50,20 +52,20 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function EmbeddedEntityDropdownButton({ children , isDisabled , isOpen , onClose , onToggle  }) {
-    return _react.createElement(_f36components.Menu, {
+function EmbeddedEntityDropdownButton({ children, isDisabled, isOpen, onClose, onToggle }) {
+    return /*#__PURE__*/ _react.createElement(_f36components.Menu, {
         placement: "bottom-end",
         isOpen: isOpen,
         onClose: onClose,
         onOpen: onToggle
-    }, _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),
         testId: "toolbar-entity-dropdown-toggle",
         variant: "secondary",
         size: "small",
-        startIcon: _react.createElement(_f36icons.PlusIcon, null),
+        startIcon: /*#__PURE__*/ _react.createElement(_f36icons.PlusIcon, null),
         isDisabled: isDisabled
-    }, "Embed")), _react.createElement(_f36components.Menu.List, {
+    }, "Embed")), /*#__PURE__*/ _react.createElement(_f36components.Menu.List, {
         className: "toolbar-entity-dropdown-list"
     }, children));
 }

package/dist/cjs/Toolbar/components/StickyToolbarWrapper.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-const _react = _interop_require_default(require("react"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -23,7 +23,7 @@ const styles = {
     z-index: 2;
   `
 };
-const StickyToolbarWrapper = ({ isDisabled , children  })=>_react.default.createElement("div", {
+const StickyToolbarWrapper = ({ isDisabled, children })=>/*#__PURE__*/ _react.default.createElement("div", {
         className: isDisabled ? '' : styles.nativeSticky
     }, children);
 const _default = StickyToolbarWrapper;

package/dist/cjs/Toolbar/index.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _richtexttypes = require("@contentful/rich-text-types");
 const _emotion = require("emotion");
 const _ContentfulEditorProvider = require("../ContentfulEditorProvider");
@@ -58,7 +58,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -121,26 +123,26 @@ const styles = {
         marginRight: '20px'
     })
 };
-const Dropdown = ({ sdk , isDisabled  })=>{
+const Dropdown = ({ sdk, isDisabled })=>{
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const isActive = editor && ((0, _queries.isMarkActive)(editor, _richtexttypes.MARKS.SUPERSCRIPT) || (0, _queries.isMarkActive)(editor, _richtexttypes.MARKS.SUBSCRIPT) || (0, _queries.isMarkActive)(editor, _richtexttypes.MARKS.CODE));
-    return _react.createElement(_f36components.Menu, null, _react.createElement(_f36components.Menu.Trigger, null, _react.createElement("span", null, _react.createElement(_f36components.IconButton, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Menu, null, /*#__PURE__*/ _react.createElement(_f36components.Menu.Trigger, null, /*#__PURE__*/ _react.createElement("span", null, /*#__PURE__*/ _react.createElement(_f36components.IconButton, {
         size: "small",
         className: styles.toolbarBtn,
         variant: isActive ? 'secondary' : 'transparent',
-        icon: _react.createElement(_f36icons.MoreHorizontalIcon, null),
+        icon: /*#__PURE__*/ _react.createElement(_f36icons.MoreHorizontalIcon, null),
         "aria-label": "toggle menu",
         isDisabled: isDisabled,
         testId: "dropdown-toolbar-button"
-    }))), _react.createElement(_f36components.Menu.List, null, (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) && _react.createElement(_Superscript.ToolbarDropdownSuperscriptButton, {
+    }))), /*#__PURE__*/ _react.createElement(_f36components.Menu.List, null, (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) && /*#__PURE__*/ _react.createElement(_Superscript.ToolbarDropdownSuperscriptButton, {
         isDisabled: isDisabled
-    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) && _react.createElement(_Subscript.ToolbarDropdownSubscriptButton, {
+    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) && /*#__PURE__*/ _react.createElement(_Subscript.ToolbarDropdownSubscriptButton, {
         isDisabled: isDisabled
-    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE) && _react.createElement(_Code.ToolbarDropdownCodeButton, {
+    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE) && /*#__PURE__*/ _react.createElement(_Code.ToolbarDropdownCodeButton, {
         isDisabled: isDisabled
     })));
 };
-const Toolbar = ({ isDisabled  })=>{
+const Toolbar = ({ isDisabled })=>{
     const sdk = (0, _SdkProvider.useSdkContext)();
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const canInsertBlocks = !(0, _editor.isNodeTypeSelected)(editor, _richtexttypes.BLOCKS.TABLE);
@@ -150,51 +152,52 @@ const Toolbar = ({ isDisabled  })=>{
     const isListSelected = (0, _editor.isNodeTypeSelected)(editor, _richtexttypes.BLOCKS.UL_LIST) || (0, _editor.isNodeTypeSelected)(editor, _richtexttypes.BLOCKS.OL_LIST);
     const isBlockquoteSelected = (0, _editor.isNodeTypeSelected)(editor, _richtexttypes.BLOCKS.QUOTE);
     const shouldDisableTables = isDisabled || !canInsertBlocks || isListSelected || isBlockquoteSelected;
+    // We only show the dropdown when: whenever at least bold , italic and underline are available; If nothing that would go inside the dropdown is available, we hide it
     const boldItalicUnderlineAvailable = (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.BOLD) || (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.ITALIC) || (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.UNDERLINE);
     const dropdownItemsAvailable = (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) || (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) || (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE);
     const shouldShowDropdown = boldItalicUnderlineAvailable && dropdownItemsAvailable;
-    return _react.createElement(_f36components.Flex, {
+    return /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         testId: "toolbar",
         className: styles.toolbar,
         alignItems: "center"
-    }, _react.createElement("div", {
+    }, /*#__PURE__*/ _react.createElement("div", {
         className: styles.formattingOptionsWrapper
-    }, _react.createElement(_Heading.ToolbarHeadingButton, {
+    }, /*#__PURE__*/ _react.createElement(_Heading.ToolbarHeadingButton, {
         isDisabled: isDisabled || !canInsertBlocks
-    }), validationInfo.isAnyMarkEnabled && _react.createElement("span", {
+    }), validationInfo.isAnyMarkEnabled && /*#__PURE__*/ _react.createElement("span", {
         className: styles.divider
-    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.BOLD) && _react.createElement(_Bold.ToolbarBoldButton, {
+    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.BOLD) && /*#__PURE__*/ _react.createElement(_Bold.ToolbarBoldButton, {
         isDisabled: isDisabled
-    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.ITALIC) && _react.createElement(_Italic.ToolbarItalicButton, {
+    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.ITALIC) && /*#__PURE__*/ _react.createElement(_Italic.ToolbarItalicButton, {
         isDisabled: isDisabled
-    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.UNDERLINE) && _react.createElement(_Underline.ToolbarUnderlineButton, {
+    }), (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.UNDERLINE) && /*#__PURE__*/ _react.createElement(_Underline.ToolbarUnderlineButton, {
         isDisabled: isDisabled
-    }), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) && _react.createElement(_Superscript.ToolbarSuperscriptButton, {
+    }), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUPERSCRIPT) && /*#__PURE__*/ _react.createElement(_Superscript.ToolbarSuperscriptButton, {
         isDisabled: isDisabled
-    }), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) && _react.createElement(_Subscript.ToolbarSubscriptButton, {
+    }), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.SUBSCRIPT) && /*#__PURE__*/ _react.createElement(_Subscript.ToolbarSubscriptButton, {
         isDisabled: isDisabled
-    }), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE) && _react.createElement(_Code.ToolbarCodeButton, {
+    }), !boldItalicUnderlineAvailable && (0, _validations.isMarkEnabled)(sdk.field, _richtexttypes.MARKS.CODE) && /*#__PURE__*/ _react.createElement(_Code.ToolbarCodeButton, {
         isDisabled: isDisabled
-    }), shouldShowDropdown && _react.createElement(Dropdown, {
+    }), shouldShowDropdown && /*#__PURE__*/ _react.createElement(Dropdown, {
         sdk: sdk,
         isDisabled: isDisabled
-    }), validationInfo.isAnyHyperlinkEnabled && _react.createElement(_react.Fragment, null, _react.createElement("span", {
+    }), validationInfo.isAnyHyperlinkEnabled && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("span", {
         className: styles.divider
-    }), _react.createElement(_Hyperlink.ToolbarHyperlinkButton, {
+    }), /*#__PURE__*/ _react.createElement(_Hyperlink.ToolbarHyperlinkButton, {
         isDisabled: isDisabled
-    })), validationInfo.isAnyBlockFormattingEnabled && _react.createElement("span", {
+    })), validationInfo.isAnyBlockFormattingEnabled && /*#__PURE__*/ _react.createElement("span", {
         className: styles.divider
-    }), _react.createElement(_List.ToolbarListButton, {
+    }), /*#__PURE__*/ _react.createElement(_List.ToolbarListButton, {
         isDisabled: isDisabled || !canInsertBlocks
-    }), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.QUOTE) && _react.createElement(_Quote.ToolbarQuoteButton, {
+    }), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.QUOTE) && /*#__PURE__*/ _react.createElement(_Quote.ToolbarQuoteButton, {
         isDisabled: isDisabled || !canInsertBlocks
-    }), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.HR) && _react.createElement(_Hr.ToolbarHrButton, {
+    }), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.HR) && /*#__PURE__*/ _react.createElement(_Hr.ToolbarHrButton, {
         isDisabled: isDisabled || !canInsertBlocks
-    }), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.TABLE) && _react.createElement(_Table.ToolbarTableButton, {
+    }), (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.TABLE) && /*#__PURE__*/ _react.createElement(_Table.ToolbarTableButton, {
         isDisabled: shouldDisableTables
-    })), _react.createElement("div", {
+    })), /*#__PURE__*/ _react.createElement("div", {
         className: styles.embedActionsWrapper
-    }, _react.createElement(_EmbedEntityWidget.EmbedEntityWidget, {
+    }, /*#__PURE__*/ _react.createElement(_EmbedEntityWidget.EmbedEntityWidget, {
         isDisabled: isDisabled,
         canInsertBlocks: canInsertBlocks
     })));

package/dist/cjs/__fixtures__/FakeSdk.js

@@ -59,7 +59,7 @@ function newReferenceEditorFakeSdk(props) {
         locales,
         cmaAdapter: (0, _fieldeditortestutils.createFakeCMAAdapter)({
             Entry: {
-                get: async ({ entryId  })=>{
+                get: async ({ entryId })=>{
                     if (props?.fetchDelay) {
                         await delay(props.fetchDelay);
                     }
@@ -76,7 +76,7 @@ function newReferenceEditorFakeSdk(props) {
                 }
             },
             Asset: {
-                get: async ({ assetId  })=>{
+                get: async ({ assetId })=>{
                     if (props?.fetchDelay) {
                         await delay(props.fetchDelay);
                     }
@@ -101,7 +101,7 @@ function newReferenceEditorFakeSdk(props) {
                 }
             },
             ContentType: {
-                get: async ({ contentTypeId  })=>{
+                get: async ({ contentTypeId })=>{
                     if (contentTypeId === _fixtures.contentTypes.published.sys.id) {
                         return _fixtures.contentTypes.published;
                     }