@hazelcast/ui 1.3.3-next.4 → 1.3.3-next.54

package/lib/Tooltip.module.scss

@@ -9,65 +9,31 @@
 $tooltipArrowSize1-3: math.div(c.$tooltipArrowSize, 3);
 $tooltipArrowSize2-3: math.div(c.$tooltipArrowSize, 3) * 2;
 
-.overlay {
-  @include c.typographyBodySmall;
-
-  position: relative;
-  max-width: c.$tooltipMaxWidth;
-  padding: c.$grid * 3;
-  background: c.$colorNeutralLighter;
-  border: c.$borderWidth solid c.$colorNeutralLight;
-  border-radius: c.$borderRadius;
-  color: c.$colorText;
-  word-break: break-all;
-
-  &.hidden {
-    visibility: hidden;
-
-    // important is needed to override inline style
-    top: -99999px !important;
-    left: -99999px !important;
-  }
-
-  > .arrow {
-    position: absolute;
-    z-index: c.$zIndex100;
-    display: block;
-    width: c.$tooltipArrowSize;
-    height: c.$tooltipArrowSize;
-
-    &::before,
-    &::after {
-      content: '';
-      position: absolute;
-    }
-  }
-
-  &[data-popper-placement^='top'] {
+@mixin arrow($position, $color, $borderColor) {
+  @if $position == bottom {
     > .arrow {
-      bottom: 0;
+      top: 0;
 
       &::before,
       &::after {
         border-left: c.$tooltipArrowSize solid transparent;
         border-right: c.$tooltipArrowSize solid transparent;
-        top: 100%;
+        top: 0;
         left: 50%;
         margin-left: -(c.$tooltipArrowSize);
       }
 
       &::before {
-        border-top: c.$tooltipArrowSize solid c.$colorNeutralLight;
+        border-bottom: c.$tooltipArrowSize solid $color;
+        margin-top: -(c.$tooltipArrowSize);
       }
 
       &::after {
-        border-top: c.$tooltipArrowSize solid c.$colorNeutralLighter;
-        transform: translateY(-($tooltipArrowSize1-3));
+        border-bottom: c.$tooltipArrowSize solid $borderColor;
+        transform: translateY(-($tooltipArrowSize2-3));
       }
     }
-  }
-
-  &[data-popper-placement^='right'] {
+  } @else if $position == right {
     > .arrow {
       left: 0;
 
@@ -81,63 +47,129 @@ $tooltipArrowSize2-3: math.div(c.$tooltipArrowSize, 3) * 2;
       }
 
       &::before {
-        border-right: c.$tooltipArrowSize solid c.$colorNeutralLight;
+        border-right: c.$tooltipArrowSize solid $color;
         margin-left: -(c.$tooltipArrowSize);
       }
 
       &::after {
-        border-right: c.$tooltipArrowSize solid c.$colorNeutralLighter;
+        border-right: c.$tooltipArrowSize solid $borderColor;
         transform: translateX(-($tooltipArrowSize2-3));
       }
     }
-  }
-
-  &[data-popper-placement^='bottom'] {
+  } @else if $position == left {
     > .arrow {
-      top: 0;
+      right: 0;
 
       &::before,
       &::after {
-        border-left: c.$tooltipArrowSize solid transparent;
-        border-right: c.$tooltipArrowSize solid transparent;
-        top: 0;
-        left: 50%;
-        margin-left: -(c.$tooltipArrowSize);
+        border-top: c.$tooltipArrowSize solid transparent;
+        border-bottom: c.$tooltipArrowSize solid transparent;
+        top: 50%;
+        left: 100%;
+        margin-top: -(c.$tooltipArrowSize);
       }
 
       &::before {
-        border-bottom: c.$tooltipArrowSize solid c.$colorNeutralLight;
-        margin-top: -(c.$tooltipArrowSize);
+        border-left: c.$tooltipArrowSize solid $color;
       }
 
       &::after {
-        border-bottom: c.$tooltipArrowSize solid c.$colorNeutralLighter;
-        transform: translateY(-($tooltipArrowSize2-3));
+        border-left: c.$tooltipArrowSize solid $borderColor;
+        transform: translateX(-($tooltipArrowSize1-3));
       }
     }
-  }
-
-  &[data-popper-placement^='left'] {
+  } @else {
     > .arrow {
-      right: 0;
+      bottom: 0;
 
       &::before,
       &::after {
-        border-top: c.$tooltipArrowSize solid transparent;
-        border-bottom: c.$tooltipArrowSize solid transparent;
-        top: 50%;
-        left: 100%;
-        margin-top: -(c.$tooltipArrowSize);
+        border-left: c.$tooltipArrowSize solid transparent;
+        border-right: c.$tooltipArrowSize solid transparent;
+        top: 100%;
+        left: 50%;
+        margin-left: -(c.$tooltipArrowSize);
       }
 
       &::before {
-        border-left: c.$tooltipArrowSize solid c.$colorNeutralLight;
+        border-top: c.$tooltipArrowSize solid $color;
       }
 
       &::after {
-        border-left: c.$tooltipArrowSize solid c.$colorNeutralLighter;
-        transform: translateX(-($tooltipArrowSize1-3));
+        border-top: c.$tooltipArrowSize solid $borderColor;
+        transform: translateY(-($tooltipArrowSize1-3));
       }
     }
   }
 }
+
+@mixin arrowPlacements($color: c.$colorNeutralLight, $borderColor: c.$colorNeutralLighter) {
+  &[data-popper-placement^='top'] {
+    @include arrow(top, $color, $borderColor);
+  }
+
+  &[data-popper-placement^='right'] {
+    @include arrow(right, $color, $borderColor);
+  }
+
+  &[data-popper-placement^='bottom'] {
+    @include arrow(bottom, $color, $borderColor);
+  }
+
+  &[data-popper-placement^='left'] {
+    @include arrow(left, $color, $borderColor);
+  }
+}
+
+.overlay {
+  @include c.typographyBodySmall;
+
+  position: relative;
+  max-width: c.$tooltipMaxWidth;
+  padding: c.$grid * 3;
+  background: c.$colorNeutralLighter;
+  border: c.$borderWidth solid c.$colorNeutralLight;
+  border-radius: c.$borderRadius;
+  color: c.$colorText;
+  word-break: break-all;
+
+  &.hidden {
+    visibility: hidden;
+
+    // important is needed to override inline style
+    top: -99999px !important;
+    left: -99999px !important;
+  }
+
+  &.secondary {
+    border: none;
+    color: c.$colorNeutralWhite;
+    background-color: c.$colorTextSubdued;
+
+    @include arrowPlacements(c.$colorTextSubdued, transparent);
+  }
+
+  &.dark {
+    border: none;
+    color: c.$colorBrandText;
+    background-color: c.$colorBrandAccent;
+
+    @include arrowPlacements(c.$colorBrandAccent, transparent);
+  }
+
+  > .arrow {
+    position: absolute;
+    z-index: c.$zIndex100;
+    display: block;
+    width: c.$tooltipArrowSize;
+    height: c.$tooltipArrowSize;
+
+    &::before,
+    &::after {
+      content: '';
+      position: absolute;
+    }
+  }
+
+  @include arrowPlacements;
+}

package/lib/TruncatedText.d.ts

@@ -1,10 +1,13 @@
-import { FC, ReactText, ReactElement } from 'react';
+import { FC, ReactNode } from 'react';
+import { DataTestProp } from '@hazelcast/helpers';
 import { TooltipProps } from './Tooltip';
-interface TruncatedTextProps {
-    text: ReactText | ((...arg: unknown[]) => string) | ReactElement;
-    forceUpdateToken?: ReactText | boolean;
+interface TruncatedTextProps extends DataTestProp {
+    text: ReactNode;
+    forceUpdateToken?: string | number | boolean;
     className?: string;
+    multiline?: boolean;
     tooltipVisible?: boolean;
+    tooltipClassName?: string;
     hoverAbleTooltip?: boolean;
     tooltipPlacement?: TooltipProps['placement'];
 }

package/lib/TruncatedText.js

@@ -5,7 +5,7 @@ import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
 import { useUID } from 'react-uid';
 import { Tooltip } from './Tooltip';
 import styles from './TruncatedText.module.scss';
-export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisible, tooltipPlacement = 'top', hoverAbleTooltip, }) => {
+export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisible, tooltipPlacement = 'top', hoverAbleTooltip, multiline, tooltipClassName, 'data-test': dataTest, }) => {
     const textRef = useRef(null);
     const [tooltip, setTooltip] = useState();
     const idTooltip = useUID();
@@ -15,9 +15,9 @@ export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisibl
             return;
         }
         // https://codepen.io/triple-j/pen/wadKQB
