@ekz/blueprintjs 0.1.0

package/lib/esm/components/table/table.js

@@ -0,0 +1,239 @@
+import { Button, Classes as CoreClasses, InputGroup, Intent, MenuItem, NonIdealState, ResizeSensor, Spinner } from '@blueprintjs/core';
+import { Search, Th, Cross } from '@blueprintjs/icons';
+import { Select } from '@blueprintjs/select';
+import { useDebouncedEffect } from '@ekz/react-utils';
+import classNames from 'classnames';
+import * as React from 'react';
+import { Classes, DISPLAYNAME_PREFIX } from '../../common';
+import { Pagination } from '../pagination';
+import { HeaderGroupWrapper } from './headerGroup';
+import { flexRender } from './reactTableBase';
+import { useTableMessages } from './tableMessages';
+import { TableTheme } from './theme';
+import { useAutoColumnSizer } from './useAutoColumnSizer';
+import { useAutoHeight } from './useAutoHeight';
+import { useGroupedHeaderColumnSizer } from './useGroupedHeaderColumnSizer';
+const DEFAULT_PAGE_SIZE_OPTIONS = [10, 30, 50, 100];
+const Table = Object.assign(
+// eslint-disable-next-line react/display-name
+(props) => {
+    const { displayHeader = true, displayPagination = true, elevation = 2, ellipsize = true, theme = TableTheme.Standard, manualPageSizeVisible, manualPageSizeOptions } = props;
+    const table = props.table;
+    const tableState = table.getState();
+    const metadata = table.options.meta;
+    const tableMessages = useTableMessages();
+    const columnSizeVars = React.useMemo(() => {
+        const headers = table.getFlatHeaders();
+        return headers.reduce((result, header) => {
+            result[`--header-${header.id}-size`] = header.getSize();
+            result[`--col-${header.column.id}-size`] = header.column.getSize();
+            return result;
+        }, {});
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [tableState.columnSizing, tableState.columnSizingInfo]);
+    const setGlobalFilter = table.setGlobalFilter;
+    const handleGlobalFilterChange = React.useCallback((event) => setGlobalFilter(event.currentTarget.value), [setGlobalFilter]);
+    const clearGlobalFilter = React.useCallback(() => setGlobalFilter(''), [setGlobalFilter]);
+    const displayTopToolbar = (props.leftToolbar != null && props.leftToolbar !== false) ||
+        (props.rightToolbar != null && props.rightToolbar !== false) ||
+        metadata.enableGlobalFilter;
+    const [ref, setRef] = React.useState(null);
+    const bodyRef = React.useRef(null);
+    const nonIdealStateRef = React.useRef(null);
+    const autoHeightProp = props.autoHeight;
+    const manualPageSizeEnabled = manualPageSizeVisible ?? true;
+    const finalPageSizeOptions = React.useMemo(() => {
+        if (!manualPageSizeEnabled)
+            return null;
+        return manualPageSizeOptions ?? DEFAULT_PAGE_SIZE_OPTIONS;
+    }, [manualPageSizeEnabled, manualPageSizeOptions]);
+    const [manualPageSizeValue, setManualPageSizeValue] = React.useState(null);
+    const pageSizeSelectItems = React.useMemo(() => {
+        if (!finalPageSizeOptions)
+            return null;
+        const items = finalPageSizeOptions.map((n) => ({
+            label: String(n),
+            value: n
+        }));
+        if (autoHeightProp) {
+            return [{ value: null, label: 'Auto' }, ...items];
+        }
+        return items;
+    }, [finalPageSizeOptions, autoHeightProp]);
+    const selectedPageSizeItem = React.useMemo(() => {
+        if (!pageSizeSelectItems)
+            return undefined;
+        return pageSizeSelectItems.find((opt) => opt.value === manualPageSizeValue);
+    }, [pageSizeSelectItems, manualPageSizeValue]);
+    const isAutoHeightEnabled = autoHeightProp !== undefined;
+    const autoHeightValue = manualPageSizeValue == null ? autoHeightProp : undefined;
+    const handleResize = useAutoHeight(autoHeightValue, props.autoHeightParentHeight, props.autoHeightMaxHeight, props.autoHeightAverageRowHeight, props.autoHeightObserveRows, props.theme, table, ref, bodyRef, nonIdealStateRef);
+    const { recalculate: recalcColumnSizing } = useAutoColumnSizer(ref, table, props.theme);
+    const groupedHeaderColumnSizeVars = useGroupedHeaderColumnSizer(table, tableState);
+    const lastObservedWidthRef = React.useRef(null);
+    const resizeRafIdRef = React.useRef(null);
+    // Clear any pending rAF on unmount to avoid calling setState after dispose
+    React.useEffect(() => () => {
+        if (resizeRafIdRef.current != null) {
+            cancelAnimationFrame(resizeRafIdRef.current);
+        }
+    }, []);
+    const handleColumnsResize = React.useCallback((entries) => {
+        const rawWidth = entries[0]?.contentRect?.width;
+        if (rawWidth == null)
+            return;
+        const width = Math.round(rawWidth);
+        const prev = lastObservedWidthRef.current;
+        if (prev == null || Math.abs(prev - width) >= 2) {
+            lastObservedWidthRef.current = width;
+            if (resizeRafIdRef.current != null) {
+                cancelAnimationFrame(resizeRafIdRef.current);
+            }
+            resizeRafIdRef.current = requestAnimationFrame(() => {
+                recalcColumnSizing();
+                resizeRafIdRef.current = null;
+            });
+        }
+        if (isAutoHeightEnabled) {
+            handleResize(entries);
+        }
+    }, [isAutoHeightEnabled, handleResize, recalcColumnSizing]);
+    const loadingIndicator = metadata.loadingIndicator != null ? (metadata.loadingIndicator) : (React.createElement(Spinner, { intent: Intent.PRIMARY, size: 40 }));
+    const targetRef = React.useRef(ref);
+    React.useEffect(() => {
+        targetRef.current = ref;
+    }, [ref]);
+    useDebouncedEffect(500, () => {
+        if (manualPageSizeValue != null && manualPageSizeValue > 0) {
+            table.setPageSize(manualPageSizeValue);
+        }
+    }, [manualPageSizeValue, table]);
+    const handleSelectPageSize = React.useCallback((item) => {
+        if (item.value === null) {
+            setManualPageSizeValue(null); // Auto
+        }
+        else {
+            setManualPageSizeValue(item.value);
+        }
+    }, []);
+    const renderPageSizeOption = React.useCallback((item, { handleClick, modifiers }) => {
+        if (!modifiers.matchesPredicate) {
+            return null;
+        }
+        return (React.createElement(MenuItem, { key: item.value, text: item.label, active: modifiers.active, disabled: modifiers.disabled, onClick: handleClick }));
+    }, []);
+    const prevTablePageSizeRef = React.useRef(tableState.pagination.pageSize);
+    React.useEffect(() => {
+        prevTablePageSizeRef.current = tableState.pagination.pageSize;
+    }, [tableState.pagination.pageSize]);
+    React.useEffect(() => {
+        const tablePageSize = tableState.pagination.pageSize;
+        const prev = prevTablePageSizeRef.current;
+        const shouldSync = manualPageSizeEnabled &&
+            prev !== tablePageSize &&
+            !(autoHeightProp && manualPageSizeValue == null) &&
+            manualPageSizeValue !== tablePageSize;
+        if (prev !== tablePageSize) {
+            prevTablePageSizeRef.current = tablePageSize;
+        }
+        if (shouldSync) {
+            setManualPageSizeValue(tablePageSize);
+        }
+    }, [
+        manualPageSizeEnabled,
+        autoHeightProp,
+        manualPageSizeValue,
+        tableState.pagination.pageSize
+    ]);
+    React.useEffect(() => {
+        const shouldAutoSelect = manualPageSizeEnabled && !autoHeightProp && manualPageSizeValue == null;
+        if (!shouldAutoSelect)
+            return;
+        const firstNumericOption = pageSizeSelectItems?.find((o) => o.value != null);
+        if (firstNumericOption) {
+            setManualPageSizeValue(firstNumericOption.value);
+        }
+    }, [manualPageSizeEnabled, autoHeightProp, manualPageSizeValue, pageSizeSelectItems]);
+    return (React.createElement(ResizeSensor, { targetRef: targetRef, observeParents: true, onResize: handleColumnsResize },
+        React.createElement("div", { ref: setRef, className: classNames(Classes.REACT_TABLE, props.className, {
+                [CoreClasses.elevationClass(elevation)]: elevation >= 0 && theme === TableTheme.Standard
+            }), "data-theme": theme ?? TableTheme.Standard },
+            displayTopToolbar && (React.createElement("div", { className: Classes.REACT_TABLE_TOP_TOOLBAR },
+                React.createElement("div", { className: Classes.REACT_TABLE_TOP_TOOLBAR_LEFT }, props.leftToolbar),
+                React.createElement("div", { className: Classes.REACT_TABLE_TOP_TOOLBAR_RIGHT },
+                    props.rightToolbar,
+                    metadata.enableGlobalFilter && (React.createElement(InputGroup, { className: Classes.REACT_TABLE_GLOBAL_FILTER, leftIcon: React.createElement(Search, null), rightElement: tableState.globalFilter != null &&
+                            tableState.globalFilter.length > 0 ? (React.createElement(Button, { icon: React.createElement(Cross, null), onClick: clearGlobalFilter, minimal: true })) : (React.createElement(React.Fragment, null)), value: tableState.globalFilter ?? '', onChange: handleGlobalFilterChange }))))),
+            React.createElement("div", { className: Classes.REACT_TABLE_CONTENT, "data-top-toolbar": displayTopToolbar, "data-loading": metadata.isLoading, style: { ...columnSizeVars, ...groupedHeaderColumnSizeVars } },
+                metadata.isLoading && (React.createElement("div", { className: Classes.REACT_TABLE_LOADING }, loadingIndicator)),
+                displayHeader && (React.createElement("div", { className: Classes.REACT_TABLE_HEAD }, table.getHeaderGroups().map((headerGroup) => (React.createElement(HeaderGroupWrapper, { key: headerGroup.id, headerGroup: headerGroup, table: table }))))),
+                table.getRowCount() === 0 ? (React.createElement("div", { ref: nonIdealStateRef, className: Classes.REACT_TABLE_EMPTY, "data-loading": metadata.isLoading }, metadata.isLoading ? null : (React.createElement(NonIdealState, { icon: props.noResultsIcon ?? React.createElement(Th, { size: 64 }), title: props.noResultsTitle ??
+                        tableMessages.noResultsTitle ??
+                        'No results available', description: props.noResultsDescription, action: props.noResultsActions })))) : tableState.columnSizingInfo.isResizingColumn ? (React.createElement(MemoizedTableBodyForResize, { table: table, ellipsize: ellipsize, metadata: metadata })) : (React.createElement(TableBody, { ref: bodyRef, table: table, ellipsize: ellipsize, metadata: metadata }))),
+            displayPagination && (manualPageSizeEnabled || table.getPageCount() > 1) && (React.createElement("div", { className: Classes.REACT_TABLE_PAGINATION },
+                manualPageSizeEnabled && pageSizeSelectItems != null && (React.createElement("div", { style: { flexShrink: 1, flexGrow: 1 } },
+                    React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 8 } },
+                        React.createElement("span", { style: { whiteSpace: 'nowrap' } }, "Rows per page:"),
+                        React.createElement(Select, { items: pageSizeSelectItems, itemRenderer: renderPageSizeOption, onItemSelect: handleSelectPageSize, filterable: false },
+                            React.createElement(Button, { minimal: true, outlined: true, rightIcon: "caret-down", text: selectedPageSizeItem?.label ??
+                                    (manualPageSizeValue === null
+                                        ? 'Auto'
+                                        : String(manualPageSizeValue)) }))))),
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'flex-end',
+                        flexShrink: 1,
+                        flexGrow: 1,
+                        alignSelf: 'flex-end'
+                    } },
+                    React.createElement(Pagination, { centerPagesDisplayed: 3, selectedPage: table.getState().pagination.pageIndex, onPageChange: table.setPageIndex, pageCount: table.getPageCount(), previousMessage: null, nextMessage: null })))))));
+}, {
+    displayName: `${DISPLAYNAME_PREFIX}.Table`,
+    ofType: function ofType() {
+        return Table;
+    }
+});
+const TableBody = React.forwardRef(function TableBody(props, ref) {
+    const onRowClick = props.metadata.onRowClick;
+    return (React.createElement("div", { ref: ref, className: Classes.REACT_TABLE_BODY }, props.table.getRowModel().rows.map((row) => {
+        const shouldRenderSubComponent = props.metadata.getSubComponentExpanded != null
+            ? props.metadata.getSubComponentExpanded(row.original, row.index)
+            : row.getIsExpanded();
+        const subComponent = shouldRenderSubComponent &&
+            props.metadata.getSubComponent &&
+            props.metadata.getSubComponent(row.original, row.index);
+        const clickable = onRowClick != null && props.metadata.getRowClickable != null
+            ? props.metadata.getRowClickable(row.original, row.index)
+            : onRowClick != null;
+        const className = props.metadata.getRowClassName != null &&
+            props.metadata.getRowClassName(row.original, row.index);
+        const onClick = clickable && onRowClick != null
+            ? (event) => {
+                let target = event.target;
+                while ((target instanceof HTMLElement || target instanceof SVGElement) &&
+                    target.parentElement instanceof Element &&
+                    !target.classList.contains(Classes.REACT_TABLE_CELL) &&
+                    !target.dataset.skipRowClick) {
+                    target = target.parentElement;
+                }
+                if (!('dataset' in target) || !target.dataset.skipRowClick) {
+                    onRowClick(row.original, row, event);
+                }
+            }
+            : undefined;
+        return (React.createElement(React.Fragment, { key: row.id },
+            React.createElement("div", { className: classNames(Classes.REACT_TABLE_ROW, className), "data-depth": row.depth, "data-clickable": clickable, onClick: onClick }, row.getVisibleCells().map((cell) => {
+                const definition = cell.column.columnDef;
+                const customClassName = definition.getClassName != null
+                    ? definition.getClassName(cell.getContext())
+                    : null;
+                return (React.createElement("div", { key: cell.id, className: classNames(Classes.REACT_TABLE_CELL, customClassName, 'grouped'), "data-ellipsize": props.ellipsize, "data-skip-row-click": definition.skipRowClick, style: {
+                        width: `calc(var(--col-${cell.column.id}-size) * 1px)`
+                    } }, flexRender(cell.column.columnDef.cell, cell.getContext())));
+            })),
+            subComponent != null && subComponent !== false && (React.createElement("div", { className: Classes.REACT_TABLE_ROW_SUB_COMPONENT }, subComponent))));
+    })));
+});
+const MemoizedTableBodyForResize = React.memo(TableBody, (prev, next) => prev.table.options.data === next.table.options.data);
+export { Table };
+//# sourceMappingURL=table.js.map

