@elliemae/ds-utilities 2.2.0 → 2.3.0-alpha.3

package/cjs/hooks/useParentElement.js

@@ -1,16 +1,43 @@
-'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);
+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);
   });
   return parent;
 };
-
-exports.useParentElement = useParentElement;
+module.exports = __toCommonJS(useParentElement_exports);
+//# sourceMappingURL=useParentElement.js.map

package/cjs/hooks/useParentElement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useParentElement.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\n\nexport const useParentElement = (ref) => {\n  const [parent, setParent] = useState(ref.current);\n\n  useEffect(() => {\n    if (ref.current) setParent(ref.current.parentNode);\n  });\n  return parent;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAE7B,MAAM,mBAAmB,CAAC,QAAQ;AACvC,QAAM,CAAC,QAAQ,aAAa,2BAAS,IAAI;AAEzC,8BAAU,MAAM;AACd,QAAI,IAAI;AAAS,gBAAU,IAAI,QAAQ;AAAA;AAEzC,SAAO;AAAA;",
+  "names": []
+}

package/cjs/hooks/usePrevious.js

@@ -1,13 +1,44 @@
-'use strict';
-
-var React = require('react');
-
-function usePrevious(value) {
-  const ref = React.useRef();
-  React.useEffect(() => {
+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)(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
-}
-
-module.exports = usePrevious;
+};
+var usePrevious_default = usePrevious;
+module.exports = __toCommonJS(usePrevious_exports);
+//# sourceMappingURL=usePrevious.js.map

package/cjs/hooks/usePrevious.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/usePrevious.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect, useRef } from 'react';\n\nexport const usePrevious = (value) => {\n  const ref = useRef();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n\nexport default usePrevious;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAE3B,MAAM,cAAc,CAAC,UAAU;AACpC,QAAM,MAAM;AAEZ,8BAAU,MAAM;AACd,QAAI,UAAU;AAAA,KACb,CAAC;AAEJ,SAAO,IAAI;AAAA;AAGb,IAAO,sBAAQ;",
+  "names": []
+}

package/cjs/hooks/useResizeObserver.js

@@ -1,33 +1,60 @@
-'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({
+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({
       width: entry.target.offsetWidth,
       height: entry.target.offsetHeight
     }, entry.target));
   });
   const htmlEl = el || node;
-  React.useEffect(() => {
-    if (htmlEl) resizeObserver.observe(htmlEl);
+  (0, import_react.useEffect)(() => {
+    if (htmlEl)
+      resizeObserver.observe(htmlEl);
     return () => htmlEl && resizeObserver.unobserve(htmlEl);
   }, [htmlEl]);
   return [setRef];
-}
-
-module.exports = useResizeObserver;
+};
+var useResizeObserver_default = useResizeObserver;
+module.exports = __toCommonJS(useResizeObserver_exports);
+//# sourceMappingURL=useResizeObserver.js.map

