@douglasneuroinformatics/libui 5.0.2 → 6.0.0

package/dist/components/CopyButton/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/components/CopyButton/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAC;AAI9C,MAAM,CAAC,MAAM,UAAU,GAA6F,CAAC,EACnH,IAAI,EACJ,IAAI,EACJ,OAAO,EACR,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB,OAAO,CAAC,CAAC;IAEjE,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;gBACtB,SAAS,CAAC,SAAS;qBAChB,SAAS,CAAC,IAAI,CAAC;qBACf,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;qBAC/B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;YACjB,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC,YAED,KAAC,eAAe,IAAC,IAAI,EAAC,WAAW,YAC/B,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACpB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAEvB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAE5B,KAAK,CAAC,KAAK,CAAC;qBACV,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,KAAG,CAAC;qBAC1C,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,kBAAkB,KAAG,CAAC;qBAC7C,UAAU,EAAE,IANV,KAAK,CAOC,GACG,GACX,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,5 @@
+import type { RowData } from '@tanstack/table-core';
+import type { DataTableProps } from './types.ts';
+export declare const DataTable: <T extends RowData>({ emptyStateProps, onSearchChange, togglesComponent, ...props }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export * as TanstackTable from '@tanstack/table-core';
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAMpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,OAAO,EAAE,iEAK1C,cAAc,CAAC,CAAC,CAAC,4CAiBnB,CAAC;AAEF,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC"}

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { DataTableContext } from "./context.js";
+import { DataTableContent } from "./DataTableContent.js";
+import { createDataTableStore } from "./store.js";
+export const DataTable = ({ emptyStateProps, onSearchChange, togglesComponent, ...props }) => {
+    const storeRef = useRef(createDataTableStore(props));
+    useEffect(() => {
+        const { reset } = storeRef.current.getState();
+        reset(props);
+    }, [props]);
+    return (_jsx(DataTableContext.Provider, { value: { store: storeRef.current }, children: _jsx(DataTableContent, { emptyStateProps: emptyStateProps, togglesComponent: togglesComponent, onSearchChange: onSearchChange }) }));
+};
+export * as TanstackTable from '@tanstack/table-core';
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAIlD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAoB,EAC3C,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QAC9C,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,YAC3D,KAAC,gBAAgB,IACf,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,GACwB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC"}

package/dist/components/DataTable/DataTableBody.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { DataTableEmptyStateProps } from './DataTableEmptyState.tsx';
+export declare const DataTableBody: React.FC<{
+    emptyStateProps?: Partial<DataTableEmptyStateProps>;
+}>;
+//# sourceMappingURL=DataTableBody.d.ts.map

package/dist/components/DataTable/DataTableBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableBody.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,eAAe,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAA;CAAE,CA4D3F,CAAC"}

package/dist/components/DataTable/DataTableBody.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from '#hooks';
+import { DataTableEmptyState } from "./DataTableEmptyState.js";
+import { useDataTableHandle } from "./hooks.js";
+import { flexRender } from "./utils.js";
+export const DataTableBody = ({ emptyStateProps }) => {
+    const rows = useDataTableHandle('rows');
+    const { t } = useTranslation();
+    return (_jsx("div", { className: "flex flex-col", "data-testid": "data-table-body", children: rows.length === 0 ? (_jsx("div", { className: "sticky left-0 flex h-72 items-center justify-center px-6 py-3", style: {
+                width: 'calc(var(--table-container-width) * 1px)'
+            }, children: _jsx(DataTableEmptyState, { title: t({
+                    en: 'No Results',
+                    fr: 'Aucun résultat'
+                }), ...emptyStateProps }) })) : (rows.map((row) => (_jsx("div", { className: "flex border-b last:border-b-0", "data-testid": "data-table-row", id: row.id, children: row.getVisibleCells().map((cell) => {
+                const style = {
+                    width: `calc(var(--col-${cell.column.id}-size) * 1px)`
+                };
+                if (cell.column.getIsPinned() === 'left') {
+                    style.left = `${cell.column.getStart('left')}px`;
+                    style.position = 'sticky';
+                    style.zIndex = 20;
+                }
+                else if (cell.column.getIsPinned() === 'right') {
+                    style.right = `${cell.column.getAfter('right')}px`;
+                    style.position = 'sticky';
+                    style.zIndex = 20;
+                }
+                // no border with actions on right
+                // TODO - consider resizing toggle in this case
+                if (cell.column.getIsLastColumn('center')) {
+                    style.borderRight = 'none';
+                }
+                const content = flexRender(cell.column.columnDef.cell, cell.getContext());
+                return (_jsx("div", { className: "bg-background flex items-center border-r px-4 py-2 last:border-r-0", style: style, children: content && typeof content === 'object' ? content : _jsx("span", { className: "block truncate", children: content }) }, cell.id));
+            }) }, row.id)))) }));
+};
+//# sourceMappingURL=DataTableBody.js.map

package/dist/components/DataTable/DataTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableBody.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableBody.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAa,CAAC;AAIzC,MAAM,CAAC,MAAM,aAAa,GAAsE,CAAC,EAC/F,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,iBAAa,iBAAiB,YACzD,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,cACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE;gBACL,KAAK,EAAE,0CAA0C;aAClD,YAED,KAAC,mBAAmB,IAClB,KAAK,EAAE,CAAC,CAAC;oBACP,EAAE,EAAE,YAAY;oBAChB,EAAE,EAAE,gBAAgB;iBACrB,CAAC,KACE,eAAe,GACnB,GACE,CACP,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChB,cAAK,SAAS,EAAC,+BAA+B,iBAAa,gBAAgB,EAAC,EAAE,EAAE,GAAG,CAAC,EAAE,YACnF,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClC,MAAM,KAAK,GAAwB;oBACjC,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,CAAC,EAAE,eAAe;iBACvD,CAAC;gBACF,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;oBACzC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;oBACjD,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;oBAC1B,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;gBACpB,CAAC;qBAAM,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE,CAAC;oBACjD,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;oBACnD,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;oBAC1B,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;gBACpB,CAAC;gBACD,kCAAkC;gBAClC,+CAA+C;gBAC/C,IAAI,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAC1C,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;gBAC7B,CAAC;gBACD,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC1E,OAAO,CACL,cACE,SAAS,EAAC,oEAAoE,EAE9E,KAAK,EAAE,KAAK,YAEX,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gBAAgB,YAAE,OAAO,GAAQ,IAHhG,IAAI,CAAC,EAAE,CAIR,CACP,CAAC;YACJ,CAAC,CAAC,IA7ByF,GAAG,CAAC,EAAE,CA8B7F,CACP,CAAC,CACH,GACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/DataTableContent.d.ts

@@ -0,0 +1,4 @@
+import type { RowData } from '@tanstack/table-core';
+import type { DataTableContentProps } from './types.ts';
+export declare const DataTableContent: <T extends RowData>({ emptyStateProps, onSearchChange, togglesComponent }: DataTableContentProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableContent.d.ts.map

package/dist/components/DataTable/DataTableContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableContent.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AASpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,OAAO,EAAE,uDAIjD,qBAAqB,CAAC,CAAC,CAAC,4CAoB1B,CAAC"}

package/dist/components/DataTable/DataTableContent.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TABLE_NAME_METADATA_KEY } from "./constants.js";
+import { DataTableBody } from "./DataTableBody.js";
+import { DataTableControls } from "./DataTableControls.js";
+import { DataTableHead } from "./DataTableHead.js";
+import { DataTablePagination } from "./DataTablePagination.js";
+import { useContainerRef, useDataTableHandle, useDataTableStore } from "./hooks.js";
+export const DataTableContent = ({ emptyStateProps, onSearchChange, togglesComponent }) => {
+    const containerRef = useContainerRef();
+    const meta = useDataTableHandle('tableMeta');
+    const style = useDataTableStore((state) => state.style);
+    return (_jsxs("div", { className: "bg-background flex w-full flex-col", "data-name": meta[TABLE_NAME_METADATA_KEY], "data-testid": "data-table", children: [_jsx(DataTableControls, { togglesComponent: togglesComponent, onSearchChange: onSearchChange }), _jsx("div", { className: "relative w-full overflow-auto rounded-md border", ref: containerRef, children: _jsxs("div", { className: "flex min-w-full flex-col text-sm tracking-tight", style: style, children: [_jsx(DataTableHead, {}), _jsx(DataTableBody, { emptyStateProps: emptyStateProps })] }) }), _jsx(DataTablePagination, {})] }));
+};
+//# sourceMappingURL=DataTableContent.js.map

package/dist/components/DataTable/DataTableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableContent.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAIpF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAoB,EAClD,eAAe,EACf,cAAc,EACd,gBAAgB,EACS,EAAE,EAAE;IAC7B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,iBAAiB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,eACE,SAAS,EAAC,oCAAoC,eACnC,IAAI,CAAC,uBAAuB,CAAC,iBAC5B,YAAY,aAExB,KAAC,iBAAiB,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,GAAI,EACzF,cAAK,SAAS,EAAC,iDAAiD,EAAC,GAAG,EAAE,YAAY,YAChF,eAAK,SAAS,EAAC,iDAAiD,EAAC,KAAK,EAAE,KAAK,aAC3E,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,IAAC,eAAe,EAAE,eAAe,GAAI,IAC/C,GACF,EACN,KAAC,mBAAmB,KAAG,IACnB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/DataTableControls.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { RowData, Table } from '@tanstack/table-core';
+import type { SearchChangeHandler } from './types.ts';
+export declare const DataTableControls: <T extends RowData>({ onSearchChange, togglesComponent: Toggles }: {
+    onSearchChange?: SearchChangeHandler<T>;
+    togglesComponent?: React.FC<{
+        table: Table<T>;
+    }>;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableControls.d.ts.map

package/dist/components/DataTable/DataTableControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableControls.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAO3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,OAAO,EAAE,+CAGlD;IACD,cAAc,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC,CAAC;CAClD,4CAqCA,CAAC"}

package/dist/components/DataTable/DataTableControls.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from '#hooks';
+import { SearchBar } from "../SearchBar/SearchBar.js";
+import { useDataTableHandle, useDataTableStore } from "./hooks.js";
+export const DataTableControls = ({ onSearchChange, togglesComponent: Toggles }) => {
+    const table = useDataTableHandle('table');
+    const setGlobalFilter = useDataTableStore((store) => store.setGlobalFilter);
+    const [searchValue, setSearchValue] = useState('');
+    const { t } = useTranslation();
+    useEffect(() => {
+        if (onSearchChange) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            onSearchChange(searchValue, table);
+        }
+        else {
+            setGlobalFilter(searchValue || undefined);
+        }
+    }, [onSearchChange, searchValue]);
+    return (_jsxs("div", { className: "flex flex-col items-center gap-4 pb-4 md:flex-row", children: [_jsx(SearchBar, { className: "w-full grow", "data-testid": "data-table-search-bar", placeholder: t({
+                    en: 'Search...',
+                    fr: 'Rechercher...'
+                }), value: searchValue, onValueChange: (value) => {
+                    setSearchValue(value);
+                } }), Toggles && (_jsx("div", { className: "flex w-full items-center gap-2 md:w-auto", children: _jsx(Toggles, { table: table }) }))] }));
+};
+//# sourceMappingURL=DataTableControls.js.map

package/dist/components/DataTable/DataTableControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableControls.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableControls.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA4B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAInE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAoB,EACnD,cAAc,EACd,gBAAgB,EAAE,OAAO,EAI1B,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC5E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE,CAAC;YACnB,iEAAiE;YACjE,cAAc,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,SAAS,EAAC,mDAAmD,aAChE,KAAC,SAAS,IACR,SAAS,EAAC,aAAa,iBACX,uBAAuB,EACnC,WAAW,EAAE,CAAC,CAAC;oBACb,EAAE,EAAE,WAAW;oBACf,EAAE,EAAE,eAAe;iBACpB,CAAC,EACF,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,cAAc,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,GACD,EACD,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI,GACrB,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/DataTableEmptyState.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { LucideIcon } from 'lucide-react';
+export type DataTableEmptyStateProps = {
+    className?: string;
+    description?: string;
+    icon?: LucideIcon;
+    title: string;
+};
+export declare const DataTableEmptyState: React.FC<DataTableEmptyStateProps>;
+//# sourceMappingURL=DataTableEmptyState.d.ts.map

package/dist/components/DataTable/DataTableEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAalE,CAAC"}

package/dist/components/DataTable/DataTableEmptyState.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '#utils';
+export const DataTableEmptyState = ({ className, description, icon: Icon, title }) => {
+    return (_jsxs("div", { className: cn('flex flex-col items-center justify-center', className), "data-testid": "data-table-empty-state", children: [Icon && _jsx(Icon, { className: "text-muted-foreground mb-2", style: { height: '20px', width: '20px' } }), _jsx("h3", { className: "text-foreground text-sm font-semibold", children: title }), description && _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: description })] }));
+};
+//# sourceMappingURL=DataTableEmptyState.js.map

