@hazelcast/ui 1.1.1 → 1.3.0

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 }) => {
+export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisible, tooltipPlacement = 'top', hoverAbleTooltip, }) => {
     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 ? text : undefined);
     }, [text, forceUpdateToken]);
-    return (React.createElement(Tooltip, { id: idTooltip, placement: "top", content: tooltip, visible: tooltipVisible }, (ref) => (React.createElement("div", { ref: mergeRefs([textRef, ref]), className: cn(styles.truncatedText, className) },
+    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)))));
 };
 //# 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,EAAyB,MAAM,OAAO,CAAA;AAC1E,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,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAUhD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;IAC7G,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,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,IAC9E,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,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"}

package/lib/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useTableCustomizableColumns } from './useTableCustomizableColumns';
+export { useOnClickOutside, containsElement } from './useOnClickOutside';
+export { useIsMounted } from './useIsMounted';
+export { useRefValue } from './useRefValue';
+export { useOpenCloseState } from './useOpenCloseState';

package/lib/hooks/index.js

@@ -0,0 +1,7 @@
+/* export only hooks for external usage */
+export { useTableCustomizableColumns } from './useTableCustomizableColumns';
+export { useOnClickOutside, containsElement } from './useOnClickOutside';
+export { useIsMounted } from './useIsMounted';
+export { useRefValue } from './useRefValue';
+export { useOpenCloseState } from './useOpenCloseState';
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAC3E,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"}

package/lib/hooks/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare const useIsMounted: () => () => boolean;

package/lib/hooks/useIsMounted.js

