@activecollab/components 1.0.205 → 1.0.207

package/dist/esm/hooks/useHighlightText.js

@@ -5,20 +5,16 @@ var StyledHiglightedText = styled.span.withConfig({
   componentId: "sc-13agf6o-0"
 })(["background-color:var(--color-primary-200);"]);
 StyledHiglightedText.displayName = "StyledHiglightedText";
-
 var useHighlightText = function useHighlightText(text, searchBy, matchCase) {
   if (matchCase === void 0) {
     matchCase = false;
   }
-
   var textComparator = text;
   var searchByComparator = searchBy;
-
   if (!matchCase) {
     textComparator = text.toLowerCase();
     searchByComparator = searchBy.toLowerCase();
   }
-
   if (searchBy && textComparator && textComparator.indexOf(searchByComparator) >= 0) {
     var beforeHighlighted = text.substring(0, textComparator.indexOf(searchByComparator));
     var highLighted = text.substring(textComparator.indexOf(searchByComparator), textComparator.indexOf(searchByComparator) + searchBy.length);
@@ -27,9 +23,7 @@ var useHighlightText = function useHighlightText(text, searchBy, matchCase) {
       className: "c-option--text__highlight"
     }, highLighted.replace(/ /g, "\xA0")), afterHighlighted.replace(/ /g, "\xA0"));
   }
-
   return text;
 };
-
 export default useHighlightText;
 //# sourceMappingURL=useHighlightText.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"useHighlightText.js","names":["React","Fragment","styled","StyledHiglightedText","span","displayName","useHighlightText","text","searchBy","matchCase","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","length","afterHighlighted","replace"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAmB,OAAO;AAClD,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,IAAMC,oBAAoB,GAAGD,MAAM,CAACE,IAAI;EAAA;EAAA;AAAA,kDAEvC;AAEDD,oBAAoB,CAACE,WAAW,GAAG,sBAAsB;AAEzD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CACpBC,IAAY,EACZC,QAAgB,EAChBC,SAAS,EACK;EAAA,IADdA,SAAS;IAATA,SAAS,GAAG,KAAK;EAAA;EAEjB,IAAIC,cAAc,GAAGH,IAAI;EACzB,IAAII,kBAAkB,GAAGH,QAAQ;EAEjC,IAAI,CAACC,SAAS,EAAE;IACdC,cAAc,GAAGH,IAAI,CAACK,WAAW,EAAE;IACnCD,kBAAkB,GAAGH,QAAQ,CAACI,WAAW,EAAE;EAC7C;EAEA,IACEJ,QAAQ,IACRE,cAAc,IACdA,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,IAAI,CAAC,EAC/C;IACA,IAAMG,iBAAiB,GAAGP,IAAI,CAACQ,SAAS,CACtC,CAAC,EACDL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,CAC3C;IACD,IAAMK,WAAW,GAAGT,IAAI,CAACQ,SAAS,CAChCL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,EAC1CD,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,GAAGH,QAAQ,CAACS,MAAM,CAC7D;IACD,IAAMC,gBAAgB,GAAGX,IAAI,CAACQ,SAAS,CACrCL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,GAAGH,QAAQ,CAACS,MAAM,CAC7D;IAED,oBACE,oBAAC,QAAQ,QACNH,iBAAiB,CAACK,OAAO,CAAC,IAAI,EAAE,MAAQ,CAAC,eAC1C,oBAAC,oBAAoB;MAAC,SAAS,EAAC;IAA2B,GACxDH,WAAW,CAACG,OAAO,CAAC,IAAI,EAAE,MAAQ,CAAC,CACf,EACtBD,gBAAgB,CAACC,OAAO,CAAC,IAAI,EAAE,MAAQ,CAAC,CAChC;EAEf;EAEA,OAAOZ,IAAI;AACb,CAAC;AAED,eAAeD,gBAAgB"}

package/dist/esm/hooks/useInitScrollRef.js

