@ekz/blueprintjs 0.2.0 → 0.2.1

package/lib/esnext/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/esnext/components/table/useTable.js

@@ -0,0 +1,28 @@
+import { useReactTable } from '@tanstack/react-table';
+import { getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel } from './reactTableBase';
+export function useTable(options) {
+    return useReactTable({
+        columnResizeMode: 'onChange',
+        getCoreRowModel: getCoreRowModel(),
+        getExpandedRowModel: getExpandedRowModel(),
+        getFacetedMinMaxValues: getFacetedMinMaxValues(),
+        getFacetedRowModel: getFacetedRowModel(),
+        getFacetedUniqueValues: getFacetedUniqueValues(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: 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/esnext/components/table/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EACH,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EAKpB,MAAM,kBAAkB,CAAC;AAmJ1B,MAAM,UAAU,QAAQ,CAAI,OAA2B;IACnD,OAAO,aAAa,CAAC;QACjB,gBAAgB,EAAE,UAAU;QAC5B,eAAe,EAAE,eAAe,EAAE;QAClC,mBAAmB,EAAE,mBAAmB,EAAE;QAC1C,sBAAsB,EAAE,sBAAsB,EAAE;QAChD,kBAAkB,EAAE,kBAAkB,EAAE;QACxC,sBAAsB,EAAE,sBAAsB,EAAE;QAChD,mBAAmB,EAAE,mBAAmB,EAAE;QAC1C,qBAAqB,EAAE,qBAAqB,EAAE;QAC9C,iBAAiB,EAAE,iBAAiB,EAAE;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/esnext/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/esnext/components/table/useTableExport.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export 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/esnext/components/table/useTableExport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableExport.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useTableExport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,8DAA8D;AAC9D,MAAM,UAAU,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/esnext/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/esnext/components/table/useTableState.js

@@ -0,0 +1,11 @@
+import { useState } from 'react';
+export function useTableState(table) {
+    const state = useState(table.initialState);
+    table.setOptions((previous) => ({
+        ...previous,
+        onStateChange: state[1],
+        state: state[0]
+    }));
+    return state;
+}
+//# sourceMappingURL=useTableState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableState.js","sourceRoot":"","sources":["../../../../src/main/web/components/table/useTableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIrE,MAAM,UAAU,aAAa,CACzB,KAAe;IAEf,MAAM,KAAK,GAAG,QAAQ,CAAC,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/esnext/components/table/utils.d.ts

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

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

@@ -0,0 +1,5 @@
+export function stopPropagation(event) {
+    event.stopPropagation();
+    event.preventDefault();
+}
+//# sourceMappingURL=utils.js.map

package/lib/esnext/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,MAAM,UAAU,eAAe,CAAC,KAA2B;IACvD,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,cAAc,EAAE,CAAC;AAC3B,CAAC"}

package/lib/esnext/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/esnext/index.js

@@ -0,0 +1,11 @@
+export * from './common';
+export * from './components/pagination';
+export * from './components/table';
+export * from './theme';
+// @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.
+export { Classes } from './common';
+export * from '@blueprintjs/core';
+export * from '@blueprintjs/select';
+//# sourceMappingURL=index.js.map

package/lib/esnext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/main/web/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AAExB,4EAA4E;AAC5E,4EAA4E;AAC5E,oCAAoC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/lib/esnext/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/esnext/theme/baseTheme.js

@@ -0,0 +1,44 @@
+import { Colors } from '@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.
+export const blueprintBaseTheme = {
+    white: Colors.WHITE,
+    gray1: Colors.GRAY1,
+    gray2: Colors.GRAY2,
+    gray3: Colors.GRAY3,
+    gray4: Colors.GRAY4,
+    gray5: Colors.GRAY5,
+    lightGray1: Colors.LIGHT_GRAY1,
+    lightGray2: Colors.LIGHT_GRAY2,
+    lightGray3: Colors.LIGHT_GRAY3,
+    lightGray4: Colors.LIGHT_GRAY4,
+    lightGray5: Colors.LIGHT_GRAY5,
+    darkGray1: Colors.DARK_GRAY1,
+    darkGray2: Colors.DARK_GRAY2,
+    darkGray3: Colors.DARK_GRAY3,
+    darkGray4: Colors.DARK_GRAY4,
+    darkGray5: Colors.DARK_GRAY5,
+    blue1: Colors.BLUE1,
+    blue2: Colors.BLUE2,
+    blue3: Colors.BLUE3,
+    blue4: Colors.BLUE4,
+    blue5: Colors.BLUE5,
+    green1: Colors.GREEN1,
+    green2: Colors.GREEN2,
+    green3: Colors.GREEN3,
+    green4: Colors.GREEN4,
+    green5: Colors.GREEN5,
+    orange1: Colors.ORANGE1,
+    orange2: Colors.ORANGE2,
+    orange3: Colors.ORANGE3,
+    orange4: Colors.ORANGE4,
+    orange5: Colors.ORANGE5,
+    red1: Colors.RED1,
+    red2: Colors.RED2,
+    red3: Colors.RED3,
+    red4: Colors.RED4,
+    red5: Colors.RED5
+};
+//# sourceMappingURL=baseTheme.js.map

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

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

package/lib/esnext/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/esnext/theme/blueprintTheme.js

@@ -0,0 +1,96 @@
+// 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.
+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'];
+export 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

package/lib/esnext/theme/blueprintTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprintTheme.js","sourceRoot":"","sources":["../../../src/main/web/theme/blueprintTheme.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,sGAAsG;AACtG,qFAAqF;AACrF,oFAAoF;AACpF,qFAAqF;AACrF,oEAAoE;AAgCpE,SAAS,SAAS,CAAC,KAAa;IAC5B,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,QAAQ,CAAC,GAAW;IACzB,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACnC,MAAM,KAAK,GACP,KAAK,CAAC,MAAM,KAAK,CAAC;QACd,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACrB,CAAC;AAED,SAAS,SAAS,CAAC,CAAS;IACxB,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACtC,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAC9C,CAAC;AAED,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAA2B;IACjD,OAAO,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC5D,CAAC;AAED,+EAA+E;AAC/E,4EAA4E;AAC5E,SAAS,GAAG,CAAC,GAAW,EAAE,MAAc,EAAE,MAAc;IACpD,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,CAA6B,CAAC,CAAC;AAC3F,CAAC;AAED,SAAS,iBAAiB,CAAC,MAAkB,EAAE,MAAoB;IAC/D,OAAO;QACH,CAAC,eAAe,MAAM,OAAO,CAAC,EAAE,MAAM,CAAC,IAAI;QAC3C,CAAC,eAAe,MAAM,QAAQ,CAAC,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC;QAC1E,CAAC,eAAe,MAAM,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC;QAC3E,CAAC,eAAe,MAAM,WAAW,CAAC,EAAE,MAAM,CAAC,QAAQ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;QAClF,CAAC,eAAe,MAAM,aAAa,CAAC,EAAE,MAAM,CAAC,UAAU,IAAI,SAAS;KACvE,CAAC;AACN,CAAC;AAED,MAAM,WAAW,GAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;AAEzF,MAAM,UAAU,mBAAmB,CAC/B,KAAqB,EACrB,SAAsB,QAAQ,CAAC,eAAe;IAE9C,KAAK,MAAM,MAAM,IAAI,WAAW,EAAE,CAAC;QAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QAE7B,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,SAAS;QACb,CAAC;QAED,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAEnD,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,2BAA2B,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC;IAED,IAAI,KAAK,CAAC,YAAY,IAAI,IAAI,EAAE,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/E,CAAC;IAED,IAAI,KAAK,CAAC,WAAW,IAAI,IAAI,EAAE,CAAC;QAC5B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,2BAA2B,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7E,CAAC;IAED,IAAI,KAAK,CAAC,kBAAkB,IAAI,IAAI,EAAE,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,mCAAmC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAC5F,CAAC;IAED,IAAI,KAAK,CAAC,iBAAiB,IAAI,IAAI,EAAE,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,kCAAkC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC1F,CAAC;IAED,IAAI,KAAK,CAAC,YAAY,IAAI,IAAI,EAAE,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/E,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAwC,CAAC,CAAC;YAEtE,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;gBAChB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;YACpE,CAAC;QACL,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACb,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;YAC7B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,oCAAoC,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvF,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;YAC3B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,qCAAqC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtF,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE,CAAC;YAC9B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,wCAAwC,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5F,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;YAC3B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9E,CAAC;IACL,CAAC;AACL,CAAC"}

package/lib/esnext/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { applyBlueprintTheme } from './blueprintTheme';
+export type { BlueprintTheme, IntentName, IntentShades } from './blueprintTheme';
+export { useBlueprintTheme } from './useBlueprintTheme';
+export { blueprintBaseTheme } from './baseTheme';
+export type { BlueprintBaseTheme } from './baseTheme';
+export { spacing, GAP } from './spacing';

package/lib/esnext/theme/index.js

@@ -0,0 +1,5 @@
+export { applyBlueprintTheme } from './blueprintTheme';
+export { useBlueprintTheme } from './useBlueprintTheme';
+export { blueprintBaseTheme } from './baseTheme';
+export { spacing, GAP } from './spacing';
+//# sourceMappingURL=index.js.map

package/lib/esnext/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/web/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC"}

package/lib/esnext/theme/spacing.d.ts

@@ -0,0 +1,2 @@
+export declare function spacing(multiplier: number): string;
+export declare const GAP: string;

package/lib/esnext/theme/spacing.js

@@ -0,0 +1,9 @@
+// Derives app spacing from Blueprint's own --bp-surface-spacing custom property
+// (see blueprintTheme.ts's `theme.spacing` override) instead of hardcoding pixel
+// values, so app-wide gaps/padding stay in lockstep if that variable ever changes.
+export function spacing(multiplier) {
+    return `calc(var(--bp-surface-spacing) * ${multiplier})`;
+}
+// The app's standard gap/padding unit — 12px at Blueprint's default 4px surface spacing.
+export const GAP = spacing(3);
+//# sourceMappingURL=spacing.js.map

package/lib/esnext/theme/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../../src/main/web/theme/spacing.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,iFAAiF;AACjF,mFAAmF;AACnF,MAAM,UAAU,OAAO,CAAC,UAAkB;IACtC,OAAO,oCAAoC,UAAU,GAAG,CAAC;AAC7D,CAAC;AAED,yFAAyF;AACzF,MAAM,CAAC,MAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC"}

package/lib/esnext/theme/useBlueprintTheme.d.ts

@@ -0,0 +1,2 @@
+import type { BlueprintTheme } from './blueprintTheme';
+export declare function useBlueprintTheme(theme: BlueprintTheme): void;

package/lib/esnext/theme/useBlueprintTheme.js

@@ -0,0 +1,9 @@
+import { useLayoutEffect } from 'react';
+import { applyBlueprintTheme } from './blueprintTheme';
+export function useBlueprintTheme(theme) {
+    useLayoutEffect(() => {
+        applyBlueprintTheme(theme);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [JSON.stringify(theme)]);
+}
+//# sourceMappingURL=useBlueprintTheme.js.map

package/lib/esnext/theme/useBlueprintTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlueprintTheme.js","sourceRoot":"","sources":["../../../src/main/web/theme/useBlueprintTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,UAAU,iBAAiB,CAAC,KAAqB;IACnD,eAAe,CAAC,GAAG,EAAE;QACjB,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC3B,uDAAuD;IAC3D,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ekz/blueprintjs",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,9 +22,9 @@
     "@blueprintjs/core": "^6.16.0",
     "@blueprintjs/icons": "^6.11.0",
     "@blueprintjs/select": "^6.3.0",
-    "@ekz/react-utils": "workspace:^",
+    "@ekz/react-utils": "^1.0.2",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.3",
+    "@tanstack/react-virtual": "^3.14.4",
     "@tanstack/table-core": "^8.21.3",
     "classnames": "^2.5.1",
     "invariant": "^2.2.4"
@@ -34,7 +34,7 @@
     "@testing-library/react": "^16.3.2",
     "@types/bluebird": "^3.5.42",
     "@types/jest": "^30.0.0",
-    "@types/luxon": "^3.7.1",
+    "@types/luxon": "^3.7.2",
     "npm-run-all": "^4.1.5",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
@@ -55,6 +55,6 @@
     "compile:esnext": "tsc -p ./src/main/web -t esnext --outDir ./lib/esnext",
     "compile:css": "sass --load-path=node_modules --load-path=../node_modules --load-path=../../../node_modules src/main/web:lib/css",
     "dev": "yarn compile:esm --watch",
-    "prepublish": "yarn clean && yarn lint && yarn compile"
+    "prepack": "yarn clean && yarn lint && yarn compile"
   }
 }