@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/utils/dateArrayFormatter/index.js

@@ -1,60 +1,52 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/utils/dateArrayFormatter/index.tsx
-var dateArrayFormatter_exports = {};
-__export(dateArrayFormatter_exports, {
-  dateArrayFormatter: () => dateArrayFormatter
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(dateArrayFormatter_exports);
-var import_dayjs = __toESM(require("dayjs"));
-var formatString = (endText, format) => {
-  if (typeof format === "function") {
-    return format((0, import_dayjs.default)(endText));
+exports.dateArrayFormatter = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+/**
+ * 通过 format 来格式化日期，因为支持了function 所以需要单独的方法来处理
+ * @param  {any} endText
+ * @param  {FormatType} format
+ * @return string
+ */
+var formatString = function formatString(endText, format) {
+  if (typeof format === 'function') {
+    return format((0, _dayjs.default)(endText));
   }
-  return (0, import_dayjs.default)(endText).format(format);
+  return (0, _dayjs.default)(endText).format(format);
 };
-var dateArrayFormatter = (value, format) => {
-  const [startText, endText] = Array.isArray(value) ? value : [];
-  let formatFirst;
-  let formatEnd;
+/**
+ * 格式化区域日期,如果是一个数组，会返回 start ~ end
+ * @param  {any} value
+ * @param  {FormatType | FormatType[]} format
+ * returns string
+ */
+var dateArrayFormatter = exports.dateArrayFormatter = function dateArrayFormatter(value, format) {
+  var _ref = Array.isArray(value) ? value : [],
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    startText = _ref2[0],
+    endText = _ref2[1];
+  var formatFirst;
+  var formatEnd;
   if (Array.isArray(format)) {
     formatFirst = format[0];
     formatEnd = format[1];
-  } else if (typeof format === "object" && format.type === "mask") {
+  } else if ((0, _typeof2.default)(format) === 'object' && format.type === 'mask') {
     formatFirst = format.format;
     formatEnd = format.format;
   } else {
     formatFirst = format;
     formatEnd = format;
   }
-  const parsedStartText = startText ? formatString(startText, formatFirst) : "";
-  const parsedEndText = endText ? formatString(endText, formatEnd) : "";
-  const valueStr = parsedStartText && parsedEndText ? `${parsedStartText} ~ ${parsedEndText}` : "";
+
+  // activePickerIndex for https://github.com/ant-design/ant-design/issues/22158
+  var parsedStartText = startText ? formatString(startText, formatFirst) : '';
+  var parsedEndText = endText ? formatString(endText, formatEnd) : '';
+  var valueStr = parsedStartText && parsedEndText ? "".concat(parsedStartText, " ~ ").concat(parsedEndText) : '';
   return valueStr;
-};
+};

package/lib/utils/genCopyable/index.js

@@ -1,83 +1,66 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/utils/genCopyable/index.tsx
-var genCopyable_exports = {};
-__export(genCopyable_exports, {
-  genCopyable: () => genCopyable
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(genCopyable_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var isNeedTranText = (item) => {
-  var _a;
-  if ((_a = item == null ? void 0 : item.valueType) == null ? void 0 : _a.toString().startsWith("date")) {
+exports.genCopyable = void 0;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var isNeedTranText = function isNeedTranText(item) {
+  var _item$valueType;
+  if (item !== null && item !== void 0 && (_item$valueType = item.valueType) !== null && _item$valueType !== void 0 && _item$valueType.toString().startsWith('date')) {
     return true;
   }
-  if ((item == null ? void 0 : item.valueType) === "select" || (item == null ? void 0 : item.valueEnum)) {
+  if ((item === null || item === void 0 ? void 0 : item.valueType) === 'select' || item !== null && item !== void 0 && item.valueEnum) {
     return true;
   }
   return false;
 };
-var getEllipsis = (item) => {
-  var _a;
-  if (((_a = item.ellipsis) == null ? void 0 : _a.showTitle) === false) {
+var getEllipsis = function getEllipsis(item) {
+  var _item$ellipsis;
+  if (((_item$ellipsis = item.ellipsis) === null || _item$ellipsis === void 0 ? void 0 : _item$ellipsis.showTitle) === false) {
     return false;
   }
   return item.ellipsis;
 };
-var genCopyable = (dom, item, text) => {
+
+/**
+ * 生成 Copyable 或 Ellipsis 的 dom
+ *
+ * @param dom
+ * @param item
+ * @param text
+ */
+var genCopyable = exports.genCopyable = function genCopyable(dom, item, text) {
   if (item.copyable || item.ellipsis) {
-    const copyable = item.copyable && text ? {
-      text,
-      tooltips: ["", ""]
-    } : void 0;
-    const needTranText = isNeedTranText(item);
-    const ellipsis = getEllipsis(item) && text ? {
-      tooltip: (
-        // 支持一下 tooltip 的关闭
-        (item == null ? void 0 : item.tooltip) !== false && needTranText ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-table-tooltip-text" }, dom) : text
-      )
+    var copyable = item.copyable && text ? {
+      text: text,
+      tooltips: ['', '']
+    } : undefined;
+
+    /** 有些 valueType 需要设置copy的为string */
+    var needTranText = isNeedTranText(item);
+    var ellipsis = getEllipsis(item) && text ? {
+      tooltip:
+      // 支持一下 tooltip 的关闭
+      (item === null || item === void 0 ? void 0 : item.tooltip) !== false && needTranText ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-table-tooltip-text",
+        children: dom
+      }) : text
     } : false;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Typography.Text,
-      {
-        style: {
-          width: "100%",
-          margin: 0,
-          padding: 0
-        },
-        title: "",
-        copyable,
-        ellipsis
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Typography.Text, {
+      style: {
+        width: '100%',
+        margin: 0,
+        padding: 0
       },
-      dom
-    );
+      title: "",
+      copyable: copyable,
+      ellipsis: ellipsis,
+      children: dom
+    });
   }
   return dom;
-};
+};

package/lib/utils/getFieldPropsOrFormItemProps/index.js

@@ -1,31 +1,19 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/utils/getFieldPropsOrFormItemProps/index.tsx
-var getFieldPropsOrFormItemProps_exports = {};
-__export(getFieldPropsOrFormItemProps_exports, {
-  getFieldPropsOrFormItemProps: () => getFieldPropsOrFormItemProps
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(getFieldPropsOrFormItemProps_exports);
-var import_runFunction = require("../runFunction");
-var getFieldPropsOrFormItemProps = (fieldProps, form, extraProps) => {
-  if (form === void 0) {
+exports.getFieldPropsOrFormItemProps = void 0;
+var _runFunction = require("../runFunction");
+/**
+ * 因为 fieldProps 支持了 function 所以新增了这个方法
+ *
+ * @param fieldProps
+ * @param form
+ */
+var getFieldPropsOrFormItemProps = exports.getFieldPropsOrFormItemProps = function getFieldPropsOrFormItemProps(fieldProps, form, extraProps) {
+  if (form === undefined) {
     return fieldProps;
   }
-  return (0, import_runFunction.runFunction)(fieldProps, form, extraProps);
-};
+  return (0, _runFunction.runFunction)(fieldProps, form, extraProps);
+};

package/lib/utils/hooks/useDebounceFn/index.js

@@ -1,78 +1,76 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/utils/hooks/useDebounceFn/index.ts
-var useDebounceFn_exports = {};
-__export(useDebounceFn_exports, {
-  useDebounceFn: () => useDebounceFn
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useDebounceFn_exports);
-var import_react = require("react");
-var import_useRefFunction = require("../useRefFunction");
+exports.useDebounceFn = useDebounceFn;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("react");
+var _useRefFunction = require("../useRefFunction");
+/**
+ * 一个去抖的 hook，传入一个 function，返回一个去抖后的 function
+ * @param  {(...args:T) => Promise<any>} fn
+ * @param  {number} wait?
+ */
 function useDebounceFn(fn, wait) {
-  const callback = (0, import_useRefFunction.useRefFunction)(fn);
-  const timer = (0, import_react.useRef)();
-  const cancel = (0, import_react.useCallback)(() => {
+  var callback = (0, _useRefFunction.useRefFunction)(fn);
+  var timer = (0, _react.useRef)();
+  var cancel = (0, _react.useCallback)(function () {
     if (timer.current) {
       clearTimeout(timer.current);
       timer.current = null;
     }
   }, []);
-  const run = (0, import_react.useCallback)(
-    (...args) => __async(this, null, function* () {
-      if (wait === 0 || wait === void 0) {
-        return callback(...args);
+  var run = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+    var _len,
+      args,
+      _key,
+      _args2 = arguments;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          for (_len = _args2.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = _args2[_key];
+          }
+          if (!(wait === 0 || wait === undefined)) {
+            _context2.next = 3;
+            break;
+          }
+          return _context2.abrupt("return", callback.apply(void 0, args));
+        case 3:
+          cancel();
+          return _context2.abrupt("return", new Promise(function (resolve) {
+            timer.current = setTimeout( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+              return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.t0 = resolve;
+                    _context.next = 3;
+                    return callback.apply(void 0, args);
+                  case 3:
+                    _context.t1 = _context.sent;
+                    (0, _context.t0)(_context.t1);
+                    return _context.abrupt("return");
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            })), wait);
+          }));
+        case 5:
+        case "end":
+          return _context2.stop();
       }
-      cancel();
-      return new Promise((resolve) => {
-        timer.current = setTimeout(() => __async(this, null, function* () {
-          resolve(yield callback(...args));
-          return;
-        }), wait);
-      });
-    }),
-    [callback, cancel, wait]
-  );
-  (0, import_react.useEffect)(() => {
+    }, _callee2);
+  })), [callback, cancel, wait]);
+  (0, _react.useEffect)(function () {
     return cancel;
   }, [cancel]);
   return {
-    run,
-    cancel
+    run: run,
+    cancel: cancel
   };
-}
+}

package/lib/utils/hooks/useDebounceValue/index.js

@@ -1,41 +1,38 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/utils/hooks/useDebounceValue/index.ts
-var useDebounceValue_exports = {};
-__export(useDebounceValue_exports, {
-  useDebounceValue: () => useDebounceValue
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useDebounceValue_exports);
-var import_react = require("react");
-var import_useLatest = require("../useLatest");
-function useDebounceValue(value, delay = 100, deps) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react.useState)(value);
-  const valueRef = (0, import_useLatest.useLatest)(value);
-  (0, import_react.useEffect)(
-    () => {
-      const handler = setTimeout(() => {
-        setDebouncedValue(valueRef.current);
-      }, delay);
-      return () => clearTimeout(handler);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    deps ? [delay, ...deps] : void 0
-  );
+exports.useDebounceValue = useDebounceValue;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useLatest = require("../useLatest");
+/**
+ * 一个去抖的setState 减少更新的频率
+ * @param  {T} value
+ * @param  {number=100} delay
+ * @param  {DependencyList} deps?
+ * @returns T
+ */
+function useDebounceValue(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+  var deps = arguments.length > 2 ? arguments[2] : undefined;
+  var _useState = (0, _react.useState)(value),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    debouncedValue = _useState2[0],
+    setDebouncedValue = _useState2[1];
+  var valueRef = (0, _useLatest.useLatest)(value);
+  (0, _react.useEffect)(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(valueRef.current);
+    }, delay);
+    return function () {
+      return clearTimeout(handler);
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  deps ? [delay].concat((0, _toConsumableArray2.default)(deps)) : undefined);
   return debouncedValue;
-}
+}

package/lib/utils/hooks/useDeepCompareEffect/index.js

@@ -1,72 +1,48 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/utils/hooks/useDeepCompareEffect/index.ts
-var useDeepCompareEffect_exports = {};
-__export(useDeepCompareEffect_exports, {
-  isDeepEqual: () => isDeepEqual,
-  useDeepCompareEffect: () => useDeepCompareEffect,
-  useDeepCompareEffectDebounce: () => useDeepCompareEffectDebounce,
-  useDeepCompareMemoize: () => useDeepCompareMemoize
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useDeepCompareEffect_exports);
-var import_react = require("react");
-var import_isDeepEqualReact = require("../../isDeepEqualReact");
-var import_useDebounceFn = require("../useDebounceFn");
-var isDeepEqual = (a, b, ignoreKeys) => (0, import_isDeepEqualReact.isDeepEqualReact)(a, b, ignoreKeys);
+exports.isDeepEqual = void 0;
+exports.useDeepCompareEffect = useDeepCompareEffect;
+exports.useDeepCompareEffectDebounce = useDeepCompareEffectDebounce;
+exports.useDeepCompareMemoize = useDeepCompareMemoize;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("react");
+var _isDeepEqualReact = require("../../isDeepEqualReact");
+var _useDebounceFn = require("../useDebounceFn");
+var isDeepEqual = exports.isDeepEqual = function isDeepEqual(a, b, ignoreKeys) {
+  return (0, _isDeepEqualReact.isDeepEqualReact)(a, b, ignoreKeys);
+};
 function useDeepCompareMemoize(value, ignoreKeys) {
-  const ref = (0, import_react.useRef)();
+  var ref = (0, _react.useRef)();
+  // it can be done by using useMemo as well
+  // but useRef is rather cleaner and easier
   if (!isDeepEqual(value, ref.current, ignoreKeys)) {
     ref.current = value;
   }
   return ref.current;
 }
 function useDeepCompareEffect(effect, dependencies, ignoreKeys) {
-  (0, import_react.useEffect)(effect, useDeepCompareMemoize(dependencies || [], ignoreKeys));
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useEffect)(effect, useDeepCompareMemoize(dependencies || [], ignoreKeys));
 }
 function useDeepCompareEffectDebounce(effect, dependencies, ignoreKeys, waitTime) {
-  const effectDn = (0, import_useDebounceFn.useDebounceFn)(() => __async(this, null, function* () {
-    effect();
-  }), waitTime || 16);
-  (0, import_react.useEffect)(
-    () => {
-      effectDn.run();
-    },
-    useDeepCompareMemoize(dependencies || [], ignoreKeys)
-  );
-}
+  var effectDn = (0, _useDebounceFn.useDebounceFn)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          effect();
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), waitTime || 16);
+  (0, _react.useEffect)(function () {
+    effectDn.run();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, useDeepCompareMemoize(dependencies || [], ignoreKeys));
+}