package/lib/esm/components/table/table.js.map

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

package/lib/esm/components/table/tableMessages.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export type TableMessages = {
+    noResultsTitle?: React.ReactNode;
+};
+export declare const TableMessagesContext: React.Context<TableMessages>;
+export declare function useTableMessages(): TableMessages;

package/lib/esm/components/table/tableMessages.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export const TableMessagesContext = React.createContext({});
+export function useTableMessages() {
+    return React.useContext(TableMessagesContext);
+}
+//# sourceMappingURL=tableMessages.js.map

package/lib/esm/components/table/tableMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableMessages.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/tableMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAgB,EAAE,CAAC,CAAC;AAE3E,MAAM,UAAU,gBAAgB;IAC5B,OAAO,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAClD,CAAC"}

package/lib/esm/components/table/theme.d.ts

@@ -0,0 +1,4 @@
+export declare enum TableTheme {
+    Standard = "standard",
+    Segment = "segment"
+}

package/lib/esm/components/table/theme.js

@@ -0,0 +1,6 @@
+export var TableTheme;
+(function (TableTheme) {
+    TableTheme["Standard"] = "standard";
+    TableTheme["Segment"] = "segment";
+})(TableTheme || (TableTheme = {}));
+//# sourceMappingURL=theme.js.map

