@contentful/field-editor-reference 5.9.0 → 5.11.0

package/dist/cjs/__fixtures__/FakeSdk.js

@@ -0,0 +1,183 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "newReferenceEditorFakeSdk", {
+    enumerable: true,
+    get: function() {
+        return newReferenceEditorFakeSdk;
+    }
+});
+const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
+const _fixtures = require("./fixtures");
+const newLink = (linkType, id)=>({
+        sys: {
+            id,
+            linkType,
+            type: 'Link'
+        }
+    });
+function newReferenceEditorFakeSdk(props) {
+    const rawInitialValue = window.localStorage.getItem('initialValue');
+    const initialValue = rawInitialValue ? JSON.parse(rawInitialValue) : props?.initialValue;
+    const rawValidations = window.localStorage.getItem('fieldValidations');
+    const validations = rawValidations ? JSON.parse(rawValidations) : props?.validations;
+    const customizeMock = (field)=>{
+        return validations ? {
+            ...field,
+            validations
+        } : field;
+    };
+    const [field, mitt] = (0, _fieldeditortestutils.createFakeFieldAPI)(customizeMock, initialValue);
+    const space = (0, _fieldeditortestutils.createFakeSpaceAPI)();
+    const locales = (0, _fieldeditortestutils.createFakeLocalesAPI)();
+    const entryLinks = [
+        newLink('Entry', _fixtures.entries.published.sys.id),
+        newLink('Entry', _fixtures.entries.changed.sys.id),
+        newLink('Entry', _fixtures.entries.empty.sys.id)
+    ];
+    const assetLinks = [
+        newLink('Asset', _fixtures.assets.published.sys.id),
+        newLink('Asset', _fixtures.assets.changed.sys.id),
+        newLink('Asset', _fixtures.assets.empty.sys.id)
+    ];
+    let selectorCounter = 0;
+    const delay = (ms)=>{
+        return new Promise((resolve)=>setTimeout(resolve, ms));
+    };
+    const localizeContentTypes = (contentTypes)=>{
+        return contentTypes.map((contentType)=>({
+                ...contentType,
+                fields: contentType.fields.map((field)=>({
+                        ...field,
+                        localized: true
+                    }))
+            }));
+    };
+    const sdk = {
+        field,
+        locales,
+        cmaAdapter: (0, _fieldeditortestutils.createFakeCMAAdapter)({
+            Entry: {
+                get: async ({ entryId  })=>{
+                    if (props?.fetchDelay) {
+                        await delay(props.fetchDelay);
+                    }
+                    if (entryId === _fixtures.entries.empty.sys.id) {
+                        return _fixtures.entries.empty;
+                    }
+                    if (entryId === _fixtures.entries.published.sys.id) {
+                        return _fixtures.entries.published;
+                    }
+                    if (entryId === _fixtures.entries.changed.sys.id) {
+                        return _fixtures.entries.changed;
+                    }
+                    return Promise.reject({});
+                }
+            },
+            Asset: {
+                get: async ({ assetId  })=>{
+                    if (props?.fetchDelay) {
+                        await delay(props.fetchDelay);
+                    }
+                    if (assetId === _fixtures.assets.empty.sys.id) {
+                        return _fixtures.assets.empty;
+                    }
+                    if (assetId === _fixtures.assets.published.sys.id) {
+                        return _fixtures.assets.published;
+                    }
+                    if (assetId === _fixtures.assets.changed.sys.id) {
+                        return _fixtures.assets.changed;
+                    }
+                    return Promise.reject({});
+                }
+            },
+            Space: {
+                get: async (params)=>{
+                    if (params.spaceId === _fixtures.spaces.indifferent.sys.id) {
+                        return _fixtures.spaces.indifferent;
+                    }
+                    return Promise.reject({});
+                }
+            },
+            ContentType: {
+                get: async ({ contentTypeId  })=>{
+                    if (contentTypeId === _fixtures.contentTypes.published.sys.id) {
+                        return _fixtures.contentTypes.published;
+                    }
+                    return Promise.reject({});
+                }
+            },
+            Locale: {
+                getMany: async ()=>_fixtures.locales.list
+            }
+        }),
+        space: {
+            ...space,
+            getCachedContentTypes () {
+                return localizeContentTypes(space.getCachedContentTypes());
+            },
+            getContentTypes () {
+                return Promise.resolve(space.getContentTypes().then((response)=>{
+                    return {
+                        ...response,
+                        items: localizeContentTypes(response.items)
+                    };
+                }));
+            },
+            async getEntityScheduledActions () {
+                return [];
+            }
+        },
+        dialogs: {
+            selectSingleAsset: async ()=>{
+                selectorCounter++;
+                return assetLinks[selectorCounter % assetLinks.length];
+            },
+            selectMultipleAssets: async ()=>{
+                selectorCounter++;
+                return selectorCounter % 2 ? assetLinks.slice(0, 2) : [
+                    assetLinks[2]
+                ];
+            },
+            selectSingleEntry: async ()=>{
+                selectorCounter++;
+                return entryLinks[selectorCounter % entryLinks.length];
+            },
+            selectMultipleEntries: async ()=>{
+                selectorCounter++;
+                return selectorCounter % 2 ? entryLinks.slice(0, 2) : [
+                    entryLinks[2]
+                ];
+            }
+        },
+        navigator: {
+            openNewAsset: async ()=>({
+                    entity: newLink('Asset', _fixtures.assets.empty.sys.id)
+                }),
+            openAsset: async ()=>{
+                alert('open Asset in slide in');
+                return {};
+            },
+            openNewEntry: async ()=>({
+                    entity: newLink('Entry', _fixtures.entries.empty.sys.id)
+                }),
+            openEntry: async ()=>{
+                alert('open entry in slide in');
+                return {};
+            },
+            onSlideInNavigation: ()=>()=>({})
+        },
+        access: {
+            can: async ()=>true
+        },
+        ids: {
+            space: 'space-id',
+            environment: 'environment-id'
+        }
+    };
+    return [
+        sdk,
+        mitt
+    ];
+}