@@ -3,7 +3,6 @@ export var useInitScrollRef = function useInitScrollRef(element, invert) {
   if (invert === void 0) {
     invert = false;
   }
-
   var ref = useRef(element);
   useEffect(function () {
     if (ref.current) {

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"useInitScrollRef.js","names":["useRef","useEffect","useInitScrollRef","element","invert","ref","current","scrollTop","scrollLeft"],"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"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAA0B,OAAO;AAE3D,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAC3BC,OAA8B,EAC9BC,MAAM,EACsC;EAAA,IAD5CA,MAAM;IAANA,MAAM,GAAG,KAAK;EAAA;EAEd,IAAMC,GAAG,GAAGL,MAAM,CAAwBG,OAAO,CAAC;EAElDF,SAAS,CAAC,YAAM;IACd,IAAII,GAAG,CAACC,OAAO,EAAE;MACfD,GAAG,CAACC,OAAO,CAACC,SAAS,GAAGH,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;MACvCC,GAAG,CAACC,OAAO,CAACC,SAAS,GAAG,CAAC;MACzBF,GAAG,CAACC,OAAO,CAACE,UAAU,GAAGJ,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;MACxCC,GAAG,CAACC,OAAO,CAACE,UAAU,GAAG,CAAC;IAC5B;EACF,CAAC,EAAE,CAACJ,MAAM,CAAC,CAAC;EAEZ,OAAOC,GAAG;AACZ,CAAC"}

package/dist/esm/hooks/useOnClickOutside.js

@@ -6,17 +6,16 @@ export function useOnClickOutside(ref, handler) {
       if (!ref.current || ref.current.contains(event.target)) {
         return;
       }
-
       handler(event);
     };
-
     document.addEventListener("mousedown", listener);
     document.addEventListener("touchstart", listener);
     return function () {
       document.removeEventListener("mousedown", listener);
       document.removeEventListener("touchstart", listener);
     };
-  }, // Add ref and handler to effect dependencies
+  },
+  // Add ref and handler to effect dependencies
   // It's worth noting that because passed in handler is a new ...
   // ... function on every render that will cause this effect ...
   // ... callback/cleanup to run every render. It's not a big deal ...

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useOnClickOutside.tsx"],"names":["useEffect","useOnClickOutside","ref","handler","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":"AAAA,SAAoBA,SAApB,QAAqC,OAArC;AAEA,OAAO,SAASC,iBAAT,CACLC,GADK,EAELC,OAFK,EAGL;AACAH,EAAAA,SAAS,CACP,YAAM;AACJ,QAAMI,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B;AACA,UAAI,CAACH,GAAG,CAACI,OAAL,IAAgBJ,GAAG,CAACI,OAAJ,CAAYC,QAAZ,CAAqBF,KAAK,CAACG,MAA3B,CAApB,EAAwD;AACtD;AACD;;AACDL,MAAAA,OAAO,CAACE,KAAD,CAAP;AACD,KAND;;AAOAI,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCN,QAAvC;AACAK,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCN,QAAxC;AACA,WAAO,YAAM;AACXK,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CP,QAA1C;AACAK,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CP,QAA3C;AACD,KAHD;AAID,GAfM,EAgBP;AACA;AACA;AACA;AACA;AACA;AACA,GAACF,GAAD,EAAMC,OAAN,CAtBO,CAAT;AAwBD","sourcesContent":["import { RefObject, useEffect } from \"react\";\n\nexport function useOnClickOutside<T extends HTMLElement>(\n  ref: RefObject<T>,\n  handler: (e: MouseEvent) => void\n) {\n  useEffect(\n    () => {\n      const listener = (event) => {\n        // Do nothing if clicking ref's element or descendent elements\n        if (!ref.current || ref.current.contains(event.target)) {\n          return;\n        }\n        handler(event);\n      };\n      document.addEventListener(\"mousedown\", listener);\n      document.addEventListener(\"touchstart\", listener);\n      return () => {\n        document.removeEventListener(\"mousedown\", listener);\n        document.removeEventListener(\"touchstart\", listener);\n      };\n    },\n    // Add ref and handler to effect dependencies\n    // It's worth noting that because passed in handler is a new ...\n    // ... function on every render that will cause this effect ...\n    // ... callback/cleanup to run every render. It's not a big deal ...\n    // ... but to optimize you can wrap handler in useCallback before ...\n    // ... passing it into this hook.\n    [ref, handler]\n  );\n}\n"],"file":"useOnClickOutside.js"}
+{"version":3,"file":"useOnClickOutside.js","names":["useEffect","useOnClickOutside","ref","handler","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnClickOutside.tsx"],"sourcesContent":["import { RefObject, useEffect } from \"react\";\n\nexport function useOnClickOutside<T extends HTMLElement>(\n  ref: RefObject<T>,\n  handler: (e: MouseEvent) => void\n) {\n  useEffect(\n    () => {\n      const listener = (event) => {\n        // Do nothing if clicking ref's element or descendent elements\n        if (!ref.current || ref.current.contains(event.target)) {\n          return;\n        }\n        handler(event);\n      };\n      document.addEventListener(\"mousedown\", listener);\n      document.addEventListener(\"touchstart\", listener);\n      return () => {\n        document.removeEventListener(\"mousedown\", listener);\n        document.removeEventListener(\"touchstart\", listener);\n      };\n    },\n    // Add ref and handler to effect dependencies\n    // It's worth noting that because passed in handler is a new ...\n    // ... function on every render that will cause this effect ...\n    // ... callback/cleanup to run every render. It's not a big deal ...\n    // ... but to optimize you can wrap handler in useCallback before ...\n    // ... passing it into this hook.\n    [ref, handler]\n  );\n}\n"],"mappings":"AAAA,SAAoBA,SAAS,QAAQ,OAAO;AAE5C,OAAO,SAASC,iBAAiB,CAC/BC,GAAiB,EACjBC,OAAgC,EAChC;EACAH,SAAS,CACP,YAAM;IACJ,IAAMI,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAK,EAAK;MAC1B;MACA,IAAI,CAACH,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,EAAE;QACtD;MACF;MACAL,OAAO,CAACE,KAAK,CAAC;IAChB,CAAC;IACDI,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,QAAQ,CAAC;IAChDK,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEN,QAAQ,CAAC;IACjD,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,QAAQ,CAAC;MACnDK,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEP,QAAQ,CAAC;IACtD,CAAC;EACH,CAAC;EACD;EACA;EACA;EACA;EACA;EACA;EACA,CAACF,GAAG,EAAEC,OAAO,CAAC,CACf;AACH"}

