@contentful/field-editor-reference 5.19.0 → 5.20.0

package/dist/cjs/common/EntityStore.js

@@ -9,6 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    EntityProvider: function() {
+        return EntityProvider;
+    },
     UnsupportedError: function() {
         return UnsupportedError;
     },
@@ -18,21 +21,18 @@ _export(exports, {
     useEntity: function() {
         return useEntity;
     },
-    useResource: function() {
-        return useResource;
-    },
-    EntityProvider: function() {
-        return EntityProvider;
-    },
     useEntityLoader: function() {
         return useEntityLoader;
+    },
+    useResource: function() {
+        return useResource;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _reactquery = require("@tanstack/react-query");
-const _constate = _interop_require_default(require("constate"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _constate = /*#__PURE__*/ _interop_require_default(require("constate"));
 const _contentfulmanagement = require("contentful-management");
-const _pqueue = _interop_require_default(require("p-queue"));
+const _pqueue = /*#__PURE__*/ _interop_require_default(require("p-queue"));
+const _queryClient = require("./queryClient");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -72,7 +72,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)) {
@@ -90,6 +92,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+// global queue for all requests, the actual number is picked without scientific research
 const globalQueue = new _pqueue.default({
     concurrency: 50
 });
@@ -107,7 +110,8 @@ 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;
+    // TODO use resource-names package EntryResourceName `fromString` method instead when the package becomes public
     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);
@@ -121,7 +125,7 @@ async function fetchContentfulEntry(params) {
         fetch([
             'space',
             spaceId
-        ], ({ cmaClient  })=>cmaClient.space.get({
+        ], ({ cmaClient })=>cmaClient.space.get({
                 spaceId
             }), options),
         fetch([
@@ -129,7 +133,7 @@ async function fetchContentfulEntry(params) {
             spaceId,
             environmentId,
             entryId
-        ], ({ cmaClient  })=>cmaClient.entry.get({
+        ], ({ cmaClient })=>cmaClient.entry.get({
                 spaceId,
                 environmentId,
                 entryId
@@ -142,7 +146,7 @@ async function fetchContentfulEntry(params) {
             spaceId,
             environmentId,
             contentTypeId
-        ], ({ cmaClient  })=>cmaClient.contentType.get({
+        ], ({ cmaClient })=>cmaClient.contentType.get({
                 contentTypeId,
                 spaceId,
                 environmentId
@@ -151,7 +155,7 @@ async function fetchContentfulEntry(params) {
             'defaultLocale',
             spaceId,
             environmentId
-        ], async ({ cmaClient  })=>{
+        ], async ({ cmaClient })=>{
             const locales = await cmaClient.locale.getMany({
                 spaceId,
                 environmentId,
@@ -180,7 +184,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
         props.sdk.ids.environmentAlias,
         props.sdk.ids.environment
     ]);
-    const queryClient = (0, _reactquery.useQueryClient)();
+    const queryClient = (0, _queryClient.useQueryClient)();
     const queryCache = queryClient.getQueryCache();
     const entityChangeUnsubscribers = (0, _react.useRef)({});
     const cmaClient = (0, _react.useMemo)(()=>(0, _contentfulmanagement.createClient)({
@@ -201,7 +205,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
         props.queryConcurrency
     ]);
     const fetch = (0, _react.useCallback)(function fetch(queryKey, fn, options = {}) {
-        const { priority , ...queryOptions } = options;
+        const { priority, ...queryOptions } = options;
         return queryClient.fetchQuery(queryKey, ()=>queryQueue.add(()=>fn({
                     cmaClient
                 }), {
@@ -221,7 +225,8 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
             spaceId,
             environmentId
         ];
-        return fetch(queryKey, ({ cmaClient  })=>{
+        return fetch(queryKey, // @ts-expect-error
+        ({ cmaClient })=>{
             if (entityType === 'Entry') {
                 return cmaClient.entry.get({
                     entryId: entityId,
@@ -243,8 +248,18 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
         currentSpaceId,
         currentEnvironmentId
     ]);
-    const getEntityScheduledActions = (0, _react.useCallback)(function getEntityScheduledActions(entityType, entityId, options) {
+    /**
+     * Fetch all scheduled actions for a given entity.
+     * This function fetches all schedules for all entries and then returns
+     * a filtered result based on the entityID provided.
+     *
+     * The result is then reused/cached for subsequent calls to this function.
+     */ const getEntityScheduledActions = (0, _react.useCallback)(function getEntityScheduledActions(entityType, entityId, options) {
+        // This is fixed to force the cache to reuse previous results
         const fixedEntityCacheId = 'scheduledActionEntityId';
+        // A space+environment combo can only have up to 500 scheduled actions
+        // With this request we fetch all schedules and can reuse the results.
+        // See https://www.contentful.com/developers/docs/references/content-management-api/#/reference/scheduled-actions/limitations
         const maxScheduledActions = 500;
         const spaceId = options?.spaceId ?? currentSpaceId;
         const environmentId = options?.environmentId ?? currentEnvironmentId;
@@ -255,7 +270,8 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
             spaceId,
             environmentId
         ];
-        return fetch(queryKey, async ({ cmaClient  })=>{
+        // Fetch + Filter by entity ID in the end
+        return fetch(queryKey, async ({ cmaClient })=>{
             const response = await cmaClient.scheduledActions.getMany({
                 spaceId,
                 query: {
@@ -299,6 +315,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
         currentSpaceId,
         environmentIds
     ]);
+    // @ts-expect-error ...
     const onEntityChanged = props.sdk.space.onEntityChanged;
     const onSlideInNavigation = props.sdk.navigator.onSlideInNavigation;
     (0, _react.useEffect)(()=>{
@@ -309,15 +326,16 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
             });
         }
         if (typeof onEntityChanged !== 'function') {
-            return onSlideInNavigation(({ oldSlideLevel , newSlideLevel  })=>{
+            return onSlideInNavigation(({ oldSlideLevel, newSlideLevel })=>{
                 if (oldSlideLevel > newSlideLevel) {
                     findSameSpaceQueries().forEach((query)=>{
+                        // automatically refetches the query
                         void queryClient.invalidateQueries(query.queryKey);
                     });
                 }
             });
         }
-        const subscribeQuery = ({ queryKey , queryHash  })=>{
+        const subscribeQuery = ({ queryKey, queryHash })=>{
             const [entityType, entityId] = queryKey;
             entityChangeUnsubscribers.current[queryHash] = onEntityChanged(entityType, entityId, (data)=>{
                 queryClient.setQueryData(queryKey, data);
@@ -328,8 +346,8 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
             if (!event) {
                 return;
             }
-            const { type , query  } = event;
-            const { queryKey , queryHash  } = query;
+            const { type, query } = event;
+            const { queryKey, queryHash } = query;
             if (!isSameSpaceEntityQueryKey(queryKey)) {
                 return;
             }
@@ -337,6 +355,7 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
                 subscribeQuery(query);
             }
             if (type === 'removed') {
+                // calling unsubscribe
                 entityChangeUnsubscribers.current[queryHash]?.();
             }
         });
@@ -361,24 +380,24 @@ const [InternalServiceProvider, useFetch, useEntityLoader, useCurrentIds] = (0,
         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
     }));
 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  } = (0, _reactquery.useQuery)(queryKey, ()=>getEntity(entityType, entityId, options), {
+    const { status, data } = (0, _queryClient.useQuery)(queryKey, ()=>getEntity(entityType, entityId, options), {
         enabled: options?.enabled
     });
     return {
@@ -392,8 +411,8 @@ function useResource(resourceType, urn, options) {
         resourceType,
         urn
     ];
-    const { getResource  } = useEntityLoader();
-    const { status , data , error  } = (0, _reactquery.useQuery)(queryKey, ()=>getResource(resourceType, urn, options), {
+    const { getResource } = useEntityLoader();
+    const { status, data, error } = (0, _queryClient.useQuery)(queryKey, ()=>getResource(resourceType, urn, options), {
         enabled: options?.enabled
     });
     return {
@@ -402,25 +421,6 @@ function useResource(resourceType, urn, options) {
         error
     };
 }
-function EntityProvider({ children , ...props }) {
-    const reactQueryClient = (0, _react.useMemo)(()=>{
-        const queryCache = new _reactquery.QueryCache();
-        const queryClient = new _reactquery.QueryClient({
-            queryCache,
-            defaultOptions: {
-                queries: {
-                    useErrorBoundary: false,
-                    refetchOnWindowFocus: false,
-                    refetchOnReconnect: true,
-                    refetchOnMount: false,
-                    staleTime: Infinity,
-                    retry: false
-                }
-            }
-        });
-        return queryClient;
-    }, []);
-    return _react.default.createElement(_reactquery.QueryClientProvider, {
-        client: reactQueryClient
-    }, _react.default.createElement(InternalServiceProvider, props, children));
+function EntityProvider({ children, ...props }) {
+    return /*#__PURE__*/ _react.default.createElement(_queryClient.SharedQueryClientProvider, null, /*#__PURE__*/ _react.default.createElement(InternalServiceProvider, props, children));
 }

package/dist/cjs/common/MultipleReferenceEditor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "MultipleReferenceEditor", {
         return MultipleReferenceEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _sortable = require("@dnd-kit/sortable");
 const _components = require("../components");
 const _LinkEntityActions = require("../components/LinkActions/LinkEntityActions");
@@ -36,7 +36,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -73,18 +75,24 @@ const nullableValue = {
     }
 };
 function Editor(props) {
-    const { setValue , entityType , onSortingEnd , setIndexToUpdate  } = props;
+    const { setValue, entityType, onSortingEnd, setIndexToUpdate } = props;
     const editorPermissions = (0, _useEditorPermissions.useEditorPermissions)(props);
     const items = _react.useMemo(()=>{
-        return (props.items || []).map((link)=>link || nullableValue);
+        return (props.items || [])// If null values have found their way into the persisted
+        // value for the multiref field, replace them with an object
+        // that has the shape of a Link to make the missing entry/asset
+        // card render
+        .map((link)=>link || nullableValue);
     }, [
         props.items
     ]);
-    const { rearrangeSortIDs  } = (0, _useSortIDs.useSortIDs)(items);
+    const { rearrangeSortIDs } = (0, _useSortIDs.useSortIDs)(items);
     const onSortStart = (0, _react.useCallback)(()=>{
         document.body.classList.add('grabbing');
     }, []);
-    const onSortEnd = (0, _react.useCallback)(({ oldIndex , newIndex  })=>{
+    const onSortEnd = (0, _react.useCallback)(({ oldIndex, newIndex })=>{
+        // custom callback that is invoked *before* we sort the array
+        // e.g. in Compose we want to sort the references in the referenceMap before re-rendering drag and drop
         onSortingEnd && onSortingEnd({
             oldIndex,
             newIndex
@@ -128,24 +136,25 @@ function Editor(props) {
         onLink,
         itemsLength: items.length
     });
-    const customCardRenderer = (0, _react.useCallback)((cardProps, _, renderDefaultCard)=>props.renderCustomCard ? props.renderCustomCard(cardProps, linkActionsProps, renderDefaultCard) : false, [
+    const customCardRenderer = (0, _react.useCallback)((cardProps, _, renderDefaultCard)=>props.renderCustomCard ? props.renderCustomCard(cardProps, linkActionsProps, renderDefaultCard) : false, // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
+    [
         linkActionsProps
     ]);
-    return _react.createElement(_react.Fragment, null, props.children({
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, props.children({
         ...props,
         onSortStart,
         onSortEnd,
         onMove,
         renderCustomCard: props.renderCustomCard && customCardRenderer
-    }), _react.createElement(_components.LinkEntityActions, {
+    }), /*#__PURE__*/ _react.createElement(_components.LinkEntityActions, {
         renderCustomActions: props.renderCustomActions,
         ...linkActionsProps
     }));
 }
 function MultipleReferenceEditor(props) {
     const allContentTypes = props.sdk.space.getCachedContentTypes();
-    return _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value , disabled , setValue , externalReset  })=>{
-        return _react.createElement(Editor, {
+    return /*#__PURE__*/ _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value, disabled, setValue, externalReset })=>{
+        return /*#__PURE__*/ _react.createElement(Editor, {
             ...props,
             items: value || emptyArray,
             isDisabled: disabled,

package/dist/cjs/common/ReferenceEditor.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "ReferenceEditor", {
         return ReferenceEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditorshared = require("@contentful/field-editor-shared");
-const _deepequal = _interop_require_default(require("deep-equal"));
+const _deepequal = /*#__PURE__*/ _interop_require_default(require("deep-equal"));
 const _EntityStore = require("./EntityStore");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -38,7 +38,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -57,9 +59,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function ReferenceEditor(props) {
-    return _react.createElement(_EntityStore.EntityProvider, {
+    return /*#__PURE__*/ _react.createElement(_EntityStore.EntityProvider, {
         sdk: props.sdk
-    }, _react.createElement(_fieldeditorshared.FieldConnector, {
+    }, /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
         debounce: 0,
         field: props.sdk.field,
         isInitiallyDisabled: props.isInitiallyDisabled,

package/dist/cjs/common/SingleReferenceEditor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "SingleReferenceEditor", {
         return SingleReferenceEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _components = require("../components");
 const _LinkEntityActions = require("../components/LinkActions/LinkEntityActions");
 const _ReferenceEditor = require("./ReferenceEditor");
@@ -34,7 +34,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)) {
@@ -53,7 +55,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function Editor(props) {
-    const { setValue , entityType  } = props;
+    const { setValue, entityType } = props;
     const editorPermissions = (0, _useEditorPermissions.useEditorPermissions)(props);
     const onCreate = (0, _react.useCallback)((id)=>void setValue({
             sys: {
@@ -85,11 +87,13 @@ function Editor(props) {
         onCreate,
         onLink
     });
-    const customCardRenderer = (0, _react.useCallback)((cardProps, _, renderDefaultCard)=>props.renderCustomCard ? props.renderCustomCard(cardProps, linkActionsProps, renderDefaultCard) : false, [
+    // Inject card actions props into the given custom card renderer
+    const customCardRenderer = (0, _react.useCallback)((cardProps, _, renderDefaultCard)=>props.renderCustomCard ? props.renderCustomCard(cardProps, linkActionsProps, renderDefaultCard) : false, // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
+    [
         linkActionsProps
     ]);
     if (!props.entityId) {
-        return _react.createElement(_components.LinkEntityActions, {
+        return /*#__PURE__*/ _react.createElement(_components.LinkEntityActions, {
             renderCustomActions: props.renderCustomActions,
             ...linkActionsProps
         });
@@ -101,8 +105,8 @@ function Editor(props) {
 }
 function SingleReferenceEditor(props) {
     const allContentTypes = props.sdk.space.getCachedContentTypes();
-    return _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value , setValue , disabled , externalReset  })=>{
-        return _react.createElement(Editor, {
+    return /*#__PURE__*/ _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value, setValue, disabled, externalReset })=>{
+        return /*#__PURE__*/ _react.createElement(Editor, {
             ...props,
             key: `${externalReset}-reference`,
             entityId: value ? value.sys.id : '',

package/dist/cjs/common/SortableLinkList.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "SortableLinkList", {
         return SortableLinkList;
     }
 });
-const _react = _interop_require_default(require("react"));
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _core = require("@dnd-kit/core");
 const _sortable = require("@dnd-kit/sortable");
 const _utilities = require("@dnd-kit/utilities");
@@ -35,8 +35,8 @@ const styles = {
         display: 'flex'
     })
 };
-const SortableLink = ({ id , items , item , isDisabled =false , index , children  })=>{
-    const { listeners , setNodeRef , setActivatorNodeRef , transform , transition , isDragging  } = (0, _sortable.useSortable)({
+const SortableLink = ({ id, items, item, isDisabled = false, index, children })=>{
+    const { listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = (0, _sortable.useSortable)({
         id
     });
     const style = {
@@ -49,16 +49,16 @@ const SortableLink = ({ id , items , item , isDisabled =false , index , children
     };
     const DragHandle = _react.default.useCallback((props)=>{
         const SortableDragHandle = ()=>props.drag;
-        return _react.default.createElement("div", {
+        return /*#__PURE__*/ _react.default.createElement("div", {
             ref: setActivatorNodeRef,
             className: styles.dragHandle,
             ...listeners
-        }, _react.default.createElement(SortableDragHandle, null));
+        }, /*#__PURE__*/ _react.default.createElement(SortableDragHandle, null));
     }, [
         listeners,
         setActivatorNodeRef
     ]);
-    return _react.default.createElement("div", {
+    return /*#__PURE__*/ _react.default.createElement("div", {
         ref: setNodeRef,
         style: style,
         className: (0, _emotion.cx)(styles.item, {
@@ -72,8 +72,8 @@ const SortableLink = ({ id , items , item , isDisabled =false , index , children
         DragHandle: isDisabled ? undefined : DragHandle
     }));
 };
-const SortableLinkList = ({ items , isDisabled , className , children , onSortStart , onSortEnd , updateBeforeSortStart , sortingStrategy  })=>{
-    const { sortIDs , rearrangeSortIDs  } = (0, _useSortIDs.useSortIDs)(items);
+const SortableLinkList = ({ items, isDisabled, className, children, onSortStart, onSortEnd, updateBeforeSortStart, sortingStrategy })=>{
+    const { sortIDs, rearrangeSortIDs } = (0, _useSortIDs.useSortIDs)(items);
     const onSortStartHandler = _react.default.useCallback((event)=>{
         const index = sortIDs.findIndex((item)=>item.id === event.active.id);
         updateBeforeSortStart?.({
@@ -86,7 +86,7 @@ const SortableLinkList = ({ items , isDisabled , className , children , onSortSt
         sortIDs
     ]);
     const onSortEndHandler = _react.default.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);
@@ -101,17 +101,17 @@ const SortableLinkList = ({ items , isDisabled , className , children , onSortSt
         sortIDs,
         rearrangeSortIDs
     ]);
-    return _react.default.createElement(_core.DndContext, {
+    return /*#__PURE__*/ _react.default.createElement(_core.DndContext, {
         onDragStart: onSortStartHandler,
         onDragEnd: onSortEndHandler
-    }, _react.default.createElement(_sortable.SortableContext, {
+    }, /*#__PURE__*/ _react.default.createElement(_sortable.SortableContext, {
         items: sortIDs,
         strategy: sortingStrategy
-    }, _react.default.createElement("div", {
+    }, /*#__PURE__*/ _react.default.createElement("div", {
         className: (0, _emotion.cx)(styles.container, className)
     }, items.map((item, index)=>{
         const id = sortIDs[index]?.id;
-        return _react.default.createElement(SortableLink, {
+        return /*#__PURE__*/ _react.default.createElement(SortableLink, {
             key: id,
             id: id,
             items: items,

package/dist/cjs/common/customCardTypes.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -24,7 +24,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)) {

package/dist/cjs/common/queryClient.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SharedQueryClientProvider: function() {
+        return SharedQueryClientProvider;
+    },
+    useQuery: function() {
+        return useQuery;
+    },
+    useQueryClient: function() {
+        return useQueryClient;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactquery = require("@tanstack/react-query");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+/**
+ * A custom client context ensures zero conflict with host apps also using
+ * React Query.
+ */ const clientContext = /*#__PURE__*/ _react.createContext(undefined);
+function useQueryClient() {
+    const client = _react.useContext(clientContext);
+    return _react.useMemo(()=>{
+        if (client) {
+            return client;
+        }
+        return new _reactquery.QueryClient({
+            defaultOptions: {
+                queries: {
+                    useErrorBoundary: false,
+                    refetchOnWindowFocus: false,
+                    refetchOnReconnect: true,
+                    refetchOnMount: false,
+                    staleTime: Infinity,
+                    retry: false
+                }
+            }
+        });
+    }, [
+        client
+    ]);
+}
+const useQuery = (key, fn, opt)=>{
+    return (0, _reactquery.useQuery)(key, fn, {
+        ...opt,
+        context: clientContext
+    });
+};
+function SharedQueryClientProvider({ children }) {
+    const client = useQueryClient();
+    return /*#__PURE__*/ _react.createElement(clientContext.Provider, {
+        value: client
+    }, children);
+}

package/dist/cjs/common/useContentTypePermissions.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "useContentTypePermissions", {
 const _react = require("react");
 const _useAccessApi = require("./useAccessApi");
 async function filter(arr, predicate) {
+    // intentionally parallel as we assume it's cached in the implementation of the access api
     const fail = Symbol();
     const results = await Promise.all(arr.map(async (item)=>await predicate(item) ? item : fail));
     return results.filter((x)=>x !== fail);
@@ -31,7 +32,7 @@ function useContentTypePermissions(props) {
     ]);
     const [creatableContentTypes, setCreatableContentTypes] = (0, _react.useState)(availableContentTypes);
     const [readableContentTypes, setReadableContentTypes] = (0, _react.useState)(availableContentTypes);
-    const { canPerformActionOnEntryOfType  } = (0, _useAccessApi.useAccessApi)(props.sdk.access);
+    const { canPerformActionOnEntryOfType } = (0, _useAccessApi.useAccessApi)(props.sdk.access);
     (0, _react.useEffect)(()=>{
         function getContentTypes(action) {
             return filter(availableContentTypes, (ct)=>canPerformActionOnEntryOfType(action, ct.sys.id));
@@ -43,6 +44,7 @@ function useContentTypePermissions(props) {
             setReadableContentTypes(readable);
         }
         void checkContentTypeAccess();
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
     }, [
         availableContentTypes
     ]);