@elliemae/ds-utilities 3.0.0-next.4 → 3.0.0-next.42

package/dist/cjs/hooks/useFocusTrap.js

@@ -27,23 +27,77 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var useFocusTrap_exports = {};
 __export(useFocusTrap_exports, {
+  UseFocusTrapWithSchema: () => UseFocusTrapWithSchema,
   useFocusTrap: () => useFocusTrap
 });
 var React = __toESM(require("react"));
 var import_react = require("react");
-const useFocusTrap = ({ firstElementRef, lastElementRef, onKeyDown }) => (0, import_react.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();
+var import_props_helpers = require("../props-helpers");
+const useFocusTrapProps = {
+  firstElementRef: "object",
+  lastElementRef: "object",
+  onKeyDown: "function"
+};
+const getVariableType = (arg) => {
+  if (Array.isArray(arg))
+    return "array";
+  if (arg === null)
+    return "null";
+  if (arg === void 0)
+    return "undefined";
+  return typeof arg;
+};
+const throwTypeError = (validPropKey, invalidProp) => {
+  throw new Error(`Warning: You are trying to pass a not valid "${validPropKey}" property to use a useFocusTrap hook, please provide a valid type.
+
+  Received: ${getVariableType(invalidProp)}
+  Expected: ${useFocusTrapProps[validPropKey]}
+  `);
+};
+const throwRequiredError = (validPropKey) => {
+  throw new Error(`Warning: Please provide a "${validPropKey}" property to use a useFocusTrap hook, this property is required.`);
+};
+const validateProps = (componentProps) => {
+  if (componentProps.firstElementRef === void 0) {
+    throwRequiredError("firstElementRef");
+  }
+  if (componentProps.lastElementRef === void 0) {
+    throwRequiredError("lastElementRef");
   }
-  if (e.key === "Tab" && e.shiftKey && e.target === firstElementRef.current && lastElementRef.current) {
-    e.preventDefault();
-    e.stopPropagation();
-    lastElementRef.current.focus();
+  if (componentProps.firstElementRef && typeof componentProps.firstElementRef !== "object") {
+    throwTypeError("firstElementRef", componentProps.firstElementRef);
   }
-}, [firstElementRef, lastElementRef, onKeyDown]);
+  if (componentProps.lastElementRef && typeof componentProps.lastElementRef !== "object") {
+    throwTypeError("lastElementRef", componentProps.lastElementRef);
+  }
+  if (componentProps.onKeyDown && typeof componentProps.onKeyDown !== "function") {
+    throwTypeError("onKeyDown", componentProps.onKeyDown);
+  }
+};
+const propTypes = {
+  firstElementRef: import_props_helpers.PropTypes.oneOfType([import_props_helpers.PropTypes.oneOf([null]), import_props_helpers.PropTypes.node]).description("Reference to the first element in the focus trap.").isRequired,
+  lastElementRef: import_props_helpers.PropTypes.oneOfType([import_props_helpers.PropTypes.oneOf([null]), import_props_helpers.PropTypes.node]).description("Reference to the second element in the focus trap.").isRequired,
+  onKeyDown: import_props_helpers.PropTypes.func.description("Optional onKeyDown callback.")
+};
+const useFocusTrap = (props) => {
+  (0, import_react.useEffect)(() => validateProps(props), [props]);
+  const { firstElementRef, lastElementRef, onKeyDown } = props;
+  return (0, import_react.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]);
+};
+const UseFocusTrapWithSchema = (0, import_props_helpers.describe)(useFocusTrap);
+UseFocusTrapWithSchema.propTypes = propTypes;
 module.exports = __toCommonJS(useFocusTrap_exports);
 //# sourceMappingURL=useFocusTrap.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useFocusTrap.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AAY5B,MAAM,eAA8B,CAAC,EAAE,iBAAiB,gBAAgB,gBAC7E,8BACE,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;",
+  "sourcesContent": ["import React, { useCallback, useEffect, WeakValidationMap } from 'react';\nimport { describe, PropTypes } from '../props-helpers';\n\nconst useFocusTrapProps: { [index: string]: string } = {\n  firstElementRef: 'object',\n  lastElementRef: 'object',\n  onKeyDown: 'function',\n};\n\nconst getVariableType = (arg: unknown): string => {\n  if (Array.isArray(arg)) return 'array';\n  if (arg === null) return 'null';\n  if (arg === undefined) return 'undefined';\n  return typeof arg;\n};\n\nconst throwTypeError = (validPropKey: string, invalidProp: unknown): void => {\n  throw new Error(\n    `Warning: You are trying to pass a not valid \"${validPropKey}\" property to use a useFocusTrap hook, please provide a valid type.\n\n  Received: ${getVariableType(invalidProp)}\n  Expected: ${useFocusTrapProps[validPropKey]}\n  `,\n  );\n};\n\nconst throwRequiredError = (validPropKey: string): void => {\n  throw new Error(\n    `Warning: Please provide a \"${validPropKey}\" property to use a useFocusTrap hook, this property is required.`,\n  );\n};\n\nconst validateProps = (componentProps: Record<string, unknown>): void => {\n  if (componentProps.firstElementRef === undefined) {\n    throwRequiredError('firstElementRef');\n  }\n  if (componentProps.lastElementRef === undefined) {\n    throwRequiredError('lastElementRef');\n  }\n  if (componentProps.firstElementRef && typeof componentProps.firstElementRef !== 'object') {\n    throwTypeError('firstElementRef', componentProps.firstElementRef);\n  }\n  if (componentProps.lastElementRef && typeof componentProps.lastElementRef !== 'object') {\n    throwTypeError('lastElementRef', componentProps.lastElementRef);\n  }\n  if (componentProps.onKeyDown && typeof componentProps.onKeyDown !== 'function') {\n    throwTypeError('onKeyDown', componentProps.onKeyDown);\n  }\n};\n\nconst propTypes = {\n  firstElementRef: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.node]).description(\n    'Reference to the first element in the focus trap.',\n  ).isRequired,\n  lastElementRef: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.node]).description(\n    'Reference to the second element in the focus trap.',\n  ).isRequired,\n  onKeyDown: PropTypes.func.description('Optional onKeyDown callback.'),\n} as WeakValidationMap<unknown>;\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\nconst useFocusTrap: UseFocusTrapT = (props) => {\n  // We need to investigate how to validate references with useValidateTypescriptPropTypes.\n  useEffect(() => validateProps(props), [props]);\n\n  const { firstElementRef, lastElementRef, onKeyDown } = props;\n\n  return 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};\n\nconst UseFocusTrapWithSchema = describe(useFocusTrap);\n\nUseFocusTrapWithSchema.propTypes = propTypes;\n\nexport { useFocusTrap, UseFocusTrapWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiE;AACjE,2BAAoC;AAEpC,MAAM,oBAAiD;AAAA,EACrD,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,WAAW;AACb;AAEA,MAAM,kBAAkB,CAAC,QAAyB;AAChD,MAAI,MAAM,QAAQ,GAAG;AAAG,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAChB;AAEA,MAAM,iBAAiB,CAAC,cAAsB,gBAA+B;AAC3E,QAAM,IAAI,MACR,gDAAgD;AAAA;AAAA,cAEtC,gBAAgB,WAAW;AAAA,cAC3B,kBAAkB;AAAA,GAE9B;AACF;AAEA,MAAM,qBAAqB,CAAC,iBAA+B;AACzD,QAAM,IAAI,MACR,8BAA8B,+EAChC;AACF;AAEA,MAAM,gBAAgB,CAAC,mBAAkD;AACvE,MAAI,eAAe,oBAAoB,QAAW;AAChD,uBAAmB,iBAAiB;AAAA,EACtC;AACA,MAAI,eAAe,mBAAmB,QAAW;AAC/C,uBAAmB,gBAAgB;AAAA,EACrC;AACA,MAAI,eAAe,mBAAmB,OAAO,eAAe,oBAAoB,UAAU;AACxF,mBAAe,mBAAmB,eAAe,eAAe;AAAA,EAClE;AACA,MAAI,eAAe,kBAAkB,OAAO,eAAe,mBAAmB,UAAU;AACtF,mBAAe,kBAAkB,eAAe,cAAc;AAAA,EAChE;AACA,MAAI,eAAe,aAAa,OAAO,eAAe,cAAc,YAAY;AAC9E,mBAAe,aAAa,eAAe,SAAS;AAAA,EACtD;AACF;AAEA,MAAM,YAAY;AAAA,EAChB,iBAAiB,+BAAU,UAAU,CAAC,+BAAU,MAAM,CAAC,IAAI,CAAC,GAAG,+BAAU,IAAI,CAAC,EAAE,YAC9E,mDACF,EAAE;AAAA,EACF,gBAAgB,+BAAU,UAAU,CAAC,+BAAU,MAAM,CAAC,IAAI,CAAC,GAAG,+BAAU,IAAI,CAAC,EAAE,YAC7E,oDACF,EAAE;AAAA,EACF,WAAW,+BAAU,KAAK,YAAY,8BAA8B;AACtE;AAYA,MAAM,eAA8B,CAAC,UAAU;AAE7C,8BAAU,MAAM,cAAc,KAAK,GAAG,CAAC,KAAK,CAAC;AAE7C,QAAM,EAAE,iBAAiB,gBAAgB,cAAc;AAEvD,SAAO,8BACL,CAAC,MAAqB;AACpB,QAAI;AAAW,gBAAU,CAAC;AAI1B,QAAI,EAAE,QAAQ,SAAS,CAAC,EAAE,YAAY,EAAE,WAAW,eAAe,WAAW,gBAAgB,SAAS;AACpG,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,sBAAgB,QAAQ,MAAM;AAAA,IAChC;AACA,QAAI,EAAE,QAAQ,SAAS,EAAE,YAAY,EAAE,WAAW,gBAAgB,WAAW,eAAe,SAAS;AACnG,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,qBAAe,QAAQ,MAAM;AAAA,IAC/B;AAAA,EACF,GACA,CAAC,iBAAiB,gBAAgB,SAAS,CAC7C;AACF;AAEA,MAAM,yBAAyB,mCAAS,YAAY;AAEpD,uBAAuB,YAAY;",
   "names": []
 }

package/dist/cjs/hooks/useHotkeys.js

@@ -38,7 +38,7 @@ const useHotkeys = ({ keys, handler, options = {} }, deps = []) => {
   (0, import_react.useEffect)(() => {
     (0, import_hotkeys_js.default)(keys, options, memoizedCallback);
     return () => import_hotkeys_js.default.unbind(keys);
-  }, [memoizedCallback]);
+  }, [keys, memoizedCallback, options]);
 };
 var useHotkeys_default = useHotkeys;
 module.exports = __toCommonJS(useHotkeys_exports);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useHotkeys.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAoB;AACpB,mBAAuC;AAEhC,MAAM,aAAa,CAAC,EAAE,MAAM,SAAS,UAAU,MAAM,OAAO,OAAO;AACxE,QAAM,mBAAmB,8BAAY,SAAS;AAE9C,8BAAU,MAAM;AACd,mCAAQ,MAAM,SAAS;AAEvB,WAAO,MAAM,0BAAQ,OAAO;AAAA,KAC3B,CAAC;AAAA;AAGN,IAAO,qBAAQ;",
+  "sourcesContent": ["import hotkeys, { KeyHandler } from 'hotkeys-js';\nimport { useCallback, useEffect } from 'react';\n\ntype Options = {\n  scope?: string;\n  element?: HTMLElement | null;\n  keyup?: boolean | null;\n  keydown?: boolean | null;\n  splitKey?: string;\n};\ninterface UseHotKeysArg {\n  keys: string;\n  options?: Options;\n  handler: KeyHandler;\n}\n\nexport const useHotkeys = ({ keys, handler, options = {} }: UseHotKeysArg, deps: unknown[] = []) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const memoizedCallback = useCallback(handler, deps);\n\n  useEffect(() => {\n    hotkeys(keys, options, memoizedCallback);\n\n    return () => hotkeys.unbind(keys);\n  }, [keys, memoizedCallback, options]);\n};\n\nexport default useHotkeys;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAoC;AACpC,mBAAuC;AAehC,MAAM,aAAa,CAAC,EAAE,MAAM,SAAS,UAAU,CAAC,KAAoB,OAAkB,CAAC,MAAM;AAElG,QAAM,mBAAmB,8BAAY,SAAS,IAAI;AAElD,8BAAU,MAAM;AACd,mCAAQ,MAAM,SAAS,gBAAgB;AAEvC,WAAO,MAAM,0BAAQ,OAAO,IAAI;AAAA,EAClC,GAAG,CAAC,MAAM,kBAAkB,OAAO,CAAC;AACtC;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/hooks/useHoverHandlersDelay.js

@@ -41,13 +41,15 @@ const useHoverHandlersDelay = ({
   const hideTimer = (0, import_react.useRef)();
   const showTimer = (0, import_react.useRef)();
   const delayedHide = (0, import_react.useCallback)(() => {
-    clearTimeout(showTimer.current);
+    if (showTimer.current)
+      clearTimeout(showTimer.current);
     hideTimer.current = setTimeout(onMouseLeave, hideDelay);
-  }, []);
+  }, [hideDelay, onMouseLeave]);
   const delayedShow = (0, import_react.useCallback)(() => {
-    clearTimeout(hideTimer.current);
+    if (hideTimer.current)
+      clearTimeout(hideTimer.current);
     showTimer.current = setTimeout(onMouseOver, showDelay);
-  }, []);
+  }, [onMouseOver, showDelay]);
   return {
     onMouseOver: delayedShow,
     onMouseLeave: delayedHide

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useHoverHandlersDelay.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAE7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,MACR;AACJ,QAAM,YAAY;AAClB,QAAM,YAAY;AAElB,QAAM,cAAc,8BAAY,MAAM;AACpC,iBAAa,UAAU;AACvB,cAAU,UAAU,WAAW,cAAc;AAAA,KAC5C;AAEH,QAAM,cAAc,8BAAY,MAAM;AACpC,iBAAa,UAAU;AACvB,cAAU,UAAU,WAAW,aAAa;AAAA,KAC3C;AAEH,SAAO;AAAA,IACL,aAAa;AAAA,IACb,cAAc;AAAA;AAAA;AAIlB,IAAO,gCAAQ;",
+  "sourcesContent": ["import { useCallback, useRef } from 'react';\n\ninterface UseHoverHandlersDelayArg {\n  onMouseOver: () => void;\n  onMouseLeave: () => void;\n  hideDelay?: number;\n  showDelay?: number;\n}\n\nexport const useHoverHandlersDelay = ({\n  onMouseOver,\n  onMouseLeave,\n  hideDelay = 300,\n  showDelay = 300,\n}: UseHoverHandlersDelayArg) => {\n  const hideTimer = useRef<NodeJS.Timeout>();\n  const showTimer = useRef<NodeJS.Timeout>();\n\n  const delayedHide = useCallback(() => {\n    if (showTimer.current) clearTimeout(showTimer.current);\n    hideTimer.current = setTimeout(onMouseLeave, hideDelay);\n  }, [hideDelay, onMouseLeave]);\n\n  const delayedShow = useCallback(() => {\n    if (hideTimer.current) clearTimeout(hideTimer.current);\n    showTimer.current = setTimeout(onMouseOver, showDelay);\n  }, [onMouseOver, showDelay]);\n\n  return {\n    onMouseOver: delayedShow,\n    onMouseLeave: delayedHide,\n  };\n};\n\nexport default useHoverHandlersDelay;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAS7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,MACkB;AAC9B,QAAM,YAAY,yBAAuB;AACzC,QAAM,YAAY,yBAAuB;AAEzC,QAAM,cAAc,8BAAY,MAAM;AACpC,QAAI,UAAU;AAAS,mBAAa,UAAU,OAAO;AACrD,cAAU,UAAU,WAAW,cAAc,SAAS;AAAA,EACxD,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,cAAc,8BAAY,MAAM;AACpC,QAAI,UAAU;AAAS,mBAAa,UAAU,OAAO;AACrD,cAAU,UAAU,WAAW,aAAa,SAAS;AAAA,EACvD,GAAG,CAAC,aAAa,SAAS,CAAC;AAE3B,SAAO;AAAA,IACL,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AACF;AAEA,IAAO,gCAAQ;",
   "names": []
 }

package/dist/cjs/hooks/useIsMobile.js

@@ -0,0 +1,57 @@
+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 useIsMobile_exports = {};
+__export(useIsMobile_exports, {
+  useIsMobile: () => useIsMobile
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_pui_theme = require("@elliemae/pui-theme");
+const theme = (0, import_pui_theme.getDefaultTheme)();
+const isMobile = () => {
+  if (!window)
+    return false;
+  return Number(theme.breakpoints.medium.split("px")[0]) - window.innerWidth >= 0;
+};
+const useIsMobile = () => {
+  const [mobile, setMobile] = (0, import_react.useState)(isMobile());
+  (0, import_react.useEffect)(() => {
+    function handleResize() {
+      setMobile(isMobile());
+    }
+    window?.addEventListener("resize", handleResize);
+    return () => {
+      window?.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  if (!window)
+    return false;
+  return mobile;
+};
+module.exports = __toCommonJS(useIsMobile_exports);
+//# sourceMappingURL=useIsMobile.js.map

package/dist/cjs/hooks/useIsMobile.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useIsMobile.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useState, useEffect } from 'react';\nimport { getDefaultTheme } from '@elliemae/pui-theme';\nimport type { Theme } from '@elliemae/pui-theme';\n\nconst theme = getDefaultTheme() as Theme;\n\nconst isMobile = (): boolean => {\n  if (!window) return false;\n  return Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0;\n};\n\nexport const useIsMobile = (): boolean => {\n  const [mobile, setMobile] = useState<boolean>(isMobile());\n\n  useEffect(() => {\n    function handleResize() {\n      setMobile(isMobile());\n    }\n    window?.addEventListener('resize', handleResize);\n    return () => {\n      window?.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  if (!window) return false;\n  return mobile;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,uBAAgC;AAGhC,MAAM,QAAQ,sCAAgB;AAE9B,MAAM,WAAW,MAAe;AAC9B,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO,OAAO,MAAM,YAAY,OAAO,MAAM,IAAI,EAAE,EAAE,IAAI,OAAO,cAAc;AAChF;AAEO,MAAM,cAAc,MAAe;AACxC,QAAM,CAAC,QAAQ,aAAa,2BAAkB,SAAS,CAAC;AAExD,8BAAU,MAAM;AACd,4BAAwB;AACtB,gBAAU,SAAS,CAAC;AAAA,IACtB;AACA,YAAQ,iBAAiB,UAAU,YAAY;AAC/C,WAAO,MAAM;AACX,cAAQ,oBAAoB,UAAU,YAAY;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AACT;",
+  "names": []
+}

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useIsShowingEllipsis.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useEffect, useState, useMemo } from 'react';\n\nexport const useIsShowingEllipsis = <T extends HTMLElement | null = HTMLElement | null>() => {\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAEtC,MAAM,uBAAuB,MAAyD;AAC3F,QAAM,CAAC,SAAS,cAAc;AAE9B,QAAM,CAAC,mBAAmB,wBAAwB,2BAAS;AAE3D,QAAM,iBAAiB,0BACrB,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,8BAAU,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAEtC,MAAM,uBAAuB,MAAyD;AAC3F,QAAM,CAAC,SAAS,cAAc,2BAAY;AAE1C,QAAM,CAAC,mBAAmB,wBAAwB,2BAAS,KAAK;AAEhE,QAAM,iBAAiB,0BACrB,MACE,IAAI,eAAe,CAAC,YAAY;AAC9B,QAAI,QAAQ,QAAQ;AAClB,YAAM,CAAC,oBAAoB;AAC3B,YAAM,KAAK,iBAAiB;AAC5B,2BAAqB,IAAI,cAAc,IAAI,WAAW;AAAA,IACxD;AAAA,EACF,CAAC,GACH,CAAC,CACH;AAEA,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,2BAAqB,QAAQ,cAAc,QAAQ,WAAW;AAC9D,qBAAe,QAAQ,OAAO;AAAA,IAChC;AACA,WAAO,MAAM;AACX,UAAI,SAAS;AACX,uBAAe,UAAU,OAAO;AAAA,MAClC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAgB,OAAO,CAAC;AAE5B,SAAO,EAAE,YAAY,kBAAkB;AACzC;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useOnElementResize.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4D;AAIrD,MAAM,qBAAqB,CAChC,cACuC;AACvC,QAAM,CAAC,OAAO,YAAY,2BAAS,UAAU,SAAS,eAAe;AACrE,QAAM,CAAC,QAAQ,aAAa,2BAAS,UAAU,SAAS,gBAAgB;AACxE,QAAM,WAAW;AAEjB,8BAAU,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,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF,CAAC,OAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4D;AAIrD,MAAM,qBAAqB,CAChC,cACuC;AACvC,QAAM,CAAC,OAAO,YAAY,2BAAS,UAAU,SAAS,eAAe,CAAC;AACtE,QAAM,CAAC,QAAQ,aAAa,2BAAS,UAAU,SAAS,gBAAgB,CAAC;AACzE,QAAM,WAAW,yBAAuB;AAExC,8BAAU,MAAM;AACd,0BAAsB;AACpB,eAAS,UAAU,SAAS,eAAe,CAAC;AAC5C,gBAAU,UAAU,SAAS,gBAAgB,CAAC;AAAA,IAChD;AAEA,aAAS,UAAU,IAAI,eAAe,UAAU;AAChD,aAAS,QAAQ,QAAQ,UAAU,OAAkB;AAErD,WAAO,MAAM;AACX,eAAS,SAAS,WAAW;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF,IACA,CAAC,OAAO,MAAM,CAChB;AACF;",
   "names": []
 }

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

@@ -1,7 +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;",
+  "sourcesContent": ["import { useEffect, useRef } from 'react';\n\nexport const usePrevious = (value: unknown) => {\n  const ref = useRef<unknown>();\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,UAAmB;AAC7C,QAAM,MAAM,yBAAgB;AAE5B,8BAAU,MAAM;AACd,QAAI,UAAU;AAAA,EAChB,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,IAAI;AACb;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/hooks/useResizeObserver.js

@@ -36,7 +36,7 @@ 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) => {
+  const resizeObserver = (0, import_react.useMemo)(() => new import_resize_observer_polyfill.default((entries) => {
     if (!Array.isArray(entries))
       return;
     if (!entries.length)
@@ -46,13 +46,13 @@ const useResizeObserver = (handler, el) => {
       width: entry.target.offsetWidth,
       height: entry.target.offsetHeight
     }, entry.target));
-  });
+  }), [handler]);
   const htmlEl = el || node;
   (0, import_react.useEffect)(() => {
     if (htmlEl)
       resizeObserver.observe(htmlEl);
     return () => htmlEl && resizeObserver.unobserve(htmlEl);
-  }, [htmlEl]);
+  }, [htmlEl, resizeObserver]);
   return [setRef];
 };
 var useResizeObserver_default = useResizeObserver;

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

@@ -1,7 +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;",
+  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react';\nimport raf from 'raf';\nimport ResizeObserver from 'resize-observer-polyfill';\n\ntype HandlerT = (measures: { width: number; height: number }, element: Element) => void;\n\nexport const useResizeObserver = (handler: HandlerT, el: HTMLElement) => {\n  const [node, setRef] = useState(el);\n\n  const resizeObserver = useMemo(\n    () =>\n      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 as HTMLElement).offsetWidth,\n              height: (entry.target as HTMLElement).offsetHeight,\n            },\n            entry.target,\n          ),\n        );\n      }),\n    [handler],\n  );\n\n  const htmlEl = el || node;\n\n  useEffect(() => {\n    if (htmlEl) resizeObserver.observe(htmlEl);\n    return () => htmlEl && resizeObserver.unobserve(htmlEl);\n  }, [htmlEl, resizeObserver]);\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,mBAA6C;AAC7C,iBAAgB;AAChB,sCAA2B;AAIpB,MAAM,oBAAoB,CAAC,SAAmB,OAAoB;AACvE,QAAM,CAAC,MAAM,UAAU,2BAAS,EAAE;AAElC,QAAM,iBAAiB,0BACrB,MACE,IAAI,wCAAe,CAAC,YAAY;AAC9B,QAAI,CAAC,MAAM,QAAQ,OAAO;AAAG;AAC7B,QAAI,CAAC,QAAQ;AAAQ;AACrB,UAAM,QAAQ,QAAQ;AAGtB,4BAAI,MACF,QACE;AAAA,MACE,OAAQ,MAAM,OAAuB;AAAA,MACrC,QAAS,MAAM,OAAuB;AAAA,IACxC,GACA,MAAM,MACR,CACF;AAAA,EACF,CAAC,GACH,CAAC,OAAO,CACV;AAEA,QAAM,SAAS,MAAM;AAErB,8BAAU,MAAM;AACd,QAAI;AAAQ,qBAAe,QAAQ,MAAM;AACzC,WAAO,MAAM,UAAU,eAAe,UAAU,MAAM;AAAA,EACxD,GAAG,CAAC,QAAQ,cAAc,CAAC;AAE3B,SAAO,CAAC,MAAM;AAChB;AAEA,IAAO,4BAAQ;",
   "names": []
 }

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

