@elliemae/ds-utilities 2.3.1 → 3.0.0-alpha.3

package/dist/esm/hooks/useExpandState.js

@@ -0,0 +1,110 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { useMemo } from "react";
+import { isFunction } from "../utils";
+import { useDerivedStateFromProps } from "./useDerivedStateFromProps";
+const toggleStateInObject = (obj, key, value) => {
+  const nextObj = __spreadValues({}, 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] = useDerivedStateFromProps(expandedProp);
+  const isExpandedAll = useMemo(() => Object.keys(expanded).length === items.length, [expanded, items]);
+  const toggleExpandAll = (stateData = true) => {
+    setExpanded(() => {
+      const nextState = {};
+      if (!isExpandedAll) {
+        items.forEach((item) => {
+          nextState[item[itemKey]] = stateData;
+        });
+      }
+      onExpandChange(nextState);
+      onExpandAll(nextState);
+      return nextState;
+    });
+  };
+  const expand = (item, stateData = true) => {
+    if (!item)
+      return;
+    if (isFunction(onExpand)) {
+      onExpand(item);
+    }
+    setExpanded((prevState) => {
+      const key = item[itemKey];
+      const nextState = __spreadProps(__spreadValues({}, prevState), { [key]: stateData });
+      onExpandChange(nextState, item);
+      return nextState;
+    });
+  };
+  const toggleExpand = (item, stateData = true) => {
+    if (isFunction(onToggleExpand)) {
+      onToggleExpand(item);
+    }
+    setExpanded((prevState) => {
+      const key = item[itemKey];
+      const nextState = toggleStateInObject(prevState, key, stateData);
+      onExpandChange(nextState, item);
+      return nextState;
+    });
+  };
+  const collapse = (item) => {
+    if (isFunction(onCollapse)) {
+      onCollapse(item);
+    }
+    setExpanded((prevState) => {
+      const nextState = __spreadValues({}, prevState);
+      delete nextState[item[itemKey]];
+      onExpandChange(nextState, item);
+      return nextState;
+    });
+  };
+  return {
+    state: { expanded, isExpandedAll },
+    actions: {
+      expand,
+      toggleExpandAll,
+      toggleExpand,
+      collapse
+    },
+    setExpanded
+  };
+};
+var useExpandState_default = useExpandState;
+export {
+  useExpandState_default as default,
+  useExpandState
+};
+//# sourceMappingURL=useExpandState.js.map

