@contentful/field-editor-reference 6.19.1 → 6.19.2-canary.7

package/dist/cjs/common/EntityStore.js

@@ -41,6 +41,7 @@ _export(exports, {
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _constate = /*#__PURE__*/ _interop_require_default(require("constate"));
 const _contentfulmanagement = require("contentful-management");
 const _lodash = require("lodash");
@@ -162,18 +163,10 @@ async function fetchContentfulEntry({ urn, fetch, options }) {
     const environmentId = resourceIdMatch?.groups?.environmentId || 'master';
     const entryId = resourceIdMatch.groups.entityId;
     const [space, entry] = await Promise.all([
-        fetch([
-            'space',
-            spaceId
-        ], ({ cmaClient })=>cmaClient.space.get({
+        fetch((0, _fieldeditorshared.createGetSpaceKey)(spaceId), ({ cmaClient })=>cmaClient.space.get({
                 spaceId
             }), options),
-        fetch([
-            'entry',
-            spaceId,
-            environmentId,
-            entryId
-        ], ({ cmaClient })=>cmaClient.entry.get({
+        fetch((0, _fieldeditorshared.createGetEntryKey)(spaceId, environmentId, entryId), ({ cmaClient })=>cmaClient.entry.get({
                 spaceId,
                 environmentId,
                 entryId
@@ -181,12 +174,7 @@ async function fetchContentfulEntry({ urn, fetch, options }) {
     ]);
     const contentTypeId = entry.sys.contentType.sys.id;
     const [contentType, defaultLocaleCode] = await Promise.all([
-        fetch([
-            'contentType',
-            spaceId,
-            environmentId,
-            contentTypeId
-        ], ({ cmaClient })=>cmaClient.contentType.get({
+        fetch((0, _fieldeditorshared.createGetContentTypeKey)(spaceId, environmentId, contentTypeId), ({ cmaClient })=>cmaClient.contentType.get({
                 contentTypeId,
                 spaceId,
                 environmentId

package/dist/cjs/common/MultipleReferenceEditor.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "MultipleReferenceEditor", {
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _sortable = require("@dnd-kit/sortable");
 const _components = require("../components");
 const _LinkEntityActions = require("../components/LinkActions/LinkEntityActions");
@@ -145,7 +146,7 @@ function Editor(props) {
     }));
 }
 function MultipleReferenceEditor(props) {
-    const allContentTypes = props.sdk.space.getCachedContentTypes();
+    const { contentTypes: allContentTypes } = (0, _fieldeditorshared.useContentTypes)(props.sdk);
     return /*#__PURE__*/ _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value, disabled, setValue, externalReset })=>{
         return /*#__PURE__*/ _react.createElement(Editor, {
             ...props,

package/dist/cjs/common/SingleReferenceEditor.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "SingleReferenceEditor", {
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _components = require("../components");
 const _LinkEntityActions = require("../components/LinkActions/LinkEntityActions");
 const _ReferenceEditor = require("./ReferenceEditor");
@@ -102,7 +103,7 @@ function Editor(props) {
     });
 }
 function SingleReferenceEditor(props) {
-    const allContentTypes = props.sdk.space.getCachedContentTypes();
+    const { contentTypes: allContentTypes } = (0, _fieldeditorshared.useContentTypes)(props.sdk);
     return /*#__PURE__*/ _react.createElement(_ReferenceEditor.ReferenceEditor, props, ({ value, setValue, disabled, externalReset })=>{
         return /*#__PURE__*/ _react.createElement(Editor, {
             ...props,

package/dist/cjs/common/queryClient.js

@@ -10,100 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     SharedQueryClientProvider: function() {
-        return SharedQueryClientProvider;
+        return _fieldeditorshared.SharedQueryClientProvider;
     },
     useQuery: function() {
-        return useQuery;
+        return _fieldeditorshared.useQuery;
     },
     useQueryClient: function() {
-        return useQueryClient;
+        return _fieldeditorshared.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;
-}
-const clientContext = /*#__PURE__*/ _react.createContext(undefined);
-function useMaybeHostQueryClient() {
-    try {
-        return (0, _reactquery.useQueryClient)();
-    } catch  {
-        return undefined;
-    }
-}
-function useQueryClient() {
-    const client = _react.useContext(clientContext);
-    const hostClient = useMaybeHostQueryClient();
-    return _react.useMemo(()=>{
-        if (client) {
-            return client;
-        }
-        if (hostClient) return hostClient;
-        return new _reactquery.QueryClient({
-            defaultOptions: {
-                queries: {
-                    useErrorBoundary: false,
-                    refetchOnWindowFocus: false,
-                    refetchOnReconnect: true,
-                    refetchOnMount: false,
-                    staleTime: Infinity,
-                    retry: false
-                }
-            }
-        });
-    }, [
-        client,
-        hostClient
-    ]);
-}
-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);
-}
+const _fieldeditorshared = require("@contentful/field-editor-shared");

package/dist/esm/common/EntityStore.js

@@ -12,6 +12,7 @@ function _define_property(obj, key, value) {
     return obj;
 }
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { createGetContentTypeKey, createGetEntryKey, createGetSpaceKey } from '@contentful/field-editor-shared';
 import constate from 'constate';
 import { fetchAll } from 'contentful-management';
 import { get } from 'lodash';
@@ -74,18 +75,10 @@ async function fetchContentfulEntry({ urn, fetch, options }) {
     const environmentId = resourceIdMatch?.groups?.environmentId || 'master';
     const entryId = resourceIdMatch.groups.entityId;
     const [space, entry] = await Promise.all([
-        fetch([
-            'space',
-            spaceId
-        ], ({ cmaClient })=>cmaClient.space.get({
+        fetch(createGetSpaceKey(spaceId), ({ cmaClient })=>cmaClient.space.get({
                 spaceId
             }), options),
-        fetch([
-            'entry',
-            spaceId,
-            environmentId,
-            entryId
-        ], ({ cmaClient })=>cmaClient.entry.get({
+        fetch(createGetEntryKey(spaceId, environmentId, entryId), ({ cmaClient })=>cmaClient.entry.get({
                 spaceId,
                 environmentId,
                 entryId
@@ -93,12 +86,7 @@ async function fetchContentfulEntry({ urn, fetch, options }) {
     ]);
     const contentTypeId = entry.sys.contentType.sys.id;
     const [contentType, defaultLocaleCode] = await Promise.all([
-        fetch([
-            'contentType',
-            spaceId,
-            environmentId,
-            contentTypeId
-        ], ({ cmaClient })=>cmaClient.contentType.get({
+        fetch(createGetContentTypeKey(spaceId, environmentId, contentTypeId), ({ cmaClient })=>cmaClient.contentType.get({
                 contentTypeId,
                 spaceId,
                 environmentId

package/dist/esm/common/MultipleReferenceEditor.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { useCallback } from 'react';
+import { useContentTypes } from '@contentful/field-editor-shared';
 import { arrayMove } from '@dnd-kit/sortable';
 import { LinkEntityActions } from '../components';
 import { useLinkActionsProps } from '../components/LinkActions/LinkEntityActions';
@@ -95,7 +96,7 @@ function Editor(props) {
     }));
 }
 export function MultipleReferenceEditor(props) {
-    const allContentTypes = props.sdk.space.getCachedContentTypes();
+    const { contentTypes: allContentTypes } = useContentTypes(props.sdk);
     return /*#__PURE__*/ React.createElement(ReferenceEditor, props, ({ value, disabled, setValue, externalReset })=>{
         return /*#__PURE__*/ React.createElement(Editor, {
             ...props,

package/dist/esm/common/SingleReferenceEditor.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { useCallback } from 'react';
+import { useContentTypes } from '@contentful/field-editor-shared';
 import { LinkEntityActions } from '../components';
 import { useLinkActionsProps } from '../components/LinkActions/LinkEntityActions';
 import { ReferenceEditor } from './ReferenceEditor';
@@ -52,7 +53,7 @@ function Editor(props) {
     });
 }
 export function SingleReferenceEditor(props) {
-    const allContentTypes = props.sdk.space.getCachedContentTypes();
+    const { contentTypes: allContentTypes } = useContentTypes(props.sdk);
     return /*#__PURE__*/ React.createElement(ReferenceEditor, props, ({ value, setValue, disabled, externalReset })=>{
         return /*#__PURE__*/ React.createElement(Editor, {
             ...props,

package/dist/esm/common/queryClient.js

@@ -1,47 +1 @@
-import * as React from 'react';
-import { QueryClient, useQuery as useRQ, useQueryClient as useHostQueryClient } from '@tanstack/react-query';
-const clientContext = /*#__PURE__*/ React.createContext(undefined);
-function useMaybeHostQueryClient() {
-    try {
-        return useHostQueryClient();
-    } catch  {
-        return undefined;
-    }
-}
-export function useQueryClient() {
-    const client = React.useContext(clientContext);
-    const hostClient = useMaybeHostQueryClient();
-    return React.useMemo(()=>{
-        if (client) {
-            return client;
-        }
-        if (hostClient) return hostClient;
-        return new QueryClient({
-            defaultOptions: {
-                queries: {
-                    useErrorBoundary: false,
-                    refetchOnWindowFocus: false,
-                    refetchOnReconnect: true,
-                    refetchOnMount: false,
-                    staleTime: Infinity,
-                    retry: false
-                }
-            }
-        });
-    }, [
-        client,
-        hostClient
-    ]);
-}
-export const useQuery = (key, fn, opt)=>{
-    return useRQ(key, fn, {
-        ...opt,
-        context: clientContext
-    });
-};
-export function SharedQueryClientProvider({ children }) {
-    const client = useQueryClient();
-    return /*#__PURE__*/ React.createElement(clientContext.Provider, {
-        value: client
-    }, children);
-}
+export { SharedQueryClientProvider, useQueryClient, useQuery } from '@contentful/field-editor-shared';

package/dist/types/common/EntityStore.d.ts

@@ -88,12 +88,12 @@ declare const useEntityLoader: () => {
 };
 export declare function useEntity<E extends FetchableEntity>(entityType: FetchableEntityType, entityId: string, options?: Omit<UseEntityOptions, 'releaseId'>): UseEntityResult<E>;
 export declare function useResource<R extends Resource = Resource>(resourceType: string, urn: string, { locale, referencingEntryId, ...options }?: UseResourceOptions): {
-    status: "error" | "success" | "loading";
+    status: "loading" | "error" | "success";
     data: ResourceInfo<R> | undefined;
     error: unknown;
 };
 export declare function useResourceProvider(organizationId: string, appDefinitionId: string): {
-    status: "error" | "success" | "loading";
+    status: "loading" | "error" | "success";
     data: ResourceProvider | undefined;
     error: unknown;
 };

package/dist/types/common/queryClient.d.ts

@@ -1,9 +1,5 @@
-import * as React from 'react';
-import { QueryClient, useQuery as useRQ } from '@tanstack/react-query';
-export declare function useQueryClient(): QueryClient;
-export declare const useQuery: typeof useRQ;
 /**
- * Provides access to a query client either by sharing an existing client or
- * creating a new one.
+ * Re-export query client utilities from shared package.
+ * This maintains backwards compatibility while using the shared implementation.
  */
-export declare function SharedQueryClientProvider({ children }: React.PropsWithChildren<{}>): React.JSX.Element;
+export { SharedQueryClientProvider, useQueryClient, useQuery, } from '@contentful/field-editor-shared';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "6.19.1",
+  "version": "6.19.2-canary.7+54b401aa",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -39,7 +39,7 @@
     "@contentful/f36-components": "^5.8.1",
     "@contentful/f36-icons": "^5.8.1",
     "@contentful/f36-tokens": "^5.1.0",
-    "@contentful/field-editor-shared": "^2.17.0",
+    "@contentful/field-editor-shared": "^2.17.1-canary.59+54b401aa",
     "@contentful/mimetype": "^2.2.29",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/sortable": "^8.0.0",
@@ -68,5 +68,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "df62d5fb562de590a6de09e86d2e72913c64ac93"
+  "gitHead": "54b401aa9908c8380c3801bf25fa38e23dff72d2"
 }