@ekz/blueprintjs 0.1.0

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;AAiJ1B,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,3 @@
+export * from './common';
+export * from './components/pagination';
+export * from './components/table';

package/lib/esnext/index.js

@@ -0,0 +1,4 @@
+export * from './common';
+export * from './components/pagination';
+export * from './components/table';
+//# 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"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@ekz/blueprintjs",
+  "version": "0.1.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/erkez/ekz.git",
+    "directory": "blueprintjs"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "esnext": "lib/esnext/index.js",
+  "typings": "lib/esm/index.d.ts",
+  "files": [
+    "lib"
+  ],
+  "dependencies": {
+    "@blueprintjs/core": "^6.12.1",
+    "@blueprintjs/icons": "^6.9.1",
+    "@blueprintjs/select": "^6.1.10",
+    "@ekz/react-utils": "^1.0.0",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.24",
+    "@tanstack/table-core": "^8.21.3",
+    "classnames": "^2.5.1",
+    "invariant": "^2.2.4"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@types/bluebird": "^3.5.42",
+    "@types/jest": "^30.0.0",
+    "@types/luxon": "^3.7.1",
+    "npm-run-all": "^4.1.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "sass": "1.77.8",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1 || ^19",
+    "react-dom": "^18.3.1 || ^19"
+  },
+  "scripts": {
+    "clean": "rm -rf dist/* || rm -rf lib/* || true",
+    "lint": "npx eslint --ext .ts --ext .tsx ./src/main/web",
+    "lint:fix": "yarn lint --fix",
+    "compile": "run-p \"compile:*\"",
+    "compile:esm": "tsc -p ./src/main/web --outDir ./lib/esm",
+    "compile:cjs": "tsc -p ./src/main/web -m commonjs --verbatimModuleSyntax false --outDir ./lib/cjs",
+    "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"
+  }
+}