-        setTooltip(span.offsetWidth < span.scrollWidth ? text : undefined);
+        setTooltip(span.offsetWidth < span.scrollWidth || span.offsetHeight < span.scrollHeight ? text : undefined);
     }, [text, forceUpdateToken]);
-    return (React.createElement(Tooltip, { id: idTooltip, content: tooltip, visible: tooltipVisible, placement: tooltipPlacement, updateToken: forceUpdateToken, hoverAbleTooltip: hoverAbleTooltip }, (ref) => (React.createElement("div", { ref: mergeRefs([textRef, ref]), className: cn(styles.truncatedText, className) },
-        React.createElement("span", { "aria-labelledby": tooltip ? idTooltip : undefined }, text)))));
+    return (React.createElement(Tooltip, { id: idTooltip, content: tooltip, visible: tooltipVisible, className: tooltipClassName, placement: tooltipPlacement, updateToken: forceUpdateToken, hoverAbleTooltip: hoverAbleTooltip }, (ref) => (React.createElement("div", { ref: mergeRefs([textRef, ref]), className: cn(styles.truncatedText, { [styles.multiline]: multiline }, className) },
+        React.createElement("span", { "data-test": dataTest, "aria-labelledby": tooltip ? idTooltip : undefined }, text)))));
 };
 //# sourceMappingURL=TruncatedText.js.map

