@ekz/blueprintjs 0.2.0 → 0.2.1

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

@@ -0,0 +1,69 @@
+"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) {
+                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":"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"}

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":";;AAkKA,4BAwBC;AA1LD,uDAAsD;AAEtD,qDAa0B;AAmJ1B,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,7 @@
+export * from './common';
+export * from './components/pagination';
+export * from './components/table';
+export * from './theme';
+export { Classes } from './common';
+export * from '@blueprintjs/core';
+export * from '@blueprintjs/select';

package/lib/cjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Classes = void 0;
+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);
+tslib_1.__exportStar(require("./theme"), exports);
+// @blueprintjs/core and @blueprintjs/select both export their own `Classes`
+// namespace, ambiguous with ours from ./common — pin ours explicitly so the
+// star exports below don't collide.
+var common_1 = require("./common");
+Object.defineProperty(exports, "Classes", { enumerable: true, get: function () { return common_1.Classes; } });
+tslib_1.__exportStar(require("@blueprintjs/core"), exports);
+tslib_1.__exportStar(require("@blueprintjs/select"), 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;AACnC,kDAAwB;AAExB,4EAA4E;AAC5E,4EAA4E;AAC5E,oCAAoC;AACpC,mCAAmC;AAA1B,iGAAA,OAAO,OAAA;AAChB,4DAAkC;AAClC,8DAAoC"}

package/lib/cjs/theme/baseTheme.d.ts

@@ -0,0 +1,39 @@
+export declare const blueprintBaseTheme: {
+    white: string;
+    gray1: string;
+    gray2: string;
+    gray3: string;
+    gray4: string;
+    gray5: string;
+    lightGray1: string;
+    lightGray2: string;
+    lightGray3: string;
+    lightGray4: string;
+    lightGray5: string;
+    darkGray1: string;
+    darkGray2: string;
+    darkGray3: string;
+    darkGray4: string;
+    darkGray5: string;
+    blue1: string;
+    blue2: string;
+    blue3: string;
+    blue4: string;
+    blue5: string;
+    green1: string;
+    green2: string;
+    green3: string;
+    green4: string;
+    green5: string;
+    orange1: string;
+    orange2: string;
+    orange3: string;
+    orange4: string;
+    orange5: string;
+    red1: string;
+    red2: string;
+    red3: string;
+    red4: string;
+    red5: string;
+};
+export type BlueprintBaseTheme = typeof blueprintBaseTheme;

package/lib/cjs/theme/baseTheme.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blueprintBaseTheme = void 0;
+const core_1 = require("@blueprintjs/core");
+// Blueprint's own neutral/semantic color scale, reshaped for spreading into a
+// styled-components theme. Apps add their own brand-specific tokens (primary,
+// accent, ...) on top — this only covers colors Blueprint already defines, so
+// there's nothing here for an app to get "wrong" or drift on.
+exports.blueprintBaseTheme = {
+    white: core_1.Colors.WHITE,
+    gray1: core_1.Colors.GRAY1,
+    gray2: core_1.Colors.GRAY2,
+    gray3: core_1.Colors.GRAY3,
+    gray4: core_1.Colors.GRAY4,
+    gray5: core_1.Colors.GRAY5,
+    lightGray1: core_1.Colors.LIGHT_GRAY1,
+    lightGray2: core_1.Colors.LIGHT_GRAY2,
+    lightGray3: core_1.Colors.LIGHT_GRAY3,
+    lightGray4: core_1.Colors.LIGHT_GRAY4,
+    lightGray5: core_1.Colors.LIGHT_GRAY5,
+    darkGray1: core_1.Colors.DARK_GRAY1,
+    darkGray2: core_1.Colors.DARK_GRAY2,
+    darkGray3: core_1.Colors.DARK_GRAY3,
+    darkGray4: core_1.Colors.DARK_GRAY4,
+    darkGray5: core_1.Colors.DARK_GRAY5,
+    blue1: core_1.Colors.BLUE1,
+    blue2: core_1.Colors.BLUE2,
+    blue3: core_1.Colors.BLUE3,
+    blue4: core_1.Colors.BLUE4,
+    blue5: core_1.Colors.BLUE5,
+    green1: core_1.Colors.GREEN1,
+    green2: core_1.Colors.GREEN2,
+    green3: core_1.Colors.GREEN3,
+    green4: core_1.Colors.GREEN4,
+    green5: core_1.Colors.GREEN5,
+    orange1: core_1.Colors.ORANGE1,
+    orange2: core_1.Colors.ORANGE2,
+    orange3: core_1.Colors.ORANGE3,
+    orange4: core_1.Colors.ORANGE4,
+    orange5: core_1.Colors.ORANGE5,
+    red1: core_1.Colors.RED1,
+    red2: core_1.Colors.RED2,
+    red3: core_1.Colors.RED3,
+    red4: core_1.Colors.RED4,
+    red5: core_1.Colors.RED5
+};
+//# sourceMappingURL=baseTheme.js.map

package/lib/cjs/theme/baseTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseTheme.js","sourceRoot":"","sources":["../../../src/main/web/theme/baseTheme.ts"],"names":[],"mappings":";;;AAAA,4CAA2C;AAE3C,8EAA8E;AAC9E,8EAA8E;AAC9E,8EAA8E;AAC9E,8DAA8D;AACjD,QAAA,kBAAkB,GAAG;IAC9B,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,UAAU,EAAE,aAAM,CAAC,WAAW;IAC9B,UAAU,EAAE,aAAM,CAAC,WAAW;IAC9B,UAAU,EAAE,aAAM,CAAC,WAAW;IAC9B,UAAU,EAAE,aAAM,CAAC,WAAW;IAC9B,UAAU,EAAE,aAAM,CAAC,WAAW;IAC9B,SAAS,EAAE,aAAM,CAAC,UAAU;IAC5B,SAAS,EAAE,aAAM,CAAC,UAAU;IAC5B,SAAS,EAAE,aAAM,CAAC,UAAU;IAC5B,SAAS,EAAE,aAAM,CAAC,UAAU;IAC5B,SAAS,EAAE,aAAM,CAAC,UAAU;IAC5B,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,KAAK,EAAE,aAAM,CAAC,KAAK;IACnB,MAAM,EAAE,aAAM,CAAC,MAAM;IACrB,MAAM,EAAE,aAAM,CAAC,MAAM;IACrB,MAAM,EAAE,aAAM,CAAC,MAAM;IACrB,MAAM,EAAE,aAAM,CAAC,MAAM;IACrB,MAAM,EAAE,aAAM,CAAC,MAAM;IACrB,OAAO,EAAE,aAAM,CAAC,OAAO;IACvB,OAAO,EAAE,aAAM,CAAC,OAAO;IACvB,OAAO,EAAE,aAAM,CAAC,OAAO;IACvB,OAAO,EAAE,aAAM,CAAC,OAAO;IACvB,OAAO,EAAE,aAAM,CAAC,OAAO;IACvB,IAAI,EAAE,aAAM,CAAC,IAAI;IACjB,IAAI,EAAE,aAAM,CAAC,IAAI;IACjB,IAAI,EAAE,aAAM,CAAC,IAAI;IACjB,IAAI,EAAE,aAAM,CAAC,IAAI;IACjB,IAAI,EAAE,aAAM,CAAC,IAAI;CACpB,CAAC"}

package/lib/cjs/theme/blueprintTheme.d.ts

@@ -0,0 +1,26 @@
+export type IntentName = 'primary' | 'success' | 'warning' | 'danger' | 'default';
+export type IntentShades = {
+    rest: string;
+    hover?: string;
+    active?: string;
+    disabled?: string;
+    foreground?: string;
+};
+export type SurfaceShadows = Partial<Record<0 | 1 | 2 | 3 | 4, string>>;
+export type SurfaceText = {
+    default?: string;
+    hover?: string;
+    disabled?: string;
+    muted?: string;
+};
+export type BlueprintTheme = Partial<Record<IntentName, IntentShades>> & {
+    spacing?: string;
+    borderRadius?: string;
+    borderWidth?: string;
+    borderColorDefault?: string;
+    borderColorStrong?: string;
+    layerOpacity?: string;
+    shadows?: SurfaceShadows;
+    text?: SurfaceText;
+};
+export declare function applyBlueprintTheme(theme: BlueprintTheme, target?: HTMLElement): void;

package/lib/cjs/theme/blueprintTheme.js

@@ -0,0 +1,99 @@
+"use strict";
+// Blueprint 6 themes its compiled CSS via custom properties on :root (see
+// @blueprintjs/core/lib/css/blueprint.css: --bp-intent-<name>-rest/hover/active/disabled/foreground).
+// This lets an app drive those variables straight from its own design tokens (e.g. a
+// styled-components theme), instead of hand-overriding compiled component selectors
+// (which only covers the components you remembered to patch, and breaks on Blueprint
+// upgrades) or hardcoding the same brand hex a second time in Sass.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyBlueprintTheme = applyBlueprintTheme;
+function clampByte(value) {
+    return Math.min(255, Math.max(0, Math.round(value)));
+}
+function hexToRgb(hex) {
+    const value = hex.replace('#', '');
+    const parts = value.length === 3
+        ? value.split('').map((c) => c + c)
+        : [value.slice(0, 2), value.slice(2, 4), value.slice(4, 6)];
+    const [r, g, b] = parts.map((part) => parseInt(part, 16));
+    return [r, g, b];
+}
+function byteToHex(c) {
+    const hex = clampByte(c).toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+}
+function rgbToHex([r, g, b]) {
+    return '#' + byteToHex(r) + byteToHex(g) + byteToHex(b);
+}
+// Mixes `hex` toward black (target 0) or white (target 255) by `weight` (0-1),
+// approximating what a design tool's "darken/lighten" slider would produce.
+function mix(hex, target, weight) {
+    const rgb = hexToRgb(hex);
+    return rgbToHex(rgb.map((c) => c + (target - c) * weight));
+}
+function cssPropsForIntent(intent, shades) {
+    return {
+        [`--bp-intent-${intent}-rest`]: shades.rest,
+        [`--bp-intent-${intent}-hover`]: shades.hover ?? mix(shades.rest, 0, 0.15),
+        [`--bp-intent-${intent}-active`]: shades.active ?? mix(shades.rest, 0, 0.3),
+        [`--bp-intent-${intent}-disabled`]: shades.disabled ?? mix(shades.rest, 255, 0.45),
+        [`--bp-intent-${intent}-foreground`]: shades.foreground ?? '#ffffff'
+    };
+}
+const intentNames = ['primary', 'success', 'warning', 'danger', 'default'];
+function applyBlueprintTheme(theme, target = document.documentElement) {
+    for (const intent of intentNames) {
+        const shades = theme[intent];
+        if (!shades) {
+            continue;
+        }
+        const cssProps = cssPropsForIntent(intent, shades);
+        for (const prop of Object.keys(cssProps)) {
+            target.style.setProperty(prop, cssProps[prop]);
+        }
+    }
+    if (theme.primary) {
+        target.style.setProperty('--bp-emphasis-focus-color', theme.primary.rest);
+    }
+    if (theme.spacing != null) {
+        target.style.setProperty('--bp-surface-spacing', theme.spacing);
+    }
+    if (theme.borderRadius != null) {
+        target.style.setProperty('--bp-surface-border-radius', theme.borderRadius);
+    }
+    if (theme.borderWidth != null) {
+        target.style.setProperty('--bp-surface-border-width', theme.borderWidth);
+    }
+    if (theme.borderColorDefault != null) {
+        target.style.setProperty('--bp-surface-border-color-default', theme.borderColorDefault);
+    }
+    if (theme.borderColorStrong != null) {
+        target.style.setProperty('--bp-surface-border-color-strong', theme.borderColorStrong);
+    }
+    if (theme.layerOpacity != null) {
+        target.style.setProperty('--bp-surface-layer-opacity', theme.layerOpacity);
+    }
+    if (theme.shadows) {
+        for (const level of Object.keys(theme.shadows)) {
+            const value = theme.shadows[level];
+            if (value != null) {
+                target.style.setProperty(`--bp-surface-shadow-${level}`, value);
+            }
+        }
+    }
+    if (theme.text) {
+        if (theme.text.default != null) {
+            target.style.setProperty('--bp-typography-color-default-rest', theme.text.default);
+        }
+        if (theme.text.hover != null) {
+            target.style.setProperty('--bp-typography-color-default-hover', theme.text.hover);
+        }
+        if (theme.text.disabled != null) {
+            target.style.setProperty('--bp-typography-color-default-disabled', theme.text.disabled);
+        }
+        if (theme.text.muted != null) {
+            target.style.setProperty('--bp-typography-color-muted', theme.text.muted);
+        }
+    }
+}
+//# sourceMappingURL=blueprintTheme.js.map