@contentful/field-editor-rich-text 3.16.8 → 3.16.11

package/dist/esm/internal/misc.js

@@ -3,27 +3,7 @@ import { normalize } from './transforms';
 export const createPlateEditor = (options = {})=>{
     return p.createPlateEditor(options);
 };
-/**
- * The only reason for this helper to exist is to run the initial normalization
- * before mounting the Plate editor component which in turn avoids the false
- * trigger of `onChange`.
- *
- * Background:
- *
- * Due to legacy behavior, it's possible to have "valid" RT document (based on
- * the schema from rich-text-types) that doesn't make sense. For example, links
- * with no text nodes?[1]. Solving that requires an initial normalization pass
- * which modifies the slate tree by definition -> triggering onChange.
- *
- * The initial onChange trigger is undesirable as the user may not have touched
- * the RT content yet or the editor is rendered as readonly.
- *
- * Ideally, we should not initialize the editor twice but that's the only
- * way that I could get this to work. Improvements are welcome.
- *
- * [1]: See cypress/e2e/rich-text/.../invalidDocumentNormalizable.js for more
- *      examples.
- */ export const normalizeInitialValue = (options, initialValue)=>{
+export const normalizeInitialValue = (options, initialValue)=>{
     const editor = createPlateEditor(options);
     if (initialValue) {
         editor.children = initialValue;
@@ -49,6 +29,5 @@ export const fromDOMPoint = (editor, domPoint, opts = {
     return p.toSlatePoint(editor, domPoint, opts);
 };
 export const mockPlugin = (plugin)=>{
-    return p.mockPlugin(// TODO check if there is a way around this ugly casting
-    plugin);
+    return p.mockPlugin(plugin);
 };

package/dist/esm/internal/queries.js

@@ -1,11 +1,6 @@
-/**
- * Re-exporting Plate/Slate queries (aka selectors) to reduce
- * the blast radius of version upgrades
- */ import * as p from '@udecode/plate-common';
+import * as p from '@udecode/plate-common';
 import * as s from 'slate';
-/**
- * Get text content at location
- */ export const getText = (editor, at)=>{
+export const getText = (editor, at)=>{
     return p.getEditorString(editor, at);
 };
 export const isText = (value)=>{
@@ -35,7 +30,6 @@ export const getNodeEntry = (editor, at, options)=>{
 export const getNodeEntries = (editor, options)=>{
     return p.getNodeEntries(editor, options);
 };
-// TODO: Ancestor may not be the correct type for root
 export const getNodeChildren = (root, path, options)=>{
     return p.getNodeChildren(root, path, options);
 };
@@ -46,7 +40,6 @@ export const someNode = (editor, options)=>{
     return p.someNode(editor, options);
 };
 export const getChildren = (entry)=>{
-    // Node.children crashes when given a text node
     if (s.Text.isText(entry[0])) {
         return [];
     }
@@ -56,7 +49,6 @@ export const isFirstChild = (path)=>{
     return p.isFirstChild(path);
 };
 export const getDescendantNodeByPath = (root, path)=>{
-    // @ts-expect-error
     return s.Node.get(root, path);
 };
 export const getNodeDescendants = (root, options)=>{
@@ -68,7 +60,6 @@ export const getNodeDescendants = (root, options)=>{
 export const isRangeCollapsed = (range)=>{
     return p.isCollapsed(range);
 };
-// TODO: simplify
 export const isRangeAcrossBlocks = (editor, options)=>{
     return p.isRangeAcrossBlocks(editor, options);
 };

package/dist/esm/internal/transforms.js

@@ -1,8 +1,6 @@
 import * as p from '@udecode/plate-common';
 import { getEndPoint, isNode } from './queries';
-/**
- * Apply editor normalization rules
- */ export const normalize = (editor, options = {
+export const normalize = (editor, options = {
     force: true
 })=>{
     return p.normalizeEditor(editor, options);
@@ -10,9 +8,7 @@ import { getEndPoint, isNode } from './queries';
 export const withoutNormalizing = (editor, fn)=>{
     return p.withoutNormalizing(editor, fn);
 };
-/**
- * Set the selection to a location
- */ export const setSelection = (editor, props)=>{
+export const setSelection = (editor, props)=>{
     return p.setSelection(editor, props);
 };
 export const select = (editor, location)=>{
@@ -81,14 +77,7 @@ export const moveNodes = (editor, opts)=>{
 export const deleteFragment = (editor, options)=>{
     return p.deleteFragment(editor, options);
 };
-/**
- * Plate api doesn't allow to modify (easily) the editor value
- * programmatically after the editor instance is created.
- *
- * This function is inspired by:
- * https://github.com/udecode/plate/issues/1269#issuecomment-1057643622
- */ export const setEditorValue = (editor, nodes)=>{
-    // Replaces editor content while keeping change history
+export const setEditorValue = (editor, nodes)=>{
     withoutNormalizing(editor, ()=>{
         const children = [
             ...editor.children

package/dist/esm/internal/types/editor.js

@@ -1,3 +1 @@
-/**
- * https://plate.udecode.io/docs/typescript
- */ export { };
+export { };

package/dist/esm/plugins/Break/createExitBreakPlugin.test.js

@@ -1,10 +1,9 @@
-/** @jsx jsx */ import { KEY_EXIT_BREAK } from '@udecode/plate-break';
+import { KEY_EXIT_BREAK } from '@udecode/plate-break';
 import { jsx, createTestEditor, mockPlugin } from '../../test-utils';
 import { createExitBreakPlugin } from './createExitBreakPlugin';
 describe('Exit Break', ()=>{
-    // https://slate-js.slack.com/archives/C013QHXSCG1/p1640853996467300
     it('derives its config from other plugins', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+        const input = jsx("editor", null, jsx("hp", null, jsx("htext", null)));
         const rules = [
             {
                 hotkey: 'enter',
@@ -15,7 +14,7 @@ describe('Exit Break', ()=>{
                 }
             }
         ];
-        const { editor } = createTestEditor({
+        const { editor  } = createTestEditor({
             input,
             plugins: [
                 mockPlugin({}),

package/dist/esm/plugins/Break/createResetNodePlugin.js

@@ -8,7 +8,6 @@ export const createResetNodePlugin = ()=>createDefaultResetNodePlugin({
             const rules = editor.plugins.flatMap((p)=>{
                 return p.resetNode || [];
             });
-            // set defaultType to Paragraph if not set
             for (const rule of rules){
                 if (!rule.defaultType) {
                     rule.defaultType = BLOCKS.PARAGRAPH;

package/dist/esm/plugins/Break/createSoftBreakPlugin.test.js

@@ -1,9 +1,9 @@
-/** @jsx jsx */ import { KEY_SOFT_BREAK } from '@udecode/plate-break';
+import { KEY_SOFT_BREAK } from '@udecode/plate-break';
 import { jsx, createTestEditor, mockPlugin } from '../../test-utils';
 import { createSoftBreakPlugin } from './createSoftBreakPlugin';
 describe('Soft Break', ()=>{
     it('derives its config from other plugins', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+        const input = jsx("editor", null, jsx("hp", null, jsx("htext", null)));
         const rules = [
             {
                 hotkey: 'ctrl+enter',
@@ -18,7 +18,7 @@ describe('Soft Break', ()=>{
                 }
             }
         ];
-        const { editor } = createTestEditor({
+        const { editor  } = createTestEditor({
             input,
             plugins: [
                 mockPlugin({

package/dist/esm/plugins/CommandPalette/components/CommandList.js

@@ -7,47 +7,47 @@ import { useSdkContext } from '../../../SdkProvider';
 import { useCommandList } from '../hooks/useCommandList';
 import { useCommands } from '../useCommands';
 import styles from './CommandList.styles';
-const Group = ({ commandGroup, selectedItem })=>/*#__PURE__*/ React.createElement("section", {
+const Group = ({ commandGroup , selectedItem  })=>React.createElement("section", {
         key: commandGroup.group
-    }, /*#__PURE__*/ React.createElement(SectionHeading, {
+    }, React.createElement(SectionHeading, {
         as: "h3",
         marginBottom: "spacingS",
         marginTop: "spacingS",
         marginLeft: "spacingM",
         marginRight: "spacingM"
-    }, commandGroup.group), commandGroup.commands.map((command)=>/*#__PURE__*/ React.createElement("button", {
+    }, commandGroup.group), commandGroup.commands.map((command)=>React.createElement("button", {
             key: command.id,
             id: command.id,
             className: cx(styles.menuItem, {
                 [styles.menuItemSelected]: command.id === selectedItem
             }),
             onClick: command.callback
-        }, command.label)), /*#__PURE__*/ React.createElement("hr", {
+        }, command.label)), React.createElement("hr", {
         className: styles.menuDivider,
         "aria-orientation": "horizontal"
     }));
-const Asset = ({ command, selectedItem })=>/*#__PURE__*/ React.createElement("button", {
+const Asset = ({ command , selectedItem  })=>React.createElement("button", {
         key: command.id,
         id: command.id,
         className: cx(styles.menuItem, {
             [styles.menuItemSelected]: command.id === selectedItem
         }),
         onClick: command.callback
-    }, /*#__PURE__*/ React.createElement(Flex, {
+    }, React.createElement(Flex, {
         alignItems: "center",
         gap: "spacingS"
-    }, command.thumbnail ? /*#__PURE__*/ React.createElement("img", {
+    }, command.thumbnail ? React.createElement("img", {
         width: "30",
         height: "30",
         src: command.thumbnail,
         alt: "",
         className: styles.thumbnail
-    }) : /*#__PURE__*/ React.createElement(AssetIcon, {
+    }) : React.createElement(AssetIcon, {
         width: "30",
         height: "30",
         className: styles.thumbnail
-    }), /*#__PURE__*/ React.createElement("span", null, command.label)));
-const Item = ({ command, selectedItem })=>/*#__PURE__*/ React.createElement("button", {
+    }), React.createElement("span", null, command.label)));
+const Item = ({ command , selectedItem  })=>React.createElement("button", {
         key: command.id,
         id: command.id,
         className: cx(styles.menuItem, {
@@ -55,70 +55,70 @@ const Item = ({ command, selectedItem })=>/*#__PURE__*/ React.createElement("but
         }),
         onClick: command.callback
     }, command.label);
-const CommandListItems = ({ commandItems, selectedItem })=>{
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, commandItems.map((command)=>{
-        return 'group' in command ? /*#__PURE__*/ React.createElement(Group, {
+const CommandListItems = ({ commandItems , selectedItem  })=>{
+    return React.createElement(React.Fragment, null, commandItems.map((command)=>{
+        return 'group' in command ? React.createElement(Group, {
             key: command.group,
             commandGroup: command,
             selectedItem: selectedItem
-        }) : command.asset ? /*#__PURE__*/ React.createElement(Asset, {
+        }) : command.asset ? React.createElement(Asset, {
             key: command.id,
             command: command,
             selectedItem: selectedItem
-        }) : /*#__PURE__*/ React.createElement(Item, {
+        }) : React.createElement(Item, {
             key: command.id,
             command: command,
             selectedItem: selectedItem
         });
     }));
 };
-export const CommandList = ({ query, editor, textContainer })=>{
+export const CommandList = ({ query , editor , textContainer  })=>{
     const sdk = useSdkContext();
     const popoverContainer = React.useRef(null);
     const popper = usePopper(textContainer, popoverContainer?.current, {
         placement: 'bottom-start'
     });
     const commandItems = useCommands(sdk, query, editor);
-    const { selectedItem, isOpen } = useCommandList(commandItems, popoverContainer);
+    const { selectedItem , isOpen  } = useCommandList(commandItems, popoverContainer);
     if (!commandItems.length) {
         return null;
     }
-    return /*#__PURE__*/ React.createElement("div", {
+    return React.createElement("div", {
         className: styles.container,
         tabIndex: -1,
         contentEditable: false
-    }, /*#__PURE__*/ React.createElement("div", {
+    }, React.createElement("div", {
         role: "alert"
-    }, /*#__PURE__*/ React.createElement(ScreenReaderOnly, null, "Richtext commands. Currently focused item: ", selectedItem, ". Press ", /*#__PURE__*/ React.createElement("kbd", null, "enter"), " to select, ", /*#__PURE__*/ React.createElement("kbd", null, "arrows"), " to navigate, ", /*#__PURE__*/ React.createElement("kbd", null, "escape"), " to close.")), /*#__PURE__*/ React.createElement(Portal, null, /*#__PURE__*/ React.createElement("div", {
+    }, React.createElement(ScreenReaderOnly, null, "Richtext commands. Currently focused item: ", selectedItem, ". Press ", React.createElement("kbd", null, "enter"), " to select, ", React.createElement("kbd", null, "arrows"), " to navigate, ", React.createElement("kbd", null, "escape"), " to close.")), React.createElement(Portal, null, React.createElement("div", {
         "aria-hidden": true,
         ref: popoverContainer,
         className: styles.menuPoper,
         style: popper.styles.popper,
         ...popper.attributes.popper
-    }, /*#__PURE__*/ React.createElement(Popover, {
+    }, React.createElement(Popover, {
         isOpen: isOpen,
         usePortal: false,
-        /* eslint-disable-next-line jsx-a11y/no-autofocus -- we want to keep focus on text input*/ autoFocus: false
-    }, /*#__PURE__*/ React.createElement(Popover.Trigger, null, /*#__PURE__*/ React.createElement("span", null)), /*#__PURE__*/ React.createElement(Popover.Content, {
+        autoFocus: false
+    }, React.createElement(Popover.Trigger, null, React.createElement("span", null)), React.createElement(Popover.Content, {
         className: styles.menuContent,
         testId: "rich-text-commands"
-    }, /*#__PURE__*/ React.createElement("header", {
+    }, React.createElement("header", {
         className: styles.menuHeader
-    }, /*#__PURE__*/ React.createElement(SectionHeading, {
+    }, React.createElement(SectionHeading, {
         marginBottom: "none"
-    }, "Richtext commands")), /*#__PURE__*/ React.createElement("div", {
+    }, "Richtext commands")), React.createElement("div", {
         className: styles.menuList,
         "data-test-id": "rich-text-commands-list"
-    }, /*#__PURE__*/ React.createElement(CommandListItems, {
+    }, React.createElement(CommandListItems, {
         commandItems: commandItems,
         selectedItem: selectedItem
-    })), /*#__PURE__*/ React.createElement("footer", {
+    })), React.createElement("footer", {
         className: styles.menuFooter
-    }, /*#__PURE__*/ React.createElement(Stack, {
+    }, React.createElement(Stack, {
         as: "ul",
         margin: "none",
         padding: "none",
         spacing: "spacingS",
         className: styles.footerList
-    }, /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("kbd", null, "↑"), /*#__PURE__*/ React.createElement("kbd", null, "↓"), " to navigate"), /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("kbd", null, "↵"), " to confirm"), /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("kbd", null, "esc"), " to close"))))))));
+    }, React.createElement("li", null, React.createElement("kbd", null, "↑"), React.createElement("kbd", null, "↓"), " to navigate"), React.createElement("li", null, React.createElement("kbd", null, "↵"), " to confirm"), React.createElement("li", null, React.createElement("kbd", null, "esc"), " to close"))))))));
 };

package/dist/esm/plugins/CommandPalette/components/CommandPrompt.js

@@ -14,13 +14,13 @@ export const CommandPrompt = (props)=>{
     ]);
     const editor = props.editor;
     const [textElement, setTextElement] = React.useState();
-    return /*#__PURE__*/ React.createElement("span", {
+    return React.createElement("span", {
         className: styles.commandPrompt,
         ref: (e)=>{
             setTextElement(e);
         },
         ...props.attributes
-    }, props.children, /*#__PURE__*/ React.createElement(CommandList, {
+    }, props.children, React.createElement(CommandList, {
         query: query,
         editor: editor,
         textContainer: textElement

package/dist/esm/plugins/CommandPalette/createCommandPalettePlugin.js

@@ -1,17 +1,7 @@
 import { CommandPrompt } from './components/CommandPrompt';
 import { COMMAND_PROMPT } from './constants';
 import { createOnKeyDown } from './onKeyDown';
-/**
- * A command palette plugin (aka slash commands)
- *
- * How does it work?
- * * When the user presses the slash key, the editor will show a command palette
- * * When the user presses a key, the command palette will show the command suggestions
- * * When the user presses enter, the command palette will execute the command
- * * When the user presses escape, the command palette will hide
- * * When the user presses a letter, number, or space, the command palette will show the command suggestions
- * * When the user presses backspace, the command palette will remove the last character from the command string
- */ export const createCommandPalettePlugin = ()=>{
+export const createCommandPalettePlugin = ()=>{
     return {
         key: COMMAND_PROMPT,
         type: COMMAND_PROMPT,

package/dist/esm/plugins/CommandPalette/hooks/useCommandList.js

@@ -2,7 +2,6 @@ import * as React from 'react';
 import isHotkey from 'is-hotkey';
 export const useCommandList = (commandItems, container)=>{
     const [selectedItem, setSelectedItem] = React.useState(()=>{
-        // select the first item on initial render
         if (!commandItems.length) {
             return '';
         }
@@ -55,7 +54,6 @@ export const useCommandList = (commandItems, container)=>{
                     currBtn.click();
                 }
             }
-        //TODO: handle shift+enter, which must be detected using separate events
         }
         if (commandItems.length) {
             window.addEventListener('keydown', handleKeyDown);

package/dist/esm/plugins/CommandPalette/onKeyDown.js

@@ -5,10 +5,6 @@ import { COMMAND_PROMPT } from './constants';
 export const createOnKeyDown = ()=>{
     return (editor)=>{
         return (event)=>{
-            // Support for different keyboard layouts:
-            // `isHotKey` uses by default `event.which`, which will never generates a match for all layouts (QWERTY: `/`, QWERTZ: `shift+7`)
-            // with `byKey: true` `isHotKey` uses `event.key` which will return the interpreted key '/'
-            // It would still fail without the the optional `shift?` param, as it first checks the modKeys (`shiftKey` would be true on QWERTZ)
             if (isHotkey('shift?+/', {
                 byKey: true
             }, event)) {
@@ -25,7 +21,6 @@ export const createOnKeyDown = ()=>{
             const [, path] = getAboveNode(editor);
             const range = getRange(editor, path);
             if (isHotkey('backspace', event)) {
-                // if it is the last character in the command string
                 if (range.focus.offset - range.anchor.offset === 1) {
                     removeMark(editor, COMMAND_PROMPT, range);
                 }

package/dist/esm/plugins/CommandPalette/onKeyDown.spec.js

@@ -9,7 +9,7 @@ jest.mock('../../internal/transforms', ()=>{
     };
 });
 describe('onKeyDown', ()=>{
-    const { editor } = createTestEditor({});
+    const { editor  } = createTestEditor({});
     const addMark = jest.spyOn(internal, 'addMark');
     const onCommandPaletteAction = jest.spyOn(editor.tracking, 'onCommandPaletteAction');
     afterEach(()=>{
@@ -27,7 +27,7 @@ describe('onKeyDown', ()=>{
         which: 55,
         shiftKey: true
     }}
-  `('supports hotKeys for every keyboard layout #{layout}', ({ key })=>{
+  `('supports hotKeys for every keyboard layout #{layout}', ({ key  })=>{
         createOnKeyDown()(editor, {})({
             type: 'keydown',
             ...key

package/dist/esm/plugins/CommandPalette/useCommands.js

@@ -39,7 +39,7 @@ export function isCommandPromptPluginEnabled(sdk) {
 }
 function getCommandPermissions(sdk, editor) {
     const canInsertBlocks = !isNodeTypeSelected(editor, BLOCKS.TABLE);
-    const { inlineAllowed, entriesAllowed, assetsAllowed } = isCommandPromptPluginEnabled(sdk);
+    const { inlineAllowed , entriesAllowed , assetsAllowed  } = isCommandPromptPluginEnabled(sdk);
     return {
         inlineAllowed,
         entriesAllowed: entriesAllowed && canInsertBlocks,
@@ -68,7 +68,7 @@ const getAllowedContentTypesFromValidation = (validations)=>{
 };
 export const useCommands = (sdk, query, editor)=>{
     const contentTypes = sdk.space.getCachedContentTypes();
-    const { inlineAllowed, entriesAllowed, assetsAllowed } = getCommandPermissions(sdk, editor);
+    const { inlineAllowed , entriesAllowed , assetsAllowed  } = getCommandPermissions(sdk, editor);
     const allowedContentTypesFromValidation = getAllowedContentTypesFromValidation(sdk.field.validations);
     const filterContentTypesByValidation = (type)=>contentTypes.filter((contentType)=>allowedContentTypesFromValidation[type]?.[contentType.sys.id]);
     const filteredBlockContentTypes = filterContentTypesByValidation(BLOCKS.EMBEDDED_ENTRY);
@@ -217,7 +217,7 @@ export const useCommands = (sdk, query, editor)=>{
         }
         return contentTypeCommands;
     });
-    /* filter both commands and groups of commands with the user typed query */ return query ? commands.reduce((list, nextItem)=>{
+    return query ? commands.reduce((list, nextItem)=>{
         if ('group' in nextItem) {
             const subcommands = nextItem.commands.filter((command)=>{
                 return command.label.toLowerCase().includes(query.toLowerCase());

package/dist/esm/plugins/CommandPalette/utils/fetchEntries.js

@@ -7,13 +7,11 @@ export async function fetchEntries(sdk, contentType, query) {
     return entries.items.map((entry)=>{
         const description = entityHelpers.getEntityDescription({
             contentType,
-            // @ts-expect-error inconsistent in typing between app-sdk & field-editors-shared
             entity: entry,
             localeCode: sdk.field.locale,
             defaultLocaleCode: sdk.locales.default
         });
         const displayTitle = entityHelpers.getEntryTitle({
-            // @ts-expect-error inconsistent in typing between app-sdk & field-editors-shared
             entry,
             contentType,
             localeCode: sdk.field.locale,

package/dist/esm/plugins/CommandPalette/utils/trimLeadingSlash.js

@@ -1,9 +1,4 @@
-/**
- * Trim leading slash character if found. Bails otherwise.
- *
- * @example
- * trimLeadingSlash("/my query") // --> "my query"
- */ export function trimLeadingSlash(text) {
+export function trimLeadingSlash(text) {
     if (!text.startsWith('/')) {
         return text;
     }

package/dist/esm/plugins/DragAndDrop/index.js

@@ -9,11 +9,7 @@ export function createDragAndDropPlugin() {
         INLINES.EMBEDDED_ENTRY,
         INLINES.EMBEDDED_RESOURCE
     ];
-    /**
-   * HTML node names where dropping should be allowed
-   * Usually for elements where `Transforms.removeNodes` is needed
-   * TODO: looking up for html nodes is not the best solution and it won't scale but it works fine for our current cases/elements
-   */ const ON_DROP_ALLOWED_TYPES = {
+    const ON_DROP_ALLOWED_TYPES = {
         TABLE: [
             INLINES.EMBEDDED_ENTRY,
             INLINES.EMBEDDED_RESOURCE
@@ -22,7 +18,6 @@ export function createDragAndDropPlugin() {
     return {
         key: 'DragAndDropPlugin',
         handlers: {
-            // If true, the next handlers will be skipped.
             onDrop: (editor)=>(event)=>{
                     const [draggingBlock] = Array.from(getNodeEntries(editor, {
                         match: (node)=>DRAGGABLE_TYPES.includes(node.type)
@@ -30,13 +25,10 @@ export function createDragAndDropPlugin() {
                     if (!draggingBlock) return false;
                     const [draggingNode] = draggingBlock;
                     if (!event.nativeEvent.target) return false;
-                    // TODO: looking up for html nodes is not the best solution and it won't scale, we need to find a way to know the dropping target slate element
                     const dropDisallowed = getParents(event.nativeEvent.target).some((node)=>{
                         return ON_DROP_ALLOWED_TYPES[node.nodeName] ? !ON_DROP_ALLOWED_TYPES[node.nodeName]?.includes(draggingNode.type) : false;
                     });
                     if (!dropDisallowed) {
-                        // Move the drop event to a new undo batch mitigating the bug where undo not only moves it back,
-                        // but also undoes a previous action: https://github.com/ianstormtaylor/slate/issues/4694
                         editor.history.undos.push([]);
                     }
                     return dropDisallowed;

package/dist/esm/plugins/EmbeddedEntityBlock/LinkedEntityBlock.js

@@ -9,13 +9,13 @@ import { FetchingWrappedAssetCard } from '../shared/FetchingWrappedAssetCard';
 import { FetchingWrappedEntryCard } from '../shared/FetchingWrappedEntryCard';
 import { LinkedBlockWrapper } from '../shared/LinkedBlockWrapper';
 export function LinkedEntityBlock(props) {
-    const { attributes, children, element } = props;
-    const { onEntityFetchComplete } = useLinkTracking();
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = useLinkTracking();
     const isSelected = useSelected();
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
     const isDisabled = useReadOnly();
-    const { id: entityId, linkType: entityType } = element.data.target.sys;
+    const { id: entityId , linkType: entityType  } = element.data.target.sys;
     const handleEditClick = React.useCallback(()=>{
         const openEntity = entityType === 'Asset' ? sdk.navigator.openAsset : sdk.navigator.openEntry;
         return openEntity(entityId, {
@@ -36,9 +36,9 @@ export function LinkedEntityBlock(props) {
         editor,
         element
     ]);
-    return /*#__PURE__*/ React.createElement(LinkedBlockWrapper, {
+    return React.createElement(LinkedBlockWrapper, {
         attributes: attributes,
-        card: /*#__PURE__*/ React.createElement(React.Fragment, null, entityType === 'Entry' && /*#__PURE__*/ React.createElement(FetchingWrappedEntryCard, {
+        card: React.createElement(React.Fragment, null, entityType === 'Entry' && React.createElement(FetchingWrappedEntryCard, {
             sdk: sdk,
             entryId: entityId,
             locale: sdk.field.locale,
@@ -47,7 +47,7 @@ export function LinkedEntityBlock(props) {
             onRemove: handleRemoveClick,
             onEdit: handleEditClick,
             onEntityFetchComplete: onEntityFetchComplete
-        }), entityType === 'Asset' && /*#__PURE__*/ React.createElement(FetchingWrappedAssetCard, {
+        }), entityType === 'Asset' && React.createElement(FetchingWrappedAssetCard, {
             sdk: sdk,
             assetId: entityId,
             locale: sdk.field.locale,

package/dist/esm/plugins/EmbeddedEntityInline/FetchingWrappedInlineEntryCard.js

@@ -6,7 +6,7 @@ import { ScheduledIconWithTooltip, useEntity, useEntityLoader } from '@contentfu
 import { entityHelpers } from '@contentful/field-editor-shared';
 import { INLINES } from '@contentful/rich-text-types';
 import { css } from 'emotion';
-const { getEntryTitle, getEntryStatus } = entityHelpers;
+const { getEntryTitle , getEntryStatus  } = entityHelpers;
 const styles = {
     scheduledIcon: css({
         verticalAlign: 'text-bottom',
@@ -14,11 +14,11 @@ const styles = {
     })
 };
 export function FetchingWrappedInlineEntryCard(props) {
-    const { data: entry, status: requestStatus } = useEntity('Entry', props.entryId);
-    const { getEntityScheduledActions } = useEntityLoader();
+    const { data: entry , status: requestStatus  } = useEntity('Entry', props.entryId);
+    const { getEntityScheduledActions  } = useEntityLoader();
     const loadEntityScheduledActions = ()=>getEntityScheduledActions('Entry', props.entryId);
     const allContentTypes = props.sdk.space.getCachedContentTypes();
-    const { onEntityFetchComplete } = props;
+    const { onEntityFetchComplete  } = props;
     const contentType = React.useMemo(()=>{
         if (!entry || !allContentTypes) return undefined;
         return allContentTypes.find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
@@ -49,25 +49,25 @@ export function FetchingWrappedInlineEntryCard(props) {
         props.sdk.locales.default
     ]);
     if (requestStatus === 'error') {
-        return /*#__PURE__*/ React.createElement(InlineEntryCard, {
+        return React.createElement(InlineEntryCard, {
             title: "Entry missing or inaccessible",
             testId: INLINES.EMBEDDED_ENTRY,
             isSelected: props.isSelected
         });
     }
     if (requestStatus === 'loading') {
-        return /*#__PURE__*/ React.createElement(InlineEntryCard, {
+        return React.createElement(InlineEntryCard, {
             isLoading: true
         });
     }
     const entryStatus = getEntryStatus(entry.sys);
     if (entryStatus === 'deleted') {
-        return /*#__PURE__*/ React.createElement(InlineEntryCard, {
+        return React.createElement(InlineEntryCard, {
             title: "Entry missing or inaccessible",
             testId: INLINES.EMBEDDED_ENTRY,
             isSelected: props.isSelected,
             actions: [
-                /*#__PURE__*/ React.createElement(MenuItem, {
+                React.createElement(MenuItem, {
                     key: "remove",
                     onClick: props.onRemove,
                     testId: "delete"
@@ -75,30 +75,30 @@ export function FetchingWrappedInlineEntryCard(props) {
             ]
         });
     }
-    return /*#__PURE__*/ React.createElement(InlineEntryCard, {
+    return React.createElement(InlineEntryCard, {
         testId: INLINES.EMBEDDED_ENTRY,
         isSelected: props.isSelected,
         title: `${contentTypeName}: ${title}`,
         status: entryStatus,
         actions: [
-            /*#__PURE__*/ React.createElement(MenuItem, {
+            React.createElement(MenuItem, {
                 key: "edit",
                 onClick: props.onEdit
             }, "Edit"),
-            /*#__PURE__*/ React.createElement(MenuItem, {
+            React.createElement(MenuItem, {
                 key: "remove",
                 onClick: props.onRemove,
                 disabled: props.isDisabled,
                 testId: "delete"
             }, "Remove")
         ]
-    }, /*#__PURE__*/ React.createElement(ScheduledIconWithTooltip, {
+    }, React.createElement(ScheduledIconWithTooltip, {
         getEntityScheduledActions: loadEntityScheduledActions,
         entityType: "Entry",
         entityId: entry.sys.id
-    }, /*#__PURE__*/ React.createElement(ClockIcon, {
+    }, React.createElement(ClockIcon, {
         className: styles.scheduledIcon,
         variant: "muted",
         testId: "scheduled-icon"
-    })), /*#__PURE__*/ React.createElement(Text, null, title));
+    })), React.createElement(Text, null, title));
 }