@contentful/field-editor-markdown 1.2.0 → 1.3.0

package/dist/cjs/components/icons.js

@@ -0,0 +1,193 @@
+"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, {
+    Zen: function() {
+        return Zen;
+    },
+    Strikethrough: function() {
+        return Strikethrough;
+    },
+    Indent: function() {
+        return Indent;
+    },
+    Dedent: function() {
+        return Dedent;
+    },
+    Cubes: function() {
+        return Cubes;
+    },
+    Table: function() {
+        return Table;
+    },
+    SpecialChar: function() {
+        return SpecialChar;
+    },
+    OrgLinks: function() {
+        return OrgLinks;
+    },
+    Undo: function() {
+        return Undo;
+    },
+    Redo: function() {
+        return Redo;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+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 srOnly = (0, _emotion.css)({
+    position: 'absolute',
+    width: '1px',
+    height: '1px',
+    padding: '0',
+    margin: '-1px',
+    overflow: 'hidden',
+    clip: 'rect(0, 0, 0, 0)',
+    border: '0'
+});
+const Zen = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M1411 541l-355 355 355 355 144-144q29-31 70-14 39 17 39 59v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l144-144-355-355-355 355 144 144q31 30 14 69-17 40-59 40H192q-26 0-45-19t-19-45v-448q0-42 40-59 39-17 69 14l144 144 355-355-355-355-144 144q-19 19-45 19-12 0-24-5-40-17-40-59V192q0-26 19-45t45-19h448q42 0 59 40 17 39-14 69L541 381l355 355 355-355-144-144q-31-30-14-69 17-40 59-40h448q26 0 45 19t19 45v448q0 42-39 59-13 5-25 5-26 0-45-19z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const Strikethrough = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M1760 896q14 0 23 9t9 23v64q0 14-9 23t-23 9H32q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h1728zM483 832q-28-35-51-80-48-98-48-188 0-181 134-309 133-127 393-127 50 0 167 19 66 12 177 48 10 38 21 118 14 123 14 183 0 18-5 45l-12 3-84-6-14-2q-50-149-103-205-88-91-210-91-114 0-182 59-67 58-67 146 0 73 66 140t279 129q69 20 173 66 58 28 95 52H483zm507 256h411q7 39 7 92 0 111-41 212-23 56-71 104-37 35-109 81-80 48-153 66-80 21-203 21-114 0-195-23l-140-40q-57-16-72-28-8-8-8-22v-13q0-108-2-156-1-30 0-68l2-37v-44l102-2q15 34 30 71t22.5 56 12.5 27q35 57 80 94 43 36 105 57 59 22 132 22 64 0 139-27 77-26 122-86 47-61 47-129 0-84-81-157-34-29-137-71z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const Indent = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M352 832q0 14-9 23L55 1143q-9 9-23 9-13 0-22.5-9.5T0 1120V544q0-13 9.5-22.5T32 512q14 0 23 9l288 288q9 9 9 23zm1440 480v192q0 13-9.5 22.5t-22.5 9.5H32q-13 0-22.5-9.5T0 1504v-192q0-13 9.5-22.5T32 1280h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5H672q-13 0-22.5-9.5T640 1120V928q0-13 9.5-22.5T672 896h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 768H672q-13 0-22.5-9.5T640 736V544q0-13 9.5-22.5T672 512h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 384H32q-13 0-22.5-9.5T0 352V160q0-13 9.5-22.5T32 128h1728q13 0 22.5 9.5t9.5 22.5z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const Dedent = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M384 544v576q0 13-9.5 22.5T352 1152q-14 0-23-9L41 855q-9-9-9-23t9-23l288-288q9-9 23-9 13 0 22.5 9.5T384 544zm1408 768v192q0 13-9.5 22.5t-22.5 9.5H32q-13 0-22.5-9.5T0 1504v-192q0-13 9.5-22.5T32 1280h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5H672q-13 0-22.5-9.5T640 1120V928q0-13 9.5-22.5T672 896h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 768H672q-13 0-22.5-9.5T640 736V544q0-13 9.5-22.5T672 512h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 384H32q-13 0-22.5-9.5T0 352V160q0-13 9.5-22.5T32 128h1728q13 0 22.5 9.5t9.5 22.5z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const Cubes = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 18,
+        height: 14,
+        viewBox: "0 0 2304 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M640 1632l384-192v-314l-384 164v342zm-64-454l404-173-404-173-404 173zm1088 454l384-192v-314l-384 164v342zm-64-454l404-173-404-173-404 173zm-448-293l384-165V454l-384 164v267zm-64-379l441-189-441-189-441 189zm1088 518v416q0 36-19 67t-52 47l-448 224q-25 14-57 14t-57-14l-448-224q-4-2-7-4-2 2-7 4l-448 224q-25 14-57 14t-57-14L71 1554q-33-16-52-47t-19-67v-416q0-38 21.5-70T78 906l434-186V320q0-38 21.5-70t56.5-48l448-192q23-10 50-10t50 10l448 192q35 16 56.5 48t21.5 70v400l434 186q36 16 57 48t21 70z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const Table = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M576 1376v-192q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V800q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zM576 608V416q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm-512-768V416q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V416q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm128-320v1088q0 66-47 113t-113 47H224q-66 0-113-47t-47-113V288q0-66 47-113t113-47h1344q66 0 113 47t47 113z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const SpecialChar = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M1360 1307l35 159q3 12-3 22.5t-17 14.5l-5 1q-4 2-10.5 3.5t-16 4.5-21.5 5.5-25.5 5-30 5-33.5 4.5-36.5 3-38.5 1q-234 0-409-130.5T511 1054h-95q-13 0-22.5-9.5T384 1022V909q0-13 9.5-22.5T416 877h66q-2-57 1-105h-67q-14 0-23-9t-9-23V626q0-14 9-23t23-9h98q67-210 243.5-338T1158 128q102 0 194 23 11 3 20 15 6 11 3 24l-43 159q-3 13-14 19.5t-24 2.5l-4-1q-4-1-11.5-2.5L1261 364l-22.5-3.5-26-3-29-2.5-29.5-1q-126 0-226 64T778 594h468q16 0 25 12 10 12 7 26l-24 114q-5 26-32 26H734q-3 37 0 105h459q15 0 25 12 9 12 6 27l-24 112q-2 11-11 18.5t-20 7.5H782q48 117 149.5 185.5T1160 1308q18 0 36-1.5t33.5-3.5 29.5-4.5 24.5-5 18.5-4.5l12-3 5-2q13-5 26 2 12 7 15 21z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const OrgLinks = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M1792 1248v320q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960H960v192h96q40 0 68 28t28 68v320q0 40-28 68t-68 28H736q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960H320v192h96q40 0 68 28t28 68v320q0 40-28 68t-68 28H96q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960q0-52 38-90t90-38h512V640h-96q-40 0-68-28t-28-68V224q0-40 28-68t68-28h320q40 0 68 28t28 68v320q0 40-28 68t-68 28h-96v192h512q52 0 90 38t38 90v192h96q40 0 68 28t28 68z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const Undo = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M1664 896q0 156-61 298t-164 245-245 164-298 61q-172 0-327-72.5T305 1387q-7-10-6.5-22.5t8.5-20.5l137-138q10-9 25-9 16 2 23 12 73 95 179 147t225 52q104 0 198.5-40.5T1258 1258t109.5-163.5T1408 896t-40.5-198.5T1258 534t-163.5-109.5T896 384q-98 0-188 35.5T548 521l137 138q31 30 14 69-17 40-59 40H192q-26 0-45-19t-19-45V256q0-42 40-59 39-17 69 14l130 129q107-101 244.5-156.5T896 128q156 0 298 61t245 164 164 245 61 298z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));
+const Redo = ({ label , ...rest })=>_react.createElement("svg", {
+        width: 14,
+        height: 14,
+        viewBox: "0 0 1792 1792",
+        ...rest
+    }, _react.createElement("path", {
+        d: "M1664 256v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l138-138q-148-137-349-137-104 0-198.5 40.5T534 534 424.5 697.5 384 896t40.5 198.5T534 1258t163.5 109.5T896 1408q119 0 225-52t179-147q7-10 23-12 15 0 25 9l137 138q9 8 9.5 20.5t-7.5 22.5q-109 132-264 204.5T896 1664q-156 0-298-61t-245-164-164-245-61-298 61-298 164-245 245-164 298-61q147 0 284.5 55.5T1425 340l130-129q29-31 70-14 39 17 39 59z"
+    }), _react.createElement("span", {
+        className: srOnly
+    }, label));

package/dist/cjs/dialogs/CheatsheetModalDialog.js

@@ -0,0 +1,239 @@
+"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, {
+    CheatsheetModalDialog: function() {
+        return CheatsheetModalDialog;
+    },
+    openCheatsheetModal: function() {
+        return openCheatsheetModal;
+    }
+});
+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");
+const _types = require("../types");
+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 = {
+    flexColumnContainer: (0, _emotion.css)({
+        display: 'flex',
+        flexWrap: 'nowrap'
+    }),
+    flexColumn: (0, _emotion.css)({
+        flexGrow: 1
+    }),
+    verticalDivider: (0, _emotion.css)({
+        borderRight: `1px solid ${_f36tokens.default.gray500}`,
+        paddingRight: _f36tokens.default.spacing3Xl,
+        marginRight: _f36tokens.default.spacing2Xl
+    }),
+    preview: (0, _emotion.css)({
+        display: 'inline-block',
+        paddingRight: _f36tokens.default.spacingL,
+        width: '50%'
+    }),
+    unOrderedListPreview: (0, _emotion.css)({
+        listStyleType: 'disc',
+        marginLeft: _f36tokens.default.spacingS
+    }),
+    orderedListPreview: (0, _emotion.css)({
+        listStyleType: 'decimal',
+        marginLeft: _f36tokens.default.spacingS
+    }),
+    markup: (0, _emotion.css)({
+        display: 'inline-block',
+        color: _f36tokens.default.gray600,
+        paddingLeft: _f36tokens.default.spacingL,
+        width: '50%'
+    }),
+    h1: (0, _emotion.css)({
+        fontSize: _f36tokens.default.fontSize2Xl
+    }),
+    h2: (0, _emotion.css)({
+        fontSize: _f36tokens.default.fontSizeXl
+    }),
+    h3: (0, _emotion.css)({
+        fontSize: _f36tokens.default.fontSizeL
+    }),
+    helpItem: (0, _emotion.css)({
+        marginBottom: _f36tokens.default.spacingS,
+        display: 'flex',
+        alignItems: 'flex-end',
+        height: _f36tokens.default.spacingXl
+    }),
+    helpLink: (0, _emotion.css)({
+        margin: 'auto'
+    }),
+    flexRowContainer: (0, _emotion.css)({
+        display: 'flex',
+        width: '100%',
+        justifyContent: 'center',
+        marginTop: _f36tokens.default.spacingXl
+    })
+};
+const CheatsheetModalDialog = ()=>{
+    return _react.createElement(_f36components.ModalContent, {
+        testId: "markdown-cheatsheet-dialog-content"
+    }, _react.createElement("div", {
+        className: styles.flexColumnContainer
+    }, _react.createElement("div", {
+        className: (0, _emotion.cx)(styles.flexColumn, styles.verticalDivider)
+    }, _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement(_f36components.Heading, {
+        marginBottom: "none",
+        as: "h1",
+        className: (0, _emotion.cx)(styles.preview, styles.h1)
+    }, "H1"), _react.createElement("div", {
+        className: styles.markup
+    }, "# heading")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement(_f36components.Heading, {
+        marginBottom: "none",
+        as: "h2",
+        className: (0, _emotion.cx)(styles.preview, styles.h2)
+    }, "H2"), _react.createElement("div", {
+        className: styles.markup
+    }, "## heading")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement(_f36components.Heading, {
+        marginBottom: "none",
+        as: "h3",
+        className: (0, _emotion.cx)(styles.preview, styles.h3)
+    }, "H3"), _react.createElement("div", {
+        className: styles.markup
+    }, "### heading")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("strong", {
+        className: styles.preview
+    }, "bold"), _react.createElement("div", {
+        className: styles.markup
+    }, "__text__")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("em", {
+        className: styles.preview
+    }, "italic"), _react.createElement("div", {
+        className: styles.markup
+    }, "*text*")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("div", {
+        className: styles.preview
+    }, "strikethrough"), _react.createElement("div", {
+        className: styles.markup
+    }, "~~text~~")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement(_f36components.TextLink, {
+        as: "button",
+        className: styles.preview
+    }, "Link"), _react.createElement("div", {
+        className: styles.markup
+    }, "[text](url)"))), _react.createElement("div", {
+        className: styles.flexColumn
+    }, _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("div", {
+        className: styles.preview
+    }, "Image"), _react.createElement("div", {
+        className: styles.markup
+    }, "![alt-text](url)")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("div", {
+        className: styles.preview
+    }, "Unordered list"), _react.createElement("div", {
+        className: styles.markup
+    }, "* list item")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("div", {
+        className: styles.preview
+    }, _react.createElement("div", null, "Ordered list")), _react.createElement("div", {
+        className: styles.markup
+    }, "1. list item")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("div", {
+        className: styles.preview
+    }, _react.createElement("div", null, "Blockquote")), _react.createElement("div", {
+        className: styles.markup
+    }, "> quote")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("div", {
+        className: styles.preview
+    }, "code span"), _react.createElement("div", {
+        className: styles.markup
+    }, "`code here`")), _react.createElement("div", {
+        className: styles.helpItem
+    }, _react.createElement("div", {
+        className: styles.preview
+    }, "code block"), _react.createElement("div", {
+        className: styles.markup
+    }, "```code here```")))), _react.createElement("div", {
+        className: styles.flexRowContainer
+    }, _react.createElement(_f36components.TextLink, {
+        className: styles.helpLink,
+        href: "https://help.github.com/en/github/writing-on-github/basic-writing-and-formatting-syntax",
+        target: "_blank",
+        rel: "noopener noreferrer"
+    }, "View the full GitHub-flavored Markdown syntax help (opens in a new window)")));
+};
+const openCheatsheetModal = (dialogs)=>{
+    return dialogs.openCurrent({
+        title: 'Markdown formatting help',
+        width: 'large',
+        minHeight: '415px',
+        shouldCloseOnEscapePress: true,
+        shouldCloseOnOverlayClick: true,
+        parameters: {
+            type: _types.MarkdownDialogType.cheatsheet
+        }
+    });
+};

