@contentful/field-editor-shared 1.3.1 → 1.4.0

package/dist/cjs/FieldConnector.js

@@ -9,8 +9,8 @@ Object.defineProperty(exports, "FieldConnector", {
     }
 });
 const _react = _interop_require_wildcard(require("react"));
+const _debounce = _interop_require_default(require("lodash/debounce"));
 const _isEqual = _interop_require_default(require("lodash/isEqual"));
-const _throttle = _interop_require_default(require("lodash/throttle"));
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -129,9 +129,13 @@ class FieldConnector extends (_React_Component = _react.Component) {
                     value
                 });
             }
-            await this.triggerSetValueCallbacks(value);
+            if (this.props.debounce === 0) {
+                await this.triggerSetValueCallbacks(value);
+            } else {
+                await this.debouncedTriggerSetValueCallbacks(value);
+            }
         });
-        _define_property(this, "triggerSetValueCallbacks", (0, _throttle.default)((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);
@@ -139,9 +143,8 @@ class FieldConnector extends (_React_Component = _react.Component) {
                     this.props.field.setValue(value).then(resolve).catch(reject);
                 }
             });
-        }, this.props.throttle, {
-            leading: this.props.throttle === 0
-        }));
+        });
+        _define_property(this, "debouncedTriggerSetValueCallbacks", (0, _debounce.default)(this.triggerSetValueCallbacks, this.props.debounce));
         const initialValue = props.field.getValue();
         this.state = {
             isLocalValueChange: false,
@@ -163,5 +166,5 @@ _define_property(FieldConnector, "defaultProps", {
     isEqualValues: (value1, value2)=>{
         return (0, _isEqual.default)(value1, value2);
     },
-    throttle: 300
+    debounce: 300
 });

package/dist/cjs/FieldConnector.test.js

@@ -67,7 +67,7 @@ it('does not rerender with outdated value after calling setValue', ()=>{
         isInitiallyDisabled: false,
         children: jest.fn().mockImplementation(()=>null),
         field,
-        throttle: 0
+        debounce: 0
     };
     (0, _react1.render)(_react.createElement(_FieldConnector.FieldConnector, props));
     let child = getChild();

package/dist/esm/FieldConnector.js

@@ -12,8 +12,8 @@ function _define_property(obj, key, value) {
     return obj;
 }
 import * as React from 'react';
+import debounce from 'lodash/debounce';
 import isEqual from 'lodash/isEqual';
-import throttle from 'lodash/throttle';
 var _React_Component;
 export class FieldConnector extends (_React_Component = React.Component) {
     componentDidMount() {
@@ -75,9 +75,13 @@ export class FieldConnector extends (_React_Component = React.Component) {
                     value
                 });
             }
-            await this.triggerSetValueCallbacks(value);
+            if (this.props.debounce === 0) {
+                await this.triggerSetValueCallbacks(value);
+            } else {
+                await this.debouncedTriggerSetValueCallbacks(value);
+            }
         });
-        _define_property(this, "triggerSetValueCallbacks", throttle((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);
@@ -85,9 +89,8 @@ export class FieldConnector extends (_React_Component = React.Component) {
                     this.props.field.setValue(value).then(resolve).catch(reject);
                 }
             });
-        }, this.props.throttle, {
-            leading: this.props.throttle === 0
-        }));
+        });
+        _define_property(this, "debouncedTriggerSetValueCallbacks", debounce(this.triggerSetValueCallbacks, this.props.debounce));
         const initialValue = props.field.getValue();
         this.state = {
             isLocalValueChange: false,
@@ -109,5 +112,5 @@ _define_property(FieldConnector, "defaultProps", {
     isEqualValues: (value1, value2)=>{
         return isEqual(value1, value2);
     },
-    throttle: 300
+    debounce: 300
 });

package/dist/esm/FieldConnector.test.js

@@ -19,7 +19,7 @@ it('does not rerender with outdated value after calling setValue', ()=>{
         isInitiallyDisabled: false,
         children: jest.fn().mockImplementation(()=>null),
         field,
-        throttle: 0
+        debounce: 0
     };
     render(React.createElement(FieldConnector, props));
     let child = getChild();

package/dist/types/FieldConnector.d.ts

@@ -26,21 +26,22 @@ interface FieldConnectorProps<ValueType> {
     children: (state: FieldConnectorChildProps<ValueType>) => React.ReactNode;
     isEmptyValue: (value: ValueType | null) => boolean;
     isEqualValues: (value1: ValueType | Nullable, value2: ValueType | Nullable) => boolean;
-    throttle: number;
+    debounce: number;
 }
 export declare class FieldConnector<ValueType> extends React.Component<FieldConnectorProps<ValueType>, FieldConnectorState<ValueType>> {
     static defaultProps: {
         children: () => null;
         isEmptyValue: (value: any | Nullable) => boolean;
         isEqualValues: (value1: any | Nullable, value2: any | Nullable) => boolean;
-        throttle: number;
+        debounce: number;
     };
     constructor(props: FieldConnectorProps<ValueType>);
     unsubscribeErrors: Function | null;
     unsubscribeDisabled: Function | null;
     unsubscribeValue: Function | null;
     setValue: (value: ValueType | Nullable) => Promise<void>;
-    triggerSetValueCallbacks: import("lodash").DebouncedFunc<(value: ValueType | Nullable) => Promise<unknown>>;
+    triggerSetValueCallbacks: (value: ValueType | Nullable) => Promise<unknown>;
+    debouncedTriggerSetValueCallbacks: import("lodash").DebouncedFunc<(value: ValueType | Nullable) => Promise<unknown>>;
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-shared",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -48,5 +48,5 @@
     "@contentful/app-sdk": "^4.2.0",
     "react": ">=16.8.0"
   },
-  "gitHead": "ca904b19ca794a2c40d82e1f7ede9e0be3560f22"
+  "gitHead": "2db95226af0417c42aae8d1be85796fc8774e283"
 }