@contentful/field-editor-shared 1.2.0 → 1.3.0

package/dist/cjs/CharCounter.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CharCounter", {
+    enumerable: true,
+    get: function() {
+        return CharCounter;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+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 = {
+    invalid: (0, _emotion.css)({
+        color: _f36tokens.default.red600
+    })
+};
+function CharCounter(props) {
+    let count = 0;
+    if (props.value) {
+        count = props.value.length;
+    }
+    const valid = count === 0 || props.checkConstraint(count);
+    return _react.createElement("span", {
+        "data-status-code": valid ? null : 'invalid-size',
+        className: (0, _emotion.cx)({
+            [styles.invalid]: !valid
+        })
+    }, count, " characters");
+}

package/dist/cjs/CharValidation.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CharValidation", {
+    enumerable: true,
+    get: function() {
+        return CharValidation;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+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 CharValidation(props) {
+    const { constraints  } = props;
+    if (constraints.type === 'max') {
+        return _react.createElement("span", null, "Maximum ", constraints.max, " characters");
+    } else if (constraints.type === 'min') {
+        return _react.createElement("span", null, "Requires at least ", constraints.min, " characters");
+    } else {
+        return _react.createElement("span", null, "Requires between ", constraints.min, " and ", constraints.max, " characters");
+    }
+}

package/dist/cjs/FieldConnector.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FieldConnector", {
+    enumerable: true,
+    get: function() {
+        return FieldConnector;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _lodashes = require("lodash-es");
+const _isEqual = _interop_require_default(require("lodash/isEqual"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+var _React_Component;
+class FieldConnector extends (_React_Component = _react.Component) {
+    componentDidMount() {
+        const { field  } = this.props;
+        this.unsubscribeErrors = field.onSchemaErrorsChanged((errors)=>{
+            this.setState({
+                errors: errors || []
+            });
+        });
+        this.unsubscribeDisabled = field.onIsDisabledChanged((disabled)=>{
+            this.setState({
+                disabled
+            });
+        });
+        this.unsubscribeValue = field.onValueChanged((value)=>{
+            this.setState((currentState)=>{
+                const isLocalValueChange = this.props.isEqualValues(value, currentState.value);
+                const lastRemoteValue = isLocalValueChange ? currentState.lastRemoteValue : value;
+                const externalReset = currentState.externalReset + (isLocalValueChange ? 0 : 1);
+                return {
+                    value,
+                    lastRemoteValue,
+                    isLocalValueChange,
+                    externalReset
+                };
+            });
+        });
+    }
+    componentWillUnmount() {
+        if (typeof this.unsubscribeErrors === 'function') {
+            this.unsubscribeErrors();
+        }
+        if (typeof this.unsubscribeDisabled === 'function') {
+            this.unsubscribeDisabled();
+        }
+        if (typeof this.unsubscribeValue === 'function') {
+            this.unsubscribeValue();
+        }
+    }
+    render() {
+        return this.props.children({
+            ...this.state,
+            setValue: this.setValue,
+            disabled: this.props.isDisabled || this.state.disabled
+        });
+    }
+    constructor(props){
+        super(props);
+        _define_property(this, "unsubscribeErrors", null);
+        _define_property(this, "unsubscribeDisabled", null);
+        _define_property(this, "unsubscribeValue", null);
+        _define_property(this, "setValue", async (value)=>{
+            if (this.props.isEmptyValue(value ?? null)) {
+                this.setState({
+                    value: undefined
+                });
+            } else {
+                this.setState({
+                    value
+                });
+            }
+            await this.triggerSetValueCallbacks(value);
+        });
+        _define_property(this, "triggerSetValueCallbacks", (0, _lodashes.throttle)((value)=>{
+            return new Promise((resolve, reject)=>{
+                if (this.props.isEmptyValue(value ?? null)) {
+                    this.props.field.removeValue().then(resolve).catch(reject);
+                } else {
+                    this.props.field.setValue(value).then(resolve).catch(reject);
+                }
+            });
+        }, this.props.throttle, {
+            leading: this.props.throttle === 0
+        }));
+        const initialValue = props.field.getValue();
+        this.state = {
+            isLocalValueChange: false,
+            externalReset: 0,
+            value: initialValue,
+            lastRemoteValue: initialValue,
+            disabled: props.isInitiallyDisabled ?? false,
+            errors: []
+        };
+    }
+}
+_define_property(FieldConnector, "defaultProps", {
+    children: ()=>{
+        return null;
+    },
+    isEmptyValue: (value)=>{
+        return value === null || value === '';
+    },
+    isEqualValues: (value1, value2)=>{
+        return (0, _isEqual.default)(value1, value2);
+    },
+    throttle: 300
+});

package/dist/cjs/FieldConnector.test.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _react = _interop_require_wildcard(require("react"));
+const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
+const _react1 = require("@testing-library/react");
+const _noop = _interop_require_default(require("lodash/noop"));
+const _FieldConnector = require("./FieldConnector");
+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;
+}
+it('does not rerender with outdated value after calling setValue', ()=>{
+    function getChild() {
+        return props.children.mock.calls[props.children.mock.calls.length - 1][0];
+    }
+    const onSchemaErrorsChanged = jest.fn();
+    const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+        return {
+            ...field,
+            setValue: ()=>new Promise(_noop.default),
+            onSchemaErrorsChanged
+        };
+    }, 'initial value');
+    const props = {
+        isInitiallyDisabled: false,
+        children: jest.fn().mockImplementation(()=>null),
+        field,
+        throttle: 0
+    };
+    (0, _react1.render)(_react.createElement(_FieldConnector.FieldConnector, props));
+    let child = getChild();
+    expect(child.value).toBe('initial value');
+    const initialRenderCount = props.children.mock.calls.length;
+    child.setValue('new value');
+    onSchemaErrorsChanged.mock.calls.forEach(([cb])=>cb([]));
+    child = getChild();
+    expect(child.value).toBe('new value');
+    expect(props.children.mock.calls.length).toBeGreaterThan(initialRenderCount);
+});

package/dist/cjs/ModalDialogLauncher.js

@@ -0,0 +1,132 @@
+"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, {
+    open: function() {
+        return open;
+    },
+    openDialog: function() {
+        return openDialog;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _reactdom = _interop_require_default(require("react-dom"));
+const _f36components = require("@contentful/f36-components");
+const _isNumber = _interop_require_default(require("lodash/isNumber"));
+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 open(componentRenderer) {
+    let rootDom = null;
+    const getRoot = ()=>{
+        if (rootDom === null) {
+            rootDom = document.createElement('div');
+            rootDom.setAttribute('id', 'field-editor-modal-root');
+            document.body.appendChild(rootDom);
+        }
+        return rootDom;
+    };
+    return new Promise((resolve)=>{
+        let currentConfig = {
+            onClose,
+            isShown: true
+        };
+        function render({ onClose , isShown  }) {
+            _reactdom.default.render(componentRenderer({
+                onClose,
+                isShown
+            }), getRoot());
+        }
+        function onClose(...args) {
+            currentConfig = {
+                ...currentConfig,
+                isShown: false
+            };
+            render(currentConfig);
+            resolve(...args);
+            getRoot().remove();
+        }
+        render(currentConfig);
+    });
+}
+function openDialog(options, Component) {
+    const key = Date.now();
+    const size = (0, _isNumber.default)(options.width) ? `${options.width}px` : options.width;
+    return open(({ isShown , onClose  })=>{
+        const onCloseHandler = ()=>onClose();
+        return _react.createElement(_f36components.Modal, {
+            key: key,
+            shouldCloseOnOverlayClick: options.shouldCloseOnOverlayClick || false,
+            shouldCloseOnEscapePress: options.shouldCloseOnEscapePress || false,
+            allowHeightOverflow: options.allowHeightOverflow || false,
+            position: options.position || 'center',
+            isShown: isShown,
+            onClose: onCloseHandler,
+            size: size || '700px'
+        }, ()=>_react.createElement(_react.Fragment, null, options.title && _react.createElement(_f36components.ModalHeader, {
+                testId: "dialog-title",
+                title: options.title,
+                onClose: onCloseHandler
+            }), _react.createElement("div", {
+                style: {
+                    minHeight: options.minHeight || 'auto'
+                }
+            }, _react.createElement(Component, {
+                onClose: onClose
+            }))));
+    });
+}
+const _default = {
+    openDialog
+};

package/dist/cjs/PredefinedValuesError.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PredefinedValuesError", {
+    enumerable: true,
+    get: function() {
+        return PredefinedValuesError;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36note = require("@contentful/f36-note");
+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 PredefinedValuesError() {
+    return _react.createElement(_f36note.Note, {
+        variant: "warning",
+        testId: "predefined-values-warning"
+    }, "The widget failed to initialize. You can fix the problem by providing predefined values under the validations tab in the field settings.");
+}