package/lib/TruncatedText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,MAAM,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AACxF,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAYhD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAA0B,CAAA;IAChE,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;IAE1B,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAE5B,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,OAAM;SACP;QAED,yCAAyC;QACzC,UAAU,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACpE,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,gBAAgB,EAC7B,gBAAgB,EAAE,gBAAgB,IAEjC,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QACjF,iDAAuB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAAG,IAAI,CAAQ,CACjE,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,MAAM,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAA;AAC9D,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAchD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,WAAW,EAAE,QAAQ,GACtB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAyB,CAAA;IAC/D,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;IAE1B,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAE5B,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,yCAAyC;QACzC,UAAU,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7G,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,gBAAgB,EAC7B,gBAAgB,EAAE,gBAAgB,IAEjC,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC;QACpH,2CAAiB,QAAQ,qBAAmB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IACxE,IAAI,CACA,CACH,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/TruncatedText.module.scss

@@ -3,3 +3,7 @@
 .truncatedText {
   @include h.overflowEllipsis;
 }
+
+.multiline {
+  @include h.multilineOverflowEllipsis;
+}

package/lib/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useOnClickOutside, containsElement } from './useOnClickOutside';
 export { useIsMounted } from './useIsMounted';
 export { useRefValue } from './useRefValue';
 export { useOpenCloseState } from './useOpenCloseState';
+export * from './usePersistedState';

package/lib/hooks/index.js

@@ -3,4 +3,5 @@ export { useOnClickOutside, containsElement } from './useOnClickOutside';
 export { useIsMounted } from './useIsMounted';
 export { useRefValue } from './useRefValue';
 export { useOpenCloseState } from './useOpenCloseState';
+export * from './usePersistedState';
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,cAAc,qBAAqB,CAAA"}

