@hazelcast/ui 1.1.1 → 1.3.1-next.0

package/lib/Table/Row.js

@@ -11,15 +11,10 @@ export const Row = ({ children, className, style, role, ariaRowIndex, onClick })
     }, [onClick]);
     return (React.createElement("div", { "data-test": "table-cell-row", className: cn(styles.row, {
             [styles.clickable]: !!onClick,
-        }, className), "aria-rowindex": ariaRowIndex, role: role, tabIndex: onClick ? 0 : undefined, onKeyPress: onClick ? onKeyPress : undefined, onClick: onClick
-            ? () => {
-                onClick();
-            }
-            : undefined },
-        React.createElement("div", { style: style }, children)));
+        }, className), style: style, "aria-rowindex": ariaRowIndex, role: role, tabIndex: onClick ? 0 : undefined, onKeyPress: onClick ? onKeyPress : undefined, onClick: onClick }, children));
 };
 // eslint-disable-next-line jsx-a11y/anchor-has-content
-const DefaultAnchor = (props) => React.createElement("a", Object.assign({}, props));
+const DefaultAnchor = (props) => React.createElement("a", { ...props });
 export const LinkRow = ({ children, className, style, role, ariaRowIndex, href, AnchorComponent = DefaultAnchor }) => (React.createElement("div", { "data-test": "table-cell-row", className: cn(styles.linkRow, className), role: role, "aria-rowindex": ariaRowIndex },
     React.createElement(AnchorComponent, { className: styles.link, style: style, href: href }, children)));
 export const HeaderRow = ({ children, className, style, role, ariaRowIndex }) => (React.createElement("div", { "data-test": "table-header-row", className: cn(styles.headerRow, className), style: style, role: role, "aria-rowindex": ariaRowIndex }, children));

package/lib/Table/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/Table/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAuC,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAO9C,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/F,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAoC,EAAE,EAAE;QACvC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,OAAO,EAAE;YACzC,OAAO,EAAE,CAAA;SACV;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,CACL,0CACY,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,GAAG,EACV;YACE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO;SAC9B,EACD,SAAS,CACV,mBACc,YAAY,EAC3B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EACL,OAAO;YACL,CAAC,CAAC,GAAG,EAAE;gBACH,OAAO,EAAE,CAAA;YACX,CAAC;YACH,CAAC,CAAC,SAAS;QAGf,6BAAK,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAO,CAC/B,CACP,CAAA;AACH,CAAC,CAAA;AAED,uDAAuD;AACvD,MAAM,aAAa,GAAgD,CAAC,KAAK,EAAE,EAAE,CAAC,2CAAO,KAAK,EAAI,CAAA;AAE9F,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,GAAG,aAAa,EAAE,EAAE,EAAE,CAAC,CACtI,0CAAe,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,mBAAiB,YAAY;IAC/G,oBAAC,eAAe,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,IAC9D,QAAQ,CACO,CACd,CACP,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACnG,0CAAe,kBAAkB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,mBAAiB,YAAY,IAChI,QAAQ,CACL,CACP,CAAA"}
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/Table/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAuC,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAO9C,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/F,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAoC,EAAE,EAAE;QACvC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,OAAO,EAAE;YACzC,OAAO,EAAE,CAAA;SACV;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,CACL,0CACY,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,GAAG,EACV;YACE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO;SAC9B,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,mBACG,YAAY,EAC3B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,OAAO,IAEf,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,uDAAuD;AACvD,MAAM,aAAa,GAAgD,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAO,KAAK,GAAI,CAAA;AAE9F,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,GAAG,aAAa,EAAE,EAAE,EAAE,CAAC,CACtI,0CAAe,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,mBAAiB,YAAY;IAC/G,oBAAC,eAAe,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,IAC9D,QAAQ,CACO,CACd,CACP,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACnG,0CAAe,kBAAkB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,mBAAiB,YAAY,IAChI,QAAQ,CACL,CACP,CAAA"}

package/lib/Table/Row.module.scss

