@contentful/field-editor-reference 5.21.2 → 5.21.5

package/dist/esm/common/useEditorPermissions.js

@@ -21,20 +21,15 @@ export function useEditorPermissions(props) {
         }
         async function checkCreateAccess() {
             if (entityType === 'Asset') {
-                // Hardcoded `true` value following https://contentful.atlassian.net/browse/DANTE-486
-                // TODO: refine permissions check in order to account for tags in rules
                 const canCreate = await canPerformAction('create', 'Asset') || true;
                 setCanCreateEntity(canCreate);
             }
             if (entityType === 'Entry') {
-                // Hardcoded `true` value following https://contentful.atlassian.net/browse/DANTE-486
-                // TODO: refine permissions check in order to account for tags in rules
                 const canCreate = creatableContentTypes.length > 0 || true;
                 setCanCreateEntity(canCreate);
             }
         }
         void checkCreateAccess();
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
     }, [
         entityType,
         parameters.instance,
@@ -47,22 +42,15 @@ export function useEditorPermissions(props) {
         }
         async function checkLinkAccess() {
             if (entityType === 'Asset') {
-                // Hardcoded `true` value following https://contentful.atlassian.net/browse/DANTE-486
-                // TODO: refine permissions check in order to account for tags in rules
                 const canRead = await canPerformAction('read', 'Asset') || true;
                 setCanLinkEntity(canRead);
             }
             if (entityType === 'Entry') {
-                // Hardcoded `true` value following https://contentful.atlassian.net/browse/DANTE-486
-                // TODO: refine permissions check in order to account for tags in rules
-                // TODO: always show every content type (it's just a filter) to avoid people not seeing
-                // their (partly limited) content types
                 const canRead = true;
                 setCanLinkEntity(canRead);
             }
         }
         void checkLinkAccess();
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
     }, [
         entityType,
         parameters.instance

package/dist/esm/common/useEditorPermissions.spec.js

@@ -130,7 +130,6 @@ describe('useEditorPermissions', ()=>{
             });
             expect(result.current.canLinkEntity).toBe(true);
         });