package/dist/esm/hooks/useExpandState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useExpandState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport { isFunction } from '../utils';\nimport { useDerivedStateFromProps } from './useDerivedStateFromProps';\n\nconst toggleStateInObject = (obj, key, value) => {\n  const nextObj = { ...obj };\n  if (nextObj[key]) {\n    delete nextObj[key];\n  } else {\n    nextObj[key] = value;\n  }\n  return nextObj;\n};\n\nconst noop = () => null;\n\nexport const useExpandState = ({\n  items = [],\n  itemKey = 'id',\n  expanded: expandedProp = {},\n  onExpand,\n  onExpandChange = noop,\n  onExpandAll = noop,\n  onToggleExpand,\n  onCollapse,\n}) => {\n  const [expanded, setExpanded] = useDerivedStateFromProps(expandedProp);\n\n  const isExpandedAll = useMemo(\n    () => Object.keys(expanded).length === items.length,\n    [expanded, items],\n  );\n\n  const toggleExpandAll = (stateData = true) => {\n    setExpanded(() => {\n      const nextState = {};\n      if (!isExpandedAll) {\n        items.forEach(item => {\n          nextState[item[itemKey]] = stateData;\n        });\n      }\n      onExpandChange(nextState);\n      onExpandAll(nextState);\n      return nextState;\n    });\n  };\n\n  const expand = (item, stateData = true) => {\n    if (!item) return;\n    if (isFunction(onExpand)) {\n      onExpand(item);\n    }\n    setExpanded(prevState => {\n      const key = item[itemKey];\n      const nextState = { ...prevState, [key]: stateData };\n      onExpandChange(nextState, item);\n      return nextState;\n    });\n  };\n\n  const toggleExpand = (item, stateData = true) => {\n    if (isFunction(onToggleExpand)) {\n      onToggleExpand(item);\n    }\n    setExpanded(prevState => {\n      const key = item[itemKey];\n      const nextState = toggleStateInObject(prevState, key, stateData);\n      onExpandChange(nextState, item);\n      return nextState;\n    });\n  };\n\n  const collapse = item => {\n    if (isFunction(onCollapse)) {\n      onCollapse(item);\n    }\n    setExpanded(prevState => {\n      const nextState = { ...prevState };\n      delete nextState[item[itemKey]];\n      onExpandChange(nextState, item);\n      return nextState;\n    });\n  };\n\n  return {\n    state: { expanded, isExpandedAll },\n    actions: {\n      expand,\n      toggleExpandAll,\n      toggleExpand,\n      collapse,\n    },\n    setExpanded,\n  };\n};\n\nexport default useExpandState;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC,KAAK,KAAK,UAAU;AAC/C,QAAM,UAAU,mBAAK;AACrB,MAAI,QAAQ,MAAM;AAChB,WAAO,QAAQ;AAAA,SACV;AACL,YAAQ,OAAO;AAAA;AAEjB,SAAO;AAAA;AAGT,MAAM,OAAO,MAAM;AAEZ,MAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU,eAAe;AAAA,EACzB;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,UAAU,eAAe,yBAAyB;AAEzD,QAAM,gBAAgB,QACpB,MAAM,OAAO,KAAK,UAAU,WAAW,MAAM,QAC7C,CAAC,UAAU;AAGb,QAAM,kBAAkB,CAAC,YAAY,SAAS;AAC5C,gBAAY,MAAM;AAChB,YAAM,YAAY;AAClB,UAAI,CAAC,eAAe;AAClB,cAAM,QAAQ,UAAQ;AACpB,oBAAU,KAAK,YAAY;AAAA;AAAA;AAG/B,qBAAe;AACf,kBAAY;AACZ,aAAO;AAAA;AAAA;AAIX,QAAM,SAAS,CAAC,MAAM,YAAY,SAAS;AACzC,QAAI,CAAC;AAAM;AACX,QAAI,WAAW,WAAW;AACxB,eAAS;AAAA;AAEX,gBAAY,eAAa;AACvB,YAAM,MAAM,KAAK;AACjB,YAAM,YAAY,iCAAK,YAAL,GAAiB,MAAM;AACzC,qBAAe,WAAW;AAC1B,aAAO;AAAA;AAAA;AAIX,QAAM,eAAe,CAAC,MAAM,YAAY,SAAS;AAC/C,QAAI,WAAW,iBAAiB;AAC9B,qBAAe;AAAA;AAEjB,gBAAY,eAAa;AACvB,YAAM,MAAM,KAAK;AACjB,YAAM,YAAY,oBAAoB,WAAW,KAAK;AACtD,qBAAe,WAAW;AAC1B,aAAO;AAAA;AAAA;AAIX,QAAM,WAAW,UAAQ;AACvB,QAAI,WAAW,aAAa;AAC1B,iBAAW;AAAA;AAEb,gBAAY,eAAa;AACvB,YAAM,YAAY,mBAAK;AACvB,aAAO,UAAU,KAAK;AACtB,qBAAe,WAAW;AAC1B,aAAO;AAAA;AAAA;AAIX,SAAO;AAAA,IACL,OAAO,EAAE,UAAU;AAAA,IACnB,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA;AAAA;AAIJ,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/hooks/useFocusTrap.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { useCallback } from "react";
+const useFocusTrap = ({ firstElementRef, lastElementRef, onKeyDown }) => useCallback((e) => {
+  if (onKeyDown)
+    onKeyDown(e);
+  if (e.key === "Tab" && !e.shiftKey && e.target === lastElementRef.current && firstElementRef.current) {
+    e.preventDefault();
+    e.stopPropagation();
+    firstElementRef.current.focus();
+  }
+  if (e.key === "Tab" && e.shiftKey && e.target === firstElementRef.current && lastElementRef.current) {
+    e.preventDefault();
+    e.stopPropagation();
+    lastElementRef.current.focus();
+  }
+}, [firstElementRef, lastElementRef, onKeyDown]);
+export {
+  useFocusTrap
+};
+//# sourceMappingURL=useFocusTrap.js.map