@@ -1,7 +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;",
+  "sourcesContent": ["import { useRef } from 'react';\n\nexport const useShouldRecalculate = (bool: boolean) => {\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,SAAkB;AACrD,QAAM,eAAe,yBAAO,CAAC;AAC7B,MAAI,CAAC,MAAM;AAET,iBAAa,WAAW;AAAA,EAC1B;AACA,SAAO,aAAa;AACtB;AAEA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/cjs/hooks/useWindowScrollerList.js

@@ -48,15 +48,17 @@ function getPositionOffset(listEl, scrollableEl) {
   };
 }
 function isParent(parentNode, childNode) {
-  return childNode.parentNode === parentNode || childNode.parentNode && isParent(parentNode, childNode.parentNode);
+  return childNode?.parentNode === parentNode || !!childNode?.parentNode && isParent(parentNode, childNode.parentNode);
 }
 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 getElementOffset = (0, import_react.useCallback)(() => {
+    if (outerListRef.current && scrollableParent.current) {
+      listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
+    }
+  }, [outerListRef]);
+  const handleScroll = (0, import_react.useCallback)((e) => {
     if (!scrollableParent.current) {
       const containerTarget = e.target === document ? document.body : e.target;
       scrollableParent.current = isParent(containerTarget, outerListRef.current) && containerTarget;
@@ -65,10 +67,10 @@ const useWindowScrollerList = ({ listInstance, outerListRef }) => {
       return;
     getElementOffset();
     const scrollOffset = getScrollOffset(scrollableParent.current);
-    const scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
+    const scrollTop = Math.max(0, scrollOffset.top - (listOffset.current?.top ?? 0));
     if (listInstance.current)
-      listInstance.current.scrollTo(scrollTop);
-  };
+      listInstance.current.scrollTo({ top: scrollTop });
+  }, [getElementOffset, listInstance, outerListRef]);
   (0, import_react.useEffect)(() => {
     window.addEventListener("scroll", handleScroll, true);
     window.addEventListener("resize", getElementOffset, true);
@@ -76,7 +78,7 @@ const useWindowScrollerList = ({ listInstance, outerListRef }) => {
       window.removeEventListener("scroll", handleScroll, true);
       window.removeEventListener("resize", getElementOffset, true);
     };
-  }, []);
+  }, [getElementOffset, handleScroll]);
 };
 var useWindowScrollerList_default = useWindowScrollerList;
 module.exports = __toCommonJS(useWindowScrollerList_exports);

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

