@hazelcast/ui 1.3.3-next.9 → 2.0.1-canary.1

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

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

package/lib/components/Table/Header.module.scss

@@ -0,0 +1,128 @@
+@use '../../../styles/constants' as c;
+@use '../../../styles/helpers' as h;
+
+.resizer {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 20px;
+  height: 100%;
+  top: 0;
+  right: -10px;
+  z-index: c.$zIndex100;
+  cursor: col-resize;
+  user-select: none;
+
+  // Prevents from scrolling while dragging on touch devices
+  /* doiuse-disable css-touch-action */
+  touch-action: none;
+  /* doiuse-enable css-touch-action */
+
+  .separator {
+    width: 1px;
+    height: 100%;
+  }
+
+  .resizing,
+  &:hover .separator {
+    background-color: c.$colorPrimary;
+  }
+}
+
+.container {
+  position: relative;
+  flex-grow: 1;
+  flex-basis: auto;
+  flex-shrink: 0;
+  background: c.$colorNeutralGray;
+  border-right: 1px solid c.$colorNeutralWhite;
+
+  .th {
+    display: flex;
+    align-items: center;
+    height: c.$grid * 12;
+    padding-left: c.$grid * 5;
+    padding-right: c.$grid * 5;
+    color: c.$colorText;
+    box-sizing: border-box;
+
+    @include c.typographyBodySmall('bold');
+    @include h.overflowEllipsis;
+
+    .sortingIcon {
+      flex-shrink: 0;
+      color: c.$colorPrimary;
+
+      &.left {
+        margin-left: c.$grid * 1.25;
+      }
+
+      &.right {
+        margin-right: c.$grid * 1.25;
+      }
+
+      &:not(.isSorted) {
+        color: c.$colorNeutral;
+      }
+    }
+
+    &.sortable {
+      cursor: pointer;
+
+      &:focus-visible {
+        // Do not remove outline for high-contrast modes
+        // https://stackoverflow.com/a/52616313
+        outline: c.$outlineWidth solid transparent;
+
+        @include h.outlineSimple;
+
+        // Put outline over resizer
+        z-index: c.$zIndex1000;
+        background-color: c.$colorNeutralLighter;
+      }
+
+      &:hover {
+        background-color: c.$colorNeutralGrayDarker;
+      }
+    }
+
+    &.alignLeft {
+      justify-content: flex-start;
+    }
+
+    &.alignRight {
+      justify-content: flex-end;
+    }
+
+    &.alignCenter {
+      justify-content: center;
+    }
+
+    &[draggable='true'] {
+      /* doiuse-disable css3-cursors-newer */
+      cursor: grabbing;
+      /* doiuse-enable css3-cursors-newer */
+    }
+  }
+
+  &:last-child {
+    .resizer {
+      width: c.$grid;
+      right: 0;
+    }
+  }
+}
+
+.dragOver {
+  @include h.outlineSimple;
+}
+
+.dragIcon {
+  margin-left: c.$grid * 2;
+}
+
+.dragIconRight {
+  margin-left: 0;
+  margin-right: c.$grid * 2;
+}

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

@@ -0,0 +1,19 @@
+import React, { FC, PropsWithChildren, AnchorHTMLAttributes, CSSProperties } from 'react';
+type RowBase = {
+    className?: string;
+    style?: CSSProperties;
+    role?: string;
+    ariaRowIndex?: number;
+};
+export type RowProps = RowBase & {
+    onClick?: () => void;
+};
+export type LinkRowProps = RowBase & {
+    href: string;
+    AnchorComponent?: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
+};
+export type HeaderRowProps = RowBase;
+export declare const Row: ({ children, className, style, role, ariaRowIndex, onClick }: PropsWithChildren<RowProps>) => React.JSX.Element;
+export declare const LinkRow: ({ children, className, style, role, ariaRowIndex, href, AnchorComponent, }: PropsWithChildren<LinkRowProps>) => React.JSX.Element;
+export declare const HeaderRow: ({ children, className, style, role, ariaRowIndex }: PropsWithChildren<HeaderRowProps>) => React.JSX.Element;
+export {};

package/lib/components/Table/Row.js

@@ -0,0 +1,24 @@
+import React, { useCallback } from 'react';
+import cn from 'classnames';
+import { useUID } from 'react-uid';
+import { keyIsOneOf } from '../../utils/keyboard';
+import styles from './Row.module.scss';
+export const Row = ({ children, className, style, role, ariaRowIndex, onClick }) => {
+    const onKeyDown = useCallback((event) => {
+        event.preventDefault();
+        if (keyIsOneOf(event, 'Enter') && onClick) {
+            onClick();
+        }
+    }, [onClick]);
+    return (React.createElement("div", { "data-test": "table-cell-row", className: cn(styles.row, {
+            [styles.clickable]: !!onClick,
+        }, className), style: style, "aria-rowindex": ariaRowIndex, role: role, tabIndex: onClick ? 0 : undefined, onKeyDown: onClick ? onKeyDown : undefined, onClick: onClick }, children));
+};
+const DefaultAnchor = (props) => React.createElement("a", { ...props });
+export const LinkRow = ({ children, className, style, role, ariaRowIndex, href, AnchorComponent = DefaultAnchor, }) => {
+    const anchorId = useUID();
+    return (React.createElement("div", { "data-test": "table-cell-row", className: cn(styles.linkRow, className), role: role, "aria-rowindex": ariaRowIndex, "aria-owns": anchorId },
+        React.createElement(AnchorComponent, { className: styles.link, style: style, href: href, id: anchorId }, children)));
+};
+export const HeaderRow = ({ children, className, style, role, ariaRowIndex }) => (React.createElement("div", { "data-test": "table-header-row", className: cn(styles.row, className), style: style, role: role, "aria-rowindex": ariaRowIndex }, children));
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,WAAW,EAAsD,MAAM,OAAO,CAAA;AACrH,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAOtC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAA+B,EAAE,EAAE;IAC9G,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAoC,EAAE,EAAE;QACvC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,OAAO,EAAE,CAAC;YAC1C,OAAO,EAAE,CAAA;QACX,CAAC;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,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,IAEf,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAgD,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAO,KAAK,GAAI,CAAA;AAE9F,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,eAAe,GAAG,aAAa,GACC,EAAE,EAAE;IACpC,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAA;IAEzB,OAAO,CACL,0CAAe,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,mBAAiB,YAAY,eAAa,QAAQ;QACpI,oBAAC,eAAe,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,IAC5E,QAAQ,CACO,CACd,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAqC,EAAE,EAAE,CAAC,CAClH,0CAAe,kBAAkB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,mBAAiB,YAAY,IAC1H,QAAQ,CACL,CACP,CAAA"}

package/lib/components/Table/Row.module.scss

@@ -0,0 +1,59 @@
+@use '../../../styles/constants' as c;
+@use '../../../styles/helpers' as h;
+
+@mixin rowBase {
+  display: flex;
+  width: 100%;
+
+  &:nth-child(even) {
+    background-color: c.$colorNeutralLighter;
+  }
+}
+
+.row {
+  @include c.typographyBodySmall;
+  @include rowBase;
+
+  &.clickable {
+    cursor: pointer;
+
+    &:focus-visible {
+      @include h.outlineSimple;
+
+      // Do not remove outline for high-contrast modes
+      // https://stackoverflow.com/a/52616313
+      outline: c.$outlineWidth solid transparent;
+      background-color: #e2e7fa;
+    }
+
+    &:hover {
+      font-weight: bold;
+      background-color: #e2e7fa;
+    }
+  }
+}
+
+.linkRow {
+  cursor: pointer;
+  @include rowBase;
+
+  .link {
+    text-decoration: none;
+    background-color: inherit;
+    @include rowBase;
+
+    &:focus-visible {
+      @include h.outlineSimple;
+
+      // Do not remove outline for high-contrast modes
+      // https://stackoverflow.com/a/52616313
+      outline: c.$outlineWidth solid transparent;
+      background-color: #e2e7fa;
+    }
+
+    &:hover {
+      font-weight: bold;
+      background-color: #e2e7fa;
+    }
+  }
+}

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

