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

package/esm/hooks/index.js

@@ -1,18 +1,42 @@
-export { default as useMeasure } from 'use-measure';
-export { default as useExecutionTimer } from './useExecutionTimer.js';
-export { default as useExpandState } from './useExpandState.js';
-export { default as useHotkeys } from './useHotkeys.js';
-export { default as useHoverHandlersDelay } from './useHoverHandlersDelay.js';
-export { default as useResizeObserver } from './useResizeObserver.js';
-export { default as useShouldRecalculate } from './useShouldRecalculate.js';
-export { default as useWindowScrollerList } from './useWindowScrollerList.js';
-export { default as useWindowSize } from './useWindowSize.js';
-export { default as useForceUpdate } from 'use-force-update';
-export { default as useOnClickOutside } from 'use-onclickoutside';
-export { useUncontrolled } from 'uncontrollable';
-export { default as usePrevious } from './usePrevious.js';
-export { default as useCancellableDelayedCallback } from './useCancellableDelayedCallback.js';
-export { default as useDerivedStateFromProps } from './useDerivedStateFromProps.js';
-export { useSetRef } from './useSetRef.js';
-export { useParentElement } from './useParentElement.js';
-export { useOnElementResize } from './useOnElementResize.js';
+import * as React from "react";
+import { default as default2 } from "use-measure";
+import { default as default3 } from "use-force-update";
+import { default as default4 } from "use-onclickoutside";
+import { useUncontrolled } from "uncontrollable";
+import { useExecutionTimer } from "./useExecutionTimer";
+import { useExpandState } from "./useExpandState";
+import { useHotkeys } from "./useHotkeys";
+import { useHoverHandlersDelay } from "./useHoverHandlersDelay";
+import { useResizeObserver } from "./useResizeObserver";
+import { useShouldRecalculate } from "./useShouldRecalculate";
+import { useWindowScrollerList } from "./useWindowScrollerList";
+import { useWindowSize } from "./useWindowSize";
+import { usePrevious } from "./usePrevious";
+import { useCancellableDelayedCallback } from "./useCancellableDelayedCallback";
+import { useDerivedStateFromProps } from "./useDerivedStateFromProps";
+import { useSetRef } from "./useSetRef";
+import { useParentElement } from "./useParentElement";
+import { useOnElementResize } from "./useOnElementResize";
+import { useIsShowingEllipsis } from "./useIsShowingEllipsis";
+export {
+  useCancellableDelayedCallback,
+  useDerivedStateFromProps,
+  useExecutionTimer,
+  useExpandState,
+  default3 as useForceUpdate,
+  useHotkeys,
+  useHoverHandlersDelay,
+  useIsShowingEllipsis,
+  default2 as useMeasure,
+  default4 as useOnClickOutside,
+  useOnElementResize,
+  useParentElement,
+  usePrevious,
+  useResizeObserver,
+  useSetRef,
+  useShouldRecalculate,
+  useUncontrolled,
+  useWindowScrollerList,
+  useWindowSize
+};
+//# sourceMappingURL=index.js.map

package/esm/hooks/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as useMeasure } from 'use-measure';\nexport { default as useForceUpdate } from 'use-force-update';\nexport { default as useOnClickOutside } from 'use-onclickoutside';\nexport { useUncontrolled } from 'uncontrollable';\nexport { useExecutionTimer } from './useExecutionTimer';\nexport { useExpandState } from './useExpandState';\nexport { useHotkeys } from './useHotkeys';\nexport { useHoverHandlersDelay } from './useHoverHandlersDelay';\nexport { useResizeObserver } from './useResizeObserver';\nexport { useShouldRecalculate } from './useShouldRecalculate';\nexport { useWindowScrollerList } from './useWindowScrollerList';\nexport { useWindowSize } from './useWindowSize';\nexport { usePrevious } from './usePrevious';\nexport { useCancellableDelayedCallback } from './useCancellableDelayedCallback';\nexport { useDerivedStateFromProps } from './useDerivedStateFromProps';\nexport { useSetRef } from './useSetRef';\nexport { useParentElement } from './useParentElement';\nexport { useOnElementResize } from './useOnElementResize';\nexport { useIsShowingEllipsis } from './useIsShowingEllipsis';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/esm/hooks/useCancellableDelayedCallback.js