@@ -1,7 +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;",
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\n\ninterface UseWindowScrollerListArg {\n  listInstance: React.RefObject<HTMLElement>;\n  outerListRef: React.RefObject<HTMLElement>;\n}\n\nfunction getScrollOffset(element = { scrollTop: 0, scrollLeft: 0 }) {\n  return {\n    top: element.scrollTop,\n    left: element.scrollLeft,\n  };\n}\n\nfunction getPositionOffset(listEl: HTMLElement, scrollableEl: HTMLElement) {\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: EventTarget | null, childNode: HTMLElement | null): boolean {\n  return (\n    childNode?.parentNode === (parentNode as ParentNode) ||\n    (!!childNode?.parentNode && isParent(parentNode, childNode.parentNode as HTMLElement))\n  );\n}\n\nexport const useWindowScrollerList = ({ listInstance, outerListRef }: UseWindowScrollerListArg) => {\n  const scrollableParent = useRef<HTMLElement | false>();\n  const listOffset = useRef<ReturnType<typeof getPositionOffset>>();\n\n  const getElementOffset = useCallback(() => {\n    if (outerListRef.current && scrollableParent.current) {\n      listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);\n    }\n  }, [outerListRef]);\n\n  const handleScroll: EventListener = useCallback(\n    (e) => {\n      if (!scrollableParent.current) {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        const containerTarget = e.target === document ? document.body : e.target;\n        scrollableParent.current = isParent(containerTarget, outerListRef.current) && (containerTarget as HTMLElement);\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 ?? 0));\n      if (listInstance.current) listInstance.current.scrollTo({ top: scrollTop });\n    },\n    [getElementOffset, listInstance, outerListRef],\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  }, [getElementOffset, handleScroll]);\n};\n\nexport default useWindowScrollerList;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsD;AAOtD,yBAAyB,UAAU,EAAE,WAAW,GAAG,YAAY,EAAE,GAAG;AAClE,SAAO;AAAA,IACL,KAAK,QAAQ;AAAA,IACb,MAAM,QAAQ;AAAA,EAChB;AACF;AAEA,2BAA2B,QAAqB,cAA2B;AACzE,QAAM,eAAe,gBAAgB,YAAY;AACjD,QAAM,cAAc,OAAO,sBAAsB;AACjD,QAAM,gBAAgB,aAAa,sBAAsB;AACzD,SAAO;AAAA,IACL,KAAK,YAAY,MAAM,aAAa,MAAM,cAAc;AAAA,IACxD,MAAM,YAAY,OAAO,aAAa,MAAM,cAAc;AAAA,EAC5D;AACF;AAEA,kBAAkB,YAAgC,WAAwC;AACxF,SACE,WAAW,eAAgB,cAC1B,CAAC,CAAC,WAAW,cAAc,SAAS,YAAY,UAAU,UAAyB;AAExF;AAEO,MAAM,wBAAwB,CAAC,EAAE,cAAc,mBAA6C;AACjG,QAAM,mBAAmB,yBAA4B;AACrD,QAAM,aAAa,yBAA6C;AAEhE,QAAM,mBAAmB,8BAAY,MAAM;AACzC,QAAI,aAAa,WAAW,iBAAiB,SAAS;AACpD,iBAAW,UAAU,kBAAkB,aAAa,SAAS,iBAAiB,OAAO;AAAA,IACvF;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,eAA8B,8BAClC,CAAC,MAAM;AACL,QAAI,CAAC,iBAAiB,SAAS;AAE7B,YAAM,kBAAkB,EAAE,WAAW,WAAW,SAAS,OAAO,EAAE;AAClE,uBAAiB,UAAU,SAAS,iBAAiB,aAAa,OAAO,KAAM;AAAA,IACjF;AAEA,QAAI,CAAC,iBAAiB;AAAS;AAE/B,qBAAiB;AAEjB,UAAM,eAAe,gBAAgB,iBAAiB,OAAO;AAC7D,UAAM,YAAY,KAAK,IAAI,GAAG,aAAa,MAAO,YAAW,SAAS,OAAO,EAAE;AAC/E,QAAI,aAAa;AAAS,mBAAa,QAAQ,SAAS,EAAE,KAAK,UAAU,CAAC;AAAA,EAC5E,GACA,CAAC,kBAAkB,cAAc,YAAY,CAC/C;AAEA,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,cAAc,IAAI;AACpD,WAAO,iBAAiB,UAAU,kBAAkB,IAAI;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,cAAc,IAAI;AACvD,aAAO,oBAAoB,UAAU,kBAAkB,IAAI;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,kBAAkB,YAAY,CAAC;AACrC;AAEA,IAAO,gCAAQ;",
   "names": []
 }