package/cjs/hooks/useResizeObserver.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useResizeObserver.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport raf from 'raf';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport const useResizeObserver = (handler, el) => {\n  const [node, setRef] = useState(el);\n\n  const resizeObserver = new ResizeObserver(entries => {\n    if (!Array.isArray(entries)) return;\n    if (!entries.length) return;\n    const entry = entries[0];\n\n    // execute on the next animation frame\n    raf(() =>\n      handler(\n        {\n          width: entry.target.offsetWidth,\n          height: entry.target.offsetHeight,\n        },\n        entry.target,\n      ),\n    );\n  });\n\n  const htmlEl = el || node;\n\n  useEffect(() => {\n    if (htmlEl) resizeObserver.observe(htmlEl);\n    return () => htmlEl && resizeObserver.unobserve(htmlEl);\n  }, [htmlEl]);\n\n  return [setRef];\n};\n\nexport default useResizeObserver;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,iBAAgB;AAChB,sCAA2B;AAEpB,MAAM,oBAAoB,CAAC,SAAS,OAAO;AAChD,QAAM,CAAC,MAAM,UAAU,2BAAS;AAEhC,QAAM,iBAAiB,IAAI,wCAAe,aAAW;AACnD,QAAI,CAAC,MAAM,QAAQ;AAAU;AAC7B,QAAI,CAAC,QAAQ;AAAQ;AACrB,UAAM,QAAQ,QAAQ;AAGtB,4BAAI,MACF,QACE;AAAA,MACE,OAAO,MAAM,OAAO;AAAA,MACpB,QAAQ,MAAM,OAAO;AAAA,OAEvB,MAAM;AAAA;AAKZ,QAAM,SAAS,MAAM;AAErB,8BAAU,MAAM;AACd,QAAI;AAAQ,qBAAe,QAAQ;AACnC,WAAO,MAAM,UAAU,eAAe,UAAU;AAAA,KAC/C,CAAC;AAEJ,SAAO,CAAC;AAAA;AAGV,IAAO,4BAAQ;",
+  "names": []
+}

package/cjs/hooks/useSetRef.js

@@ -1,15 +1,42 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const useSetRef = initial => {
-  const ref = React.useRef(initial);
-  const setRef = React.useCallback(node => {
+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 useSetRef_exports = {};
+__export(useSetRef_exports, {
+  useSetRef: () => useSetRef
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useSetRef = (initial) => {
+  const ref = (0, import_react.useRef)(initial);
+  const setRef = (0, import_react.useCallback)((node) => {
     ref.current = node;
   }, []);
   return [ref, setRef];
 };
-
-exports.useSetRef = useSetRef;
+module.exports = __toCommonJS(useSetRef_exports);
+//# sourceMappingURL=useSetRef.js.map

package/cjs/hooks/useSetRef.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useSetRef.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useRef } from 'react';\n\nexport const useSetRef = (initial) => {\n  const ref = useRef(initial);\n  const setRef = useCallback((node) => {\n    ref.current = node;\n  }, []);\n  return [ref, setRef];\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAE7B,MAAM,YAAY,CAAC,YAAY;AACpC,QAAM,MAAM,yBAAO;AACnB,QAAM,SAAS,8BAAY,CAAC,SAAS;AACnC,QAAI,UAAU;AAAA,KACb;AACH,SAAO,CAAC,KAAK;AAAA;",
+  "names": []
+}

package/cjs/hooks/useShouldRecalculate.js

@@ -1,17 +1,44 @@
-'use strict';
-
-var React = require('react');
-
-function useShouldRecalculate(bool) {
-  const prevValueRef = React.useRef(0);
-
+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 useShouldRecalculate_exports = {};
+__export(useShouldRecalculate_exports, {
+  default: () => useShouldRecalculate_default,
+  useShouldRecalculate: () => useShouldRecalculate
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useShouldRecalculate = (bool) => {
+  const prevValueRef = (0, import_react.useRef)(0);
   if (!bool) {
-    // If we need to recalculate, change the value we return
     prevValueRef.current += 1;
-  } // else we return the same value as the previous render, which won't trigger a recalculation
-
-
+  }
   return prevValueRef.current;
-}
-
-module.exports = useShouldRecalculate;
+};
+var useShouldRecalculate_default = useShouldRecalculate;
+module.exports = __toCommonJS(useShouldRecalculate_exports);
+//# sourceMappingURL=useShouldRecalculate.js.map

package/cjs/hooks/useShouldRecalculate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useShouldRecalculate.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useRef } from 'react';\n\nexport const useShouldRecalculate = (bool) => {\n  const prevValueRef = useRef(0);\n  if (!bool) {\n    // If we need to recalculate, change the value we return\n    prevValueRef.current += 1;\n  } // else we return the same value as the previous render, which won't trigger a recalculation\n  return prevValueRef.current;\n};\n\nexport default useShouldRecalculate;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuB;AAEhB,MAAM,uBAAuB,CAAC,SAAS;AAC5C,QAAM,eAAe,yBAAO;AAC5B,MAAI,CAAC,MAAM;AAET,iBAAa,WAAW;AAAA;AAE1B,SAAO,aAAa;AAAA;AAGtB,IAAO,+BAAQ;",
+  "names": []
+}

package/cjs/hooks/useWindowScrollerList.js

@@ -1,18 +1,43 @@
-'use strict';
-
-var React = require('react');
-
-function getScrollOffset() {
-  let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    scrollTop: 0,
-    scrollLeft: 0
+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 useWindowScrollerList_exports = {};
+__export(useWindowScrollerList_exports, {
+  default: () => useWindowScrollerList_default,
+  useWindowScrollerList: () => useWindowScrollerList
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+function getScrollOffset(element = { scrollTop: 0, scrollLeft: 0 }) {
   return {
     top: element.scrollTop,
     left: element.scrollLeft
   };
 }
-
 function getPositionOffset(listEl, scrollableEl) {
   const scrollOffset = getScrollOffset(scrollableEl);
   const elementRect = listEl.getBoundingClientRect();
@@ -22,44 +47,37 @@ function getPositionOffset(listEl, scrollableEl) {
     left: elementRect.left + scrollOffset.top - containerRect.left
   };
 }
-
 function isParent(parentNode, childNode) {
   return childNode.parentNode === parentNode || childNode.parentNode && isParent(parentNode, childNode.parentNode);
 }
-
-function useWindowScrollerList(_ref) {
-  let {
-    listInstance,
-    outerListRef
-  } = _ref;
-  const scrollableParent = React.useRef();
-  const listOffset = React.useRef();
-
+const useWindowScrollerList = ({ listInstance, outerListRef }) => {
+  const scrollableParent = (0, import_react.useRef)();
+  const listOffset = (0, import_react.useRef)();
   const getElementOffset = () => {
     listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
   };
-
-  const handleScroll = e => {
+  const handleScroll = (e) => {
     if (!scrollableParent.current) {
       const containerTarget = e.target === document ? document.body : e.target;
       scrollableParent.current = isParent(containerTarget, outerListRef.current) && containerTarget;
     }
-
-    if (!scrollableParent.current) return;
+    if (!scrollableParent.current)
+      return;
     getElementOffset();
     const scrollOffset = getScrollOffset(scrollableParent.current);
     const scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
-    if (listInstance.current) listInstance.current.scrollTo(scrollTop);
+    if (listInstance.current)
+      listInstance.current.scrollTo(scrollTop);
   };
-
-  React.useEffect(() => {
-    window.addEventListener('scroll', handleScroll, true);
-    window.addEventListener('resize', getElementOffset, true);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("scroll", handleScroll, true);
+    window.addEventListener("resize", getElementOffset, true);
     return () => {
-      window.removeEventListener('scroll', handleScroll, true);
-      window.removeEventListener('resize', getElementOffset, true);
+      window.removeEventListener("scroll", handleScroll, true);
+      window.removeEventListener("resize", getElementOffset, true);
     };
   }, []);
-}
-
-module.exports = useWindowScrollerList;
+};
+var useWindowScrollerList_default = useWindowScrollerList;
+module.exports = __toCommonJS(useWindowScrollerList_exports);
+//# sourceMappingURL=useWindowScrollerList.js.map

package/cjs/hooks/useWindowScrollerList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useWindowScrollerList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect, useRef } from 'react';\n\nfunction getScrollOffset(element = { scrollTop: 0, scrollLeft: 0 }) {\n  return {\n    top: element.scrollTop,\n    left: element.scrollLeft,\n  };\n}\n\nfunction getPositionOffset(listEl, scrollableEl) {\n  const scrollOffset = getScrollOffset(scrollableEl);\n  const elementRect = listEl.getBoundingClientRect();\n  const containerRect = scrollableEl.getBoundingClientRect();\n  return {\n    top: elementRect.top + scrollOffset.top - containerRect.top,\n    left: elementRect.left + scrollOffset.top - containerRect.left,\n  };\n}\n\nfunction isParent(parentNode, childNode) {\n  return (\n    childNode.parentNode === parentNode ||\n    (childNode.parentNode && isParent(parentNode, childNode.parentNode))\n  );\n}\n\nexport const useWindowScrollerList = ({ listInstance, outerListRef }) => {\n  const scrollableParent = useRef();\n  const listOffset = useRef();\n\n  const getElementOffset = () => {\n    listOffset.current = getPositionOffset(\n      outerListRef.current,\n      scrollableParent.current,\n    );\n  };\n\n  const handleScroll = e => {\n    if (!scrollableParent.current) {\n      const containerTarget = e.target === document ? document.body : e.target;\n      scrollableParent.current =\n        isParent(containerTarget, outerListRef.current) && containerTarget;\n    }\n\n    if (!scrollableParent.current) return;\n\n    getElementOffset();\n\n    const scrollOffset = getScrollOffset(scrollableParent.current);\n    const scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);\n    if (listInstance.current) listInstance.current.scrollTo(scrollTop);\n  };\n\n  useEffect(() => {\n    window.addEventListener('scroll', handleScroll, true);\n    window.addEventListener('resize', getElementOffset, true);\n    return () => {\n      window.removeEventListener('scroll', handleScroll, true);\n      window.removeEventListener('resize', getElementOffset, true);\n    };\n  }, []);\n};\n\nexport default useWindowScrollerList;", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,yBAAyB,UAAU,EAAE,WAAW,GAAG,YAAY,KAAK;AAClE,SAAO;AAAA,IACL,KAAK,QAAQ;AAAA,IACb,MAAM,QAAQ;AAAA;AAAA;AAIlB,2BAA2B,QAAQ,cAAc;AAC/C,QAAM,eAAe,gBAAgB;AACrC,QAAM,cAAc,OAAO;AAC3B,QAAM,gBAAgB,aAAa;AACnC,SAAO;AAAA,IACL,KAAK,YAAY,MAAM,aAAa,MAAM,cAAc;AAAA,IACxD,MAAM,YAAY,OAAO,aAAa,MAAM,cAAc;AAAA;AAAA;AAI9D,kBAAkB,YAAY,WAAW;AACvC,SACE,UAAU,eAAe,cACxB,UAAU,cAAc,SAAS,YAAY,UAAU;AAAA;AAIrD,MAAM,wBAAwB,CAAC,EAAE,cAAc,mBAAmB;AACvE,QAAM,mBAAmB;AACzB,QAAM,aAAa;AAEnB,QAAM,mBAAmB,MAAM;AAC7B,eAAW,UAAU,kBACnB,aAAa,SACb,iBAAiB;AAAA;AAIrB,QAAM,eAAe,OAAK;AACxB,QAAI,CAAC,iBAAiB,SAAS;AAC7B,YAAM,kBAAkB,EAAE,WAAW,WAAW,SAAS,OAAO,EAAE;AAClE,uBAAiB,UACf,SAAS,iBAAiB,aAAa,YAAY;AAAA;AAGvD,QAAI,CAAC,iBAAiB;AAAS;AAE/B;AAEA,UAAM,eAAe,gBAAgB,iBAAiB;AACtD,UAAM,YAAY,KAAK,IAAI,GAAG,aAAa,MAAM,WAAW,QAAQ;AACpE,QAAI,aAAa;AAAS,mBAAa,QAAQ,SAAS;AAAA;AAG1D,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,cAAc;AAChD,WAAO,iBAAiB,UAAU,kBAAkB;AACpD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,cAAc;AACnD,aAAO,oBAAoB,UAAU,kBAAkB;AAAA;AAAA,KAExD;AAAA;AAGL,IAAO,gCAAQ;",
+  "names": []
+}

package/cjs/hooks/useWindowSize.js

@@ -1,27 +1,57 @@
-'use strict';
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-
-function useWindowSize() {
-  const [size, setSize] = React.useState([0, 0]);
-  React.useLayoutEffect(() => {
-    if (!window) return false;
-
+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 useWindowSize_exports = {};
+__export(useWindowSize_exports, {
+  default: () => useWindowSize_default,
+  useWindowSize: () => useWindowSize
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useWindowSize = () => {
+  const [size, setSize] = (0, import_react.useState)([0, 0]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (!window)
+      return false;
     function updateSize() {
       setSize([window.innerWidth, window.innerHeight]);
     }
-
-    window.addEventListener('resize', updateSize);
-    window.addEventListener('orientationchange', updateSize);
+    window.addEventListener("resize", updateSize);
+    window.addEventListener("orientationchange", updateSize);
     updateSize();
     return () => {
-      window.removeEventListener('resize', updateSize);
-      window.removeEventListener('orientationchange', updateSize);
+      window.removeEventListener("resize", updateSize);
+      window.removeEventListener("orientationchange", updateSize);
     };
   }, []);
-  if (!window) return false;
+  if (!window)
+    return false;
   return size;
-}
-
-module.exports = useWindowSize;
+};
+var useWindowSize_default = useWindowSize;
+module.exports = __toCommonJS(useWindowSize_exports);
+//# sourceMappingURL=useWindowSize.js.map

package/cjs/hooks/useWindowSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useWindowSize.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useLayoutEffect, useState } from 'react';\n\nexport const useWindowSize = () => {\n  const [size, setSize] = useState([0, 0]);\n  useLayoutEffect(() => {\n    if (!window) return false;\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight]);\n    }\n    window.addEventListener('resize', updateSize);\n    window.addEventListener('orientationchange', updateSize);\n    updateSize();\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      window.removeEventListener('orientationchange', updateSize);\n    };\n  }, []);\n  if (!window) return false;\n  return size;\n};\n\nexport default useWindowSize;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0C;AAEnC,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,MAAM,WAAW,2BAAS,CAAC,GAAG;AACrC,oCAAgB,MAAM;AACpB,QAAI,CAAC;AAAQ,aAAO;AACpB,0BAAsB;AACpB,cAAQ,CAAC,OAAO,YAAY,OAAO;AAAA;AAErC,WAAO,iBAAiB,UAAU;AAClC,WAAO,iBAAiB,qBAAqB;AAC7C;AACA,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU;AACrC,aAAO,oBAAoB,qBAAqB;AAAA;AAAA,KAEjD;AACH,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AAAA;AAGT,IAAO,wBAAQ;",
+  "names": []
+}