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

package/lib/components/Table/tableTypes.d.ts

@@ -0,0 +1,80 @@
+import { ReactNode } from 'react';
+export type RowData = object;
+export type HeaderProps<D extends RowData> = {
+    rows: RowType<D>[];
+    data: D[];
+};
+export type AccessorFn<TItem> = (item: TItem) => ReactNode | number | string | string[];
+export type Renderable<TProps> = (props: TProps) => ReactNode | JSX.Element | string;
+export type Column<D extends RowData> = {
+    id: string;
+    index: number;
+    hidden: boolean;
+    canHide: boolean;
+    columns: Column<D>[];
+};
+export type ColumnCoreType<D extends RowData = object, V = any> = {
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    Footer?: string | Renderable<HeaderProps<D>>;
+    notAvailable?: boolean;
+    Cell?: Renderable<CellType<D, V>>;
+    canHide?: boolean;
+    align?: 'left' | 'center' | 'right';
+    disableResizing?: boolean;
+    disableSortBy?: boolean;
+    filterable?: boolean;
+    sortType?: (r1: RowType<D>, r2: RowType<D>) => number;
+};
+export type ColumnIdentifier<D extends RowData> = {
+    id: string;
+    accessor?: keyof D | AccessorFn<D>;
+    Header?: string | Renderable<HeaderProps<D>>;
+} | {
+    id?: never;
+    Header: string;
+    accessor?: keyof D | AccessorFn<D>;
+} | {
+    id?: never;
+    Header?: never;
+    accessor: keyof D;
+};
+export type ColumnType<D extends RowData = object, V = any> = ColumnCoreType<D, V> & ColumnIdentifier<D>;
+export type RowType<D extends RowData, K = any> = {
+    id: string;
+    getCanExpand: () => boolean;
+    getIsExpanded: () => boolean;
+    getToggleExpandedHandler: () => () => void;
+    original: D;
+    subRows: RowType<D, K>[];
+    index: number;
+    getValue: <T = K>(columnId: string) => T;
+};
+export type CellType<D extends RowData, V = any> = {
+    row: RowType<D, V>;
+    column: Column<D>;
+    value: V;
+};
+export type SortingRule = {
+    id: string;
+    desc?: boolean | undefined;
+};
+export type InitialState = Partial<TableState>;
+export type TableState = {
+    hiddenColumns: string[];
+    columnOrder: string[];
+    columnResizing: {
+        columnWidths: Record<string, number>;
+    };
+    sortBy: SortingRule[];
+    paginationOptions?: {
+        pageIndex?: number;
+        pageSize?: number;
+    };
+};
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData, TValue> {
+        align?: 'center' | 'left' | 'right';
+    }
+}

package/lib/components/Table/tableTypes.js

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

package/lib/components/Table/tableTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableTypes.js","sourceRoot":"","sources":["../../../src/components/Table/tableTypes.ts"],"names":[],"mappings":""}

package/lib/components/Table/useTrackTableState.d.ts

@@ -0,0 +1,3 @@
+import { Table } from '@tanstack/react-table';
+import { RowData, TableState } from './tableTypes';
+export declare const useTrackTableState: <D extends RowData>(tableInstance: Table<D>, onChange?: ((state: TableState) => void) | null) => void;

package/lib/components/Table/useTrackTableState.js

@@ -0,0 +1,30 @@
+import { useEffect, useRef } from 'react';
+import { useRefValue } from '../../hooks';
+export const useTrackTableState = (tableInstance, onChange) => {
+    const { columnOrder, columnVisibility, columnSizing, sorting, pagination: { pageSize }, } = tableInstance.getState();
+    const skippedInitialStateChangeRef = useRef(false);
+    const getOnChange = useRefValue(onChange);
+    useEffect(() => {
+        const cb = getOnChange();
+        if (cb && skippedInitialStateChangeRef.current) {
+            cb({
+                sortBy: sorting,
+                paginationOptions: { pageSize },
+                columnOrder: columnOrder,
+                columnResizing: {
+                    columnWidths: columnSizing,
+                },
+                hiddenColumns: Object.entries(columnVisibility).reduce((res, [id, visible]) => {
+                    if (!visible) {
+                        return [...res, id];
+                    }
+                    return res;
+                }, []),
+            });
+        }
+        else {
+            skippedInitialStateChangeRef.current = true;
+        }
+    }, [sorting, pageSize, columnOrder, columnVisibility, columnSizing, getOnChange]);
+};
+//# sourceMappingURL=useTrackTableState.js.map