package/dist/cjs/index.js

@@ -28,6 +28,7 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 var src_exports = {};
 __export(src_exports, {
   DOCUMENT: () => import_platform.DOCUMENT,
+  UseFocusTrapWithSchema: () => import_hooks.UseFocusTrapWithSchema,
   WINDOW: () => import_platform.WINDOW,
   addLeadingZeros: () => import_timeUtils.addLeadingZeros,
   addOrRemove: () => import_utils.addOrRemove,
@@ -54,15 +55,11 @@ __export(src_exports, {
   groupBy: () => import_utils.groupBy,
   hashArray: () => import_utils.hashArray,
   isBoolean: () => import_utils.isBoolean,
-  isClassComponent: () => import_reactTypesUtility.isClassComponent,
-  isCompositeTypeElement: () => import_reactTypesUtility.isCompositeTypeElement,
   isDOMTypeElement: () => import_reactTypesUtility.isDOMTypeElement,
-  isElement: () => import_reactTypesUtility.isElement,
   isEmpty: () => import_utils.isEmpty,
   isEqual: () => import_utils.isEqual,
   isEqualWith: () => import_utils.isEqualWith,
   isFunction: () => import_utils.isFunction,
-  isFunctionComponent: () => import_reactTypesUtility.isFunctionComponent,
   isGreaterThan: () => import_validations.isGreaterThan,
   isIn: () => import_operators.isIn,
   isNaN: () => import_utils.isNaN,
@@ -70,7 +67,6 @@ __export(src_exports, {
   isNotNull: () => import_operators.isNotNull,
   isNull: () => import_operators.isNull,
   isObject: () => import_utils.isObject,
-  isReactComponent: () => import_reactTypesUtility.isReactComponent,
   isRequired: () => import_validations.isRequired,
   isString: () => import_utils.isString,
   isValidDate: () => import_validations.isValidDate,
@@ -92,7 +88,6 @@ __export(src_exports, {
   pull: () => import_utils.pull,
   range: () => import_utils.range,
   removeUndefinedProperties: () => import_utils.removeUndefinedProperties,
-  resetTimer: () => import_scrollingTimer.resetTimer,
   runAll: () => import_utils.runAll,
   safeCall: () => import_utils.safeCall,
   set: () => import_utils.set,
@@ -115,18 +110,15 @@ __export(src_exports, {
   useForceUpdate: () => import_hooks.useForceUpdate,
   useHotkeys: () => import_hooks.useHotkeys,
   useHoverHandlersDelay: () => import_hooks.useHoverHandlersDelay,
+  useIsMobile: () => import_hooks.useIsMobile,
   useIsShowingEllipsis: () => import_hooks.useIsShowingEllipsis,
   useMeasure: () => import_hooks.useMeasure,
   useOnClickOutside: () => import_hooks.useOnClickOutside,
   useOnElementResize: () => import_hooks.useOnElementResize,
-  useParentElement: () => import_hooks.useParentElement,
   usePrevious: () => import_hooks.usePrevious,
   useResizeObserver: () => import_hooks.useResizeObserver,
-  useSetRef: () => import_hooks.useSetRef,
   useShouldRecalculate: () => import_hooks.useShouldRecalculate,
-  useUncontrolled: () => import_hooks.useUncontrolled,
   useWindowScrollerList: () => import_hooks.useWindowScrollerList,
-  useWindowSize: () => import_hooks.useWindowSize,
   validDate: () => import_operators.validDate,
   values: () => import_utils.values
 });
@@ -142,7 +134,8 @@ var import_timeUtils = require("./timeUtils");
 var import_compose = require("./compose");
 var import_platform = require("./platform");
 var import_reactTypesUtility = require("./reactTypesUtility");
-var import_scrollingTimer = require("./scrollingTimer");
 var import_validations = require("./validations");
+__reExport(src_exports, require("./deprecated"));
+__reExport(src_exports, require("./props-helpers"));
 module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useUncontrolled,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  useWindowSize,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useSetRef,\n  useParentElement,\n  useOnElementResize,\n  useIsShowingEllipsis,\n  useCallbackAfterRender,\n  useFocusTrap,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport {\n  isClassComponent,\n  isFunctionComponent,\n  isReactComponent,\n  isElement,\n  isDOMTypeElement,\n  isCompositeTypeElement,\n} from './reactTypesUtility';\nexport { resetTimer } from './scrollingTimer';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAiD;AACjD,qDAAmE;AACnE,wBAA2B;AAC3B,uBAeO;AACP,mBA+CO;AACP,oBAA0C;AAC1C,mBAsBO;AACP,uBAAwD;AACxD,qBAAwB;AACxB,sBAAiC;AACjC,+BAOO;AACP,4BAA2B;AAC3B,yBAAuD;",
+  "sourcesContent": ["export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useOnElementResize,\n  useIsShowingEllipsis,\n  useCallbackAfterRender,\n  useFocusTrap,\n  UseFocusTrapWithSchema,\n  useIsMobile,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport { isDOMTypeElement } from './reactTypesUtility';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\n\n// TODO -- REMOVE WHEN READY\nexport * from './deprecated';\nexport * from './props-helpers';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAiD;AACjD,qDAAmE;AACnE,wBAA2B;AAC3B,uBAeO;AACP,mBA+CO;AACP,oBAA0C;AAC1C,mBAoBO;AACP,uBAAwD;AACxD,qBAAwB;AACxB,sBAAiC;AACjC,+BAAiC;AACjC,yBAAuD;AAGvD,wBAAc;AACd,wBAAc;",
   "names": []
 }

package/dist/cjs/onClickHandlerForNonInteractiveElements.js

@@ -37,10 +37,10 @@ const onClickHandlerForNonInteractiveElements = (onClickHandler) => ({
   onClick: onClickHandler,
   onKeyPress: (event) => {
     event.stopPropagation();
-    const { keycode, key } = event;
+    const { keyCode, key } = event;
     if (key === "Enter")
       onClickHandler(event);
-    else if (keycode === 13)
+    else if (keyCode === 13)
       onClickHandler(event);
   }
 });

package/dist/cjs/onClickHandlerForNonInteractiveElements.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/onClickHandlerForNonInteractiveElements.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/**\n * onClickHandler: callback\n *\n * @param onClickHandler\n */\nexport const onClickHandlerForNonInteractiveElements = onClickHandler => ({\n  role: 'button',\n  tabIndex: '0',\n  onClick: onClickHandler,\n  onKeyPress: event => {\n    event.stopPropagation();\n    const { keycode, key } = event;\n    if (key === 'Enter') onClickHandler(event);\n    else if (keycode === 13) onClickHandler(event);\n  },\n});\n\nexport default onClickHandlerForNonInteractiveElements;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKhB,MAAM,0CAA0C,oBAAmB;AAAA,EACxE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY,WAAS;AACnB,UAAM;AACN,UAAM,EAAE,SAAS,QAAQ;AACzB,QAAI,QAAQ;AAAS,qBAAe;AAAA,aAC3B,YAAY;AAAI,qBAAe;AAAA;AAAA;AAI5C,IAAO,kDAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nexport const onClickHandlerForNonInteractiveElements = (\n  onClickHandler: React.MouseEventHandler & React.KeyboardEventHandler,\n) => ({\n  role: 'button',\n  tabIndex: '0',\n  onClick: onClickHandler,\n  onKeyPress: (event: React.KeyboardEvent) => {\n    event.stopPropagation();\n    const { keyCode, key } = event;\n    if (key === 'Enter') onClickHandler(event);\n    else if (keyCode === 13) onClickHandler(event);\n  },\n});\n\nexport default onClickHandlerForNonInteractiveElements;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,0CAA0C,CACrD,mBACI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY,CAAC,UAA+B;AAC1C,UAAM,gBAAgB;AACtB,UAAM,EAAE,SAAS,QAAQ;AACzB,QAAI,QAAQ;AAAS,qBAAe,KAAK;AAAA,aAChC,YAAY;AAAI,qBAAe,KAAK;AAAA,EAC/C;AACF;AAEA,IAAO,kDAAQ;",
   "names": []
 }

package/dist/cjs/operators.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/operators.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { isEmpty } from 'lodash';\n/**\n * Check if the value is null undefined ''\n *\n * @param value\n */\nexport const checkNotEmpty = (value) =>\n  value === '' || value === undefined || value == [] || value === null || isEmpty(value);\n\nexport const checkEmpty = (value) => !isEmpty(value)\n/**\n * @param value: number\n * @param comparator: number\n * @param value\n * @param comparator\n */\nexport const greaterThan = (value, comparator) => value > comparator;\n\n/**\n * Check if a valid date with format MM/DD/YYYY\n *\n * @param {*} value: string\n * @param value\n */\nexport const validDate = (value) => {\n  const dateValidationRegex = /^\\d{1,2}\\/\\d{1,2}\\/\\d{4}$/;\n  if (!dateValidationRegex.test(value)) return false;\n  const [m, d, y] = value.split('/').map((n) => Number(n));\n  return (\n    m === Number(new Date(y, m - 1, d).getMonth()) + 1 &&\n    d === Number(new Date(y, m - 1, d).getDate())\n  );\n};\n\nexport const equal = (a, b) => a === b;\n\nexport const notEqual = (a, b) => !equal(a, b);\n\nexport const isNull = (a) => checkNotEmpty(a);\n\nexport const isNotNull = (a) => !isNull(a);\n\nexport const isIn = (a, b) => b.indexOf(a) > -1;\n\nexport const isNotIn = (a, b) => !isIn(a, b);\n\nexport const greaterThanOrEquals = (value, comparator) => value >= comparator;\nexport const lessThanOrEquals = (value, comparator) => value <= comparator;\nexport const startsWith = (value, comparator) =>\n  String(value).startsWith(comparator);\nexport const contains = (value, comparator) =>\n  String(value).includes(comparator);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAwB;AAMjB,MAAM,gBAAgB,CAAC,UAC5B,UAAU,MAAM,UAAU,UAAa,SAAS,MAAM,UAAU,QAAQ,2BAAQ;AAE3E,MAAM,aAAa,CAAC,UAAU,CAAC,2BAAQ;AAOvC,MAAM,cAAc,CAAC,OAAO,eAAe,QAAQ;AAQnD,MAAM,YAAY,CAAC,UAAU;AAClC,QAAM,sBAAsB;AAC5B,MAAI,CAAC,oBAAoB,KAAK;AAAQ,WAAO;AAC7C,QAAM,CAAC,GAAG,GAAG,KAAK,MAAM,MAAM,KAAK,IAAI,CAAC,MAAM,OAAO;AACrD,SACE,MAAM,OAAO,IAAI,KAAK,GAAG,IAAI,GAAG,GAAG,cAAc,KACjD,MAAM,OAAO,IAAI,KAAK,GAAG,IAAI,GAAG,GAAG;AAAA;AAIhC,MAAM,QAAQ,CAAC,GAAG,MAAM,MAAM;AAE9B,MAAM,WAAW,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG;AAErC,MAAM,SAAS,CAAC,MAAM,cAAc;AAEpC,MAAM,YAAY,CAAC,MAAM,CAAC,OAAO;AAEjC,MAAM,OAAO,CAAC,GAAG,MAAM,EAAE,QAAQ,KAAK;AAEtC,MAAM,UAAU,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG;AAEnC,MAAM,sBAAsB,CAAC,OAAO,eAAe,SAAS;AAC5D,MAAM,mBAAmB,CAAC,OAAO,eAAe,SAAS;AACzD,MAAM,aAAa,CAAC,OAAO,eAChC,OAAO,OAAO,WAAW;AACpB,MAAM,WAAW,CAAC,OAAO,eAC9B,OAAO,OAAO,SAAS;",
+  "sourcesContent": ["import { isEmpty } from 'lodash';\n\n// Check if the value is empty\nexport const checkNotEmpty = (value: unknown) =>\n  // eslint-disable-next-line eqeqeq\n  value === '' || value === undefined || value == [] || value === null || isEmpty(value);\n\n// Check if the value is not empty\nexport const checkEmpty = (value: unknown) => !isEmpty(value);\n\nexport const greaterThan = (value: number, comparator: number) => value > comparator;\n\n// Check if a valid date with format MM/DD/YYYY\nexport const validDate = (value: string) => {\n  const dateValidationRegex = /^\\d{1,2}\\/\\d{1,2}\\/\\d{4}$/;\n  if (!dateValidationRegex.test(value)) return false;\n  const [m, d, y] = value.split('/').map((n) => Number(n));\n  return m === Number(new Date(y, m - 1, d).getMonth()) + 1 && d === Number(new Date(y, m - 1, d).getDate());\n};\n\nexport const equal = (a: unknown, b: unknown) => a === b;\n\nexport const notEqual = (a: unknown, b: unknown) => !equal(a, b);\n\nexport const isNull = (a: unknown) => checkNotEmpty(a);\n\nexport const isNotNull = (a: unknown) => !isNull(a);\n\nexport const isIn = <T,>(a: T, b: T[]) => b.indexOf(a) > -1;\n\nexport const isNotIn = <T,>(a: T, b: T[]) => !isIn(a, b);\n\nexport const greaterThanOrEquals = (value: number, comparator: number) => value >= comparator;\nexport const lessThanOrEquals = (value: number, comparator: number) => value <= comparator;\nexport const startsWith = (value: unknown, comparator: string) => String(value).startsWith(comparator);\nexport const contains = (value: unknown, comparator: string) => String(value).includes(comparator);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAwB;AAGjB,MAAM,gBAAgB,CAAC,UAE5B,UAAU,MAAM,UAAU,UAAa,SAAS,CAAC,KAAK,UAAU,QAAQ,2BAAQ,KAAK;AAGhF,MAAM,aAAa,CAAC,UAAmB,CAAC,2BAAQ,KAAK;AAErD,MAAM,cAAc,CAAC,OAAe,eAAuB,QAAQ;AAGnE,MAAM,YAAY,CAAC,UAAkB;AAC1C,QAAM,sBAAsB;AAC5B,MAAI,CAAC,oBAAoB,KAAK,KAAK;AAAG,WAAO;AAC7C,QAAM,CAAC,GAAG,GAAG,KAAK,MAAM,MAAM,GAAG,EAAE,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC;AACvD,SAAO,MAAM,OAAO,IAAI,KAAK,GAAG,IAAI,GAAG,CAAC,EAAE,SAAS,CAAC,IAAI,KAAK,MAAM,OAAO,IAAI,KAAK,GAAG,IAAI,GAAG,CAAC,EAAE,QAAQ,CAAC;AAC3G;AAEO,MAAM,QAAQ,CAAC,GAAY,MAAe,MAAM;AAEhD,MAAM,WAAW,CAAC,GAAY,MAAe,CAAC,MAAM,GAAG,CAAC;AAExD,MAAM,SAAS,CAAC,MAAe,cAAc,CAAC;AAE9C,MAAM,YAAY,CAAC,MAAe,CAAC,OAAO,CAAC;AAE3C,MAAM,OAAO,CAAK,GAAM,MAAW,EAAE,QAAQ,CAAC,IAAI;AAElD,MAAM,UAAU,CAAK,GAAM,MAAW,CAAC,KAAK,GAAG,CAAC;AAEhD,MAAM,sBAAsB,CAAC,OAAe,eAAuB,SAAS;AAC5E,MAAM,mBAAmB,CAAC,OAAe,eAAuB,SAAS;AACzE,MAAM,aAAa,CAAC,OAAgB,eAAuB,OAAO,KAAK,EAAE,WAAW,UAAU;AAC9F,MAAM,WAAW,CAAC,OAAgB,eAAuB,OAAO,KAAK,EAAE,SAAS,UAAU;",
   "names": []
 }

package/dist/cjs/props-helpers/defaultProps/index.js

@@ -0,0 +1,28 @@
+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 __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 defaultProps_exports = {};
+var React = __toESM(require("react"));
+__reExport(defaultProps_exports, require("./useMemoMergePropsWithDefault"));
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/props-helpers/defaultProps/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/props-helpers/defaultProps/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './useMemoMergePropsWithDefault';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,iCAAc;",
+  "names": []
+}