@contentful/field-editor-markdown 1.2.1 → 1.3.0

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/codemirrorImports.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+require("codemirror/mode/markdown/markdown");
+require("codemirror/mode/xml/xml");
+require("codemirror/addon/edit/continuelist");
+require("codemirror/addon/mode/overlay");
+require("codemirror/addon/display/autorefresh");

package/dist/cjs/components/HeadingSelector.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeadingSelector", {
+    enumerable: true,
+    get: function() {
+        return HeadingSelector;
+    }
+});
+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;
+}
+const HeadingSelector = (props)=>{
+    const handleMenuClick = (heading)=>{
+        props.onSelect(heading);
+    };
+    return _react.createElement(_f36components.Menu, null, _react.createElement(_f36components.Menu.Trigger, null, props.children), _react.createElement(_f36components.Menu.List, null, _react.createElement(_f36components.Menu.Item, {
+        testId: "markdown-action-button-heading-h1",
+        onClick: ()=>handleMenuClick('h1')
+    }, "Heading 1"), _react.createElement(_f36components.Menu.Item, {
+        testId: "markdown-action-button-heading-h2",
+        onClick: ()=>handleMenuClick('h2')
+    }, "Heading 2"), _react.createElement(_f36components.Menu.Item, {
+        testId: "markdown-action-button-heading-h3",
+        onClick: ()=>handleMenuClick('h3')
+    }, "Heading 3")));
+};

package/dist/cjs/components/InsertLinkSelector.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InsertLinkSelector", {
+    enumerable: true,
+    get: function() {
+        return InsertLinkSelector;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _f36icons = require("@contentful/f36-icons");
+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 InsertLinkSelector = (props)=>{
+    if (props.canAddNew) {
+        return _react.createElement(MultipleMediaContextMenu, props);
+    } else {
+        return _react.createElement(_f36components.Button, {
+            isDisabled: props.disabled,
+            startIcon: _react.createElement(_f36icons.AssetIcon, null),
+            testId: "markdownEditor.linkExistingAssets",
+            size: "small",
+            variant: "secondary",
+            onClick: ()=>{
+                props.onSelectExisting();
+            }
+        }, "Insert media");
+    }
+};
+const MultipleMediaContextMenu = (props)=>{
+    return _react.createElement(_f36components.Menu, {
+        placement: "bottom-end"
+    }, _react.createElement(_f36components.Menu.Trigger, null, _react.createElement(_f36components.Button, {
+        endIcon: _react.createElement(_f36icons.ChevronDownIcon, null),
+        isDisabled: props.disabled,
+        startIcon: _react.createElement(_f36icons.AssetIcon, null),
+        testId: "markdownEditor.insertMediaDropdownTrigger",
+        size: "small",
+        variant: "secondary"
+    }, "Insert media")), _react.createElement(_f36components.Menu.List, null, _react.createElement(_f36components.Menu.Item, {
+        testId: "markdownEditor.uploadAssetsAndLink",
+        onClick: ()=>props.onAddNew()
+    }, "Add new media and link"), _react.createElement(_f36components.Menu.Item, {
+        testId: "markdownEditor.linkExistingAssets",
+        onClick: ()=>props.onSelectExisting()
+    }, "Link existing media")));
+};

package/dist/cjs/components/MarkdownBottomBar.js

@@ -0,0 +1,111 @@
+"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, {
+    MarkdownCounter: function() {
+        return MarkdownCounter;
+    },
+    MarkdownHelp: function() {
+        return MarkdownHelp;
+    },
+    MarkdownBottomBar: function() {
+        return MarkdownBottomBar;
+    }
+});
+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 = {
+    root: (0, _emotion.css)({
+        display: 'flex',
+        justifyContent: 'space-between',
+        background: _f36tokens.default.gray100,
+        border: `1px solid ${_f36tokens.default.gray400}`,
+        borderBottomLeftRadius: _f36tokens.default.borderRadiusSmall,
+        borderBottomRightRadius: _f36tokens.default.borderRadiusSmall,
+        padding: `${_f36tokens.default.spacingXs} ${_f36tokens.default.spacingS}`
+    }),
+    help: (0, _emotion.css)({
+        color: _f36tokens.default.gray700,
+        fontSize: _f36tokens.default.fontSizeS,
+        button: {
+            fontSize: _f36tokens.default.fontSizeS,
+            lineHeight: 'inherit'
+        }
+    })
+};
+function MarkdownCounter(props) {
+    return _react.createElement(_f36components.Paragraph, {
+        marginBottom: "none",
+        className: styles.help
+    }, props.words, " ", props.words !== 1 ? 'words' : 'word', ", ", props.characters, ' ', props.characters !== 1 ? 'characters' : 'character');
+}
+function MarkdownHelp(props) {
+    return _react.createElement(_f36components.Paragraph, {
+        marginBottom: "none",
+        className: styles.help
+    }, "Format your text like a pro with the", ' ', _react.createElement(_f36components.TextLink, {
+        as: "button",
+        testId: "open-markdown-cheatsheet-button",
+        onClick: ()=>{
+            props.onClick();
+        }
+    }, "markdown cheatsheet"), ".");
+}
+function MarkdownBottomBar(props) {
+    return _react.createElement("div", {
+        className: styles.root
+    }, props.children);
+}

package/dist/cjs/components/MarkdownConstraints.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MarkdownConstraints", {
+    enumerable: true,
+    get: function() {
+        return MarkdownConstraints;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+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 = {
+    root: (0, _emotion.css)({
+        display: 'flex',
+        justifyContent: 'space-between',
+        fontSize: _f36tokens.default.fontSizeM,
+        marginTop: _f36tokens.default.spacingXs,
+        color: _f36tokens.default.gray700
+    })
+};
+function MarkdownConstraints(props) {
+    const constraints = _fieldeditorshared.ConstraintsUtils.fromFieldValidations(props.sdk.field.validations, props.sdk.field.type);
+    const checkConstraint = _fieldeditorshared.ConstraintsUtils.makeChecker(constraints);
+    return _react.createElement("div", {
+        className: styles.root
+    }, _react.createElement(_fieldeditorshared.CharCounter, {
+        value: props.value,
+        checkConstraint: checkConstraint
+    }), _react.createElement(_fieldeditorshared.CharValidation, {
+        constraints: constraints
+    }));
+}