@contentful/field-editor-reference 5.9.0 → 5.10.0

package/dist/cjs/components/LinkActions/NoLinkPermissionsInfo.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NoLinkPermissionsInfo", {
+    enumerable: true,
+    get: function() {
+        return NoLinkPermissionsInfo;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+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 NoLinkPermissionsInfo() {
+    return _react.createElement(_f36components.Paragraph, null, "You don't have permission to view this content or this field is not correctly configured. Contact your administrator for help.");
+}

package/dist/cjs/components/LinkActions/helpers.js

@@ -0,0 +1,78 @@
+"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, {
+    createEntity: function() {
+        return createEntity;
+    },
+    selectSingleEntity: function() {
+        return selectSingleEntity;
+    },
+    selectMultipleEntities: function() {
+        return selectMultipleEntities;
+    }
+});
+const getContentTypeIds = (contentTypes)=>contentTypes.map((ct)=>ct.sys.id);
+async function createEntity(props) {
+    if (props.entityType === 'Entry') {
+        if (!props.contentTypeId) {
+            return {};
+        }
+        const { entity , slide  } = await props.sdk.navigator.openNewEntry(props.contentTypeId, {
+            slideIn: true
+        });
+        return {
+            entity,
+            slide
+        };
+    } else {
+        const { entity , slide  } = await props.sdk.navigator.openNewAsset({
+            slideIn: true
+        });
+        return {
+            entity,
+            slide
+        };
+    }
+}
+async function selectSingleEntity(props) {
+    if (props.entityType === 'Entry') {
+        return await props.sdk.dialogs.selectSingleEntry({
+            locale: props.sdk.field.locale,
+            contentTypes: getContentTypeIds(props.editorPermissions.readableContentTypes)
+        });
+    } else {
+        return props.sdk.dialogs.selectSingleAsset({
+            locale: props.sdk.field.locale,
+            mimetypeGroups: props.editorPermissions.validations.mimetypeGroups
+        });
+    }
+}
+async function selectMultipleEntities(props) {
+    const value = props.sdk.field.getValue();
+    const linkCount = Array.isArray(value) ? value.length : value ? 1 : 0;
+    const min = Math.max((props.editorPermissions.validations.numberOfLinks?.min || 1) - linkCount, 1);
+    const max = (props.editorPermissions.validations.numberOfLinks?.max || +Infinity) - linkCount;
+    if (props.entityType === 'Entry') {
+        return await props.sdk.dialogs.selectMultipleEntries({
+            locale: props.sdk.field.locale,
+            contentTypes: getContentTypeIds(props.editorPermissions.readableContentTypes),
+            min,
+            max
+        });
+    } else {
+        return props.sdk.dialogs.selectMultipleAssets({
+            locale: props.sdk.field.locale,
+            mimetypeGroups: props.editorPermissions.validations.mimetypeGroups,
+            min,
+            max
+        });
+    }
+}

package/dist/cjs/components/LinkActions/redesignStyles.js

@@ -0,0 +1,44 @@
+"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, {
+    container: function() {
+        return container;
+    },
+    action: function() {
+        return action;
+    },
+    chevronIcon: function() {
+        return chevronIcon;
+    }
+});
+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
+    };
+}
+const container = (0, _emotion.css)({
+    display: 'flex',
+    border: `1px dashed ${_f36tokens.default.gray500}`,
+    borderRadius: _f36tokens.default.borderRadiusMedium,
+    justifyContent: 'center',
+    padding: _f36tokens.default.spacingXl
+});
+const action = (0, _emotion.css)({
+    textDecoration: 'none',
+    fontWeight: 'bold'
+});
+const chevronIcon = (0, _emotion.css)({
+    float: 'right',
+    marginLeft: _f36tokens.default.spacingXs,
+    marginRight: -_f36tokens.default.spacing2Xs
+});

package/dist/cjs/components/LinkActions/styles.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, {
+    container: function() {
+        return container;
+    },
+    separator: function() {
+        return separator;
+    }
+});
+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
+    };
+}
+const container = (0, _emotion.css)({
+    display: 'flex',
+    width: '100%',
+    marginTop: _f36tokens.default.spacingS
+});
+const separator = (0, _emotion.css)({
+    marginRight: _f36tokens.default.spacingXl
+});

