@ekz/blueprintjs 0.1.0

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CELL_BORDER = exports.CELL_PADDING = void 0;
+exports.useAutoColumnSizer = useAutoColumnSizer;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const theme_1 = require("./theme");
+exports.CELL_PADDING = 20;
+exports.CELL_BORDER = 1;
+function useAutoColumnSizer(ref, table, theme) {
+    const visibleFlatColumns = table.getVisibleFlatColumns();
+    const setColumnSizing = table.setColumnSizing;
+    const recalculate = React.useCallback(() => {
+        const availableWidth = (ref?.clientWidth ?? 0) -
+            visibleFlatColumns.length * exports.CELL_PADDING - // cell padding
+            (visibleFlatColumns.length - exports.CELL_BORDER) - // cell border
+            (theme === theme_1.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/cjs/components/table/useAutoColumnSizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoColumnSizer.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useAutoColumnSizer.ts"],"names":[],"mappings":";;;AAQA,gDA4DC;;AApED,qDAA+B;AAG/B,mCAAqC;AAExB,QAAA,YAAY,GAAG,EAAE,CAAC;AAClB,QAAA,WAAW,GAAG,CAAC,CAAC;AAE7B,SAAgB,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,oBAAY,GAAG,eAAe;YAC1D,CAAC,kBAAkB,CAAC,MAAM,GAAG,mBAAW,CAAC,GAAG,cAAc;YAC1D,CAAC,KAAK,KAAK,kBAAU,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/cjs/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/cjs/components/table/useAutoHeight.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutoHeight = useAutoHeight;
+const tslib_1 = require("tslib");
+const invariant_1 = tslib_1.__importDefault(require("invariant"));
+const React = tslib_1.__importStar(require("react"));
+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];
+    (0, invariant_1.default)(autoHeight == null || maxPageSize > minPageSize, 'maxPageSize must be greater than minPageSize');
+    (0, invariant_1.default)(autoHeight == null || minPageSize > 0, 'minPageSize must be greater than 0');
+    (0, invariant_1.default)(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/cjs/components/table/useAutoHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoHeight.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useAutoHeight.ts"],"names":[],"mappings":";;AAMA,sCA+FC;;AArGD,kEAAkC;AAClC,qDAA+B;AAK/B,SAAgB,aAAa,CACzB,UAAkE,EAClE,sBAA0C,EAC1C,mBAAuC,EACvC,0BAA8C,EAC9C,qBAA0C,EAC1C,KAA6B,EAC7B,KAAqB,EACrB,GAA0B,EAC1B,OAAwC,EACxC,gBAAiD;IAEjD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC;IAE7D,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAExD,IAAA,mBAAS,EACL,UAAU,IAAI,IAAI,IAAI,WAAW,GAAG,WAAW,EAC/C,8CAA8C,CACjD,CAAC;IACF,IAAA,mBAAS,EAAC,UAAU,IAAI,IAAI,IAAI,WAAW,GAAG,CAAC,EAAE,oCAAoC,CAAC,CAAC;IACvF,IAAA,mBAAS,EAAC,UAAU,IAAI,IAAI,IAAI,WAAW,GAAG,CAAC,EAAE,oCAAoC,CAAC,CAAC;IAEvF,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,WAAW,GAAG,CAAC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACrC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CACzB,sBAAsB,IAAI,GAAG,EAAE,aAAa,EAAE,YAAY,IAAI,CAAC,EAC/D,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAC1C,CAAC;YACF,MAAM,WAAW,GAAG,GAAG,EAAE,YAAY,IAAI,CAAC,CAAC;YAC3C,MAAM,UAAU,GACZ,OAAO,CAAC,OAAO,EAAE,YAAY,IAAI,gBAAgB,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC,CAAC;YACjF,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;YAC/C,MAAM,gBAAgB,GAClB,0BAA0B;gBAC1B,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAE9D,MAAM,gBAAgB,GAAG,WAAW,GAAG,UAAU,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mCAAmC;YACjH,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACrB,IAAI,CAAC,GAAG,CAAC,CAAC,YAAY,GAAG,gBAAgB,CAAC,GAAG,gBAAgB,EAAE,WAAW,CAAC,EAC3E,WAAW,CACd,CAAC;YACF,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;gBAC3B,sCAAsC;gBACtC,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE;oBACjC,gBAAgB;oBAChB,UAAU;oBACV,WAAW;oBACX,WAAW;oBACX,QAAQ;oBACR,YAAY;oBACZ,WAAW;oBACX,eAAe;iBAClB,CAAC,CAAC;YACP,CAAC;YACD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC5C,CAAC;QACD,uDAAuD;IAC3D,CAAC,EAAE;QACC,GAAG;QACH,WAAW;QACX,WAAW;QACX,sBAAsB;QACtB,mBAAmB;QACnB,0BAA0B;QAC1B,eAAe;QACf,KAAK;QACL,KAAK;KACR,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEhE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,OAA8B,EAAE,EAAE;QAC/B,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC5B,iBAAiB,EAAE,CAAC;YACxB,CAAC;QACL,CAAC;IACL,CAAC,EACD,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAC3B,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC;IACvC,KAAK,CAAC,SAAS,CAAC,GAAwB,EAAE;QACtC,IAAI,qBAAqB,IAAI,UAAU,IAAI,IAAI,IAAI,cAAc,IAAI,IAAI,EAAE,CAAC;YACxE,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACrC,iBAAiB,EAAE,CAAC;YACxB,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;YACjC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvC,CAAC;IACL,CAAC,EAAE,CAAC,qBAAqB,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE3E,OAAO,YAAY,CAAC;AACxB,CAAC"}

package/lib/cjs/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/cjs/components/table/useGroupedHeaderColumnSizer.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGroupedHeaderColumnSizer = useGroupedHeaderColumnSizer;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const useAutoColumnSizer_1 = require("./useAutoColumnSizer");
+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_1.default.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, useAutoColumnSizer_1.CELL_PADDING + useAutoColumnSizer_1.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/cjs/components/table/useGroupedHeaderColumnSizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupedHeaderColumnSizer.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useGroupedHeaderColumnSizer.tsx"],"names":[],"mappings":";;AAKA,kEAmCC;;AAxCD,0DAA0B;AAG1B,6DAAiE;AAEjE,SAAgB,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,eAAK,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,iCAAY,GAAG,gCAAW,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/cjs/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>;

package/lib/cjs/components/table/useTable.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTable = useTable;
+const react_table_1 = require("@tanstack/react-table");
+const reactTableBase_1 = require("./reactTableBase");
+function useTable(options) {
+    return (0, react_table_1.useReactTable)({
+        columnResizeMode: 'onChange',
+        getCoreRowModel: (0, reactTableBase_1.getCoreRowModel)(),
+        getExpandedRowModel: (0, reactTableBase_1.getExpandedRowModel)(),
+        getFacetedMinMaxValues: (0, reactTableBase_1.getFacetedMinMaxValues)(),
+        getFacetedRowModel: (0, reactTableBase_1.getFacetedRowModel)(),
+        getFacetedUniqueValues: (0, reactTableBase_1.getFacetedUniqueValues)(),
+        getFilteredRowModel: (0, reactTableBase_1.getFilteredRowModel)(),
+        getPaginationRowModel: (0, reactTableBase_1.getPaginationRowModel)(),
+        getSortedRowModel: (0, reactTableBase_1.getSortedRowModel)(),
+        ...options,
+        meta: {
+            ...options.meta,
+            enableGlobalFilter: options.enableGlobalFilter ?? true,
+            getRowClickable: options.getRowClickable,
+            getSubComponent: options.getSubComponent,
+            getSubComponentExpanded: options.getSubComponentExpanded,
+            getRowClassName: options.getRowClassName,
+            isLoading: options.isLoading,
+            loadingIndicator: options.loadingIndicator,
+            onRowClick: options.onRowClick
+        }
+    });
+}
+//# sourceMappingURL=useTable.js.map

package/lib/cjs/components/table/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useTable.ts"],"names":[],"mappings":";;AAgKA,4BAwBC;AAxLD,uDAAsD;AAEtD,qDAa0B;AAiJ1B,SAAgB,QAAQ,CAAI,OAA2B;IACnD,OAAO,IAAA,2BAAa,EAAC;QACjB,gBAAgB,EAAE,UAAU;QAC5B,eAAe,EAAE,IAAA,gCAAe,GAAE;QAClC,mBAAmB,EAAE,IAAA,oCAAmB,GAAE;QAC1C,sBAAsB,EAAE,IAAA,uCAAsB,GAAE;QAChD,kBAAkB,EAAE,IAAA,mCAAkB,GAAE;QACxC,sBAAsB,EAAE,IAAA,uCAAsB,GAAE;QAChD,mBAAmB,EAAE,IAAA,oCAAmB,GAAE;QAC1C,qBAAqB,EAAE,IAAA,sCAAqB,GAAE;QAC9C,iBAAiB,EAAE,IAAA,kCAAiB,GAAE;QACtC,GAAG,OAAO;QACV,IAAI,EAAE;YACF,GAAG,OAAO,CAAC,IAAI;YACf,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,IAAI,IAAI;YACtD,eAAe,EAAE,OAAO,CAAC,eAAe;YACxC,eAAe,EAAE,OAAO,CAAC,eAAe;YACxC,uBAAuB,EAAE,OAAO,CAAC,uBAAuB;YACxD,eAAe,EAAE,OAAO,CAAC,eAAe;YACxC,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;YAC1C,UAAU,EAAE,OAAO,CAAC,UAAU;SACjC;KACJ,CAAC,CAAC;AACP,CAAC"}

package/lib/cjs/components/table/useTableExport.d.ts

@@ -0,0 +1,6 @@
+import type { Table as TableAPI } from './reactTableBase';
+export interface TableExport {
+    createCsv: () => string;
+    downloadCsvAsBlob: (fileName: string) => void;
+}
+export declare function useTableExport(table: TableAPI<any>): TableExport;

package/lib/cjs/components/table/useTableExport.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableExport = useTableExport;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function useTableExport(table) {
+    const createCsv = React.useCallback(() => {
+        return [
+            table
+                .getVisibleFlatColumns()
+                .filter((column) => column.accessorFn != null)
+                .map((column) => column.id)
+                .map((value) => `"${value.toString().replace(/"/g, '""')}"`)
+                .join(',')
+        ]
+            .concat(table.getPrePaginationRowModel().flatRows.map((row) => row
+            .getVisibleCells()
+            .filter((cell) => cell.column.accessorFn != null)
+            .map((cell) => cell.getValue())
+            .map((value) => typeof value === 'string' ? `"${value.replace(/"/g, '""')}"` : value)
+            .join(',')))
+            .join('\n');
+    }, [table]);
+    const downloadCsvAsBlob = React.useCallback((fileName) => {
+        const blob = new Blob([createCsv()], { type: 'text/csv' });
+        const blobUrl = URL.createObjectURL(blob);
+        const element = document.createElement('a', {});
+        element.href = blobUrl;
+        element.target = '_blank';
+        element.download = `${fileName}.csv`;
+        document.body.append(element);
+        element.click();
+        element.remove();
+    }, [createCsv]);
+    return React.useMemo(() => ({
+        createCsv,
+        downloadCsvAsBlob
+    }), [createCsv, downloadCsvAsBlob]);
+}
+//# sourceMappingURL=useTableExport.js.map

package/lib/cjs/components/table/useTableExport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableExport.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useTableExport.tsx"],"names":[],"mappings":";;AAUA,wCA+CC;;AAzDD,qDAA+B;AAS/B,8DAA8D;AAC9D,SAAgB,cAAc,CAAC,KAAoB;IAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,OAAO;YACH,KAAK;iBACA,qBAAqB,EAAE;iBACvB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC;iBAC7C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;iBAC1B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;iBAC3D,IAAI,CAAC,GAAG,CAAC;SACjB;aACI,MAAM,CACH,KAAK,CAAC,wBAAwB,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAClD,GAAG;aACE,eAAe,EAAE;aACjB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC;aAChD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;aAC9B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACX,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CACvE;aACA,IAAI,CAAC,GAAG,CAAC,CACjB,CACJ;aACA,IAAI,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,QAAgB,EAAE,EAAE;QACjB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC3D,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAChD,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC;QACvB,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC;QAC1B,OAAO,CAAC,QAAQ,GAAG,GAAG,QAAQ,MAAM,CAAC;QACrC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC9B,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO,CAAC,MAAM,EAAE,CAAC;IACrB,CAAC,EACD,CAAC,SAAS,CAAC,CACd,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAChB,GAAG,EAAE,CAAC,CAAC;QACH,SAAS;QACT,iBAAiB;KACpB,CAAC,EACF,CAAC,SAAS,EAAE,iBAAiB,CAAC,CACjC,CAAC;AACN,CAAC"}

package/lib/cjs/components/table/useTableState.d.ts

@@ -0,0 +1,3 @@
+import { type Dispatch, type SetStateAction } from 'react';
+import type { Table, TableState } from './reactTableBase';
+export declare function useTableState<T>(table: Table<T>): [TableState, Dispatch<SetStateAction<TableState>>];

package/lib/cjs/components/table/useTableState.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableState = useTableState;
+const react_1 = require("react");
+function useTableState(table) {
+    const state = (0, react_1.useState)(table.initialState);
+    table.setOptions((previous) => ({
+        ...previous,
+        onStateChange: state[1],
+        state: state[0]
+    }));
+    return state;
+}
+//# sourceMappingURL=useTableState.js.map

package/lib/cjs/components/table/useTableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableState.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useTableState.ts"],"names":[],"mappings":";;AAIA,sCAUC;AAdD,iCAAqE;AAIrE,SAAgB,aAAa,CACzB,KAAe;IAEf,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC5B,GAAG,QAAQ;QACX,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;KAClB,CAAC,CAAC,CAAC;IACJ,OAAO,KAAK,CAAC;AACjB,CAAC"}

package/lib/cjs/components/table/utils.d.ts

@@ -0,0 +1 @@
+export declare function stopPropagation(event: React.SyntheticEvent): void;

package/lib/cjs/components/table/utils.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stopPropagation = stopPropagation;
+function stopPropagation(event) {
+    event.stopPropagation();
+    event.preventDefault();
+}
+//# sourceMappingURL=utils.js.map

package/lib/cjs/components/table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/utils.ts"],"names":[],"mappings":";;AAAA,0CAGC;AAHD,SAAgB,eAAe,CAAC,KAA2B;IACvD,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,cAAc,EAAE,CAAC;AAC3B,CAAC"}

package/lib/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './common';
+export * from './components/pagination';
+export * from './components/table';

package/lib/cjs/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./common"), exports);
+tslib_1.__exportStar(require("./components/pagination"), exports);
+tslib_1.__exportStar(require("./components/table"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/main/web/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,kEAAwC;AACxC,6DAAmC"}