@elliemae/ds-utilities 3.0.0-next.36 → 3.0.0-next.39

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,EAAE;AAElC,QAAM,iBAAiB,IAAI,eAAe,aAAW;AACnD,QAAI,CAAC,MAAM,QAAQ,OAAO;AAAG;AAC7B,QAAI,CAAC,QAAQ;AAAQ;AACrB,UAAM,QAAQ,QAAQ;AAGtB,QAAI,MACF,QACE;AAAA,MACE,OAAO,MAAM,OAAO;AAAA,MACpB,QAAQ,MAAM,OAAO;AAAA,IACvB,GACA,MAAM,MACR,CACF;AAAA,EACF,CAAC;AAED,QAAM,SAAS,MAAM;AAErB,YAAU,MAAM;AACd,QAAI;AAAQ,qBAAe,QAAQ,MAAM;AACzC,WAAO,MAAM,UAAU,eAAe,UAAU,MAAM;AAAA,EACxD,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO,CAAC,MAAM;AAChB;AAEA,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,CAAC;AAC7B,MAAI,CAAC,MAAM;AAET,iBAAa,WAAW;AAAA,EAC1B;AACA,SAAO,aAAa;AACtB;AAEA,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,EAAE,GAAG;AAClE,SAAO;AAAA,IACL,KAAK,QAAQ;AAAA,IACb,MAAM,QAAQ;AAAA,EAChB;AACF;AAEA,2BAA2B,QAAQ,cAAc;AAC/C,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,YAAY,WAAW;AACvC,SACE,UAAU,eAAe,cACxB,UAAU,cAAc,SAAS,YAAY,UAAU,UAAU;AAEtE;AAEO,MAAM,wBAAwB,CAAC,EAAE,cAAc,mBAAmB;AACvE,QAAM,mBAAmB,OAAO;AAChC,QAAM,aAAa,OAAO;AAE1B,QAAM,mBAAmB,MAAM;AAC7B,eAAW,UAAU,kBACnB,aAAa,SACb,iBAAiB,OACnB;AAAA,EACF;AAEA,QAAM,eAAe,OAAK;AACxB,QAAI,CAAC,iBAAiB,SAAS;AAC7B,YAAM,kBAAkB,EAAE,WAAW,WAAW,SAAS,OAAO,EAAE;AAClE,uBAAiB,UACf,SAAS,iBAAiB,aAAa,OAAO,KAAK;AAAA,IACvD;AAEA,QAAI,CAAC,iBAAiB;AAAS;AAE/B,qBAAiB;AAEjB,UAAM,eAAe,gBAAgB,iBAAiB,OAAO;AAC7D,UAAM,YAAY,KAAK,IAAI,GAAG,aAAa,MAAM,WAAW,QAAQ,GAAG;AACvE,QAAI,aAAa;AAAS,mBAAa,QAAQ,SAAS,SAAS;AAAA,EACnE;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,CAAC;AACP;AAEA,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

