@krosoft/react 0.0.251 → 0.0.252

package/dist/components/core/index.js

@@ -18,7 +18,7 @@ import { t as W } from "../../AppTitle-BR4JFZfp.js";
 import { n as G, t as K } from "../../states-N8-LjFng.js";
 import { AppPageHeader as q, KpiCardsLayout as J } from "./layouts/index.js";
 import { a as Y, i as X, n as Z, o as Q, r as $, t as ee } from "../../navbar-G9FexEW-.js";
-import { a as te, c as ne, d as re, f as ie, i as ae, l as oe, n as se, o as ce, r as le, s as ue, t as de, u as fe } from "../../table-DhdShTkb.js";
+import { a as te, c as ne, d as re, f as ie, i as ae, l as oe, n as se, o as ce, r as le, s as ue, t as de, u as fe } from "../../table-D7PJi2IO.js";
 import { AppTabContainer as pe, AppTabHeader as me, AppTabs as he, AppVerticalTabs as ge } from "./tabs/index.js";
 import { t as _e } from "../../theme-BGakUJ9c.js";
 export { ue as ACTIONS_COLUMN_KEY, R as ActiveFilters, z as AdvancedFilters, k as AppActions, E as AppDialog, q as AppPageHeader, A as AppSubTitle, pe as AppTabContainer, me as AppTabHeader, he as AppTabs, W as AppTitle, ge as AppVerticalTabs, v as BarChartHorizontal, C as BarChartVertical, _ as CHART_COLORS, y as ChartCard, S as CircularGauge, D as ConfirmationDialog, r as DashboardCard, de as DataTable, P as DatePicker, I as DateRangePicker, l as Dialog, c as DialogClose, p as DialogContent, g as DialogDescription, s as DialogFooter, h as DialogHeader, d as DialogOverlay, f as DialogPortal, m as DialogTitle, u as DialogTrigger, N as ErrorAlert, G as ErrorState, B as FilterField, T as FormDialog, M as GenericForm, Q as GlobalSearch, O as ImageInput, e as KpiCard, t as KpiCards, J as KpiCardsLayout, U as LanguageSelector, b as LineChart, K as LoadingState, i as MetricCard, j as MultiSelect, Y as NotificationsBell, w as PieChart, o as Progress, ne as SELECTION_COLUMN_KEY, L as SearchInput, V as SearchableFilterPill, F as SearchableSelect, $ as Sidebar, Z as SidebarHeader, X as SidebarNavItem, n as SkeletonCard, a as SkeletonCards, ie as TableActions, ce as TableBody, te as TableBulkActions, H as TableFilter, ae as TableHeader, le as TablePagination, se as TableSettings, _e as ThemeSelector, ee as Topbar, fe as getAlignmentClass, x as getChartColor, re as getColumnAlignment, oe as getFixedCellProps };

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