package/lib/components/Table/useTrackTableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrackTableState.js","sourceRoot":"","sources":["../../../src/components/Table/useTrackTableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAoB,aAAuB,EAAE,QAA+C,EAAE,EAAE;IAChI,MAAM,EACJ,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,UAAU,EAAE,EAAE,QAAQ,EAAE,GACzB,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAA;IAC5B,MAAM,4BAA4B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAClD,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;QACxB,IAAI,EAAE,IAAI,4BAA4B,CAAC,OAAO,EAAE,CAAC;YAC/C,EAAE,CAAC;gBACD,MAAM,EAAE,OAAwB;gBAChC,iBAAiB,EAAE,EAAE,QAAQ,EAAE;gBAC/B,WAAW,EAAE,WAAW;gBACxB,cAAc,EAAE;oBACd,YAAY,EAAE,YAAY;iBAC3B;gBACD,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAW,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE;oBACtF,IAAI,CAAC,OAAO,EAAE,CAAC;wBACb,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,CAAA;oBACrB,CAAC;oBAED,OAAO,GAAG,CAAA;gBACZ,CAAC,EAAE,EAAE,CAAC;aACP,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,4BAA4B,CAAC,OAAO,GAAG,IAAI,CAAA;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;AACnF,CAAC,CAAA"}

package/lib/components/Table/utils.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { ColumnDef, Row as TableRow, InitialTableState, Cell, Column as TableColumn } from '@tanstack/react-table';
+import { CellType, ColumnType, InitialState, RowData, RowType, Column } from './tableTypes';
+export declare const prepareRow: <D extends RowData>({ getCanExpand, getIsExpanded, getToggleExpandedHandler, original, subRows, id, index, getValue, }: TableRow<D>) => RowType<D>;
+export declare const prepareColumn: <D extends RowData>({ id, columns, getIndex, getCanHide, getIsVisible }: TableColumn<D>) => Column<D>;
+export declare const prepareCell: <D extends RowData, V = unknown>({ getValue, row, column }: Cell<D, V>) => CellType<D, V>;
+export declare const getColumnDef: <D extends RowData>({ id, width: size, minWidth: minSize, maxWidth: maxSize, Header, Footer, Cell, align, filterable, disableSortBy, disableResizing, canHide: enableHiding, sortType: sortingFn, accessor, }: ColumnType<D>) => ColumnDef<D>;
+export declare const getTableInitialState: ({ hiddenColumns, columnOrder, sortBy, columnResizing, paginationOptions: pagination, }: InitialState) => InitialTableState;
+export declare const getCellStyle: ({ size: width, minSize: minWidth, maxSize: maxWidth, }: {
+    size: number;
+    minSize?: number;
+    maxSize?: number;
+}) => CSSProperties;
+export declare const getRowStyle: ({ totalSize }: {
+    totalSize: number;
+}) => CSSProperties;

package/lib/components/Table/utils.js

