@webiny/app-headless-cms 5.40.0-beta.3 → 5.40.0-beta.4

package/admin/components/DelayedOnChange.js

@@ -1,117 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _excluded = ["children"];
-/**
- * This component is used to wrap Input and Textarea components to optimize form re-render.
- * These 2 are the only components that trigger form model change on each character input.
- * This means, whenever you type a letter an entire form re-renders.
- * On complex forms you will feel and see a significant delay if this component is not used.
- *
- * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
- * a user stops typing for given period of time (400ms by default).
- */
-var DelayedOnChange = /*#__PURE__*/function (_React$Component) {
-  function DelayedOnChange() {
-    var _this;
-    (0, _classCallCheck2.default)(this, DelayedOnChange);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2.default)(this, DelayedOnChange, [].concat(args));
-    (0, _defineProperty2.default)(_this, "delay", null);
-    (0, _defineProperty2.default)(_this, "state", {
-      value: ""
-    });
-    (0, _defineProperty2.default)(_this, "applyValue", function (value) {
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop.default;
-      _this.delay && clearTimeout(_this.delay);
-      _this.delay = null;
-      _this.props.onChange(value, callback);
-    });
-    (0, _defineProperty2.default)(_this, "onChange", function (value) {
-      _this.setState({
-        value: value
-      }, _this.changed);
-    });
-    (0, _defineProperty2.default)(_this, "changed", function () {
-      _this.delay && clearTimeout(_this.delay);
-      _this.delay = null;
-      _this.delay = setTimeout(function () {
-        return _this.applyValue(_this.state.value);
-      }, _this.props.delay);
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(DelayedOnChange, _React$Component);
-  return (0, _createClass2.default)(DelayedOnChange, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setState({
-        value: this.props.value
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        children = _this$props.children,
-        other = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var newProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, other), {}, {
-        value: this.state.value,
-        onChange: this.onChange
-      });
-      var renderProp = typeof children === "function" ? children : false;
-      var child = renderProp ? renderProp(newProps) : /*#__PURE__*/React.cloneElement(children, newProps);
-      var props = (0, _objectSpread2.default)({}, child.props);
-      var realOnKeyDown = props.onKeyDown || _noop.default;
-      var realOnBlur = props.onBlur || _noop.default;
-
-      // Need to apply value if input lost focus
-      props.onBlur = function (ev) {
-        ev.persist();
-        _this2.applyValue(ev.target.value, function () {
-          return realOnBlur(ev);
-        });
-      };
-
-      // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.
-      props.onKeyDown = function (ev) {
-        ev.persist();
-        if (ev.key === "Tab") {
-          _this2.applyValue(ev.target.value, function () {
-            return realOnKeyDown(ev);
-          });
-        } else if (ev.key === "Enter" && props["data-on-enter"]) {
-          _this2.applyValue(ev.target.value, function () {
-            return realOnKeyDown(ev);
-          });
-        } else {
-          realOnKeyDown(ev);
-        }
-      };
-      return /*#__PURE__*/React.cloneElement(child, props);
-    }
-  }]);
-}(React.Component);
-(0, _defineProperty2.default)(DelayedOnChange, "defaultProps", {
-  delay: 400
-});
-var _default = exports.default = DelayedOnChange;
-
-//# sourceMappingURL=DelayedOnChange.js.map

package/admin/components/DelayedOnChange.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_noop","_interopRequireDefault","_excluded","DelayedOnChange","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","value","callback","undefined","noop","delay","clearTimeout","props","onChange","setState","changed","setTimeout","applyValue","state","_inherits2","_createClass2","key","componentDidMount","render","_this2","_this$props","children","other","_objectWithoutProperties2","newProps","_objectSpread2","renderProp","child","cloneElement","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","Component","_default","exports"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport noop from \"lodash/noop\";\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\nexport interface OnChangeCbCallable {\n    (value: string): void;\n}\nexport interface OnChangeCallable {\n    (value: string, cb?: OnChangeCbCallable): void;\n}\ninterface ChildrenParams {\n    value: string;\n    onChange: OnChangeCallable;\n}\ninterface DelayedOnChangeProps {\n    delay?: number;\n    value?: string;\n    onChange: OnChangeCallable;\n    onKeyDown?: (ev: React.SyntheticEvent) => void;\n    onBlur?: (ev: React.SyntheticEvent) => void;\n    children: (params: ChildrenParams) => React.ReactElement;\n}\ninterface DelayedOnChangeState {\n    value?: string;\n}\nclass DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {\n    static defaultProps: Partial<DelayedOnChangeProps> = {\n        delay: 400\n    };\n\n    private delay: number | null = null;\n\n    public override readonly state: DelayedOnChangeState = {\n        value: \"\"\n    };\n\n    public override componentDidMount() {\n        this.setState({ value: this.props.value });\n    }\n\n    private applyValue = (value: any, callback: OnChangeCbCallable = noop): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.props.onChange(value, callback);\n    };\n\n    private onChange = (value: string): void => {\n        this.setState({ value }, this.changed);\n    };\n\n    private changed = (): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.delay = setTimeout(\n            () => this.applyValue(this.state.value),\n            this.props.delay\n        ) as unknown as number;\n    };\n\n    public override render(): React.ReactNode {\n        const { children, ...other } = this.props;\n        const newProps: Omit<DelayedOnChangeProps, \"children\"> = {\n            ...other,\n            value: this.state.value,\n            onChange: this.onChange\n        };\n\n        const renderProp = typeof children === \"function\" ? children : false;\n        const child = renderProp\n            ? renderProp(newProps as Required<DelayedOnChangeProps>)\n            : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n        const props = { ...child.props };\n        const realOnKeyDown = props.onKeyDown || noop;\n        const realOnBlur = props.onBlur || noop;\n\n        // Need to apply value if input lost focus\n        props.onBlur = (ev: React.SyntheticEvent) => {\n            ev.persist();\n            this.applyValue((ev.target as HTMLInputElement).value, () => realOnBlur(ev));\n        };\n\n        // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n        props.onKeyDown = (ev: React.KeyboardEvent) => {\n            ev.persist();\n            if (ev.key === \"Tab\") {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else if (ev.key === \"Enter\" && props[\"data-on-enter\"]) {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else {\n                realOnKeyDown(ev);\n            }\n        };\n\n        return React.cloneElement(child, props);\n    }\n}\n\nexport default DelayedOnChange;\n"],"mappings":"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","ignoreList":[]}