@contentful/field-editor-reference 5.21.4 → 5.21.5

package/dist/cjs/utils/useSortIDs.js

@@ -31,7 +31,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)) {
@@ -51,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const useSortIDs = (items)=>{
     const ids = (items || []).map((item, index)=>{
-        const { type  } = item.sys;
+        const { type } = item.sys;
         return {
             id: type === 'ResourceLink' ? `${item.sys.urn}-${index}` : `${item.sys.id}-${index}`
         };
@@ -60,7 +62,7 @@ const useSortIDs = (items)=>{
     _react.default.useEffect(()=>{
         if (items.length !== sortIDs.length) {
             const ids = items.map((item, index)=>{
-                const { type  } = item.sys;
+                const { type } = item.sys;
                 return {
                     id: type === 'ResourceLink' ? `${item.sys.urn}-${index}` : `${item.sys.id}-${index}`
                 };

package/dist/esm/__fixtures__/FakeSdk.js

@@ -49,7 +49,7 @@ export function newReferenceEditorFakeSdk(props) {
         locales,
         cmaAdapter: createFakeCMAAdapter({
             Entry: {
-                get: async ({ entryId  })=>{
+                get: async ({ entryId })=>{
                     if (props?.fetchDelay) {
                         await delay(props.fetchDelay);
                     }
@@ -66,7 +66,7 @@ export function newReferenceEditorFakeSdk(props) {
                 }
             },
             Asset: {
-                get: async ({ assetId  })=>{
+                get: async ({ assetId })=>{
                     if (props?.fetchDelay) {
                         await delay(props.fetchDelay);
                     }
@@ -91,7 +91,7 @@ export function newReferenceEditorFakeSdk(props) {
                 }
             },
             ContentType: {
-                get: async ({ contentTypeId  })=>{
+                get: async ({ contentTypeId })=>{
                     if (contentTypeId === contentTypes.published.sys.id) {
                         return contentTypes.published;
                     }

package/dist/esm/assets/MultipleMediaEditor.js

@@ -21,7 +21,7 @@ export function MultipleMediaEditor(props) {
             className: cx({
                 [styles.gridContainer]: childrenProps.viewType === 'card'
             })
-        }, ({ items , item , index , isDisabled , DragHandle  })=>React.createElement(FetchingWrappedAssetCard, {
+        }, ({ items, item, index, isDisabled, DragHandle })=>React.createElement(FetchingWrappedAssetCard, {
                 ...childrenProps,
                 isDisabled: isDisabled,
                 key: `${item.sys.id}-${index}`,

package/dist/esm/assets/SingleMediaEditor.js

@@ -5,7 +5,7 @@ export function SingleMediaEditor(props) {
     return React.createElement(SingleReferenceEditor, {
         ...props,
         entityType: "Asset"
-    }, ({ entityId , isDisabled , setValue  })=>React.createElement(FetchingWrappedAssetCard, {
+    }, ({ entityId, isDisabled, setValue })=>React.createElement(FetchingWrappedAssetCard, {
             ...props,
             viewType: "big_card",
             assetId: entityId,

package/dist/esm/assets/WrappedAssetCard/AssetCardActions.js

@@ -42,7 +42,7 @@ function downloadAsset(url) {
     window.open(url, '_blank', 'noopener,noreferrer');
 }
 export function renderAssetInfo(props) {
-    const { entityFile  } = props;
+    const { entityFile } = props;
     const fileName = get(entityFile, 'fileName');
     const mimeType = get(entityFile, 'contentType');
     const fileSize = get(entityFile, 'details.size');
@@ -67,7 +67,7 @@ export function renderAssetInfo(props) {
     ];
 }
 export function renderActions(props) {
-    const { entityFile , isDisabled , onEdit , onRemove  } = props;
+    const { entityFile, isDisabled, onEdit, onRemove } = props;
     return [
         React.createElement(Menu.SectionTitle, {
             key: "section-title"

package/dist/esm/assets/WrappedAssetCard/FetchingWrappedAssetCard.js

@@ -5,8 +5,8 @@ import { MissingEntityCard } from '../../components';
 import { WrappedAssetCard } from './WrappedAssetCard';
 import { WrappedAssetLink } from './WrappedAssetLink';
 export function FetchingWrappedAssetCard(props) {
-    const { data: asset , status  } = useEntity('Asset', props.assetId);
-    const { getEntityScheduledActions  } = useEntityLoader();
+    const { data: asset, status } = useEntity('Asset', props.assetId);
+    const { getEntityScheduledActions } = useEntityLoader();
     const loadEntityScheduledActions = React.useCallback(()=>getEntityScheduledActions('Asset', props.assetId), [
         getEntityScheduledActions,
         props.assetId
@@ -22,7 +22,7 @@ export function FetchingWrappedAssetCard(props) {
         asset
     ]);
     const onEdit = async ()=>{
-        const { slide  } = await props.sdk.navigator.openAsset(props.assetId, {
+        const { slide } = await props.sdk.navigator.openAsset(props.assetId, {
             slideIn: true
         });
         props.onAction && props.onAction({
@@ -61,7 +61,7 @@ export function FetchingWrappedAssetCard(props) {
             }
             return card;
         }
-        const { getEntityUrl  } = props;
+        const { getEntityUrl } = props;
         const size = props.viewType === 'big_card' ? 'default' : 'small';
         const commonProps = {
             asset,
@@ -98,7 +98,7 @@ export function FetchingWrappedAssetCard(props) {
                 ...commonProps,
                 ...props,
                 getEntityScheduledActions: loadEntityScheduledActions,
-                asset: (props?.entity) || commonProps.asset,
+                asset: props?.entity || commonProps.asset,
                 getAssetUrl: getEntityUrl
             };
             return React.createElement(WrappedAssetCard, builtinCardProps);

package/dist/esm/assets/WrappedAssetCard/WrappedAssetCard.js

@@ -39,7 +39,7 @@ function getFileType(file) {
     return groupToIconMap[groupName] || 'archive';
 }
 export const WrappedAssetCard = (props)=>{
-    const { className , onEdit , getAssetUrl , onRemove , size , isDisabled , isSelected , isClickable  } = props;
+    const { className, onEdit, getAssetUrl, onRemove, size, isDisabled, isSelected, isClickable } = props;
     const status = entityHelpers.getEntryStatus(props.asset.sys);
     if (status === 'deleted') {
         return React.createElement(MissingEntityCard, {

package/dist/esm/assets/WrappedAssetCard/WrappedAssetLink.js

@@ -12,7 +12,7 @@ const styles = {
     })
 };
 export const WrappedAssetLink = (props)=>{
-    const { className , href , onEdit , onRemove , isDisabled  } = props;
+    const { className, href, onEdit, onRemove, isDisabled } = props;
     const status = entityHelpers.getEntryStatus(props.asset.sys);
     if (status === 'deleted') {
         return React.createElement(MissingEntityCard, {

package/dist/esm/common/EntityStore.js

@@ -33,7 +33,7 @@ const isEntityQueryKey = (queryKey)=>{
     return Array.isArray(queryKey) && (queryKey[0] === 'Entry' || queryKey[0] === 'Asset') && queryKey.length === 4;
 };
 async function fetchContentfulEntry(params) {
-    const { urn , fetch , options  } = params;
+    const { urn, fetch, options } = params;
     const resourceId = urn.split(':', 6)[5];
     const ENTITY_RESOURCE_ID_REGEX = RegExp("^spaces\\/(?<spaceId>[^/]+)(?:\\/environments\\/(?<environmentId>[^/]+))?\\/entries\\/(?<entityId>[^/]+)$");
     const resourceIdMatch = resourceId.match(ENTITY_RESOURCE_ID_REGEX);
@@ -47,7 +47,7 @@ async function fetchContentfulEntry(params) {
         fetch([
             'space',
             spaceId
-        ], ({ cmaClient  })=>cmaClient.space.get({
+        ], ({ cmaClient })=>cmaClient.space.get({
                 spaceId
             }), options),
         fetch([
@@ -55,7 +55,7 @@ async function fetchContentfulEntry(params) {
             spaceId,
             environmentId,
             entryId
-        ], ({ cmaClient  })=>cmaClient.entry.get({
+        ], ({ cmaClient })=>cmaClient.entry.get({
                 spaceId,
                 environmentId,
                 entryId
@@ -68,7 +68,7 @@ async function fetchContentfulEntry(params) {
             spaceId,
             environmentId,
             contentTypeId
-        ], ({ cmaClient  })=>cmaClient.contentType.get({
+        ], ({ cmaClient })=>cmaClient.contentType.get({
                 contentTypeId,
                 spaceId,
                 environmentId
@@ -77,7 +77,7 @@ async function fetchContentfulEntry(params) {
             'defaultLocale',
             spaceId,
             environmentId
-        ], async ({ cmaClient  })=>{
+        ], async ({ cmaClient })=>{
             const locales = await cmaClient.locale.getMany({
                 spaceId,
                 environmentId,
@@ -127,7 +127,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
         props.queryConcurrency
     ]);
     const fetch = useCallback(function fetch(queryKey, fn, options = {}) {
-        const { priority , ...queryOptions } = options;
+        const { priority, ...queryOptions } = options;
         return queryClient.fetchQuery(queryKey, ()=>queryQueue.add(()=>fn({
                     cmaClient
                 }), {
@@ -147,7 +147,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
             spaceId,
             environmentId
         ];
-        return fetch(queryKey, ({ cmaClient  })=>{
+        return fetch(queryKey, ({ cmaClient })=>{
             if (entityType === 'Entry') {
                 return cmaClient.entry.get({
                     entryId: entityId,
@@ -181,7 +181,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
             spaceId,
             environmentId
         ];
-        return fetch(queryKey, async ({ cmaClient  })=>{
+        return fetch(queryKey, async ({ cmaClient })=>{
             const response = await cmaClient.scheduledActions.getMany({
                 spaceId,
                 query: {
@@ -235,7 +235,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
             });
         }
         if (typeof onEntityChanged !== 'function') {
-            return onSlideInNavigation(({ oldSlideLevel , newSlideLevel  })=>{
+            return onSlideInNavigation(({ oldSlideLevel, newSlideLevel })=>{
                 if (oldSlideLevel > newSlideLevel) {
                     findSameSpaceQueries().forEach((query)=>{
                         void queryClient.invalidateQueries(query.queryKey);
@@ -243,7 +243,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
                 }
             });
         }
-        const subscribeQuery = ({ queryKey , queryHash  })=>{
+        const subscribeQuery = ({ queryKey, queryHash })=>{
             const [entityType, entityId] = queryKey;
             entityChangeUnsubscribers.current[queryHash] = onEntityChanged(entityType, entityId, (data)=>{
                 queryClient.setQueryData(queryKey, data);
@@ -254,8 +254,8 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
             if (!event) {
                 return;
             }
-            const { type , query  } = event;
-            const { queryKey , queryHash  } = query;
+            const { type, query } = event;
+            const { queryKey, queryHash } = query;
             if (!isSameSpaceEntityQueryKey(queryKey)) {
                 return;
             }
@@ -287,24 +287,24 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = cons
         getEntity,
         getEntityScheduledActions
     };
-}, ({ fetch  })=>fetch, ({ getResource , getEntity , getEntityScheduledActions  })=>({
+}, ({ fetch })=>fetch, ({ getResource, getEntity, getEntityScheduledActions })=>({
         getResource,
         getEntity,
         getEntityScheduledActions
-    }), ({ ids  })=>({
+    }), ({ ids })=>({
         environment: ids.environmentAlias ?? ids.environment,
         space: ids.space
     }));
 export function useEntity(entityType, entityId, options) {
-    const { space , environment  } = useCurrentIds();
-    const { getEntity  } = useEntityLoader();
+    const { space, environment } = useCurrentIds();
+    const { getEntity } = useEntityLoader();
     const queryKey = [
         entityType,
         entityId,
         options?.spaceId ?? space,
         options?.environmentId ?? environment
     ];
-    const { status , data  } = useQuery(queryKey, ()=>getEntity(entityType, entityId, options), {
+    const { status, data } = useQuery(queryKey, ()=>getEntity(entityType, entityId, options), {
         enabled: options?.enabled
     });
     return {
@@ -318,8 +318,8 @@ export function useResource(resourceType, urn, options) {
         resourceType,
         urn
     ];
-    const { getResource  } = useEntityLoader();
-    const { status , data , error  } = useQuery(queryKey, ()=>getResource(resourceType, urn, options), {
+    const { getResource } = useEntityLoader();
+    const { status, data, error } = useQuery(queryKey, ()=>getResource(resourceType, urn, options), {
         enabled: options?.enabled
     });
     return {
@@ -328,7 +328,7 @@ export function useResource(resourceType, urn, options) {
         error
     };
 }
-function EntityProvider({ children , ...props }) {
+function EntityProvider({ children, ...props }) {
     return React.createElement(SharedQueryClientProvider, null, React.createElement(InternalServiceProvider, props, children));
 }
 export { EntityProvider, useEntityLoader };

package/dist/esm/common/MultipleReferenceEditor.js

@@ -25,18 +25,18 @@ const nullableValue = {
     }
 };
 function Editor(props) {
-    const { setValue , entityType , onSortingEnd , setIndexToUpdate  } = props;
+    const { setValue, entityType, onSortingEnd, setIndexToUpdate } = props;
     const editorPermissions = useEditorPermissions(props);
     const items = React.useMemo(()=>{
         return (props.items || []).map((link)=>link || nullableValue);
     }, [
         props.items
     ]);
-    const { rearrangeSortIDs  } = useSortIDs(items);
+    const { rearrangeSortIDs } = useSortIDs(items);
     const onSortStart = useCallback(()=>{
         document.body.classList.add('grabbing');
     }, []);
-    const onSortEnd = useCallback(({ oldIndex , newIndex  })=>{
+    const onSortEnd = useCallback(({ oldIndex, newIndex })=>{
         onSortingEnd && onSortingEnd({
             oldIndex,
             newIndex
@@ -96,7 +96,7 @@ function Editor(props) {
 }
 export function MultipleReferenceEditor(props) {
     const allContentTypes = props.sdk.space.getCachedContentTypes();
-    return React.createElement(ReferenceEditor, props, ({ value , disabled , setValue , externalReset  })=>{
+    return React.createElement(ReferenceEditor, props, ({ value, disabled, setValue, externalReset })=>{
         return React.createElement(Editor, {
             ...props,
             items: value || emptyArray,

package/dist/esm/common/SingleReferenceEditor.js

@@ -5,7 +5,7 @@ import { useLinkActionsProps } from '../components/LinkActions/LinkEntityActions
 import { ReferenceEditor } from './ReferenceEditor';
 import { useEditorPermissions } from './useEditorPermissions';
 function Editor(props) {
-    const { setValue , entityType  } = props;
+    const { setValue, entityType } = props;
     const editorPermissions = useEditorPermissions(props);
     const onCreate = useCallback((id)=>void setValue({
             sys: {
@@ -53,7 +53,7 @@ function Editor(props) {
 }
 export function SingleReferenceEditor(props) {
     const allContentTypes = props.sdk.space.getCachedContentTypes();
-    return React.createElement(ReferenceEditor, props, ({ value , setValue , disabled , externalReset  })=>{
+    return React.createElement(ReferenceEditor, props, ({ value, setValue, disabled, externalReset })=>{
         return React.createElement(Editor, {
             ...props,
             key: `${externalReset}-reference`,

package/dist/esm/common/SortableLinkList.js

@@ -20,8 +20,8 @@ const styles = {
         display: 'flex'
     })
 };
-const SortableLink = ({ id , items , item , isDisabled =false , index , children  })=>{
-    const { listeners , setNodeRef , setActivatorNodeRef , transform , transition , isDragging  } = useSortable({
+const SortableLink = ({ id, items, item, isDisabled = false, index, children })=>{
+    const { listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({
         id
     });
     const style = {
@@ -57,8 +57,8 @@ const SortableLink = ({ id , items , item , isDisabled =false , index , children
         DragHandle: isDisabled ? undefined : DragHandle
     }));
 };
-export const SortableLinkList = ({ items , isDisabled , className , children , onSortStart , onSortEnd , updateBeforeSortStart , sortingStrategy  })=>{
-    const { sortIDs , rearrangeSortIDs  } = useSortIDs(items);
+export const SortableLinkList = ({ items, isDisabled, className, children, onSortStart, onSortEnd, updateBeforeSortStart, sortingStrategy })=>{
+    const { sortIDs, rearrangeSortIDs } = useSortIDs(items);
     const onSortStartHandler = React.useCallback((event)=>{
         const index = sortIDs.findIndex((item)=>item.id === event.active.id);
         updateBeforeSortStart?.({
@@ -71,7 +71,7 @@ export const SortableLinkList = ({ items , isDisabled , className , children , o
         sortIDs
     ]);
     const onSortEndHandler = React.useCallback((event)=>{
-        const { active , over  } = event;
+        const { active, over } = event;
         if (active && over && active.id !== over.id) {
             const oldIndex = sortIDs.findIndex((item)=>item.id === active.id);
             const newIndex = sortIDs.findIndex((item)=>item.id === over.id);

package/dist/esm/common/queryClient.js

@@ -29,7 +29,7 @@ export const useQuery = (key, fn, opt)=>{
         context: clientContext
     });
 };
-export function SharedQueryClientProvider({ children  }) {
+export function SharedQueryClientProvider({ children }) {
     const client = useQueryClient();
     return React.createElement(clientContext.Provider, {
         value: client

package/dist/esm/common/useContentTypePermissions.js

@@ -20,7 +20,7 @@ export function useContentTypePermissions(props) {
         props.entityType
     ]);
     const [creatableContentTypes, setCreatableContentTypes] = useState(availableContentTypes);
-    const { canPerformActionOnEntryOfType  } = useAccessApi(props.sdk.access);
+    const { canPerformActionOnEntryOfType } = useAccessApi(props.sdk.access);
     useEffect(()=>{
         function getContentTypes(action) {
             return filter(availableContentTypes, (ct)=>canPerformActionOnEntryOfType(action, ct.sys.id));

package/dist/esm/common/useEditorPermissions.js

@@ -3,17 +3,17 @@ import { fromFieldValidations } from '../utils/fromFieldValidations';
 import { useAccessApi } from './useAccessApi';
 import { useContentTypePermissions } from './useContentTypePermissions';
 export function useEditorPermissions(props) {
-    const { sdk , entityType , parameters  } = props;
+    const { sdk, entityType, parameters } = props;
     const validations = useMemo(()=>fromFieldValidations(props.sdk.field), [
         props.sdk.field
     ]);
     const [canCreateEntity, setCanCreateEntity] = useState(true);
     const [canLinkEntity, setCanLinkEntity] = useState(true);
-    const { creatableContentTypes , availableContentTypes  } = useContentTypePermissions({
+    const { creatableContentTypes, availableContentTypes } = useContentTypePermissions({
         ...props,
         validations
     });
-    const { canPerformAction  } = useAccessApi(sdk.access);
+    const { canPerformAction } = useAccessApi(sdk.access);
     useEffect(()=>{
         if (parameters.instance.showCreateEntityAction === false) {
             setCanCreateEntity(false);

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

@@ -14,7 +14,7 @@ describe('useEditorPermissions', ()=>{
                 id
             }
         });
-    const renderEditorPermissions = async ({ entityType , params ={} , allContentTypes =[] , customizeMock , customizeSdk  })=>{
+    const renderEditorPermissions = async ({ entityType, params = {}, allContentTypes = [], customizeMock, customizeSdk })=>{
         const sdk = makeFieldAppSDK(customizeMock);
         customizeSdk?.(sdk);
         const renderResult = renderHook(()=>useEditorPermissions({
@@ -33,7 +33,7 @@ describe('useEditorPermissions', ()=>{
     };
     describe(`behaviour on Asset`, ()=>{
         it(`wont check access when turned off via instance params`, async ()=>{
-            const { result , sdk  } = await renderEditorPermissions({
+            const { result, sdk } = await renderEditorPermissions({
                 entityType: 'Asset',
                 params: {
                     showCreateEntityAction: false,
@@ -45,20 +45,20 @@ describe('useEditorPermissions', ()=>{
             expect(sdk.access.can).not.toHaveBeenCalledWith();
         });
         it(`checks basic access`, async ()=>{
-            const { sdk  } = await renderEditorPermissions({
+            const { sdk } = await renderEditorPermissions({
                 entityType: 'Asset'
             });
             expect(sdk.access.can).toHaveBeenCalledWith('create', 'Asset');
             expect(sdk.access.can).toHaveBeenCalledWith('read', 'Asset');
         });
         it(`defaults link asset action visibility to true`, async ()=>{
-            const { result  } = await renderEditorPermissions({
+            const { result } = await renderEditorPermissions({
                 entityType: 'Asset'
             });
             expect(result.current.canLinkEntity).toBeTruthy();
         });
         it(`returns empty contentTypes`, async ()=>{
-            const { result  } = await renderEditorPermissions({
+            const { result } = await renderEditorPermissions({
                 entityType: 'Asset',
                 allContentTypes: [
                     makeContentType('one')
@@ -77,7 +77,7 @@ describe('useEditorPermissions', ()=>{
             });
         };
         it(`wont check access when turned off via instance params`, async ()=>{
-            const { result , sdk  } = await renderEditorPermissions({
+            const { result, sdk } = await renderEditorPermissions({
                 entityType: 'Entry',
                 params: {
                     showCreateEntityAction: false,
@@ -93,7 +93,7 @@ describe('useEditorPermissions', ()=>{
                 makeContentType('one'),
                 makeContentType('two')
             ];
-            const { result  } = await renderEditorPermissions({
+            const { result } = await renderEditorPermissions({
                 entityType: 'Entry',
                 allContentTypes,
                 customizeSdk: (sdk)=>{
@@ -107,7 +107,7 @@ describe('useEditorPermissions', ()=>{
                 makeContentType('one'),
                 makeContentType('two')
             ];
-            const { result  } = await renderEditorPermissions({
+            const { result } = await renderEditorPermissions({
                 entityType: 'Entry',
                 allContentTypes,
                 customizeSdk: (sdk)=>{
@@ -121,7 +121,7 @@ describe('useEditorPermissions', ()=>{
                 makeContentType('one'),
                 makeContentType('two')
             ];
-            const { result  } = await renderEditorPermissions({
+            const { result } = await renderEditorPermissions({
                 entityType: 'Entry',
                 allContentTypes,
                 customizeSdk: (sdk)=>{
@@ -135,7 +135,7 @@ describe('useEditorPermissions', ()=>{
                 makeContentType('one'),
                 makeContentType('two')
             ];
-            const { result  } = await renderEditorPermissions({
+            const { result } = await renderEditorPermissions({
                 entityType: 'Entry',
                 allContentTypes,
                 customizeSdk: (sdk)=>{
@@ -149,7 +149,7 @@ describe('useEditorPermissions', ()=>{
                 makeContentType('one'),
                 makeContentType('two')
             ];
-            const { result  } = await renderEditorPermissions({
+            const { result } = await renderEditorPermissions({
                 entityType: 'Entry',
                 allContentTypes,
                 customizeMock: (field)=>{

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

@@ -19,7 +19,7 @@ const redesignStyles = {
         maxWidth: '300px'
     })
 };
-export const CreateEntryLinkButton = ({ contentTypes , onSelect , customDropdownItems , text , testId , hasPlusIcon =false , useExperimentalStyles , suggestedContentTypeId , dropdownSettings , disabled =false  })=>{
+export const CreateEntryLinkButton = ({ contentTypes, onSelect, customDropdownItems, text, testId, hasPlusIcon = false, useExperimentalStyles, suggestedContentTypeId, dropdownSettings, disabled = false })=>{
     contentTypes = contentTypes.sort((a, b)=>a.name.localeCompare(b.name));
     const suggestedContentType = contentTypes.find((ct)=>ct.sys.id === suggestedContentTypeId);
     const buttonText = text || `Add ${get(suggestedContentType || (contentTypes.length === 1 ? contentTypes[0] : {}), 'name', 'entry')}`;
@@ -35,7 +35,7 @@ export const CreateEntryLinkButton = ({ contentTypes , onSelect , customDropdown
         testId: testId,
         dropdownSettings: dropdownSettings,
         customDropdownItems: customDropdownItems
-    }, ({ isSelecting  })=>React.createElement(Button, {
+    }, ({ isSelecting })=>React.createElement(Button, {
             endIcon: hasDropdown ? React.createElement(ChevronDownIcon, null) : undefined,
             variant: "secondary",
             className: styles.action,

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(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(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(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(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(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(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(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(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(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(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(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(React.createElement(CreateEntryLinkButton, {
+        const { getByTestId } = render(React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1
             ],