@activecollab/components 1.0.5 → 1.0.9

package/dist/esm/hooks/useHeight.js

@@ -1,11 +1,9 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from "react";
 
 var useHeight = function useHeight(ref) {
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      height = _useState2[0],
-      setHeight = _useState2[1];
+      height = _useState[0],
+      setHeight = _useState[1];
 
   useEffect(function () {
     if (ref && ref.current) {
@@ -23,7 +21,5 @@ var useHeight = function useHeight(ref) {
   return height;
 };
 
-var useHeight$1 = useHeight;
-
-export { useHeight$1 as default };
-//# sourceMappingURL=useHeight.js.map
+export default useHeight;
+//# sourceMappingURL=useHeight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHeight.js","sources":["../../../src/hooks/useHeight.tsx"],"sourcesContent":["import { RefObject, useEffect, useState } from \"react\";\n\nconst useHeight = (ref: RefObject<HTMLElement>): number => {\n  const [height, setHeight] = useState(0);\n\n  useEffect(() => {\n    if (ref && ref.current) {\n      const element = ref.current;\n      const prevMaxHeight = element.style.maxHeight;\n      const prevVisibility = element.style.visibility;\n\n      element.style.visibility = \"hidden\";\n      element.style.maxHeight = \"none\";\n\n      const elementHeight = element.clientHeight;\n\n      element.style.visibility = prevVisibility;\n      element.style.maxHeight = prevMaxHeight;\n\n      return setHeight(elementHeight);\n    }\n  }, [ref]);\n\n  return height;\n};\n\nexport default useHeight;\n"],"names":["useHeight","ref","useState","height","setHeight","useEffect","current","element","prevMaxHeight","style","maxHeight","prevVisibility","visibility","elementHeight","clientHeight"],"mappings":";;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD,EAAyC;AACzD,kBAA4BC,QAAQ,CAAC,CAAD,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIJ,GAAG,IAAIA,GAAG,CAACK,OAAf,EAAwB;AACtB,UAAMC,OAAO,GAAGN,GAAG,CAACK,OAApB;AACA,UAAME,aAAa,GAAGD,OAAO,CAACE,KAAR,CAAcC,SAApC;AACA,UAAMC,cAAc,GAAGJ,OAAO,CAACE,KAAR,CAAcG,UAArC;AAEAL,MAAAA,OAAO,CAACE,KAAR,CAAcG,UAAd,GAA2B,QAA3B;AACAL,MAAAA,OAAO,CAACE,KAAR,CAAcC,SAAd,GAA0B,MAA1B;AAEA,UAAMG,aAAa,GAAGN,OAAO,CAACO,YAA9B;AAEAP,MAAAA,OAAO,CAACE,KAAR,CAAcG,UAAd,GAA2BD,cAA3B;AACAJ,MAAAA,OAAO,CAACE,KAAR,CAAcC,SAAd,GAA0BF,aAA1B;AAEA,aAAOJ,SAAS,CAACS,aAAD,CAAhB;AACD;AACF,GAhBQ,EAgBN,CAACZ,GAAD,CAhBM,CAAT;AAkBA,SAAOE,MAAP;AACD,CAtBD;;AAwBA,kBAAeH,SAAf;;;;"}
+{"version":3,"sources":["../../../src/hooks/useHeight.tsx"],"names":["useEffect","useState","useHeight","ref","height","setHeight","current","element","prevMaxHeight","style","maxHeight","prevVisibility","visibility","elementHeight","clientHeight"],"mappings":"AAAA,SAAoBA,SAApB,EAA+BC,QAA/B,QAA+C,OAA/C;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD,EAAyC;AACzD,kBAA4BF,QAAQ,CAAC,CAAD,CAApC;AAAA,MAAOG,MAAP;AAAA,MAAeC,SAAf;;AAEAL,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,GAAG,IAAIA,GAAG,CAACG,OAAf,EAAwB;AACtB,UAAMC,OAAO,GAAGJ,GAAG,CAACG,OAApB;AACA,UAAME,aAAa,GAAGD,OAAO,CAACE,KAAR,CAAcC,SAApC;AACA,UAAMC,cAAc,GAAGJ,OAAO,CAACE,KAAR,CAAcG,UAArC;AAEAL,MAAAA,OAAO,CAACE,KAAR,CAAcG,UAAd,GAA2B,QAA3B;AACAL,MAAAA,OAAO,CAACE,KAAR,CAAcC,SAAd,GAA0B,MAA1B;AAEA,UAAMG,aAAa,GAAGN,OAAO,CAACO,YAA9B;AAEAP,MAAAA,OAAO,CAACE,KAAR,CAAcG,UAAd,GAA2BD,cAA3B;AACAJ,MAAAA,OAAO,CAACE,KAAR,CAAcC,SAAd,GAA0BF,aAA1B;AAEA,aAAOH,SAAS,CAACQ,aAAD,CAAhB;AACD;AACF,GAhBQ,EAgBN,CAACV,GAAD,CAhBM,CAAT;AAkBA,SAAOC,MAAP;AACD,CAtBD;;AAwBA,eAAeF,SAAf","sourcesContent":["import { RefObject, useEffect, useState } from \"react\";\n\nconst useHeight = (ref: RefObject<HTMLElement>): number => {\n  const [height, setHeight] = useState(0);\n\n  useEffect(() => {\n    if (ref && ref.current) {\n      const element = ref.current;\n      const prevMaxHeight = element.style.maxHeight;\n      const prevVisibility = element.style.visibility;\n\n      element.style.visibility = \"hidden\";\n      element.style.maxHeight = \"none\";\n\n      const elementHeight = element.clientHeight;\n\n      element.style.visibility = prevVisibility;\n      element.style.maxHeight = prevMaxHeight;\n\n      return setHeight(elementHeight);\n    }\n  }, [ref]);\n\n  return height;\n};\n\nexport default useHeight;\n"],"file":"useHeight.js"}

package/dist/esm/hooks/useHighlightText.js

@@ -1,15 +1,16 @@
-import { Fragment } from 'react';
-import styled from 'styled-components';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
+import React, { Fragment } from "react";
+import styled from "styled-components";
 var StyledHiglightedText = styled.span.withConfig({
   displayName: "useHighlightText__StyledHiglightedText",
   componentId: "sc-13agf6o-0"
 })(["background-color:var(--color-primary-200);"]);
 StyledHiglightedText.displayName = "StyledHiglightedText";
 
-var useHighlightText = function useHighlightText(text, searchBy) {
-  var matchCase = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+var useHighlightText = function useHighlightText(text, searchBy, matchCase) {
+  if (matchCase === void 0) {
+    matchCase = false;
+  }
+
   var textComparator = text;
   var searchByComparator = searchBy;
 
@@ -22,18 +23,13 @@ var useHighlightText = function useHighlightText(text, searchBy) {
     var beforeHighlighted = text.substring(0, textComparator.indexOf(searchByComparator));
     var highLighted = text.substring(textComparator.indexOf(searchByComparator), textComparator.indexOf(searchByComparator) + searchBy.length);
     var afterHighlighted = text.substring(textComparator.indexOf(searchByComparator) + searchBy.length);
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [beforeHighlighted.replace(/ /g, "\xA0"), /*#__PURE__*/jsx(StyledHiglightedText, {
-        className: "c-option--text__highlight",
-        children: highLighted.replace(/ /g, "\xA0")
-      }), afterHighlighted.replace(/ /g, "\xA0")]
-    });
+    return /*#__PURE__*/React.createElement(Fragment, null, beforeHighlighted.replace(/ /g, "\xA0"), /*#__PURE__*/React.createElement(StyledHiglightedText, {
+      className: "c-option--text__highlight"
+    }, highLighted.replace(/ /g, "\xA0")), afterHighlighted.replace(/ /g, "\xA0"));
   }
 
   return text;
 };
 
-var highlightText = useHighlightText;
-
-export { highlightText as default };
-//# sourceMappingURL=useHighlightText.js.map
+export default useHighlightText;
+//# sourceMappingURL=useHighlightText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHighlightText.js","sources":["../../../src/hooks/useHighlightText.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\nimport styled from \"styled-components\";\n\nconst StyledHiglightedText = styled.span`\n  background-color: var(--color-primary-200);\n`;\n\nStyledHiglightedText.displayName = \"StyledHiglightedText\";\n\nconst useHighlightText = (\n  text: string,\n  searchBy: string,\n  matchCase = false\n): ReactNode => {\n  let textComparator = text;\n  let searchByComparator = searchBy;\n\n  if (!matchCase) {\n    textComparator = text.toLowerCase();\n    searchByComparator = searchBy.toLowerCase();\n  }\n\n  if (\n    searchBy &&\n    textComparator &&\n    textComparator.indexOf(searchByComparator) >= 0\n  ) {\n    const beforeHighlighted = text.substring(\n      0,\n      textComparator.indexOf(searchByComparator)\n    );\n    const highLighted = text.substring(\n      textComparator.indexOf(searchByComparator),\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n    const afterHighlighted = text.substring(\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n\n    return (\n      <Fragment>\n        {beforeHighlighted.replace(/ /g, \"\\u00a0\")}\n        <StyledHiglightedText className=\"c-option--text__highlight\">\n          {highLighted.replace(/ /g, \"\\u00a0\")}\n        </StyledHiglightedText>\n        {afterHighlighted.replace(/ /g, \"\\u00a0\")}\n      </Fragment>\n    );\n  }\n\n  return text;\n};\n\nexport default useHighlightText;\n"],"names":["StyledHiglightedText","styled","span","displayName","useHighlightText","text","searchBy","matchCase","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","length","afterHighlighted","_jsxs","replace","_jsx"],"mappings":";;;;AAGA,IAAMA,oBAAoB,GAAGC,MAAM,CAACC,IAAV;AAAA;AAAA;AAAA,kDAA1B;AAIAF,oBAAoB,CAACG,WAArB,GAAmC,sBAAnC;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,IADuB,EAEvBC,QAFuB,EAIT;AAAA,MADdC,SACc,uEADF,KACE;AACd,MAAIC,cAAc,GAAGH,IAArB;AACA,MAAII,kBAAkB,GAAGH,QAAzB;;AAEA,MAAI,CAACC,SAAL,EAAgB;AACdC,IAAAA,cAAc,GAAGH,IAAI,CAACK,WAAL,EAAjB;AACAD,IAAAA,kBAAkB,GAAGH,QAAQ,CAACI,WAAT,EAArB;AACD;;AAED,MACEJ,QAAQ,IACRE,cADA,IAEAA,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,KAA8C,CAHhD,EAIE;AACA,QAAMG,iBAAiB,GAAGP,IAAI,CAACQ,SAAL,CACxB,CADwB,EAExBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,CAFwB,CAA1B;AAIA,QAAMK,WAAW,GAAGT,IAAI,CAACQ,SAAL,CAClBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,CADkB,EAElBD,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,IAA6CH,QAAQ,CAACS,MAFpC,CAApB;AAIA,QAAMC,gBAAgB,GAAGX,IAAI,CAACQ,SAAL,CACvBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,IAA6CH,QAAQ,CAACS,MAD/B,CAAzB;AAIA,wBACEE,KAAC,QAAD;AAAA,iBACGL,iBAAiB,CAACM,OAAlB,CAA0B,IAA1B,EAAgC,MAAhC,CADH,eAEEC,IAAC,oBAAD;AAAsB,QAAA,SAAS,EAAC,2BAAhC;AAAA,kBACGL,WAAW,CAACI,OAAZ,CAAoB,IAApB,EAA0B,MAA1B;AADH,QAFF,EAKGF,gBAAgB,CAACE,OAAjB,CAAyB,IAAzB,EAA+B,MAA/B,CALH;AAAA,MADF;AASD;;AAED,SAAOb,IAAP;AACD,CA1CD;;AA4CA,oBAAeD,gBAAf;;;;"}
+{"version":3,"sources":["../../../src/hooks/useHighlightText.tsx"],"names":["React","Fragment","styled","StyledHiglightedText","span","displayName","useHighlightText","text","searchBy","matchCase","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","length","afterHighlighted","replace"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAA2C,OAA3C;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,IAAMC,oBAAoB,GAAGD,MAAM,CAACE,IAAV;AAAA;AAAA;AAAA,kDAA1B;AAIAD,oBAAoB,CAACE,WAArB,GAAmC,sBAAnC;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,IADuB,EAEvBC,QAFuB,EAGvBC,SAHuB,EAIT;AAAA,MADdA,SACc;AADdA,IAAAA,SACc,GADF,KACE;AAAA;;AACd,MAAIC,cAAc,GAAGH,IAArB;AACA,MAAII,kBAAkB,GAAGH,QAAzB;;AAEA,MAAI,CAACC,SAAL,EAAgB;AACdC,IAAAA,cAAc,GAAGH,IAAI,CAACK,WAAL,EAAjB;AACAD,IAAAA,kBAAkB,GAAGH,QAAQ,CAACI,WAAT,EAArB;AACD;;AAED,MACEJ,QAAQ,IACRE,cADA,IAEAA,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,KAA8C,CAHhD,EAIE;AACA,QAAMG,iBAAiB,GAAGP,IAAI,CAACQ,SAAL,CACxB,CADwB,EAExBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,CAFwB,CAA1B;AAIA,QAAMK,WAAW,GAAGT,IAAI,CAACQ,SAAL,CAClBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,CADkB,EAElBD,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,IAA6CH,QAAQ,CAACS,MAFpC,CAApB;AAIA,QAAMC,gBAAgB,GAAGX,IAAI,CAACQ,SAAL,CACvBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,IAA6CH,QAAQ,CAACS,MAD/B,CAAzB;AAIA,wBACE,oBAAC,QAAD,QACGH,iBAAiB,CAACK,OAAlB,CAA0B,IAA1B,EAAgC,MAAhC,CADH,eAEE,oBAAC,oBAAD;AAAsB,MAAA,SAAS,EAAC;AAAhC,OACGH,WAAW,CAACG,OAAZ,CAAoB,IAApB,EAA0B,MAA1B,CADH,CAFF,EAKGD,gBAAgB,CAACC,OAAjB,CAAyB,IAAzB,EAA+B,MAA/B,CALH,CADF;AASD;;AAED,SAAOZ,IAAP;AACD,CA1CD;;AA4CA,eAAeD,gBAAf","sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\nimport styled from \"styled-components\";\n\nconst StyledHiglightedText = styled.span`\n  background-color: var(--color-primary-200);\n`;\n\nStyledHiglightedText.displayName = \"StyledHiglightedText\";\n\nconst useHighlightText = (\n  text: string,\n  searchBy: string,\n  matchCase = false\n): ReactNode => {\n  let textComparator = text;\n  let searchByComparator = searchBy;\n\n  if (!matchCase) {\n    textComparator = text.toLowerCase();\n    searchByComparator = searchBy.toLowerCase();\n  }\n\n  if (\n    searchBy &&\n    textComparator &&\n    textComparator.indexOf(searchByComparator) >= 0\n  ) {\n    const beforeHighlighted = text.substring(\n      0,\n      textComparator.indexOf(searchByComparator)\n    );\n    const highLighted = text.substring(\n      textComparator.indexOf(searchByComparator),\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n    const afterHighlighted = text.substring(\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n\n    return (\n      <Fragment>\n        {beforeHighlighted.replace(/ /g, \"\\u00a0\")}\n        <StyledHiglightedText className=\"c-option--text__highlight\">\n          {highLighted.replace(/ /g, \"\\u00a0\")}\n        </StyledHiglightedText>\n        {afterHighlighted.replace(/ /g, \"\\u00a0\")}\n      </Fragment>\n    );\n  }\n\n  return text;\n};\n\nexport default useHighlightText;\n"],"file":"useHighlightText.js"}

package/dist/esm/hooks/useInitScrollRef.js

@@ -1,7 +1,9 @@
-import { useRef, useEffect } from 'react';
+import { useRef, useEffect } from "react";
+export var useInitScrollRef = function useInitScrollRef(element, invert) {
+  if (invert === void 0) {
+    invert = false;
+  }
 
-var useInitScrollRef = function useInitScrollRef(element) {
-  var invert = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var ref = useRef(element);
   useEffect(function () {
     if (ref.current) {
@@ -13,6 +15,4 @@ var useInitScrollRef = function useInitScrollRef(element) {
   }, [invert]);
   return ref;
 };
-
-export { useInitScrollRef };
-//# sourceMappingURL=useInitScrollRef.js.map
+//# sourceMappingURL=useInitScrollRef.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInitScrollRef.js","sources":["../../../src/hooks/useInitScrollRef.tsx"],"sourcesContent":["import { useRef, useEffect, MutableRefObject } from \"react\";\n\nexport const useInitScrollRef = (\n  element: HTMLDivElement | null,\n  invert = false\n): MutableRefObject<HTMLDivElement | null> => {\n  const ref = useRef<HTMLDivElement | null>(element);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.scrollTop = invert ? -1 : 1;\n      ref.current.scrollTop = 0;\n      ref.current.scrollLeft = invert ? -1 : 1;\n      ref.current.scrollLeft = 0;\n    }\n  }, [invert]);\n\n  return ref;\n};\n"],"names":["useInitScrollRef","element","invert","ref","useRef","useEffect","current","scrollTop","scrollLeft"],"mappings":";;IAEaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC9BC,OAD8B,EAGc;AAAA,MAD5CC,MAC4C,uEADnC,KACmC;AAC5C,MAAMC,GAAG,GAAGC,MAAM,CAAwBH,OAAxB,CAAlB;AAEAI,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIF,GAAG,CAACG,OAAR,EAAiB;AACfH,MAAAA,GAAG,CAACG,OAAJ,CAAYC,SAAZ,GAAwBL,MAAM,GAAG,CAAC,CAAJ,GAAQ,CAAtC;AACAC,MAAAA,GAAG,CAACG,OAAJ,CAAYC,SAAZ,GAAwB,CAAxB;AACAJ,MAAAA,GAAG,CAACG,OAAJ,CAAYE,UAAZ,GAAyBN,MAAM,GAAG,CAAC,CAAJ,GAAQ,CAAvC;AACAC,MAAAA,GAAG,CAACG,OAAJ,CAAYE,UAAZ,GAAyB,CAAzB;AACD;AACF,GAPQ,EAON,CAACN,MAAD,CAPM,CAAT;AASA,SAAOC,GAAP;AACD;;;;"}
+{"version":3,"sources":["../../../src/hooks/useInitScrollRef.tsx"],"names":["useRef","useEffect","useInitScrollRef","element","invert","ref","current","scrollTop","scrollLeft"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,SAAjB,QAAoD,OAApD;AAEA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC9BC,OAD8B,EAE9BC,MAF8B,EAGc;AAAA,MAD5CA,MAC4C;AAD5CA,IAAAA,MAC4C,GADnC,KACmC;AAAA;;AAC5C,MAAMC,GAAG,GAAGL,MAAM,CAAwBG,OAAxB,CAAlB;AAEAF,EAAAA,SAAS,CAAC,YAAM;AACd,QAAII,GAAG,CAACC,OAAR,EAAiB;AACfD,MAAAA,GAAG,CAACC,OAAJ,CAAYC,SAAZ,GAAwBH,MAAM,GAAG,CAAC,CAAJ,GAAQ,CAAtC;AACAC,MAAAA,GAAG,CAACC,OAAJ,CAAYC,SAAZ,GAAwB,CAAxB;AACAF,MAAAA,GAAG,CAACC,OAAJ,CAAYE,UAAZ,GAAyBJ,MAAM,GAAG,CAAC,CAAJ,GAAQ,CAAvC;AACAC,MAAAA,GAAG,CAACC,OAAJ,CAAYE,UAAZ,GAAyB,CAAzB;AACD;AACF,GAPQ,EAON,CAACJ,MAAD,CAPM,CAAT;AASA,SAAOC,GAAP;AACD,CAhBM","sourcesContent":["import { useRef, useEffect, MutableRefObject } from \"react\";\n\nexport const useInitScrollRef = (\n  element: HTMLDivElement | null,\n  invert = false\n): MutableRefObject<HTMLDivElement | null> => {\n  const ref = useRef<HTMLDivElement | null>(element);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.scrollTop = invert ? -1 : 1;\n      ref.current.scrollTop = 0;\n      ref.current.scrollLeft = invert ? -1 : 1;\n      ref.current.scrollLeft = 0;\n    }\n  }, [invert]);\n\n  return ref;\n};\n"],"file":"useInitScrollRef.js"}

package/dist/esm/hooks/usePosition.js

@@ -0,0 +1,101 @@
+var Position = function Position(targetTop, targetBottom, targetLeft, targetRight, contentHeight, contentWidth) {
+  var windowHeight = window.innerHeight;
+  var windowWidth = window.innerWidth;
+  var repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;
+  var repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;
+
+  function handleY() {
+    if (targetBottom + contentHeight + 6 < windowHeight) {
+      repositionY = targetBottom + 6;
+      return true;
+    }
+
+    if (targetTop - contentHeight - 6 > 0) {
+      repositionY = targetTop - contentHeight - 6;
+      return true;
+    }
+
+    return false;
+  }
+
+  function handleX() {
+    if (targetRight + contentWidth + 6 < windowWidth) {
+      repositionX = targetRight + 6;
+      return true;
+    }
+
+    if (targetLeft - contentWidth - 6 > 0) {
+      repositionX = targetLeft - contentWidth - 6;
+      return true;
+    }
+
+    return false;
+  } // Y middle
+
+
+  if (repositionX > 0 && repositionX + contentWidth < windowWidth && handleY()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // Y right
+
+
+  repositionX = targetLeft;
+
+  if (targetLeft > 0 && targetLeft + contentWidth < windowWidth && handleY()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // Y left
+
+
+  repositionX = targetRight - contentWidth;
+
+  if (targetRight < windowWidth && targetRight - contentWidth > 0 && handleY()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // X middle
+
+
+  if (repositionY > 0 && repositionY + contentHeight < windowHeight && handleX()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // X bottom
+
+
+  repositionY = targetTop;
+
+  if (targetTop > 0 && targetTop + contentHeight < windowHeight && handleX()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // X top
+
+
+  repositionY = targetBottom - contentHeight;
+
+  if (targetBottom < windowHeight && targetBottom - contentHeight > 0 && handleX()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // center
+
+
+  repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;
+  repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;
+  return {
+    top: repositionY,
+    left: repositionX
+  };
+};
+
+export default Position;
+//# sourceMappingURL=usePosition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePosition.tsx"],"names":["Position","targetTop","targetBottom","targetLeft","targetRight","contentHeight","contentWidth","windowHeight","window","innerHeight","windowWidth","innerWidth","repositionY","repositionX","handleY","handleX","top","left"],"mappings":"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","sourcesContent":["const Position = (\n  targetTop: number,\n  targetBottom: number,\n  targetLeft: number,\n  targetRight: number,\n  contentHeight: number,\n  contentWidth: number\n): { top: number; left: number } => {\n  const windowHeight = window.innerHeight;\n  const windowWidth = window.innerWidth;\n  let repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;\n  let repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;\n\n  function handleY(): boolean {\n    if (targetBottom + contentHeight + 6 < windowHeight) {\n      repositionY = targetBottom + 6;\n      return true;\n    }\n    if (targetTop - contentHeight - 6 > 0) {\n      repositionY = targetTop - contentHeight - 6;\n      return true;\n    }\n    return false;\n  }\n\n  function handleX(): boolean {\n    if (targetRight + contentWidth + 6 < windowWidth) {\n      repositionX = targetRight + 6;\n      return true;\n    }\n    if (targetLeft - contentWidth - 6 > 0) {\n      repositionX = targetLeft - contentWidth - 6;\n      return true;\n    }\n    return false;\n  }\n  // Y middle\n  if (\n    repositionX > 0 &&\n    repositionX + contentWidth < windowWidth &&\n    handleY()\n  ) {\n    return { top: repositionY, left: repositionX };\n  }\n  // Y right\n  repositionX = targetLeft;\n  if (targetLeft > 0 && targetLeft + contentWidth < windowWidth && handleY()) {\n    return { top: repositionY, left: repositionX };\n  }\n  // Y left\n  repositionX = targetRight - contentWidth;\n  if (\n    targetRight < windowWidth &&\n    targetRight - contentWidth > 0 &&\n    handleY()\n  ) {\n    return { top: repositionY, left: repositionX };\n  }\n  // X middle\n  if (\n    repositionY > 0 &&\n    repositionY + contentHeight < windowHeight &&\n    handleX()\n  ) {\n    return { top: repositionY, left: repositionX };\n  }\n  // X bottom\n  repositionY = targetTop;\n  if (targetTop > 0 && targetTop + contentHeight < windowHeight && handleX()) {\n    return { top: repositionY, left: repositionX };\n  }\n  // X top\n  repositionY = targetBottom - contentHeight;\n  if (\n    targetBottom < windowHeight &&\n    targetBottom - contentHeight > 0 &&\n    handleX()\n  ) {\n    return { top: repositionY, left: repositionX };\n  }\n  // center\n  repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;\n  repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;\n  return { top: repositionY, left: repositionX };\n};\n\nexport default Position;\n"],"file":"usePosition.js"}

package/dist/esm/hooks/useRectHook.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useState, useEffect } from "react";
+
+var useRectHook = function useRectHook(ref) {
+  var _useState = useState({
+    x: 0,
+    y: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    width: 0,
+    height: 0
+  }),
+      size = _useState[0],
+      setSize = _useState[1];
+
+  useEffect(function () {
+    var listener = function listener() {
+      if (ref && ref.current) {
+        var rect = ref.current.getBoundingClientRect();
+        setSize({
+          x: rect.x,
+          y: rect.y,
+          top: rect.top,
+          left: rect.left,
+          bottom: rect.bottom,
+          right: rect.right,
+          width: rect.width,
+          height: rect.height
+        });
+      }
+    };
+
+    listener();
+    window.addEventListener("resize", listener);
+    return function () {
+      window.removeEventListener("resize", listener);
+    };
+  }, [ref]);
+  return _extends({}, size);
+};
+
+export default useRectHook;
+//# sourceMappingURL=useRectHook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useRectHook.tsx"],"names":["useState","useEffect","useRectHook","ref","x","y","top","left","bottom","right","width","height","size","setSize","listener","current","rect","getBoundingClientRect","window","addEventListener","removeEventListener"],"mappings":";AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAClBC,GADkB,EAWf;AACH,kBAAwBH,QAAQ,CAAC;AAC/BI,IAAAA,CAAC,EAAE,CAD4B;AAE/BC,IAAAA,CAAC,EAAE,CAF4B;AAG/BC,IAAAA,GAAG,EAAE,CAH0B;AAI/BC,IAAAA,IAAI,EAAE,CAJyB;AAK/BC,IAAAA,MAAM,EAAE,CALuB;AAM/BC,IAAAA,KAAK,EAAE,CANwB;AAO/BC,IAAAA,KAAK,EAAE,CAPwB;AAQ/BC,IAAAA,MAAM,EAAE;AARuB,GAAD,CAAhC;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AAWAZ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMa,QAAQ,GAAG,SAAXA,QAAW,GAAY;AAC3B,UAAIX,GAAG,IAAIA,GAAG,CAACY,OAAf,EAAwB;AACtB,YAAMC,IAAI,GAAGb,GAAG,CAACY,OAAJ,CAAYE,qBAAZ,EAAb;AACAJ,QAAAA,OAAO,CAAC;AACNT,UAAAA,CAAC,EAAEY,IAAI,CAACZ,CADF;AAENC,UAAAA,CAAC,EAAEW,IAAI,CAACX,CAFF;AAGNC,UAAAA,GAAG,EAAEU,IAAI,CAACV,GAHJ;AAINC,UAAAA,IAAI,EAAES,IAAI,CAACT,IAJL;AAKNC,UAAAA,MAAM,EAAEQ,IAAI,CAACR,MALP;AAMNC,UAAAA,KAAK,EAAEO,IAAI,CAACP,KANN;AAONC,UAAAA,KAAK,EAAEM,IAAI,CAACN,KAPN;AAQNC,UAAAA,MAAM,EAAEK,IAAI,CAACL;AARP,SAAD,CAAP;AAUD;AACF,KAdD;;AAgBAG,IAAAA,QAAQ;AAERI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCL,QAAlC;AAEA,WAAO,YAAY;AACjBI,MAAAA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCN,QAArC;AACD,KAFD;AAGD,GAxBQ,EAwBN,CAACX,GAAD,CAxBM,CAAT;AA0BA,sBAAYS,IAAZ;AACD,CAlDD;;AAoDA,eAAeV,WAAf","sourcesContent":["import { useState, useEffect } from \"react\";\n\nconst useRectHook = (\n  ref\n): {\n  x: number;\n  y: number;\n  top: number;\n  left: number;\n  bottom: number;\n  right: number;\n  width: number;\n  height: number;\n} => {\n  const [size, setSize] = useState({\n    x: 0,\n    y: 0,\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0,\n    width: 0,\n    height: 0,\n  });\n\n  useEffect(() => {\n    const listener = (): void => {\n      if (ref && ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n        setSize({\n          x: rect.x,\n          y: rect.y,\n          top: rect.top,\n          left: rect.left,\n          bottom: rect.bottom,\n          right: rect.right,\n          width: rect.width,\n          height: rect.height,\n        });\n      }\n    };\n\n    listener();\n\n    window.addEventListener(\"resize\", listener);\n\n    return (): void => {\n      window.removeEventListener(\"resize\", listener);\n    };\n  }, [ref]);\n\n  return { ...size };\n};\n\nexport default useRectHook;\n"],"file":"useRectHook.js"}

package/dist/esm/index.js

@@ -1,219 +1,4 @@
-export { Button } from './components/Button/Button.js';
-export { GlobalAddButton } from './components/Button/GlobalAddButton/GlobalAddButton.js';
-export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
-export { CounterButton } from './components/CounterButton/CounterButton.js';
-export { DateStepper } from './components/Steppers/DateStepper/DateStepper.js';
-export { Steps } from './components/Steppers/Steps/Steps.js';
-export { DataTable, SortDirection } from './components/Tables/DataTable.js';
-export { Table, Tbody, Thead } from './components/Tables/Table.js';
-export { CompleteCheckbox } from './components/CompleteCheckbox/CompleteCheckbox.js';
-export { Paper } from './components/Paper/Paper.js';
-export { ScaleBar } from './components/ScaleBar/ScaleBar.js';
-export { Card } from './components/Card/Card.js';
-export { EntityCard } from './components/EntityCard/EntityCard.js';
-export { Signifier, signifierTypes } from './components/Signifier/Signifier.js';
-export { Avatar } from './components/Avatar/Avatar.js';
-export { Label } from './components/Label/Label.js';
-export { LinearLoader } from './components/Loaders/Linear/LinearLoader.js';
-export { DotsLoader } from './components/Loaders/Dots/DotsLoader.js';
-export { SpinnerLoader } from './components/Loaders/Spinner/SpinnerLoader.js';
-export { Nav } from './components/Nav/Nav.js';
-export { Item } from './components/Nav/Item/Item.js';
-export { Bubble } from './components/Bubble/Bubble.js';
-export { Input } from './components/Input/Input.js';
-export { Menu } from './components/Menu/Menu.js';
-export { MenuHeader } from './components/Menu/MenuHeader.js';
-export { MenuFooter } from './components/Menu/MenuFooter.js';
-export { useMenuContext } from './components/Menu/context/index.js';
-export { ExpandSingle } from './components/Expanders/ExpandSingle.js';
-export { ExpandAll } from './components/Expanders/ExpandAll.js';
-export { YearMonthPicker } from './components/Pickers/YearMonthPicker.js';
-export { NavBarElement } from './components/Pickers/NavBarElement.js';
-export { DatePicker } from './components/DatePicker/DatePicker.js';
-export { List } from './components/List/List.js';
-export { ListItem } from './components/List/ListItem.js';
-export { ListSeparator } from './components/List/ListSeparator.js';
-export { MenuSelector } from './components/MenuSelector/MenuSelector.js';
-export { MultiAvatar } from './components/MultiAvatar/MultiAvatar.js';
-export { RadioButton } from './components/RadioButton/RadioButton.js';
-export { ScrollShadow } from './components/ScrollShadow/ScrollShadow.js';
-export { ScrollElement } from './components/ScrollShadow/ScrollElement.js';
-export { default as ActivityIcon } from './components/Icons/collection/Activity.js';
-export { default as AddCrossTinyIcon } from './components/Icons/collection/AddCrossTiny.js';
-export { default as AddCrossIcon } from './components/Icons/collection/AddCross.js';
-export { default as ArrowBackIcon } from './components/Icons/collection/ArrowBack.js';
-export { default as ArrowCollapseMultipleIcon } from './components/Icons/collection/ArrowCollapseMultiple.js';
-export { default as ArrowExpandeMultipleIcon } from './components/Icons/collection/ArrowExpandeMultiple.js';
-export { default as ArrowLeftBoxIcon } from './components/Icons/collection/ArrowLeftBox.js';
-export { default as ArrowRefreshIcon } from './components/Icons/collection/ArrowRefresh.js';
-export { default as AssignIcon } from './components/Icons/collection/Assign.js';
-export { default as BackIcon } from './components/Icons/collection/Back.js';
-export { default as BellOffSmallIcon } from './components/Icons/collection/BellOffSmall.js';
-export { default as BellOffIcon } from './components/Icons/collection/BellOff.js';
-export { default as BudgetAlertIcon } from './components/Icons/collection/BudgetAlert.js';
-export { default as BudgetNoAlertIcon } from './components/Icons/collection/BudgetNoAlert.js';
-export { default as CalendarAddXIcon } from './components/Icons/collection/CalendarAddX.js';
-export { default as CalendarEmptyIcon } from './components/Icons/collection/CalendarEmpty.js';
-export { default as CalendarIcon } from './components/Icons/collection/Calendar.js';
-export { default as CancelCrossIcon } from './components/Icons/collection/CancelCross.js';
-export { default as CaretLeftIcon } from './components/Icons/collection/CaretLeft.js';
-export { default as CaretRightIcon } from './components/Icons/collection/CaretRight.js';
-export { default as ChatIcon } from './components/Icons/collection/Chat.js';
-export { default as CheckIcon } from './components/Icons/collection/Check.js';
-export { default as CheckboxBlankTogglerIcon } from './components/Icons/collection/CheckboxBlankToggler.js';
-export { default as CheckboxIcon } from './components/Icons/collection/Checkbox.js';
-export { default as ChecklistSmallIcon } from './components/Icons/collection/ChecklistSmall.js';
-export { default as ChecklistIcon } from './components/Icons/collection/Checklist.js';
-export { default as CircleMultipleIcon } from './components/Icons/collection/CircleMultiple.js';
-export { default as ClockAddIcon } from './components/Icons/collection/ClockAdd.js';
-export { default as ClockSmallIcon } from './components/Icons/collection/ClockSmall.js';
-export { default as ClockStopwatchSmallIcon } from './components/Icons/collection/ClockStopwatchSmall.js';
-export { default as ClockStopwatchIcon } from './components/Icons/collection/ClockStopwatch.js';
-export { default as ClockIcon } from './components/Icons/collection/Clock.js';
-export { default as CloseSmallIcon } from './components/Icons/collection/CloseSmall.js';
-export { default as CollapseAllIcon } from './components/Icons/collection/CollapseAll.js';
-export { default as CollapseExpandSingleIcon } from './components/Icons/collection/CollapseExpandSingle.js';
-export { default as CommentIcon } from './components/Icons/collection/Comment.js';
-export { default as CommentsIcon } from './components/Icons/collection/Comments.js';
-export { default as ComputerIcon } from './components/Icons/collection/Computer.js';
-export { default as CrownBlankIcon } from './components/Icons/collection/CrownBlank.js';
-export { default as CrownSelectedIcon } from './components/Icons/collection/CrownSelected.js';
-export { default as DependencySmallIcon } from './components/Icons/collection/DependencySmall.js';
-export { default as DependencyIcon } from './components/Icons/collection/Dependency.js';
-export { default as DollarCheckmarkSmallIcon } from './components/Icons/collection/DollarCheckmarkSmall.js';
-export { default as DollarCheckmarkIcon } from './components/Icons/collection/DollarCheckmark.js';
-export { default as DollarClockSmallIcon } from './components/Icons/collection/DollarClockSmall.js';
-export { default as DollarClockIcon } from './components/Icons/collection/DollarClock.js';
-export { default as DollarOffSmallIcon } from './components/Icons/collection/DollarOffSmall.js';
-export { default as DollarOffIcon } from './components/Icons/collection/DollarOff.js';
-export { default as DollarSmallIcon } from './components/Icons/collection/DollarSmall.js';
-export { default as DollarIcon } from './components/Icons/collection/Dollar.js';
-export { default as DownloadIcon } from './components/Icons/collection/Download.js';
-export { default as DriveIcon } from './components/Icons/collection/Drive.js';
-export { default as DropboxIcon } from './components/Icons/collection/Dropbox.js';
-export { default as DuplicateIcon } from './components/Icons/collection/Duplicate.js';
-export { default as EditIcon } from './components/Icons/collection/Edit.js';
-export { default as EmojiIcon } from './components/Icons/collection/Emoji.js';
-export { default as EstimatesIcon } from './components/Icons/collection/Estimates.js';
-export { default as ExpandAllIcon } from './components/Icons/collection/ExpandAll.js';
-export { default as ExportIcon } from './components/Icons/collection/Export.js';
-export { default as EyeOffSmallIcon } from './components/Icons/collection/EyeOffSmall.js';
-export { default as EyeOffIcon } from './components/Icons/collection/EyeOff.js';
-export { default as EyeSmallIcon } from './components/Icons/collection/EyeSmall.js';
-export { default as EyeIcon } from './components/Icons/collection/Eye.js';
-export { default as FilterIcon } from './components/Icons/collection/Filter.js';
-export { default as HelpIcon } from './components/Icons/collection/Help.js';
-export { default as InfoSmallIcon } from './components/Icons/collection/InfoSmall.js';
-export { default as InfoIcon } from './components/Icons/collection/Info.js';
-export { default as IntegrationsIcon } from './components/Icons/collection/Integrations.js';
-export { default as InvoicesIcon } from './components/Icons/collection/Invoices.js';
-export { default as LabelsIcon } from './components/Icons/collection/Labels.js';
-export { default as LockSmallIcon } from './components/Icons/collection/LockSmall.js';
-export { default as LockIcon } from './components/Icons/collection/Lock.js';
-export { default as MarkerIcon } from './components/Icons/collection/Marker.js';
-export { default as MenuNavIcon } from './components/Icons/collection/MenuNavIcon.js';
-export { default as MessageAddIcon } from './components/Icons/collection/MessageAdd.js';
-export { default as MessageSmallIcon } from './components/Icons/collection/MessageSmall.js';
-export { default as MessageIcon } from './components/Icons/collection/Message.js';
-export { default as MoveTriggerIcon } from './components/Icons/collection/MoveTrigger.js';
-export { default as MyWorkIcon } from './components/Icons/collection/MyWork.js';
-export { default as NotificationBellIcon } from './components/Icons/collection/NotificationBell.js';
-export { default as OpenExpandedIcon } from './components/Icons/collection/OpenExpanded.js';
-export { default as PaidSmallIcon } from './components/Icons/collection/PaidSmall.js';
-export { default as PauseIcon } from './components/Icons/collection/PauseIcon.js';
-export { default as PencilSmallIcon } from './components/Icons/collection/PencilSmall.js';
-export { default as PencilIcon } from './components/Icons/collection/Pencil.js';
-export { default as PendingPaymentSmallIcon } from './components/Icons/collection/PendingPaymentSmall.js';
-export { default as PeopleIcon } from './components/Icons/collection/People.js';
-export { default as PersonPlusIcon } from './components/Icons/collection/PersonPlus.js';
-export { default as PersonIcon } from './components/Icons/collection/Person.js';
-export { default as PlayIcon } from './components/Icons/collection/PlayIcon.js';
-export { default as ProjectAddIcon } from './components/Icons/collection/ProjectAdd.js';
-export { default as ProjectTemplateIcon } from './components/Icons/collection/ProjectTemplate.js';
-export { default as ProjectsIcon } from './components/Icons/collection/Projects.js';
-export { default as RadioBlankIcon } from './components/Icons/collection/RadioBlank.js';
-export { default as RadioButtonIcon } from './components/Icons/collection/RadioButton.js';
-export { default as RearangeIcon } from './components/Icons/collection/Rearange.js';
-export { default as RearrangeSmallIcon } from './components/Icons/collection/RearrangeSmall.js';
-export { default as RecurringCheckmarkSmallIcon } from './components/Icons/collection/RecurringCheckmarkSmall.js';
-export { default as RecurringCheckmarkIcon } from './components/Icons/collection/RecurringCheckmark.js';
-export { default as ReportsIcon } from './components/Icons/collection/Reports.js';
-export { default as SearchIcon } from './components/Icons/collection/Search.js';
-export { default as SendBlankIcon } from './components/Icons/collection/SendBlank.js';
-export { default as SendFilledIcon } from './components/Icons/collection/SendFilled.js';
-export { default as SortGeneralIcon } from './components/Icons/collection/SortGeneral.js';
-export { default as SortIcon } from './components/Icons/collection/SortIcon.js';
-export { default as StarIcon } from './components/Icons/collection/Star.js';
-export { default as TaskAddIcon } from './components/Icons/collection/TaskAdd.js';
-export { default as TextFormatGeneralAltIcon } from './components/Icons/collection/TextFormatGeneralAlt.js';
-export { default as ThumbUpOutlineIcon } from './components/Icons/collection/ThumbUpOutline.js';
-export { default as TrashIcon } from './components/Icons/collection/Trash.js';
-export { default as TreeDotsIcon } from './components/Icons/collection/TreeDots.js';
-export { default as ViewGridIcon } from './components/Icons/collection/ViewGrid.js';
-export { default as ViewListIcon } from './components/Icons/collection/ViewList.js';
-export { default as VolumeHighIcon } from './components/Icons/collection/VolumeHigh.js';
-export { default as VolumeOffIcon } from './components/Icons/collection/VolumeOff.js';
-export { default as WarningTriangleSmallIcon } from './components/Icons/collection/WarningTriangleSmall.js';
-export { default as WarningTriangleIcon } from './components/Icons/collection/WarningTriangle.js';
-export { default as WarningIcon } from './components/Icons/collection/Warning.js';
-export { default as WorkloadIcon } from './components/Icons/collection/Workload.js';
-export { Textarea } from './components/Textarea/Textarea.js';
-export { Modal } from './components/Modal/Modal.js';
-export { Sheet } from './components/Sheet/Sheet.js';
-export { Header } from './components/Header/Header.js';
-export { AutoResizeTextarea } from './components/AutoResizeTextarea/AutoResizeTextarea.js';
-export { Overlay } from './components/Overlay/Overlay.js';
-export { Accordion, AccordionContext } from './components/Accordion/Accordion.js';
-export { AccordionItem, ItemContext } from './components/Accordion/AccordionItem.js';
-export { AccordionItemHead } from './components/Accordion/AccordionItemHead.js';
-export { AccordionItemBody } from './components/Accordion/AccordionItemBody.js';
-export { Choose } from './components/Choose/Choose.js';
-export { BackLink } from './components/Links/BackLink.js';
-export { Link } from './components/Links/Link.js';
-export { SelectDate } from './components/SelectDate/SelectDate.js';
-export { Popper } from './components/Popper/Popper.js';
-export { Tooltip } from './components/Tooltip/Tooltip.js';
-export { Fade } from './components/Transitions/Fade/Fade.js';
-export { Slide } from './components/Transitions/Slide/Slide.js';
-export { FromElement } from './components/Transitions/FromElement/FromElement.js';
-export { SlideFromTop } from './components/Transitions/SlideFromTop/SlideFromTop.js';
-export { SlideLeftRightTransition } from './components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js';
-export { ResizeTransition } from './components/Transitions/ResizeTransition/ResizeTransition.js';
-export { Reveal } from './components/Transitions/Reveal/Reveal.js';
-export { Scale } from './components/Transitions/Scale/Scale.js';
-export { Pressed } from './components/Pressed/Pressed.js';
-export { Window } from './components/Window/Window.js';
-export { ValueButton } from './components/ValueButton/ValueButton.js';
-export { Select } from './components/Select/Select.js';
-export { Option } from './components/Select/Option/Option.js';
-export { OptionGroup } from './components/Select/OptionGroup/OptionGroup.js';
-export { Dialog } from './components/Dialog/Dialog.js';
-export { DialogContent } from './components/Dialog/DialogContent.js';
-export { DialogContentDivider } from './components/Dialog/DialogContentDivider.js';
-export { DialogTitle } from './components/Dialog/DialogTitle.js';
-export { DialogActions } from './components/Dialog/DialogActions.js';
-export { ConfirmDialog } from './components/ConfirmDialog/ConfirmDialog.js';
-export { Checkbox } from './components/Checkbox/Checkbox.js';
-export { Toggle } from './components/Toggle/Toggle.js';
-export { Title1 } from './components/Typography/Variants/Title1.js';
-export { Header2 } from './components/Typography/Variants/Header2.js';
-export { Header3 } from './components/Typography/Variants/Header3.js';
-export { Body1 } from './components/Typography/Variants/Body1.js';
-export { Body2 } from './components/Typography/Variants/Body2.js';
-export { Caption1 } from './components/Typography/Variants/Caption1.js';
-export { Caption2 } from './components/Typography/Variants/Caption2.js';
-export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
-export { ComboBox } from './components/ComboBox/ComboBox.js';
-export { ProgressBar } from './components/ProgressBar/ProgressBar.js';
-export { default as ApplauseIcon } from './components/Reactions/collection/ApplauseIcon.js';
-export { default as HeartIcon } from './components/Reactions/collection/HeartIcon.js';
-export { default as PartyIcon } from './components/Reactions/collection/PartyIcon.js';
-export { default as SmileIcon } from './components/Reactions/collection/SmileIcon.js';
-export { default as ThinkingIcon } from './components/Reactions/collection/ThinkingIcon.js';
-export { default as ThumbsUpIcon } from './components/Reactions/collection/ThumbsUpIcon.js';
-export { default as ThumbsDownIcon } from './components/Reactions/collection/ThumbsDownIcon.js';
-export { GlobalStyle } from './components/GlobalStyle.js';
-export { Portal } from './helpers/Portal/Portal.js';
-export { default as LayerContext, LayerContextConsumer, LayerContextProvider, useLayerContext } from './helpers/LayerContext/LayerContext.js';
-export { useInitScrollRef } from './hooks/useInitScrollRef.js';
-//# sourceMappingURL=index.js.map
+export * from "./components";
+export * from "./helpers";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,SAAd","sourcesContent":["export * from \"./components\";\nexport * from \"./helpers\";\nexport * from \"./hooks\";\n"],"file":"index.js"}

package/dist/esm/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/esm/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"index.js"}

package/dist/esm/utils/createChainedFunction.js

@@ -1,4 +1,4 @@
-function createChainedFunction() {
+export default function createChainedFunction() {
   for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
     functions[_key] = arguments[_key];
   }
@@ -19,6 +19,4 @@ function createChainedFunction() {
   }, // eslint-disable-next-line @typescript-eslint/no-empty-function
   function () {});
 }
-
-export { createChainedFunction as default };
-//# sourceMappingURL=createChainedFunction.js.map
+//# sourceMappingURL=createChainedFunction.js.map

package/dist/esm/utils/createChainedFunction.js.map

@@ -1 +1 @@
-{"version":3,"file":"createChainedFunction.js","sources":["../../../src/utils/createChainedFunction.ts"],"sourcesContent":["export type ChainedFunction = ((...args: unknown[]) => void) | undefined | null;\n\nexport default function createChainedFunction(\n  ...functions: ChainedFunction[]\n): ChainedFunction {\n  return functions.reduce(\n    (acc, func) => {\n      if (func === null) {\n        return acc;\n      }\n\n      return function chainedFunction(this: void, ...args): void {\n        acc && acc.apply(this, args);\n        func && func.apply(this, args);\n      };\n    },\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    () => {}\n  );\n}\n"],"names":["createChainedFunction","functions","reduce","acc","func","chainedFunction","args","apply"],"mappings":"AAEe,SAASA,qBAAT,GAEI;AAAA,oCADdC,SACc;AADdA,IAAAA,SACc;AAAA;;AACjB,SAAOA,SAAS,CAACC,MAAV,CACL,UAACC,GAAD,EAAMC,IAAN,EAAe;AACb,QAAIA,IAAI,KAAK,IAAb,EAAmB;AACjB,aAAOD,GAAP;AACD;;AAED,WAAO,SAASE,eAAT,GAAoD;AAAA,yCAAZC,IAAY;AAAZA,QAAAA,IAAY;AAAA;;AACzDH,MAAAA,GAAG,IAAIA,GAAG,CAACI,KAAJ,CAAU,IAAV,EAAgBD,IAAhB,CAAP;AACAF,MAAAA,IAAI,IAAIA,IAAI,CAACG,KAAL,CAAW,IAAX,EAAiBD,IAAjB,CAAR;AACD,KAHD;AAID,GAVI;AAYL,cAAM,EAZD,CAAP;AAcD;;;;"}
+{"version":3,"sources":["../../../src/utils/createChainedFunction.ts"],"names":["createChainedFunction","functions","reduce","acc","func","chainedFunction","args","apply"],"mappings":"AAEA,eAAe,SAASA,qBAAT,GAEI;AAAA,oCADdC,SACc;AADdA,IAAAA,SACc;AAAA;;AACjB,SAAOA,SAAS,CAACC,MAAV,CACL,UAACC,GAAD,EAAMC,IAAN,EAAe;AACb,QAAIA,IAAI,KAAK,IAAb,EAAmB;AACjB,aAAOD,GAAP;AACD;;AAED,WAAO,SAASE,eAAT,GAAoD;AAAA,yCAAZC,IAAY;AAAZA,QAAAA,IAAY;AAAA;;AACzDH,MAAAA,GAAG,IAAIA,GAAG,CAACI,KAAJ,CAAU,IAAV,EAAgBD,IAAhB,CAAP;AACAF,MAAAA,IAAI,IAAIA,IAAI,CAACG,KAAL,CAAW,IAAX,EAAiBD,IAAjB,CAAR;AACD,KAHD;AAID,GAVI,EAWL;AACA,cAAM,CAAE,CAZH,CAAP;AAcD","sourcesContent":["export type ChainedFunction = ((...args: unknown[]) => void) | undefined | null;\n\nexport default function createChainedFunction(\n  ...functions: ChainedFunction[]\n): ChainedFunction {\n  return functions.reduce(\n    (acc, func) => {\n      if (func === null) {\n        return acc;\n      }\n\n      return function chainedFunction(this: void, ...args): void {\n        acc && acc.apply(this, args);\n        func && func.apply(this, args);\n      };\n    },\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    () => {}\n  );\n}\n"],"file":"createChainedFunction.js"}

package/dist/esm/utils/createChainedFunction.test.js

@@ -0,0 +1,24 @@
+import createChainedFunction from "./createChainedFunction";
+describe("createChainedFunction", function () {
+  it("should handle createChainedFunction", function () {
+    var one = function one() {
+      return "one";
+    };
+
+    var two = function two() {
+      return "two";
+    };
+
+    var test = createChainedFunction(one, two);
+    var test2 = createChainedFunction(null);
+
+    if (test) {
+      expect(test()).toEqual(undefined);
+    }
+
+    if (test2) {
+      expect(test2()).toEqual(undefined);
+    }
+  });
+});
+//# sourceMappingURL=createChainedFunction.test.js.map

package/dist/esm/utils/createChainedFunction.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/createChainedFunction.test.ts"],"names":["createChainedFunction","describe","it","one","two","test","test2","expect","toEqual","undefined"],"mappings":"AAAA,OAAOA,qBAAP,MAAkC,yBAAlC;AAEAC,QAAQ,CAAC,uBAAD,EAA0B,YAAM;AACtCC,EAAAA,EAAE,CAAC,qCAAD,EAAwC,YAAM;AAC9C,QAAMC,GAAG,GAAG,SAANA,GAAM,GAAc;AACxB,aAAO,KAAP;AACD,KAFD;;AAIA,QAAMC,GAAG,GAAG,SAANA,GAAM,GAAc;AACxB,aAAO,KAAP;AACD,KAFD;;AAIA,QAAMC,IAAI,GAAGL,qBAAqB,CAACG,GAAD,EAAMC,GAAN,CAAlC;AACA,QAAME,KAAK,GAAGN,qBAAqB,CAAC,IAAD,CAAnC;;AACA,QAAIK,IAAJ,EAAU;AACRE,MAAAA,MAAM,CAACF,IAAI,EAAL,CAAN,CAAeG,OAAf,CAAuBC,SAAvB;AACD;;AACD,QAAIH,KAAJ,EAAW;AACTC,MAAAA,MAAM,CAACD,KAAK,EAAN,CAAN,CAAgBE,OAAhB,CAAwBC,SAAxB;AACD;AACF,GAjBC,CAAF;AAkBD,CAnBO,CAAR","sourcesContent":["import createChainedFunction from \"./createChainedFunction\";\n\ndescribe(\"createChainedFunction\", () => {\n  it(\"should handle createChainedFunction\", () => {\n    const one = (): string => {\n      return \"one\";\n    };\n\n    const two = (): string => {\n      return \"two\";\n    };\n\n    const test = createChainedFunction(one, two);\n    const test2 = createChainedFunction(null);\n    if (test) {\n      expect(test()).toEqual(undefined);\n    }\n    if (test2) {\n      expect(test2()).toEqual(undefined);\n    }\n  });\n});\n"],"file":"createChainedFunction.test.js"}

package/dist/esm/utils/setRef.js

@@ -1,10 +1,8 @@
-function setRef(ref, value) {
+export default function setRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref) {
     ref.current = value;
   }
 }
-
-export { setRef as default };
-//# sourceMappingURL=setRef.js.map
+//# sourceMappingURL=setRef.js.map

package/dist/esm/utils/setRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"setRef.js","sources":["../../../src/utils/setRef.ts"],"sourcesContent":["import { MutableRefObject } from \"react\";\n\nexport default function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"names":["setRef","ref","value","current"],"mappings":"AAEe,SAASA,MAAT,CACbC,GADa,EAMbC,KANa,EAOP;AACN,MAAI,OAAOD,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,IAAAA,GAAG,CAACC,KAAD,CAAH;AACD,GAFD,MAEO,IAAID,GAAJ,EAAS;AACdA,IAAAA,GAAG,CAACE,OAAJ,GAAcD,KAAd;AACD;AACF;;;;"}
+{"version":3,"sources":["../../../src/utils/setRef.ts"],"names":["setRef","ref","value","current"],"mappings":"AAEA,eAAe,SAASA,MAAT,CACbC,GADa,EAMbC,KANa,EAOP;AACN,MAAI,OAAOD,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,IAAAA,GAAG,CAACC,KAAD,CAAH;AACD,GAFD,MAEO,IAAID,GAAJ,EAAS;AACdA,IAAAA,GAAG,CAACE,OAAJ,GAAcD,KAAd;AACD;AACF","sourcesContent":["import { MutableRefObject } from \"react\";\n\nexport default function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"file":"setRef.js"}