package/dist/components/DataTable/DataTableEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableEmptyState.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableEmptyState.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAS5B,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,SAAS,EACT,WAAW,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EACN,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,iBAAc,wBAAwB,aAC7G,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,EAClG,aAAI,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAM,EACjE,WAAW,IAAI,YAAG,SAAS,EAAC,oCAAoC,YAAE,WAAW,GAAK,IAC/E,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/DataTableHead.d.ts

@@ -0,0 +1,2 @@
+export declare const DataTableHead: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableHead.d.ts.map

package/dist/components/DataTable/DataTableHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHead.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableHead.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,+CAsDzB,CAAC"}

package/dist/components/DataTable/DataTableHead.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDataTableHandle } from "./hooks.js";
+import { flexRender } from "./utils.js";
+export const DataTableHead = () => {
+    const headerGroups = useDataTableHandle('headerGroups');
+    const rowCount = useDataTableHandle('rowCount');
+    return (_jsx("div", { className: "flex flex-col", "data-testid": "data-table-head", style: { display: rowCount ? 'flex' : 'none' }, children: headerGroups.map((headerGroup) => (_jsx("div", { className: "flex", children: headerGroup.headers.map((header) => {
+                const style = {
+                    // TODO - add more robust solution - should be able to block centering also - also set correct typing
+                    justifyContent: header.column.columnDef.meta?.centered ? 'center' : 'start',
+                    width: `calc(var(--header-${header?.id}-size) * 1px)`
+                };
+                if (header.column.getIsPinned() === 'left') {
+                    style.left = `${header.column.getStart('left')}px`;
+                    style.position = 'sticky';
+                    style.zIndex = 20;
+                }
+                else if (header.column.getIsPinned() === 'right') {
+                    style.right = `${header.column.getAfter('right')}px`;
+                    style.position = 'sticky';
+                    style.zIndex = 20;
+                }
+                // no border with actions on right
+                // TODO - consider resizing toggle in this case
+                if (header.column.getIsLastColumn('center')) {
+                    style.borderRight = 'none';
+                }
+                return (_jsxs("div", { className: "group/cell bg-background relative flex items-center border-r border-b px-4 py-2 last:border-r-0", style: style, children: [!header.isPlaceholder && flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanResize() && (_jsx("div", { className: "absolute top-0 right-0 z-10 h-full w-[1px]", children: _jsx("button", { className: "group-hover/cell:bg-border absolute -right-[1px] h-full w-full cursor-col-resize touch-none rounded-md bg-transparent select-none group-hover/cell:-right-[2px] group-hover/cell:w-[3px]", style: { transform: header.column.getIsLastColumn() ? 'translateX(-2px)' : undefined }, type: "button", onDoubleClick: header.column.resetSize, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() }) }))] }, header.id));
+            }) }, headerGroup.id))) }));
+};
+//# sourceMappingURL=DataTableHead.js.map