package/lib/esm/components/table/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;AACvB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB"}

package/lib/esm/components/table/useAutoColumnSizer.d.ts

@@ -0,0 +1,7 @@
+import type { Table } from './reactTableBase';
+import { TableTheme } from './theme';
+export declare const CELL_PADDING = 20;
+export declare const CELL_BORDER = 1;
+export declare function useAutoColumnSizer(ref: HTMLDivElement | null, table: Table<unknown>, theme: TableTheme | undefined): {
+    recalculate: () => void;
+};

package/lib/esm/components/table/useAutoColumnSizer.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { TableTheme } from './theme';
+export const CELL_PADDING = 20;
+export const CELL_BORDER = 1;
+export function useAutoColumnSizer(ref, table, theme) {
+    const visibleFlatColumns = table.getVisibleFlatColumns();
+    const setColumnSizing = table.setColumnSizing;
+    const recalculate = React.useCallback(() => {
+        const availableWidth = (ref?.clientWidth ?? 0) -
+            visibleFlatColumns.length * CELL_PADDING - // cell padding
+            (visibleFlatColumns.length - CELL_BORDER) - // cell border
+            (theme === TableTheme.Segment ? 40 : 0); // theme padding
+        if (availableWidth > 0) {
+            const { autoColumns, totalFixedSize } = visibleFlatColumns.reduce((result, column) => {
+                if (column.columnDef.size === -1) {
+                    return {
+                        ...result,
+                        autoColumns: [...result.autoColumns, column.id]
+                    };
+                }
+                else {
+                    return {
+                        ...result,
+                        totalFixedSize: result.totalFixedSize + (column.columnDef.size ?? 0)
+                    };
+                }
+            }, {
+                autoColumns: [],
+                totalFixedSize: 0
+            });
+            if (autoColumns.length > 0) {
+                const remainingWidthPerColumn = Math.max((availableWidth - totalFixedSize) / autoColumns.length, 150);
+                const sizing = autoColumns.reduce((sizeByColumn, columnId) => ({
+                    ...sizeByColumn,
+                    [columnId]: remainingWidthPerColumn
+                }), {});
+                setColumnSizing((previousSizing) => ({ ...previousSizing, ...sizing }));
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [visibleFlatColumns, setColumnSizing, theme, ref]);
+    React.useEffect(() => {
+        recalculate();
+    }, [recalculate, visibleFlatColumns, ref?.clientWidth]);
+    return { recalculate };
+}
+//# sourceMappingURL=useAutoColumnSizer.js.map

package/lib/esm/components/table/useAutoColumnSizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoColumnSizer.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useAutoColumnSizer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAE7B,MAAM,UAAU,kBAAkB,CAC9B,GAA0B,EAC1B,KAAqB,EACrB,KAA6B;IAE7B,MAAM,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IACzD,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;IAE9C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,MAAM,cAAc,GAChB,CAAC,GAAG,EAAE,WAAW,IAAI,CAAC,CAAC;YACvB,kBAAkB,CAAC,MAAM,GAAG,YAAY,GAAG,eAAe;YAC1D,CAAC,kBAAkB,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,cAAc;YAC1D,CAAC,KAAK,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB;QAC7D,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YACrB,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,MAAM,CAI7D,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;gBACf,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;oBAC/B,OAAO;wBACH,GAAG,MAAM;wBACT,WAAW,EAAE,CAAC,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,CAAC;qBAClD,CAAC;gBACN,CAAC;qBAAM,CAAC;oBACJ,OAAO;wBACH,GAAG,MAAM;wBACT,cAAc,EAAE,MAAM,CAAC,cAAc,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC;qBACvE,CAAC;gBACN,CAAC;YACL,CAAC,EACD;gBACI,WAAW,EAAE,EAAE;gBACf,cAAc,EAAE,CAAC;aACpB,CACJ,CAAC;YACF,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACzB,MAAM,uBAAuB,GAAG,IAAI,CAAC,GAAG,CACpC,CAAC,cAAc,GAAG,cAAc,CAAC,GAAG,WAAW,CAAC,MAAM,EACtD,GAAG,CACN,CAAC;gBACF,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAC7B,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;oBACzB,GAAG,YAAY;oBACf,CAAC,QAAQ,CAAC,EAAE,uBAAuB;iBACtC,CAAC,EACF,EAAE,CACL,CAAC;gBACF,eAAe,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,cAAc,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;YAC5E,CAAC;QACL,CAAC;QACD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,kBAAkB,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,WAAW,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAExD,OAAO,EAAE,WAAW,EAAE,CAAC;AAC3B,CAAC"}

package/lib/esm/components/table/useAutoHeight.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { Table } from './reactTableBase';
+import type { TableTheme } from './theme';
+export declare function useAutoHeight(autoHeight: [minPageSize: number, maxPageSize: number] | undefined, autoHeightParentHeight: number | undefined, autoHeightMaxHeight: number | undefined, autoHeightAverageRowHeight: number | undefined, autoHeightObserveRows: boolean | undefined, theme: TableTheme | undefined, table: Table<unknown>, ref: HTMLDivElement | null, bodyRef: React.RefObject<HTMLDivElement>, nonIdealStateRef: React.RefObject<HTMLDivElement>): (entries: ResizeObserverEntry[]) => void;

package/lib/esm/components/table/useAutoHeight.js

@@ -0,0 +1,66 @@
+import invariant from 'invariant';
+import * as React from 'react';
+export function useAutoHeight(autoHeight, autoHeightParentHeight, autoHeightMaxHeight, autoHeightAverageRowHeight, autoHeightObserveRows, theme, table, ref, bodyRef, nonIdealStateRef) {
+    const visibleRowCount = table.getRowModel().rows.length ?? 0;
+    const [minPageSize, maxPageSize] = autoHeight ?? [0, 0];
+    invariant(autoHeight == null || maxPageSize > minPageSize, 'maxPageSize must be greater than minPageSize');
+    invariant(autoHeight == null || minPageSize > 0, 'minPageSize must be greater than 0');
+    invariant(autoHeight == null || maxPageSize > 1, 'maxPageSize must be greater than 0');
+    const calculatePageSize = React.useCallback(() => {
+        if (minPageSize > 0 && maxPageSize > 0) {
+            const parentHeight = Math.min(autoHeightParentHeight ?? ref?.parentElement?.clientHeight ?? 0, autoHeightMaxHeight ?? Number.MAX_VALUE);
+            const tableHeight = ref?.clientHeight ?? 0;
+            const bodyHeight = bodyRef.current?.clientHeight ?? nonIdealStateRef.current?.clientHeight ?? 0;
+            const hasPagination = table.getPageCount() > 1;
+            const averageRowHeight = autoHeightAverageRowHeight ??
+                (visibleRowCount > 0 ? bodyHeight / visibleRowCount : 40);
+            const nonBodyTotalSize = tableHeight - bodyHeight + (hasPagination ? 0 : 54); // fixed footer height (pagination)
+            const pageSize = Math.min(Math.max((parentHeight - nonBodyTotalSize) / averageRowHeight, minPageSize), maxPageSize);
+            if (table.options.debugTable) {
+                // eslint-disable-next-line no-console
+                console.log('Calculating page size', {
+                    averageRowHeight,
+                    bodyHeight,
+                    maxPageSize,
+                    minPageSize,
+                    pageSize,
+                    parentHeight,
+                    tableHeight,
+                    visibleRowCount
+                });
+            }
+            table.setPageSize(Math.floor(pageSize));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        ref,
+        minPageSize,
+        maxPageSize,
+        autoHeightParentHeight,
+        autoHeightMaxHeight,
+        autoHeightAverageRowHeight,
+        visibleRowCount,
+        theme,
+        table
+    ]);
+    React.useEffect(() => calculatePageSize(), [calculatePageSize]);
+    const handleResize = React.useCallback((entries) => {
+        if (entries.length > 0) {
+            if (entries[0].target !== ref) {
+                calculatePageSize();
+            }
+        }
+    }, [ref, calculatePageSize]);
+    const bodyRefCurrent = bodyRef.current;
+    React.useEffect(() => {
+        if (autoHeightObserveRows && autoHeight != null && bodyRefCurrent != null) {
+            const observer = new ResizeObserver(() => {
+                calculatePageSize();
+            });
+            observer.observe(bodyRefCurrent);
+            return () => observer.disconnect();
+        }
+    }, [autoHeightObserveRows, autoHeight, bodyRefCurrent, calculatePageSize]);
+    return handleResize;
+}
+//# sourceMappingURL=useAutoHeight.js.map

package/lib/esm/components/table/useAutoHeight.js.map

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

package/lib/esm/components/table/useGroupedHeaderColumnSizer.d.ts

@@ -0,0 +1,2 @@
+import type { Table, TableState } from './reactTableBase';
+export declare function useGroupedHeaderColumnSizer(table: Table<unknown>, tableState: TableState): Record<string, number>;

package/lib/esm/components/table/useGroupedHeaderColumnSizer.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { CELL_BORDER, CELL_PADDING } from './useAutoColumnSizer';
+export function useGroupedHeaderColumnSizer(table, tableState) {
+    const columnSize = table.getVisibleFlatColumns().length;
+    const tableColumnOrder = table.getState().columnOrder;
+    const tableColumnVisibility = table.getState().columnVisibility;
+    const { columnSizing, columnSizingInfo } = tableState;
+    return React.useMemo(() => {
+        return table.getHeaderGroups().reduce((vars, group) => group.headers.reduce((result, header) => {
+            const isGroupHeader = !header.isPlaceholder && header.subHeaders?.length > 0;
+            if (!isGroupHeader)
+                return result;
+            result[`--header-${header.id}-size`] = getSpanSizeFromSizing(header, tableState.columnSizing, CELL_PADDING + CELL_BORDER);
+            return result;
+        }, vars), {});
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        table,
+        columnSize,
+        columnSizing,
+        columnSizingInfo,
+        tableColumnOrder,
+        tableColumnVisibility
+    ]);
+}
+function getSpanMetricsFromSizing(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+header, sizing) {
+    if (!header.subHeaders?.length) {
+        const id = header.column.id;
+        return {
+            leafCount: 1,
+            leafSum: sizing[id] ?? header.getSize()
+        };
+    }
+    return header.subHeaders.reduce((acc, sub) => {
+        const m = getSpanMetricsFromSizing(sub, sizing);
+        return {
+            leafCount: acc.leafCount + m.leafCount,
+            leafSum: acc.leafSum + m.leafSum
+        };
+    }, { leafSum: 0, leafCount: 0 });
+}
+function getSpanSizeFromSizing(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+header, sizing, betweenLeavesPx) {
+    if (header.isPlaceholder)
+        return header.getSize();
+    const { leafSum, leafCount } = getSpanMetricsFromSizing(header, sizing);
+    const between = Math.max(0, leafCount - 1) * betweenLeavesPx;
+    return leafSum + between;
+}
+//# sourceMappingURL=useGroupedHeaderColumnSizer.js.map

package/lib/esm/components/table/useGroupedHeaderColumnSizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupedHeaderColumnSizer.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useGroupedHeaderColumnSizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEjE,MAAM,UAAU,2BAA2B,CACvC,KAAqB,EACrB,UAAsB;IAEtB,MAAM,UAAU,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;IACxD,MAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC;IACtD,MAAM,qBAAqB,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IAChE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;IACtD,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC,MAAM,CACjC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACZ,KAAK,CAAC,OAAO,CAAC,MAAM,CAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;YAC5D,MAAM,aAAa,GAAG,CAAC,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,CAAC,CAAC;YAE7E,IAAI,CAAC,aAAa;gBAAE,OAAO,MAAM,CAAC;YAElC,MAAM,CAAC,YAAY,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,qBAAqB,CACxD,MAAM,EACN,UAAU,CAAC,YAAY,EACvB,YAAY,GAAG,WAAW,CAC7B,CAAC;YAEF,OAAO,MAAM,CAAC;QAClB,CAAC,EAAE,IAAI,CAAC,EACZ,EAAE,CACL,CAAC;QACF,uDAAuD;IAC3D,CAAC,EAAE;QACC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,gBAAgB;QAChB,gBAAgB;QAChB,qBAAqB;KACxB,CAAC,CAAC;AACP,CAAC;AAID,SAAS,wBAAwB;AAC7B,8DAA8D;AAC9D,MAAwB,EACxB,MAA0C;IAE1C,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;QAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,OAAO;YACH,SAAS,EAAE,CAAC;YACZ,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,OAAO,EAAE;SAC1C,CAAC;IACN,CAAC;IAED,OAAO,MAAM,CAAC,UAAU,CAAC,MAAM,CAC3B,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACT,MAAM,CAAC,GAAG,wBAAwB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAChD,OAAO;YACH,SAAS,EAAE,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS;YACtC,OAAO,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO;SACnC,CAAC;IACN,CAAC,EACD,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAC/B,CAAC;AACN,CAAC;AAED,SAAS,qBAAqB;AAC1B,8DAA8D;AAC9D,MAAwB,EACxB,MAA0C,EAC1C,eAAuB;IAEvB,IAAI,MAAM,CAAC,aAAa;QAAE,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC;IAElD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;IAC7D,OAAO,OAAO,GAAG,OAAO,CAAC;AAC7B,CAAC"}

package/lib/esm/components/table/useTable.d.ts

@@ -0,0 +1,122 @@
+import { type InitialTableState, type Row, type Table as TableAPI, type TableOptions } from './reactTableBase';
+/**
+ * `UseTableOptions` is a reexport of `TableOptions` with more options and relevant documentation.
+ * Not all properties supported by `@tanstack/react-table` have been documented here.
+ */
+export interface UseTableOptions<T = unknown> extends Omit<TableOptions<T>, 'getCoreRowModel' | 'state' | 'onStateChange'> {
+    /**
+     * The typed column definitions. Every column in the table must have its own definition.
+     */
+    columns: TableOptions<T>['columns'];
+    /**
+     * The table data. Each row will receive an instance of this element.
+     */
+    data: TableOptions<T>['data'];
+    /**
+     * The table state can be provided to make the it controlled. See the documentation regarding recommended usage
+     * of this property.
+     */
+    state?: TableOptions<T>['state'];
+    /**
+     * Use this option to optionally pass initial state to the table. This state will be used
+     * when resetting various table states either automatically by the table (eg. `options.autoResetPageIndex`)
+     * or via functions like `table.resetRowSelection()`.
+     * */
+    initialState?: InitialTableState;
+    /**
+     * Allows row selection. An optional function can be provided to conditionally allow row selection.
+     *
+     * @default true
+     */
+    enableRowSelection?: TableOptions<T>['enableRowSelection'];
+    /**
+     * Allows row expansion.
+     *
+     * @default true
+     */
+    enableExpanding?: TableOptions<T>['enableExpanding'];
+    /**
+     * Allows column sorting.
+     *
+     * @default true
+     */
+    enableSorting?: TableOptions<T>['enableSorting'];
+    /**
+     * Allows general filtering.
+     *
+     * @default true
+     */
+    enableFilters?: TableOptions<T>['enableFilters'];
+    /**
+     * Allows global filter in top toolbar.
+     *
+     * @default true
+     */
+    enableGlobalFilter?: boolean;
+    /**
+     * Set true to display table loading indicator.
+     *
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * When set, the provided component will be used instead of the original `<Spinner />`.
+     */
+    loadingIndicator?: React.ReactNode;
+    /**
+     * When defined, the callback can return an optional class name that will be added to the specific row.
+     * Depending on the CSS properties in the class, it might be needed to use `!important` to take higher
+     * precedence.
+     */
+    getRowClassName?: (originalRow: T, index: number) => string | null | undefined;
+    /**
+     * When defined, callback is called to determine if the row is clickable. Return `false` to disable clicking.
+     */
+    getRowClickable?: (originalRow: T, index: number) => boolean;
+    /**
+     * Callback is called when row is clicked.
+     */
+    onRowClick?: (originalRow: T, row: Row<T>, event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Callback is called when there are changes to the `pagination` property of the table `state`.
+     */
+    onPaginationChange?: TableOptions<T>['onPaginationChange'];
+    /**
+     * Callback is called when there are changes to the `rowSelection` property of the table `state`.
+     */
+    onRowSelectionChange?: TableOptions<T>['onRowSelectionChange'];
+    /**
+     * Callback is called when there are changes to the `expanded` property of the table `state`.
+     */
+    onExpandedChange?: TableOptions<T>['onExpandedChange'];
+    /**
+     * Callback is called when there are changes to the `globalFilter` property of the table `state`.
+     */
+    onGlobalFilterChange?: TableOptions<T>['onGlobalFilterChange'];
+    /**
+     * The callback might return an optional list of sub-rows to be rendered when the parent row
+     * is expanded.
+     */
+    getSubRows?: (originalRow: T, index: number) => undefined | T[];
+    /**
+     * The callback might return an optional `React.ReactNode` to be rendered below the expanded row.
+     */
+    getSubComponent?: (originalRow: T, index: number) => undefined | React.ReactNode;
+    /**
+     * Normally, the sub-components can be controlled using the standard `state.expanded` and its related
+     * event handlers. When that is not desirable, provide this callback which will override the `expanded`
+     * state. When using this callback, the column helper `expansion` only controls sub-rows.
+     */
+    getSubComponentExpanded?: (originalRow: T, index: number) => boolean;
+}
+export interface TableMetadata {
+    enableGlobalFilter: UseTableOptions['enableGlobalFilter'];
+    getRowClickable: UseTableOptions['getRowClickable'];
+    getSubComponent: UseTableOptions['getSubComponent'];
+    getSubComponentExpanded: UseTableOptions['getSubComponentExpanded'];
+    getRowClassName: UseTableOptions['getRowClassName'];
+    isLoading: UseTableOptions['isLoading'];
+    loadingIndicator: UseTableOptions['loadingIndicator'];
+    onRowClick: UseTableOptions['onRowClick'];
+}
+export declare function useTable<T>(options: UseTableOptions<T>): TableAPI<T>;