@@ -6,6 +6,7 @@ export interface DataTableProps<T> {
     columns: ColumnDef<T>[];
     getRowId: (row: T) => string;
     onRowClick?: (row: T, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    onRowNavigate?: (row: T) => string;
     actions?: RowAction<T>[];
     bulkActions?: BulkAction[];
     draggableColumns?: boolean;
@@ -28,5 +29,5 @@ export interface DataTableProps<T> {
     sortDirection?: "asc" | "desc";
     onSortChange?: (column: string | null, direction: "asc" | "desc") => void;
 }
-export declare function DataTable<T>({ data, columns, getRowId, onRowClick, actions, bulkActions, draggableColumns, resizableColumns, columnVisibility, isLoading, error, bordered, dense, fixedActions, noDataMessage, defaultPageSize, pageSizeOptions, totalRows, currentPage, pageSize: controlledPageSize, onPageChange, onPageSizeChange, sortColumn: controlledSortColumn, sortDirection: controlledSortDirection, onSortChange, }: DataTableProps<T>): React.JSX.Element;
+export declare function DataTable<T>({ data, columns, getRowId, onRowClick, onRowNavigate, actions, bulkActions, draggableColumns, resizableColumns, columnVisibility, isLoading, error, bordered, dense, fixedActions, noDataMessage, defaultPageSize, pageSizeOptions, totalRows, currentPage, pageSize: controlledPageSize, onPageChange, onPageSizeChange, sortColumn: controlledSortColumn, sortDirection: controlledSortDirection, onSortChange, }: DataTableProps<T>): React.JSX.Element;
 //# sourceMappingURL=DataTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMvE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAwB,EACxB,gBAAwB,EACxB,gBAAwB,EACxB,SAAiB,EACjB,KAAY,EACZ,QAAgB,EAChB,KAAa,EACb,YAAoB,EACpB,aAAa,EACb,eAAmC,EACnC,eAA2C,EAC3C,SAAS,EACT,WAAW,EACX,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EACZ,gBAAgB,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAE,uBAAuB,EACtC,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmIvC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMvE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,aAAa,EACb,OAAO,EACP,WAAW,EACX,gBAAwB,EACxB,gBAAwB,EACxB,gBAAwB,EACxB,SAAiB,EACjB,KAAY,EACZ,QAAgB,EAChB,KAAa,EACb,YAAoB,EACpB,aAAa,EACb,eAAmC,EACnC,eAA2C,EAC3C,SAAS,EACT,WAAW,EACX,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EACZ,gBAAgB,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAE,uBAAuB,EACtC,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoIvC"}

package/dist/components/core/table/TableBody.d.ts

@@ -10,6 +10,7 @@ export interface TableBodyProps<T> {
     paginatedData: T[];
     getRowId: (row: T) => string;
     onRowClick?: (row: T, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    onRowNavigate?: (row: T) => string;
     hasBulkActions: boolean;
     selectedRows: string[];
     toggleRowSelection: (id: string) => void;
@@ -23,5 +24,5 @@ export interface TableBodyProps<T> {
     resizableColumns?: boolean;
     fixedColumns?: Record<string, FixedColumnOffset>;
 }
-export declare function TableBody<T>({ isLoading, error, colSpanCount, noDataMessage, paginatedData, getRowId, onRowClick, hasBulkActions, selectedRows, toggleRowSelection, visibleColumnsArray, columnWidths, hasActions, actions, columns, bordered, dense, resizableColumns, fixedColumns, }: TableBodyProps<T>): React.JSX.Element;
+export declare function TableBody<T>({ isLoading, error, colSpanCount, noDataMessage, paginatedData, getRowId, onRowClick, onRowNavigate, hasBulkActions, selectedRows, toggleRowSelection, visibleColumnsArray, columnWidths, hasActions, actions, columns, bordered, dense, resizableColumns, fixedColumns, }: TableBodyProps<T>): React.JSX.Element;
 //# sourceMappingURL=TableBody.d.ts.map

package/dist/components/core/table/TableBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/TableBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,SAAS,EACT,KAAK,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,KAAa,EACb,gBAAwB,EACxB,YAAiB,GAClB,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0HvC"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/TableBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,SAAS,EACT,KAAK,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,KAAa,EACb,gBAAwB,EACxB,YAAiB,GAClB,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8IvC"}

package/dist/components/core/table/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../../../table-DhdShTkb.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../../../table-D7PJi2IO.js";
 export { l as ACTIONS_COLUMN_KEY, u as DataTable, t as SELECTION_COLUMN_KEY, r as TableActions, s as TableBody, e as TableBulkActions, i as TableHeader, c as TablePagination, o as TableSettings, d as getAlignmentClass, n as getColumnAlignment, a as getFixedCellProps };

package/dist/components/index.js

@@ -21,7 +21,7 @@ import { t as qr } from "../AppTitle-BR4JFZfp.js";
 import { n as Jr, t as Yr } from "../states-N8-LjFng.js";
 import { AppPageHeader as Xr, KpiCardsLayout as Zr } from "./core/layouts/index.js";
 import { a as Qr, i as $r, n as ei, o as ti, r as ni, t as ri } from "../navbar-G9FexEW-.js";
-import { a as ii, c as ai, d as oi, f as si, i as ci, l as li, n as ui, o as di, r as fi, s as pi, t as mi, u as hi } from "../table-DhdShTkb.js";
+import { a as ii, c as ai, d as oi, f as si, i as ci, l as li, n as ui, o as di, r as fi, s as pi, t as mi, u as hi } from "../table-D7PJi2IO.js";
 import { AppTabContainer as gi, AppTabHeader as _i, AppTabs as vi, AppVerticalTabs as yi } from "./core/tabs/index.js";
 import { t as bi } from "../theme-BGakUJ9c.js";
 import "./core/index.js";

package/dist/{table-DhdShTkb.js → table-D7PJi2IO.js}

@@ -6,17 +6,18 @@ import { n as p, t as m } from "./useFixedColumns-DnzqhbfT.js";
 import "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { AlertTriangleIcon as v, ArrowDownIcon as y, ArrowUpDownIcon as b, ArrowUpIcon as x, ChevronLeftIcon as S, ChevronRightIcon as C, GripVerticalIcon as w, Loader2Icon as T, MoreVerticalIcon as E, SettingsIcon as D } from "lucide-react";
+import { useNavigate as O } from "react-router-dom";
 //#region src/constants/datatable.ts
-var O = [
+var k = [
 	5,
 	10,
 	30,
 	50,
 	100
-], k = O[1];
+], A = k[1];
 //#endregion
 //#region src/components/core/table/TableActions.tsx
-function A({ actions: n, row: i }) {
+function j({ actions: n, row: i }) {
 	let s = n.filter((e) => e.visible === void 0 || e.visible(i));
 	if (s.length === 0) return null;
 	let c = s.filter((e) => e.overflow !== !0), l = s.filter((e) => e.overflow === !0);
@@ -66,26 +67,26 @@ function A({ actions: n, row: i }) {
 }
 //#endregion
 //#region src/components/core/table/columnAlignment.ts
-var j = {
+var M = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right"
 };
-function M(e) {
+function N(e) {
 	if (e.align !== void 0) return e.align;
 	let t = (e.className ?? "").split(/\s+/);
 	return t.includes("text-right") ? "right" : t.includes("text-center") ? "center" : "left";
 }
-function N(e) {
-	return j[e];
+function P(e) {
+	return M[e];
 }
 //#endregion
 //#region src/components/core/table/fixedColumns.ts
-var P = "__selection__", F = "__actions__", I = {
+var F = "__selection__", I = "__actions__", L = {
 	left: "border-r border-gray-200 dark:border-gray-800",
 	right: "border-l border-gray-200 dark:border-gray-800"
 };
-function L(e, t) {
+function R(e, t) {
 	if (e === void 0) return {
 		className: "relative",
 		style: {}
@@ -97,16 +98,16 @@ function L(e, t) {
 			n ? "z-20" : "z-10",
 			"before:absolute before:inset-0 before:-z-10 before:pointer-events-none",
 			n ? "before:bg-muted/50 dark:before:bg-gray-900/50" : "group-hover:before:bg-muted/50 dark:group-hover:before:bg-gray-900/50",
-			e.isEdge ? I[e.side] : ""
+			e.isEdge ? L[e.side] : ""
 		].filter(Boolean).join(" "),
 		style: e.side === "left" ? { left: e.offset } : { right: e.offset }
 	};
 }
 //#endregion
 //#region src/components/core/table/TableBody.tsx
-function R({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginatedData: a, getRowId: o, onRowClick: c, hasBulkActions: l, selectedRows: u, toggleRowSelection: d, visibleColumnsArray: f, columnWidths: p, hasActions: m, actions: h, columns: y, bordered: b = !1, dense: x = !1, resizableColumns: S = !1, fixedColumns: C = {} }) {
-	let { t: w } = s(), E = (e, t) => {
-		let n = y.find((e) => e.key === t);
+function z({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginatedData: a, getRowId: o, onRowClick: c, onRowNavigate: l, hasBulkActions: u, selectedRows: d, toggleRowSelection: f, visibleColumnsArray: p, columnWidths: m, hasActions: h, actions: y, columns: b, bordered: x = !1, dense: S = !1, resizableColumns: C = !1, fixedColumns: w = {} }) {
+	let { t: E } = s(), D = O(), k = (e, t) => {
+		let n = b.find((e) => e.key === t);
 		if (n?.renderCell !== void 0) return n.renderCell(e);
 		let r = e[t];
 		return /* @__PURE__ */ g("span", {
@@ -123,7 +124,7 @@ function R({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 				className: "flex flex-col items-center justify-center gap-2 text-muted-foreground",
 				children: [/* @__PURE__ */ g(T, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ g("span", {
 					className: "text-sm",
-					children: w("states.loading")
+					children: E("states.loading")
 				})]
 			})
 		}) })
@@ -147,25 +148,32 @@ function R({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 		children: /* @__PURE__ */ g("tr", { children: /* @__PURE__ */ g("td", {
 			colSpan: n,
 			className: "py-8 text-center text-sm text-muted-foreground",
-			children: r ?? w("states.noResult")
+			children: r ?? E("states.noResult")
 		}) })
 	});
-	let D = L(C[P], "body"), O = L(C[F], "body");
+	let A = R(w[F], "body"), M = R(w[I], "body"), L = l !== void 0 || c !== void 0, z = (e, t) => {
+		if (l !== void 0) {
+			let n = l(e);
+			t.ctrlKey || t.metaKey ? window.open(n, "_blank") : D(n);
+		} else c?.(e, t);
+	};
 	return /* @__PURE__ */ g("tbody", {
 		className: "divide-y divide-gray-200 dark:divide-gray-800",
 		children: a.map((e) => {
 			let t = o(e);
 			return /* @__PURE__ */ _("tr", {
-				className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${c === void 0 ? "" : "cursor-pointer"}`,
-				onClick: (t) => c?.(e, t),
+				className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${L ? "cursor-pointer" : ""}`,
+				onClick: (t) => {
+					z(e, t);
+				},
 				children: [
-					l ? /* @__PURE__ */ g("td", {
-						className: `p-1 text-center align-middle ${D.className}`,
+					u ? /* @__PURE__ */ g("td", {
+						className: `p-1 text-center align-middle ${A.className}`,
 						style: {
 							width: "48px",
 							minWidth: "48px",
 							maxWidth: "48px",
-							...D.style
+							...A.style
 						},
 						onClick: (e) => {
 							e.stopPropagation();
@@ -173,40 +181,40 @@ function R({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 						children: /* @__PURE__ */ g("div", {
 							className: "flex items-center justify-center",
 							children: /* @__PURE__ */ g(i, {
-								checked: u.includes(t),
+								checked: d.includes(t),
 								onCheckedChange: () => {
-									d(t);
+									f(t);
 								}
 							})
 						})
 					}) : null,
-					f.map((t, n) => {
-						let r = n === f.length - 1, i = L(C[t.key], "body");
+					p.map((t, n) => {
+						let r = n === p.length - 1, i = R(w[t.key], "body");
 						return /* @__PURE__ */ g("td", {
-							className: `px-2 ${x ? "py-2" : "py-4"} ${N(M(t))} ${i.className} ${b && !r ? "border-r border-gray-100 dark:border-gray-800" : ""} ${t.className ?? ""}`,
+							className: `px-2 ${S ? "py-2" : "py-4"} ${P(N(t))} ${i.className} ${x && !r ? "border-r border-gray-100 dark:border-gray-800" : ""} ${t.className ?? ""}`,
 							style: {
-								...S ? { width: p[t.key] } : { minWidth: p[t.key] },
+								...C ? { width: m[t.key] } : { minWidth: m[t.key] },
 								...i.style
 							},
 							children: /* @__PURE__ */ g("div", {
 								className: "w-full h-full",
-								children: E(e, t.key)
+								children: k(e, t.key)
 							})
 						}, t.key);
 					}),
-					m ? /* @__PURE__ */ g("td", {
-						className: `p-1 text-right align-middle whitespace-nowrap ${O.className}`,
+					h ? /* @__PURE__ */ g("td", {
+						className: `p-1 text-right align-middle whitespace-nowrap ${M.className}`,
 						style: {
 							minWidth: "32px",
-							...O.style
+							...M.style
 						},
 						onClick: (e) => {
 							e.stopPropagation();
 						},
-						children: h !== void 0 && h.length > 0 ? /* @__PURE__ */ g("div", {
+						children: y !== void 0 && y.length > 0 ? /* @__PURE__ */ g("div", {
 							className: "flex items-center justify-end",
-							children: /* @__PURE__ */ g(A, {
-								actions: h,
+							children: /* @__PURE__ */ g(j, {
+								actions: y,
 								row: e
 							})
 						}) : null
@@ -218,7 +226,7 @@ function R({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 }
 //#endregion
 //#region src/components/core/table/TableBulkActions.tsx
-function z({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
+function B({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
 	return /* @__PURE__ */ _("div", {
 		className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface",
 		children: [/* @__PURE__ */ _("div", {
@@ -259,22 +267,22 @@ function z({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
 }
 //#endregion
 //#region src/components/core/table/TableHeader.tsx
-var B = {
+var V = {
 	left: "justify-start",
 	center: "justify-center",
 	right: "justify-end"
 };
-function V({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll: r, visibleColumnsArray: a, draggableColumns: o, resizableColumns: s, columnWidths: c, sortColumn: l, sortDirection: u, handleSort: d, handleDragStart: f, handleDragOver: p, handleDrop: m, handleMouseDown: h, hasActions: v, settingsNode: S, bordered: C = !1, dense: T = !1, fixedColumns: E = {}, fixedSelection: D = !1, fixedActions: O = !1 }) {
+function H({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll: r, visibleColumnsArray: a, draggableColumns: o, resizableColumns: s, columnWidths: c, sortColumn: l, sortDirection: u, handleSort: d, handleDragStart: f, handleDragOver: p, handleDrop: m, handleMouseDown: h, hasActions: v, settingsNode: S, bordered: C = !1, dense: T = !1, fixedColumns: E = {}, fixedSelection: D = !1, fixedActions: O = !1 }) {
 	let k = !1;
 	t.length === n && n > 0 ? k = !0 : t.length > 0 && (k = "indeterminate");
 	let A = (e) => e.sortable === !0 ? l === e.key ? g(u === "asc" ? x : y, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ g(b, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, j = (e, t) => {
-		let n = t !== !1 && e.fixed === void 0, r = e.sortable === !0, i = L(E[e.key], "header"), a = M(e), o = A(e);
+		let n = t !== !1 && e.fixed === void 0, r = e.sortable === !0, i = R(E[e.key], "header"), a = N(e), o = A(e);
 		return /* @__PURE__ */ _("th", {
 			"data-column-key": e.key,
 			"data-fixed-side": e.fixed,
 			className: [
 				`px-2 ${T ? "py-2" : "py-4"} text-sm font-medium text-gray-900 dark:text-gray-100 group`,
-				N(a),
+				P(a),
 				i.className,
 				C ? "border-r border-gray-200 dark:border-gray-800" : "",
 				r ? "cursor-pointer select-none" : "",
@@ -298,7 +306,7 @@ function V({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll:
 				m(t, e.key);
 			},
 			children: [/* @__PURE__ */ _("div", {
-				className: `flex items-center gap-1 ${B[a]} ${s ? "pr-2" : ""}`,
+				className: `flex items-center gap-1 ${V[a]} ${s ? "pr-2" : ""}`,
 				children: [
 					n ? /* @__PURE__ */ g(w, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
 					/* @__PURE__ */ g("span", {
@@ -317,19 +325,19 @@ function V({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll:
 				}
 			}) : null]
 		}, e.key);
-	}, I = L(E[P], "header"), R = L(E[F], "header");
+	}, M = R(E[F], "header"), L = R(E[I], "header");
 	return /* @__PURE__ */ g("thead", {
 		className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800",
 		children: /* @__PURE__ */ _("tr", { children: [
 			e ? /* @__PURE__ */ g("th", {
-				"data-column-key": P,
+				"data-column-key": F,
 				"data-fixed-side": D ? "left" : void 0,
-				className: `p-1 text-center align-middle ${I.className}`,
+				className: `p-1 text-center align-middle ${M.className}`,
 				style: {
 					width: "48px",
 					minWidth: "48px",
 					maxWidth: "48px",
-					...I.style
+					...M.style
 				},
 				children: /* @__PURE__ */ g("div", {
 					className: "flex items-center justify-center",
@@ -341,12 +349,12 @@ function V({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll:
 			}) : null,
 			a.map((e) => j(e, o)),
 			v || S !== void 0 ? /* @__PURE__ */ g("th", {
-				"data-column-key": F,
+				"data-column-key": I,
 				"data-fixed-side": O ? "right" : void 0,
-				className: `p-1 text-right align-middle ${R.className}`,
+				className: `p-1 text-right align-middle ${L.className}`,
 				style: {
 					minWidth: "32px",
-					...R.style
+					...L.style
 				},
 				children: S
 			}) : null
@@ -355,31 +363,31 @@ function V({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll:
 }
 //#endregion
 //#region src/components/core/table/TablePagination.tsx
-var H = "…";
-function U(e, t) {
+var U = "…";
+function W(e, t) {
 	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
 }
-function W(e, t, n = 1) {
-	if (n * 2 + 5 >= t) return U(1, t);
+function G(e, t, n = 1) {
+	if (n * 2 + 5 >= t) return W(1, t);
 	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
 	return !a && o ? [
-		...U(1, n + 2),
-		H,
+		...W(1, n + 2),
+		U,
 		t
 	] : a && !o ? [
 		1,
-		H,
-		...U(t - (n + 2) + 1, t)
+		U,
+		...W(t - (n + 2) + 1, t)
 	] : [
 		1,
-		H,
-		...U(r, i),
-		H,
+		U,
+		...W(r, i),
+		U,
 		t
 	];
 }
-function G({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: a, setCurrentPage: p, pageSizeOptions: m, totalPages: v }) {
-	let { t: y } = s(), b = W(a, v);
+function K({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: a, setCurrentPage: p, pageSizeOptions: m, totalPages: v }) {
+	let { t: y } = s(), b = G(a, v);
 	return /* @__PURE__ */ _("div", {
 		className: "px-4 py-2 border-t border-gray-200 dark:border-gray-800 flex flex-col sm:grid sm:grid-cols-3 items-center gap-2 bg-muted/50 dark:bg-gray-900/50",
 		children: [
@@ -405,9 +413,9 @@ function G({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize
 						"aria-label": y("table.previousPage"),
 						children: /* @__PURE__ */ g(S, { className: "size-4" })
 					}),
-					b.map((e, t) => e === H ? /* @__PURE__ */ g("span", {
+					b.map((e, t) => e === U ? /* @__PURE__ */ g("span", {
 						className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
-						children: H
+						children: U
 					}, `dots-${String(t)}`) : /* @__PURE__ */ g(o, {
 						variant: e === a ? "default" : "ghost",
 						size: "icon",
@@ -452,7 +460,7 @@ function G({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize
 }
 //#endregion
 //#region src/components/core/table/TableSettings.tsx
-function K({ columns: e, visibleColumns: i, toggleColumnVisibility: s }) {
+function q({ columns: e, visibleColumns: i, toggleColumnVisibility: s }) {
 	return /* @__PURE__ */ _(a, { children: [/* @__PURE__ */ g(t, {
 		asChild: !0,
 		children: /* @__PURE__ */ g(o, {
@@ -475,99 +483,100 @@ function K({ columns: e, visibleColumns: i, toggleColumnVisibility: s }) {
 }
 //#endregion
 //#region src/components/core/table/DataTable.tsx
-function q({ data: e, columns: t, getRowId: n, onRowClick: r, actions: i, bulkActions: a, draggableColumns: o = !1, resizableColumns: s = !1, columnVisibility: c = !1, isLoading: l = !1, error: u = null, bordered: d = !1, dense: f = !1, fixedActions: h = !1, noDataMessage: v, defaultPageSize: y = k, pageSizeOptions: b = O, totalRows: x, currentPage: S, pageSize: C, onPageChange: w, onPageSizeChange: T, sortColumn: E, sortDirection: D, onSortChange: A }) {
-	let { sortColumn: j, sortDirection: M, selectedRows: N, setSelectedRows: P, visibleColumns: F, columnWidths: I, safeCurrentPage: L, totalPages: B, startIndex: H, endIndex: U, tableRef: W, hasActions: q, hasBulkActions: J, visibleColumnsArray: Y, colSpanCount: X, paginatedData: Z, handleSort: Q, handleMouseDown: ee, handleDragStart: te, handleDragOver: ne, handleDrop: re, toggleColumnVisibility: ie, toggleRowSelection: ae, toggleSelectAll: oe, pageSize: se, setPageSize: ce, setCurrentPage: le } = p({
+function J({ data: e, columns: t, getRowId: n, onRowClick: r, onRowNavigate: i, actions: a, bulkActions: o, draggableColumns: s = !1, resizableColumns: c = !1, columnVisibility: l = !1, isLoading: u = !1, error: d = null, bordered: f = !1, dense: h = !1, fixedActions: v = !1, noDataMessage: y, defaultPageSize: b = A, pageSizeOptions: x = k, totalRows: S, currentPage: C, pageSize: w, onPageChange: T, onPageSizeChange: E, sortColumn: D, sortDirection: O, onSortChange: j }) {
+	let { sortColumn: M, sortDirection: N, selectedRows: P, setSelectedRows: F, visibleColumns: I, columnWidths: L, safeCurrentPage: R, totalPages: V, startIndex: U, endIndex: W, tableRef: G, hasActions: J, hasBulkActions: Y, visibleColumnsArray: X, colSpanCount: Z, paginatedData: Q, handleSort: ee, handleMouseDown: te, handleDragStart: ne, handleDragOver: re, handleDrop: ie, toggleColumnVisibility: ae, toggleRowSelection: oe, toggleSelectAll: se, pageSize: ce, setPageSize: le, setCurrentPage: ue } = p({
 		data: e,
 		columns: t,
 		getRowId: n,
-		defaultPageSize: y,
-		actions: i,
-		bulkActions: a,
-		columnVisibility: c,
-		totalRows: x,
-		currentPage: S,
-		pageSize: C,
-		onPageChange: w,
-		onPageSizeChange: T,
-		sortColumn: E,
-		sortDirection: D,
-		onSortChange: A
-	}), ue = J && Y.some((e) => e.fixed === "left"), $ = m(W);
+		defaultPageSize: b,
+		actions: a,
+		bulkActions: o,
+		columnVisibility: l,
+		totalRows: S,
+		currentPage: C,
+		pageSize: w,
+		onPageChange: T,
+		onPageSizeChange: E,
+		sortColumn: D,
+		sortDirection: O,
+		onSortChange: j
+	}), de = Y && X.some((e) => e.fixed === "left"), $ = m(G);
 	return /* @__PURE__ */ _("div", {
 		className: "space-y-4 [--k-radius-control:var(--k-radius-control-dense,0.5rem)] [--k-radius-surface:var(--k-radius-surface-dense,0.75rem)]",
-		children: [N.length > 0 && a !== void 0 && a.length > 0 && /* @__PURE__ */ g(z, {
-			selectedRows: N,
-			setSelectedRows: P,
-			bulkActions: a
+		children: [P.length > 0 && o !== void 0 && o.length > 0 && /* @__PURE__ */ g(B, {
+			selectedRows: P,
+			setSelectedRows: F,
+			bulkActions: o
 		}), /* @__PURE__ */ _("div", {
 			className: "w-full bg-card dark:bg-gray-950 rounded-surface border border-gray-200 dark:border-gray-800 overflow-hidden",
 			children: [/* @__PURE__ */ g("div", {
 				className: "overflow-x-auto",
 				children: /* @__PURE__ */ _("table", {
-					ref: W,
+					ref: G,
 					className: "w-full",
-					children: [/* @__PURE__ */ g(V, {
-						hasBulkActions: J,
-						selectedRows: N,
+					children: [/* @__PURE__ */ g(H, {
+						hasBulkActions: Y,
+						selectedRows: P,
 						totalItems: e.length,
-						toggleSelectAll: oe,
-						visibleColumnsArray: Y,
-						draggableColumns: o,
-						resizableColumns: s,
-						columnWidths: I,
-						sortColumn: j,
-						sortDirection: M,
-						handleSort: Q,
-						handleDragStart: te,
-						handleDragOver: ne,
-						handleDrop: re,
-						handleMouseDown: ee,
-						hasActions: q,
-						bordered: d,
-						dense: f,
+						toggleSelectAll: se,
+						visibleColumnsArray: X,
+						draggableColumns: s,
+						resizableColumns: c,
+						columnWidths: L,
+						sortColumn: M,
+						sortDirection: N,
+						handleSort: ee,
+						handleDragStart: ne,
+						handleDragOver: re,
+						handleDrop: ie,
+						handleMouseDown: te,
+						hasActions: J,
+						bordered: f,
+						dense: h,
 						fixedColumns: $,
-						fixedSelection: ue,
-						fixedActions: h,
-						settingsNode: c ? /* @__PURE__ */ g(K, {
+						fixedSelection: de,
+						fixedActions: v,
+						settingsNode: l ? /* @__PURE__ */ g(q, {
 							columns: t,
-							visibleColumns: F,
-							toggleColumnVisibility: ie
+							visibleColumns: I,
+							toggleColumnVisibility: ae
 						}) : void 0
-					}), /* @__PURE__ */ g(R, {
-						bordered: d,
-						dense: f,
-						isLoading: l,
-						error: u,
-						colSpanCount: X,
-						noDataMessage: v,
-						paginatedData: Z,
+					}), /* @__PURE__ */ g(z, {
+						bordered: f,
+						dense: h,
+						isLoading: u,
+						error: d,
+						colSpanCount: Z,
+						noDataMessage: y,
+						paginatedData: Q,
 						getRowId: n,
 						onRowClick: r,
-						hasBulkActions: J,
-						selectedRows: N,
-						toggleRowSelection: ae,
-						visibleColumnsArray: Y,
-						columnWidths: I,
-						hasActions: q || c,
-						actions: i,
+						onRowNavigate: i,
+						hasBulkActions: Y,
+						selectedRows: P,
+						toggleRowSelection: oe,
+						visibleColumnsArray: X,
+						columnWidths: L,
+						hasActions: J || l,
+						actions: a,
 						columns: t,
-						resizableColumns: s,
+						resizableColumns: c,
 						fixedColumns: $
 					})]
 				})
-			}), /* @__PURE__ */ g(G, {
-				totalItems: x ?? e.length,
-				startIndex: H,
-				endIndex: U,
-				pageSize: se,
-				setPageSize: ce,
-				currentPage: L,
-				setCurrentPage: le,
-				pageSizeOptions: b,
-				totalPages: B
+			}), /* @__PURE__ */ g(K, {
+				totalItems: S ?? e.length,
+				startIndex: U,
+				endIndex: W,
+				pageSize: ce,
+				setPageSize: le,
+				currentPage: R,
+				setCurrentPage: ue,
+				pageSizeOptions: x,
+				totalPages: V
 			})]
 		})]
 	});
 }
 //#endregion
-export { z as a, P as c, M as d, A as f, V as i, L as l, K as n, R as o, G as r, F as s, q as t, N as u };
+export { B as a, F as c, N as d, j as f, H as i, R as l, q as n, z as o, K as r, I as s, J as t, P as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.251",
+  "version": "0.0.252",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {