@hazelcast/ui 1.3.3-next.8 → 2.0.1-canary.0

package/lib/{Tooltip.module.scss → components/Tooltip.module.scss}

@@ -1,6 +1,6 @@
 @use 'sass:math';
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
+@use '../../styles/constants' as c;
+@use '../../styles/helpers' as h;
 
 .tooltipSr {
   @include h.visuallyHidden;
@@ -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 → components/TruncatedText.d.ts}

@@ -1,11 +1,13 @@
-import { FC, ReactText, ReactElement } from 'react';
+import { FC, ReactNode } from 'react';
+import { DataTestProp } from '../../src';
 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 → components/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, multiline, }) => {
+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();
@@ -17,7 +17,7 @@ export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisibl
         // https://codepen.io/triple-j/pen/wadKQB
         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, { [styles.multiline]: multiline }, 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/components/TruncatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../src/components/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 → components/TruncatedText.module.scss}

@@ -1,4 +1,4 @@
-@use '../styles/helpers' as h;
+@use '../../styles/helpers' as h;
 
 .truncatedText {
   @include h.overflowEllipsis;

package/lib/helpers/array.d.ts

@@ -0,0 +1,5 @@
+export declare const sum: (numbers: number[]) => number;
+export declare const average: (numbers: number[]) => number | null;
+export declare const flatten: <T>(arrays: T[][]) => T[];
+export declare const difference: <T>(array1: T[], array2: T[]) => T[];
+export declare const range: (from: number, to: number, step?: number) => number[];

package/lib/helpers/array.js

@@ -0,0 +1,19 @@
+import { safeDivision } from './math';
+export const sum = (numbers) => numbers.reduce((a, b) => a + b, 0);
+export const average = (numbers) => safeDivision(sum(numbers), numbers.length);
+export const flatten = (arrays) => arrays.reduce((a, b) => [...a, ...b], []);
+export const difference = (array1, array2) => {
+    const set1 = new Set(array1);
+    const set2 = new Set(array2);
+    return [...set1].filter((x) => !set2.has(x));
+};
+export const range = (from, to, step = 1) => {
+    let nextElement = from;
+    const result = [];
+    while (nextElement <= to) {
+        result.push(nextElement);
+        nextElement += step;
+    }
+    return result;
+};
+//# sourceMappingURL=array.js.map

package/lib/helpers/array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.js","sourceRoot":"","sources":["../../src/helpers/array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,OAAiB,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;AAE5E,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAiB,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;AAExF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAI,MAAa,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;AAEtF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAI,MAAW,EAAE,MAAW,EAAE,EAAE;IACxD,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAC9C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAU,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE;IAC1D,IAAI,WAAW,GAAG,IAAI,CAAA;IACtB,MAAM,MAAM,GAAG,EAAE,CAAA;IAEjB,OAAO,WAAW,IAAI,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QACxB,WAAW,IAAI,IAAI,CAAA;IACrB,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}

package/lib/helpers/escapeHtml.d.ts

@@ -0,0 +1 @@
+export declare const escapeHtml: (html: string) => string;

package/lib/helpers/escapeHtml.js

@@ -0,0 +1,7 @@
+export const escapeHtml = (html) => {
+    const text = document.createTextNode(html);
+    const p = document.createElement('p');
+    p.appendChild(text);
+    return p.innerHTML;
+};
+//# sourceMappingURL=escapeHtml.js.map

package/lib/helpers/escapeHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"escapeHtml.js","sourceRoot":"","sources":["../../src/helpers/escapeHtml.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;IACzC,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;IAC1C,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACrC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,OAAO,CAAC,CAAC,SAAS,CAAA;AACpB,CAAC,CAAA"}

package/lib/helpers/forms.d.ts

@@ -0,0 +1 @@
+export declare function triggerNativeInputChange(value: string, inputEl: HTMLInputElement): void;

package/lib/helpers/forms.js

@@ -0,0 +1,16 @@
+import { logger } from '../../src';
+export function triggerNativeInputChange(value, inputEl) {
+    const inputPropertyDescriptor = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
+    if (inputPropertyDescriptor) {
+        const nativeInputValueSetter = inputPropertyDescriptor.set;
+        if (nativeInputValueSetter) {
+            nativeInputValueSetter.call(inputEl, value);
+            const event = new Event('input', { bubbles: true });
+            inputEl.dispatchEvent(event);
+        }
+    }
+    else {
+        logger.warn('Could not find property descriptor for input elements');
+    }
+}
+//# sourceMappingURL=forms.js.map

package/lib/helpers/forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","sourceRoot":"","sources":["../../src/helpers/forms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,UAAU,wBAAwB,CAAC,KAAa,EAAE,OAAyB;IAC/E,MAAM,uBAAuB,GAAG,MAAM,CAAC,wBAAwB,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAC3G,IAAI,uBAAuB,EAAE,CAAC;QAC5B,MAAM,sBAAsB,GAAG,uBAAuB,CAAC,GAAG,CAAA;QAC1D,IAAI,sBAAsB,EAAE,CAAC;YAC3B,sBAAsB,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YAC3C,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;YACnD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAA;IACtE,CAAC;AACH,CAAC"}

package/lib/helpers/math.d.ts

@@ -0,0 +1 @@
+export declare const safeDivision: (dividend: number | null | undefined, divisor: number | null | undefined) => number | null;

package/lib/helpers/math.js

@@ -0,0 +1,7 @@
+export const safeDivision = (dividend, divisor) => {
+    if (dividend === null || dividend === undefined || !divisor) {
+        return null;
+    }
+    return dividend / divisor;
+};
+//# sourceMappingURL=math.js.map

package/lib/helpers/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","sourceRoot":"","sources":["../../src/helpers/math.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAmC,EAAE,OAAkC,EAAiB,EAAE;IACrH,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5D,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,QAAQ,GAAG,OAAO,CAAA;AAC3B,CAAC,CAAA"}

package/lib/helpers/types.d.ts

@@ -0,0 +1,35 @@
+export type PartialRequired<T extends object, RequiredKeys extends keyof T> = T & {
+    [Key in RequiredKeys]-?: T[Key];
+};
+export type PartialOptional<T, K extends keyof T> = Omit<T, K> & Partial<T>;
+export type Exact<T, R> = T extends R ? (R extends T ? T : never) : never;
+export type Tuple<TItem, TLength extends number> = TLength extends 1 ? [TItem] : TLength extends 2 ? [TItem, TItem] : TLength extends 3 ? [TItem, TItem, TItem] : TLength extends 4 ? [TItem, TItem, TItem, TItem] : TLength extends 5 ? [TItem, TItem, TItem, TItem, TItem] : TLength extends 6 ? [TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 7 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 8 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 9 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 10 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 11 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 12 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 13 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 14 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 15 ? [TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem, TItem] : TLength extends 16 ? [
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem,
+    TItem
+] : TItem[];
+export interface FailureStateBase {
+    message: string;
+}
+export type FailureAction<T, P extends FailureStateBase = FailureStateBase> = {
+    type: T;
+    payload: P;
+    error: true;
+};
+export type DataTestProp = {
+    'data-test'?: string;
+};
+export declare const assertType: <T>(val: T) => T;

package/lib/helpers/types.js

@@ -0,0 +1,2 @@
+export const assertType = (val) => val;
+//# sourceMappingURL=types.js.map

package/lib/helpers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/helpers/types.ts"],"names":[],"mappings":"AAwEA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAI,GAAM,EAAE,EAAE,CAAC,GAAG,CAAA"}

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { range } from '@hazelcast/helpers';
+import { range } from '../../src';
 export const getZeroSiblingCountItems = (pageCount, currentPage) => {
     // If there are 3 or less pages we just show them all
     if (pageCount <= 3) {

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,WAAW,CAAA;AAUjC,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/icons/Cluster.d.ts

@@ -0,0 +1,2 @@
+import { HazelcastIcon } from '../types';
+export declare const Cluster: HazelcastIcon;

package/lib/icons/Cluster.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const Cluster = ({ color = 'currentColor', size = 24, ...rest }) => (React.createElement("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest },
+    React.createElement("path", { d: "M12.5 3.75H3.75V12.5H12.5V3.75Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M26.25 3.75H17.5V12.5H26.25V3.75Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M26.25 17.5H17.5V26.25H26.25V17.5Z", fill: color, stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M12.5 17.5H3.75V26.25H12.5V17.5Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+//# sourceMappingURL=Cluster.js.map

package/lib/icons/Cluster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../src/icons/Cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,CAAC,MAAM,OAAO,GAAkB,CAAC,EAAE,KAAK,GAAG,cAAc,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACxF,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,IAAI;IACzG,8BAAM,CAAC,EAAC,iCAAiC,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG;IAC1H,8BAAM,CAAC,EAAC,mCAAmC,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG;IAC5H,8BACE,CAAC,EAAC,oCAAoC,EACtC,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;IACF,8BAAM,CAAC,EAAC,kCAAkC,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CACvH,CACP,CAAA"}