package/dist/esm/hooks/useFocusTrap.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useFocusTrap.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\n\ntype UseFocusTrapT = <T extends HTMLElement = HTMLElement, K extends HTMLElement = HTMLElement>({\n  firstElementRef,\n  lastElementRef,\n  onKeyDown,\n}: {\n  firstElementRef: React.MutableRefObject<T | null>;\n  lastElementRef: React.MutableRefObject<K | null>;\n  onKeyDown?: (e: KeyboardEvent) => void;\n}) => (e: KeyboardEvent) => void;\n\nexport const useFocusTrap: UseFocusTrapT = ({ firstElementRef, lastElementRef, onKeyDown }) =>\n  useCallback(\n    (e: KeyboardEvent) => {\n      if (onKeyDown) onKeyDown(e);\n      // we need to check all the condition before preventing default\n      // because we want last-element/first-element tab/shift-tab to keep working\n\n      if (e.key === 'Tab' && !e.shiftKey && e.target === lastElementRef.current && firstElementRef.current) {\n        e.preventDefault();\n        e.stopPropagation();\n        firstElementRef.current.focus();\n      }\n      if (e.key === 'Tab' && e.shiftKey && e.target === firstElementRef.current && lastElementRef.current) {\n        e.preventDefault();\n        e.stopPropagation();\n        lastElementRef.current.focus();\n      }\n    },\n    [firstElementRef, lastElementRef, onKeyDown],\n  );\n"],
+  "mappings": "AAAA;ACAA;AAYO,MAAM,eAA8B,CAAC,EAAE,iBAAiB,gBAAgB,gBAC7E,YACE,CAAC,MAAqB;AACpB,MAAI;AAAW,cAAU;AAIzB,MAAI,EAAE,QAAQ,SAAS,CAAC,EAAE,YAAY,EAAE,WAAW,eAAe,WAAW,gBAAgB,SAAS;AACpG,MAAE;AACF,MAAE;AACF,oBAAgB,QAAQ;AAAA;AAE1B,MAAI,EAAE,QAAQ,SAAS,EAAE,YAAY,EAAE,WAAW,gBAAgB,WAAW,eAAe,SAAS;AACnG,MAAE;AACF,MAAE;AACF,mBAAe,QAAQ;AAAA;AAAA,GAG3B,CAAC,iBAAiB,gBAAgB;",
+  "names": []
+}

package/dist/esm/hooks/useHotkeys.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import hotkeys from "hotkeys-js";
+import { useCallback, useEffect } from "react";
+const useHotkeys = ({ keys, handler, options = {} }, deps = []) => {
+  const memoizedCallback = useCallback(handler, deps);
+  useEffect(() => {
+    hotkeys(keys, options, memoizedCallback);
+    return () => hotkeys.unbind(keys);
+  }, [memoizedCallback]);
+};
+var useHotkeys_default = useHotkeys;
+export {
+  useHotkeys_default as default,
+  useHotkeys
+};
+//# sourceMappingURL=useHotkeys.js.map

package/dist/esm/hooks/useHotkeys.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useHotkeys.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import hotkeys from 'hotkeys-js';\nimport { useCallback, useEffect } from 'react';\n\nexport const useHotkeys = ({ keys, handler, options = {} }, deps = []) => {\n  const memoizedCallback = useCallback(handler, deps);\n\n  useEffect(() => {\n    hotkeys(keys, options, memoizedCallback);\n\n    return () => hotkeys.unbind(keys);\n  }, [memoizedCallback]);\n};\n\nexport default useHotkeys;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,MAAM,SAAS,UAAU,MAAM,OAAO,OAAO;AACxE,QAAM,mBAAmB,YAAY,SAAS;AAE9C,YAAU,MAAM;AACd,YAAQ,MAAM,SAAS;AAEvB,WAAO,MAAM,QAAQ,OAAO;AAAA,KAC3B,CAAC;AAAA;AAGN,IAAO,qBAAQ;",
+  "names": []
+}