@@ -0,0 +1,121 @@
+export const prepareRow = ({ getCanExpand, getIsExpanded, getToggleExpandedHandler, original, subRows, id, index, getValue, }) => ({
+    id,
+    getCanExpand,
+    getIsExpanded,
+    getToggleExpandedHandler,
+    original,
+    index,
+    getValue,
+    subRows: subRows.map(prepareRow),
+});
+export const prepareColumn = ({ id, columns, getIndex, getCanHide, getIsVisible }) => ({
+    id,
+    index: getIndex(),
+    canHide: getCanHide(),
+    hidden: !getIsVisible(),
+    columns: columns.map(prepareColumn),
+});
+export const prepareCell = ({ getValue, row, column }) => ({
+    column: prepareColumn(column),
+    value: getValue(),
+    row: prepareRow(row),
+});
+const getRendererProps = (props) => {
+    const rendererProps = {
+        rows: [],
+        data: [],
+    };
+    props.table.getRowModel().rows.forEach((row) => {
+        const item = prepareRow(row);
+        rendererProps.rows.push(item);
+        rendererProps.data.push(item.original);
+    });
+    return rendererProps;
+};
+export const getColumnDef = ({ id, width: size, minWidth: minSize, maxWidth: maxSize, Header, Footer, Cell, align, filterable, disableSortBy, disableResizing, canHide: enableHiding, sortType: sortingFn, accessor, }) => {
+    const commonDef = {
+        id,
+        header: typeof Header === 'function' ? (props) => Header(getRendererProps(props)) : Header,
+        footer: typeof Footer === 'function' ? (props) => Footer(getRendererProps(props)) : Footer,
+        enableHiding,
+        sortDescFirst: false,
+        enableSorting: true,
+        meta: { align },
+        enableResizing: !disableResizing,
+    };
+    if (size != undefined) {
+        commonDef.size = size;
+    }
+    if (minSize != undefined) {
+        commonDef.minSize = minSize;
+    }
+    if (maxSize !== undefined) {
+        commonDef.maxSize = maxSize;
+    }
+    if (sortingFn != undefined) {
+        commonDef.sortingFn = (rowA, rowB) => sortingFn(prepareRow(rowA), prepareRow(rowB));
+    }
+    if (Cell != undefined) {
+        commonDef.cell =
+            typeof Cell === 'function'
+                ? (props) => Cell({ column: prepareColumn(props.column), row: prepareRow(props.row), value: props.getValue() })
+                : Cell;
+    }
+    if (filterable !== undefined) {
+        commonDef.enableColumnFilter = filterable;
+    }
+    if (disableSortBy !== undefined) {
+        commonDef.enableSorting = !disableSortBy;
+    }
+    if (accessor != undefined) {
+        if (typeof accessor === 'function') {
+            return {
+                id: '',
+                ...commonDef,
+                accessorFn: (value) => accessor(value),
+            };
+        }
+        return {
+            ...commonDef,
+            accessorKey: accessor,
+        };
+    }
+    return commonDef;
+};
+const getColumnVisibility = (hiddenColumns) => {
+    const result = {};
+    hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.forEach((column) => {
+        result[column] = false;
+    });
+    return result;
+};
+export const getTableInitialState = ({ hiddenColumns, columnOrder, sortBy, columnResizing, paginationOptions: pagination, }) => {
+    var _a, _b;
+    return ({
+        pagination,
+        columnOrder,
+        columnSizing: (_a = columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.columnWidths) !== null && _a !== void 0 ? _a : {},
+        columnVisibility: getColumnVisibility(hiddenColumns),
+        sorting: (_b = sortBy === null || sortBy === void 0 ? void 0 : sortBy.map(({ id, desc }) => ({ id, desc: !!desc }))) !== null && _b !== void 0 ? _b : [],
+    });
+};
+export const getCellStyle = ({ size: width, minSize: minWidth, maxSize: maxWidth, }) => {
+    const style = {
+        width,
+        minWidth: minWidth || width,
+        flex: `${width} 0 auto`,
+        boxSizing: 'border-box',
+    };
+    if (maxWidth) {
+        style.maxWidth = maxWidth;
+    }
+    return style;
+};
+export const getRowStyle = ({ totalSize }) => {
+    // fix unit tests console error "`NaN` is an invalid value"
+    const minWidth = isNaN(totalSize) ? 0 : totalSize;
+    return {
+        minWidth,
+    };
+};
+//# sourceMappingURL=utils.js.map

package/lib/components/Table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Table/utils.tsx"],"names":[],"mappings":"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"}

package/lib/{Tabs → components/Tabs}/Tab.d.ts

@@ -1,5 +1,4 @@
 import { FC, MouseEvent, KeyboardEvent, ReactNode } from 'react';
-import { IconProps } from '../Icon';
 export type AnchorTabProps = {
     component: 'a';
     href: string;
@@ -10,25 +9,8 @@ export type ButtonTabProps = {
 };
 type TabTypeProps = AnchorTabProps | ButtonTabProps;
 type TabLabelProps = {
-    /** @deprecated The property should not be used */
-    label: string;
-    icon: IconProps['icon'];
-    iconAriaLabel: string;
-    children?: never;
-    ariaLabel?: never;
-} | {
-    /** @deprecated The property should not be used */
-    label: string;
-    icon?: never;
-    iconAriaLabel?: never;
-    children?: never;
-    ariaLabel?: never;
-} | {
-    label?: never;
-    icon?: never;
-    iconAriaLabel?: never;
     children: ReactNode;
-    ariaLabel: string;
+    ariaLabel?: string;
 };
 export type TabCommonProps = {
     value: number;

package/lib/{Tabs → components/Tabs}/Tab.js

@@ -1,8 +1,7 @@
 import React, { useCallback } from 'react';
 import cn from 'classnames';
-import { Icon } from '../Icon';
 import { useTabContext, getTabId, getPanelId } from './TabContext';
-import { keyIsOneOf } from '../utils/keyboard';
+import { keyIsOneOf } from '../../utils/keyboard';
 import styles from './Tab.module.scss';
 /**
  * ### Purpose
@@ -15,16 +14,7 @@ import styles from './Tab.module.scss';
  * More info - https://www.w3.org/TR/wai-aria-practices/#kbd_selection_follows_focus
  *
  */
-export const Tab = ({ component: Component = 'button', 
-/**
- * @deprecated The property should not be used
- */
-label, value, href, onClick, 
-/** @deprecated The property should not be used */
-icon, 
-/** @deprecated The property should not be used */
-iconAriaLabel, children, ariaLabel, className, }) => {
-    var _a;
+export const Tab = ({ component: Component = 'button', value, href, onClick, children, ariaLabel, className }) => {
     const { onChange, value: activeValue, idPrefix, fullWidth } = useTabContext();
     const selected = value === activeValue;
     const handleClick = useCallback((event) => {
@@ -44,10 +34,6 @@ iconAriaLabel, children, ariaLabel, className, }) => {
             handleClick(event);
         }
     }, [handleClick]);
-    return (React.createElement(Component, { className: cn(styles.tab, { [styles.selected]: selected, [styles.fullWidth]: fullWidth }, className), role: "tab", id: getTabId(idPrefix, value.toString()), "aria-controls": getPanelId(idPrefix, value.toString()), "aria-selected": selected, tabIndex: selected ? 0 : -1, onKeyPress: onKeyPress, onClick: handleClick, ...(Component === 'a' && !selected && { href }), "aria-label": label !== null && label !== void 0 ? label : ariaLabel }, children
-        ? children
-        : (_a = (icon && iconAriaLabel && (React.createElement("span", null,
-            React.createElement(Icon, { icon: icon, ariaLabel: iconAriaLabel, className: styles.icon }),
-            label)))) !== null && _a !== void 0 ? _a : label));
+    return (React.createElement(Component, { className: cn(styles.tab, { [styles.selected]: selected, [styles.fullWidth]: fullWidth }, className), role: "tab", id: getTabId(idPrefix, value.toString()), "aria-controls": getPanelId(idPrefix, value.toString()), "aria-selected": selected, tabIndex: selected ? 0 : -1, onKeyPress: onKeyPress, onClick: handleClick, ...(Component === 'a' && !selected && { href }), "aria-label": ariaLabel }, children));
 };
 //# sourceMappingURL=Tab.js.map

package/lib/components/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAwC,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AA0BtC;;;;;;;;;;GAUG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7H,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAA;IAEtC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA+G,EAAE,EAAE;QAClH,IAAI,QAAQ,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CACrC,CAAA;IAED,wDAAwD;IACxD,+DAA+D;IAC/D,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAA2D,EAAE,EAAE;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;YACxC,WAAW,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,EACpG,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACzB,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACtC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,KAChB,CAAC,SAAS,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,IAAI,EAAE,CAAC,gBACpC,SAAS,IAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA"}

package/lib/{Tabs → components/Tabs}/Tab.module.scss

@@ -1,5 +1,5 @@
-@use '../../styles/constants' as c;
-@use '../../styles/helpers' as h;
+@use '../../../styles/constants' as c;
+@use '../../../styles/helpers' as h;
 
 .tab {
   display: flex;
@@ -24,10 +24,6 @@
   @include c.typographyH3;
   @include h.overflowEllipsis;
 
-  .icon {
-    margin-right: c.$grid * 2;
-  }
-
   &.selected {
     color: c.$colorPrimary;
     border-radius: 0;

package/lib/components/Tabs/TabContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContext.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAM,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAA;AAC1F,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AASlC,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,QAAQ,EAAE,GAAG,EAAE;QACb,0CAA0C;IAC5C,CAAC;IACD,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,KAAK;CACjB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAA;AAEhF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;AAIzD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,IACjF,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA;AAID;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA0C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9H,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,YAAY,GAAoB,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,KAAK;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS;KACV,CAAC,EACF,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,CAAC,CACjC,CAAA;IAED,OAAO,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,QAAQ,CAAuB,CAAA;AACnF,CAAC,CAAA;AAED,+CAA+C;AAC/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,QAAQ,KAAK,EAAE,CAAA;AAEnF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,UAAU,KAAK,EAAE,CAAA"}

package/lib/{Tabs → components/Tabs}/TabList.js

@@ -53,8 +53,6 @@ export const TabList = ({ ariaLabel, className, children }) => {
             event.preventDefault();
         }
     }, []);
-    return (
-    // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-    React.createElement("div", { "data-test": "tab-list", className: cn(styles.tabList, className), "aria-label": ariaLabel, role: "tablist", ref: tabListRef, onKeyDown: handleKeyDown }, children));
+    return (React.createElement("div", { "data-test": "tab-list", className: cn(styles.tabList, className), "aria-label": ariaLabel, role: "tablist", ref: tabListRef, onKeyDown: handleKeyDown }, children));
 };
 //# sourceMappingURL=TabList.js.map

package/lib/components/Tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAQ1C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9E,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE/C,yEAAyE;IACzE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoC,EAAE,EAAE;;QACzE,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAA;QAChD,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QACxC,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,wGAAwG,CAAC,CAAA;YACtH,OAAM;QACR,CAAC;QAED,IAAI,cAAc,GAA6B,IAAI,CAAA;QACnD,MAAM,eAAe,GAAG,WAAW,CAAA;QACnC,MAAM,WAAW,GAAG,YAAY,CAAA;QAEhC,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,wBAAwB;YACxB,qCAAqC;YACrC,+DAA+D;YAC/D,KAAK,eAAe;gBAClB,cAAc;oBACZ,MAAA,MAAC,MAAM,CAAC,sBAA4C,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBACtH,MAAK;YACP,wBAAwB;YACxB,iCAAiC;YACjC,+DAA+D;YAC/D,KAAK,WAAW;gBACd,cAAc,GAAG,MAAA,MAAC,MAAM,CAAC,kBAAwC,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAClI,MAAK;YACP,sDAAsD;YACtD,KAAK,MAAM;gBACT,cAAc,GAAG,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAC9E,MAAK;YACP,qDAAqD;YACrD,KAAK,KAAK;gBACR,cAAc,GAAG,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBAC7E,MAAK;YACP;gBACE,MAAK;QACT,CAAC;QAED,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,cAAc,CAAC,KAAK,EAAE,CAAA;YACtB,KAAK,CAAC,cAAc,EAAE,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,0CACY,UAAU,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,gBAC5B,SAAS,EACrB,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/{Tabs → components/Tabs}/TabPanel.d.ts

@@ -1,8 +1,9 @@
 import { FC, ReactNode } from 'react';
+import { DataTestProp } from '../../../src';
 export type TabPanelProps = {
     value: number;
     children: ReactNode;
-};
+} & DataTestProp;
 /**
  * ### Purpose
  * Serves as a container for tab content.

package/lib/{Tabs → components/Tabs}/TabPanel.js

@@ -9,9 +9,9 @@ import styles from './TabPanel.module.scss';
  * ### General Info
  * - Is hidden unless its associated tab control is activated.
  */
