@elliemae/ds-utilities 2.3.0-next.3 → 3.0.0-alpha.0

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

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

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

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

package/dist/esm/hooks/useOnElementResize.js

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

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

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

package/dist/esm/hooks/useParentElement.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useParentElement.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\n\nexport const useParentElement = (ref) => {\n  const [parent, setParent] = useState(ref.current);\n\n  useEffect(() => {\n    if (ref.current) setParent(ref.current.parentNode);\n  });\n  return parent;\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,mBAAmB,CAAC,QAAQ;AACvC,QAAM,CAAC,QAAQ,aAAa,SAAS,IAAI;AAEzC,YAAU,MAAM;AACd,QAAI,IAAI;AAAS,gBAAU,IAAI,QAAQ;AAAA;AAEzC,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/hooks/usePrevious.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/usePrevious.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useRef } from 'react';\n\nexport const usePrevious = (value) => {\n  const ref = useRef();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n\nexport default usePrevious;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc,CAAC,UAAU;AACpC,QAAM,MAAM;AAEZ,YAAU,MAAM;AACd,QAAI,UAAU;AAAA,KACb,CAAC;AAEJ,SAAO,IAAI;AAAA;AAGb,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/hooks/useResizeObserver.js

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

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

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

package/dist/esm/hooks/useSetRef.js

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

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

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

package/dist/esm/hooks/useShouldRecalculate.js

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

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

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

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

@@ -1,16 +1,11 @@
-import { useRef, useEffect } from 'react';
-
-function getScrollOffset() {
-  let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    scrollTop: 0,
-    scrollLeft: 0
-  };
+import * as React from "react";
+import { useEffect, useRef } from "react";
+function getScrollOffset(element = { scrollTop: 0, scrollLeft: 0 }) {
   return {
     top: element.scrollTop,
     left: element.scrollLeft
   };
 }
-
 function getPositionOffset(listEl, scrollableEl) {
   const scrollOffset = getScrollOffset(scrollableEl);
   const elementRect = listEl.getBoundingClientRect();
@@ -20,44 +15,40 @@ function getPositionOffset(listEl, scrollableEl) {
     left: elementRect.left + scrollOffset.top - containerRect.left
   };
 }
-
 function isParent(parentNode, childNode) {
   return childNode.parentNode === parentNode || childNode.parentNode && isParent(parentNode, childNode.parentNode);
 }
-
-function useWindowScrollerList(_ref) {
-  let {
-    listInstance,
-    outerListRef
-  } = _ref;
+const useWindowScrollerList = ({ listInstance, outerListRef }) => {
   const scrollableParent = useRef();
   const listOffset = useRef();
-
   const getElementOffset = () => {
     listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
   };
-
-  const handleScroll = e => {
+  const handleScroll = (e) => {
     if (!scrollableParent.current) {
       const containerTarget = e.target === document ? document.body : e.target;
       scrollableParent.current = isParent(containerTarget, outerListRef.current) && containerTarget;
     }
-
-    if (!scrollableParent.current) return;
+    if (!scrollableParent.current)
+      return;
     getElementOffset();
     const scrollOffset = getScrollOffset(scrollableParent.current);
     const scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
-    if (listInstance.current) listInstance.current.scrollTo(scrollTop);
+    if (listInstance.current)
+      listInstance.current.scrollTo(scrollTop);
   };
-
   useEffect(() => {
-    window.addEventListener('scroll', handleScroll, true);
-    window.addEventListener('resize', getElementOffset, true);
+    window.addEventListener("scroll", handleScroll, true);
+    window.addEventListener("resize", getElementOffset, true);
     return () => {
-      window.removeEventListener('scroll', handleScroll, true);
-      window.removeEventListener('resize', getElementOffset, true);
+      window.removeEventListener("scroll", handleScroll, true);
+      window.removeEventListener("resize", getElementOffset, true);
     };
   }, []);
-}
-
-export { useWindowScrollerList as default };
+};
+var useWindowScrollerList_default = useWindowScrollerList;
+export {
+  useWindowScrollerList_default as default,
+  useWindowScrollerList
+};
+//# sourceMappingURL=useWindowScrollerList.js.map

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

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

package/dist/esm/hooks/useWindowSize.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useWindowSize.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useLayoutEffect, useState } from 'react';\n\nexport const useWindowSize = () => {\n  const [size, setSize] = useState([0, 0]);\n  useLayoutEffect(() => {\n    if (!window) return false;\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight]);\n    }\n    window.addEventListener('resize', updateSize);\n    window.addEventListener('orientationchange', updateSize);\n    updateSize();\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      window.removeEventListener('orientationchange', updateSize);\n    };\n  }, []);\n  if (!window) return false;\n  return size;\n};\n\nexport default useWindowSize;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,MAAM,WAAW,SAAS,CAAC,GAAG;AACrC,kBAAgB,MAAM;AACpB,QAAI,CAAC;AAAQ,aAAO;AACpB,0BAAsB;AACpB,cAAQ,CAAC,OAAO,YAAY,OAAO;AAAA;AAErC,WAAO,iBAAiB,UAAU;AAClC,WAAO,iBAAiB,qBAAqB;AAC7C;AACA,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU;AACrC,aAAO,oBAAoB,qBAAqB;AAAA;AAAA,KAEjD;AACH,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AAAA;AAGT,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,206 @@
+import * as React from "react";
+import { default as default2 } from "./getComponentFromProps";
+import { default as default3 } from "./onClickHandlerForNonInteractiveElements";
+import { capitalize } from "./capitalize";
+import {
+  checkNotEmpty,
+  checkEmpty,
+  greaterThan,
+  validDate,
+  equal,
+  notEqual,
+  isNull,
+  isNotNull,
+  isIn,
+  isNotIn,
+  greaterThanOrEquals,
+  lessThanOrEquals,
+  startsWith,
+  contains
+} from "./operators";
+import {
+  cx,
+  runAll,
+  hashArray,
+  safeCall,
+  removeUndefinedProperties,
+  isObject,
+  curry,
+  arrayMove,
+  uniq,
+  filter,
+  uniqBy,
+  groupBy,
+  property,
+  get,
+  set,
+  cloneDeep,
+  debounce,
+  findIndex,
+  isEmpty,
+  isString,
+  isEqual,
+  maxBy,
+  meanBy,
+  noop,
+  omit,
+  orderBy,
+  pull,
+  sortBy,
+  sumBy,
+  transform,
+  isFunction,
+  range,
+  parseInt,
+  padStart,
+  isNaN,
+  values,
+  throttle,
+  toggleInObject,
+  toggleInArray,
+  pick,
+  pickBy,
+  differenceBy,
+  differenceWith,
+  addOrRemove,
+  isEqualWith,
+  isBoolean
+} from "./utils";
+import { setRef, mergeRefs, logger } from "./system";
+import {
+  useMeasure,
+  useForceUpdate,
+  useOnClickOutside,
+  useUncontrolled,
+  useExecutionTimer,
+  useExpandState,
+  useHotkeys,
+  useHoverHandlersDelay,
+  useResizeObserver,
+  useShouldRecalculate,
+  useWindowScrollerList,
+  useWindowSize,
+  usePrevious,
+  useCancellableDelayedCallback,
+  useDerivedStateFromProps,
+  useSetRef,
+  useParentElement,
+  useOnElementResize,
+  useIsShowingEllipsis
+} 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 { isRequired, isGreaterThan, isValidDate } from "./validations";
+export {
+  DOCUMENT,
+  WINDOW,
+  addLeadingZeros,
+  addOrRemove,
+  arrayMove,
+  capitalize,
+  checkEmpty,
+  checkNotEmpty,
+  cloneDeep,
+  compose,
+  contains,
+  curry,
+  cx,
+  debounce,
+  differenceBy,
+  differenceWith,
+  equal,
+  filter,
+  findIndex,
+  get,
+  default2 as getComponentFromProps,
+  getVisibleTimeByFormat,
+  greaterThan,
+  greaterThanOrEquals,
+  groupBy,
+  hashArray,
+  isBoolean,
+  isClassComponent,
+  isCompositeTypeElement,
+  isDOMTypeElement,
+  isElement,
+  isEmpty,
+  isEqual,
+  isEqualWith,
+  isFunction,
+  isFunctionComponent,
+  isGreaterThan,
+  isIn,
+  isNaN,
+  isNotIn,
+  isNotNull,
+  isNull,
+  isObject,
+  isReactComponent,
+  isRequired,
+  isString,
+  isValidDate,
+  lessThanOrEquals,
+  logger,
+  maxBy,
+  meanBy,
+  mergeRefs,
+  noop,
+  notEqual,
+  omit,
+  default3 as onClickHandlerForNonInteractiveElements,
+  orderBy,
+  padStart,
+  parseInt,
+  pick,
+  pickBy,
+  property,
+  pull,
+  range,
+  removeUndefinedProperties,
+  resetTimer,
+  runAll,
+  safeCall,
+  set,
+  setRef,
+  sortBy,
+  startsWith,
+  sumBy,
+  throttle,
+  toggleInArray,
+  toggleInObject,
+  transform,
+  uniq,
+  uniqBy,
+  useCancellableDelayedCallback,
+  useDerivedStateFromProps,
+  useExecutionTimer,
+  useExpandState,
+  useForceUpdate,
+  useHotkeys,
+  useHoverHandlersDelay,
+  useIsShowingEllipsis,
+  useMeasure,
+  useOnClickOutside,
+  useOnElementResize,
+  useParentElement,
+  usePrevious,
+  useResizeObserver,
+  useSetRef,
+  useShouldRecalculate,
+  useUncontrolled,
+  useWindowScrollerList,
+  useWindowSize,
+  validDate,
+  values
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +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} 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;AAqBA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;",
+  "names": []
+}

package/dist/esm/onClickHandlerForNonInteractiveElements.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+const onClickHandlerForNonInteractiveElements = (onClickHandler) => ({
+  role: "button",
+  tabIndex: "0",
+  onClick: onClickHandler,
+  onKeyPress: (event) => {
+    event.stopPropagation();
+    const { keycode, key } = event;
+    if (key === "Enter")
+      onClickHandler(event);
+    else if (keycode === 13)
+      onClickHandler(event);
+  }
+});
+var onClickHandlerForNonInteractiveElements_default = onClickHandlerForNonInteractiveElements;
+export {
+  onClickHandlerForNonInteractiveElements_default as default,
+  onClickHandlerForNonInteractiveElements
+};
+//# sourceMappingURL=onClickHandlerForNonInteractiveElements.js.map

package/dist/esm/onClickHandlerForNonInteractiveElements.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/esm/operators.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { isEmpty } from "lodash";
+const checkNotEmpty = (value) => value === "" || value === void 0 || value == [] || value === null || isEmpty(value);
+const checkEmpty = (value) => !isEmpty(value);
+const greaterThan = (value, comparator) => value > comparator;
+const validDate = (value) => {
+  const dateValidationRegex = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
+  if (!dateValidationRegex.test(value))
+    return false;
+  const [m, d, y] = value.split("/").map((n) => Number(n));
+  return m === Number(new Date(y, m - 1, d).getMonth()) + 1 && d === Number(new Date(y, m - 1, d).getDate());
+};
+const equal = (a, b) => a === b;
+const notEqual = (a, b) => !equal(a, b);
+const isNull = (a) => checkNotEmpty(a);
+const isNotNull = (a) => !isNull(a);
+const isIn = (a, b) => b.indexOf(a) > -1;
+const isNotIn = (a, b) => !isIn(a, b);
+const greaterThanOrEquals = (value, comparator) => value >= comparator;
+const lessThanOrEquals = (value, comparator) => value <= comparator;
+const startsWith = (value, comparator) => String(value).startsWith(comparator);
+const contains = (value, comparator) => String(value).includes(comparator);
+export {
+  checkEmpty,
+  checkNotEmpty,
+  contains,
+  equal,
+  greaterThan,
+  greaterThanOrEquals,
+  isIn,
+  isNotIn,
+  isNotNull,
+  isNull,
+  lessThanOrEquals,
+  notEqual,
+  startsWith,
+  validDate
+};
+//# sourceMappingURL=operators.js.map