@contentful/field-editor-rich-text 3.4.22 → 3.6.0

package/dist/cjs/plugins/shared/FetchingWrappedEntryCard.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FetchingWrappedEntryCard", {
+    enumerable: true,
+    get: function() {
+        return FetchingWrappedEntryCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditorreference = require("@contentful/field-editor-reference");
+const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
+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;
+}
+const InternalEntryCard = _react.memo((props)=>{
+    const { entry , sdk , loadEntityScheduledActions  } = props;
+    if (entry === undefined) {
+        return _react.createElement(_f36components.EntryCard, {
+            isLoading: true
+        });
+    }
+    if (entry === 'failed') {
+        return _react.createElement(_fieldeditorreference.MissingEntityCard, {
+            entityType: "Entry",
+            isDisabled: props.isDisabled,
+            onRemove: props.onRemove
+        });
+    }
+    const contentType = sdk.space.getCachedContentTypes().find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
+    return _react.createElement(_fieldeditorreference.WrappedEntryCard, {
+        size: "default",
+        getAsset: props.sdk.space.getAsset,
+        getEntityScheduledActions: loadEntityScheduledActions,
+        isSelected: props.isSelected,
+        isDisabled: props.isDisabled,
+        localeCode: props.locale,
+        defaultLocaleCode: props.sdk.locales.default,
+        contentType: contentType,
+        entry: entry,
+        onEdit: props.onEdit,
+        onRemove: props.isDisabled ? undefined : props.onRemove,
+        isClickable: false
+    });
+}, _fastdeepequal.default);
+InternalEntryCard.displayName = 'ReferenceCard';
+const FetchingWrappedEntryCard = (props)=>{
+    const { entryId , onEntityFetchComplete  } = props;
+    const { data: entry , status  } = (0, _fieldeditorreference.useEntity)('Entry', entryId);
+    const { getEntityScheduledActions  } = (0, _fieldeditorreference.useEntityLoader)();
+    const loadEntityScheduledActions = _react.useCallback(()=>getEntityScheduledActions('Entry', entryId), [
+        getEntityScheduledActions,
+        entryId
+    ]);
+    _react.useEffect(()=>{
+        if (status === 'success') {
+            onEntityFetchComplete?.();
+        }
+    }, [
+        onEntityFetchComplete,
+        status
+    ]);
+    return _react.createElement(InternalEntryCard, {
+        entry: entry,
+        sdk: props.sdk,
+        locale: props.locale,
+        isDisabled: props.isDisabled,
+        isSelected: props.isSelected,
+        onEdit: props.onEdit,
+        onRemove: props.onRemove,
+        loadEntityScheduledActions: loadEntityScheduledActions
+    });
+};

package/dist/cjs/plugins/shared/FetchingWrappedResourceCard.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FetchingWrappedResourceCard", {
+    enumerable: true,
+    get: function() {
+        return FetchingWrappedResourceCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditorreference = require("@contentful/field-editor-reference");
+const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
+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;
+}
+const InternalEntryCard = _react.memo((props)=>{
+    if (props.status === 'loading') {
+        return _react.createElement(_f36components.EntryCard, {
+            isLoading: true
+        });
+    }
+    if (!props.data || props.status === 'error') {
+        return _react.createElement(_fieldeditorreference.MissingEntityCard, {
+            entityType: "Entry",
+            isDisabled: props.isDisabled,
+            onRemove: props.onRemove
+        });
+    }
+    const { contentType , resource: entry , space  } = props.data;
+    return _react.createElement(_fieldeditorreference.WrappedEntryCard, {
+        size: "default",
+        getAsset: ()=>Promise.resolve(),
+        isSelected: props.isSelected,
+        isDisabled: props.isDisabled,
+        localeCode: props.data.defaultLocaleCode,
+        defaultLocaleCode: props.data.defaultLocaleCode,
+        contentType: contentType,
+        spaceName: space?.name,
+        entry: entry,
+        onEdit: props.onEdit,
+        onRemove: props.isDisabled ? undefined : props.onRemove,
+        isClickable: false,
+        getEntityScheduledActions: ()=>Promise.resolve([])
+    });
+}, _fastdeepequal.default);
+InternalEntryCard.displayName = 'ReferenceCard';
+const FetchingWrappedResourceCard = (props)=>{
+    const { link , onEntityFetchComplete  } = props;
+    const { data , status  } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn);
+    _react.useEffect(()=>{
+        if (status === 'success') {
+            onEntityFetchComplete?.();
+        }
+    }, [
+        onEntityFetchComplete,
+        status
+    ]);
+    return _react.createElement(InternalEntryCard, {
+        data: data,
+        status: status,
+        sdk: props.sdk,
+        isDisabled: props.isDisabled,
+        isSelected: props.isSelected,
+        onEdit: props.onEdit,
+        onRemove: props.onRemove
+    });
+};