package/dist/esm/hooks/usePosition.js

@@ -3,92 +3,75 @@ var Position = function Position(targetTop, targetBottom, targetLeft, targetRigh
   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
-
-
+  }
+  // Y middle
   if (repositionX > 0 && repositionX + contentWidth < windowWidth && handleY()) {
     return {
       top: repositionY,
       left: repositionX
     };
-  } // Y right
-
-
+  }
+  // Y right
   repositionX = targetLeft;
-
   if (targetLeft > 0 && targetLeft + contentWidth < windowWidth && handleY()) {
     return {
       top: repositionY,
       left: repositionX
     };
-  } // Y left
-
-
+  }
+  // Y left
   repositionX = targetRight - contentWidth;
-
   if (targetRight < windowWidth && targetRight - contentWidth > 0 && handleY()) {
     return {
       top: repositionY,
       left: repositionX
     };
-  } // X middle
-
-
+  }
+  // X middle
   if (repositionY > 0 && repositionY + contentHeight < windowHeight && handleX()) {
     return {
       top: repositionY,
       left: repositionX
     };
-  } // X bottom
-
-
+  }
+  // X bottom
   repositionY = targetTop;
-
   if (targetTop > 0 && targetTop + contentHeight < windowHeight && handleX()) {
     return {
       top: repositionY,
       left: repositionX
     };
-  } // X top
-
-
+  }
+  // X top
   repositionY = targetBottom - contentHeight;
-
   if (targetBottom < windowHeight && targetBottom - contentHeight > 0 && handleX()) {
     return {
       top: repositionY,
       left: repositionX
     };
-  } // center
-
-
+  }
+  // center
   repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;
   repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;
   return {
@@ -96,6 +79,5 @@ var Position = function Position(targetTop, targetBottom, targetLeft, targetRigh
     left: repositionX
   };
 };
-
 export default Position;
 //# sourceMappingURL=usePosition.js.map

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

@@ -1 +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"}
+{"version":3,"file":"usePosition.js","names":["Position","targetTop","targetBottom","targetLeft","targetRight","contentHeight","contentWidth","windowHeight","window","innerHeight","windowWidth","innerWidth","repositionY","repositionX","handleY","handleX","top","left"],"sources":["../../../src/hooks/usePosition.tsx"],"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"],"mappings":"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"}

package/dist/esm/hooks/useRectHook.js

@@ -1,20 +1,18 @@
 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];
-
+      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) {
@@ -31,7 +29,6 @@ var useRectHook = function useRectHook(ref) {
         });
       }
     };
-
     listener();
     window.addEventListener("resize", listener);
     return function () {
@@ -40,6 +37,5 @@ var useRectHook = function useRectHook(ref) {
   }, [ref]);
   return _extends({}, size);
 };
-
 export default useRectHook;
 //# sourceMappingURL=useRectHook.js.map

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