package/dist/components/DataTable/DataTableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHead.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableHead.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAa,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,YAAY,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,iBAAa,iBAAiB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,YACxG,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,cAAK,SAAS,EAAC,MAAM,YAClB,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBAClC,MAAM,KAAK,GAAwB;oBACjC,qGAAqG;oBACrG,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;oBAC3E,KAAK,EAAE,qBAAqB,MAAM,EAAE,EAAE,eAAe;iBACtD,CAAC;gBACF,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;oBAC3C,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;oBACnD,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;oBAC1B,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;gBACpB,CAAC;qBAAM,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE,CAAC;oBACnD,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;oBACrD,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;oBAC1B,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;gBACpB,CAAC;gBACD,kCAAkC;gBAClC,+CAA+C;gBAC/C,IAAI,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAC5C,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;gBAC7B,CAAC;gBACD,OAAO,CACL,eACE,SAAS,EAAC,iGAAiG,EAE3G,KAAK,EAAE,KAAK,aAEX,CAAC,MAAM,CAAC,aAAa,IAAI,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,EACxF,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAC/B,cAAK,SAAS,EAAC,4CAA4C,YACzD,iBACE,SAAS,EAAC,0LAA0L,EACpM,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EAAE,EACtF,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EACtC,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,EACtC,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,GACvC,GACE,CACP,KAfI,MAAM,CAAC,EAAE,CAgBV,CACP,CAAC;YACJ,CAAC,CAAC,IA1CuB,WAAW,CAAC,EAAE,CA2CnC,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/DataTablePagination.d.ts

@@ -0,0 +1,2 @@
+export declare const DataTablePagination: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTablePagination.d.ts.map

package/dist/components/DataTable/DataTablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTablePagination.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB,+CAuD/B,CAAC"}

package/dist/components/DataTable/DataTablePagination.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { range } from 'lodash-es';
+import { ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon } from 'lucide-react';
+import { Button } from "../Button/Button.js";
+import { useDataTableHandle, useDataTableStore } from "./hooks.js";
+export const DataTablePagination = () => {
+    const { pageCount, pageIndex } = useDataTableHandle('paginationInfo');
+    const setPageIndex = useDataTableStore((store) => store.setPageIndex);
+    const start = Math.max(0, Math.min(pageIndex - 1, pageCount - 3));
+    const end = Math.max(Math.min(start + 3, pageCount), 1);
+    const pageIndexOptions = range(start, end);
+    const lastPageIndex = pageCount - 1;
+    return (_jsxs("div", { className: "mx-auto flex w-min gap-0.5 py-4 [&>button]:h-9", children: [_jsx(Button, { disabled: pageIndex === 0, size: "icon", type: "button", variant: "ghost", onClick: () => setPageIndex(0), children: _jsx(ChevronsLeftIcon, { className: "h-4 w-4" }) }), _jsx(Button, { disabled: pageIndex === 0, size: "icon", type: "button", variant: "ghost", onClick: () => setPageIndex(pageIndex - 1), children: _jsx(ChevronLeftIcon, { className: "h-4 w-4" }) }), pageIndexOptions.map((index) => (_jsx(Button, { size: "icon", type: "button", variant: index === pageIndex ? 'outline' : 'ghost', onClick: () => setPageIndex(index), children: index + 1 }, index))), _jsx(Button, { disabled: pageIndex === lastPageIndex, size: "icon", type: "button", variant: "ghost", onClick: () => setPageIndex(pageIndex + 1), children: _jsx(ChevronRightIcon, { className: "h-4 w-4" }) }), _jsx(Button, { disabled: pageIndex === lastPageIndex, size: "icon", type: "button", variant: "ghost", onClick: () => setPageIndex(lastPageIndex), children: _jsx(ChevronsRightIcon, { className: "h-4 w-4" }) })] }));
+};
+//# sourceMappingURL=DataTablePagination.js.map

package/dist/components/DataTable/DataTablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePagination.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTablePagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtG,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEtE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;IAClE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IAExD,MAAM,gBAAgB,GAAG,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC3C,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,MAAM,IAAC,QAAQ,EAAE,SAAS,KAAK,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,YACzG,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,GAAG,GACjC,EACT,KAAC,MAAM,IACL,QAAQ,EAAE,SAAS,KAAK,CAAC,EACzB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,YAE1C,KAAC,eAAe,IAAC,SAAS,EAAC,SAAS,GAAG,GAChC,EACR,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/B,KAAC,MAAM,IAEL,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAClD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAEjC,KAAK,GAAG,CAAC,IANL,KAAK,CAOH,CACV,CAAC,EACF,KAAC,MAAM,IACL,QAAQ,EAAE,SAAS,KAAK,aAAa,EACrC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,YAE1C,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,GAAG,GACjC,EACT,KAAC,MAAM,IACL,QAAQ,EAAE,SAAS,KAAK,aAAa,EACrC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,YAE1C,KAAC,iBAAiB,IAAC,SAAS,EAAC,SAAS,GAAG,GAClC,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/DataTableRowActionCell.d.ts

@@ -0,0 +1,3 @@
+import type { CellContext, RowData } from '@tanstack/table-core';
+export declare const DataTableRowActionCell: <T extends RowData>({ row, table }: CellContext<T, unknown>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DataTableRowActionCell.d.ts.map

package/dist/components/DataTable/DataTableRowActionCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRowActionCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableRowActionCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAUjE,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,OAAO,EAAE,gBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,mDAwDhG,CAAC"}

package/dist/components/DataTable/DataTableRowActionCell.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreHorizontalIcon } from 'lucide-react';
+import { useDestructiveAction, useTranslation } from '#hooks';
+import { cn } from '#utils';
+import { Button } from "../Button/Button.js";
+import { DropdownMenu } from "../DropdownMenu/DropdownMenu.js";
+import { ROW_ACTIONS_METADATA_KEY, TABLE_NAME_METADATA_KEY } from "./constants.js";
+export const DataTableRowActionCell = ({ row, table }) => {
+    const destructiveAction = useDestructiveAction();
+    const rowActions = table.options.meta?.[ROW_ACTIONS_METADATA_KEY];
+    const tableName = table.options.meta?.[TABLE_NAME_METADATA_KEY];
+    const { t } = useTranslation();
+    if (!rowActions) {
+        console.error('Expected rowActions to be defined in table metadata');
+        return null;
+    }
+    return (_jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx(Button, { className: "-m-1.5", "data-table-name": table.options.meta?.name, "data-testid": "row-actions-trigger", size: "icon", variant: "ghost", children: _jsx(MoreHorizontalIcon, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenu.Content, { align: "end", "data-table-name": tableName, "data-testid": "row-actions-dropdown", children: [_jsx(DropdownMenu.Label, { children: t({
+                                en: 'Actions',
+                                fr: 'Actions'
+                            }) }), rowActions.map(({ destructive, disabled, label, onSelect }, i) => (_jsx(DropdownMenu.Item, { className: cn('cursor-pointer data-[disabled]:pointer-events-auto data-[disabled]:cursor-not-allowed', destructive && 'text-destructive'), disabled: typeof disabled === 'function' ? disabled(row.original) : disabled, onSelect: () => {
+                                if (destructive) {
+                                    destructiveAction(() => void onSelect(row.original, table));
+                                }
+                                else {
+                                    void onSelect(row.original, table);
+                                }
+                            }, children: label }, i)))] })] }) }));
+};
+//# sourceMappingURL=DataTableRowActionCell.js.map

package/dist/components/DataTable/DataTableRowActionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRowActionCell.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableRowActionCell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAkC,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAEnF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAoB,EAAE,GAAG,EAAE,KAAK,EAA2B,EAAE,EAAE;IACnG,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,wBAAwB,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,uBAAuB,CAAC,CAAC;IAEhE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CAAC,qDAAqD,CAAC,CAAC;QACrE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,YAC7D,MAAC,YAAY,eACX,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,kBAC3B,KAAC,MAAM,IACL,SAAS,EAAC,QAAQ,qBACD,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,iBAC7B,qBAAqB,EACjC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,YAEf,KAAC,kBAAkB,IAAC,SAAS,EAAC,SAAS,GAAG,GACnC,GACY,EACvB,MAAC,YAAY,CAAC,OAAO,IAAC,KAAK,EAAC,KAAK,qBAAkB,SAAS,iBAAc,sBAAsB,aAC9F,KAAC,YAAY,CAAC,KAAK,cAChB,CAAC,CAAC;gCACD,EAAE,EAAE,SAAS;gCACb,EAAE,EAAE,SAAS;6BACd,CAAC,GACiB,EACpB,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACjE,KAAC,YAAY,CAAC,IAAI,IAChB,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,WAAW,IAAI,kBAAkB,CAClC,EACD,QAAQ,EAAE,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAE5E,QAAQ,EAAE,GAAG,EAAE;gCACb,IAAI,WAAW,EAAE,CAAC;oCAChB,iBAAiB,CAAC,GAAG,EAAE,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;gCAC9D,CAAC;qCAAM,CAAC;oCACN,KAAK,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gCACrC,CAAC;4BACH,CAAC,YAEA,KAAK,IATD,CAAC,CAUY,CACrB,CAAC,IACmB,IACV,GACX,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const ACTIONS_COLUMN_ID: "__actions";
+export declare const MEMOIZED_HANDLE_ID: unique symbol;
+export declare const ROW_ACTIONS_METADATA_KEY: unique symbol;
+export declare const TABLE_NAME_METADATA_KEY: unique symbol;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/DataTable/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,EAAG,WAAoB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,eAAW,CAAC;AAE3C,eAAO,MAAM,wBAAwB,eAAW,CAAC;AAEjD,eAAO,MAAM,uBAAuB,eAAW,CAAC"}