package/dist/cjs/plugins/shared/LinkedBlockWrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LinkedBlockWrapper", {
+    enumerable: true,
+    get: function() {
+        return LinkedBlockWrapper;
+    }
+});
+const _react = _interop_require_default(require("react"));
+const _emotion = require("emotion");
+const _environment = require("../../helpers/environment");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const styles = {
+    root: (0, _emotion.css)({
+        marginBottom: '1.25rem !important',
+        display: 'block'
+    }),
+    container: (0, _emotion.css)({
+        display: 'inline-block',
+        verticalAlign: 'text-top',
+        width: '100%'
+    })
+};
+const isResourceLink = (link)=>!!link.urn;
+function LinkedBlockWrapper({ attributes , card , children , element  }) {
+    const link = element.data.target.sys;
+    return _react.default.createElement("div", {
+        ...attributes,
+        className: styles.root,
+        "data-entity-type": link.linkType,
+        "data-entity-id": isResourceLink(link) ? link.urn : link.id,
+        contentEditable: _environment.IS_CHROME ? undefined : false,
+        draggable: _environment.IS_CHROME ? true : undefined
+    }, _react.default.createElement("div", {
+        contentEditable: _environment.IS_CHROME ? false : undefined,
+        draggable: _environment.IS_CHROME ? true : undefined,
+        className: styles.container
+    }, card), children);
+}

package/dist/cjs/plugins/shared/ToolbarButton.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToolbarButton", {
+    enumerable: true,
+    get: function() {
+        return ToolbarButton;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+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;
+}
+const styles = {
+    button: (0, _emotion.css)({
+        height: '30px',
+        width: '30px',
+        marginLeft: _f36tokens.default.spacing2Xs,
+        marginRight: _f36tokens.default.spacing2Xs
+    }),
+    tooltip: (0, _emotion.css)({
+        zIndex: Number(_f36tokens.default.zIndexTooltip)
+    })
+};
+function ToolbarButton(props) {
+    const { title , testId , isActive , children , className , isDisabled =false  } = props;
+    const handleClick = (event)=>{
+        event.preventDefault();
+        props.onClick();
+    };
+    const button = _react.createElement(_f36components.Button, {
+        className: (0, _emotion.cx)(styles.button, className),
+        isDisabled: isDisabled,
+        startIcon: children,
+        onClick: handleClick,
+        testId: testId,
+        variant: isActive ? 'secondary' : 'transparent',
+        size: "small"
+    });
+    if (title) {
+        return _react.createElement(_f36components.Tooltip, {
+            className: styles.tooltip,
+            placement: "bottom",
+            content: title
+        }, button);
+    }
+    return button;
+}

package/dist/cjs/plugins/shared/__tests__/FetchingWrappedAssetCard.test.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _react = _interop_require_wildcard(require("react"));
+const _fieldeditorreference = require("@contentful/field-editor-reference");
+const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
+require("@testing-library/jest-dom/extend-expect");
+const _react1 = require("@testing-library/react");
+const _published_assetjson = _interop_require_default(require("../__fixtures__/published_asset.json"));
+const _FetchingWrappedAssetCard = require("../FetchingWrappedAssetCard");
+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;
+}
+(0, _react1.configure)({
+    testIdAttribute: 'data-test-id'
+});
+let sdk;
+beforeEach(()=>{
+    sdk = {
+        locales: {
+            default: 'en-US'
+        },
+        cmaAdapter: (0, _fieldeditortestutils.createFakeCMAAdapter)({
+            Asset: {
+                get: jest.fn().mockResolvedValue(_published_assetjson.default)
+            },
+            ScheduledAction: {
+                getMany: jest.fn().mockResolvedValue({
+                    items: [],
+                    total: 0
+                })
+            }
+        }),
+        space: {
+            getEntityScheduledActions: jest.fn().mockResolvedValue([])
+        },
+        navigator: {
+            onSlideInNavigation: jest.fn()
+        },
+        ids: {
+            space: 'space-id',
+            environment: 'environment-id'
+        }
+    };
+});
+test('some dropdown actions should be disabled', async ()=>{
+    const { getByTestId , queryByTestId  } = (0, _react1.render)(_react.createElement(_fieldeditorreference.EntityProvider, {
+        sdk: sdk
+    }, _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
+        sdk: sdk,
+        assetId: "asset-id",
+        locale: "en-US",
+        onEdit: ()=>{},
+        onRemove: ()=>{},
+        isDisabled: true,
+        isSelected: true
+    })));
+    await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-asset').textContent).toBe('asset title'));
+    _react1.fireEvent.click(getByTestId('cf-ui-card-actions'));
+    await (0, _react1.waitFor)(()=>{
+        expect(getByTestId('card-action-edit')).not.toBeDisabled();
+        expect(queryByTestId('card-action-remove')).toBeNull();
+        expect(getByTestId('card-action-download')).not.toBeDisabled();
+    });
+});