package/dist/cjs/components/MissingEntityCard/MissingEntityCard.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MissingEntityCard", {
+    enumerable: true,
+    get: function() {
+        return MissingEntityCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _f36icons = require("@contentful/f36-icons");
+const _styles = _interop_require_wildcard(require("./styles"));
+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 MissingEntityCard(props) {
+    return _react.createElement(_f36components.Card, {
+        className: _styles.card,
+        testId: "cf-ui-missing-entry-card"
+    }, _react.createElement(_f36components.Flex, {
+        alignItems: "center",
+        justifyContent: "space-between"
+    }, _react.createElement("div", {
+        className: props.asSquare ? _styles.squareCard : ''
+    }, _react.createElement(_f36components.SectionHeading, {
+        marginBottom: "none"
+    }, props.entityType, " is missing or inaccessible")), !props.isDisabled && props.onRemove && _react.createElement(_f36components.IconButton, {
+        variant: "transparent",
+        icon: _react.createElement(_f36icons.CloseIcon, {
+            variant: "muted"
+        }),
+        "aria-label": "Delete",
+        onClick: ()=>{
+            props.onRemove && props.onRemove();
+        }
+    })));
+}

package/dist/cjs/components/MissingEntityCard/styles.js

@@ -0,0 +1,29 @@
+"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, {
+    card: function() {
+        return card;
+    },
+    squareCard: function() {
+        return squareCard;
+    }
+});
+const _emotion = require("emotion");
+const card = (0, _emotion.css)({
+    position: 'relative'
+});
+const squareCard = (0, _emotion.css)({
+    display: 'flex',
+    alignItems: 'center',
+    width: '135px',
+    height: '160px',
+    textAlign: 'center'
+});

package/dist/cjs/components/ScheduledIconWithTooltip/ScheduleTooltip.js

