@elliemae/ds-utilities 3.0.0-next.8 → 3.0.0-next.80

package/dist/esm/hooks/useResizeObserver.js

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useResizeObserver.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\nimport raf from 'raf';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport const useResizeObserver = (handler, el) => {\n  const [node, setRef] = useState(el);\n\n  const resizeObserver = new ResizeObserver(entries => {\n    if (!Array.isArray(entries)) return;\n    if (!entries.length) return;\n    const entry = entries[0];\n\n    // execute on the next animation frame\n    raf(() =>\n      handler(\n        {\n          width: entry.target.offsetWidth,\n          height: entry.target.offsetHeight,\n        },\n        entry.target,\n      ),\n    );\n  });\n\n  const htmlEl = el || node;\n\n  useEffect(() => {\n    if (htmlEl) resizeObserver.observe(htmlEl);\n    return () => htmlEl && resizeObserver.unobserve(htmlEl);\n  }, [htmlEl]);\n\n  return [setRef];\n};\n\nexport default useResizeObserver;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,oBAAoB,CAAC,SAAS,OAAO;AAChD,QAAM,CAAC,MAAM,UAAU,SAAS;AAEhC,QAAM,iBAAiB,IAAI,eAAe,aAAW;AACnD,QAAI,CAAC,MAAM,QAAQ;AAAU;AAC7B,QAAI,CAAC,QAAQ;AAAQ;AACrB,UAAM,QAAQ,QAAQ;AAGtB,QAAI,MACF,QACE;AAAA,MACE,OAAO,MAAM,OAAO;AAAA,MACpB,QAAQ,MAAM,OAAO;AAAA,OAEvB,MAAM;AAAA;AAKZ,QAAM,SAAS,MAAM;AAErB,YAAU,MAAM;AACd,QAAI;AAAQ,qBAAe,QAAQ;AACnC,WAAO,MAAM,UAAU,eAAe,UAAU;AAAA,KAC/C,CAAC;AAEJ,SAAO,CAAC;AAAA;AAGV,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAIO,MAAM,oBAAoB,CAAC,SAAmB,OAAoB;AACvE,QAAM,CAAC,MAAM,UAAU,SAAS,EAAE;AAElC,QAAM,iBAAiB,QACrB,MACE,IAAI,eAAe,CAAC,YAAY;AAC9B,QAAI,CAAC,MAAM,QAAQ,OAAO;AAAG;AAC7B,QAAI,CAAC,QAAQ;AAAQ;AACrB,UAAM,QAAQ,QAAQ;AAGtB,QAAI,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,YAAU,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/esm/hooks/useShouldRecalculate.js.map

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

package/dist/esm/hooks/useWindowScrollerList.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef } from "react";
 function getScrollOffset(element = { scrollTop: 0, scrollLeft: 0 }) {
   return {
     top: element.scrollTop,
@@ -16,15 +16,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 = useRef();
   const listOffset = useRef();
-  const getElementOffset = () => {
-    listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
-  };
-  const handleScroll = (e) => {
+  const getElementOffset = useCallback(() => {
+    if (outerListRef.current && scrollableParent.current) {
+      listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
+    }
+  }, [outerListRef]);
+  const handleScroll = useCallback((e) => {
     if (!scrollableParent.current) {
       const containerTarget = e.target === document ? document.body : e.target;
       scrollableParent.current = isParent(containerTarget, outerListRef.current) && containerTarget;
@@ -33,10 +35,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]);
   useEffect(() => {
     window.addEventListener("scroll", handleScroll, true);
     window.addEventListener("resize", getElementOffset, true);
@@ -44,7 +46,7 @@ const useWindowScrollerList = ({ listInstance, outerListRef }) => {
       window.removeEventListener("scroll", handleScroll, true);
       window.removeEventListener("resize", getElementOffset, true);
     };
-  }, []);
+  }, [getElementOffset, handleScroll]);
 };
 var useWindowScrollerList_default = useWindowScrollerList;
 export {

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

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

@@ -2,6 +2,7 @@ import * as React from "react";
 import { default as default2 } from "./getComponentFromProps";
 import { default as default3 } from "./onClickHandlerForNonInteractiveElements";
 import { capitalize } from "./capitalize";
+import { getObjectValuesToArray, getObjectKeysToArray } from "./objectUtilities";
 import {
   checkNotEmpty,
   checkEmpty,
@@ -71,7 +72,6 @@ import {
   useMeasure,
   useForceUpdate,
   useOnClickOutside,
-  useUncontrolled,
   useExecutionTimer,
   useExpandState,
   useHotkeys,
@@ -79,32 +79,35 @@ import {
   useResizeObserver,
   useShouldRecalculate,
   useWindowScrollerList,
-  useWindowSize,
   usePrevious,
   useCancellableDelayedCallback,
   useDerivedStateFromProps,
-  useSetRef,
-  useParentElement,
   useOnElementResize,
   useIsShowingEllipsis,
   useCallbackAfterRender,
-  useFocusTrap
+  useFocusTrap,
+  UseFocusTrapWithSchema,
+  useIsMobile,
+  useOnBlurOut,
+  UseOnBlurOutWithSchema,
+  useOnFirstFocusIn,
+  UseOnFirstFocusInWithSchema,
+  useOnSpecificFocus,
+  UseOnSpecificFocusWithSchema
 } from "./hooks";
 import { getVisibleTimeByFormat, addLeadingZeros } from "./timeUtils";
 import { compose } from "./compose";
 import { DOCUMENT, WINDOW } from "./platform";
-import {
-  isClassComponent,
-  isFunctionComponent,
-  isReactComponent,
-  isElement,
-  isDOMTypeElement,
-  isCompositeTypeElement
-} from "./reactTypesUtility";
-import { resetTimer } from "./scrollingTimer";
+import { isDOMTypeElement } from "./reactTypesUtility";
 import { isRequired, isGreaterThan, isValidDate } from "./validations";
+export * from "./deprecated";
+export * from "./props-helpers";
 export {
   DOCUMENT,
+  UseFocusTrapWithSchema,
+  UseOnBlurOutWithSchema,
+  UseOnFirstFocusInWithSchema,
+  UseOnSpecificFocusWithSchema,
   WINDOW,
   addLeadingZeros,
   addOrRemove,
@@ -125,21 +128,19 @@ export {
   findIndex,
   get,
   default2 as getComponentFromProps,
+  getObjectKeysToArray,
+  getObjectValuesToArray,
   getVisibleTimeByFormat,
   greaterThan,
   greaterThanOrEquals,
   groupBy,
   hashArray,
   isBoolean,
-  isClassComponent,
-  isCompositeTypeElement,
   isDOMTypeElement,
-  isElement,
   isEmpty,
   isEqual,
   isEqualWith,
   isFunction,
-  isFunctionComponent,
   isGreaterThan,
   isIn,
   isNaN,
@@ -147,7 +148,6 @@ export {
   isNotNull,
   isNull,
   isObject,
-  isReactComponent,
   isRequired,
   isString,
   isValidDate,
@@ -169,7 +169,6 @@ export {
   pull,
   range,
   removeUndefinedProperties,
-  resetTimer,
   runAll,
   safeCall,
   set,
@@ -192,18 +191,18 @@ export {
   useForceUpdate,
   useHotkeys,
   useHoverHandlersDelay,
+  useIsMobile,
   useIsShowingEllipsis,
   useMeasure,
+  useOnBlurOut,
   useOnClickOutside,
   useOnElementResize,
-  useParentElement,
+  useOnFirstFocusIn,
+  useOnSpecificFocus,
   usePrevious,
   useResizeObserver,
-  useSetRef,
   useShouldRecalculate,
-  useUncontrolled,
   useWindowScrollerList,
-  useWindowSize,
   validDate,
   values
 };

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;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;AAgDA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport { getObjectValuesToArray, getObjectKeysToArray } from './objectUtilities';\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  useOnBlurOut,\n  UseOnBlurOutWithSchema,\n  useOnFirstFocusIn,\n  UseOnFirstFocusInWithSchema,\n  useOnSpecificFocus,\n  UseOnSpecificFocusWithSchema,\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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;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;AAgDA;AACA;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;AA2BA;AACA;AACA;AACA;AACA;AAGA;AACA;",
   "names": []
 }

package/dist/esm/objectUtilities.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+const JSONKeyValueRegExp = /"(.+?)": "(.+?)",?$/gm;
+const prettyStringfy = (obj) => JSON.stringify(obj, null, 2);
+function getFirstGroup(regexp, str) {
+  const array = [...str.matchAll(regexp)];
+  const firstGroup = array.map((m) => m[1]).filter((v) => v !== void 0);
+  if (firstGroup.length > 0)
+    return firstGroup;
+  return null;
+}
+function getSecondGroup(regexp, str) {
+  const array = [...str.matchAll(regexp)];
+  const secondGroup = array.map((m) => m[2]).filter((v) => v !== void 0);
+  if (secondGroup.length > 0)
+    return secondGroup;
+  return null;
+}
+const getObjectValuesToArray = (obj) => getSecondGroup(JSONKeyValueRegExp, prettyStringfy(obj));
+const getObjectKeysToArray = (obj) => getFirstGroup(JSONKeyValueRegExp, prettyStringfy(obj));
+export {
+  getObjectKeysToArray,
+  getObjectValuesToArray
+};
+//# sourceMappingURL=objectUtilities.js.map

package/dist/esm/objectUtilities.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/objectUtilities.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const JSONKeyValueRegExp = /\"(.+?)\": \"(.+?)\",?$/gm;\nconst prettyStringfy = (obj: Record<string, unknown>): string => JSON.stringify(obj, null, 2);\nfunction getFirstGroup(regexp: RegExp, str: string) {\n  const array = [...str.matchAll(regexp)];\n  const firstGroup = array.map((m) => m[1]).filter((v) => v !== undefined);\n  if (firstGroup.length > 0) return firstGroup;\n  return null;\n}\nfunction getSecondGroup(regexp: RegExp, str: string) {\n  const array = [...str.matchAll(regexp)];\n  const secondGroup = array.map((m) => m[2]).filter((v) => v !== undefined);\n  if (secondGroup.length > 0) return secondGroup;\n  return null;\n}\nexport const getObjectValuesToArray = (obj: Record<string, unknown>): string[] | null =>\n  getSecondGroup(JSONKeyValueRegExp, prettyStringfy(obj));\n\nexport const getObjectKeysToArray = (obj: Record<string, unknown>): string[] | null =>\n  getFirstGroup(JSONKeyValueRegExp, prettyStringfy(obj));"],
+  "mappings": "AAAA;ACAA,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB,CAAC,QAAyC,KAAK,UAAU,KAAK,MAAM,CAAC;AAC5F,uBAAuB,QAAgB,KAAa;AAClD,QAAM,QAAQ,CAAC,GAAG,IAAI,SAAS,MAAM,CAAC;AACtC,QAAM,aAAa,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,CAAC,MAAM,MAAM,MAAS;AACvE,MAAI,WAAW,SAAS;AAAG,WAAO;AAClC,SAAO;AACT;AACA,wBAAwB,QAAgB,KAAa;AACnD,QAAM,QAAQ,CAAC,GAAG,IAAI,SAAS,MAAM,CAAC;AACtC,QAAM,cAAc,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,CAAC,MAAM,MAAM,MAAS;AACxE,MAAI,YAAY,SAAS;AAAG,WAAO;AACnC,SAAO;AACT;AACO,MAAM,yBAAyB,CAAC,QACrC,eAAe,oBAAoB,eAAe,GAAG,CAAC;AAEjD,MAAM,uBAAuB,CAAC,QACnC,cAAc,oBAAoB,eAAe,GAAG,CAAC;",
+  "names": []
+}

package/dist/esm/onClickHandlerForNonInteractiveElements.js

@@ -5,10 +5,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/esm/onClickHandlerForNonInteractiveElements.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/onClickHandlerForNonInteractiveElements.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/**\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"],
-  "mappings": "AAAA;ACKO,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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACEO,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/esm/operators.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/operators.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAMO,MAAM,gBAAgB,CAAC,UAC5B,UAAU,MAAM,UAAU,UAAa,SAAS,MAAM,UAAU,QAAQ,QAAQ;AAE3E,MAAM,aAAa,CAAC,UAAU,CAAC,QAAQ;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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,gBAAgB,CAAC,UAE5B,UAAU,MAAM,UAAU,UAAa,SAAS,CAAC,KAAK,UAAU,QAAQ,QAAQ,KAAK;AAGhF,MAAM,aAAa,CAAC,UAAmB,CAAC,QAAQ,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/esm/props-helpers/defaultProps/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./useMemoMergePropsWithDefault";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/props-helpers/defaultProps/useMemoMergePropsWithDefault.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import { useRef } from "react";
+import deepequal from "fast-deep-equal/react";
+const useMemoCompare = (next, compare) => {
+  const previousRef = useRef(next);
+  const previous = previousRef.current;
+  const isEqual = compare(previous, next);
+  if (!isEqual)
+    previousRef.current = next;
+  return isEqual ? previous : next;
+};
+const useMemoMergePropsWithDefault = (props, defaultProps, compare = deepequal) => {
+  const mergedProps = __spreadValues(__spreadValues({}, defaultProps), props);
+  return useMemoCompare(mergedProps, compare);
+};
+export {
+  useMemoMergePropsWithDefault
+};
+//# sourceMappingURL=useMemoMergePropsWithDefault.js.map

package/dist/esm/props-helpers/defaultProps/useMemoMergePropsWithDefault.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/props-helpers/defaultProps/useMemoMergePropsWithDefault.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\nimport deepequal from 'fast-deep-equal/react';\n\n// Hook\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst useMemoCompare = <T = any>(next: T, compare: (prevToCompare: T, nextToCompare: T) => boolean): T => {\n  // Ref for storing previous value\n  const previousRef = useRef(next);\n  const previous = previousRef.current;\n  // Pass previous and next value to compare function\n  // to determine whether to consider them equal.\n  const isEqual = compare(previous, next);\n  // If not equal update previousRef to next value.\n  // We only update if not equal so that this hook continues to return\n  // the same old value if compare keeps returning true.\n  if (!isEqual) previousRef.current = next;\n  // Finally, if equal then return the previous value\n  return isEqual ? previous : next;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useMemoMergePropsWithDefault = <T = Record<string, any>>(\n  props: Partial<T>,\n  defaultProps: Partial<T>,\n  compare = deepequal,\n): T => {\n  const mergedProps = { ...defaultProps, ...props } as T;\n\n  return useMemoCompare<T>(mergedProps, compare);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAIA,MAAM,iBAAiB,CAAU,MAAS,YAAgE;AAExG,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,WAAW,YAAY;AAG7B,QAAM,UAAU,QAAQ,UAAU,IAAI;AAItC,MAAI,CAAC;AAAS,gBAAY,UAAU;AAEpC,SAAO,UAAU,WAAW;AAC9B;AAGO,MAAM,+BAA+B,CAC1C,OACA,cACA,UAAU,cACJ;AACN,QAAM,cAAc,kCAAK,eAAiB;AAE1C,SAAO,eAAkB,aAAa,OAAO;AAC/C;",
+  "names": []
+}

package/dist/esm/props-helpers/getProps/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+const getAriaProps = (props) => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes("aria-")));
+const getDataProps = (props) => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes("data-")));
+export {
+  getAriaProps,
+  getDataProps
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/props-helpers/getProps/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/props-helpers/getProps/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getAriaProps = <T = Record<string, unknown>>(props: T): Record<string, string> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('aria-')));\n\nexport const getDataProps = <T = Record<string, unknown>>(props: T): Record<string, string> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('data-')));\n"],
+  "mappings": "AAAA;ACAO,MAAM,eAAe,CAA8B,UACxD,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,IAAI,SAAS,OAAO,CAAC,CAAC;AAE5E,MAAM,eAAe,CAA8B,UACxD,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,IAAI,SAAS,OAAO,CAAC,CAAC;",
+  "names": []
+}