@@ -1,24 +1,22 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useCallback } from 'react';
-
-function useCancellableDelayedCallback(cb, delay) {
+import * as React from "react";
+import { useCallback, useRef } from "react";
+const useCancellableDelayedCallback = (cb, delay) => {
   const timeoutRef = useRef();
   const cancel = useCallback(() => {
     const timeoutId = timeoutRef.current;
-
     if (timeoutId) {
-      timeoutRef.current = undefined;
+      timeoutRef.current = void 0;
       clearTimeout(timeoutId);
     }
   }, [timeoutRef]);
-  const delayedCb = useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
+  const delayedCb = useCallback((...args) => {
     timeoutRef.current = setTimeout(() => cb(...args), delay);
   }, [cb, delay]);
   return [delayedCb, cancel];
-}
-
-export { useCancellableDelayedCallback as default };
+};
+var useCancellableDelayedCallback_default = useCancellableDelayedCallback;
+export {
+  useCancellableDelayedCallback_default as default,
+  useCancellableDelayedCallback
+};
+//# sourceMappingURL=useCancellableDelayedCallback.js.map

package/esm/hooks/useCancellableDelayedCallback.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useCancellableDelayedCallback.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useRef } from 'react';\n\nexport const useCancellableDelayedCallback = (cb, delay) => {\n  const timeoutRef = useRef();\n  const cancel = useCallback(() => {\n    const timeoutId = timeoutRef.current;\n    if (timeoutId) {\n      timeoutRef.current = undefined;\n      clearTimeout(timeoutId);\n    }\n  }, [timeoutRef]);\n  const delayedCb = useCallback(\n    (...args) => {\n      timeoutRef.current = setTimeout(() => cb(...args), delay);\n    },\n    [cb, delay],\n  );\n\n  return [delayedCb, cancel];\n};\n\nexport default useCancellableDelayedCallback;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,gCAAgC,CAAC,IAAI,UAAU;AAC1D,QAAM,aAAa;AACnB,QAAM,SAAS,YAAY,MAAM;AAC/B,UAAM,YAAY,WAAW;AAC7B,QAAI,WAAW;AACb,iBAAW,UAAU;AACrB,mBAAa;AAAA;AAAA,KAEd,CAAC;AACJ,QAAM,YAAY,YAChB,IAAI,SAAS;AACX,eAAW,UAAU,WAAW,MAAM,GAAG,GAAG,OAAO;AAAA,KAErD,CAAC,IAAI;AAGP,SAAO,CAAC,WAAW;AAAA;AAGrB,IAAO,wCAAQ;",
+  "names": []
+}

package/esm/hooks/useDerivedStateFromProps.js