package/dist/cjs/__fixtures__/asset/index.js

@@ -0,0 +1,37 @@
+"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, {
+    changed: function() {
+        return _changed_assetjson.default;
+    },
+    empty: function() {
+        return _empty_assetjson.default;
+    },
+    published: function() {
+        return _published_assetjson.default;
+    },
+    invalid: function() {
+        return _invalid_assetjson.default;
+    },
+    created: function() {
+        return _created_assetjson.default;
+    }
+});
+const _changed_assetjson = _interop_require_default(require("./changed_asset.json"));
+const _created_assetjson = _interop_require_default(require("./created_asset.json"));
+const _empty_assetjson = _interop_require_default(require("./empty_asset.json"));
+const _invalid_assetjson = _interop_require_default(require("./invalid_asset.json"));
+const _published_assetjson = _interop_require_default(require("./published_asset.json"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/dist/cjs/__fixtures__/content-type/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "published", {
+    enumerable: true,
+    get: function() {
+        return _published_content_typejson.default;
+    }
+});
+const _published_content_typejson = _interop_require_default(require("./published_content_type.json"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/dist/cjs/__fixtures__/entry/index.js

@@ -0,0 +1,33 @@
+"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, {
+    changed: function() {
+        return _changed_entryjson.default;
+    },
+    empty: function() {
+        return _empty_entryjson.default;
+    },
+    published: function() {
+        return _published_entryjson.default;
+    },
+    invalid: function() {
+        return _invalid_entryjson.default;
+    }
+});
+const _changed_entryjson = _interop_require_default(require("./changed_entry.json"));
+const _empty_entryjson = _interop_require_default(require("./empty_entry.json"));
+const _invalid_entryjson = _interop_require_default(require("./invalid_entry.json"));
+const _published_entryjson = _interop_require_default(require("./published_entry.json"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/dist/cjs/__fixtures__/fixtures.js

@@ -0,0 +1,71 @@
+"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, {
+    assets: function() {
+        return _asset;
+    },
+    contentTypes: function() {
+        return _contenttype;
+    },
+    entries: function() {
+        return _entry;
+    },
+    locales: function() {
+        return _locale;
+    },
+    spaces: function() {
+        return _space;
+    }
+});
+const _asset = _interop_require_wildcard(require("./asset"));
+const _contenttype = _interop_require_wildcard(require("./content-type"));
+const _entry = _interop_require_wildcard(require("./entry"));
+const _locale = _interop_require_wildcard(require("./locale"));
+const _space = _interop_require_wildcard(require("./space"));
+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;
+}

package/dist/cjs/__fixtures__/locale/index.js