package/{esm → dist/esm}/hooks/useHoverHandlersDelay.js

@@ -1,12 +1,11 @@
-import { useRef, useCallback } from 'react';
-
-function useHoverHandlersDelay(_ref) {
-  let {
-    onMouseOver,
-    onMouseLeave,
-    hideDelay = 300,
-    showDelay = 300
-  } = _ref;
+import * as React from "react";
+import { useCallback, useRef } from "react";
+const useHoverHandlersDelay = ({
+  onMouseOver,
+  onMouseLeave,
+  hideDelay = 300,
+  showDelay = 300
+}) => {
   const hideTimer = useRef();
   const showTimer = useRef();
   const delayedHide = useCallback(() => {
@@ -21,6 +20,10 @@ function useHoverHandlersDelay(_ref) {
     onMouseOver: delayedShow,
     onMouseLeave: delayedHide
   };
-}
-
-export { useHoverHandlersDelay as default };
+};
+var useHoverHandlersDelay_default = useHoverHandlersDelay;
+export {
+  useHoverHandlersDelay_default as default,
+  useHoverHandlersDelay
+};
+//# sourceMappingURL=useHoverHandlersDelay.js.map

package/dist/esm/hooks/useHoverHandlersDelay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useHoverHandlersDelay.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useRef } from 'react';\n\nexport const useHoverHandlersDelay = ({\n  onMouseOver,\n  onMouseLeave,\n  hideDelay = 300,\n  showDelay = 300,\n}) => {\n  const hideTimer = useRef();\n  const showTimer = useRef();\n\n  const delayedHide = useCallback(() => {\n    clearTimeout(showTimer.current);\n    hideTimer.current = setTimeout(onMouseLeave, hideDelay);\n  }, []);\n\n  const delayedShow = useCallback(() => {\n    clearTimeout(hideTimer.current);\n    showTimer.current = setTimeout(onMouseOver, showDelay);\n  }, []);\n\n  return {\n    onMouseOver: delayedShow,\n    onMouseLeave: delayedHide,\n  };\n};\n\nexport default useHoverHandlersDelay;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,MACR;AACJ,QAAM,YAAY;AAClB,QAAM,YAAY;AAElB,QAAM,cAAc,YAAY,MAAM;AACpC,iBAAa,UAAU;AACvB,cAAU,UAAU,WAAW,cAAc;AAAA,KAC5C;AAEH,QAAM,cAAc,YAAY,MAAM;AACpC,iBAAa,UAAU;AACvB,cAAU,UAAU,WAAW,aAAa;AAAA,KAC3C;AAEH,SAAO;AAAA,IACL,aAAa;AAAA,IACb,cAAc;AAAA;AAAA;AAIlB,IAAO,gCAAQ;",
+  "names": []
+}

package/{esm → dist/esm}/hooks/useIsShowingEllipsis.js