@@ -1 +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"}
+{"version":3,"file":"useRectHook.js","names":["useState","useEffect","useRectHook","ref","x","y","top","left","bottom","right","width","height","size","setSize","listener","current","rect","getBoundingClientRect","window","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useRectHook.tsx"],"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"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAE3C,IAAMC,WAAW,GAAG,SAAdA,WAAW,CACfC,GAAG,EAUA;EACH,gBAAwBH,QAAQ,CAAC;MAC/BI,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,CAAC;MACRC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC,CAAC;IATKC,IAAI;IAAEC,OAAO;EAWpBZ,SAAS,CAAC,YAAM;IACd,IAAMa,QAAQ,GAAG,SAAXA,QAAQ,GAAe;MAC3B,IAAIX,GAAG,IAAIA,GAAG,CAACY,OAAO,EAAE;QACtB,IAAMC,IAAI,GAAGb,GAAG,CAACY,OAAO,CAACE,qBAAqB,EAAE;QAChDJ,OAAO,CAAC;UACNT,CAAC,EAAEY,IAAI,CAACZ,CAAC;UACTC,CAAC,EAAEW,IAAI,CAACX,CAAC;UACTC,GAAG,EAAEU,IAAI,CAACV,GAAG;UACbC,IAAI,EAAES,IAAI,CAACT,IAAI;UACfC,MAAM,EAAEQ,IAAI,CAACR,MAAM;UACnBC,KAAK,EAAEO,IAAI,CAACP,KAAK;UACjBC,KAAK,EAAEM,IAAI,CAACN,KAAK;UACjBC,MAAM,EAAEK,IAAI,CAACL;QACf,CAAC,CAAC;MACJ;IACF,CAAC;IAEDG,QAAQ,EAAE;IAEVI,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEL,QAAQ,CAAC;IAE3C,OAAO,YAAY;MACjBI,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEN,QAAQ,CAAC;IAChD,CAAC;EACH,CAAC,EAAE,CAACX,GAAG,CAAC,CAAC;EAET,oBAAYS,IAAI;AAClB,CAAC;AAED,eAAeV,WAAW"}

package/dist/esm/index.js.map

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

package/dist/esm/styled.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"styled.d.js"}
+{"version":3,"file":"styled.d.js","names":[],"sources":["../../src/styled.d.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\n\ndeclare module \"react\" {\n  interface Attributes {\n    css?: CSSProp;\n  }\n}\n\ndeclare global {\n  namespace JSX {\n    interface IntrinsicAttributes {\n      css?: CSSProp | undefined;\n    }\n  }\n}\n\ndeclare module \"react\" {\n  interface DOMAttributes {\n    css?: CSSProp;\n  }\n}\n\ndeclare global {\n  namespace JSX {\n    /**\n     * Do we need to modify `LibraryManagedAttributes` too,\n     * to make `className` props optional when `css` props is specified?\n     */\n\n    interface IntrinsicAttributes {\n      css?: CSSProp;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/types/index.ts"],"sourcesContent":["import { SyntheticEvent } from \"react\";\n\nexport interface ISyntheticEvent extends SyntheticEvent {\n  target: EventTarget;\n  currentTarget: HTMLElement;\n}\n"],"mappings":""}

package/dist/esm/utils/createChainedFunction.js

@@ -2,21 +2,19 @@ export default function createChainedFunction() {
   for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
     functions[_key] = arguments[_key];
   }
-
   return functions.reduce(function (acc, func) {
     if (func === null) {
       return acc;
     }
-
     return function chainedFunction() {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-
       acc && acc.apply(this, args);
       func && func.apply(this, args);
     };
-  }, // eslint-disable-next-line @typescript-eslint/no-empty-function
+  },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   function () {});
 }
 //# sourceMappingURL=createChainedFunction.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"createChainedFunction.js","names":["createChainedFunction","functions","reduce","acc","func","chainedFunction","args","apply"],"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"],"mappings":"AAEA,eAAe,SAASA,qBAAqB,GAE1B;EAAA,kCADdC,SAAS;IAATA,SAAS;EAAA;EAEZ,OAAOA,SAAS,CAACC,MAAM,CACrB,UAACC,GAAG,EAAEC,IAAI,EAAK;IACb,IAAIA,IAAI,KAAK,IAAI,EAAE;MACjB,OAAOD,GAAG;IACZ;IAEA,OAAO,SAASE,eAAe,GAA4B;MAAA,mCAAZC,IAAI;QAAJA,IAAI;MAAA;MACjDH,GAAG,IAAIA,GAAG,CAACI,KAAK,CAAC,IAAI,EAAED,IAAI,CAAC;MAC5BF,IAAI,IAAIA,IAAI,CAACG,KAAK,CAAC,IAAI,EAAED,IAAI,CAAC;IAChC,CAAC;EACH,CAAC;EACD;EACA,YAAM,CAAC,CAAC,CACT;AACH"}

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

@@ -4,18 +4,14 @@ describe("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);
     }

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