package/dist/cjs/plugins/shared/__tests__/FetchingWrappedEntryCard.test.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _react = _interop_require_wildcard(require("react"));
+const _fieldeditorreference = require("@contentful/field-editor-reference");
+const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
+require("@testing-library/jest-dom/extend-expect");
+const _react1 = require("@testing-library/react");
+const _published_content_typejson = _interop_require_default(require("../__fixtures__/published_content_type.json"));
+const _published_entryjson = _interop_require_default(require("../__fixtures__/published_entry.json"));
+const _FetchingWrappedEntryCard = require("../FetchingWrappedEntryCard");
+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;
+}
+(0, _react1.configure)({
+    testIdAttribute: 'data-test-id'
+});
+let sdk;
+beforeEach(()=>{
+    sdk = {
+        locales: {
+            default: 'en-US'
+        },
+        cmaAdapter: (0, _fieldeditortestutils.createFakeCMAAdapter)({
+            Entry: {
+                get: jest.fn().mockResolvedValue(_published_entryjson.default)
+            },
+            ScheduledAction: {
+                getMany: jest.fn().mockResolvedValue({
+                    items: [],
+                    total: 0
+                })
+            }
+        }),
+        space: {
+            getEntityScheduledActions: jest.fn().mockResolvedValue([]),
+            getCachedContentTypes: jest.fn().mockReturnValue([
+                _published_content_typejson.default
+            ])
+        },
+        navigator: {
+            onSlideInNavigation: jest.fn()
+        },
+        ids: {
+            space: 'space-id',
+            environment: 'environment-id'
+        }
+    };
+});
+test('some dropdown actions should be disabled/removed', async ()=>{
+    const { getByTestId , queryByTestId  } = (0, _react1.render)(_react.createElement(_fieldeditorreference.EntityProvider, {
+        sdk: sdk
+    }, _react.createElement(_FetchingWrappedEntryCard.FetchingWrappedEntryCard, {
+        sdk: sdk,
+        entryId: "entry-id",
+        locale: "en-US",
+        onEdit: ()=>{},
+        onRemove: ()=>{},
+        isDisabled: true,
+        isSelected: true
+    })));
+    await (0, _react1.waitFor)(()=>expect(getByTestId('title').textContent).toBe('The best article ever'));
+    _react1.fireEvent.click(getByTestId('cf-ui-card-actions'));
+    await (0, _react1.waitFor)(()=>{
+        expect(getByTestId('edit')).not.toBeDisabled();
+        expect(queryByTestId('delete')).toBeNull();
+    });
+});

package/dist/cjs/prepareDocument.js

@@ -0,0 +1,86 @@
+"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, {
+    hasContent: function() {
+        return hasContent;
+    },
+    setEditorContent: function() {
+        return setEditorContent;
+    },
+    documentToEditorValue: function() {
+        return documentToEditorValue;
+    },
+    normalizeEditorValue: function() {
+        return normalizeEditorValue;
+    }
+});
+const _contentfulslatejsadapter = require("@contentful/contentful-slatejs-adapter");
+const _richtexttypes = require("@contentful/rich-text-types");
+const _Schema = _interop_require_default(require("./constants/Schema"));
+const _sanitizeIncomingSlateDoc = require("./helpers/sanitizeIncomingSlateDoc");
+const _internal = require("./internal");
+const _queries = require("./internal/queries");
+const _transforms = require("./internal/transforms");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const hasContent = (doc)=>{
+    return (doc?.content || []).length > 0;
+};
+const setEditorContent = (editor, nodes)=>{
+    (0, _internal.withoutNormalizing)(editor, ()=>{
+        const children = [
+            ...editor.children
+        ];
+        children.forEach((node)=>editor.apply({
+                type: 'remove_node',
+                path: [
+                    0
+                ],
+                node
+            }));
+        if (nodes) {
+            const nodesArray = (0, _queries.isNode)(nodes) ? [
+                nodes
+            ] : nodes;
+            nodesArray.forEach((node, i)=>{
+                editor.apply({
+                    type: 'insert_node',
+                    path: [
+                        i
+                    ],
+                    node
+                });
+            });
+        }
+        const point = (0, _queries.getEndPoint)(editor, []);
+        if (point) {
+            (0, _transforms.select)(editor, point);
+        }
+    });
+};
+const documentToEditorValue = (doc)=>{
+    const slateDoc = (0, _contentfulslatejsadapter.toSlatejsDocument)({
+        document: hasContent(doc) ? doc : _richtexttypes.EMPTY_DOCUMENT,
+        schema: _Schema.default
+    });
+    return (0, _sanitizeIncomingSlateDoc.sanitizeIncomingSlateDoc)(slateDoc);
+};
+const normalizeEditorValue = (value, options)=>{
+    const editor = (0, _internal.createPlateEditor)(options);
+    editor.children = value;
+    (0, _transforms.normalize)(editor, {
+        force: true
+    });
+    return editor.children;
+};