package/dist/components/DataTable/constants.js

@@ -0,0 +1,5 @@
+export const ACTIONS_COLUMN_ID = '__actions';
+export const MEMOIZED_HANDLE_ID = Symbol();
+export const ROW_ACTIONS_METADATA_KEY = Symbol();
+export const TABLE_NAME_METADATA_KEY = Symbol();
+//# sourceMappingURL=constants.js.map

package/dist/components/DataTable/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/DataTable/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,EAAE,CAAC;AAE3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,EAAE,CAAC;AAEjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,EAAE,CAAC"}

package/dist/components/DataTable/context.d.ts

@@ -0,0 +1,5 @@
+import type { DataTableStoreApi } from './store.ts';
+export declare const DataTableContext: import("react").Context<{
+    store: DataTableStoreApi;
+}>;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/DataTable/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,eAAO,MAAM,gBAAgB;WAA0B,iBAAiB;EAAU,CAAC"}

package/dist/components/DataTable/context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const DataTableContext = createContext(null);
+//# sourceMappingURL=context.js.map

package/dist/components/DataTable/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/DataTable/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAA+B,IAAK,CAAC,CAAC"}

package/dist/components/DataTable/hooks.d.ts

@@ -0,0 +1,15 @@
+import type { DataTableStore } from './types.ts';
+export declare function useContainerRef(): import("react").RefObject<HTMLDivElement | null>;
+export declare function useDataTableStore<T>(selector: (state: DataTableStore) => T): T;
+export declare function useDataTableHandle<TKey extends keyof DataTableStore['$handles']>(key: TKey, forceRender?: boolean): {
+    headerGroups: import("@tanstack/table-core").HeaderGroup<any>[];
+    paginationInfo: {
+        pageCount: number;
+        pageIndex: number;
+    };
+    rowCount: number;
+    rows: import("@tanstack/table-core").Row<any>[];
+    table: import("@tanstack/table-core").Table<any>;
+    tableMeta: import("@tanstack/table-core").TableMeta<any>;
+}[TKey];
+//# sourceMappingURL=hooks.d.ts.map