@@ -0,0 +1,40 @@
+"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, {
+    englishDefault: function() {
+        return _english_default_localejson.default;
+    },
+    german: function() {
+        return _german_localejson.default;
+    },
+    list: function() {
+        return list;
+    }
+});
+const _english_default_localejson = _interop_require_default(require("./english_default_locale.json"));
+const _german_localejson = _interop_require_default(require("./german_locale.json"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const list = {
+    sys: {
+        type: 'Array'
+    },
+    total: 2,
+    skip: 0,
+    limit: 100,
+    items: [
+        _english_default_localejson.default,
+        _german_localejson.default
+    ]
+};

package/dist/cjs/__fixtures__/space/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "indifferent", {
+    enumerable: true,
+    get: function() {
+        return _indifferent_spacejson.default;
+    }
+});
+const _indifferent_spacejson = _interop_require_default(require("./indifferent_space.json"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/dist/cjs/assets/MultipleMediaEditor.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MultipleMediaEditor", {
+    enumerable: true,
+    get: function() {
+        return MultipleMediaEditor;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _emotion = require("emotion");
+const _MultipleReferenceEditor = require("../common/MultipleReferenceEditor");
+const _SortableLinkList = require("../common/SortableLinkList");
+const _FetchingWrappedAssetCard = require("./WrappedAssetCard/FetchingWrappedAssetCard");
+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 = {
+    gridContainer: (0, _emotion.css)({
+        position: 'relative',
+        display: 'flex',
+        flexWrap: 'wrap'
+    })
+};
+function MultipleMediaEditor(props) {
+    return _react.createElement(_MultipleReferenceEditor.MultipleReferenceEditor, {
+        ...props,
+        entityType: "Asset"
+    }, (childrenProps)=>_react.createElement(_SortableLinkList.SortableLinkList, {
+            ...childrenProps,
+            className: (0, _emotion.cx)({
+                [styles.gridContainer]: childrenProps.viewType === 'card'
+            }),
+            axis: childrenProps.viewType === 'card' ? 'xy' : 'y',
+            useDragHandle: true
+        }, ({ items , item , index , isDisabled , DragHandle  })=>_react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
+                ...childrenProps,
+                isDisabled: isDisabled,
+                key: `${item.sys.id}-${index}`,
+                assetId: item.sys.id,
+                onRemove: ()=>{
+                    childrenProps.setValue(items.filter((_value, i)=>i !== index));
+                },
+                renderDragHandle: DragHandle
+            })));
+}
+MultipleMediaEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/cjs/assets/SingleMediaEditor.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SingleMediaEditor", {
+    enumerable: true,
+    get: function() {
+        return SingleMediaEditor;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _SingleReferenceEditor = require("../common/SingleReferenceEditor");
+const _FetchingWrappedAssetCard = require("./WrappedAssetCard/FetchingWrappedAssetCard");
+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 SingleMediaEditor(props) {
+    return _react.createElement(_SingleReferenceEditor.SingleReferenceEditor, {
+        ...props,
+        entityType: "Asset"
+    }, ({ entityId , isDisabled , setValue  })=>_react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
+            ...props,
+            viewType: "big_card",
+            assetId: entityId,
+            isDisabled: isDisabled,
+            onRemove: ()=>{
+                setValue(null);
+            }
+        }));
+}
+SingleMediaEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

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

@@ -0,0 +1,125 @@
+"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, {
+    renderAssetInfo: function() {
+        return renderAssetInfo;
+    },
+    renderActions: function() {
+        return renderActions;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _get = _interop_require_default(require("lodash/get"));
+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 downloadAsset(url) {
+    window.open(url, '_blank', 'noopener,noreferrer');
+}
+function renderAssetInfo(props) {
+    const { entityFile  } = props;
+    const fileName = (0, _get.default)(entityFile, 'fileName');
+    const mimeType = (0, _get.default)(entityFile, 'contentType');
+    const fileSize = (0, _get.default)(entityFile, 'details.size');
+    const image = (0, _get.default)(entityFile, 'details.image');
+    return [
+        _react.createElement(_f36components.Menu.SectionTitle, {
+            key: "file-section"
+        }, "File info"),
+        fileName && _react.createElement(_f36components.Menu.Item, {
+            key: "file-name"
+        }, _react.createElement(_f36components.Text, {
+            isTruncated: true
+        }, fileName)),
+        mimeType && _react.createElement(_f36components.Menu.Item, {
+            key: "file-type"
+        }, _react.createElement(_f36components.Text, {
+            isTruncated: true
+        }, mimeType)),
+        fileSize && _react.createElement(_f36components.Menu.Item, {
+            key: "file-size"
+        }, (0, _fieldeditorshared.shortenStorageUnit)(fileSize, 'B')),
+        image && _react.createElement(_f36components.Menu.Item, {
+            key: "file-dimentions"
+        }, `${image.width} × ${image.height}`)
+    ].filter((item)=>item);
+}
+function renderActions(props) {
+    const { entityFile , isDisabled , onEdit , onRemove  } = props;
+    return [
+        _react.createElement(_f36components.Menu.SectionTitle, {
+            key: "section-title"
+        }, "Actions"),
+        onEdit ? _react.createElement(_f36components.Menu.Item, {
+            key: "edit",
+            onClick: onEdit,
+            testId: "card-action-edit"
+        }, "Edit") : null,
+        entityFile ? _react.createElement(_f36components.Menu.Item, {
+            key: "download",
+            onClick: ()=>{
+                if (typeof entityFile.url === 'string') {
+                    downloadAsset(entityFile.url);
+                }
+            },
+            testId: "card-action-download"
+        }, "Download") : null,
+        onRemove ? _react.createElement(_f36components.Menu.Item, {
+            key: "remove",
+            disabled: isDisabled,
+            onClick: onRemove,
+            testId: "card-action-remove"
+        }, "Remove") : null
+    ].filter((item)=>item);
+}