-        // eslint-disable-next-line -- TODO: describe this disable  jest/no-test-prefixes
         it.skip(`denies creation when no content-type can be read`, async ()=>{
             const allContentTypes = [
                 makeContentType('one'),

package/dist/esm/components/AssetThumbnail/AssetThumbnail.js

@@ -4,7 +4,7 @@ const dimensions = {
     height: 70
 };
 export function AssetThumbnail(props) {
-    return /*#__PURE__*/ React.createElement("img", {
+    return React.createElement("img", {
         alt: props.file.fileName,
         src: `${props.file.url}?w=${dimensions.width}&h=${dimensions.height}&fit=thumb`,
         height: dimensions.height,

package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.js

@@ -24,12 +24,10 @@ export const CreateEntryLinkButton = ({ contentTypes, onSelect, customDropdownIt
     const suggestedContentType = contentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
     const buttonText = text || `Add ${get(suggestedContentType || (contentTypes.length === 1 ? contentTypes[0] : {}), 'name', 'entry')}`;
     const hasDropdown = contentTypes.length > 1 || customDropdownItems;
-    // TODO: Introduce `icon: string` and remove `hasPlusIcon` or remove "Plus" if we keep new layout.
-    const plusIcon = hasPlusIcon ? /*#__PURE__*/ React.createElement(PlusIcon, null) : undefined;
-    // TODO: Always use "New content" here if we fully switch to new layout.
+    const plusIcon = hasPlusIcon ? React.createElement(PlusIcon, null) : undefined;
     const contentTypesLabel = useExperimentalStyles ? 'New content' : undefined;
     const styles = useExperimentalStyles ? redesignStyles : standardStyles;
-    return /*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {
+    return React.createElement(CreateEntryMenuTrigger, {
         contentTypes: contentTypes,
         suggestedContentTypeId: suggestedContentTypeId,
         contentTypesLabel: contentTypesLabel,
@@ -37,8 +35,8 @@ export const CreateEntryLinkButton = ({ contentTypes, onSelect, customDropdownIt
         testId: testId,
         dropdownSettings: dropdownSettings,
         customDropdownItems: customDropdownItems
-    }, ({ isSelecting })=>/*#__PURE__*/ React.createElement(Button, {
-            endIcon: hasDropdown ? /*#__PURE__*/ React.createElement(ChevronDownIcon, null) : undefined,
+    }, ({ isSelecting })=>React.createElement(Button, {
+            endIcon: hasDropdown ? React.createElement(ChevronDownIcon, null) : undefined,
             variant: "secondary",
             className: styles.action,
             isDisabled: disabled || isSelecting,

package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.js

@@ -37,14 +37,14 @@ describe('CreateEntryLinkButton general', ()=>{
         }
     };
     it('renders with multiple content types as list', ()=>{
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, props));
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, props));
         expect(getByTestId('create-entry-button-menu-trigger')).toBeDefined();
         const link = findButton(getByTestId);
         expect(link).toBeDefined();
         expect(link.textContent).toBe('Add entry');
     });
     it('renders dropdown menu on click when with multiple content types', ()=>{
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, props));
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, props));
         fireEvent.click(findButton(getByTestId));
         const menu = getByTestId('add-entry-menu');
         expect(menu).toBeDefined();
@@ -54,7 +54,7 @@ describe('CreateEntryLinkButton general', ()=>{
     });
     it('renders suggestedContentType as text when given', ()=>{
         const suggestedContentTypeId = 'ID_2';
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, {
             ...props,
             suggestedContentTypeId: suggestedContentTypeId
         }));
@@ -64,7 +64,7 @@ describe('CreateEntryLinkButton general', ()=>{
         expect(button.textContent).toBe(`Add ${CONTENT_TYPE_2.name}`);
     });
     it('renders the name of the content type as part of the text if only 1 content type is given', ()=>{
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, {
             onSelect: props.onSelect,
             contentTypes: [
                 CONTENT_TYPE_1
@@ -80,7 +80,7 @@ describe('CreateEntryLinkButton general', ()=>{
             text: 'CUSTOM_TEXT',
             hasPlusIcon: true
         };
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, {
             ...props,
             ...propsOverrides
         }));
@@ -101,13 +101,13 @@ describe('CreateEntryLinkButton with multiple entries', ()=>{
         }
     };
     it('should render dropdown items for each content type', ()=>{
-        const { getByTestId, getAllByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, props));
+        const { getByTestId, getAllByTestId } = render(React.createElement(CreateEntryLinkButton, props));
         fireEvent.click(findButton(getByTestId));
         expect(getAllByTestId('contentType')).toHaveLength(props.contentTypes.length);
     });
     it('calls onSelect after click on menu item', ()=>{
         const selectSpy = jest.fn();
-        const { getByTestId, getAllByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId, getAllByTestId } = render(React.createElement(CreateEntryLinkButton, {
             ...props,
             onSelect: selectSpy
         }));
@@ -127,7 +127,7 @@ describe('CreateEntryLinkButton with a single entry', ()=>{
     };
     it('should fire the onSelect function when clicked', ()=>{
         const onSelectStub = jest.fn();
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, {
             ...props,
             onSelect: onSelectStub
         }));
@@ -139,7 +139,7 @@ describe('CreateEntryLinkButton with a single entry', ()=>{
 describe('CreateEntryLinkButton common', ()=>{
     it('should render a spinner if onSelect returns a promise', async ()=>{
         const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 1000)));
-        const { getByTestId, container } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId, container } = render(React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1
             ],
@@ -155,7 +155,7 @@ describe('CreateEntryLinkButton common', ()=>{
     });
     it('should hide a spinner after the promise from onSelect resolves', async ()=>{
         const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 500)));
-        const { getByTestId, container } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId, container } = render(React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1
             ],
@@ -172,7 +172,7 @@ describe('CreateEntryLinkButton common', ()=>{
     });
     it('does not emit onSelect on subsequent click before the promise from onSelect resolves', async ()=>{
         const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(()=>resolve(undefined), 200)));
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1
             ],
@@ -188,7 +188,7 @@ describe('CreateEntryLinkButton common', ()=>{
     });
     it('emits onSelect on subsequent click after the promise from onSelect resolves', async ()=>{
         const onSelect = jest.fn(()=>Promise.resolve());
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1
             ],

package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */ import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { TextInput, Menu } from '@contentful/f36-components';
 import { SearchIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
@@ -45,14 +45,7 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
     const wrapper = useRef(null);
     const textField = useRef(null);
     const menuListRef = useRef(null);
-    /*
-    By default, dropdown wraps it's content, so it's width = the width of the widest item
-    During search, menu items change, and so the widest menu item can change
-    This leads to menu always changing it's width
-    To prevent this, we get the width of the menu item after the first mount of a dropdown (when all the content is displayed)
-    And hardcode it through the class name. This way we ensure that even during search the menu will keep that max width
-    That it had on initial mount and that fits any menu item in has
-  */ const [dropdownWidth, setDropdownWidth] = useState();
+    const [dropdownWidth, setDropdownWidth] = useState();
     const hasDropdown = contentTypes.length > 1 || !!customDropdownItems;
     const closeMenu = ()=>setOpen(false);
     useEffect(()=>{
@@ -77,7 +70,6 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
     const handleSelect = (item)=>{
         closeMenu();
         const res = onSelect(item.sys.id);
-        // TODO: Convert to controllable component.
         if (res && typeof res.then === 'function') {
             setSelecting(true);
             res.then(()=>setSelecting(false), ()=>setSelecting(false));
@@ -97,28 +89,28 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
     }, [
         isOpen
     ]);
-    const renderSearchResultsCount = (resultsLength)=>resultsLength ? /*#__PURE__*/ React.createElement(Menu.SectionTitle, {
+    const renderSearchResultsCount = (resultsLength)=>resultsLength ? React.createElement(Menu.SectionTitle, {
             testId: "add-entru-menu-search-results"
         }, resultsLength, " result", resultsLength > 1 ? 's' : '') : null;
     const isSearchable = contentTypes.length > MAX_ITEMS_WITHOUT_SEARCH;
     const maxDropdownHeight = suggestedContentTypeId ? 300 : 250;
     const suggestedContentType = contentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
     const filteredContentTypes = contentTypes.filter((ct)=>!searchInput || get(ct, 'name', 'Untitled').toLowerCase().includes(searchInput.toLowerCase()));
-    return /*#__PURE__*/ React.createElement("span", {
+    return React.createElement("span", {
         className: styles.wrapper,
         ref: wrapper,
         "data-test-id": testId
-    }, /*#__PURE__*/ React.createElement(Menu, {
+    }, React.createElement(Menu, {
         placement: menuPlacementMap[dropdownSettings.position],
         isAutoalignmentEnabled: dropdownSettings.isAutoalignmentEnabled,
         isOpen: isOpen,
         onClose: closeMenu,
         onOpen: handleMenuOpen,
         ...menuProps
-    }, /*#__PURE__*/ React.createElement(Menu.Trigger, null, children({
+    }, React.createElement(Menu.Trigger, null, children({
         isOpen,
         isSelecting
-    })), isOpen && /*#__PURE__*/ React.createElement(Menu.List, {
+    })), isOpen && React.createElement(Menu.List, {
         className: styles.dropdownList,
         style: {
             width: dropdownWidth != undefined ? `${dropdownWidth}px` : undefined,
@@ -126,25 +118,25 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
         },
         ref: menuListRef,
         testId: "add-entry-menu"
-    }, Boolean(customDropdownItems) && /*#__PURE__*/ React.createElement(React.Fragment, null, customDropdownItems, /*#__PURE__*/ React.createElement(Menu.Divider, null)), isSearchable && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+    }, Boolean(customDropdownItems) && React.createElement(React.Fragment, null, customDropdownItems, React.createElement(Menu.Divider, null)), isSearchable && React.createElement(React.Fragment, null, React.createElement("div", {
         ref: textField,
         className: styles.inputWrapper
-    }, /*#__PURE__*/ React.createElement(TextInput, {
+    }, React.createElement(TextInput, {
         className: styles.searchInput,
         placeholder: "Search all content types",
         testId: "add-entry-menu-search",
         value: searchInput,
         onChange: (e)=>setSearchInput(e.target.value)
-    }), /*#__PURE__*/ React.createElement(SearchIcon, {
+    }), React.createElement(SearchIcon, {
         className: styles.searchIcon
-    })), /*#__PURE__*/ React.createElement(Menu.Divider, null)), searchInput && renderSearchResultsCount(filteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), /*#__PURE__*/ React.createElement(Menu.Item, {
+    })), React.createElement(Menu.Divider, null)), searchInput && renderSearchResultsCount(filteredContentTypes.length), suggestedContentType && !searchInput && React.createElement(React.Fragment, null, React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), React.createElement(Menu.Item, {
         testId: "suggested",
         onClick: ()=>handleSelect(suggestedContentType)
-    }, get(suggestedContentType, 'name')), /*#__PURE__*/ React.createElement(Menu.Divider, null)), !searchInput && /*#__PURE__*/ React.createElement(Menu.SectionTitle, null, contentTypesLabel), filteredContentTypes.length ? filteredContentTypes.map((contentType, i)=>/*#__PURE__*/ React.createElement(Menu.Item, {
+    }, get(suggestedContentType, 'name')), React.createElement(Menu.Divider, null)), !searchInput && React.createElement(Menu.SectionTitle, null, contentTypesLabel), filteredContentTypes.length ? filteredContentTypes.map((contentType, i)=>React.createElement(Menu.Item, {
             testId: "contentType",
             key: `${get(contentType, 'name')}-${i}`,
             onClick: ()=>handleSelect(contentType)
-        }, get(contentType, 'name', 'Untitled'))) : /*#__PURE__*/ React.createElement(Menu.Item, {
+        }, get(contentType, 'name', 'Untitled'))) : React.createElement(Menu.Item, {
         testId: "add-entru-menu-search-results"
     }, "No results found"))));
 };

package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js

@@ -3,7 +3,6 @@ import { Button } from '@contentful/f36-components';
 import '@testing-library/jest-dom/extend-expect';
 import { act, configure, fireEvent, render } from '@testing-library/react';
 import noop from 'lodash/noop';
-// eslint-disable-next-line -- TODO: describe this disable  you-dont-need-lodash-underscore/fill
 import fill from 'lodash/fill';
 import { CreateEntryMenuTrigger } from './CreateEntryMenuTrigger';
 configure({
@@ -40,7 +39,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
     };
     let stub = jest.fn();
     beforeEach(()=>{
-        stub = jest.fn().mockImplementation(()=>/*#__PURE__*/ React.createElement(Button, {
+        stub = jest.fn().mockImplementation(()=>React.createElement(Button, {
                 testId: "menu-trigger"
             }));
     });
@@ -48,13 +47,13 @@ describe('CreateEntryMenuTrigger general', ()=>{
         const stub = (api)=>{
             expect(api.isOpen).toBe(false);
             expect(api.isSelecting).toBe(false);
-            return /*#__PURE__*/ React.createElement("span", null);
+            return React.createElement("span", null);
         };
-        render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, props, stub));
+        render(React.createElement(CreateEntryMenuTrigger, props, stub));
     });
     it('should set isSelecting to true in case onSelect returns a promise', async ()=>{
         const selectStub = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 1000)));
-        const { getAllByTestId, getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {
+        const { getAllByTestId, getByTestId } = render(React.createElement(CreateEntryMenuTrigger, {
             ...props,
             onSelect: selectStub
         }, stub));
@@ -68,7 +67,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
     });
     it('should not set isSelecting to true in case onSelect is sync', async ()=>{
         const selectStub = jest.fn();
-        const { getAllByTestId, getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {
+        const { getAllByTestId, getByTestId } = render(React.createElement(CreateEntryMenuTrigger, {
             ...props,
             onSelect: selectStub
         }, stub));
@@ -85,7 +84,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
         expect(selectStub).toHaveBeenCalled();
     });
     it('renders text input if contentTypes.length > 20', ()=>{
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {
+        const { getByTestId } = render(React.createElement(CreateEntryMenuTrigger, {
             ...props,
             contentTypes: fill(Array(21), CONTENT_TYPE_3)
         }, stub));
@@ -96,7 +95,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
     });
     it('shows the search results if typed in input', ()=>{
         const contentTypes = fill(fill(fill(Array(21), CONTENT_TYPE_1, 0, 10), CONTENT_TYPE_2, 10, 20), CONTENT_TYPE_3, 20);
-        const { getByTestId, getAllByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {
+        const { getByTestId, getAllByTestId } = render(React.createElement(CreateEntryMenuTrigger, {
             ...props,
             contentTypes: contentTypes
         }, stub));
@@ -129,7 +128,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
         expect(getByTestId('add-entru-menu-search-results').textContent).toBe('No results found');
     });
     it('shows suggestedContentType in the list', ()=>{
-        const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {
+        const { getByTestId } = render(React.createElement(CreateEntryMenuTrigger, {
             ...props,
             suggestedContentTypeId: props.contentTypes[0].sys.id
         }, stub));

package/dist/esm/components/LinkActions/CombinedLinkActions.js

@@ -9,27 +9,18 @@ const testIds = {
     ...sharedTextIds,
     actionsWrapper: 'link-actions-menu-trigger'
 };
-/**
- * Alternative, experimental alternative to <LinkActions /> that is planned to
- * replace the current default LinkActions in reference and media editors.
- *
- * Places both actions to create and link new, as well as link existing, behind
- * one action dropdown and introduces new copy for action labels.
- */ export function CombinedLinkActions(props) {
+export function CombinedLinkActions(props) {
     if (props.isFull) {
-        return null; // Don't render link actions if we reached max allowed links.
+        return null;
     }
-    // We don't want to render a spacious container in case there are are already
-    // assets linked (in case of entries, always show it) as the border wouldn't be
-    // nicely aligned with asset cards.
     const hideEmptyCard = props.entityType === 'Asset' && !props.isEmpty;
-    return /*#__PURE__*/ React.createElement("div", {
+    return React.createElement("div", {
         className: hideEmptyCard ? '' : styles.container
-    }, !props.canCreateEntity && !props.canLinkEntity && /*#__PURE__*/ React.createElement(NoLinkPermissionsInfo, null), props.entityType === 'Entry' && /*#__PURE__*/ React.createElement(CombinedEntryLinkActions, props), props.entityType === 'Asset' && /*#__PURE__*/ React.createElement(CombinedAssetLinkActions, props));
+    }, !props.canCreateEntity && !props.canLinkEntity && React.createElement(NoLinkPermissionsInfo, null), props.entityType === 'Entry' && React.createElement(CombinedEntryLinkActions, props), props.entityType === 'Asset' && React.createElement(CombinedAssetLinkActions, props));
 }
 function CombinedEntryLinkActions(props) {
     if (props.canCreateEntity) {
-        return /*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+        return React.createElement(CreateEntryLinkButton, {
             testId: testIds.actionsWrapper,
             disabled: props.isDisabled,
             text: props.combinedActionsLabel || 'Add content',
@@ -42,7 +33,7 @@ function CombinedEntryLinkActions(props) {
             onSelect: (contentTypeId)=>{
                 return contentTypeId ? props.onCreate(contentTypeId) : Promise.resolve();
             },
-            customDropdownItems: props.canLinkEntity ? /*#__PURE__*/ React.createElement(Menu.Item, {
+            customDropdownItems: props.canLinkEntity ? React.createElement(Menu.Item, {
                 testId: testIds.linkExisting,
                 onClick: ()=>{
                     props.onLinkExisting();
@@ -50,7 +41,7 @@ function CombinedEntryLinkActions(props) {
             }, "Add existing content") : undefined
         });
     } else if (props.canLinkEntity) {
-        return /*#__PURE__*/ React.createElement(Button, {
+        return React.createElement(Button, {
             isDisabled: props.isDisabled,
             testId: testIds.linkExisting,
             className: styles.action,
@@ -58,7 +49,7 @@ function CombinedEntryLinkActions(props) {
                 props.onLinkExisting();
             },
             variant: "secondary",
-            startIcon: /*#__PURE__*/ React.createElement(LinkIcon, null),
+            startIcon: React.createElement(LinkIcon, null),
             size: "small"
         }, "Add existing content");
     }
@@ -68,7 +59,7 @@ function CombinedAssetLinkActions(props) {
     const [isOpen, setOpen] = React.useState(false);
     if (!props.canLinkEntity || !props.canCreateEntity) {
         if (props.canLinkEntity) {
-            return /*#__PURE__*/ React.createElement(Button, {
+            return React.createElement(Button, {
                 isDisabled: props.isDisabled,
                 testId: testIds.linkExisting,
                 className: styles.action,
@@ -76,12 +67,12 @@ function CombinedAssetLinkActions(props) {
                     props.onLinkExisting();
                 },
                 variant: "secondary",
-                startIcon: /*#__PURE__*/ React.createElement(PlusIcon, null),
+                startIcon: React.createElement(PlusIcon, null),
                 size: "small"
             }, "Add existing media");
         }
         if (props.canCreateEntity) {
-            return /*#__PURE__*/ React.createElement(Button, {
+            return React.createElement(Button, {
                 isDisabled: props.isDisabled,
                 testId: testIds.createAndLink,
                 className: styles.action,
@@ -89,15 +80,13 @@ function CombinedAssetLinkActions(props) {
                     props.onCreate();
                 },
                 variant: "secondary",
-                startIcon: /*#__PURE__*/ React.createElement(PlusIcon, null),
+                startIcon: React.createElement(PlusIcon, null),
                 size: "small"
             }, "Add media");
         }
         return null;
     }
-    // TODO: If we fully switch to this new layout, make a more generic `CreateEntityLinkButton`
-    //  that works without content types to cover asset use-case.
-    return /*#__PURE__*/ React.createElement(Menu, {
+    return React.createElement(Menu, {
         isOpen: isOpen,
         onClose: ()=>{
             setOpen(false);
@@ -105,22 +94,22 @@ function CombinedAssetLinkActions(props) {
         onOpen: ()=>{
             setOpen(true);
         }
-    }, /*#__PURE__*/ React.createElement(Menu.Trigger, null, /*#__PURE__*/ React.createElement(Button, {
-        endIcon: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),
+    }, React.createElement(Menu.Trigger, null, React.createElement(Button, {
+        endIcon: React.createElement(ChevronDownIcon, null),
         isDisabled: props.isDisabled,
         testId: testIds.actionsWrapper,
         className: styles.action,
         variant: "secondary",
-        startIcon: /*#__PURE__*/ React.createElement(PlusIcon, null),
+        startIcon: React.createElement(PlusIcon, null),
         size: "small"
-    }, "Add media")), isOpen && /*#__PURE__*/ React.createElement(Menu.List, {
+    }, "Add media")), isOpen && React.createElement(Menu.List, {
         testId: testIds.dropdown
-    }, /*#__PURE__*/ React.createElement(Menu.Item, {
+    }, React.createElement(Menu.Item, {
         testId: testIds.linkExisting,
         onClick: ()=>{
             props.onLinkExisting();
         }
-    }, "Add existing media"), /*#__PURE__*/ React.createElement(Menu.Item, {
+    }, "Add existing media"), React.createElement(Menu.Item, {
         testId: testIds.createAndLink,
         onClick: ()=>{
             props.onCreate();

package/dist/esm/components/LinkActions/LinkActions.js

@@ -20,16 +20,16 @@ export const testIds = {
 };
 export function LinkActions(props) {
     if (props.isFull) {
-        return null; // Don't render link actions if we reached max allowed links.
+        return null;
     }
     const defaultLabels = props.entityType === 'Entry' ? defaultEntryLabels : defaultAssetLabels;
     const labels = {
         ...defaultLabels,
         ...props.actionLabels
     };
-    return /*#__PURE__*/ React.createElement("div", {
+    return React.createElement("div", {
         className: styles.container
-    }, props.canCreateEntity && /*#__PURE__*/ React.createElement(React.Fragment, null, props.entityType === 'Entry' && /*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
+    }, props.canCreateEntity && React.createElement(React.Fragment, null, props.entityType === 'Entry' && React.createElement(CreateEntryLinkButton, {
         testId: testIds.createAndLink,
         disabled: props.isDisabled,
         text: labels.createNew({
@@ -40,27 +40,27 @@ export function LinkActions(props) {
         onSelect: (contentTypeId)=>{
             return contentTypeId ? props.onCreate(contentTypeId, props.itemsLength) : Promise.resolve();
         }
-    }), props.entityType === 'Asset' && /*#__PURE__*/ React.createElement(Button, {
+    }), props.entityType === 'Asset' && React.createElement(Button, {
         isDisabled: props.isDisabled,
         testId: testIds.createAndLink,
         onClick: ()=>{
             props.onCreate(undefined, props.itemsLength);
         },
         variant: "secondary",
-        startIcon: /*#__PURE__*/ React.createElement(PlusIcon, null),
+        startIcon: React.createElement(PlusIcon, null),
         size: "small"
-    }, labels.createNew()), /*#__PURE__*/ React.createElement("span", {
+    }, labels.createNew()), React.createElement("span", {
         className: styles.separator
-    })), props.canLinkEntity && /*#__PURE__*/ React.createElement(Button, {
+    })), props.canLinkEntity && React.createElement(Button, {
         isDisabled: props.isDisabled,
         testId: testIds.linkExisting,
         onClick: ()=>{
             props.onLinkExisting();
         },
         variant: "secondary",
-        startIcon: /*#__PURE__*/ React.createElement(LinkIcon, null),
+        startIcon: React.createElement(LinkIcon, null),
         size: "small"
     }, labels.linkExisting({
         canLinkMultiple: props.canLinkMultiple
-    })), !props.canCreateEntity && !props.canLinkEntity && /*#__PURE__*/ React.createElement(NoLinkPermissionsInfo, null));
+    })), !props.canCreateEntity && !props.canLinkEntity && React.createElement(NoLinkPermissionsInfo, null));
 }

package/dist/esm/components/LinkActions/LinkEntityActions.js

@@ -19,8 +19,7 @@ export function useLinkActionsProps(props) {
             slide,
             index
         });
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
-    [
+    }, [
         entityType,
         props.onCreate,
         props.onAction
@@ -35,8 +34,7 @@ export function useLinkActionsProps(props) {
                 index: index === undefined ? undefined : index + i
             });
         });
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
-    [
+    }, [
         entityType,
         props.onLink,
         props.onAction
@@ -68,8 +66,7 @@ export function useLinkActionsProps(props) {
         onLinkedExisting([
             entity
         ], index);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
-    [
+    }, [
         sdk,
         entityType,
         onLinkedExisting
@@ -84,13 +81,11 @@ export function useLinkActionsProps(props) {
             return;
         }
         onLinkedExisting(entities, index);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
-    [
+    }, [
         sdk,
         entityType,
         onLinkedExisting
     ]);
-    // FIXME: The memoization might rerun every time due to the always changing callback identities above
     return useMemo(()=>({
             entityType,
             canLinkMultiple,
@@ -106,8 +101,7 @@ export function useLinkActionsProps(props) {
             onCreated,
             onLinkedExisting,
             itemsLength
-        }), // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
-    [
+        }), [
         entityType,
         canLinkMultiple,
         isDisabled,
@@ -116,7 +110,6 @@ export function useLinkActionsProps(props) {
         editorPermissions.canCreateEntity,
         editorPermissions.canLinkEntity,
         actionLabels,
-        // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
         editorPermissions.creatableContentTypes.map((ct)=>ct.sys.id).join(':'),
         onCreate,
         onLinkExisting,
@@ -127,8 +120,8 @@ export function useLinkActionsProps(props) {
     ]);
 }
 export function LinkEntityActions({ renderCustomActions, ...props }) {
-    return renderCustomActions ? renderCustomActions(props) : /*#__PURE__*/ React.createElement(LinkActions, props);
+    return renderCustomActions ? renderCustomActions(props) : React.createElement(LinkActions, props);
 }
 export function CombinedLinkEntityActions({ renderCustomActions, ...props }) {
-    return renderCustomActions ? renderCustomActions(props) : /*#__PURE__*/ React.createElement(CombinedLinkActions, props);
+    return renderCustomActions ? renderCustomActions(props) : React.createElement(CombinedLinkActions, props);
 }

package/dist/esm/components/LinkActions/NoLinkPermissionsInfo.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { Paragraph } from '@contentful/f36-components';
 export function NoLinkPermissionsInfo() {
-    return /*#__PURE__*/ React.createElement(Paragraph, null, "You don't have permission to view this content or this field is not correctly configured. Contact your administrator for help.");
+    return React.createElement(Paragraph, null, "You don't have permission to view this content or this field is not correctly configured. Contact your administrator for help.");
 }