@@ -71,7 +71,6 @@ import {
   useMeasure,
   useForceUpdate,
   useOnClickOutside,
-  useUncontrolled,
   useExecutionTimer,
   useExpandState,
   useHotkeys,
@@ -79,12 +78,9 @@ import {
   useResizeObserver,
   useShouldRecalculate,
   useWindowScrollerList,
-  useWindowSize,
   usePrevious,
   useCancellableDelayedCallback,
   useDerivedStateFromProps,
-  useSetRef,
-  useParentElement,
   useOnElementResize,
   useIsShowingEllipsis,
   useCallbackAfterRender,
@@ -95,16 +91,9 @@ import {
 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,
@@ -135,15 +124,11 @@ export {
   groupBy,
   hashArray,
   isBoolean,
-  isClassComponent,
-  isCompositeTypeElement,
   isDOMTypeElement,
-  isElement,
   isEmpty,
   isEqual,
   isEqualWith,
   isFunction,
-  isFunctionComponent,
   isGreaterThan,
   isIn,
   isNaN,
@@ -151,7 +136,6 @@ export {
   isNotNull,
   isNull,
   isObject,
-  isReactComponent,
   isRequired,
   isString,
   isValidDate,
@@ -173,7 +157,6 @@ export {
   pull,
   range,
   removeUndefinedProperties,
-  resetTimer,
   runAll,
   safeCall,
   set,
@@ -201,14 +184,10 @@ export {
   useMeasure,
   useOnClickOutside,
   useOnElementResize,
-  useParentElement,
   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  UseFocusTrapWithSchema,\n  useIsMobile,\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\nexport * from './props-helpers';\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;AAAA;AAAA;AAyBA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AAEA;",
+  "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  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"],
+  "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;AAqBA;AACA;AACA;AACA;AACA;AAGA;AACA;",
   "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,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;",
+  "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,CAAC,KAAK,UAAU,QAAQ,QAAQ,KAAK;AAEhF,MAAM,aAAa,CAAC,UAAU,CAAC,QAAQ,KAAK;AAO5C,MAAM,cAAc,CAAC,OAAO,eAAe,QAAQ;AAQnD,MAAM,YAAY,CAAC,UAAU;AAClC,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,SACE,MAAM,OAAO,IAAI,KAAK,GAAG,IAAI,GAAG,CAAC,EAAE,SAAS,CAAC,IAAI,KACjD,MAAM,OAAO,IAAI,KAAK,GAAG,IAAI,GAAG,CAAC,EAAE,QAAQ,CAAC;AAEhD;AAEO,MAAM,QAAQ,CAAC,GAAG,MAAM,MAAM;AAE9B,MAAM,WAAW,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;AAEtC,MAAM,SAAS,CAAC,MAAM,cAAc,CAAC;AAErC,MAAM,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;AAElC,MAAM,OAAO,CAAC,GAAG,MAAM,EAAE,QAAQ,CAAC,IAAI;AAEtC,MAAM,UAAU,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC;AAEpC,MAAM,sBAAsB,CAAC,OAAO,eAAe,SAAS;AAC5D,MAAM,mBAAmB,CAAC,OAAO,eAAe,SAAS;AACzD,MAAM,aAAa,CAAC,OAAO,eAChC,OAAO,KAAK,EAAE,WAAW,UAAU;AAC9B,MAAM,WAAW,CAAC,OAAO,eAC9B,OAAO,KAAK,EAAE,SAAS,UAAU;",
+  "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/validation/typescriptValidator.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useMemo, useState } from "react";
+import { useMemo, useRef } from "react";
 import { describe } from "../propTypes";
 import { throwRequiredError, throwTypeError } from "./errorTemplates";
 import {
@@ -138,17 +138,18 @@ const validateTypescriptPropTypesImplementation = (props, schema, validationsMem
   });
 };
 const useValidateTypescriptPropTypes = (props, propTypes) => {
-  const [validationsMemo, setValidationsMemo] = useState({});
-  const ComponentWithSchema = useMemo(() => {
+  const validationsMemo = useRef({});
+  const typescriptSchema = useMemo(() => {
     const Component = () => {
     };
-    return describe(Component);
-  }, []);
-  ComponentWithSchema.propTypes = propTypes;
+    const DescribedComponent = describe(Component);
+    DescribedComponent.propTypes = propTypes;
+    return DescribedComponent.toTypescript();
+  }, [propTypes]);
   useMemo(() => {
     const nextValidationsMemo = {};
-    validateTypescriptPropTypesImplementation(props, ComponentWithSchema.toTypescript(), validationsMemo, nextValidationsMemo);
-    setValidationsMemo(nextValidationsMemo);
+    validateTypescriptPropTypesImplementation(props, typescriptSchema, validationsMemo.current, nextValidationsMemo);
+    validationsMemo.current = nextValidationsMemo;
   }, [props]);
 };
 export {

package/dist/esm/props-helpers/validation/typescriptValidator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/props-helpers/validation/typescriptValidator.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable max-params */\nimport { PropsWithChildren, useMemo, useState } from 'react';\nimport { TypescriptDocumentation } from '../propTypes/types';\nimport { describe } from '../propTypes';\nimport { throwRequiredError, throwTypeError } from './errorTemplates';\nimport {\n  isArray,\n  isFunction,\n  isJSXorNode,\n  isObject,\n  isPrimitiveType,\n  isSomethingWithParenthesis,\n  isString,\n  isUnion,\n  isUndefined,\n  isNull,\n} from './typescriptGuards';\nimport { typescriptObjectParser } from './typescriptParsers';\n\ntype ValidatorFn = (\n  schemaName: string,\n  key: string,\n  value: unknown,\n  format: string,\n  validationsMemo: Record<symbol, string>,\n  nextValidationsMemo: Record<symbol, string>,\n) => void;\n\n// =============================================================================\n// Atom Validators\n// =============================================================================\n\n// This functions will validate something from the data\n// and optionally recursively apply `validateValueWithFormat`\n// in smaller parts\n\nconst validateUndefined: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== undefined || value === 'undefined') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\nconst validateNull: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== null || value === 'null') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\nconst validatePrimitiveType: ValidatorFn = (schemaName, key, value, format) => {\n  if (typeof value !== format) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateString: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== format.slice(1, -1)) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateArray: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  // Check that we have an array\n  if (!Array.isArray(value)) {\n    throwTypeError(schemaName, key, value, format);\n  }\n\n  // Check that each element inside satisfies the format\n  (value as unknown[]).forEach((val, index) => {\n    // this is a recursive func, we need to invoke it before it's defined.\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    validateValueWithFormat(\n      schemaName,\n      `${key}[${index}]`,\n      val,\n      format.slice(0, -2),\n      validationsMemo,\n      nextValidationsMemo,\n    );\n  });\n};\nfunction isObjectType(value: unknown | Record<string, unknown>): value is Record<string, unknown> {\n  return !(typeof value !== 'object' || Array.isArray(value));\n}\nconst validateObject: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  const valuesIsObject = isObjectType(value);\n  // Check that we have an object\n  if (!valuesIsObject) {\n    throwTypeError(schemaName, key, value, format);\n    return;\n  }\n\n  if (format === 'object') return;\n\n  const keyValuePairs = typescriptObjectParser(format);\n  // Now we have the key - value pairs\n  // Each key could either be required or not\n  // Just recursively check the object\n\n  keyValuePairs.forEach(([objectKey, objectValue]) => {\n    const trueKey = objectKey.slice(-1) === '?' ? objectKey.slice(0, -1) : objectKey;\n\n    if (trueKey === objectKey && !(trueKey in value)) {\n      throwRequiredError(schemaName, key);\n    }\n\n    if (trueKey in value) {\n      // this is a recursive func, we need to invoke it before it's defined.\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      validateValueWithFormat(\n        schemaName,\n        `${key}[${trueKey}]`,\n        value[trueKey],\n        objectValue,\n        validationsMemo,\n        nextValidationsMemo,\n      );\n    }\n  });\n};\n\nconst validateUnion: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  const possibilities = format.split(/\\s?\\|\\s?/);\n\n  const errors = [];\n\n  possibilities.forEach((possibility) => {\n    try {\n      // this is a recursive func, we need to invoke it before it's defined.\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      validateValueWithFormat(schemaName, key, value, possibility, validationsMemo, nextValidationsMemo);\n    } catch (e) {\n      errors.push(e);\n    }\n  });\n\n  if (errors.length === possibilities.length) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateFunction: ValidatorFn = (schemaName, key, value, format) => {\n  // Check that we have a function\n  if (typeof value !== 'function') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nfunction isJSXElement(value: unknown | JSX.Element): value is JSX.Element {\n  return value === null || (typeof value === 'object' && value !== null && '$$typeof' in value);\n}\nconst validateJSXorNode: ValidatorFn = (schemaName, key, value, format) => {\n  const valueIsJSX = isJSXElement(value);\n  if (format === 'JSX.Element' && !valueIsJSX) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\n// =============================================================================\n// Schema validator\n// =============================================================================\n\nconst validateValueWithFormat: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  nextValidationsMemo[value as symbol] = format;\n\n  if ((value as symbol) in validationsMemo) {\n    // We already validated this value on this format\n    return;\n  }\n\n  if (isUndefined(format)) {\n    validateUndefined(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isNull(format)) {\n    validateNull(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isPrimitiveType(format)) {\n    validatePrimitiveType(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isUnion(format)) {\n    validateUnion(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isString(format)) {\n    validateString(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isArray(format)) {\n    validateArray(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isObject(format)) {\n    validateObject(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isFunction(format)) {\n    validateFunction(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isJSXorNode(format)) {\n    validateJSXorNode(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isSomethingWithParenthesis(format)) {\n    validateValueWithFormat(schemaName, key, value, format.slice(1, -1), validationsMemo, nextValidationsMemo);\n  }\n};\n\nexport const validateTypescriptPropTypesImplementation = (\n  props: PropsWithChildren<Record<string, unknown>>,\n  schema: TypescriptDocumentation,\n  validationsMemo: Record<string, string> = {},\n  nextValidationsMemo: Record<string, string> = {},\n): void => {\n  const { properties, name: schemaName } = schema;\n\n  properties.forEach((property) => {\n    const { name, format, required, isRequiredIf } = property;\n\n    const requiredConditionally = isRequiredIf && isRequiredIf(props);\n\n    if (required && !(name in props)) {\n      throwRequiredError(schema.name, name);\n    }\n\n    if (requiredConditionally && !(name in props)) {\n      throwRequiredError(schema.name, name);\n    }\n\n    const shouldValidateProperty = props[name] !== undefined || required || requiredConditionally;\n\n    if (name in props && format && shouldValidateProperty) {\n      validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);\n    }\n  });\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useValidateTypescriptPropTypes = <T = Record<string, any>>(\n  props: PropsWithChildren<T>,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  propTypes: any,\n): void => {\n  const [validationsMemo, setValidationsMemo] = useState({});\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const ComponentWithSchema = useMemo(() => {\n    const Component = () => {};\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call\n    return describe(Component);\n  }, []);\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment\n  ComponentWithSchema.propTypes = propTypes;\n\n  useMemo(() => {\n    const nextValidationsMemo = {};\n\n    validateTypescriptPropTypesImplementation(\n      props,\n      // eslint-disable-next-line  @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      ComponentWithSchema.toTypescript(),\n      validationsMemo,\n      nextValidationsMemo,\n    );\n    setValidationsMemo(nextValidationsMemo);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props]);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable max-params */\nimport { PropsWithChildren, useMemo, useRef, WeakValidationMap } from 'react';\nimport { TypescriptDocumentation } from '../propTypes/types';\nimport { describe } from '../propTypes';\nimport { throwRequiredError, throwTypeError } from './errorTemplates';\nimport {\n  isArray,\n  isFunction,\n  isJSXorNode,\n  isObject,\n  isPrimitiveType,\n  isSomethingWithParenthesis,\n  isString,\n  isUnion,\n  isUndefined,\n  isNull,\n} from './typescriptGuards';\nimport { typescriptObjectParser } from './typescriptParsers';\n\ntype ValidatorFn = (\n  schemaName: string,\n  key: string,\n  value: unknown,\n  format: string,\n  validationsMemo: Record<symbol, string>,\n  nextValidationsMemo: Record<symbol, string>,\n) => void;\n\n// =============================================================================\n// Atom Validators\n// =============================================================================\n\n// This functions will validate something from the data\n// and optionally recursively apply `validateValueWithFormat`\n// in smaller parts\n\nconst validateUndefined: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== undefined || value === 'undefined') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\nconst validateNull: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== null || value === 'null') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\nconst validatePrimitiveType: ValidatorFn = (schemaName, key, value, format) => {\n  if (typeof value !== format) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateString: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== format.slice(1, -1)) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateArray: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  // Check that we have an array\n  if (!Array.isArray(value)) {\n    throwTypeError(schemaName, key, value, format);\n  }\n\n  // Check that each element inside satisfies the format\n  (value as unknown[]).forEach((val, index) => {\n    // this is a recursive func, we need to invoke it before it's defined.\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    validateValueWithFormat(\n      schemaName,\n      `${key}[${index}]`,\n      val,\n      format.slice(0, -2),\n      validationsMemo,\n      nextValidationsMemo,\n    );\n  });\n};\nfunction isObjectType(value: unknown | Record<string, unknown>): value is Record<string, unknown> {\n  return !(typeof value !== 'object' || Array.isArray(value));\n}\nconst validateObject: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  const valuesIsObject = isObjectType(value);\n  // Check that we have an object\n  if (!valuesIsObject) {\n    throwTypeError(schemaName, key, value, format);\n    return;\n  }\n\n  if (format === 'object') return;\n\n  const keyValuePairs = typescriptObjectParser(format);\n  // Now we have the key - value pairs\n  // Each key could either be required or not\n  // Just recursively check the object\n\n  keyValuePairs.forEach(([objectKey, objectValue]) => {\n    const trueKey = objectKey.slice(-1) === '?' ? objectKey.slice(0, -1) : objectKey;\n\n    if (trueKey === objectKey && !(trueKey in value)) {\n      throwRequiredError(schemaName, key);\n    }\n\n    if (trueKey in value) {\n      // this is a recursive func, we need to invoke it before it's defined.\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      validateValueWithFormat(\n        schemaName,\n        `${key}[${trueKey}]`,\n        value[trueKey],\n        objectValue,\n        validationsMemo,\n        nextValidationsMemo,\n      );\n    }\n  });\n};\n\nconst validateUnion: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  const possibilities = format.split(/\\s?\\|\\s?/);\n\n  const errors = [];\n\n  possibilities.forEach((possibility) => {\n    try {\n      // this is a recursive func, we need to invoke it before it's defined.\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      validateValueWithFormat(schemaName, key, value, possibility, validationsMemo, nextValidationsMemo);\n    } catch (e) {\n      errors.push(e);\n    }\n  });\n\n  if (errors.length === possibilities.length) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateFunction: ValidatorFn = (schemaName, key, value, format) => {\n  // Check that we have a function\n  if (typeof value !== 'function') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nfunction isJSXElement(value: unknown | JSX.Element): value is JSX.Element {\n  return value === null || (typeof value === 'object' && value !== null && '$$typeof' in value);\n}\nconst validateJSXorNode: ValidatorFn = (schemaName, key, value, format) => {\n  const valueIsJSX = isJSXElement(value);\n  if (format === 'JSX.Element' && !valueIsJSX) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\n// =============================================================================\n// Schema validator\n// =============================================================================\n\nconst validateValueWithFormat: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  nextValidationsMemo[value as symbol] = format;\n\n  if ((value as symbol) in validationsMemo) {\n    // We already validated this value on this format\n    return;\n  }\n\n  if (isUndefined(format)) {\n    validateUndefined(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isNull(format)) {\n    validateNull(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isPrimitiveType(format)) {\n    validatePrimitiveType(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isUnion(format)) {\n    validateUnion(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isString(format)) {\n    validateString(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isArray(format)) {\n    validateArray(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isObject(format)) {\n    validateObject(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isFunction(format)) {\n    validateFunction(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isJSXorNode(format)) {\n    validateJSXorNode(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isSomethingWithParenthesis(format)) {\n    validateValueWithFormat(schemaName, key, value, format.slice(1, -1), validationsMemo, nextValidationsMemo);\n  }\n};\n\nexport const validateTypescriptPropTypesImplementation = (\n  props: PropsWithChildren<Record<string, unknown>>,\n  schema: TypescriptDocumentation,\n  validationsMemo: Record<string, string> = {},\n  nextValidationsMemo: Record<string, string> = {},\n): void => {\n  const { properties, name: schemaName } = schema;\n\n  properties.forEach((property) => {\n    const { name, format, required, isRequiredIf } = property;\n\n    const requiredConditionally = isRequiredIf && isRequiredIf(props);\n\n    if (required && !(name in props)) {\n      throwRequiredError(schema.name, name);\n    }\n\n    if (requiredConditionally && !(name in props)) {\n      throwRequiredError(schema.name, name);\n    }\n\n    const shouldValidateProperty = props[name] !== undefined || required || requiredConditionally;\n\n    if (name in props && format && shouldValidateProperty) {\n      validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);\n    }\n  });\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useValidateTypescriptPropTypes = <T = Record<string, any>>(\n  props: PropsWithChildren<T>,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  const validationsMemo = useRef<Record<string, string>>({});\n\n  const typescriptSchema = useMemo(() => {\n    const Component = () => {};\n\n    const DescribedComponent = describe(Component);\n    DescribedComponent.propTypes = propTypes;\n    return DescribedComponent.toTypescript();\n  }, [propTypes]);\n\n  useMemo(() => {\n    const nextValidationsMemo = {};\n\n    validateTypescriptPropTypesImplementation(props, typescriptSchema, validationsMemo.current, nextValidationsMemo);\n    validationsMemo.current = nextValidationsMemo;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props]);\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/reactTypesUtility.js

@@ -1,29 +1,8 @@
 import * as React from "react";
 import React2 from "react";
-function isClassComponent(component) {
-  return !!(typeof component === "function" && !!component.prototype.isReactComponent);
-}
-function isFunctionComponent(component) {
-  return typeof component === "function" && String(component).includes("return React.createElement");
-}
-function isReactComponent(component) {
-  return !!(isClassComponent(component) || isFunctionComponent(component));
-}
-function isElement(element) {
-  return React2.isValidElement(element);
-}
-function isDOMTypeElement(element) {
-  return isElement(element) && typeof element.type === "string";
-}
-function isCompositeTypeElement(element) {
-  return isElement(element) && typeof element.type === "function";
-}
+const isElement = (element) => React2.isValidElement(element);
+const isDOMTypeElement = (element) => isElement(element) && typeof element?.type === "string";
 export {
-  isClassComponent,
-  isCompositeTypeElement,
-  isDOMTypeElement,
-  isElement,
-  isFunctionComponent,
-  isReactComponent
+  isDOMTypeElement
 };
 //# sourceMappingURL=reactTypesUtility.js.map

package/dist/esm/reactTypesUtility.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/reactTypesUtility.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport function isClassComponent(component) {\n  return !!(typeof component === 'function' && !!component.prototype.isReactComponent);\n}\n\nexport function isFunctionComponent(component) {\n  return typeof component === 'function' && String(component).includes('return React.createElement');\n}\n\nexport function isReactComponent(component) {\n  return !!(isClassComponent(component) || isFunctionComponent(component));\n}\n\nexport function isElement(element) {\n  return React.isValidElement(element);\n}\n\nexport function isDOMTypeElement(element) {\n  return isElement(element) && typeof element.type === 'string';\n}\n\nexport function isCompositeTypeElement(element) {\n  return isElement(element) && typeof element.type === 'function';\n}\n"],
-  "mappings": "AAAA;ACAA;AAEO,0BAA0B,WAAW;AAC1C,SAAO,CAAC,CAAE,QAAO,cAAc,cAAc,CAAC,CAAC,UAAU,UAAU;AACrE;AAEO,6BAA6B,WAAW;AAC7C,SAAO,OAAO,cAAc,cAAc,OAAO,SAAS,EAAE,SAAS,4BAA4B;AACnG;AAEO,0BAA0B,WAAW;AAC1C,SAAO,CAAC,CAAE,kBAAiB,SAAS,KAAK,oBAAoB,SAAS;AACxE;AAEO,mBAAmB,SAAS;AACjC,SAAO,OAAM,eAAe,OAAO;AACrC;AAEO,0BAA0B,SAAS;AACxC,SAAO,UAAU,OAAO,KAAK,OAAO,QAAQ,SAAS;AACvD;AAEO,gCAAgC,SAAS;AAC9C,SAAO,UAAU,OAAO,KAAK,OAAO,QAAQ,SAAS;AACvD;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nconst isElement = (element: Record<string, unknown> | null | undefined) => React.isValidElement(element);\n\nexport const isDOMTypeElement = (element: Record<string, unknown> | null | undefined) =>\n  isElement(element) && typeof element?.type === 'string';\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY,CAAC,YAAwD,OAAM,eAAe,OAAO;AAEhG,MAAM,mBAAmB,CAAC,YAC/B,UAAU,OAAO,KAAK,OAAO,SAAS,SAAS;",
   "names": []
 }

package/dist/esm/system.js

@@ -7,19 +7,14 @@ const setRef = (ref, value) => {
     ref.current = value;
   }
 };
-function mergeRefs(...refs) {
-  return (node) => {
+const mergeRefs = (...refs) => {
+  const mergeRefsFunc = (node) => {
     if (!node)
       return;
-    refs.forEach((ref) => {
-      if (isFunction(ref)) {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    });
+    refs.forEach((ref) => setRef(ref, node));
   };
-}
+  return mergeRefsFunc;
+};
 function logger(...args) {
   console.log(...args);
 }

package/dist/esm/system.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/system.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction } from './utils';\n\nexport const setRef = (ref, value) => {\n  if (isFunction(ref)) {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n};\n\nexport function mergeRefs(...refs) {\n  return (node) => {\n    if (!node) return;\n    refs.forEach((ref) => {\n      if (isFunction(ref)) {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    });\n  };\n}\n\nexport function logger(...args) {\n  // eslint-disable-next-line no-console\n  console.log(...args);\n}\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,SAAS,CAAC,KAAK,UAAU;AACpC,MAAI,WAAW,GAAG,GAAG;AACnB,QAAI,KAAK;AAAA,EACX,WAAW,KAAK;AACd,QAAI,UAAU;AAAA,EAChB;AACF;AAEO,sBAAsB,MAAM;AACjC,SAAO,CAAC,SAAS;AACf,QAAI,CAAC;AAAM;AACX,SAAK,QAAQ,CAAC,QAAQ;AACpB,UAAI,WAAW,GAAG,GAAG;AACnB,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,mBAAmB,MAAM;AAE9B,UAAQ,IAAI,GAAG,IAAI;AACrB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction } from './utils';\n\ntype AnyRef<T extends HTMLElement> = React.MutableRefObject<T> | ((_ref: T) => void);\n\nexport const setRef = <T extends HTMLElement>(ref: AnyRef<T>, value: T) => {\n  if (isFunction(ref)) {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n};\n\nexport const mergeRefs = <T extends HTMLElement>(...refs: AnyRef<T>[]) => {\n  const mergeRefsFunc = (node: T) => {\n    if (!node) return;\n    refs.forEach((ref) => setRef(ref, node));\n  };\n  return mergeRefsFunc;\n};\n\nexport function logger(...args: unknown[]) {\n  // eslint-disable-next-line no-console\n  console.log(...args);\n}\n"],
+  "mappings": "AAAA;ACAA;AAIO,MAAM,SAAS,CAAwB,KAAgB,UAAa;AACzE,MAAI,WAAW,GAAG,GAAG;AACnB,QAAI,KAAK;AAAA,EACX,WAAW,KAAK;AACd,QAAI,UAAU;AAAA,EAChB;AACF;AAEO,MAAM,YAAY,IAA2B,SAAsB;AACxE,QAAM,gBAAgB,CAAC,SAAY;AACjC,QAAI,CAAC;AAAM;AACX,SAAK,QAAQ,CAAC,QAAQ,OAAO,KAAK,IAAI,CAAC;AAAA,EACzC;AACA,SAAO;AACT;AAEO,mBAAmB,MAAiB;AAEzC,UAAQ,IAAI,GAAG,IAAI;AACrB;",
   "names": []
 }

package/dist/esm/timeUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/timeUtils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { padStart } from './utils';\n\nexport const getVisibleTimeByFormat = format => ({\n  showHours:\n    format.indexOf('H') > -1 ||\n    format.indexOf('h') > -1 ||\n    format.indexOf('k') > -1,\n  showMinutes: format.indexOf('m') > -1,\n  showSeconds: format.indexOf('s') > -1,\n  use12Hours:\n    format.indexOf('A') > -1 ||\n    format.indexOf('h') > -1 ||\n    format.indexOf('a') > -1,\n});\n\nexport const addLeadingZeros = count => number =>\n  padStart(String(number), count, '0');\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB,YAAW;AAAA,EAC/C,WACE,OAAO,QAAQ,GAAG,IAAI,MACtB,OAAO,QAAQ,GAAG,IAAI,MACtB,OAAO,QAAQ,GAAG,IAAI;AAAA,EACxB,aAAa,OAAO,QAAQ,GAAG,IAAI;AAAA,EACnC,aAAa,OAAO,QAAQ,GAAG,IAAI;AAAA,EACnC,YACE,OAAO,QAAQ,GAAG,IAAI,MACtB,OAAO,QAAQ,GAAG,IAAI,MACtB,OAAO,QAAQ,GAAG,IAAI;AAC1B;AAEO,MAAM,kBAAkB,WAAS,YACtC,SAAS,OAAO,MAAM,GAAG,OAAO,GAAG;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { padStart } from './utils';\n\nexport const getVisibleTimeByFormat = (format: string) => ({\n  showHours: format.indexOf('H') > -1 || format.indexOf('h') > -1 || format.indexOf('k') > -1,\n  showMinutes: format.indexOf('m') > -1,\n  showSeconds: format.indexOf('s') > -1,\n  use12Hours: format.indexOf('A') > -1 || format.indexOf('h') > -1 || format.indexOf('a') > -1,\n});\n\nexport const addLeadingZeros = (count: number) => (number: number) => padStart(String(number), count, '0');\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB,CAAC,WAAoB;AAAA,EACzD,WAAW,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EACzF,aAAa,OAAO,QAAQ,GAAG,IAAI;AAAA,EACnC,aAAa,OAAO,QAAQ,GAAG,IAAI;AAAA,EACnC,YAAY,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAC5F;AAEO,MAAM,kBAAkB,CAAC,UAAkB,CAAC,WAAmB,SAAS,OAAO,MAAM,GAAG,OAAO,GAAG;",
   "names": []
 }

package/dist/esm/utils.js

@@ -87,9 +87,12 @@ function runAll(...fns) {
   });
 }
 function hashArray(arr, fieldName) {
-  return arr.reduce((result, item) => __spreadProps(__spreadValues({}, result), {
-    [fieldName ? item[fieldName] : item]: true
-  }), {});
+  return arr.reduce((result, item) => {
+    const newKey = fieldName && typeof item === "object" ? item[fieldName] : item;
+    return __spreadProps(__spreadValues({}, result), {
+      [newKey]: true
+    });
+  }, {});
 }
 function safeCall(fun, ...args) {
   if (isFunction(fun)) {

package/dist/esm/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable max-lines */\n/**\n * commonly used functions\n * Add a level of indirection to lodash so we can replace\n * it if desired, while keeping function names the same\n */\n// TODO: Import individual packages vs referencing all of lodash\nimport {\n  cloneDeep,\n  filter,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sumBy,\n  maxBy,\n  meanBy,\n  sortBy,\n  transform,\n  isFunction,\n  uniq,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  isEqualWith,\n  curry,\n  isObject,\n  isBoolean,\n} from 'lodash';\n\n/**\n * Concatenates classNames from arguments\n *\n * @param {...any} classnames\n */\nexport const cx = (...classnames) => classnames.reduce((result, cn) => `${result} ${cn || ''}`, '');\n\n// if entry exists, remove it, if not, add it\nconst toggleInObject = (obj, key, value) => (obj[key] !== undefined ? omit(obj, [key]) : { ...obj, [key]: value });\nconst toggleInArray = (array, value) => (array.indexOf(value) === -1 ? [value] : []);\n\nconst arrayMoveMutate = (array, from, to) => {\n  array.splice(to < 0 ? array.length + to : to, 0, array.splice(from, 1)[0]);\n};\n\nconst arrayMove = (array, from, to) => {\n  array = array.slice();\n  arrayMoveMutate(array, from, to);\n  return array;\n};\n\nconst accessorDefault = (item) => item;\nconst addOrRemove = (array, item, accessor = accessorDefault) => {\n  const index = array.findIndex((iItem) => accessor(iItem) === accessor(item));\n\n  if (index !== -1) {\n    const nextArray = cloneDeep(array);\n    nextArray.splice(index, 1);\n    return nextArray;\n  }\n\n  return [...array, item];\n};\n\nexport function runAll(...fns) {\n  return (...args) =>\n    fns.forEach((fn) => {\n      if (Array.isArray(fn)) runAll(fn);\n      if (isFunction(fn)) fn(...args);\n    });\n}\n\nexport function hashArray(arr, fieldName) {\n  return arr.reduce(\n    (result, item) => ({\n      ...result,\n      [fieldName ? item[fieldName] : item]: true,\n    }),\n    {},\n  );\n}\n\nexport function safeCall(fun, ...args) {\n  if (isFunction(fun)) {\n    fun(...args);\n  }\n}\n\nexport const removeUndefinedProperties = (obj) => {\n  const cleanObject = { ...obj };\n  Object.keys(obj).forEach((key) => cleanObject[key] === undefined && delete cleanObject[key]);\n  return cleanObject;\n};\n\nexport default {};\nexport {\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};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACQA;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;AA6CO,MAAM,KAAK,IAAI,eAAe,WAAW,OAAO,CAAC,QAAQ,OAAO,GAAG,UAAU,MAAM,MAAM,EAAE;AAGlG,MAAM,iBAAiB,CAAC,KAAK,KAAK,UAAW,IAAI,SAAS,SAAY,KAAK,KAAK,CAAC,GAAG,CAAC,IAAI,iCAAK,MAAL,GAAW,MAAM,MAAM;AAChH,MAAM,gBAAgB,CAAC,OAAO,UAAW,MAAM,QAAQ,KAAK,MAAM,KAAK,CAAC,KAAK,IAAI,CAAC;AAElF,MAAM,kBAAkB,CAAC,OAAO,MAAM,OAAO;AAC3C,QAAM,OAAO,KAAK,IAAI,MAAM,SAAS,KAAK,IAAI,GAAG,MAAM,OAAO,MAAM,CAAC,EAAE,EAAE;AAC3E;AAEA,MAAM,YAAY,CAAC,OAAO,MAAM,OAAO;AACrC,UAAQ,MAAM,MAAM;AACpB,kBAAgB,OAAO,MAAM,EAAE;AAC/B,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,SAAS;AAClC,MAAM,cAAc,CAAC,OAAO,MAAM,WAAW,oBAAoB;AAC/D,QAAM,QAAQ,MAAM,UAAU,CAAC,UAAU,SAAS,KAAK,MAAM,SAAS,IAAI,CAAC;AAE3E,MAAI,UAAU,IAAI;AAChB,UAAM,YAAY,UAAU,KAAK;AACjC,cAAU,OAAO,OAAO,CAAC;AACzB,WAAO;AAAA,EACT;AAEA,SAAO,CAAC,GAAG,OAAO,IAAI;AACxB;AAEO,mBAAmB,KAAK;AAC7B,SAAO,IAAI,SACT,IAAI,QAAQ,CAAC,OAAO;AAClB,QAAI,MAAM,QAAQ,EAAE;AAAG,aAAO,EAAE;AAChC,QAAI,WAAW,EAAE;AAAG,SAAG,GAAG,IAAI;AAAA,EAChC,CAAC;AACL;AAEO,mBAAmB,KAAK,WAAW;AACxC,SAAO,IAAI,OACT,CAAC,QAAQ,SAAU,iCACd,SADc;AAAA,KAEhB,YAAY,KAAK,aAAa,OAAO;AAAA,EACxC,IACA,CAAC,CACH;AACF;AAEO,kBAAkB,QAAQ,MAAM;AACrC,MAAI,WAAW,GAAG,GAAG;AACnB,QAAI,GAAG,IAAI;AAAA,EACb;AACF;AAEO,MAAM,4BAA4B,CAAC,QAAQ;AAChD,QAAM,cAAc,mBAAK;AACzB,SAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ,YAAY,SAAS,UAAa,OAAO,YAAY,IAAI;AAC3F,SAAO;AACT;AAEA,IAAO,gBAAQ,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable max-lines */\n/**\n * commonly used functions\n * Add a level of indirection to lodash so we can replace\n * it if desired, while keeping function names the same\n */\n// TODO: Import individual packages vs referencing all of lodash\nimport {\n  cloneDeep,\n  filter,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sumBy,\n  maxBy,\n  meanBy,\n  sortBy,\n  transform,\n  isFunction,\n  uniq,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  isEqualWith,\n  curry,\n  isObject,\n  isBoolean,\n} from 'lodash';\n\ntype UnknownFunctionT = (...args: unknown[]) => unknown;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ValidKeys = string | number | symbol;\n\n/**\n * Concatenates classNames from arguments\n *\n * @param {...any} classnames classnames you want to join\n * @returns {string} All classnames string concatenated\n */\nexport const cx = (...classnames: string[]): string => classnames.reduce((result, cn) => `${result} ${cn || ''}`, '');\n\n// if entry exists, remove it, if not, add it\nconst toggleInObject = (obj: Record<string, unknown>, key: string, value: unknown) =>\n  obj[key] !== undefined ? omit(obj, [key]) : { ...obj, [key]: value };\n\nconst toggleInArray = (array: unknown[], value: unknown) => (array.indexOf(value) === -1 ? [value] : []);\n\nconst arrayMoveMutate = (array: unknown[], from: number, to: number) => {\n  array.splice(to < 0 ? array.length + to : to, 0, array.splice(from, 1)[0]);\n};\n\nconst arrayMove = <T,>(array: T[], from: number, to: number): T[] => {\n  array = array.slice();\n  arrayMoveMutate(array, from, to);\n  return array;\n};\n\nconst accessorDefault = <T,>(item: T): T => item;\n\nconst addOrRemove = <T,>(array: T[], item: T, accessor = accessorDefault): T[] => {\n  const index = array.findIndex((iItem) => accessor(iItem) === accessor(item));\n\n  if (index !== -1) {\n    const nextArray = cloneDeep(array);\n    nextArray.splice(index, 1);\n    return nextArray;\n  }\n\n  return [...array, item];\n};\n\nexport function runAll(...fns: (UnknownFunctionT | UnknownFunctionT[])[]) {\n  return (...args: unknown[]) =>\n    fns.forEach((fn) => {\n      if (Array.isArray(fn)) runAll(fn);\n      if (isFunction(fn)) fn(...args);\n    });\n}\n\nexport function hashArray(arr: (ValidKeys | Record<string, ValidKeys>)[], fieldName?: string) {\n  return arr.reduce<Record<ValidKeys, boolean>>((result, item) => {\n    const newKey: ValidKeys = fieldName && typeof item === 'object' ? item[fieldName] : (item as ValidKeys);\n    return {\n      ...result,\n      [newKey]: true,\n    };\n  }, {});\n}\n\nexport function safeCall(fun: unknown, ...args: unknown[]) {\n  if (isFunction(fun)) {\n    fun(...args);\n  }\n}\n\nexport const removeUndefinedProperties = (obj: Record<string, unknown>) => {\n  const cleanObject = { ...obj };\n  Object.keys(obj).forEach((key) => cleanObject[key] === undefined && delete cleanObject[key]);\n  return cleanObject;\n};\n\nexport default {};\nexport {\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};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACQA;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;AAkDO,MAAM,KAAK,IAAI,eAAiC,WAAW,OAAO,CAAC,QAAQ,OAAO,GAAG,UAAU,MAAM,MAAM,EAAE;AAGpH,MAAM,iBAAiB,CAAC,KAA8B,KAAa,UACjE,IAAI,SAAS,SAAY,KAAK,KAAK,CAAC,GAAG,CAAC,IAAI,iCAAK,MAAL,GAAW,MAAM,MAAM;AAErE,MAAM,gBAAgB,CAAC,OAAkB,UAAoB,MAAM,QAAQ,KAAK,MAAM,KAAK,CAAC,KAAK,IAAI,CAAC;AAEtG,MAAM,kBAAkB,CAAC,OAAkB,MAAc,OAAe;AACtE,QAAM,OAAO,KAAK,IAAI,MAAM,SAAS,KAAK,IAAI,GAAG,MAAM,OAAO,MAAM,CAAC,EAAE,EAAE;AAC3E;AAEA,MAAM,YAAY,CAAK,OAAY,MAAc,OAAoB;AACnE,UAAQ,MAAM,MAAM;AACpB,kBAAgB,OAAO,MAAM,EAAE;AAC/B,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAK,SAAe;AAE5C,MAAM,cAAc,CAAK,OAAY,MAAS,WAAW,oBAAyB;AAChF,QAAM,QAAQ,MAAM,UAAU,CAAC,UAAU,SAAS,KAAK,MAAM,SAAS,IAAI,CAAC;AAE3E,MAAI,UAAU,IAAI;AAChB,UAAM,YAAY,UAAU,KAAK;AACjC,cAAU,OAAO,OAAO,CAAC;AACzB,WAAO;AAAA,EACT;AAEA,SAAO,CAAC,GAAG,OAAO,IAAI;AACxB;AAEO,mBAAmB,KAAgD;AACxE,SAAO,IAAI,SACT,IAAI,QAAQ,CAAC,OAAO;AAClB,QAAI,MAAM,QAAQ,EAAE;AAAG,aAAO,EAAE;AAChC,QAAI,WAAW,EAAE;AAAG,SAAG,GAAG,IAAI;AAAA,EAChC,CAAC;AACL;AAEO,mBAAmB,KAAgD,WAAoB;AAC5F,SAAO,IAAI,OAAmC,CAAC,QAAQ,SAAS;AAC9D,UAAM,SAAoB,aAAa,OAAO,SAAS,WAAW,KAAK,aAAc;AACrF,WAAO,iCACF,SADE;AAAA,OAEJ,SAAS;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,CAAC;AACP;AAEO,kBAAkB,QAAiB,MAAiB;AACzD,MAAI,WAAW,GAAG,GAAG;AACnB,QAAI,GAAG,IAAI;AAAA,EACb;AACF;AAEO,MAAM,4BAA4B,CAAC,QAAiC;AACzE,QAAM,cAAc,mBAAK;AACzB,SAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ,YAAY,SAAS,UAAa,OAAO,YAAY,IAAI;AAC3F,SAAO;AACT;AAEA,IAAO,gBAAQ,CAAC;",
   "names": []
 }

package/dist/esm/validations.js

@@ -5,18 +5,16 @@ const isRequired = ({ value, help = "Field is Required" }) => ({
   error: checkNotEmpty(value)
 });
 const isGreaterThan = ({ value, help, comparator = 0 }) => {
-  if (!help)
-    help = `Max value ${comparator}`;
+  const helpMessage = help ?? `Max value ${comparator}`;
   return {
-    payload: help,
+    payload: helpMessage,
     error: greaterThan(value, comparator)
   };
 };
 const isValidDate = ({ value, help, format = "MM/DD/AAA" }) => {
-  if (!help)
-    help = `Valid Date is required ${format}`;
+  const helpMessage = help ?? `Valid Date is required ${format}`;
   return {
-    payload: help,
+    payload: helpMessage,
     error: !validDate(value)
   };
 };

package/dist/esm/validations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/validations.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { checkNotEmpty, greaterThan, validDate } from './operators';\n\nexport const isRequired = ({ value, help = 'Field is Required' }) => ({\n  payload: help,\n  error: checkNotEmpty(value),\n});\n\nexport const isGreaterThan = ({ value, help, comparator = 0 }) => {\n  if (!help) help = `Max value ${comparator}`;\n  return {\n    payload: help,\n    error: greaterThan(value, comparator),\n  };\n};\n\nexport const isValidDate = ({ value, help, format = 'MM/DD/AAA' }) => {\n  if (!help) help = `Valid Date is required ${format}`;\n  return {\n    payload: help,\n    error: !validDate(value),\n  };\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,aAAa,CAAC,EAAE,OAAO,OAAO,0BAA2B;AAAA,EACpE,SAAS;AAAA,EACT,OAAO,cAAc,KAAK;AAC5B;AAEO,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,aAAa,QAAQ;AAChE,MAAI,CAAC;AAAM,WAAO,aAAa;AAC/B,SAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC;AACF;AAEO,MAAM,cAAc,CAAC,EAAE,OAAO,MAAM,SAAS,kBAAkB;AACpE,MAAI,CAAC;AAAM,WAAO,0BAA0B;AAC5C,SAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO,CAAC,UAAU,KAAK;AAAA,EACzB;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { checkNotEmpty, greaterThan, validDate } from './operators';\n\ninterface IsRequiredArg {\n  value: unknown;\n  help?: string;\n}\n\ninterface IsGreaterThanArg {\n  value: number;\n  help?: string;\n  comparator?: number;\n}\n\ninterface IsValidDateArg {\n  value: string;\n  help?: string;\n  format?: string;\n}\n\nexport const isRequired = ({ value, help = 'Field is Required' }: IsRequiredArg) => ({\n  payload: help,\n  error: checkNotEmpty(value),\n});\n\nexport const isGreaterThan = ({ value, help, comparator = 0 }: IsGreaterThanArg) => {\n  const helpMessage = help ?? `Max value ${comparator}`;\n  return {\n    payload: helpMessage,\n    error: greaterThan(value, comparator),\n  };\n};\n\nexport const isValidDate = ({ value, help, format = 'MM/DD/AAA' }: IsValidDateArg) => {\n  const helpMessage = help ?? `Valid Date is required ${format}`;\n  return {\n    payload: helpMessage,\n    error: !validDate(value),\n  };\n};\n"],
+  "mappings": "AAAA;ACAA;AAmBO,MAAM,aAAa,CAAC,EAAE,OAAO,OAAO,0BAA0C;AAAA,EACnF,SAAS;AAAA,EACT,OAAO,cAAc,KAAK;AAC5B;AAEO,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,aAAa,QAA0B;AAClF,QAAM,cAAc,QAAQ,aAAa;AACzC,SAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC;AACF;AAEO,MAAM,cAAc,CAAC,EAAE,OAAO,MAAM,SAAS,kBAAkC;AACpF,QAAM,cAAc,QAAQ,0BAA0B;AACtD,SAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO,CAAC,UAAU,KAAK;AAAA,EACzB;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-utilities",
-  "version": "3.0.0-next.36",
+  "version": "3.0.0-next.39",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Utilities",
   "files": [

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

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

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

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