@@ -2,20 +2,13 @@
 @use '../../styles/helpers' as h;
 
 @mixin rowBase {
-  border-bottom: c.$borderWidth solid c.$colorNeutralWhite;
-
-  > *:not(:last-child) {
-    border-right: c.$borderWidth solid c.$colorNeutralWhite;
-  }
+  background-color: c.$colorNeutralLighter;
+  margin-bottom: c.$grid * 1.25;
 }
 
 .row {
   @include rowBase;
 
-  &:hover {
-    background-color: c.$colorNeutralLighter;
-  }
-
   &.clickable {
     cursor: pointer;
 
@@ -41,6 +34,7 @@
 
   .link {
     text-decoration: none;
+    background-color: inherit;
 
     &:focus {
       @include h.outlineSimple;
@@ -58,5 +52,5 @@
 }
 
 .headerRow {
-  @include rowBase;
+  margin-bottom: c.$grid * 1.25;
 }

package/lib/Table/Table.d.ts

@@ -1,8 +1,10 @@
 import { DataTestProp } from '@hazelcast/helpers';
-import { AnchorHTMLAttributes, FC, ReactElement, ReactNode } from 'react';
+import { AnchorHTMLAttributes, FC, ReactChild, ReactElement } from 'react';
 import { TableOptions, Row as RowType, Cell as CellType, Column as ColumnType } from 'react-table';
 import { PaginationProps } from '../Pagination';
 import { CellProps } from './Cell';
+import { RowProps } from './Row';
+export type { Accessor, Column, Cell, Renderer, Row, CellProps, HeaderGroup, TableInstance } from 'react-table';
 declare module 'react-table' {
     interface TableOptions<D extends object = {}> extends UsePaginationOptions<D>, UseSortByOptions<D>, UseFiltersOptions<D>, UseRowSelectOptions<D>, UseGroupByOptions<D>, UseResizeColumnsOptions<D>, Record<string, any> {
     }
@@ -48,7 +50,7 @@ declare type CustomTableRowClickProps<D extends object> = {
     getHref?: never;
     AnchorComponent?: never;
 } | {
-    getHref?: (rowInfo: RowType<D>) => string;
+    getHref?: (rowInfo: RowType<D>) => string | undefined;
     onRowClick?: never;
     AnchorComponent?: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
 };
@@ -61,9 +63,13 @@ declare type CustomTableProps<D extends object> = {
     paginationClassName?: string;
     footerClassName?: string;
     contentClassName?: string;
-    noDataTitle?: string | ReactNode;
+    noDataTitle?: ReactChild;
+    getCustomRowProps?: (rowInfo: RowType<D>) => RowProps;
     getCustomCellProps?: (cellInfo: CellType<D>) => CellProps;
     onRenderedContentChange?: (newPage: RowType<D>[]) => void;
+    autoResetGlobalFilter?: boolean;
+    pageIndex?: number;
+    onPageChange?: (newPage: number) => void;
 } & CustomTableRowClickProps<D> & DataTestProp;
 export declare type TableProps<D extends object> = TableOptions<D> & ExtendedPaginationProps & ControlledPaginationProps & CustomTableProps<D>;
 export type { ColumnType, RowType, CellType };
@@ -77,4 +83,4 @@ export type { ColumnType, RowType, CellType };
  * - Rows can be clickable. If you supply Table with `getHref` function rows will become <a> tags!
  * - Is able to resize columns out of the box
  */
-export declare const Table: <D extends object>({ "data-test": dataTest, autoResetSortBy, columns, data, defaultColumn, disableSortBy, onPaginationChange, manualPagination, onRenderedContentChange, autoResetPage, hidePagination, pageCount: controlledPageCount, defaultPageSize, paginationOptions, onRowClick, getHref, AnchorComponent, getCustomCellProps, loading, noDataTitle, initialState, className, headerClassName, contentClassName, footerClassName, searchValue, hideHeader, }: TableProps<D>) => ReactElement;
+export declare const Table: <D extends object>({ "data-test": dataTest, autoResetSortBy, columns, data, defaultColumn, disableSortBy, onPaginationChange, manualPagination, onRenderedContentChange, autoResetPage, hidePagination, pageCount: controlledPageCount, defaultPageSize, paginationOptions, onRowClick, getHref, AnchorComponent, getCustomRowProps, getCustomCellProps, loading, noDataTitle, pageIndex: incomingPageIndex, initialState, className, headerClassName, contentClassName, footerClassName, searchValue, hideHeader, autoResetGlobalFilter, onPageChange, }: TableProps<D>) => ReactElement;

package/lib/Table/Table.js

@@ -1,19 +1,22 @@
 import React, { useEffect } from 'react';
 import cn from 'classnames';
 import { useTable, usePagination, useSortBy, useAsyncDebounce, useResizeColumns, useFlexLayout, useGlobalFilter, } from 'react-table';
+import { AlertTriangle } from 'react-feather';
 import { Pagination } from '../Pagination';
 import { Cell } from './Cell';
 import { EnhancedCellRenderer, EnhancedHeaderFooterRenderer } from './EnhancedRenderers';
 import { Header } from './Header';
 import { HeaderRow, LinkRow, Row } from './Row';
+import { Loader } from '../Loader';
+import { EmptyState } from '../EmptyState';
+import { usePrevious } from '../hooks/usePrevious';
 import styles from './Table.module.scss';
 import styleConsts from '../../styles/constants/export.module.scss';
-import { Loader } from '../Loader';
 const column = {
     // When using the useFlexLayout:
     minWidth: Number(styleConsts.tableColumnMinWidth),
     width: Number(styleConsts.tableColumnWidth),
-    maxWidth: Number(styleConsts.tableColumnMaxWidth),
+    maxWidth: Number(styleConsts.tableColumnMaxWidth), // maxWidth is only used as a limit for resizing
 };
 /**
  * ### Purpose
@@ -26,8 +29,9 @@ const column = {
  * - Is able to resize columns out of the box
  */
 // Inspiration here: https://react-table.tanstack.com/docs/examples/basic
-export const Table = ({ 'data-test': dataTest, autoResetSortBy = false, columns, data, defaultColumn = column, disableSortBy, onPaginationChange, manualPagination, onRenderedContentChange, autoResetPage = false, hidePagination = false, pageCount: controlledPageCount, defaultPageSize = 10, paginationOptions, onRowClick, getHref, AnchorComponent, getCustomCellProps, loading, noDataTitle = 'No data available in table', initialState = { pageIndex: 0, pageSize: defaultPageSize }, className = '', headerClassName = '', contentClassName = '', footerClassName = '', searchValue, hideHeader, }) => {
+export const Table = ({ 'data-test': dataTest, autoResetSortBy = false, columns, data, defaultColumn = column, disableSortBy, onPaginationChange, manualPagination, onRenderedContentChange, autoResetPage = false, hidePagination = false, pageCount: controlledPageCount, defaultPageSize = 10, paginationOptions, onRowClick, getHref, AnchorComponent, getCustomRowProps, getCustomCellProps, loading, noDataTitle = 'The table is empty', pageIndex: incomingPageIndex, initialState = { pageIndex: incomingPageIndex || 0, pageSize: defaultPageSize }, className = '', headerClassName = '', contentClassName = '', footerClassName = '', searchValue, hideHeader, autoResetGlobalFilter = false, onPageChange, }) => {
     var _a;
+    const previousIncomingPageIndex = usePrevious(incomingPageIndex);
     const { getTableProps, headerGroups, footerGroups, prepareRow, page, canPreviousPage, canNextPage, pageCount, gotoPage, nextPage, previousPage, setPageSize, 
     // Get the state from the instance
     state: { pageIndex, pageSize, columnResizing }, setGlobalFilter, } = useTable({
@@ -45,6 +49,7 @@ export const Table = ({ 'data-test': dataTest, autoResetSortBy = false, columns,
         pageCount: controlledPageCount,
         autoResetPage,
         defaultColumn,
+        autoResetGlobalFilter,
     }, useGlobalFilter, useSortBy, usePagination, useFlexLayout, useResizeColumns);
     // Debounce our `fetchData` call for 200ms.
     // We can use non-null assertion here since we're checking existence of `fetchData` in the `useEffect` below
@@ -73,6 +78,16 @@ export const Table = ({ 'data-test': dataTest, autoResetSortBy = false, columns,
             setGlobalFilter(searchValue);
         }
     }, [searchValue, setGlobalFilter]);
+    useEffect(() => {
+        if (pageCount < pageIndex + 1) {
+            gotoPage(pageCount - 1);
+        }
+    }, [pageIndex, pageCount, gotoPage]);
+    useEffect(() => {
+        if (incomingPageIndex !== undefined && incomingPageIndex !== previousIncomingPageIndex) {
+            gotoPage(incomingPageIndex);
+        }
+    }, [gotoPage, incomingPageIndex, previousIncomingPageIndex]);
     const hasData = data.length > 0;
     // If at least one of the columns has footer then we display the footer row
     const hasFooter = !loading && hasData && columns.some((col) => !!col.Footer);
@@ -84,51 +99,76 @@ export const Table = ({ 'data-test': dataTest, autoResetSortBy = false, columns,
     const rowCount = data.length + headerIndex + (hasFooter ? 1 : 0);
     return (React.createElement("div", { "data-test": dataTest !== null && dataTest !== void 0 ? dataTest : 'table-wrapper', className: className },
         React.createElement("div", { className: cn(styles.container, {
-                [styles.margin]: !hidePagination,
+                [styles.spaceBottom]: !hidePagination,
             }) },
-            React.createElement("div", Object.assign({ "data-test": "table" }, getTableProps(), { className: styles.table, "aria-rowcount": rowCount }),
+            React.createElement("div", { "data-test": "table", ...getTableProps(), "aria-rowcount": rowCount },
                 !hideHeader && (React.createElement("div", { "data-test": "table-header-row-group", role: "rowgroup", className: headerClassName }, headerGroups.map((headerGroup) => {
                     const { key: headerGroupKey, ...restHeaderGroupProps } = headerGroup.getHeaderGroupProps();
-                    return (React.createElement(HeaderRow, Object.assign({ key: headerGroupKey }, restHeaderGroupProps, { ariaRowIndex: headerIndex }), headerGroup.headers.map((column, i) => {
+                    return (React.createElement(HeaderRow, { key: headerGroupKey, ...restHeaderGroupProps, ariaRowIndex: headerIndex }, headerGroup.headers.map((column, i) => {
                         const { key: columnKey, ...restHeaderProps } = column.getHeaderProps(column.getSortByToggleProps());
-                        return (React.createElement(Header, Object.assign({ key: columnKey, align: column.align, canSort: column.canSort, isSorted: column.isSorted, isSortedDesc: column.isSortedDesc, isLastHeader: headerGroup.headers.length === i + 1, canResize: column.canResize, isResizing: column.isResizing, getResizerProps: column.getResizerProps }, restHeaderProps),
+                        return (React.createElement(Header, { key: columnKey, align: column.align, canSort: column.canSort, isSorted: column.isSorted, isSortedDesc: column.isSortedDesc, isLastHeader: headerGroup.headers.length === i + 1, canResize: column.canResize, isResizing: column.isResizing, getResizerProps: column.getResizerProps, ...restHeaderProps },
                             React.createElement(EnhancedHeaderFooterRenderer, { column: column, columnResizing: columnResizing, type: "Header" })));
                     })));
                 }))),
-                React.createElement("div", { "data-test": "table-cell-row-group", role: "rowgroup", className: contentClassName }, loading ? (React.createElement(Row, { role: "row" },
+                loading ? (React.createElement(Row, { role: "row" },
                     React.createElement(Cell, { role: "cell", align: "center", colSpan: columns.length, "data-test": "table-loader-cell" },
-                        React.createElement(Loader, null)))) : (React.createElement(React.Fragment, null,
-                    page.map((row) => {
-                        prepareRow(row);
-                        const { key: rowKey, ...restRowProps } = row.getRowProps();
-                        const cells = row.cells.map((cell, i) => {
-                            const { key: cellKey, ...restCellProps } = cell.getCellProps();
-                            const customCellProps = getCustomCellProps ? getCustomCellProps(cell) : {};
-                            // We don't want to use cell.column.Cell as that is a ColumnInstance which already has a cell renderer
-                            const column = columns[i];
-                            return (React.createElement(Cell, Object.assign({ key: cellKey, align: cell.column.align }, restCellProps, customCellProps),
-                                React.createElement(EnhancedCellRenderer, { cell: cell, hasCellRenderer: !!column.Cell, columnResizing: columnResizing })));
-                        });
-                        return getHref ? (React.createElement(LinkRow, Object.assign({ key: rowKey, AnchorComponent: AnchorComponent }, restRowProps, { ariaRowIndex: row.index + 1 + cellIndexOffset, href: getHref(row) }), cells)) : (React.createElement(Row, Object.assign({ key: rowKey }, restRowProps, { ariaRowIndex: row.index + 1 + cellIndexOffset, onClick: onRowClick
-                                ? () => {
-                                    onRowClick(row);
-                                }
-                                : undefined }), cells));
-                    }),
-                    !hasData && (React.createElement(Row, { role: "row" },
-                        React.createElement(Cell, { role: "cell", align: "center", colSpan: columns.length, "data-test": "table-noData-cell" }, noDataTitle)))))),
+                        React.createElement(Loader, null)))) : hasData ? (React.createElement("div", { "data-test": "table-cell-row-group", role: "rowgroup", className: contentClassName }, page.map((row) => {
+                    prepareRow(row);
+                    const { key: rowKey, ...restRowProps } = row.getRowProps(getCustomRowProps === null || getCustomRowProps === void 0 ? void 0 : getCustomRowProps(row));
+                    const cells = row.cells.map((cell, i) => {
+                        const { key: cellKey, ...restCellProps } = cell.getCellProps(getCustomCellProps === null || getCustomCellProps === void 0 ? void 0 : getCustomCellProps(cell));
+                        // We don't want to use cell.column.Cell as that is a ColumnInstance which already has a cell renderer
+                        const column = columns[i];
+                        return (React.createElement(Cell, { key: cellKey, align: cell.column.align, ...restCellProps },
+                            React.createElement(EnhancedCellRenderer, { cell: cell, hasCellRenderer: !!column.Cell, columnResizing: columnResizing })));
+                    });
+                    if (getHref) {
+                        const href = getHref(row);
+                        if (href) {
+                            return (React.createElement(LinkRow, { key: rowKey, AnchorComponent: AnchorComponent, ...restRowProps, ariaRowIndex: row.index + 1 + cellIndexOffset, href: href }, cells));
+                        }
+                    }
+                    return (React.createElement(Row, { key: rowKey, ...restRowProps, ariaRowIndex: row.index + 1 + cellIndexOffset, onClick: onRowClick
+                            ? () => {
+                                onRowClick(row);
+                            }
+                            : undefined }, cells));
+                }))) : (React.createElement("div", { role: "row" },
+                    React.createElement("div", { role: "cell" },
+                        React.createElement(EmptyState, { "data-test": "table-no-data", className: styles.empty, title: noDataTitle, icon: AlertTriangle, iconLabel: "Alert" })))),
                 hasFooter && (React.createElement("div", { "data-test": "table-footer-row-group", role: "rowgroup", className: footerClassName }, footerGroups.map((group) => {
                     const { key: footerGroupKey, ...restFooterGroupProps } = group.getFooterGroupProps();
                     return (
                     // Footer props getters do not provide role attributes
-                    React.createElement(Row, Object.assign({ key: footerGroupKey, ariaRowIndex: rowCount }, restFooterGroupProps, { role: "row" }), group.headers.map((column) => {
+                    React.createElement(Row, { key: footerGroupKey, ariaRowIndex: rowCount, ...restFooterGroupProps, role: "row" }, group.headers.map((column) => {
                         const { key: footerKey, ...restFooterProps } = column.getFooterProps();
                         return (
                         // Footer props getters do not provide role attributes
-                        React.createElement(Cell, Object.assign({ key: footerKey }, restFooterProps, { align: column.align, role: "cell" }),
+                        React.createElement(Cell, { key: footerKey, ...restFooterProps, align: column.align, role: "cell" },
                             React.createElement(EnhancedHeaderFooterRenderer, { column: column, columnResizing: columnResizing, type: "Footer" })));
                     })));
                 }))))),
-        !hidePagination && hasData && (React.createElement(Pagination, { pageCount: pageCount, currentPage: pageIndex + 1, canPreviousPage: canPreviousPage, canNextPage: canNextPage, goToPage: (p) => gotoPage(p - 1), nextPage: nextPage, previousPage: previousPage, pageSize: pageSize, setPageSize: setPageSize, numberOfItems: data.length, pageSizeOptions: (_a = paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.pageSizeOptions) !== null && _a !== void 0 ? _a : [5, 10, 20] }))));
+        !hidePagination && hasData && (React.createElement(Pagination, { pageCount: pageCount, currentPage: pageIndex + 1, canPreviousPage: canPreviousPage, canNextPage: canNextPage, goToPage: (p) => {
+                if (onPageChange) {
+                    onPageChange(p - 1);
+                }
+                else {
+                    gotoPage(p - 1);
+                }
+            }, nextPage: () => {
+                if (onPageChange) {
+                    onPageChange(pageIndex + 1);
+                }
+                else {
+                    nextPage();
+                }
+            }, previousPage: () => {
+                if (onPageChange) {
+                    onPageChange(pageIndex - 1);
+                }
+                else {
+                    previousPage();
+                }
+            }, pageSize: pageSize, setPageSize: setPageSize, numberOfItems: data.length, pageSizeOptions: (_a = paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.pageSizeOptions) !== null && _a !== void 0 ? _a : [5, 10, 20] }))));
 };
 //# sourceMappingURL=Table.js.map

package/lib/Table/Table.js.map

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

package/lib/Table/Table.module.scss

@@ -1,14 +1,14 @@
 @use '../../styles/constants' as c;
 
 .container {
-  display: flex;
+  display: block;
   overflow-x: auto;
 
-  &.margin {
-    margin-bottom: c.$grid * 3;
+  &.spaceBottom {
+    margin-bottom: c.$grid * 2;
   }
 
-  .table {
-    flex-grow: 1;
+  .empty {
+    margin-top: c.$grid * 8;
   }
 }

package/lib/Tabs/Tab.d.ts

@@ -1,4 +1,5 @@
 import { FC, MouseEvent, KeyboardEvent } from 'react';
+import { IconProps } from '../Icon';
 export declare type AnchorTabProps = {
     component: 'a';
     href: string;
@@ -8,12 +9,19 @@ export declare type ButtonTabProps = {
     href?: never;
 };
 declare type TabTypeProps = AnchorTabProps | ButtonTabProps;
+declare type TabIconProps = {
+    icon: IconProps['icon'];
+    iconAriaLabel: string;
+} | {
+    icon?: never;
+    iconAriaLabel?: never;
+};
 export declare type TabCommonProps = {
     label: string;
     value: number;
     onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement> | KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
 };
-export declare type TabProps<T = TabTypeProps> = TabCommonProps & T;
+export declare type TabProps<T = TabTypeProps> = TabCommonProps & T & TabIconProps;
 /**
  * ### Purpose
  * A single tab implementation that works together with TabContext and TabList components.

package/lib/Tabs/Tab.js

@@ -1,5 +1,6 @@
 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 styles from './Tab.module.scss';
@@ -14,7 +15,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', label, value, href, onClick }) => {
+export const Tab = ({ component: Component = 'button', label, value, href, onClick, icon, iconAriaLabel }) => {
     const { onChange, value: activeValue, idPrefix, fullWidth } = useTabContext();
     const selected = value === activeValue;
     const handleClick = useCallback((event) => {
@@ -34,6 +35,8 @@ export const Tab = ({ component: Component = 'button', label, value, href, onCli
             handleClick(event);
         }
     }, [handleClick]);
-    return (React.createElement(Component, { className: cn(styles.tab, { [styles.selected]: selected, [styles.fullWidth]: fullWidth }), role: "tab", id: getTabId(idPrefix, value.toString()), "aria-controls": getPanelId(idPrefix, value.toString()), "aria-selected": selected, tabIndex: selected ? 0 : -1, onKeyPress: onKeyPress, onClick: handleClick, href: selected ? undefined : href }, label));
+    return (React.createElement(Component, { className: cn(styles.tab, { [styles.selected]: selected, [styles.fullWidth]: fullWidth }), role: "tab", id: getTabId(idPrefix, value.toString()), "aria-controls": getPanelId(idPrefix, value.toString()), "aria-selected": selected, tabIndex: selected ? 0 : -1, onKeyPress: onKeyPress, onClick: handleClick, href: selected ? undefined : href },
+        icon && iconAriaLabel && React.createElement(Icon, { icon: icon, ariaLabel: iconAriaLabel, className: styles.icon }),
+        label));
 };
 //# sourceMappingURL=Tab.js.map

package/lib/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAA6B,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAsBtC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACpG,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;YACZ,OAAM;SACP;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAA;SACf;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;YACvC,WAAW,CAAC,KAAK,CAAC,CAAA;SACnB;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,CAAC,EACzF,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,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAEhC,KAAK,CACI,CACb,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAA6B,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AA+BtC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE;IACzH,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;YACZ,OAAM;SACP;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAA;SACf;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;YACvC,WAAW,CAAC,KAAK,CAAC,CAAA;SACnB;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,CAAC,EACzF,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,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QAEhC,IAAI,IAAI,aAAa,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;QAC/F,KAAK,CACI,CACb,CAAA;AACH,CAAC,CAAA"}

package/lib/Tabs/Tab.module.scss

@@ -17,13 +17,17 @@
   color: c.$colorText;
   background-color: transparent;
   cursor: pointer;
+
   // for <a> element
   text-decoration: none;
 
   @include c.typographyH3;
-
   @include h.overflowEllipsis;
 
+  .icon {
+    margin-right: c.$grid * 2;
+  }
+
   &.selected {
     color: c.$colorPrimary;
     border-radius: none;

package/lib/Tabs/TabList.js

@@ -28,7 +28,8 @@ export const TabList = ({ ariaLabel, className, children }) => {
             // - Moves focus to the previous tab.
             // - If focus is on the first tab, moves focus to the last tab.
             case previousItemKey:
-                newFocusTarget = (_c = (_a = target.previousElementSibling) !== null && _a !== void 0 ? _a : (_b = tabListRef.current) === null || _b === void 0 ? void 0 : _b.lastChild) !== null && _c !== void 0 ? _c : null;
+                newFocusTarget =
+                    (_c = (_a = target.previousElementSibling) !== null && _a !== void 0 ? _a : (_b = tabListRef.current) === null || _b === void 0 ? void 0 : _b.lastChild) !== null && _c !== void 0 ? _c : null;
                 break;
             // When a tab has focus:
             // - Moves focus to the next tab.

package/lib/Tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../src/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;YAClB,OAAO,CAAC,IAAI,CAAC,wGAAwG,CAAC,CAAA;YACtH,OAAM;SACP;QAED,IAAI,cAAc,GAA6B,IAAI,CAAA;QACnD,MAAM,eAAe,GAAG,WAAW,CAAA;QACnC,MAAM,WAAW,GAAG,YAAY,CAAA;QAEhC,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,wBAAwB;YACxB,qCAAqC;YACrC,+DAA+D;YAC/D,KAAK,eAAe;gBAClB,cAAc,eACX,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,eAAI,MAAM,CAAC,kBAAwC,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAClI,MAAK;YACP,sDAAsD;YACtD,KAAK,MAAM;gBACT,cAAc,SAAI,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAC9E,MAAK;YACP,qDAAqD;YACrD,KAAK,KAAK;gBACR,cAAc,SAAI,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBAC7E,MAAK;YACP;gBACE,MAAK;SACR;QAED,IAAI,cAAc,KAAK,IAAI,EAAE;YAC3B,cAAc,CAAC,KAAK,EAAE,CAAA;YACtB,KAAK,CAAC,cAAc,EAAE,CAAA;SACvB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;IACL,+DAA+D;IAC/D,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"}
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../src/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;YAClB,OAAO,CAAC,IAAI,CAAC,wGAAwG,CAAC,CAAA;YACtH,OAAM;SACP;QAED,IAAI,cAAc,GAA6B,IAAI,CAAA;QACnD,MAAM,eAAe,GAAG,WAAW,CAAA;QACnC,MAAM,WAAW,GAAG,YAAY,CAAA;QAEhC,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,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;SACR;QAED,IAAI,cAAc,KAAK,IAAI,EAAE;YAC3B,cAAc,CAAC,KAAK,EAAE,CAAA;YACtB,KAAK,CAAC,cAAc,EAAE,CAAA;SACvB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;IACL,+DAA+D;IAC/D,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/index.d.ts

@@ -1,4 +1,4 @@
-export * from './TabContext';
-export * from './TabList';
-export * from './Tab';
-export * from './TabPanel';
+export { TabContext, TabContextProvider, TabContextProviderControlled, getPanelId, getTabId, useTabContext, tabContextDefaultValue, } from './TabContext';
+export { TabList } from './TabList';
+export { Tab } from './Tab';
+export { TabPanel } from './TabPanel';

package/lib/Tabs/index.js

@@ -1,5 +1,5 @@
-export * from './TabContext';
-export * from './TabList';
-export * from './Tab';
-export * from './TabPanel';
+export { TabContext, TabContextProvider, TabContextProviderControlled, getPanelId, getTabId, useTabContext, tabContextDefaultValue, } from './TabContext';
+export { TabList } from './TabList';
+export { Tab } from './Tab';
+export { TabPanel } from './TabPanel';
 //# sourceMappingURL=index.js.map

package/lib/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/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.js

@@ -45,9 +45,9 @@ export const Terminal = memo(({ 'data-test': dataTest, onExecute, commandTimeout
             addExecutionHistoryItem({ command: inputVal, res, prompt });
         }
         catch (err) {
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            const errorTyped = err;
-            addExecutionHistoryItem({ command: inputVal, error: errorTyped.message, prompt });
+            if (err instanceof Error) {
+                addExecutionHistoryItem({ command: inputVal, error: err.message, prompt });
+            }
         }
         finally {
             setExecuting(false);

package/lib/Terminal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Terminal.js","sourceRoot":"","sources":["../src/Terminal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAwB,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzF,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,OAAO,mBAAoB,SAAQ,KAAK;IAA9C;;QACE,SAAI,GAAG,qBAAqB,CAAA;IAC9B,CAAC;CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;AACzB,MAAM,eAAe,GAAG,KAAK,CAAA;AAuB7B,MAAM,CAAC,MAAM,QAAQ,GAAsB,IAAI,CAC7C,CAAC,EACC,WAAW,EAAE,QAAQ,EACrB,SAAS,EACT,cAAc,GAAG,eAAe,EAChC,YAAY,GAAG,aAAa,EAC5B,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,EACN,uBAAuB,GAAG,EAAE,EAC5B,cAAc,GAAG,EAAE,EACnB,cAAc,GAAG,KAAK,EACtB,gBAAgB,GAAG,IAAI,GACxB,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IAExD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAC5F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA0B,uBAAuB,CAAC,CAAA;IAE1G,MAAM,uBAAuB,GAAG,CAAC,cAAqC,EAAE,EAAE;QACxE,mBAAmB,CAAC,CAAC,WAAW,EAAE,EAAE;YAClC,MAAM,UAAU,GAAG,CAAC,GAAG,WAAW,EAAE,cAAc,CAAC,CAAA;YAEnD,IAAI,UAAU,CAAC,MAAM,GAAG,YAAY,EAAE;gBACpC,UAAU,CAAC,KAAK,EAAE,CAAA;aACnB;YAED,OAAO,UAAU,CAAA;QACnB,CAAC,CAAC,CAAA;QACF,0BAA0B,CAAC,SAAS,CAAC,CAAA;IACvC,CAAC,CAAA;IAED,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IAE1D,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE/C,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAEpE,IAAI,KAAsB,CAAA;QAE1B,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAA;YAElB,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,IAAI,CAAW;gBACvC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACnD,oFAAoF;gBACpF,IAAI,OAAO,CAAW,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;oBAClC,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;wBACtB,MAAM,CAAC,IAAI,mBAAmB,CAAC,GAAG,QAAQ,qBAAqB,cAAc,EAAE,CAAC,CAAC,CAAA;oBACnF,CAAC,EAAE,cAAc,CAAC,CAAA;gBACpB,CAAC,CAAC;aACH,CAAC,CAAA;YAEF,uBAAuB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAA;SAC5D;QAAC,OAAO,GAAG,EAAE;YACZ,mEAAmE;YACnE,MAAM,UAAU,GAAU,GAAG,CAAA;YAC7B,uBAAuB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,CAAA;SAClF;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,WAAW,CAAC,EAAE,CAAC,CAAA;YACf,oEAAoE;YACpE,QAAQ,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAA;SAC1B;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,SAA6B,EAAE,EAAE;;QACxD,IAAI,kBAAsC,CAAA;QAE1C,IAAI,SAAS,KAAK,MAAM,EAAE;YACxB,kBAAkB,GAAG,uBAAuB,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAA;SACvH;aAAM;YACL,kBAAkB,GAAG,uBAAuB,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;SAC7F;QAED,MAAM,eAAe,GAAG,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAE3G,IAAI,CAAC,eAAe,EAAE;YACpB,kBAAkB,GAAG,SAAS,CAAA;SAC/B;QAED,0BAA0B,CAAC,kBAAkB,CAAC,CAAA;QAE9C,WAAW,OAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,mCAAI,EAAE,CAAC,CAAA;IAC7C,CAAC,CAAA;IAED,MAAM,OAAO,GAAyB,CAAC,CAAC,EAAE,EAAE;QAC1C,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,OAAO,CAAC,CAAC;gBACZ,KAAK,OAAO,EAAE,CAAA;gBACd,MAAK;aACN;YACD,KAAK,IAAI,CAAC,CAAC,yBAAyB;YACpC,KAAK,SAAS,CAAC,CAAC;gBACd,eAAe,CAAC,MAAM,CAAC,CAAA;gBACvB,MAAK;aACN;YACD,KAAK,MAAM,CAAC,CAAC,yBAAyB;YACtC,KAAK,WAAW,CAAC,CAAC;gBAChB,eAAe,CAAC,SAAS,CAAC,CAAA;gBAC1B,MAAK;aACN;SACF;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,MAAM,EAAE,CAAA;IAE9B,OAAO,CACL,0CAAgB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;QACjE,cAAc,IAAI,2BAAG,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,cAAc,CAAK;QACrE,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO,IACzC,gBAAgB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC;YACd,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;gBACzB,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,WAAW,CAAC,MAAM,CAAQ,CAAC,CAAC,CAAC,IAAI;gBACxF,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,UAAU,QAAC,SAAS,EAAE,MAAM,CAAC,YAAY,GAAI;gBACvE,6CAAkB,oBAAoB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,QAAQ,QAAC,QAAQ,EAAE,CAAC,CAAC,GAAI,CACpG;YACL,WAAW,CAAC,GAAG,IAAI,CAClB,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,IAC9B,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,2BAAG,GAAG,EAAE,CAAC,IAAG,SAAS,CAAK,CAC3B,CAAC,CACE,CACP;YACA,WAAW,CAAC,KAAK,IAAI,2BAAG,SAAS,EAAE,MAAM,CAAC,YAAY,IAAG,WAAW,CAAC,KAAK,CAAK,CACvE,CACZ,CAAC,CACE;QACN,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;gBACzB,MAAM,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAQ,CAAC,CAAC,CAAC,IAAI;gBAChE,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,UAAU,QAAC,SAAS,EAAE,MAAM,CAAC,YAAY,GAAI;gBACvE,+BACE,IAAI,EAAC,MAAM,gBACA,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,OAAO,EAAE,OAAO,sBACE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACvD,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,gBAAgB,EAC3B,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAC5D,CACE;YACL,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;gBAC5B,8BAAM,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,EAAE,EAAE,aAAa,0CAEnD;sBAEH,CACP,CACG,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"Terminal.js","sourceRoot":"","sources":["../src/Terminal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAwB,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzF,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,OAAO,mBAAoB,SAAQ,KAAK;IAA9C;;QACE,SAAI,GAAG,qBAAqB,CAAA;IAC9B,CAAC;CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;AACzB,MAAM,eAAe,GAAG,KAAK,CAAA;AAuB7B,MAAM,CAAC,MAAM,QAAQ,GAAsB,IAAI,CAC7C,CAAC,EACC,WAAW,EAAE,QAAQ,EACrB,SAAS,EACT,cAAc,GAAG,eAAe,EAChC,YAAY,GAAG,aAAa,EAC5B,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,EACN,uBAAuB,GAAG,EAAE,EAC5B,cAAc,GAAG,EAAE,EACnB,cAAc,GAAG,KAAK,EACtB,gBAAgB,GAAG,IAAI,GACxB,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IAExD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAC5F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA0B,uBAAuB,CAAC,CAAA;IAE1G,MAAM,uBAAuB,GAAG,CAAC,cAAqC,EAAE,EAAE;QACxE,mBAAmB,CAAC,CAAC,WAAW,EAAE,EAAE;YAClC,MAAM,UAAU,GAAG,CAAC,GAAG,WAAW,EAAE,cAAc,CAAC,CAAA;YAEnD,IAAI,UAAU,CAAC,MAAM,GAAG,YAAY,EAAE;gBACpC,UAAU,CAAC,KAAK,EAAE,CAAA;aACnB;YAED,OAAO,UAAU,CAAA;QACnB,CAAC,CAAC,CAAA;QACF,0BAA0B,CAAC,SAAS,CAAC,CAAA;IACvC,CAAC,CAAA;IAED,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IAE1D,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE/C,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAEpE,IAAI,KAAsB,CAAA;QAE1B,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAA;YAElB,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,IAAI,CAAW;gBACvC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACnD,oFAAoF;gBACpF,IAAI,OAAO,CAAW,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;oBAClC,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;wBACtB,MAAM,CAAC,IAAI,mBAAmB,CAAC,GAAG,QAAQ,qBAAqB,cAAc,EAAE,CAAC,CAAC,CAAA;oBACnF,CAAC,EAAE,cAAc,CAAC,CAAA;gBACpB,CAAC,CAAC;aACH,CAAC,CAAA;YAEF,uBAAuB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAA;SAC5D;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,GAAG,YAAY,KAAK,EAAE;gBACxB,uBAAuB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,CAAA;aAC3E;SACF;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,WAAW,CAAC,EAAE,CAAC,CAAA;YACf,oEAAoE;YACpE,QAAQ,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAA;SAC1B;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,SAA6B,EAAE,EAAE;;QACxD,IAAI,kBAAsC,CAAA;QAE1C,IAAI,SAAS,KAAK,MAAM,EAAE;YACxB,kBAAkB,GAAG,uBAAuB,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAA;SACvH;aAAM;YACL,kBAAkB,GAAG,uBAAuB,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;SAC7F;QAED,MAAM,eAAe,GAAG,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAE3G,IAAI,CAAC,eAAe,EAAE;YACpB,kBAAkB,GAAG,SAAS,CAAA;SAC/B;QAED,0BAA0B,CAAC,kBAAkB,CAAC,CAAA;QAE9C,WAAW,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,mCAAI,EAAE,CAAC,CAAA;IAC7C,CAAC,CAAA;IAED,MAAM,OAAO,GAAyB,CAAC,CAAC,EAAE,EAAE;QAC1C,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,OAAO,CAAC,CAAC;gBACZ,KAAK,OAAO,EAAE,CAAA;gBACd,MAAK;aACN;YACD,KAAK,IAAI,CAAC,CAAC,yBAAyB;YACpC,KAAK,SAAS,CAAC,CAAC;gBACd,eAAe,CAAC,MAAM,CAAC,CAAA;gBACvB,MAAK;aACN;YACD,KAAK,MAAM,CAAC,CAAC,yBAAyB;YACtC,KAAK,WAAW,CAAC,CAAC;gBAChB,eAAe,CAAC,SAAS,CAAC,CAAA;gBAC1B,MAAK;aACN;SACF;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,MAAM,EAAE,CAAA;IAE9B,OAAO,CACL,0CAAgB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;QACjE,cAAc,IAAI,2BAAG,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,cAAc,CAAK;QACrE,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO,IACzC,gBAAgB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC;YACd,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;gBACzB,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,WAAW,CAAC,MAAM,CAAQ,CAAC,CAAC,CAAC,IAAI;gBACxF,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,UAAU,QAAC,SAAS,EAAE,MAAM,CAAC,YAAY,GAAI;gBACvE,6CAAkB,oBAAoB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,QAAQ,QAAC,QAAQ,EAAE,CAAC,CAAC,GAAI,CACpG;YACL,WAAW,CAAC,GAAG,IAAI,CAClB,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,IAC9B,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,2BAAG,GAAG,EAAE,CAAC,IAAG,SAAS,CAAK,CAC3B,CAAC,CACE,CACP;YACA,WAAW,CAAC,KAAK,IAAI,2BAAG,SAAS,EAAE,MAAM,CAAC,YAAY,IAAG,WAAW,CAAC,KAAK,CAAK,CACvE,CACZ,CAAC,CACE;QACN,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;gBACzB,MAAM,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAQ,CAAC,CAAC,CAAC,IAAI;gBAChE,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,UAAU,QAAC,SAAS,EAAE,MAAM,CAAC,YAAY,GAAI;gBACvE,+BACE,IAAI,EAAC,MAAM,gBACA,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,OAAO,EAAE,OAAO,sBACE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACvD,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,gBAAgB,EAC3B,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAC5D,CACE;YACL,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;gBAC5B,8BAAM,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,EAAE,EAAE,aAAa,0CAEnD;sBAEH,CACP,CACG,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/lib/Terminal.module.scss

@@ -23,6 +23,7 @@
     border: none;
     border-bottom: c.$outlineWidth solid c.$colorNeutral;
     padding: 0;
+
     // Align input bottom line with the icon
     margin-bottom: c.$grid;
     outline: none;

package/lib/TextArea.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, FC, FocusEvent } from 'react';
 import { DataTestProp } from '@hazelcast/helpers';
-import { HelpProps } from './Help';
+import { FieldHeaderProps } from './FieldHeader';
 export declare type TextAreaSize = 'medium' | 'small';
 export declare type TextAreaCoreProps = {
     name: string;
@@ -10,13 +10,10 @@ export declare type TextAreaCoreProps = {
     error?: string;
 };
 export declare type TextAreaExtraProps = {
-    label: string;
-    labelClassName?: string;
     textareaClassName?: string;
     errorClassName?: string;
     resizable?: boolean;
-    helperText?: HelpProps['helperText'];
     size?: TextAreaSize;
-} & Partial<Pick<HTMLTextAreaElement, 'className' | 'disabled' | 'placeholder' | 'required' | 'rows'>>;
+} & Partial<Pick<HTMLTextAreaElement, 'className' | 'disabled' | 'placeholder' | 'required' | 'rows'>> & Omit<FieldHeaderProps, 'id'>;
 export declare type TextAreaProps = TextAreaCoreProps & TextAreaExtraProps & DataTestProp;
 export declare const TextArea: FC<TextAreaProps>;

package/lib/TextArea.js

@@ -4,10 +4,10 @@ import useResizeAware from 'react-resize-aware';
 import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
 import { useUID } from 'react-uid';
 import { Error, errorId } from './Error';
-import { Help } from './Help';
-import { Label } from './Label';
+import { FieldHeader } from './FieldHeader';
 import styles from './TextArea.module.scss';
-export const TextArea = ({ error, label, name, onBlur, onChange, placeholder, value, disabled, className, labelClassName, textareaClassName, errorClassName, required, resizable = true, helperText, size = 'medium', 'data-test': dataTest, ...htmlAttrs }) => {
+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 id = useUID();
     const popperRef = useRef();
     const [resizeListener, sizes] = useResizeAware();
@@ -20,16 +20,16 @@ export const TextArea = ({ error, label, name, onBlur, onChange, placeholder, va
     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(Label, { id: id, label: label, className: cn(styles.label, { [styles.small]: size === 'small' }, labelClassName) }),
+        React.createElement(FieldHeader, { "data-test": "textarea", 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", Object.assign({ "aria-invalid": !!error, "aria-required": required, "aria-errormessage": error && errorId(id), id: id, className: cn({
+                React.createElement("textarea", { "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)),
+                    }, 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),
-            helperText && (React.createElement(Help, { "data-test": "textarea-helperText", parentId: id, helperText: helperText, className: styles.helperText, popperRef: popperRef }))),
-        React.createElement(Error, { error: error, className: cn(styles.errorContainer, errorClassName), inputId: id })));
+                helperText && resizeListener)),
+        React.createElement(Error, { truncated: true, error: error, className: cn(styles.errorContainer, errorClassName), inputId: id })));
 };
 //# sourceMappingURL=TextArea.js.map