@@ -0,0 +1,85 @@
+import { DataTestProp } from '../../../src';
+import { AnchorHTMLAttributes, FC, ReactElement, ReactNode } from 'react';
+import { PaginationProps } from '../Pagination';
+import { CellProps } from './Cell';
+import { RowProps } from './Row';
+import { CellType, ColumnType, InitialState, RowData, RowType, SortingRule, TableState } from './tableTypes';
+export type PaginationOptions = Partial<Pick<PaginationProps, 'pageSizeOptions'>>;
+export * from './tableTypes';
+/**
+ * `defaultPageSize` should be one of the values in `pageSizeOptions`.
+ * If it's not it won't break anything but it is a bad UX
+ * because once user selects different page size he won't be able to select
+ * `defaultPageSize` again.
+ */
+type ExtendedPaginationProps = {
+    paginationOptions?: PaginationOptions;
+    defaultPageSize?: number;
+    hidePagination?: boolean;
+};
+export type PaginationChangeProps = {
+    pageSize: number;
+    pageIndex: number;
+};
+export type ControlledPaginationProps = {
+    manualPagination?: boolean;
+    onPaginationChange?: (paginationChangeProps: PaginationChangeProps) => void;
+};
+export type ControlledSortingProps = {
+    onSortingChange?: (sortBy: SortingRule[]) => void;
+};
+type CustomTableRowClickProps<D extends RowData> = {
+    onRowClick?: (rowInfo: RowType<D>) => void;
+    getHref?: never;
+    AnchorComponent?: never;
+} | {
+    getHref?: (rowInfo: RowType<D>) => string | undefined;
+    onRowClick?: never;
+    AnchorComponent?: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
+};
+type CustomTableProps<D extends RowData> = {
+    loading?: boolean;
+    tableId?: string;
+    overlayLoading?: boolean;
+    className?: string;
+    hideHeader?: boolean;
+    searchValue?: string;
+    headerClassName?: string;
+    paginationClassName?: string;
+    footerClassName?: string;
+    contentClassName?: string;
+    noDataTitle?: ReactNode;
+    getCustomRowProps?: (rowInfo: RowType<D>) => RowProps;
+    getCustomCellProps?: (cellInfo: CellType<D>) => CellProps;
+    onRenderedContentChange?: (newPage: RowType<D>[]) => void;
+    pageIndex?: number;
+    onPageChange?: (newPage: number) => void;
+    onRowSelect?: (ids: string[]) => void;
+    columnsOrdering?: boolean;
+    children?: (table: ReactElement) => ReactElement;
+    renderRowSubComponent?: (props: RowType<D>) => ReactNode;
+    canExpand?: (row: RowType<D>) => boolean;
+    onCopy?: (data: (string | undefined)[][]) => void;
+    initialState?: InitialState;
+    onStateChange?: ((newState: TableState) => void) | null;
+} & CustomTableRowClickProps<D> & DataTestProp;
+export type TableProps<D extends RowData> = {
+    data: D[];
+    columns: ColumnType<D>[];
+    pageCount?: number;
+    disableSortBy?: boolean;
+    pageSize?: number;
+} & ExtendedPaginationProps & ControlledPaginationProps & ControlledSortingProps & CustomTableProps<D>;
+/**
+ * ### Purpose
+ * Table component allows to arrange data in rows and columns.
+ *
+ * ### General Info
+ * - Has built-in pagination which can be either controlled or uncontrolled
+ * - Is able to sort data (you can provide custom sorting function)
+ * - 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 RowData & {
+    subRows?: D[];
+}>({ "data-test": dataTest, columns: propColumns, data, disableSortBy, onPaginationChange, onSortingChange, manualPagination, onRenderedContentChange, hidePagination, pageCount: controlledPageCount, defaultPageSize, paginationOptions, onRowClick, getHref, AnchorComponent, getCustomRowProps, getCustomCellProps, loading, noDataTitle, pageIndex: incomingPageIndex, initialState, className, headerClassName, contentClassName, footerClassName, searchValue, hideHeader, onPageChange, overlayLoading, onRowSelect, columnsOrdering, children, renderRowSubComponent, onCopy, canExpand, onStateChange, }: TableProps<D>) => ReactElement;

package/lib/components/Table/Table.js

@@ -0,0 +1,259 @@
+import debounce from 'lodash/debounce';
+import React, { useCallback, useEffect, useRef, useMemo, useState, } from 'react';
+import cn from 'classnames';
+import HotKeys from 'react-hot-keys';
+import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getExpandedRowModel, getFilteredRowModel, } from '@tanstack/react-table';
+import { AlertTriangle, ChevronDown, ChevronUp } from 'react-feather';
+import { Pagination } from '../Pagination';
+import { Cell } from './Cell';
+import { EnhancedCellRenderer, EnhancedHeaderFooterRenderer } from './EnhancedRenderers';
+import { Header } from './Header';
+import { HeaderRow, Row } from './Row';
+import { Loader } from '../Loader';
+import { EmptyState } from '../EmptyState';
+import { usePrevious } from '../../hooks/usePrevious';
+import { Icon } from '../Icon';
+import { TableContent } from './TableContent';
+import { ROW_EXPANDER_COLUMN_ID } from './constants';
+import { useColumnsSelection, ContextMenu } from './features/columnsSelection';
+import { useRefValue } from '../../hooks';
+import { useTrackTableState } from './useTrackTableState';
+import { getCellStyle, getColumnDef, getRowStyle, getTableInitialState, prepareRow } from './utils';
+import styles from './Table.module.scss';
+import styleConsts from '../../../styles/constants/export.module.scss';
+export * from './tableTypes';
+/**
+ * ### Purpose
+ * Table component allows to arrange data in rows and columns.
+ *
+ * ### General Info
+ * - Has built-in pagination which can be either controlled or uncontrolled
+ * - Is able to sort data (you can provide custom sorting function)
+ * - 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
+ */
+// Inspiration here: https://react-table.tanstack.com/docs/examples/basic
+export const Table = ({ 'data-test': dataTest, columns: propColumns, data, disableSortBy, onPaginationChange, onSortingChange, manualPagination, onRenderedContentChange, hidePagination = false, pageCount: controlledPageCount, defaultPageSize = 10, paginationOptions, onRowClick, getHref, AnchorComponent, getCustomRowProps, getCustomCellProps, loading, noDataTitle = 'The table is empty', pageIndex: incomingPageIndex, initialState = { paginationOptions: { pageIndex: incomingPageIndex || 0, pageSize: defaultPageSize } }, className = '', headerClassName = '', contentClassName = '', footerClassName = '', searchValue, hideHeader, onPageChange, overlayLoading, onRowSelect, columnsOrdering = false, children, renderRowSubComponent, onCopy, canExpand, onStateChange, }) => {
+    var _a;
+    const getOncopy = useRefValue(onCopy);
+    const getCanExpand = useRefValue(canExpand);
+    const getRenderRowSubComponent = useRefValue(renderRowSubComponent);
+    const [contextMenuAnchorEl, setContextMenuAnchorEl] = useState(null);
+    const draggedColumnRef = useRef(null);
+    const previousIncomingPageIndex = usePrevious(incomingPageIndex);
+    const columns = useMemo(() => {
+        if (renderRowSubComponent || data.some((item) => 'subRows' in item)) {
+            const expander = {
+                width: 60,
+                disableResizing: true,
+                id: ROW_EXPANDER_COLUMN_ID,
+                Header: () => React.createElement("span", { role: "contentinfo", "aria-label": "row-expander-column-header" }),
+                Cell: ({ row }) => {
+                    if (row.getCanExpand()) {
+                        return (React.createElement("div", { tabIndex: 0, role: "button", "data-test": "row-expander", "aria-expanded": row.getIsExpanded(), className: styles.expander, onClick: (e) => {
+                                e.preventDefault();
+                                row.getToggleExpandedHandler()();
+                            } },
+                            React.createElement(Icon, { icon: row.getIsExpanded() ? ChevronUp : ChevronDown, ariaLabel: "row-expander" })));
+                    }
+                    return React.createElement(React.Fragment, null, null);
+                },
+            };
+            return [expander, ...propColumns].map(getColumnDef);
+        }
+        return propColumns.map(getColumnDef);
+    }, [propColumns, data, renderRowSubComponent]);
+    const defaultColumn = useMemo(() => ({
+        cell: (props) => React.createElement(EnhancedCellRenderer, { cell: props.cell, columnResizing: props.column.getIsResizing() }),
+        minSize: Number(styleConsts.tableColumnMinWidth), // minWidth is only used as a limit for resizing
+        size: Number(styleConsts.tableColumnWidth), // width is used for both the flex-basis and flex-grow
+        maxSize: Number(styleConsts.tableColumnMaxWidth), // maxWidth is only used as a limit for resizing
+    }), []);
+    const tableInitialState = useMemo(() => getTableInitialState(initialState), [initialState]);
+    const tableInstance = useReactTable({
+        columns,
+        data,
+        enableSorting: !disableSortBy,
+        enableMultiSort: false,
+        // Pass our hoisted table state
+        initialState: tableInitialState,
+        // Tell the usePagination hook that we'll handle our own data fetching
+        manualPagination: manualPagination,
+        // This means we'll also have to provide our own pageCount
+        pageCount: controlledPageCount,
+        defaultColumn,
+        columnResizeMode: 'onChange',
+        paginateExpandedRows: false,
+        getSubRows: useCallback((row) => row.subRows, []),
+        getRowCanExpand: useCallback((row) => {
+            var _a;
+            const cb = getCanExpand();
+            if (cb) {
+                return cb(prepareRow(row));
+            }
+            if (getRenderRowSubComponent()) {
+                return true;
+            }
+            return ((_a = row.subRows) === null || _a === void 0 ? void 0 : _a.length) > 0;
+        }, [getCanExpand, getRenderRowSubComponent]),
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getExpandedRowModel: getExpandedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+    });
+    const { getVisibleFlatColumns, nextPage, setPageIndex: goToPage, getRowCount, getState, previousPage, setPageSize, setGlobalFilter, setColumnOrder, getPageCount, getCanNextPage, getCanPreviousPage, getFooterGroups, } = tableInstance;
+    useTrackTableState(tableInstance, onStateChange);
+    const footerGroups = getFooterGroups();
+    const page = tableInstance.getPaginationRowModel().rows;
+    const rowsPerPage = getRowCount();
+    const pageCount = getPageCount();
+    const { sorting: sortBy, columnOrder, columnSizing: columnResizing, rowSelection: selectedRowIds, pagination: { pageIndex, pageSize }, } = getState();
+    const getColumnOrder = useRefValue(columnOrder);
+    // drag and drop
+    const onDragStart = useCallback((e) => {
+        draggedColumnRef.current = Number(e.dataTransfer.getData('text/plain'));
+    }, []);
+    const onDrop = useCallback((_, columnIndex) => {
+        if (draggedColumnRef.current !== null && columnIndex !== draggedColumnRef.current) {
+            const visibleColumns = getColumnOrder() || getVisibleFlatColumns().map(({ id }) => id);
+            const newColumns = [...visibleColumns];
+            newColumns[columnIndex] = visibleColumns[draggedColumnRef.current];
+            newColumns[draggedColumnRef.current] = visibleColumns[columnIndex];
+            setColumnOrder(newColumns);
+        }
+    }, [getColumnOrder, getVisibleFlatColumns, setColumnOrder]);
+    const columnsSelectionProps = useColumnsSelection({
+        rowsPerPage,
+        columnsPerRow: columns.length,
+    });
+    const { onEndSelection, getSelectedColumns, selectedColumnValuesRef } = columnsSelectionProps;
+    const onPaginationChangeDebounced = useMemo(() => (onPaginationChange ? debounce(onPaginationChange, 200) : undefined), [onPaginationChange]);
+    const onKeyUp = useCallback(() => {
+        const callback = getOncopy();
+        if (callback) {
+            const { columns, range } = getSelectedColumns();
+            if (columns.size || (range[0] !== undefined && range[0] !== undefined)) {
+                callback(selectedColumnValuesRef === null || selectedColumnValuesRef === void 0 ? void 0 : selectedColumnValuesRef.current);
+            }
+        }
+    }, [getOncopy, getSelectedColumns, selectedColumnValuesRef]);
+    useEffect(() => {
+        return () => {
+            document.body.removeEventListener('mouseup', onEndSelection);
+            document.body.removeEventListener('contextmenu', onEndSelection);
+            document.body.removeEventListener('keyup', onKeyUp);
+        };
+    }, [onKeyUp, onEndSelection]);
+    // Listen for changes in pagination and use the state to fetch new data. This is a recommended way to fetch new data: https://react-table.tanstack.com/docs/faq#how-can-i-use-the-table-state-to-fetch-new-data
+    useEffect(() => {
+        if (onPaginationChangeDebounced) {
+            onPaginationChangeDebounced({ pageIndex, pageSize });
+        }
+    }, [onPaginationChangeDebounced, pageIndex, pageSize]);
+    useEffect(() => {
+        if (onSortingChange) {
+            onSortingChange(sortBy);
+        }
+    }, [sortBy, onSortingChange]);
+    // Debounce our `fetchData` call for 200ms.
+    const onRenderedContentChangeDebounced = useMemo(() => (onRenderedContentChange ? debounce(onRenderedContentChange, 200) : undefined), [onRenderedContentChange]);
+    // Listen for changes in pagination and use the state to fetch new data. This is a recommended way to fetch new data: https://react-table.tanstack.com/docs/faq#how-can-i-use-the-table-state-to-fetch-new-data
+    useEffect(() => {
+        if (onRenderedContentChangeDebounced) {
+            onRenderedContentChangeDebounced(page.map(prepareRow));
+        }
+    }, [onRenderedContentChangeDebounced, page]);
+    // Apply global filter when searchValue changes
+    useEffect(() => {
+        if (searchValue !== undefined) {
+            ;
+            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]);
+    useEffect(() => {
+        if (onRowSelect) {
+            onRowSelect(Object.keys(selectedRowIds));
+        }
+    }, [onRowSelect, selectedRowIds]);
+    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);
+    // Header row has always aria-rowindex = 1.
+    const headerIndex = 1;
+    // We're using this offset to display correct aria-rowindex when pagination is in action.
+    const cellIndexOffset = pageSize * pageIndex + headerIndex;
+    // Total row count.
+    const rowCount = data.length + headerIndex + (hasFooter ? 1 : 0);
+    const content = (React.createElement(React.Fragment, null,
+        React.createElement("div", { "data-test": dataTest !== null && dataTest !== void 0 ? dataTest : 'table-wrapper', className: className },
+            React.createElement("div", { className: cn(styles.container, {
+                    [styles.spaceBottom]: !hidePagination,
+                }) },
+                React.createElement("div", { "data-test": "table", role: "table", "aria-rowcount": rowCount },
+                    !hideHeader && (React.createElement("div", { "data-test": "table-header-row-group", role: "rowgroup", className: headerClassName }, tableInstance.getHeaderGroups().map((headerGroup) => (React.createElement(HeaderRow, { key: headerGroup.id, role: "row", ariaRowIndex: headerIndex, style: getRowStyle({ totalSize: tableInstance.getTotalSize() }) }, headerGroup.headers.map((header, i) => {
+                        var _a, _b;
+                        const canSort = header.column.getCanSort();
+                        const isDraggable = columnsOrdering && header.id !== 'expander';
+                        return (React.createElement(Header, { index: i, colSpan: 1, key: header.id, role: "columnheader", onDragStart: onDragStart, style: getCellStyle({ size: header.getSize(), minSize: header.column.columnDef.minSize || header.getSize() }), canSort: canSort, isSorted: !!header.column.getIsSorted(), isSortedDesc: (_a = sortBy[header.column.getSortIndex()]) === null || _a === void 0 ? void 0 : _a.desc, canResize: header.column.getCanResize(), onDrop: isDraggable ? onDrop : undefined, resizeHandler: header.getResizeHandler(), isResizing: header.column.getIsResizing(), align: (_b = header.column.columnDef.meta) === null || _b === void 0 ? void 0 : _b.align, onClick: canSort ? header.column.getToggleSortingHandler() : undefined },
+                            React.createElement(EnhancedHeaderFooterRenderer, { type: "header", context: header.getContext() })));
+                    })))))),
+                    !overlayLoading && 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)))) : hasData ? (React.createElement(HotKeys, { keyName: "ctrl+c, command+c", onKeyUp: onKeyUp },
+                        React.createElement("div", { "data-test": "table-cell-row-group", className: styles.hotKeys },
+                            React.createElement(TableContent, { page: page, onCopy: onCopy, getHref: getHref, totalSize: tableInstance.getTotalSize(), rootRef: setContextMenuAnchorEl, ...columnsSelectionProps, onRowClick: onRowClick, className: contentClassName, columnResizing: columnResizing, AnchorComponent: AnchorComponent, cellIndexOffset: cellIndexOffset, getCustomRowProps: getCustomRowProps, getCustomCellProps: getCustomCellProps, renderRowSubComponent: renderRowSubComponent })))) : (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 { id: footerGroupKey } = group;
+                        return (
+                        // Footer props getters do not provide role attributes
+                        React.createElement(Row, { key: footerGroupKey, ariaRowIndex: rowCount, style: getRowStyle({ totalSize: tableInstance.getTotalSize() }), role: "row" }, group.headers.map((column) => {
+                            var _a;
+                            const { id: footerKey, column: { columnDef }, } = column;
+                            return (
+                            // Footer props getters do not provide role attributes
+                            React.createElement(Cell, { key: footerKey, colSpan: 1, align: (_a = columnDef.meta) === null || _a === void 0 ? void 0 : _a.align, style: getCellStyle({ size: column.getSize(), maxSize: columnDef.maxSize, minSize: columnDef.minSize }), role: "cell" },
+                                React.createElement(EnhancedHeaderFooterRenderer, { context: column.getContext(), type: "footer" })));
+                        })));
+                    }))))),
+            !hidePagination && hasData && (React.createElement(Pagination, { pageCount: pageCount, currentPage: pageIndex + 1, canPreviousPage: getCanPreviousPage(), canNextPage: getCanNextPage(), 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] }))),
+        onCopy && React.createElement(ContextMenu, { anchorElement: contextMenuAnchorEl, onCopy: onKeyUp })));
+    if (children) {
+        return children(content);
+    }
+    return content;
+};
+//# sourceMappingURL=Table.js.map

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

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

package/lib/components/Table/Table.module.scss

@@ -0,0 +1,31 @@
+@use '../../../styles/constants' as c;
+@use '../../../styles/helpers' as h;
+
+.container {
+  display: block;
+  overflow-x: auto;
+  border: c.$borderWidth solid #d4d4d4;
+  border-radius: c.$borderRadius;
+
+  &.spaceBottom {
+    margin-bottom: c.$grid * 2;
+  }
+
+  .empty {
+    margin-top: c.$grid * 8;
+  }
+}
+
+.expander {
+  &:hover {
+    cursor: pointer;
+  }
+
+  &:focus-visible {
+    @include h.outlineSimple;
+  }
+}
+
+.hotKeys {
+  outline: none;
+}