@@ -1,14 +1,13 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useMemo, useEffect } from 'react';
-
+import * as React from "react";
+import { useEffect, useState, useMemo } from "react";
 const useIsShowingEllipsis = () => {
   const [element, setElement] = useState();
   const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
-  const resizeObserver = useMemo(() => new ResizeObserver(entries => {
+  const resizeObserver = useMemo(() => new ResizeObserver((entries) => {
     if (entries.length) {
       const [textWrapperEntry] = entries;
       const el = textWrapperEntry.target;
-      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
+      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
     }
   }), []);
   useEffect(() => {
@@ -16,17 +15,15 @@ const useIsShowingEllipsis = () => {
       setIsShowingEllipsis(element.scrollWidth > element.clientWidth);
       resizeObserver.observe(element);
     }
-
     return () => {
       if (element) {
         resizeObserver.unobserve(element);
       }
     };
   }, [resizeObserver, element]);
-  return {
-    setElement,
-    isShowingEllipsis
-  };
+  return { setElement, isShowingEllipsis };
 };
-
-export { useIsShowingEllipsis };
+export {
+  useIsShowingEllipsis
+};
+//# sourceMappingURL=useIsShowingEllipsis.js.map

package/dist/esm/hooks/useIsShowingEllipsis.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useIsShowingEllipsis.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState, useMemo } from 'react';\n\nexport const useIsShowingEllipsis = <T extends HTMLElement = HTMLSpanElement>() => {\n  const [element, setElement] = useState<T>();\n\n  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);\n\n  const resizeObserver = useMemo(\n    () =>\n      new ResizeObserver((entries) => {\n        if (entries.length) {\n          const [textWrapperEntry] = entries;\n          const el = textWrapperEntry.target;\n          setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);\n        }\n      }),\n    [],\n  );\n\n  useEffect(() => {\n    if (element) {\n      setIsShowingEllipsis(element.scrollWidth > element.clientWidth);\n      resizeObserver.observe(element);\n    }\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n      }\n    };\n  }, [resizeObserver, element]);\n\n  return { setElement, isShowingEllipsis };\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,uBAAuB,MAA+C;AACjF,QAAM,CAAC,SAAS,cAAc;AAE9B,QAAM,CAAC,mBAAmB,wBAAwB,SAAS;AAE3D,QAAM,iBAAiB,QACrB,MACE,IAAI,eAAe,CAAC,YAAY;AAC9B,QAAI,QAAQ,QAAQ;AAClB,YAAM,CAAC,oBAAoB;AAC3B,YAAM,KAAK,iBAAiB;AAC5B,2BAAqB,IAAI,cAAc,IAAI;AAAA;AAAA,MAGjD;AAGF,YAAU,MAAM;AACd,QAAI,SAAS;AACX,2BAAqB,QAAQ,cAAc,QAAQ;AACnD,qBAAe,QAAQ;AAAA;AAEzB,WAAO,MAAM;AACX,UAAI,SAAS;AACX,uBAAe,UAAU;AAAA;AAAA;AAAA,KAG5B,CAAC,gBAAgB;AAEpB,SAAO,EAAE,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/hooks/useOnElementResize.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { useState, useEffect, useRef, useMemo } from "react";
+const useOnElementResize = (targetRef) => {
+  const [width, setWidth] = useState(targetRef.current?.offsetWidth ?? 0);
+  const [height, setHeight] = useState(targetRef.current?.offsetHeight ?? 0);
+  const observer = useRef();
+  useEffect(() => {
+    function outputsize() {
+      setWidth(targetRef.current?.offsetWidth ?? 0);
+      setHeight(targetRef.current?.offsetHeight ?? 0);
+    }
+    observer.current = new ResizeObserver(outputsize);
+    observer.current.observe(targetRef.current);
+    return () => {
+      observer.current?.disconnect();
+    };
+  }, [targetRef]);
+  return useMemo(() => ({
+    width,
+    height
+  }), [width, height]);
+};
+export {
+  useOnElementResize
+};
+//# sourceMappingURL=useOnElementResize.js.map