package/dist/components/DataTable/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/hooks.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,wBAAgB,eAAe,qDA6B9B;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,KAG1E;AAED,wBAAgB,kBAAkB,CAAC,IAAI,SAAS,MAAM,cAAc,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,UAAQ;;;;;;;;;;QAa/G"}

package/dist/components/DataTable/hooks.js

@@ -0,0 +1,47 @@
+import { useContext, useEffect, useRef } from 'react';
+import { useStore } from 'zustand';
+import { useStoreWithEqualityFn } from 'zustand/traditional';
+import { MEMOIZED_HANDLE_ID } from "./constants.js";
+import { DataTableContext } from "./context.js";
+export function useContainerRef() {
+    const containerRef = useRef(null);
+    const setContainerWidth = useDataTableStore((state) => state.setContainerWidth);
+    useEffect(() => {
+        let timeout;
+        let delay = 0;
+        const observer = new ResizeObserver(([entry]) => {
+            clearTimeout(timeout);
+            timeout = setTimeout(() => {
+                delay = 100;
+                if (entry?.contentBoxSize[0]?.inlineSize) {
+                    const containerWidth = entry.contentBoxSize[0].inlineSize;
+                    setContainerWidth(containerWidth);
+                }
+            }, delay);
+        });
+        if (containerRef.current) {
+            observer.observe(containerRef.current);
+        }
+        return () => {
+            observer.disconnect();
+            clearTimeout(timeout);
+        };
+    }, []);
+    return containerRef;
+}
+export function useDataTableStore(selector) {
+    const context = useContext(DataTableContext);
+    return useStore(context.store, selector);
+}
+export function useDataTableHandle(key, forceRender = false) {
+    const context = useContext(DataTableContext);
+    const { handle } = useStoreWithEqualityFn(context.store, 
+    // the function is already updated by the time of equality check, so we cache it here
+    (store) => ({
+        globalKey: store._key,
+        handle: store.$handles[key],
+        handleKey: store.$handles[key][MEMOIZED_HANDLE_ID]
+    }), forceRender ? (a, b) => a.globalKey === b.globalKey : (a, b) => a.handleKey === b.handleKey);
+    return handle();
+}
+//# sourceMappingURL=hooks.js.map

package/dist/components/DataTable/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/components/DataTable/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,MAAM,UAAU,eAAe;IAC7B,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAEhF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAsC,CAAC;QAC3C,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YAC9C,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,KAAK,GAAG,GAAG,CAAC;gBACZ,IAAI,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC;oBACzC,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;oBAC1D,iBAAiB,CAAC,cAAc,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC,CAAC,CAAC;QAEH,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;QACD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAI,QAAsC;IACzE,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,OAAO,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAgD,GAAS,EAAE,WAAW,GAAG,KAAK;IAC9G,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,sBAAsB,CACvC,OAAO,CAAC,KAAK;IACb,qFAAqF;IACrF,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,SAAS,EAAE,KAAK,CAAC,IAAI;QACrB,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC3B,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,kBAAkB,CAAC;KACnD,CAAC,EACF,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,SAAS,CAC5F,CAAC;IACF,OAAO,MAAM,EAAE,CAAC;AAClB,CAAC"}

package/dist/components/DataTable/store.d.ts

@@ -0,0 +1,4 @@
+import type { DataTableStore, DataTableStoreParams } from './types.ts';
+export declare function createDataTableStore<T>(params: DataTableStoreParams<T>): import("zustand").StoreApi<DataTableStore>;
+export type DataTableStoreApi = ReturnType<typeof createDataTableStore>;
+//# sourceMappingURL=store.d.ts.map

package/dist/components/DataTable/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/store.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvE,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,8CAmLtE;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC"}