@@ -1,34 +1,16 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef } from 'react';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { isFunction, isEqual } from 'lodash';
-
-const defaultPropUpdateOnChange = prop => prop;
-
-function defaultShouldUpdate(_ref) {
-  let {
-    prop,
-    prevProp,
-    stateValue
-  } = _ref;
+import * as React from "react";
+import { useRef, useState } from "react";
+import { isEqual, isFunction } from "../utils";
+const defaultPropUpdateOnChange = (prop) => prop;
+function defaultShouldUpdate({ prop, prevProp, stateValue }) {
   return !isEqual(prop, prevProp) && !isEqual(prop, stateValue);
 }
-
 function setStateWithUpdate(onUpdate, setState) {
-  return state => {
-    setState(prevState => onUpdate(isFunction(state) ? state(prevState) : state, prevState));
+  return (state) => {
+    setState((prevState) => onUpdate(isFunction(state) ? state(prevState) : state, prevState));
   };
 }
-
-function useDerivedStateFromProp(prop) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+const useDerivedStateFromProps = (prop, options = {}) => {
   const {
     onUpdate = defaultPropUpdateOnChange,
     shouldUpdate = defaultShouldUpdate,
@@ -37,7 +19,6 @@ function useDerivedStateFromProp(prop) {
   const [stateValue, setState] = useState(onUpdate(prop, {}));
   const handleSetState = updateOnStateChange ? setStateWithUpdate(onUpdate, setState) : setState;
   const prevProp = useRef(prop);
-
   if (shouldUpdate({
     prop,
     prevProp: prevProp.current,
@@ -46,9 +27,12 @@ function useDerivedStateFromProp(prop) {
     const nextProp = onUpdate(prop, prevProp.current);
     setState(nextProp);
   }
-
   prevProp.current = prop;
   return [stateValue, handleSetState];
-}
-
-export { useDerivedStateFromProp as default };
+};
+var useDerivedStateFromProps_default = useDerivedStateFromProps;
+export {
+  useDerivedStateFromProps_default as default,
+  useDerivedStateFromProps
+};
+//# sourceMappingURL=useDerivedStateFromProps.js.map

package/esm/hooks/useDerivedStateFromProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useDerivedStateFromProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef, useState } from 'react';\nimport { isEqual, isFunction } from '../utils';\n\nconst defaultPropUpdateOnChange = prop => prop;\n\nfunction defaultShouldUpdate({ prop, prevProp, stateValue }) {\n  return !isEqual(prop, prevProp) && !isEqual(prop, stateValue);\n}\n\nfunction setStateWithUpdate(onUpdate, setState) {\n  return state => {\n    setState(prevState =>\n      onUpdate(isFunction(state) ? state(prevState) : state, prevState),\n    );\n  };\n}\n\nexport const useDerivedStateFromProps = (prop, options = {}) => {\n  const {\n    onUpdate = defaultPropUpdateOnChange,\n    shouldUpdate = defaultShouldUpdate,\n    updateOnStateChange = false,\n  } = options;\n\n  const [stateValue, setState] = useState(onUpdate(prop, {}));\n  const handleSetState = updateOnStateChange\n    ? setStateWithUpdate(onUpdate, setState)\n    : setState;\n  const prevProp = useRef(prop);\n\n  if (\n    shouldUpdate({\n      prop,\n      prevProp: prevProp.current,\n      stateValue,\n    })\n  ) {\n    const nextProp = onUpdate(prop, prevProp.current);\n    setState(nextProp);\n  }\n  prevProp.current = prop;\n  return [stateValue, handleSetState];\n};\n\nexport default useDerivedStateFromProps;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,4BAA4B,UAAQ;AAE1C,6BAA6B,EAAE,MAAM,UAAU,cAAc;AAC3D,SAAO,CAAC,QAAQ,MAAM,aAAa,CAAC,QAAQ,MAAM;AAAA;AAGpD,4BAA4B,UAAU,UAAU;AAC9C,SAAO,WAAS;AACd,aAAS,eACP,SAAS,WAAW,SAAS,MAAM,aAAa,OAAO;AAAA;AAAA;AAKtD,MAAM,2BAA2B,CAAC,MAAM,UAAU,OAAO;AAC9D,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,eAAe;AAAA,IACf,sBAAsB;AAAA,MACpB;AAEJ,QAAM,CAAC,YAAY,YAAY,SAAS,SAAS,MAAM;AACvD,QAAM,iBAAiB,sBACnB,mBAAmB,UAAU,YAC7B;AACJ,QAAM,WAAW,OAAO;AAExB,MACE,aAAa;AAAA,IACX;AAAA,IACA,UAAU,SAAS;AAAA,IACnB;AAAA,MAEF;AACA,UAAM,WAAW,SAAS,MAAM,SAAS;AACzC,aAAS;AAAA;AAEX,WAAS,UAAU;AACnB,SAAO,CAAC,YAAY;AAAA;AAGtB,IAAO,mCAAQ;",
+  "names": []
+}

package/esm/hooks/useExecutionTimer.js

@@ -1,29 +1,21 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef } from 'react';
-
-function useExecutionDelay(startFn, cleanFn, delayTime) {
+import * as React from "react";
+import { useRef } from "react";
+const useExecutionTimer = (startFn, cleanFn, delayTime) => {
   const startTimer = useRef();
   const closeTimer = useRef();
-
-  const startFunction = function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
+  const startFunction = (...args) => {
     clearTimeout(closeTimer.current);
     startTimer.current = setTimeout(() => startFn(...args), delayTime);
   };
-
-  const cleanFunction = function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
+  const cleanFunction = (...args) => {
     clearTimeout(startTimer.current);
     closeTimer.current = setTimeout(() => cleanFn(...args), 30);
   };
-
   return [startFunction, cleanFunction];
-}
-
-export { useExecutionDelay as default };
+};
+var useExecutionTimer_default = useExecutionTimer;
+export {
+  useExecutionTimer_default as default,
+  useExecutionTimer
+};
+//# sourceMappingURL=useExecutionTimer.js.map

package/esm/hooks/useExecutionTimer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useExecutionTimer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\n\nexport const useExecutionTimer = (startFn, cleanFn, delayTime) => {\n  const startTimer = useRef();\n  const closeTimer = useRef();\n\n  const startFunction = (...args) => {\n    clearTimeout(closeTimer.current);\n    startTimer.current = setTimeout(() => startFn(...args), delayTime);\n  };\n\n  const cleanFunction = (...args) => {\n    clearTimeout(startTimer.current);\n    closeTimer.current = setTimeout(() => cleanFn(...args), 30);\n  };\n  return [startFunction, cleanFunction];\n};\n\nexport default useExecutionTimer;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,oBAAoB,CAAC,SAAS,SAAS,cAAc;AAChE,QAAM,aAAa;AACnB,QAAM,aAAa;AAEnB,QAAM,gBAAgB,IAAI,SAAS;AACjC,iBAAa,WAAW;AACxB,eAAW,UAAU,WAAW,MAAM,QAAQ,GAAG,OAAO;AAAA;AAG1D,QAAM,gBAAgB,IAAI,SAAS;AACjC,iBAAa,WAAW;AACxB,eAAW,UAAU,WAAW,MAAM,QAAQ,GAAG,OAAO;AAAA;AAE1D,SAAO,CAAC,eAAe;AAAA;AAGzB,IAAO,4BAAQ;",
+  "names": []
+}

package/esm/hooks/useExpandState.js

@@ -1,119 +1,79 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useMemo } from 'react';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import { isFunction } from 'lodash';
-import useDerivedStateFromProp from './useDerivedStateFromProps.js';
-
-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(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; }
-
+import * as React from "react";
+import { useMemo } from "react";
+import { isFunction } from "../utils";
+import { useDerivedStateFromProps } from "./useDerivedStateFromProps";
 const toggleStateInObject = (obj, key, value) => {
-  const nextObj = _objectSpread({}, obj);
-
+  const nextObj = { ...obj };
   if (nextObj[key]) {
     delete nextObj[key];
   } else {
     nextObj[key] = value;
   }
-
   return nextObj;
 };
-
 const noop = () => null;
-
-function useExpandState(_ref) {
-  let {
-    items = [],
-    itemKey = 'id',
-    expanded: expandedProp = {},
-    onExpand,
-    onExpandChange = noop,
-    onExpandAll = noop,
-    onToggleExpand,
-    onCollapse
-  } = _ref;
-  const [expanded, setExpanded] = useDerivedStateFromProp(expandedProp);
+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 = function () {
-    let stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const toggleExpandAll = (stateData = true) => {
     setExpanded(() => {
       const nextState = {};
-
       if (!isExpandedAll) {
-        items.forEach(item => {
+        items.forEach((item) => {
           nextState[item[itemKey]] = stateData;
         });
       }
-
       onExpandChange(nextState);
       onExpandAll(nextState);
       return nextState;
     });
   };
-
-  const expand = function (item) {
-    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    if (!item) return;
-
+  const expand = (item, stateData = true) => {
+    if (!item)
+      return;
     if (isFunction(onExpand)) {
       onExpand(item);
     }
-
-    setExpanded(prevState => {
+    setExpanded((prevState) => {
       const key = item[itemKey];
-
-      const nextState = _objectSpread(_objectSpread({}, prevState), {}, {
-        [key]: stateData
-      });
-
+      const nextState = { ...prevState, [key]: stateData };
       onExpandChange(nextState, item);
       return nextState;
     });
   };
-
-  const toggleExpand = function (item) {
-    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
+  const toggleExpand = (item, stateData = true) => {
     if (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 => {
+  const collapse = (item) => {
     if (isFunction(onCollapse)) {
       onCollapse(item);
     }
-
-    setExpanded(prevState => {
-      const nextState = _objectSpread({}, prevState);
-
+    setExpanded((prevState) => {
+      const nextState = { ...prevState };
       delete nextState[item[itemKey]];
       onExpandChange(nextState, item);
       return nextState;
     });
   };
-
   return {
-    state: {
-      expanded,
-      isExpandedAll
-    },
+    state: { expanded, isExpandedAll },
     actions: {
       expand,
       toggleExpandAll,
@@ -122,6 +82,10 @@ function useExpandState(_ref) {
     },
     setExpanded
   };
-}
-
-export { useExpandState as default };
+};
+var useExpandState_default = useExpandState;
+export {
+  useExpandState_default as default,
+  useExpandState
+};
+//# sourceMappingURL=useExpandState.js.map

package/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,KAAK;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,KAAK,YAAY,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,KAAK;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/esm/hooks/useHotkeys.js

@@ -1,19 +1,16 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import hotkeys from 'hotkeys-js';
-import { useCallback, useEffect } from 'react';
-
-function useHotkeys(_ref) {
-  let {
-    keys,
-    handler,
-    options = {}
-  } = _ref;
-  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+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]);
-}
-
-export { useHotkeys as default };
+};
+var useHotkeys_default = useHotkeys;
+export {
+  useHotkeys_default as default,
+  useHotkeys
+};
+//# sourceMappingURL=useHotkeys.js.map

package/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/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/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/hooks/useIsShowingEllipsis.js

@@ -0,0 +1,29 @@
+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) => {
+    if (entries.length) {
+      const [textWrapperEntry] = entries;
+      const el = textWrapperEntry.target;
+      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
+    }
+  }), []);
+  useEffect(() => {
+    if (element) {
+      setIsShowingEllipsis(element.scrollWidth > element.clientWidth);
+      resizeObserver.observe(element);
+    }
+    return () => {
+      if (element) {
+        resizeObserver.unobserve(element);
+      }
+    };
+  }, [resizeObserver, element]);
+  return { setElement, isShowingEllipsis };
+};
+export {
+  useIsShowingEllipsis
+};
+//# sourceMappingURL=useIsShowingEllipsis.js.map

package/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/esm/hooks/useOnElementResize.js

@@ -1,27 +1,17 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef, useEffect, useMemo } from 'react';
-
-// Taken and modified from https://stackoverflow.com/a/60218754
-
-const useOnElementResize = targetRef => {
-  var _targetRef$current, _targetRef$current2;
-
-  const [width, setWidth] = useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0);
-  const [height, setHeight] = useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0);
+import * as React from "react";
+import { useState, useEffect, useRef, useMemo } from "react";
+const useOnElementResize = (targetRef) => {
+  const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);
+  const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);
   const observer = useRef(null);
   useEffect(() => {
     function outputsize() {
-      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);
+      setWidth(targetRef.current?.offsetWidth);
+      setHeight(targetRef.current?.offsetHeight);
     }
-
     observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
     return () => {
-      var _observer$current;
-
-      (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
+      observer.current?.disconnect();
     };
   }, [targetRef]);
   return useMemo(() => ({
@@ -29,5 +19,7 @@ const useOnElementResize = targetRef => {
     height
   }), [width, height]);
 };
-
-export { useOnElementResize };
+export {
+  useOnElementResize
+};
+//# sourceMappingURL=useOnElementResize.js.map

package/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 = (targetRef: React.RefObject<HTMLDivElement>): Record<'width' | 'height', number> => {\n  const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const observer = useRef(null);\n\n  useEffect(() => {\n    function outputsize() {\n      setWidth(targetRef.current?.offsetWidth);\n      setHeight(targetRef.current?.offsetHeight);\n    }\n\n    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);\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,CAAC,cAAmF;AACpH,QAAM,CAAC,OAAO,YAAY,SAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AACxF,QAAM,CAAC,QAAQ,aAAa,SAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AAC1F,QAAM,WAAW,OAAO;AAExB,YAAU,MAAM;AACd,0BAAsB;AACpB,eAAS,UAAU,SAAS;AAC5B,gBAAU,UAAU,SAAS;AAAA;AAG/B,aAAS,UAAU,IAAI,eAAe,YAAY,QAAQ,UAAU;AAEpE,WAAO,MAAM;AACX,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC;AAEJ,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF,CAAC,OAAO;AAAA;",
+  "names": []
+}

package/esm/hooks/useParentElement.js

@@ -1,12 +1,14 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useEffect } from 'react';
-
-const useParentElement = ref => {
+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);
+    if (ref.current)
+      setParent(ref.current.parentNode);
   });
   return parent;
 };
-
-export { useParentElement };
+export {
+  useParentElement
+};
+//# sourceMappingURL=useParentElement.js.map