@@ -1 +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"}
+{"version":3,"file":"createChainedFunction.test.js","names":["createChainedFunction","describe","it","one","two","test","test2","expect","toEqual","undefined"],"sources":["../../../src/utils/createChainedFunction.test.ts"],"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"],"mappings":"AAAA,OAAOA,qBAAqB,MAAM,yBAAyB;AAE3DC,QAAQ,CAAC,uBAAuB,EAAE,YAAM;EACtCC,EAAE,CAAC,qCAAqC,EAAE,YAAM;IAC9C,IAAMC,GAAG,GAAG,SAANA,GAAG,GAAiB;MACxB,OAAO,KAAK;IACd,CAAC;IAED,IAAMC,GAAG,GAAG,SAANA,GAAG,GAAiB;MACxB,OAAO,KAAK;IACd,CAAC;IAED,IAAMC,IAAI,GAAGL,qBAAqB,CAACG,GAAG,EAAEC,GAAG,CAAC;IAC5C,IAAME,KAAK,GAAGN,qBAAqB,CAAC,IAAI,CAAC;IACzC,IAAIK,IAAI,EAAE;MACRE,MAAM,CAACF,IAAI,EAAE,CAAC,CAACG,OAAO,CAACC,SAAS,CAAC;IACnC;IACA,IAAIH,KAAK,EAAE;MACTC,MAAM,CAACD,KAAK,EAAE,CAAC,CAACE,OAAO,CAACC,SAAS,CAAC;IACpC;EACF,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/index.ts"],"names":["default","useForkRef","useResizeObserver"],"mappings":"AAAA,cAAc,UAAd;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AACA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,qBAA7C","sourcesContent":["export * from \"./layers\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/layers.ts"],"names":["layers","cloud","skyscraper","tower","house"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAG;AACpBC,EAAAA,KAAK,EAAE,MADa;AAEpBC,EAAAA,UAAU,EAAE,IAFQ;AAGpBC,EAAAA,KAAK,EAAE,IAHa;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAf","sourcesContent":["export const layers = {\n  cloud: 100000,\n  skyscraper: 1300,\n  tower: 1200,\n  house: 1000,\n};\n"],"file":"layers.js"}
+{"version":3,"file":"layers.js","names":["layers","cloud","skyscraper","tower","house"],"sources":["../../../src/utils/layers.ts"],"sourcesContent":["export const layers = {\n  cloud: 100000,\n  skyscraper: 1300,\n  tower: 1200,\n  house: 1000,\n};\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAG;EACpBC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE,IAAI;EAChBC,KAAK,EAAE,IAAI;EACXC,KAAK,EAAE;AACT,CAAC"}

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"setRef.js","names":["setRef","ref","value","current"],"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"],"mappings":"AAEA,eAAe,SAASA,MAAM,CAC5BC,GAIa,EACbC,KAAe,EACT;EACN,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,EAAE;IACdA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/setRef.test.ts"],"names":["setRef","describe","it","ref","current","expect","toBe"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEAC,QAAQ,CAAC,QAAD,EAAW,YAAM;AACvBC,EAAAA,EAAE,CAAC,qCAAD,EAAwC,YAAM;AAC9C,QAAMC,GAAG,GAAG;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAZ;AACAJ,IAAAA,MAAM,CAACG,GAAD,EAAM,MAAN,CAAN;AACAE,IAAAA,MAAM,CAACF,GAAG,CAACC,OAAL,CAAN,CAAoBE,IAApB,CAAyB,MAAzB;AACD,GAJC,CAAF;AAKD,CANO,CAAR","sourcesContent":["import setRef from \"./setRef\";\n\ndescribe(\"setRef\", () => {\n  it(\"should handle ref as mutable object\", () => {\n    const ref = { current: null };\n    setRef(ref, \"blah\");\n    expect(ref.current).toBe(\"blah\");\n  });\n});\n"],"file":"setRef.test.js"}
+{"version":3,"file":"setRef.test.js","names":["setRef","describe","it","ref","current","expect","toBe"],"sources":["../../../src/utils/setRef.test.ts"],"sourcesContent":["import setRef from \"./setRef\";\n\ndescribe(\"setRef\", () => {\n  it(\"should handle ref as mutable object\", () => {\n    const ref = { current: null };\n    setRef(ref, \"blah\");\n    expect(ref.current).toBe(\"blah\");\n  });\n});\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,UAAU;AAE7BC,QAAQ,CAAC,QAAQ,EAAE,YAAM;EACvBC,EAAE,CAAC,qCAAqC,EAAE,YAAM;IAC9C,IAAMC,GAAG,GAAG;MAAEC,OAAO,EAAE;IAAK,CAAC;IAC7BJ,MAAM,CAACG,GAAG,EAAE,MAAM,CAAC;IACnBE,MAAM,CAACF,GAAG,CAACC,OAAO,CAAC,CAACE,IAAI,CAAC,MAAM,CAAC;EAClC,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/utils/types.ts"],"sourcesContent":["import React from \"react\";\n\n// Source: https://github.com/emotion-js/emotion/blob/master/packages/styled-base/types/helper.d.ts\n// A more precise version of just React.ComponentPropsWithoutRef on its own\nexport type PropsOf<\n  C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>\n> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;\n\ntype AsProp<C extends React.ElementType> = {\n  /**\n   * An override of the default HTML tag.\n   * Can also be another React component.\n   */\n  as?: C;\n};\n\n/**\n * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props\n * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding\n * set of props.\n */\nexport type ExtendableProps<\n  ExtendedProps = Record<string, unknown>,\n  OverrideProps = Record<string, unknown>\n> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;\n\n/**\n * Allows for inheriting the props from the specified element type so that\n * props like children, className & style work, as well as element-specific\n * attributes like aria roles. The component (`C`) must be passed in.\n */\nexport type InheritableElementProps<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = ExtendableProps<PropsOf<C>, Props>;\n\n/**\n * A more sophisticated version of `InheritableElementProps` where\n * the passed in `as` prop will determine which props can be included\n */\nexport type PolymorphicComponentProps<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = InheritableElementProps<C, Props & AsProp<C>>;\n\n/**\n * Utility type to extract the `ref` prop from a polymorphic component\n */\nexport type PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>[\"ref\"];\n/**\n * A wrapper of `PolymorphicComponentProps` that also includes the `ref`\n * prop for the polymorphic component\n */\nexport type PolymorphicComponentPropsWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = PolymorphicComponentProps<C, Props> & { ref?: PolymorphicRef<C> };\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/useForkRef.ts"],"names":["useMemo","setRef","useForkRef","refA","refB","refValue"],"mappings":"AAAA,SAASA,OAAT,QAA0C,OAA1C;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,eAAe,SAASC,UAAT,CACbC,IADa,EAMbC,IANa,EAWiB;AAC9B,SAAOJ,OAAO,CAAC,YAAM;AACnB,WAAO,UAACK,QAAD,EAAoB;AACzBJ,MAAAA,MAAM,CAACE,IAAD,EAAOE,QAAP,CAAN;AACAJ,MAAAA,MAAM,CAACG,IAAD,EAAOC,QAAP,CAAN;AACD,KAHD;AAID,GALa,EAKX,CAACF,IAAD,EAAOC,IAAP,CALW,CAAd;AAMD","sourcesContent":["import { useMemo, MutableRefObject } from \"react\";\nimport setRef from \"./setRef\";\n\nexport default function useForkRef<T>(\n  refA:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  refB:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined\n): (instance: T | null) => void {\n  return useMemo(() => {\n    return (refValue): void => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"file":"useForkRef.js"}
+{"version":3,"file":"useForkRef.js","names":["useMemo","setRef","useForkRef","refA","refB","refValue"],"sources":["../../../src/utils/useForkRef.ts"],"sourcesContent":["import { useMemo, MutableRefObject } from \"react\";\nimport setRef from \"./setRef\";\n\nexport default function useForkRef<T>(\n  refA:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  refB:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined\n): (instance: T | null) => void {\n  return useMemo(() => {\n    return (refValue): void => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAA0B,OAAO;AACjD,OAAOC,MAAM,MAAM,UAAU;AAE7B,eAAe,SAASC,UAAU,CAChCC,IAIa,EACbC,IAIa,EACiB;EAC9B,OAAOJ,OAAO,CAAC,YAAM;IACnB,OAAO,UAACK,QAAQ,EAAW;MACzBJ,MAAM,CAACE,IAAI,EAAEE,QAAQ,CAAC;MACtBJ,MAAM,CAACG,IAAI,EAAEC,QAAQ,CAAC;IACxB,CAAC;EACH,CAAC,EAAE,CAACF,IAAI,EAAEC,IAAI,CAAC,CAAC;AAClB"}

package/dist/esm/utils/useResizeObserver.js

@@ -1,11 +1,9 @@
 import { useState, useEffect } from "react";
 import ResizeObserver from "resize-observer-polyfill";
-
 var useResizeObserver = function useResizeObserver(ref) {
   var _useState = useState(),
-      dimensions = _useState[0],
-      setDimensions = _useState[1];
-
+    dimensions = _useState[0],
+    setDimensions = _useState[1];
   useEffect(function () {
     var observeTarget = ref == null ? void 0 : ref.current;
     var resizeObserver = new ResizeObserver(function (entries) {
@@ -20,6 +18,5 @@ var useResizeObserver = function useResizeObserver(ref) {
   }, [ref]);
   return dimensions;
 };
-
 export default useResizeObserver;
 //# sourceMappingURL=useResizeObserver.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/useResizeObserver.ts"],"names":["useState","useEffect","ResizeObserver","useResizeObserver","ref","dimensions","setDimensions","observeTarget","current","resizeObserver","entries","forEach","entry","contentRect","observe","unobserve"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;AACA,OAAOC,cAAP,MAA2B,0BAA3B;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,GAAD,EAA2C;AACnE,kBAAoCJ,QAAQ,EAA5C;AAAA,MAAOK,UAAP;AAAA,MAAmBC,aAAnB;;AAEAL,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMM,aAAa,GAAGH,GAAH,oBAAGA,GAAG,CAAEI,OAA3B;AACA,QAAMC,cAAc,GAAG,IAAIP,cAAJ,CACrB,UAACQ,OAAD,EAAoC;AAClCA,MAAAA,OAAO,CAACC,OAAR,CAAgB,UAACC,KAAD,EAAW;AACzBN,QAAAA,aAAa,CAACM,KAAK,CAACC,WAAP,CAAb;AACD,OAFD;AAGD,KALoB,CAAvB;AAQAN,IAAAA,aAAa,IAAIE,cAAc,CAACK,OAAf,CAAuBP,aAAvB,CAAjB;AAEA,WAAO,YAAM;AACXA,MAAAA,aAAa,IAAIE,cAAc,CAACM,SAAf,CAAyBR,aAAzB,CAAjB;AACD,KAFD;AAGD,GAfQ,EAeN,CAACH,GAAD,CAfM,CAAT;AAiBA,SAAOC,UAAP;AACD,CArBD;;AAuBA,eAAeF,iBAAf","sourcesContent":["import { useState, useEffect } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst useResizeObserver = (ref: { current?: HTMLElement | null }) => {\n  const [dimensions, setDimensions] = useState<DOMRectReadOnly>();\n\n  useEffect(() => {\n    const observeTarget = ref?.current;\n    const resizeObserver = new ResizeObserver(\n      (entries: ResizeObserverEntry[]) => {\n        entries.forEach((entry) => {\n          setDimensions(entry.contentRect);\n        });\n      }\n    );\n\n    observeTarget && resizeObserver.observe(observeTarget);\n\n    return () => {\n      observeTarget && resizeObserver.unobserve(observeTarget);\n    };\n  }, [ref]);\n\n  return dimensions;\n};\n\nexport default useResizeObserver;\n"],"file":"useResizeObserver.js"}
+{"version":3,"file":"useResizeObserver.js","names":["useState","useEffect","ResizeObserver","useResizeObserver","ref","dimensions","setDimensions","observeTarget","current","resizeObserver","entries","forEach","entry","contentRect","observe","unobserve"],"sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst useResizeObserver = (ref: { current?: HTMLElement | null }) => {\n  const [dimensions, setDimensions] = useState<DOMRectReadOnly>();\n\n  useEffect(() => {\n    const observeTarget = ref?.current;\n    const resizeObserver = new ResizeObserver(\n      (entries: ResizeObserverEntry[]) => {\n        entries.forEach((entry) => {\n          setDimensions(entry.contentRect);\n        });\n      }\n    );\n\n    observeTarget && resizeObserver.observe(observeTarget);\n\n    return () => {\n      observeTarget && resizeObserver.unobserve(observeTarget);\n    };\n  }, [ref]);\n\n  return dimensions;\n};\n\nexport default useResizeObserver;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,OAAOC,cAAc,MAAM,0BAA0B;AAErD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,GAAqC,EAAK;EACnE,gBAAoCJ,QAAQ,EAAmB;IAAxDK,UAAU;IAAEC,aAAa;EAEhCL,SAAS,CAAC,YAAM;IACd,IAAMM,aAAa,GAAGH,GAAG,oBAAHA,GAAG,CAAEI,OAAO;IAClC,IAAMC,cAAc,GAAG,IAAIP,cAAc,CACvC,UAACQ,OAA8B,EAAK;MAClCA,OAAO,CAACC,OAAO,CAAC,UAACC,KAAK,EAAK;QACzBN,aAAa,CAACM,KAAK,CAACC,WAAW,CAAC;MAClC,CAAC,CAAC;IACJ,CAAC,CACF;IAEDN,aAAa,IAAIE,cAAc,CAACK,OAAO,CAACP,aAAa,CAAC;IAEtD,OAAO,YAAM;MACXA,aAAa,IAAIE,cAAc,CAACM,SAAS,CAACR,aAAa,CAAC;IAC1D,CAAC;EACH,CAAC,EAAE,CAACH,GAAG,CAAC,CAAC;EAET,OAAOC,UAAU;AACnB,CAAC;AAED,eAAeF,iBAAiB"}

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

@@ -5,12 +5,10 @@ describe("useResizeObserver", function () {
     var ref = {
       current: undefined
     };
-
     var _renderHook = renderHook(function () {
-      return useResizeObserver(ref);
-    }),
-        result = _renderHook.result;
-
+        return useResizeObserver(ref);
+      }),
+      result = _renderHook.result;
     expect(result.current).toBeUndefined();
   });
   it("should test real element", function () {
@@ -19,12 +17,10 @@ describe("useResizeObserver", function () {
     var ref = {
       current: div
     };
-
     var _renderHook2 = renderHook(function () {
-      return useResizeObserver(ref);
-    }),
-        result = _renderHook2.result;
-
+        return useResizeObserver(ref);
+      }),
+      result = _renderHook2.result;
     expect(result.current).toBeUndefined();
   });
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/useResizeObserver.test.ts"],"names":["renderHook","useResizeObserver","describe","it","ref","current","undefined","result","expect","toBeUndefined","div","document","createElement","body","appendChild"],"mappings":"AAAA,SAASA,UAAT,QAA2B,8BAA3B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AAEAC,QAAQ,CAAC,mBAAD,EAAsB,YAAM;AAClCC,EAAAA,EAAE,CAAC,aAAD,EAAgB,YAAM;AACtB,QAAMC,GAAG,GAAG;AAAEC,MAAAA,OAAO,EAAEC;AAAX,KAAZ;;AACA,sBAAmBN,UAAU,CAAC;AAAA,aAAMC,iBAAiB,CAACG,GAAD,CAAvB;AAAA,KAAD,CAA7B;AAAA,QAAQG,MAAR,eAAQA,MAAR;;AACAC,IAAAA,MAAM,CAACD,MAAM,CAACF,OAAR,CAAN,CAAuBI,aAAvB;AACD,GAJC,CAAF;AAMAN,EAAAA,EAAE,CAAC,0BAAD,EAA6B,YAAM;AACnC,QAAMO,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AACAD,IAAAA,QAAQ,CAACE,IAAT,CAAcC,WAAd,CAA0BJ,GAA1B;AACA,QAAMN,GAAG,GAAG;AAAEC,MAAAA,OAAO,EAAEK;AAAX,KAAZ;;AACA,uBAAmBV,UAAU,CAAC;AAAA,aAAMC,iBAAiB,CAACG,GAAD,CAAvB;AAAA,KAAD,CAA7B;AAAA,QAAQG,MAAR,gBAAQA,MAAR;;AACAC,IAAAA,MAAM,CAACD,MAAM,CAACF,OAAR,CAAN,CAAuBI,aAAvB;AACD,GANC,CAAF;AAOD,CAdO,CAAR","sourcesContent":["import { renderHook } from \"@testing-library/react-hooks\";\nimport useResizeObserver from \"./useResizeObserver\";\n\ndescribe(\"useResizeObserver\", () => {\n  it(\"should test\", () => {\n    const ref = { current: undefined };\n    const { result } = renderHook(() => useResizeObserver(ref));\n    expect(result.current).toBeUndefined();\n  });\n\n  it(\"should test real element\", () => {\n    const div = document.createElement(\"div\");\n    document.body.appendChild(div);\n    const ref = { current: div };\n    const { result } = renderHook(() => useResizeObserver(ref));\n    expect(result.current).toBeUndefined();\n  });\n});\n"],"file":"useResizeObserver.test.js"}
+{"version":3,"file":"useResizeObserver.test.js","names":["renderHook","useResizeObserver","describe","it","ref","current","undefined","result","expect","toBeUndefined","div","document","createElement","body","appendChild"],"sources":["../../../src/utils/useResizeObserver.test.ts"],"sourcesContent":["import { renderHook } from \"@testing-library/react-hooks\";\nimport useResizeObserver from \"./useResizeObserver\";\n\ndescribe(\"useResizeObserver\", () => {\n  it(\"should test\", () => {\n    const ref = { current: undefined };\n    const { result } = renderHook(() => useResizeObserver(ref));\n    expect(result.current).toBeUndefined();\n  });\n\n  it(\"should test real element\", () => {\n    const div = document.createElement(\"div\");\n    document.body.appendChild(div);\n    const ref = { current: div };\n    const { result } = renderHook(() => useResizeObserver(ref));\n    expect(result.current).toBeUndefined();\n  });\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,8BAA8B;AACzD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnDC,QAAQ,CAAC,mBAAmB,EAAE,YAAM;EAClCC,EAAE,CAAC,aAAa,EAAE,YAAM;IACtB,IAAMC,GAAG,GAAG;MAAEC,OAAO,EAAEC;IAAU,CAAC;IAClC,kBAAmBN,UAAU,CAAC;QAAA,OAAMC,iBAAiB,CAACG,GAAG,CAAC;MAAA,EAAC;MAAnDG,MAAM,eAANA,MAAM;IACdC,MAAM,CAACD,MAAM,CAACF,OAAO,CAAC,CAACI,aAAa,EAAE;EACxC,CAAC,CAAC;EAEFN,EAAE,CAAC,0BAA0B,EAAE,YAAM;IACnC,IAAMO,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IACzCD,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACJ,GAAG,CAAC;IAC9B,IAAMN,GAAG,GAAG;MAAEC,OAAO,EAAEK;IAAI,CAAC;IAC5B,mBAAmBV,UAAU,CAAC;QAAA,OAAMC,iBAAiB,CAACG,GAAG,CAAC;MAAA,EAAC;MAAnDG,MAAM,gBAANA,MAAM;IACdC,MAAM,CAACD,MAAM,CAACF,OAAO,CAAC,CAACI,aAAa,EAAE;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC"}