@elliemae/ds-utilities 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/hooks/useExpandState.js

@@ -1,111 +1,125 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useExpandState_exports = {};
-__export(useExpandState_exports, {
-  default: () => useExpandState_default,
-  useExpandState: () => useExpandState
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_utils = require("../utils");
-var import_useDerivedStateFromProps = require("./useDerivedStateFromProps");
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+var lodash = require('lodash');
+var useDerivedStateFromProps = require('./useDerivedStateFromProps.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 const toggleStateInObject = (obj, key, value) => {
-  const nextObj = { ...obj };
+  const nextObj = _objectSpread({}, obj);
+
   if (nextObj[key]) {
     delete nextObj[key];
   } else {
     nextObj[key] = value;
   }
+
   return nextObj;
 };
+
 const noop = () => null;
-const useExpandState = ({
-  items = [],
-  itemKey = "id",
-  expanded: expandedProp = {},
-  onExpand,
-  onExpandChange = noop,
-  onExpandAll = noop,
-  onToggleExpand,
-  onCollapse
-}) => {
-  const [expanded, setExpanded] = (0, import_useDerivedStateFromProps.useDerivedStateFromProps)(expandedProp);
-  const isExpandedAll = (0, import_react.useMemo)(() => Object.keys(expanded).length === items.length, [expanded, items]);
-  const toggleExpandAll = (stateData = true) => {
+
+function useExpandState(_ref) {
+  let {
+    items = [],
+    itemKey = 'id',
+    expanded: expandedProp = {},
+    onExpand,
+    onExpandChange = noop,
+    onExpandAll = noop,
+    onToggleExpand,
+    onCollapse
+  } = _ref;
+  const [expanded, setExpanded] = useDerivedStateFromProps(expandedProp);
+  const isExpandedAll = React.useMemo(() => Object.keys(expanded).length === items.length, [expanded, items]);
+
+  const toggleExpandAll = function () {
+    let stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     setExpanded(() => {
       const nextState = {};
+
       if (!isExpandedAll) {
-        items.forEach((item) => {
+        items.forEach(item => {
           nextState[item[itemKey]] = stateData;
         });
       }
+
       onExpandChange(nextState);
       onExpandAll(nextState);
       return nextState;
     });
   };
-  const expand = (item, stateData = true) => {
-    if (!item)
-      return;
-    if ((0, import_utils.isFunction)(onExpand)) {
+
+  const expand = function (item) {
+    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (!item) return;
+
+    if (lodash.isFunction(onExpand)) {
       onExpand(item);
     }
-    setExpanded((prevState) => {
+
+    setExpanded(prevState => {
       const key = item[itemKey];
-      const nextState = { ...prevState, [key]: stateData };
+
+      const nextState = _objectSpread(_objectSpread({}, prevState), {}, {
+        [key]: stateData
+      });
+
       onExpandChange(nextState, item);
       return nextState;
     });
   };
-  const toggleExpand = (item, stateData = true) => {
-    if ((0, import_utils.isFunction)(onToggleExpand)) {
+
+  const toggleExpand = function (item) {
+    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+    if (lodash.isFunction(onToggleExpand)) {
       onToggleExpand(item);
     }
-    setExpanded((prevState) => {
+
+    setExpanded(prevState => {
       const key = item[itemKey];
       const nextState = toggleStateInObject(prevState, key, stateData);
       onExpandChange(nextState, item);
       return nextState;
     });
   };
-  const collapse = (item) => {
-    if ((0, import_utils.isFunction)(onCollapse)) {
+
+  const collapse = item => {
+    if (lodash.isFunction(onCollapse)) {
       onCollapse(item);
     }
-    setExpanded((prevState) => {
-      const nextState = { ...prevState };
+
+    setExpanded(prevState => {
+      const nextState = _objectSpread({}, prevState);
+
       delete nextState[item[itemKey]];
       onExpandChange(nextState, item);
       return nextState;
     });
   };
+
   return {
-    state: { expanded, isExpandedAll },
+    state: {
+      expanded,
+      isExpandedAll
+    },
     actions: {
       expand,
       toggleExpandAll,
@@ -114,7 +128,6 @@ const useExpandState = ({
     },
     setExpanded
   };
-};
-var useExpandState_default = useExpandState;
-module.exports = __toCommonJS(useExpandState_exports);
-//# sourceMappingURL=useExpandState.js.map
+}
+
+module.exports = useExpandState;

package/cjs/hooks/useHotkeys.js

@@ -1,45 +1,25 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useHotkeys_exports = {};
-__export(useHotkeys_exports, {
-  default: () => useHotkeys_default,
-  useHotkeys: () => useHotkeys
-});
-var React = __toESM(require("react"));
-var import_hotkeys_js = __toESM(require("hotkeys-js"));
-var import_react = require("react");
-const useHotkeys = ({ keys, handler, options = {} }, deps = []) => {
-  const memoizedCallback = (0, import_react.useCallback)(handler, deps);
-  (0, import_react.useEffect)(() => {
-    (0, import_hotkeys_js.default)(keys, options, memoizedCallback);
-    return () => import_hotkeys_js.default.unbind(keys);
+'use strict';
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var hotkeys = require('hotkeys-js');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var hotkeys__default = /*#__PURE__*/_interopDefaultLegacy(hotkeys);
+
+function useHotkeys(_ref) {
+  let {
+    keys,
+    handler,
+    options = {}
+  } = _ref;
+  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const memoizedCallback = React.useCallback(handler, deps);
+  React.useEffect(() => {
+    hotkeys__default["default"](keys, options, memoizedCallback);
+    return () => hotkeys__default["default"].unbind(keys);
   }, [memoizedCallback]);
-};
-var useHotkeys_default = useHotkeys;
-module.exports = __toCommonJS(useHotkeys_exports);
-//# sourceMappingURL=useHotkeys.js.map
+}
+
+module.exports = useHotkeys;

package/cjs/hooks/useHoverHandlersDelay.js

@@ -1,50 +1,21 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useHoverHandlersDelay_exports = {};
-__export(useHoverHandlersDelay_exports, {
-  default: () => useHoverHandlersDelay_default,
-  useHoverHandlersDelay: () => useHoverHandlersDelay
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useHoverHandlersDelay = ({
-  onMouseOver,
-  onMouseLeave,
-  hideDelay = 300,
-  showDelay = 300
-}) => {
-  const hideTimer = (0, import_react.useRef)();
-  const showTimer = (0, import_react.useRef)();
-  const delayedHide = (0, import_react.useCallback)(() => {
+'use strict';
+
+var React = require('react');
+
+function useHoverHandlersDelay(_ref) {
+  let {
+    onMouseOver,
+    onMouseLeave,
+    hideDelay = 300,
+    showDelay = 300
+  } = _ref;
+  const hideTimer = React.useRef();
+  const showTimer = React.useRef();
+  const delayedHide = React.useCallback(() => {
     clearTimeout(showTimer.current);
     hideTimer.current = setTimeout(onMouseLeave, hideDelay);
   }, []);
-  const delayedShow = (0, import_react.useCallback)(() => {
+  const delayedShow = React.useCallback(() => {
     clearTimeout(hideTimer.current);
     showTimer.current = setTimeout(onMouseOver, showDelay);
   }, []);
@@ -52,7 +23,6 @@ const useHoverHandlersDelay = ({
     onMouseOver: delayedShow,
     onMouseLeave: delayedHide
   };
-};
-var useHoverHandlersDelay_default = useHoverHandlersDelay;
-module.exports = __toCommonJS(useHoverHandlersDelay_exports);
-//# sourceMappingURL=useHoverHandlersDelay.js.map
+}
+
+module.exports = useHoverHandlersDelay;

package/cjs/hooks/useOnElementResize.js

@@ -1,54 +1,37 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useOnElementResize_exports = {};
-__export(useOnElementResize_exports, {
-  useOnElementResize: () => useOnElementResize
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useOnElementResize = (targetRef) => {
-  const [width, setWidth] = (0, import_react.useState)(targetRef.current ? targetRef.current?.offsetWidth : 0);
-  const [height, setHeight] = (0, import_react.useState)(targetRef.current ? targetRef.current?.offsetWidth : 0);
-  const observer = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+
+// Taken and modified from https://stackoverflow.com/a/60218754
+
+const useOnElementResize = targetRef => {
+  var _targetRef$current, _targetRef$current2;
+
+  const [width, setWidth] = React.useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0);
+  const [height, setHeight] = React.useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0);
+  const observer = React.useRef(null);
+  React.useEffect(() => {
     function outputsize() {
-      setWidth(targetRef.current?.offsetWidth);
-      setHeight(targetRef.current?.offsetHeight);
+      var _targetRef$current3, _targetRef$current4;
+
+      setWidth((_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.offsetWidth);
+      setHeight((_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.offsetHeight);
     }
+
     observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
     return () => {
-      observer.current?.disconnect();
+      var _observer$current;
+
+      (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
     };
   }, [targetRef]);
-  return (0, import_react.useMemo)(() => ({
+  return React.useMemo(() => ({
     width,
     height
   }), [width, height]);
 };
-module.exports = __toCommonJS(useOnElementResize_exports);
-//# sourceMappingURL=useOnElementResize.js.map
+
+exports.useOnElementResize = useOnElementResize;

package/cjs/hooks/useParentElement.js

@@ -1,43 +1,16 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useParentElement_exports = {};
-__export(useParentElement_exports, {
-  useParentElement: () => useParentElement
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useParentElement = (ref) => {
-  const [parent, setParent] = (0, import_react.useState)(ref.current);
-  (0, import_react.useEffect)(() => {
-    if (ref.current)
-      setParent(ref.current.parentNode);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+
+const useParentElement = ref => {
+  const [parent, setParent] = React.useState(ref.current);
+  React.useEffect(() => {
+    if (ref.current) setParent(ref.current.parentNode);
   });
   return parent;
 };
-module.exports = __toCommonJS(useParentElement_exports);
-//# sourceMappingURL=useParentElement.js.map
+
+exports.useParentElement = useParentElement;

package/cjs/hooks/usePrevious.js

@@ -1,44 +1,13 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var usePrevious_exports = {};
-__export(usePrevious_exports, {
-  default: () => usePrevious_default,
-  usePrevious: () => usePrevious
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const usePrevious = (value) => {
-  const ref = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
+'use strict';
+
+var React = require('react');
+
+function usePrevious(value) {
+  const ref = React.useRef();
+  React.useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
-};
-var usePrevious_default = usePrevious;
-module.exports = __toCommonJS(usePrevious_exports);
-//# sourceMappingURL=usePrevious.js.map
+}
+
+module.exports = usePrevious;

package/cjs/hooks/useResizeObserver.js

@@ -1,60 +1,33 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useResizeObserver_exports = {};
-__export(useResizeObserver_exports, {
-  default: () => useResizeObserver_default,
-  useResizeObserver: () => useResizeObserver
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_raf = __toESM(require("raf"));
-var import_resize_observer_polyfill = __toESM(require("resize-observer-polyfill"));
-const useResizeObserver = (handler, el) => {
-  const [node, setRef] = (0, import_react.useState)(el);
-  const resizeObserver = new import_resize_observer_polyfill.default((entries) => {
-    if (!Array.isArray(entries))
-      return;
-    if (!entries.length)
-      return;
-    const entry = entries[0];
-    (0, import_raf.default)(() => handler({
+'use strict';
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var raf = require('raf');
+var ResizeObserver = require('resize-observer-polyfill');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
+var ResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(ResizeObserver);
+
+function useResizeObserver(handler, el) {
+  const [node, setRef] = React.useState(el);
+  const resizeObserver = new ResizeObserver__default["default"](entries => {
+    if (!Array.isArray(entries)) return;
+    if (!entries.length) return;
+    const entry = entries[0]; // execute on the next animation frame
+
+    raf__default["default"](() => handler({
       width: entry.target.offsetWidth,
       height: entry.target.offsetHeight
     }, entry.target));
   });
   const htmlEl = el || node;
-  (0, import_react.useEffect)(() => {
-    if (htmlEl)
-      resizeObserver.observe(htmlEl);
+  React.useEffect(() => {
+    if (htmlEl) resizeObserver.observe(htmlEl);
     return () => htmlEl && resizeObserver.unobserve(htmlEl);
   }, [htmlEl]);
   return [setRef];
-};
-var useResizeObserver_default = useResizeObserver;
-module.exports = __toCommonJS(useResizeObserver_exports);
-//# sourceMappingURL=useResizeObserver.js.map
+}
+
+module.exports = useResizeObserver;