@contentful/field-editor-reference 5.9.0 → 5.10.0

package/dist/cjs/resources/Cards/ContentfulEntryCard.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ContentfulEntryCard", {
+    enumerable: true,
+    get: function() {
+        return ContentfulEntryCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _entries = require("../../entries");
+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 = {};
+    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 resolveAsset = ()=>Promise.resolve();
+const resolveScheduledActions = ()=>Promise.resolve([]);
+function ContentfulEntryCard({ info , isDisabled , renderDragHandle , onRemove , onMoveTop , onMoveBottom , getEntryRouteHref  }) {
+    const resourceSys = info.resource.sys;
+    const spaceId = resourceSys.space.sys.id;
+    const environmentId = resourceSys.environment.sys.id;
+    const entryId = resourceSys.id;
+    const resourceHref = getEntryRouteHref({
+        spaceId,
+        environmentId,
+        entryId
+    });
+    const openEntryDetail = ()=>{
+        window.open(resourceHref, '_blank', 'noopener,noreferrer');
+    };
+    return _react.createElement(_entries.WrappedEntryCard, {
+        entry: info.resource,
+        isDisabled: isDisabled,
+        hasCardEditActions: false,
+        contentType: info.contentType,
+        localeCode: info.defaultLocaleCode,
+        defaultLocaleCode: info.defaultLocaleCode,
+        size: "small",
+        getAsset: resolveAsset,
+        getEntityScheduledActions: resolveScheduledActions,
+        spaceName: info.space.name,
+        renderDragHandle: renderDragHandle,
+        isClickable: true,
+        onEdit: openEntryDetail,
+        hasCardRemoveActions: Boolean(onRemove),
+        onRemove: onRemove,
+        onMoveBottom: onMoveBottom,
+        onMoveTop: onMoveTop,
+        entryUrl: resourceHref
+    });
+}

package/dist/cjs/resources/Cards/ResourceCard.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ResourceCard", {
+    enumerable: true,
+    get: function() {
+        return ResourceCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _reactintersectionobserver = require("react-intersection-observer");
+const _f36components = require("@contentful/f36-components");
+const _EntityStore = require("../../common/EntityStore");
+const _components = require("../../components");
+const _ContentfulEntryCard = require("./ContentfulEntryCard");
+const _UnsupportedEntityCard = require("./UnsupportedEntityCard");
+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 = {};
+    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;
+}
+function ResourceCardSkeleton() {
+    return _react.createElement(_f36components.EntryCard, {
+        size: "small",
+        isLoading: true
+    });
+}
+function ExistingResourceCard(props) {
+    const { resourceLink , inView , index =0  } = props;
+    const resourceOptions = {
+        priority: index * -1,
+        enabled: inView
+    };
+    const { data , error  } = (0, _EntityStore.useResource)(resourceLink.sys.linkType, resourceLink.sys.urn, resourceOptions);
+    if (!data && !error) {
+        return _react.createElement(ResourceCardSkeleton, null);
+    }
+    if (data) {
+        return _react.createElement(_ContentfulEntryCard.ContentfulEntryCard, {
+            info: data,
+            ...props
+        });
+    }
+    if ((0, _EntityStore.isUnsupportedError)(error)) {
+        return _react.createElement(_UnsupportedEntityCard.UnsupportedEntityCard, {
+            entityType: resourceLink.sys.linkType
+        });
+    }
+    return _react.createElement(_components.MissingEntityCard, {
+        entityType: "Entry",
+        isDisabled: props.isDisabled,
+        onRemove: props.onRemove
+    });
+}
+function ResourceCardWrapper(props) {
+    if (!props.resourceLink) {
+        return null;
+    }
+    return _react.createElement(ExistingResourceCard, {
+        ...props,
+        resourceLink: props.resourceLink,
+        getEntryRouteHref: props.getEntryRouteHref
+    });
+}
+function ResourceCard(props) {
+    const { ref , inView  } = (0, _reactintersectionobserver.useInView)({
+        triggerOnce: true,
+        rootMargin: '300px 0px 0px 300px'
+    });
+    return _react.createElement("div", {
+        ref: ref
+    }, _react.createElement(ResourceCardWrapper, {
+        ...props,
+        inView: inView
+    }));
+}

package/dist/cjs/resources/Cards/UnsupportedEntityCard.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "UnsupportedEntityCard", {
+    enumerable: true,
+    get: function() {
+        return UnsupportedEntityCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _emotion = require("emotion");
+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 = {};
+    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 styles = {
+    card: (0, _emotion.css)({
+        position: 'relative'
+    })
+};
+function UnsupportedEntityCard(props) {
+    return _react.createElement(_f36components.Card, {
+        className: styles.card
+    }, _react.createElement(_f36components.SectionHeading, {
+        marginBottom: "none"
+    }, "Resource type ", props.entityType, " is currently not supported"));
+}

package/dist/cjs/resources/MultipleResourceReferenceEditor.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MultipleResourceReferenceEditor", {
+    enumerable: true,
+    get: function() {
+        return MultipleResourceReferenceEditor;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _arraymove = _interop_require_default(require("array-move"));
+const _deepequal = _interop_require_default(require("deep-equal"));
+const _EntityStore = require("../common/EntityStore");
+const _SortableLinkList = require("../common/SortableLinkList");
+const _LinkEntityActions = require("../components/LinkActions/LinkEntityActions");
+const _ResourceCard = require("./Cards/ResourceCard");
+const _useResourceLinkActions = require("./useResourceLinkActions");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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 = {};
+    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;
+}
+function ResourceEditor(props) {
+    const { setValue , items , apiUrl  } = props;
+    const onSortStart = (0, _react.useCallback)((_, event)=>event.preventDefault(), []);
+    const onSortEnd = (0, _react.useCallback)(({ oldIndex , newIndex  })=>{
+        const newItems = (0, _arraymove.default)(items, oldIndex, newIndex);
+        setValue(newItems);
+    }, [
+        items,
+        setValue
+    ]);
+    const onMove = (0, _react.useCallback)((oldIndex, newIndex)=>{
+        const newItems = (0, _arraymove.default)(items, oldIndex, newIndex);
+        setValue(newItems);
+    }, [
+        items,
+        setValue
+    ]);
+    const onRemoteItemAtIndex = (0, _react.useCallback)((index)=>{
+        setValue(items.filter((_v, i)=>i !== index));
+    }, [
+        items,
+        setValue
+    ]);
+    const { dialogs , field  } = props.sdk;
+    const linkActionsProps = (0, _useResourceLinkActions.useResourceLinkActions)({
+        dialogs,
+        field,
+        apiUrl
+    });
+    return _react.createElement(_react.Fragment, null, props.children({
+        ...props,
+        onSortStart,
+        onSortEnd,
+        onMove,
+        onRemoteItemAtIndex
+    }), _react.createElement(_LinkEntityActions.CombinedLinkEntityActions, {
+        ...linkActionsProps,
+        renderCustomActions: props.renderCustomActions
+    }));
+}
+function WithPerItemCallbacks({ listLength , index , onMove , onRemoteItemAtIndex , children  }) {
+    const handleMoveTop = _react.useMemo(()=>index > 0 ? ()=>onMove(index, 0) : undefined, [
+        index,
+        onMove
+    ]);
+    const handleMoveBottom = _react.useMemo(()=>index < listLength - 1 ? ()=>onMove(index, listLength - 1) : undefined, [
+        index,
+        onMove,
+        listLength
+    ]);
+    const handleRemove = (0, _react.useCallback)(()=>onRemoteItemAtIndex(index), [
+        index,
+        onRemoteItemAtIndex
+    ]);
+    return _react.createElement(_react.Fragment, null, children({
+        onMoveBottom: handleMoveBottom,
+        onMoveTop: handleMoveTop,
+        onRemove: handleRemove
+    }));
+}
+const EMPTY_ARRAY = [];
+function MultipleResourceReferenceEditor(props) {
+    return _react.createElement(_EntityStore.EntityProvider, {
+        sdk: props.sdk
+    }, _react.createElement(_fieldeditorshared.FieldConnector, {
+        throttle: 0,
+        field: props.sdk.field,
+        isInitiallyDisabled: props.isInitiallyDisabled,
+        isEqualValues: _deepequal.default
+    }, ({ value , disabled , setValue , externalReset  })=>{
+        return _react.createElement(ResourceEditor, {
+            ...props,
+            items: value || EMPTY_ARRAY,
+            isDisabled: disabled,
+            setValue: setValue,
+            renderCustomActions: props.renderCustomActions,
+            key: `${externalReset}-list`
+        }, (editorProps)=>_react.createElement(_SortableLinkList.SortableLinkList, editorProps, ({ item , isDisabled , DragHandle , index  })=>_react.createElement(WithPerItemCallbacks, {
+                    index: index,
+                    onMove: editorProps.onMove,
+                    onRemoteItemAtIndex: editorProps.onRemoteItemAtIndex,
+                    listLength: value?.length || 0
+                }, ({ onMoveBottom , onMoveTop , onRemove  })=>_react.createElement(_ResourceCard.ResourceCard, {
+                        index: index,
+                        resourceLink: item,
+                        isDisabled: isDisabled,
+                        renderDragHandle: DragHandle,
+                        onMoveTop: onMoveTop,
+                        onMoveBottom: onMoveBottom,
+                        onRemove: onRemove,
+                        getEntryRouteHref: props.getEntryRouteHref
+                    }))));
+    }));
+}