@contentful/field-editor-shared 2.4.0 → 2.4.2

package/dist/cjs/CharCounter.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "CharCounter", {
         return CharCounter;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {

package/dist/cjs/CharValidation.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "CharValidation", {
         return CharValidation;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();

package/dist/cjs/FieldConnector.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "FieldConnector", {
         return FieldConnector;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
-const _debounce = _interop_require_default(require("lodash/debounce"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _fastdeepequal = /*#__PURE__*/ _interop_require_default(require("fast-deep-equal"));
+const _debounce = /*#__PURE__*/ _interop_require_default(require("lodash/debounce"));
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -117,12 +117,7 @@ class FieldConnector extends (_React_Component = _react.Component) {
         });
     }
     constructor(props){
-        super(props);
-        _define_property(this, "unsubscribeErrors", null);
-        _define_property(this, "unsubscribeDisabled", null);
-        _define_property(this, "unsubscribeValue", null);
-        _define_property(this, "getDebounceDuration", ()=>'debounce' in this.props ? this.props.debounce : this.props.throttle);
-        _define_property(this, "setValue", async (value)=>{
+        super(props), _define_property(this, "unsubscribeErrors", null), _define_property(this, "unsubscribeDisabled", null), _define_property(this, "unsubscribeValue", null), _define_property(this, "getDebounceDuration", ()=>'debounce' in this.props ? this.props.debounce : this.props.throttle), _define_property(this, "setValue", async (value)=>{
             if (this.props.isEmptyValue(value ?? null)) {
                 this.setState({
                     value: undefined
@@ -137,8 +132,7 @@ class FieldConnector extends (_React_Component = _react.Component) {
             } else {
                 await this.debouncedTriggerSetValueCallbacks(value);
             }
-        });
-        _define_property(this, "triggerSetValueCallbacks", (value)=>{
+        }), _define_property(this, "triggerSetValueCallbacks", (value)=>{
             return new Promise((resolve, reject)=>{
                 if (this.props.isEmptyValue(value ?? null)) {
                     this.props.field.removeValue().then(resolve).catch(reject);
@@ -146,15 +140,14 @@ class FieldConnector extends (_React_Component = _react.Component) {
                     this.props.field.setValue(value).then(resolve).catch(reject);
                 }
             });
-        });
-        _define_property(this, "debouncedTriggerSetValueCallbacks", (0, _debounce.default)(this.triggerSetValueCallbacks, this.getDebounceDuration()));
+        }), _define_property(this, "debouncedTriggerSetValueCallbacks", (0, _debounce.default)(this.triggerSetValueCallbacks, this.getDebounceDuration()));
         const initialValue = props.field.getValue();
         this.state = {
             isLocalValueChange: false,
             externalReset: 0,
             value: initialValue,
             lastRemoteValue: initialValue,
-            disabled: props.isInitiallyDisabled ?? false,
+            disabled: props.isInitiallyDisabled || props.field.getIsDisabled(),
             errors: []
         };
     }

package/dist/cjs/FieldConnector.test.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _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 _noop = /*#__PURE__*/ _interop_require_default(require("lodash/noop"));
 const _FieldConnector = require("./FieldConnector");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -53,10 +53,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function getChild(children) {
+    return children.mock.calls[children.mock.calls.length - 1][0];
+}
 it('does not rerender with outdated value after calling setValue', async ()=>{
-    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 {
@@ -72,14 +72,36 @@ it('does not rerender with outdated value after calling setValue', async ()=>{
         debounce: 0
     };
     (0, _react1.render)(_react.createElement(_FieldConnector.FieldConnector, props));
-    let child = getChild();
+    let child = getChild(props.children);
     expect(child.value).toBe('initial value');
     const initialRenderCount = props.children.mock.calls.length;
     await (0, _react1.act)(async ()=>{
         child.setValue('new value');
     });
     onSchemaErrorsChanged.mock.calls.forEach(([cb])=>cb([]));
-    child = getChild();
+    child = getChild(props.children);
     expect(child.value).toBe('new value');
     expect(props.children.mock.calls.length).toBeGreaterThan(initialRenderCount);
 });
+it('takes initial disable state from sdk.field', ()=>{
+    const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+        return {
+            ...field,
+            getIsDisabled: jest.fn().mockReturnValue(true)
+        };
+    }, 'initial value');
+    const props = {
+        isInitiallyDisabled: false,
+        children: jest.fn().mockImplementation(()=>null),
+        field,
+        debounce: 0
+    };
+    (0, _react1.render)(_react.createElement(_FieldConnector.FieldConnector, props));
+    const child = getChild(props.children);
+    expect(child.value).toBe('initial value');
+    expect(field.getIsDisabled).toHaveBeenCalled();
+    expect(props.children).toHaveBeenCalledTimes(1);
+    expect(props.children).toHaveBeenCalledWith(expect.objectContaining({
+        disabled: true
+    }));
+});

package/dist/cjs/LocalePublishingEntityStatusBadge/Banner.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "Banner", {
         return Banner;
     }
 });
-const _react = _interop_require_default(require("react"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {

package/dist/cjs/LocalePublishingEntityStatusBadge/LocalePublishingPopover.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "LocalePublishingPopover", {
         return LocalePublishingPopover;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
-const _entityHelpers = _interop_require_wildcard(require("../utils/entityHelpers"));
+const _entityHelpers = /*#__PURE__*/ _interop_require_wildcard(require("../utils/entityHelpers"));
 const _LocalePublishingStatusList = require("./LocalePublishingStatusList");
 const _ScheduledBanner = require("./ScheduledBanner");
 function _interop_require_default(obj) {

package/dist/cjs/LocalePublishingEntityStatusBadge/LocalePublishingStatus.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "LocalePublishingStatus", {
         return LocalePublishingStatus;
     }
 });
-const _react = _interop_require_default(require("react"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {

package/dist/cjs/LocalePublishingEntityStatusBadge/LocalePublishingStatusList.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "LocalePublishingStatusList", {
         return LocalePublishingStatusList;
     }
 });
-const _react = _interop_require_default(require("react"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
-const _lodash = require("lodash");
+const _sortBy = /*#__PURE__*/ _interop_require_default(require("lodash/sortBy"));
 const _Banner = require("./Banner");
 const _LocalePublishingStatus = require("./LocalePublishingStatus");
 function _interop_require_default(obj) {
@@ -38,7 +38,7 @@ function groupAndSortLocales(entries, activeLocales) {
         nonSelected: []
     });
     return {
-        selected: (0, _lodash.sortBy)(selected, 'locale.name'),
+        selected: (0, _sortBy.default)(selected, 'locale.name'),
         nonSelected: nonSelected.sort((a, b)=>{
             if (a.status === b.status) {
                 return a.locale.name.localeCompare(b.locale.name);

package/dist/cjs/LocalePublishingEntityStatusBadge/ScheduledBanner.js

@@ -8,24 +8,24 @@ Object.defineProperty(exports, "ScheduledBanner", {
         return ScheduledBanner;
     }
 });
-const _react = _interop_require_default(require("react"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
-const _lodash = require("lodash");
+const _orderBy = /*#__PURE__*/ _interop_require_default(require("lodash/orderBy"));
 const _Banner = require("./Banner");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var ScheduledActionTypes;
-(function(ScheduledActionTypes) {
+var ScheduledActionTypes = /*#__PURE__*/ function(ScheduledActionTypes) {
     ScheduledActionTypes["publish"] = "publish";
     ScheduledActionTypes["unpublish"] = "unpublish";
     ScheduledActionTypes["patch+publish"] = "patch+publish";
-})(ScheduledActionTypes || (ScheduledActionTypes = {}));
+    return ScheduledActionTypes;
+}(ScheduledActionTypes || {});
 function ScheduledBanner({ entityId, jobs }) {
     const scheduledJobs = jobs.filter((job)=>job.entity.sys.id === entityId);
-    const sortedScheduledJobs = (0, _lodash.orderBy)(scheduledJobs, [
+    const sortedScheduledJobs = (0, _orderBy.default)(scheduledJobs, [
         'scheduledFor.datetime'
     ], [
         'asc'

package/dist/cjs/ModalDialogLauncher.js

@@ -19,10 +19,10 @@ _export(exports, {
         return openDialog;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _reactdom = _interop_require_default(require("react-dom"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactdom = /*#__PURE__*/ _interop_require_default(require("react-dom"));
 const _f36components = require("@contentful/f36-components");
-const _isNumber = _interop_require_default(require("lodash/isNumber"));
+const _isNumber = /*#__PURE__*/ _interop_require_default(require("lodash/isNumber"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/PredefinedValuesError.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "PredefinedValuesError", {
         return PredefinedValuesError;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36note = require("@contentful/f36-note");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;

package/dist/cjs/hooks/useLocalePublishStatus.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "useLocalePublishStatus", {
     }
 });
 const _react = require("react");
-const _entityHelpers = _interop_require_wildcard(require("../utils/entityHelpers"));
+const _entityHelpers = /*#__PURE__*/ _interop_require_wildcard(require("../utils/entityHelpers"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();

package/dist/cjs/hooks/useLocalePublishStatus.spec.js

@@ -186,7 +186,7 @@ describe('useLocalePublishStatus', ()=>{
                         'en-US': 'Title for id 2'
                     },
                     description: {
-                        'en-US': 'Description for id 2'
+                        'en-US': "Description for id 2"
                     },
                     file: {
                         'en-US': {

package/dist/cjs/index.js

@@ -114,9 +114,9 @@ const _shortenStorageUnit = require("./utils/shortenStorageUnit");
 _export_star(require("./hooks/useLocalePublishStatus"), exports);
 _export_star(require("./hooks/useActiveLocales"), exports);
 _export_star(require("./LocalePublishingEntityStatusBadge"), exports);
-const _ModalDialogLauncher = _interop_require_wildcard(require("./ModalDialogLauncher"));
-const _constraints = _interop_require_wildcard(require("./utils/constraints"));
-const _entityHelpers = _interop_require_wildcard(require("./utils/entityHelpers"));
+const _ModalDialogLauncher = /*#__PURE__*/ _interop_require_wildcard(require("./ModalDialogLauncher"));
+const _constraints = /*#__PURE__*/ _interop_require_wildcard(require("./utils/constraints"));
+const _entityHelpers = /*#__PURE__*/ _interop_require_wildcard(require("./utils/entityHelpers"));
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/utils/constraints.js

@@ -16,7 +16,7 @@ _export(exports, {
         return makeChecker;
     }
 });
-const _isNumber = _interop_require_default(require("lodash/isNumber"));
+const _isNumber = /*#__PURE__*/ _interop_require_default(require("lodash/isNumber"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/utils/entityHelpers.js

@@ -40,8 +40,8 @@ _export(exports, {
         return isDisplayField;
     }
 });
-const _get = _interop_require_default(require("lodash/get"));
-const _isObject = _interop_require_default(require("lodash/isObject"));
+const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
+const _isObject = /*#__PURE__*/ _interop_require_default(require("lodash/isObject"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/esm/FieldConnector.js

@@ -61,12 +61,7 @@ export class FieldConnector extends (_React_Component = React.Component) {
         });
     }
     constructor(props){
-        super(props);
-        _define_property(this, "unsubscribeErrors", null);
-        _define_property(this, "unsubscribeDisabled", null);
-        _define_property(this, "unsubscribeValue", null);
-        _define_property(this, "getDebounceDuration", ()=>'debounce' in this.props ? this.props.debounce : this.props.throttle);
-        _define_property(this, "setValue", async (value)=>{
+        super(props), _define_property(this, "unsubscribeErrors", null), _define_property(this, "unsubscribeDisabled", null), _define_property(this, "unsubscribeValue", null), _define_property(this, "getDebounceDuration", ()=>'debounce' in this.props ? this.props.debounce : this.props.throttle), _define_property(this, "setValue", async (value)=>{
             if (this.props.isEmptyValue(value ?? null)) {
                 this.setState({
                     value: undefined
@@ -81,8 +76,7 @@ export class FieldConnector extends (_React_Component = React.Component) {
             } else {
                 await this.debouncedTriggerSetValueCallbacks(value);
             }
-        });
-        _define_property(this, "triggerSetValueCallbacks", (value)=>{
+        }), _define_property(this, "triggerSetValueCallbacks", (value)=>{
             return new Promise((resolve, reject)=>{
                 if (this.props.isEmptyValue(value ?? null)) {
                     this.props.field.removeValue().then(resolve).catch(reject);
@@ -90,15 +84,14 @@ export class FieldConnector extends (_React_Component = React.Component) {
                     this.props.field.setValue(value).then(resolve).catch(reject);
                 }
             });
-        });
-        _define_property(this, "debouncedTriggerSetValueCallbacks", debounce(this.triggerSetValueCallbacks, this.getDebounceDuration()));
+        }), _define_property(this, "debouncedTriggerSetValueCallbacks", debounce(this.triggerSetValueCallbacks, this.getDebounceDuration()));
         const initialValue = props.field.getValue();
         this.state = {
             isLocalValueChange: false,
             externalReset: 0,
             value: initialValue,
             lastRemoteValue: initialValue,
-            disabled: props.isInitiallyDisabled ?? false,
+            disabled: props.isInitiallyDisabled || props.field.getIsDisabled(),
             errors: []
         };
     }

package/dist/esm/FieldConnector.test.js

@@ -3,10 +3,10 @@ import { createFakeFieldAPI } from '@contentful/field-editor-test-utils';
 import { act, render } from '@testing-library/react';
 import noop from 'lodash/noop';
 import { FieldConnector } from './FieldConnector';
+function getChild(children) {
+    return children.mock.calls[children.mock.calls.length - 1][0];
+}
 it('does not rerender with outdated value after calling setValue', async ()=>{
-    function getChild() {
-        return props.children.mock.calls[props.children.mock.calls.length - 1][0];
-    }
     const onSchemaErrorsChanged = jest.fn();
     const [field] = createFakeFieldAPI((field)=>{
         return {
@@ -22,14 +22,36 @@ it('does not rerender with outdated value after calling setValue', async ()=>{
         debounce: 0
     };
     render(React.createElement(FieldConnector, props));
-    let child = getChild();
+    let child = getChild(props.children);
     expect(child.value).toBe('initial value');
     const initialRenderCount = props.children.mock.calls.length;
     await act(async ()=>{
         child.setValue('new value');
     });
     onSchemaErrorsChanged.mock.calls.forEach(([cb])=>cb([]));
-    child = getChild();
+    child = getChild(props.children);
     expect(child.value).toBe('new value');
     expect(props.children.mock.calls.length).toBeGreaterThan(initialRenderCount);
 });
+it('takes initial disable state from sdk.field', ()=>{
+    const [field] = createFakeFieldAPI((field)=>{
+        return {
+            ...field,
+            getIsDisabled: jest.fn().mockReturnValue(true)
+        };
+    }, 'initial value');
+    const props = {
+        isInitiallyDisabled: false,
+        children: jest.fn().mockImplementation(()=>null),
+        field,
+        debounce: 0
+    };
+    render(React.createElement(FieldConnector, props));
+    const child = getChild(props.children);
+    expect(child.value).toBe('initial value');
+    expect(field.getIsDisabled).toHaveBeenCalled();
+    expect(props.children).toHaveBeenCalledTimes(1);
+    expect(props.children).toHaveBeenCalledWith(expect.objectContaining({
+        disabled: true
+    }));
+});

package/dist/esm/LocalePublishingEntityStatusBadge/LocalePublishingStatusList.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MenuSectionTitle } from '@contentful/f36-components';
-import { sortBy } from 'lodash';
+import sortBy from 'lodash/sortBy';
 import { Banner } from './Banner';
 import { LocalePublishingStatus } from './LocalePublishingStatus';
 function groupAndSortLocales(entries, activeLocales) {

package/dist/esm/LocalePublishingEntityStatusBadge/ScheduledBanner.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { formatDateAndTime } from '@contentful/f36-components';
-import { orderBy } from 'lodash';
+import orderBy from 'lodash/orderBy';
 import { Banner } from './Banner';
-var ScheduledActionTypes;
-(function(ScheduledActionTypes) {
+var ScheduledActionTypes = /*#__PURE__*/ function(ScheduledActionTypes) {
     ScheduledActionTypes["publish"] = "publish";
     ScheduledActionTypes["unpublish"] = "unpublish";
     ScheduledActionTypes["patch+publish"] = "patch+publish";
-})(ScheduledActionTypes || (ScheduledActionTypes = {}));
+    return ScheduledActionTypes;
+}(ScheduledActionTypes || {});
 export function ScheduledBanner({ entityId, jobs }) {
     const scheduledJobs = jobs.filter((job)=>job.entity.sys.id === entityId);
     const sortedScheduledJobs = orderBy(scheduledJobs, [

package/dist/esm/hooks/useLocalePublishStatus.spec.js

@@ -182,7 +182,7 @@ describe('useLocalePublishStatus', ()=>{
                         'en-US': 'Title for id 2'
                     },
                     description: {
-                        'en-US': 'Description for id 2'
+                        'en-US': "Description for id 2"
                     },
                     file: {
                         'en-US': {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-shared",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -55,5 +55,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "acf662acf17e749090975671bf14ce107ac9c499"
+  "gitHead": "6bee4a59a3c19a95d2cadde3ef0c78112788626e"
 }