package/dist/cjs/dialogs/ConfirmInsertAssetModalDialog.js

@@ -0,0 +1,94 @@
+"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, {
+    ConfirmInsertAssetModalDialog: function() {
+        return ConfirmInsertAssetModalDialog;
+    },
+    openConfirmInsertAsset: function() {
+        return openConfirmInsertAsset;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _types = require("../types");
+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 ConfirmInsertAssetModalDialog = ({ onClose , assets , locale  })=>{
+    const localesNumber = assets.length;
+    return _react.createElement(_react.Fragment, null, _react.createElement(_f36components.ModalContent, {
+        testId: "confirm-insert-asset"
+    }, _react.createElement(_f36components.Paragraph, null, localesNumber === 1 ? `Link asset with missing file for locale ${locale}` : `Link assets with missing files for locale ${locale}`), _react.createElement(_f36components.Paragraph, null, localesNumber === 1 ? 'Do you want to link to the file in its fallback locale?' : 'Do you want to link to the files in their fallback locales?'), _react.createElement(_f36components.EntityList, null, assets.map(({ title , description , thumbnailUrl , thumbnailAltText  })=>_react.createElement(_f36components.EntityList.Item, {
+            key: thumbnailUrl,
+            title: title,
+            thumbnailUrl: `${thumbnailUrl}?w=46&h=46&fit=thumb`,
+            thumbnailAltText: thumbnailAltText,
+            description: description
+        })))), _react.createElement(_f36components.ModalControls, null, _react.createElement(_f36components.Button, {
+        onClick: ()=>onClose(false),
+        variant: "secondary",
+        size: "small"
+    }, "Cancel"), _react.createElement(_f36components.Button, {
+        testId: "confirm-insert-asset",
+        onClick: ()=>onClose(true),
+        variant: "positive",
+        size: "small"
+    }, "Confirm")));
+};
+const openConfirmInsertAsset = (dialogs, options)=>{
+    return dialogs.openCurrent({
+        title: 'Confirm using fallback assets',
+        width: 'medium',
+        minHeight: '270px',
+        shouldCloseOnEscapePress: true,
+        shouldCloseOnOverlayClick: true,
+        parameters: {
+            type: _types.MarkdownDialogType.confirmInsertAsset,
+            ...options
+        }
+    });
+};