package/dist/esm/hooks/useOnElementResize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useOnElementResize.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect, useRef, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nexport const useOnElementResize = <T extends HTMLElement>(\n  targetRef: React.RefObject<T>,\n): Record<'width' | 'height', number> => {\n  const [width, setWidth] = useState(targetRef.current?.offsetWidth ?? 0);\n  const [height, setHeight] = useState(targetRef.current?.offsetHeight ?? 0);\n  const observer = useRef<ResizeObserver>();\n\n  useEffect(() => {\n    function outputsize() {\n      setWidth(targetRef.current?.offsetWidth ?? 0);\n      setHeight(targetRef.current?.offsetHeight ?? 0);\n    }\n\n    observer.current = new ResizeObserver(outputsize);\n    observer.current.observe(targetRef.current as Element);\n\n    return () => {\n      observer.current?.disconnect();\n    };\n  }, [targetRef]);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AAIO,MAAM,qBAAqB,CAChC,cACuC;AACvC,QAAM,CAAC,OAAO,YAAY,SAAS,UAAU,SAAS,eAAe;AACrE,QAAM,CAAC,QAAQ,aAAa,SAAS,UAAU,SAAS,gBAAgB;AACxE,QAAM,WAAW;AAEjB,YAAU,MAAM;AACd,0BAAsB;AACpB,eAAS,UAAU,SAAS,eAAe;AAC3C,gBAAU,UAAU,SAAS,gBAAgB;AAAA;AAG/C,aAAS,UAAU,IAAI,eAAe;AACtC,aAAS,QAAQ,QAAQ,UAAU;AAEnC,WAAO,MAAM;AACX,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC;AAEJ,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF,CAAC,OAAO;AAAA;",
+  "names": []
+}

package/dist/esm/hooks/useParentElement.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { useEffect, useState } from "react";
+const useParentElement = (ref) => {
+  const [parent, setParent] = useState(ref.current);
+  useEffect(() => {
+    if (ref.current)
+      setParent(ref.current.parentNode);
+  });
+  return parent;
+};
+export {
+  useParentElement
+};
+//# sourceMappingURL=useParentElement.js.map

package/dist/esm/hooks/useParentElement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useParentElement.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,mBAAmB,CAAC,QAAQ;AACvC,QAAM,CAAC,QAAQ,aAAa,SAAS,IAAI;AAEzC,YAAU,MAAM;AACd,QAAI,IAAI;AAAS,gBAAU,IAAI,QAAQ;AAAA;AAEzC,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/hooks/usePrevious.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { useEffect, useRef } from "react";
+const usePrevious = (value) => {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+var usePrevious_default = usePrevious;
+export {
+  usePrevious_default as default,
+  usePrevious
+};
+//# sourceMappingURL=usePrevious.js.map

package/dist/esm/hooks/usePrevious.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/usePrevious.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc,CAAC,UAAU;AACpC,QAAM,MAAM;AAEZ,YAAU,MAAM;AACd,QAAI,UAAU;AAAA,KACb,CAAC;AAEJ,SAAO,IAAI;AAAA;AAGb,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/hooks/useResizeObserver.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { useEffect, useState } from "react";
+import raf from "raf";
+import ResizeObserver from "resize-observer-polyfill";
+const useResizeObserver = (handler, el) => {
+  const [node, setRef] = useState(el);
+  const resizeObserver = new ResizeObserver((entries) => {
+    if (!Array.isArray(entries))
+      return;
+    if (!entries.length)
+      return;
+    const entry = entries[0];
+    raf(() => handler({
+      width: entry.target.offsetWidth,
+      height: entry.target.offsetHeight
+    }, entry.target));
+  });
+  const htmlEl = el || node;
+  useEffect(() => {
+    if (htmlEl)
+      resizeObserver.observe(htmlEl);
+    return () => htmlEl && resizeObserver.unobserve(htmlEl);
+  }, [htmlEl]);
+  return [setRef];
+};
+var useResizeObserver_default = useResizeObserver;
+export {
+  useResizeObserver_default as default,
+  useResizeObserver
+};
+//# sourceMappingURL=useResizeObserver.js.map

package/dist/esm/hooks/useResizeObserver.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useResizeObserver.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,oBAAoB,CAAC,SAAS,OAAO;AAChD,QAAM,CAAC,MAAM,UAAU,SAAS;AAEhC,QAAM,iBAAiB,IAAI,eAAe,aAAW;AACnD,QAAI,CAAC,MAAM,QAAQ;AAAU;AAC7B,QAAI,CAAC,QAAQ;AAAQ;AACrB,UAAM,QAAQ,QAAQ;AAGtB,QAAI,MACF,QACE;AAAA,MACE,OAAO,MAAM,OAAO;AAAA,MACpB,QAAQ,MAAM,OAAO;AAAA,OAEvB,MAAM;AAAA;AAKZ,QAAM,SAAS,MAAM;AAErB,YAAU,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/dist/esm/hooks/useSetRef.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { useCallback, useRef } from "react";
+const useSetRef = (initial) => {
+  const ref = useRef(initial);
+  const setRef = useCallback((node) => {
+    ref.current = node;
+  }, []);
+  return [ref, setRef];
+};
+export {
+  useSetRef
+};
+//# sourceMappingURL=useSetRef.js.map

package/dist/esm/hooks/useSetRef.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useSetRef.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY,CAAC,YAAY;AACpC,QAAM,MAAM,OAAO;AACnB,QAAM,SAAS,YAAY,CAAC,SAAS;AACnC,QAAI,UAAU;AAAA,KACb;AACH,SAAO,CAAC,KAAK;AAAA;",
+  "names": []
+}