@@ -0,0 +1,75 @@
+"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, {
+    getScheduleTooltipContent: function() {
+        return getScheduleTooltipContent;
+    },
+    ScheduleTooltip: function() {
+        return ScheduleTooltip;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _formatDateAndTime = require("./formatDateAndTime");
+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 getScheduleTooltipContent = ({ job , jobsCount  })=>{
+    return `Will ${job.action.toLowerCase()} ${(0, _formatDateAndTime.formatDateAndTime)(job.scheduledFor.datetime).toLowerCase()}
+  ${jobsCount > 1 ? `+ ${jobsCount - 1} more` : ''}`;
+};
+const ScheduleTooltip = ({ job , jobsCount , children  })=>{
+    return _react.createElement(_f36components.Tooltip, {
+        placement: "top",
+        testId: job.sys.id,
+        as: "div",
+        content: getScheduleTooltipContent({
+            job,
+            jobsCount
+        })
+    }, children);
+};

package/dist/cjs/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ScheduledIconWithTooltip", {
+    enumerable: true,
+    get: function() {
+        return ScheduledIconWithTooltip;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _ScheduleTooltip = require("./ScheduleTooltip");
+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 ScheduledIconWithTooltip = ({ entityType , entityId , getEntityScheduledActions , children  })=>{
+    const [status, setStatus] = _react.useState({
+        type: 'loading'
+    });
+    _react.useEffect(()=>{
+        getEntityScheduledActions(entityType, entityId).then((data)=>{
+            setStatus({
+                type: 'loaded',
+                jobs: data
+            });
+        }).catch((e)=>{
+            setStatus({
+                type: 'error',
+                error: e
+            });
+        });
+    }, []);
+    if (status.type === 'loading' || status.type === 'error') {
+        return null;
+    }
+    const jobs = status.jobs ?? [];
+    if (jobs.length === 0) {
+        return null;
+    }
+    const mostRelevantJob = jobs[0];
+    return _react.createElement(_ScheduleTooltip.ScheduleTooltip, {
+        job: mostRelevantJob,
+        jobsCount: jobs.length
+    }, children);
+};

package/dist/cjs/components/ScheduledIconWithTooltip/formatDateAndTime.js

@@ -0,0 +1,45 @@
+"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, {
+    formatDate: function() {
+        return formatDate;
+    },
+    formatTime: function() {
+        return formatTime;
+    },
+    formatDateAndTime: function() {
+        return formatDateAndTime;
+    }
+});
+const _moment = _interop_require_default(require("moment"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const formatDate = (date, short)=>{
+    switch((0, _moment.default)().startOf('day').diff((0, _moment.default)(date).startOf('day'), 'days')){
+        case 0:
+            return short ? 'Today' : `Today, ${(0, _moment.default)(date).format('DD MMM YYYY')}`;
+        case -1:
+            return short ? 'Tomorrow' : `Tomorrow, ${(0, _moment.default)(date).format('DD MMM YYYY')}`;
+        case 1:
+            return short ? 'Yesterday' : `Yesterday, ${(0, _moment.default)(date).format('DD MMM YYYY')}`;
+        default:
+            return (0, _moment.default)(date).format('ddd, DD MMM YYYY');
+    }
+};
+const formatTime = (date)=>{
+    return _moment.default.utc(date).local().format('h:mm A');
+};
+const formatDateAndTime = (date, short)=>{
+    return `${formatDate(date, short)} at ${formatTime(date)}`;
+};

package/dist/cjs/components/SpaceName/SpaceName.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SpaceName", {
+    enumerable: true,
+    get: function() {
+        return SpaceName;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _f36icons = require("@contentful/f36-icons");
+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 = {
+    spaceIcon: (0, _emotion.css)({
+        flexShrink: 0,
+        fill: _f36tokens.default.purple600
+    }),
+    spaceName: (0, _emotion.css)({
+        color: _f36tokens.default.gray700,
+        fontSize: _f36tokens.default.fontSizeS,
+        fontWeight: _f36tokens.default.fontWeightDemiBold,
+        maxWidth: '80px',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap'
+    })
+};
+function SpaceName(props) {
+    return _react.createElement(_f36components.Tooltip, {
+        placement: "top",
+        as: "div",
+        content: `Space: ${props.spaceName}`
+    }, _react.createElement(_f36components.Flex, {
+        alignItems: "center",
+        gap: "spacingXs",
+        marginRight: "spacingS"
+    }, _react.createElement(_f36icons.FolderOpenTrimmedIcon, {
+        className: styles.spaceIcon,
+        size: "tiny",
+        "aria-label": "Source space"
+    }), _react.createElement(_f36components.Text, {
+        className: styles.spaceName
+    }, props.spaceName)));
+}

package/dist/cjs/components/index.js

@@ -0,0 +1,44 @@
+"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, {
+    CombinedLinkActions: function() {
+        return _CombinedLinkActions.CombinedLinkActions;
+    },
+    MissingEntityCard: function() {
+        return _MissingEntityCard.MissingEntityCard;
+    },
+    LinkEntityActions: function() {
+        return _LinkEntityActions.LinkEntityActions;
+    },
+    CreateEntryLinkButton: function() {
+        return _CreateEntryLinkButton.CreateEntryLinkButton;
+    },
+    CreateEntryMenuTrigger: function() {
+        return _CreateEntryMenuTrigger.CreateEntryMenuTrigger;
+    },
+    ScheduledIconWithTooltip: function() {
+        return _ScheduledIconWithTooltip.ScheduledIconWithTooltip;
+    },
+    getScheduleTooltipContent: function() {
+        return _ScheduleTooltip.getScheduleTooltipContent;
+    },
+    AssetThumbnail: function() {
+        return _AssetThumbnail.AssetThumbnail;
+    }
+});
+const _CombinedLinkActions = require("./LinkActions/CombinedLinkActions");
+const _MissingEntityCard = require("./MissingEntityCard/MissingEntityCard");
+const _LinkEntityActions = require("./LinkActions/LinkEntityActions");
+const _CreateEntryLinkButton = require("./CreateEntryLinkButton/CreateEntryLinkButton");
+const _CreateEntryMenuTrigger = require("./CreateEntryLinkButton/CreateEntryMenuTrigger");
+const _ScheduledIconWithTooltip = require("./ScheduledIconWithTooltip/ScheduledIconWithTooltip");
+const _ScheduleTooltip = require("./ScheduledIconWithTooltip/ScheduleTooltip");
+const _AssetThumbnail = require("./AssetThumbnail/AssetThumbnail");