@@ -0,0 +1,12 @@
+import { useCallback, useEffect, useRef } from 'react';
+export const useIsMounted = () => {
+    const isMounted = useRef(false);
+    useEffect(() => {
+        isMounted.current = true;
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    return useCallback(() => isMounted.current, []);
+};
+//# sourceMappingURL=useIsMounted.js.map

package/lib/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sourceRoot":"","sources":["../../src/hooks/useIsMounted.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;QAExB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAA;QAC3B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AACjD,CAAC,CAAA"}

package/lib/hooks/useOnClickOutside.d.ts

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

package/lib/hooks/useOnClickOutside.js

@@ -0,0 +1,24 @@
+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 useOnClickOutside = (active, opts) => {
+    const { target, handler, excludeElement } = opts;
+    const getOutsideClickHandler = useRefValue(handler);
+    const listener = useCallback((event) => {
+        const element = event.target;
+        if (!containsElement(target, element) && !containsElement(excludeElement, element)) {
+            getOutsideClickHandler()(event);
+        }
+    }, [target, excludeElement, getOutsideClickHandler]);
+    useEffect(() => {
+        if (active) {
+            document.addEventListener('mousedown', listener);
+            document.addEventListener('touchstart', listener);
+        }
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, [listener, active]);
+};
+//# sourceMappingURL=useOnClickOutside.js.map

package/lib/hooks/useOnClickOutside.js.map

@@ -0,0 +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;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/useOpenCloseState.d.ts

@@ -0,0 +1,6 @@
+export declare const useOpenCloseState: (isOpenByDefault?: boolean) => {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};

package/lib/hooks/useOpenCloseState.js

@@ -0,0 +1,14 @@
+import { useState, useCallback } from 'react';
+export const useOpenCloseState = (isOpenByDefault = false) => {
+    const [isOpen, setIsOpen] = useState(isOpenByDefault);
+    const open = useCallback(() => setIsOpen(true), []);
+    const close = useCallback(() => setIsOpen(false), []);
+    const toggle = useCallback(() => setIsOpen((currentState) => !currentState), []);
+    return {
+        isOpen,
+        open,
+        close,
+        toggle,
+    };
+};
+//# sourceMappingURL=useOpenCloseState.js.map

package/lib/hooks/useOpenCloseState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenCloseState.js","sourceRoot":"","sources":["../../src/hooks/useOpenCloseState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,eAAe,GAAG,KAAK,EAAE,EAAE;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IAErD,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IACrD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAA;IAEhF,OAAO;QACL,MAAM;QACN,IAAI;QACJ,KAAK;QACL,MAAM;KACP,CAAA;AACH,CAAC,CAAA"}

package/lib/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare const usePrevious: <T>(value: T) => T;

package/lib/hooks/usePrevious.js

@@ -0,0 +1,9 @@
+import { useRef, useEffect } from 'react';
+export const usePrevious = (value) => {
+    const ref = useRef(value);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};
+//# sourceMappingURL=usePrevious.js.map

package/lib/hooks/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC,CAAA"}

package/lib/hooks/useRefValue.d.ts

@@ -0,0 +1 @@
+export declare const useRefValue: <T>(value: T) => () => T;

package/lib/hooks/useRefValue.js

@@ -0,0 +1,9 @@
+import { useCallback, useEffect, useRef } from 'react';
+export const useRefValue = (value) => {
+    const ref = useRef(value);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return useCallback(() => ref.current, []);
+};
+//# sourceMappingURL=useRefValue.js.map

package/lib/hooks/useRefValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefValue.js","sourceRoot":"","sources":["../../src/hooks/useRefValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAC3C,CAAC,CAAA"}

package/lib/hooks/useTableCustomizableColumns.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CheckableSelectProps } from '../Select/CheckableSelectField';
+export declare function useTableCustomizableColumns<T>(columns: T, opts?: {
+    'data-test'?: string;
+    size: CheckableSelectProps<T>['size'];
+}): {
+    tableColumns: T;
+    control: JSX.Element;
+};

package/lib/hooks/useTableCustomizableColumns.js

@@ -0,0 +1,23 @@
+import React, { useMemo, useState } from 'react';
+import { CheckableSelectField } from '../Select';
+export function useTableCustomizableColumns(columns, opts) {
+    const untypedColumns = columns;
+    const { size = 'medium', 'data-test': dataTest = 'table-custom-columns' } = opts || {};
+    // Header is used as a label
+    const toggleableColumns = useMemo(() => untypedColumns.filter(({ Header }) => !!Header), [untypedColumns]);
+    const options = useMemo(() => toggleableColumns.map(({ Header }) => ({
+        value: String(Header),
+        label: String(Header),
+    })), [toggleableColumns]);
+    const [value, setValue] = useState(toggleableColumns.map(({ Header }) => String(Header)));
+    const valueSet = useMemo(() => new Set(value), [value]);
+    const toggleableColumnsSet = useMemo(() => new Set(toggleableColumns.map(({ Header }) => String(Header))), [toggleableColumns]);
+    const tableColumns = useMemo(() => {
+        return untypedColumns.filter(({ Header }) => (toggleableColumnsSet.has(String(Header)) ? valueSet.has(String(Header)) : true));
+    }, [untypedColumns, valueSet, toggleableColumnsSet]);
+    return {
+        tableColumns: tableColumns,
+        control: (React.createElement(CheckableSelectField, { name: "custom-columns", options: options, value: value, "data-test": dataTest, label: "Columns", onChange: setValue, size: size })),
+    };
+}
+//# sourceMappingURL=useTableCustomizableColumns.js.map

package/lib/hooks/useTableCustomizableColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableCustomizableColumns.js","sourceRoot":"","sources":["../../src/hooks/useTableCustomizableColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAIhD,MAAM,UAAU,2BAA2B,CACzC,OAAU,EACV,IAGC;IAED,MAAM,cAAc,GAAI,OAA2C,CAAA;IACnE,MAAM,EAAE,IAAI,GAAG,QAAQ,EAAE,WAAW,EAAE,QAAQ,GAAG,sBAAsB,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;IACtF,4BAA4B;IAC5B,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAC1G,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;QACrC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;KACtB,CAAC,CAAC,EACL,CAAC,iBAAiB,CAAC,CACpB,CAAA;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACnG,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAC/H,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IAChI,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAEpD,OAAO;QACL,YAAY,EAAG,YAA6B;QAC5C,OAAO,EAAE,CACP,oBAAC,oBAAoB,IACnB,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,eACD,QAAQ,EACnB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,GACV,CACH;KACF,CAAA;AACH,CAAC"}

package/lib/index.d.ts

@@ -1,53 +1,55 @@
-export * from './Alert';
-export * from './Badge';
-export * from './Button';
-export * from './Calendar/Calendar';
-export * from './Calendar/CalendarRange';
-export * from './Card';
-export * from './Checkbox';
-export * from './CheckboxFormik';
-export * from './CircularProgressBar';
-export * from './Code';
-export * from './CodeEditor';
-export * from './CodeEditorFormik';
-export * from './Dialog';
-export * from './EmptyState';
-export * from './Error';
-export * from './Help';
-export * from './Icon';
-export * from './IconButton';
-export * from './InteractiveList';
-export * from './InteractiveListFormik';
-export * from './Label';
-export * from './Link';
-export * from './Loader';
-export * from './Modal';
-export * from './Notification';
-export * from './NumberBadge';
-export * from './NumberField';
-export * from './NumberFieldFormik';
-export * from './Overlay';
-export * from './PasswordField';
-export * from './PasswordFieldFormik';
-export * from './Radio';
-export * from './RadioFormik';
-export * from './RadioGroup';
-export * from './RadioGroupFormik';
-export * from './SegmentedControl';
-export * from './SegmentedControlFormik';
-export * from './Select/index';
-export * from './SimpleTable';
-export * from './Slider';
-export * from './SliderFormik';
-export * from './Table/Table';
-export * from './Tabs/index';
-export * from './Terminal';
-export * from './TextArea';
-export * from './TextAreaFormik';
-export * from './TextField';
-export * from './TextFieldFormik';
-export * from './Toast';
-export * from './Toggle';
-export * from './ToggleFormik';
-export * from './Tooltip';
-export * from './TruncatedText';
+export { Alert } from './Alert';
+export { Badge } from './Badge';
+export { Button } from './Button';
+export { Calendar } from './Calendar/Calendar';
+export { CalendarRange } from './Calendar/CalendarRange';
+export { Card } from './Card';
+export { Checkbox } from './Checkbox';
+export { CheckboxFormik } from './CheckboxFormik';
+export { CircularProgressBar } from './CircularProgressBar';
+export { Code } from './Code';
+export { CodeEditor } from './CodeEditor';
+export { CodeEditorFormik } from './CodeEditorFormik';
+export { Dialog } from './Dialog';
+export { EmptyState } from './EmptyState';
+export { Error, errorId } from './Error';
+export { Help, helpTooltipId } from './Help';
+export { Icon } from './Icon';
+export { IconButton } from './IconButton';
+export { InteractiveListItem } from './InteractiveList';
+export { InteractiveListFormik } from './InteractiveListFormik';
+export { Label } from './Label';
+export { Link } from './Link';
+export { Loader } from './Loader';
+export { Modal } from './Modal';
+export { Notification } from './Notification';
+export { NumberBadge } from './NumberBadge';
+export { NumberField } from './NumberField';
+export { NumberFieldFormik } from './NumberFieldFormik';
+export { Overlay } from './Overlay';
+export { PasswordField } from './PasswordField';
+export { PasswordFieldFormik } from './PasswordFieldFormik';
+export { Popover } from './Popover';
+export { Radio } from './Radio';
+export { RadioFieldFormik } from './RadioFormik';
+export { RadioGroup } from './RadioGroup';
+export { RadioGroupFieldFormik } from './RadioGroupFormik';
+export { SegmentedControl } from './SegmentedControl';
+export { SegmentedControlFormik } from './SegmentedControlFormik';
+export { getMenuContainer, getOptionsMap, SelectField, MultiSelectField, SelectFieldFormik, MultiSelectFieldFormik, CheckableSelectField, CheckableSelectFieldFormik, } from './Select/index';
+export { SimpleTable } from './SimpleTable';
+export { Slider } from './Slider';
+export { SliderFormik } from './SliderFormik';
+export { Table } from './Table/Table';
+export { TabContext, TabPanel, Tab, TabList, TabContextProvider, TabContextProviderControlled, getPanelId, getTabId, useTabContext, tabContextDefaultValue, } from './Tabs/index';
+export { Terminal } from './Terminal';
+export { TextArea } from './TextArea';
+export { TextAreaFormik } from './TextAreaFormik';
+export { TextField } from './TextField';
+export { TextFieldFormik } from './TextFieldFormik';
+export { Toast } from './Toast';
+export { Toggle } from './Toggle';
+export { ToggleFormik } from './ToggleFormik';
+export { Tooltip } from './Tooltip';
+export { TruncatedText } from './TruncatedText';
+export { useTableCustomizableColumns, useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';

package/lib/index.js

@@ -1,54 +1,56 @@
-export * from './Alert';
-export * from './Badge';
-export * from './Button';
-export * from './Calendar/Calendar';
-export * from './Calendar/CalendarRange';
-export * from './Card';
-export * from './Checkbox';
-export * from './CheckboxFormik';
-export * from './CircularProgressBar';
-export * from './Code';
-export * from './CodeEditor';
-export * from './CodeEditorFormik';
-export * from './Dialog';
-export * from './EmptyState';
-export * from './Error';
-export * from './Help';
-export * from './Icon';
-export * from './IconButton';
-export * from './InteractiveList';
-export * from './InteractiveListFormik';
-export * from './Label';
-export * from './Link';
-export * from './Loader';
-export * from './Modal';
-export * from './Notification';
-export * from './NumberBadge';
-export * from './NumberField';
-export * from './NumberFieldFormik';
-export * from './Overlay';
-export * from './PasswordField';
-export * from './PasswordFieldFormik';
-export * from './Radio';
-export * from './RadioFormik';
-export * from './RadioGroup';
-export * from './RadioGroupFormik';
-export * from './SegmentedControl';
-export * from './SegmentedControlFormik';
-export * from './Select/index';
-export * from './SimpleTable';
-export * from './Slider';
-export * from './SliderFormik';
-export * from './Table/Table';
-export * from './Tabs/index';
-export * from './Terminal';
-export * from './TextArea';
-export * from './TextAreaFormik';
-export * from './TextField';
-export * from './TextFieldFormik';
-export * from './Toast';
-export * from './Toggle';
-export * from './ToggleFormik';
-export * from './Tooltip';
-export * from './TruncatedText';
+export { Alert } from './Alert';
+export { Badge } from './Badge';
+export { Button } from './Button';
+export { Calendar } from './Calendar/Calendar';
+export { CalendarRange } from './Calendar/CalendarRange';
+export { Card } from './Card';
+export { Checkbox } from './Checkbox';
+export { CheckboxFormik } from './CheckboxFormik';
+export { CircularProgressBar } from './CircularProgressBar';
+export { Code } from './Code';
+export { CodeEditor } from './CodeEditor';
+export { CodeEditorFormik } from './CodeEditorFormik';
+export { Dialog } from './Dialog';
+export { EmptyState } from './EmptyState';
+export { Error, errorId } from './Error';
+export { Help, helpTooltipId } from './Help';
+export { Icon } from './Icon';
+export { IconButton } from './IconButton';
+export { InteractiveListItem } from './InteractiveList';
+export { InteractiveListFormik } from './InteractiveListFormik';
+export { Label } from './Label';
+export { Link } from './Link';
+export { Loader } from './Loader';
+export { Modal } from './Modal';
+export { Notification } from './Notification';
+export { NumberBadge } from './NumberBadge';
+export { NumberField } from './NumberField';
+export { NumberFieldFormik } from './NumberFieldFormik';
+export { Overlay } from './Overlay';
+export { PasswordField } from './PasswordField';
+export { PasswordFieldFormik } from './PasswordFieldFormik';
+export { Popover } from './Popover';
+export { Radio } from './Radio';
+export { RadioFieldFormik } from './RadioFormik';
+export { RadioGroup } from './RadioGroup';
+export { RadioGroupFieldFormik } from './RadioGroupFormik';
+export { SegmentedControl } from './SegmentedControl';
+export { SegmentedControlFormik } from './SegmentedControlFormik';
+export { getMenuContainer, getOptionsMap, SelectField, MultiSelectField, SelectFieldFormik, MultiSelectFieldFormik, CheckableSelectField, CheckableSelectFieldFormik, } from './Select/index';
+export { SimpleTable } from './SimpleTable';
+export { Slider } from './Slider';
+export { SliderFormik } from './SliderFormik';
+export { Table } from './Table/Table';
+export { TabContext, TabPanel, Tab, TabList, TabContextProvider, TabContextProviderControlled, getPanelId, getTabId, useTabContext, tabContextDefaultValue, } from './Tabs/index';
+export { Terminal } from './Terminal';
+export { TextArea } from './TextArea';
+export { TextAreaFormik } from './TextAreaFormik';
+export { TextField } from './TextField';
+export { TextFieldFormik } from './TextFieldFormik';
+export { Toast } from './Toast';
+export { Toggle } from './Toggle';
+export { ToggleFormik } from './ToggleFormik';
+export { Tooltip } from './Tooltip';
+export { TruncatedText } from './TruncatedText';
+export { useTableCustomizableColumns, useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/utils/test.d.ts

@@ -0,0 +1 @@
+export declare const waitForComponentToPaint: (wrapper: any) => Promise<void>;

package/lib/utils/test.js

@@ -0,0 +1,8 @@
+import { act } from 'react-dom/test-utils';
+export const waitForComponentToPaint = async (wrapper) => {
+    await act(async () => {
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        wrapper.update();
+    });
+};
+//# sourceMappingURL=test.js.map

package/lib/utils/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAG1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAE,OAAY,EAAE,EAAE;IAC5D,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CACrD;QAAC,OAA6B,CAAC,MAAM,EAAE,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}