package/dist/esm/hooks/useShouldRecalculate.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { useRef } from "react";
+const useShouldRecalculate = (bool) => {
+  const prevValueRef = useRef(0);
+  if (!bool) {
+    prevValueRef.current += 1;
+  }
+  return prevValueRef.current;
+};
+var useShouldRecalculate_default = useShouldRecalculate;
+export {
+  useShouldRecalculate_default as default,
+  useShouldRecalculate
+};
+//# sourceMappingURL=useShouldRecalculate.js.map

package/dist/esm/hooks/useShouldRecalculate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useShouldRecalculate.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,uBAAuB,CAAC,SAAS;AAC5C,QAAM,eAAe,OAAO;AAC5B,MAAI,CAAC,MAAM;AAET,iBAAa,WAAW;AAAA;AAE1B,SAAO,aAAa;AAAA;AAGtB,IAAO,+BAAQ;",
+  "names": []
+}

package/{esm → dist/esm}/hooks/useWindowScrollerList.js

@@ -1,16 +1,11 @@
-import { useRef, useEffect } from 'react';
-
-function getScrollOffset() {
-  let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    scrollTop: 0,
-    scrollLeft: 0
-  };
+import * as React from "react";
+import { useEffect, useRef } from "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();
@@ -20,44 +15,40 @@ 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 useWindowScrollerList = ({ listInstance, outerListRef }) => {
   const scrollableParent = useRef();
   const listOffset = 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);
   };
-
   useEffect(() => {
-    window.addEventListener('scroll', handleScroll, true);
-    window.addEventListener('resize', getElementOffset, true);
+    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);
     };
   }, []);
-}
-
-export { useWindowScrollerList as default };
+};
+var useWindowScrollerList_default = useWindowScrollerList;
+export {
+  useWindowScrollerList_default as default,
+  useWindowScrollerList
+};
+//# sourceMappingURL=useWindowScrollerList.js.map

package/dist/esm/hooks/useWindowScrollerList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useWindowScrollerList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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;"],
+  "mappings": "AAAA;ACAA;AAEA,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,YAAU,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/dist/esm/hooks/useWindowSize.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { useLayoutEffect, useState } from "react";
+const useWindowSize = () => {
+  const [size, setSize] = useState([0, 0]);
+  useLayoutEffect(() => {
+    if (!window)
+      return false;
+    function updateSize() {
+      setSize([window.innerWidth, window.innerHeight]);
+    }
+    window.addEventListener("resize", updateSize);
+    window.addEventListener("orientationchange", updateSize);
+    updateSize();
+    return () => {
+      window.removeEventListener("resize", updateSize);
+      window.removeEventListener("orientationchange", updateSize);
+    };
+  }, []);
+  if (!window)
+    return false;
+  return size;
+};
+var useWindowSize_default = useWindowSize;
+export {
+  useWindowSize_default as default,
+  useWindowSize
+};
+//# sourceMappingURL=useWindowSize.js.map

package/dist/esm/hooks/useWindowSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useWindowSize.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,MAAM,WAAW,SAAS,CAAC,GAAG;AACrC,kBAAgB,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": []
+}