package/lib/hooks/useCloseOnResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnResize.js","sourceRoot":"","sources":["../../src/hooks/useCloseOnResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAqC,MAA8B,EAAE,EAAE;IACrG,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;SAC7B;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"useCloseOnResize.js","sourceRoot":"","sources":["../../src/hooks/useCloseOnResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAqC,MAA8B,EAAE,EAAE;IACrG,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;QAC9B,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/hooks/useDeepEqual.js

@@ -2,7 +2,6 @@ import { useRef } from 'react';
 import { dequal } from 'dequal';
 export const useDeepEqual = (value, defaultValue) => {
     const ref = useRef(defaultValue);
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
     if (!dequal(ref.current, value)) {
         ref.current = value;
     }

package/lib/hooks/useDeepEqual.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeepEqual.js","sourceRoot":"","sources":["../../src/hooks/useDeepEqual.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAI,KAAQ,EAAE,YAAe,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;IAEhC,6DAA6D;IAC7D,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;QAC/B,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;KACpB;IAED,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC,CAAA"}
+{"version":3,"file":"useDeepEqual.js","sourceRoot":"","sources":["../../src/hooks/useDeepEqual.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAI,KAAQ,EAAE,YAAe,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;IAEhC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;QAChC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC;IAED,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC,CAAA"}

package/lib/hooks/useDimensions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDimensions.js","sourceRoot":"","sources":["../../src/hooks/useDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAO7C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAA2B,EAAc,EAAE;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAa,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IAEjF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;SACpF;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAA;IAEvB,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}
+{"version":3,"file":"useDimensions.js","sourceRoot":"","sources":["../../src/hooks/useDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAO7C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAA2B,EAAc,EAAE;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAa,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IAEjF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;QACrF,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAA;IAEvB,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}

package/lib/hooks/useOnClickOutside.d.ts

@@ -1,5 +1,5 @@
 type RefElement = HTMLElement | null | undefined;
-export declare const containsElement: (target: RefElement, element: Node) => boolean | undefined;
+export declare const containsElement: (target: RefElement, element: EventTarget | HTMLElement | null | undefined) => boolean | undefined;
 export declare const useOnClickOutside: (active: boolean, opts: {
     target: RefElement;
     handler: (event: Event) => void;

package/lib/hooks/useOnClickOutside.js

@@ -1,6 +1,12 @@
 import { useCallback, useEffect } from 'react';
 import { useRefValue } from './useRefValue';
-export const containsElement = (target, element) => target === null || target === void 0 ? void 0 : target.contains(element);
+export const containsElement = (target, element) => {
+    if (isNode(element)) {
+        return target === null || target === void 0 ? void 0 : target.contains(element);
+    }
+    return false;
+};
+const isNode = (element) => element != null && 'nodeType' in element;
 export const useOnClickOutside = (active, opts) => {
     const { target, handler, excludeElement } = opts;
     const getOutsideClickHandler = useRefValue(handler);

package/lib/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAkB,EAAE,OAAa,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;AAE/F,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAe,EACf,IAA0F,EAC1F,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAChD,MAAM,sBAAsB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAY,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,MAAc,CAAA;QAEpC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE;YAClF,sBAAsB,EAAE,CAAC,KAAK,CAAC,CAAA;SAChC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,cAAc,EAAE,sBAAsB,CAAC,CACjD,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YAChD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;SAClD;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;SACrD;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAkB,EAAE,OAAqD,EAAE,EAAE;IAC3G,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QACpB,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAuC,EAAmB,EAAE,CAAC,OAAO,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO,CAAA;AAErH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAe,EACf,IAA0F,EAC1F,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAChD,MAAM,sBAAsB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAY,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAA;QAE5B,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE,CAAC;YACnF,sBAAsB,EAAE,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,cAAc,EAAE,sBAAsB,CAAC,CACjD,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YAChD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACnD,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;AACxB,CAAC,CAAA"}

package/lib/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAU1C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAiB,EAAE,WAAmB,EAAoB,EAAE;IACnG,qDAAqD;IACrD,IAAI,SAAS,IAAI,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QAC1B,wCAAwC;KACzC;SAAM,IAAI,WAAW,IAAI,CAAC,EAAE;QAC3B,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;QACpC,sCAAsC;KACvC;SAAM,IAAI,WAAW,IAAI,SAAS,GAAG,CAAC,EAAE;QACvC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,GAAG,CAAC,EAAE,SAAS,CAAC,CAAA;QAChD,iDAAiD;KAClD;SAAM;QACL,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;KAC3D;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,GAAG,KAAK,EAAsB,EAAE,EAAE;IAC7F,MAAM,gBAAgB,GAAG,CAAC,CAAA;IAC1B,MAAM,aAAa,GAAG,CAAC,CAAA;IACvB,MAAM,YAAY,GAAG,CAAC,CAAA;IACtB,MAAM,QAAQ,GAAG,CAAC,CAAA;IAElB,MAAM,KAAK,GAAqB,OAAO,CAAC,GAAG,EAAE;QAC3C;;;;;;WAMG;QACH,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,aAAa,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAA;QAE3F,IAAI,eAAe,GAAqB,EAAE,CAAA;QAE1C,+CAA+C;QAC/C,IAAI,KAAK,EAAE;YACT,eAAe,GAAG,wBAAwB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;SACnE;QACD,iFAAiF;aAC5E,IAAI,SAAS,IAAI,gBAAgB,EAAE;YACtC,eAAe,GAAG,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;SACtC;aAAM;YACL,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAA;YACrD,oFAAoF;YACpF,IAAI,WAAW,IAAI,aAAa,EAAE;gBAChC,eAAe,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,aAAa,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;gBACzE,gFAAgF;aACjF;iBAAM,IAAI,WAAW,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,EAAE;gBACvD,eAAe,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC,CAAC,CAAA;gBACjF,kFAAkF;aACnF;iBAAM;gBACL,eAAe,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,GAAG,YAAY,EAAE,WAAW,GAAG,YAAY,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;aAC3H;SACF;QAED,OAAO,CAAC,UAAU,EAAE,GAAG,eAAe,EAAE,MAAM,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnC,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}
+{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAU1C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAiB,EAAE,WAAmB,EAAoB,EAAE;IACnG,qDAAqD;IACrD,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QAC1B,wCAAwC;IAC1C,CAAC;SAAM,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;QACpC,sCAAsC;IACxC,CAAC;SAAM,IAAI,WAAW,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;QACxC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,GAAG,CAAC,EAAE,SAAS,CAAC,CAAA;QAChD,iDAAiD;IACnD,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;IAC5D,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,GAAG,KAAK,EAAsB,EAAE,EAAE;IAC7F,MAAM,gBAAgB,GAAG,CAAC,CAAA;IAC1B,MAAM,aAAa,GAAG,CAAC,CAAA;IACvB,MAAM,YAAY,GAAG,CAAC,CAAA;IACtB,MAAM,QAAQ,GAAG,CAAC,CAAA;IAElB,MAAM,KAAK,GAAqB,OAAO,CAAC,GAAG,EAAE;QAC3C;;;;;;WAMG;QACH,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,aAAa,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAA;QAE3F,IAAI,eAAe,GAAqB,EAAE,CAAA;QAE1C,+CAA+C;QAC/C,IAAI,KAAK,EAAE,CAAC;YACV,eAAe,GAAG,wBAAwB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;QACpE,CAAC;QACD,iFAAiF;aAC5E,IAAI,SAAS,IAAI,gBAAgB,EAAE,CAAC;YACvC,eAAe,GAAG,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QACvC,CAAC;aAAM,CAAC;YACN,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAA;YACrD,oFAAoF;YACpF,IAAI,WAAW,IAAI,aAAa,EAAE,CAAC;gBACjC,eAAe,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,aAAa,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;gBACzE,gFAAgF;YAClF,CAAC;iBAAM,IAAI,WAAW,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC;gBACxD,eAAe,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC,CAAC,CAAA;gBACjF,kFAAkF;YACpF,CAAC;iBAAM,CAAC;gBACN,eAAe,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,GAAG,YAAY,EAAE,WAAW,GAAG,YAAY,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;YAC5H,CAAC;QACH,CAAC;QAED,OAAO,CAAC,UAAU,EAAE,GAAG,eAAe,EAAE,MAAM,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnC,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}

package/lib/hooks/usePersistedState.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const createPersistedState: <T>(key: string) => ((state: T) => [T, Dispatch<SetStateAction<T>>]);

package/lib/hooks/usePersistedState.js

@@ -0,0 +1,35 @@
+import { useCallback, useState } from 'react';
+const readValue = (key) => {
+    try {
+        return JSON.parse(window.localStorage.getItem(key));
+    }
+    catch (e) {
+        return undefined;
+    }
+};
+export const createPersistedState = (key) => {
+    return (initialState) => {
+        const [value, setValue] = useState(readValue(key) || initialState);
+        const updateValue = useCallback((value) => {
+            setValue((currentValue) => {
+                let newValue;
+                if (typeof value === 'function') {
+                    newValue = value(currentValue);
+                }
+                else {
+                    newValue = value;
+                }
+                try {
+                    const storageValue = JSON.stringify(newValue);
+                    window.localStorage.setItem(key, storageValue);
+                }
+                catch (e) {
+                    console.error(e);
+                }
+                return newValue;
+            });
+        }, []);
+        return [value, updateValue];
+    };
+};
+//# sourceMappingURL=usePersistedState.js.map

package/lib/hooks/usePersistedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistedState.js","sourceRoot":"","sources":["../../src/hooks/usePersistedState.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,MAAM,SAAS,GAAG,CAAI,GAAW,EAAiB,EAAE;IAClD,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAS,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAM,CAAA;IAClE,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,SAAS,CAAA;IAClB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAI,GAAW,EAAoD,EAAE;IACvG,OAAO,CAAC,YAAe,EAAE,EAAE;QACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,SAAS,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,CAAA;QAErE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAwB,EAAE,EAAE;YAC3D,QAAQ,CAAC,CAAC,YAAY,EAAE,EAAE;gBACxB,IAAI,QAAW,CAAA;gBAEf,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;oBAChC,QAAQ,GAAI,KAAwB,CAAC,YAAY,CAAC,CAAA;gBACpD,CAAC;qBAAM,CAAC;oBACN,QAAQ,GAAG,KAAK,CAAA;gBAClB,CAAC;gBAED,IAAI,CAAC;oBACH,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;oBAE7C,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,YAAY,CAAC,CAAA;gBAChD,CAAC;gBAAC,OAAO,CAAC,EAAE,CAAC;oBACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAClB,CAAC;gBAED,OAAO,QAAQ,CAAA;YACjB,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IAC7B,CAAC,CAAA;AACH,CAAC,CAAA"}

package/lib/hooks/useResizeAware.d.ts

@@ -0,0 +1,3 @@
+export declare const useResizeAware: (el: HTMLElement | undefined | null, callback: () => void, options?: {
+    delay: number;
+}) => void;

package/lib/hooks/useResizeAware.js

@@ -0,0 +1,25 @@
+import { useMemo, useEffect } from 'react';
+import debounce from 'lodash/debounce';
+import { useRefValue } from './useRefValue';
+export const useResizeAware = (el, callback, options = { delay: 200 }) => {
+    const getOnResize = useRefValue(callback);
+    const onResize = useMemo(() => debounce(() => {
+        const cb = getOnResize();
+        if (cb) {
+            cb();
+        }
+    }, options.delay), [getOnResize, options.delay]);
+    const observer = useMemo(() => new ResizeObserver(onResize), [onResize]);
+    useEffect(() => {
+        if (el) {
+            observer.observe(el);
+        }
+        return () => {
+            onResize.cancel();
+            if (el) {
+                observer.unobserve(el);
+            }
+        };
+    }, [el, observer, onResize]);
+};
+//# sourceMappingURL=useResizeAware.js.map

package/lib/hooks/useResizeAware.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeAware.js","sourceRoot":"","sources":["../../src/hooks/useResizeAware.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAkC,EAAE,QAAoB,EAAE,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;IACnH,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IACzC,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,QAAQ,CAAC,GAAG,EAAE;QACZ,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;QAExB,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,EAAE,CAAA;QACN,CAAC;IACH,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EACnB,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,CAC7B,CAAA;IACD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,EAAE,EAAE,CAAC;YACP,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,MAAM,EAAE,CAAA;YACjB,IAAI,EAAE,EAAE,CAAC;gBACP,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;YACxB,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;AAC9B,CAAC,CAAA"}

package/lib/utils/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/utils/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAA0B,EAAE,gBAAqC,EAAsB,EAAE;IAC1H,IAAI,SAAS,KAAK,MAAM,EAAE;QACxB,0CAA0C;QAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;KACxC;IAED,IAAI,SAAS,KAAK,kBAAkB,EAAE;QACpC,OAAO,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,CAAA;KAChC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;KAC7D;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/utils/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAA0B,EAAE,gBAAqC,EAAsB,EAAE;IAC1H,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;QACzB,0CAA0C;QAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IACzC,CAAC;IAED,IAAI,SAAS,KAAK,kBAAkB,EAAE,CAAC;QACrC,OAAO,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,CAAA;IACjC,CAAC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9D,CAAC;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}