-export const TabPanel = ({ value, children }) => {
+export const TabPanel = ({ value, children, 'data-test': dataTest }) => {
     const { idPrefix, value: selectedValue } = useTabContext();
     const selected = value === selectedValue;
-    return (React.createElement("div", { className: cn(styles.tabPanel, { [styles.hidden]: !selected }), role: "tabpanel", id: getPanelId(idPrefix, value.toString()), "aria-labelledby": getTabId(idPrefix, value.toString()) }, selected ? children : null));
+    return (React.createElement("div", { className: cn(styles.tabPanel, { [styles.hidden]: !selected }), role: "tabpanel", "data-test": dataTest, id: getPanelId(idPrefix, value.toString()), "aria-labelledby": getTabId(idPrefix, value.toString()) }, selected ? children : null));
 };
 //# sourceMappingURL=TabPanel.js.map

package/lib/components/Tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAElE,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAO3C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAA;IAC1D,MAAM,QAAQ,GAAG,KAAK,KAAK,aAAa,CAAA;IAExC,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAC9D,IAAI,EAAC,UAAU,eACJ,QAAQ,EACnB,EAAE,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,qBACzB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,IAEpD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACvB,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,4BAA4B,EAC5B,UAAU,EACV,QAAQ,EACR,aAAa,EACb,sBAAsB,GACvB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/lib/{Terminal.d.ts → components/Terminal.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DataTestProp } from '@hazelcast/helpers';
+import { DataTestProp } from '../../src';
 export declare class CommandTimeoutError extends Error {
     name: string;
 }

package/lib/{Terminal.js → components/Terminal.js}

@@ -53,7 +53,6 @@ export const Terminal = memo(({ 'data-test': dataTest, onExecute, commandTimeout
             setExecuting(false);
             clearTimeout(timer);
             setInputVal('');
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             inputRef.current.focus();
         }
     };

package/lib/components/Terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.js","sourceRoot":"","sources":["../../src/components/Terminal.tsx"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
+@use '../../styles/constants' as c;
+@use '../../styles/helpers' as h;
 
 .container {
   // Match TextField

package/lib/{TextArea.d.ts → components/TextArea.d.ts}

@@ -1,5 +1,5 @@
 import { ChangeEvent, FC, FocusEvent } from 'react';
-import { DataTestProp } from '@hazelcast/helpers';
+import { DataTestProp } from '../../src';
 import { FieldHeaderProps } from './FieldHeader';
 export type TextAreaSize = 'medium' | 'small';
 export type TextAreaCoreProps = {

package/lib/{TextArea.js → components/TextArea.js}

@@ -1,35 +1,31 @@
 import React, { useRef } from 'react';
 import cn from 'classnames';
-import useResizeAware from 'react-resize-aware';
-import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
 import { useUID } from 'react-uid';
 import { Error, errorId } from './Error';
 import { FieldHeader } from './FieldHeader';
+import { useResizeAware } from '../hooks/useResizeAware';
 import styles from './TextArea.module.scss';
 export const TextArea = (props) => {
-    const { error, label, name, onBlur, onChange, placeholder, value, disabled, className, labelClassName, textareaClassName, errorClassName, required, resizable = true, helperText, size = 'medium', 'data-test': dataTest, ...htmlAttrs } = props;
+    const { error, label, name, onBlur, onChange, placeholder, value, disabled, className, labelClassName, textareaClassName, errorClassName, required, resizable = true, helperText, size = 'medium', 'data-test': dataTest = 'textarea', ...htmlAttrs } = props;
     const id = useUID();
+    const textareaRef = useRef(null);
     const popperRef = useRef();
-    const [resizeListener, sizes] = useResizeAware();
-    useIsomorphicLayoutEffect(() => {
+    useResizeAware(textareaRef.current, () => {
         var _a, _b;
-        if (sizes.height) {
-            (_b = (_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.forceUpdate) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-    }, [sizes.height]);
+        (_b = (_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.forceUpdate) === null || _b === void 0 ? void 0 : _b.call(_a);
+    });
     return (React.createElement("div", { "data-test": dataTest, className: cn(styles.container, {
             [styles.disabled]: disabled,
             [styles.hasError]: error,
             [styles.withError]: 'error' in props,
         }, className) },
-        React.createElement(FieldHeader, { "data-test": "textarea", label: label, id: id, helperText: helperText, labelClassName: labelClassName, size: size }),
+        React.createElement(FieldHeader, { "data-test": dataTest, label: label, id: id, helperText: helperText, labelClassName: labelClassName, size: size }),
         React.createElement("div", { className: styles.textAreaContainer },
             React.createElement("div", { className: styles.textAreaWrapper },
-                React.createElement("textarea", { "aria-invalid": !!error, "aria-required": required, "aria-errormessage": error && errorId(id), id: id, className: cn({
+                React.createElement("textarea", { ref: textareaRef, "aria-invalid": !!error, "aria-required": required, "aria-errormessage": error && errorId(id), id: id, className: cn({
                         [styles.notResizable]: !resizable,
                     }, textareaClassName), placeholder: placeholder, name: name, onBlur: onBlur, onChange: onChange, required: required, value: value !== null && value !== void 0 ? value : '', disabled: disabled, ...htmlAttrs }),
-                React.createElement("div", { className: styles.borderOverlay }),
-                helperText && resizeListener)),
-        React.createElement(Error, { truncated: true, error: error, className: cn(styles.errorContainer, errorClassName), inputId: id })));
+                React.createElement("div", { className: styles.borderOverlay }))),
+        React.createElement(Error, { "data-test": `${dataTest}-error`, truncated: true, error: error, className: cn(styles.errorContainer, errorClassName), inputId: id })));
 };
 //# sourceMappingURL=TextArea.js.map

package/lib/components/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,MAAM,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAsB3C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,WAAW,EAAE,QAAQ,GAAG,UAAU,EAClC,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IACT,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAErD,MAAM,SAAS,GAAG,MAAM,EAAa,CAAA;IACrC,cAAc,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,EAAE;;QACvC,MAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,WAAW,kDAAI,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,0CACa,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK;YACxB,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK;SACrC,EACD,SAAS,CACV;QAED,oBAAC,WAAW,iBAAY,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,GAAI;QAC9H,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB;YACtC,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe;gBACpC,kCACE,GAAG,EAAE,WAAW,kBACF,CAAC,CAAC,KAAK,mBACN,QAAQ,uBACJ,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC,EACvC,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CACX;wBACE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;qBAClC,EACD,iBAAiB,CAClB,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,KACd,SAAS,GACb;gBACF,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,GAAI,CACpC,CACF;QACN,oBAAC,KAAK,iBAAY,GAAG,QAAQ,QAAQ,EAAE,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAI,CAChI,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,5 +1,5 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
+@use '../../styles/constants' as c;
+@use '../../styles/helpers' as h;
 
 // Why is it so complex? Why do we need .borderOverlay?
 // Ideally, we would have used native `border` for every style: hover, error, focus.

package/lib/{TextAreaFormik.d.ts → components/TextAreaFormik.d.ts}

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { FieldValidator } from 'formik';
 import { TextAreaExtraProps } from './TextArea';
-import { ExtractKeysOfValueType } from './utils/types';
+import { ExtractKeysOfValueType } from '../utils/types';
 export type TextAreaFormikProps<V extends object> = TextAreaExtraProps & {
     name: ExtractKeysOfValueType<V, string | undefined>;
     validate?: FieldValidator;

package/lib/components/TextAreaFormik.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaFormik.js","sourceRoot":"","sources":["../../src/components/TextAreaFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAkB,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AAQzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,EAAgB,EAAE;IACrH,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAqB;QACjD,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,OACH,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAChF,CACH,CAAA;AACH,CAAC,CAAA"}

package/lib/{TextField.d.ts → components/TextField.d.ts}

@@ -1,5 +1,5 @@
 import React, { ChangeEvent, FocusEvent, InputHTMLAttributes, KeyboardEvent, ReactElement, MouseEvent, Ref } from 'react';
-import { DataTestProp } from '@hazelcast/helpers';
+import { DataTestProp } from '../../src';
 import { Icon as IconType } from 'react-feather';
 import { FieldHeaderProps } from './FieldHeader';
 import { IconSize } from './Icon';
@@ -16,6 +16,7 @@ type TextFieldTrailingIcon = {
 export type TextFieldTypes = 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | undefined;
 type TextFieldCoreProps<T extends TextFieldTypes> = {
     name: string;
+    containerRef?: Ref<HTMLDivElement>;
     value?: T extends 'number' ? number : string;
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
@@ -35,7 +36,7 @@ export type TextFieldExtraProps<T extends TextFieldTypes> = {
     errorClassName?: string;
     inputContainerChild?: ReactElement;
     inputIcon?: IconType;
-    onKeyPress?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
     type?: T;
     readOnly?: boolean;
     clearable?: boolean;
@@ -44,6 +45,6 @@ export type TextFieldExtraProps<T extends TextFieldTypes> = {
 } & DataTestProp & Pick<InputHTMLAttributes<HTMLInputElement>, 'id' | 'autoFocus' | 'disabled' | 'autoComplete' | 'required' | 'placeholder'> & TextFieldTrailingIcon & Omit<FieldHeaderProps, 'id'>;
 export type TextFieldProps<T extends TextFieldTypes> = TextFieldCoreProps<T> & TextFieldExtraProps<T>;
 export declare const TextField: <T extends TextFieldTypes>({ mRef, ...props }: TextFieldProps<T> & {
-    mRef?: React.Ref<HTMLInputElement> | undefined;
-}) => JSX.Element;
+    mRef?: Ref<HTMLInputElement>;
+}) => React.JSX.Element;
 export {};