@krosoft/react 0.0.304 → 0.0.306
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{GenericForm-p_iFnXCI.js → GenericForm-DBLeKiPm.js} +1 -1
- package/dist/{MultiSelect-BAIbW9Ge.js → MultiSelect-0iYNlt_e.js} +2 -2
- package/dist/{SearchInput-BZKtBGfH.js → SearchInput-sg_-w8UW.js} +7 -7
- package/dist/components/core/dialogs/index.js +1 -1
- package/dist/components/core/filters/index.js +2 -2
- package/dist/components/core/forms/index.js +1 -1
- package/dist/components/core/index.js +5 -5
- package/dist/components/core/inputs/SingleSelect.d.ts.map +1 -1
- package/dist/components/core/inputs/index.js +3 -3
- package/dist/components/core/table/DataTable.d.ts.map +1 -1
- package/dist/components/core/table/TableBody.d.ts +2 -1
- package/dist/components/core/table/TableBody.d.ts.map +1 -1
- package/dist/components/core/table/index.js +115 -115
- package/dist/components/index.js +5 -5
- package/dist/{dialogs-BSl4lTGR.js → dialogs-BwObbaoM.js} +1 -1
- package/dist/{inputs-e0dg-VvS.js → inputs-Cxz5kfwF.js} +2 -2
- package/dist/types/DataTableConfig.d.ts +10 -1
- package/dist/types/DataTableConfig.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ import { i as h, l as g, n as ee, t as _, u as v } from "./select-KWMg2_7Z.js";
|
|
|
8
8
|
import { n as y } from "./useToast-UeDRLovh.js";
|
|
9
9
|
import { t as b } from "./ImageInput-B6NH8JDS.js";
|
|
10
10
|
import { t as x } from "./AppSubTitle-DJQjeSdC.js";
|
|
11
|
-
import { t as S } from "./MultiSelect-
|
|
11
|
+
import { t as S } from "./MultiSelect-0iYNlt_e.js";
|
|
12
12
|
import { useEffect as C, useRef as w, useState as T } from "react";
|
|
13
13
|
import { jsx as E, jsxs as D } from "react/jsx-runtime";
|
|
14
14
|
import { useForm as O } from "react-hook-form";
|
|
@@ -12,9 +12,9 @@ var _ = (t, n) => t === void 0 ? null : t ? /* @__PURE__ */ d("img", {
|
|
|
12
12
|
src: t,
|
|
13
13
|
alt: "",
|
|
14
14
|
loading: "lazy",
|
|
15
|
-
className: e("h-
|
|
15
|
+
className: e("h-9 w-12 shrink-0 rounded object-cover", n)
|
|
16
16
|
}) : /* @__PURE__ */ d("span", {
|
|
17
|
-
className: e("flex h-
|
|
17
|
+
className: e("flex h-9 w-12 shrink-0 items-center justify-center rounded bg-muted text-[9px] text-muted-foreground", n),
|
|
18
18
|
children: "—"
|
|
19
19
|
}), v = ({ options: v, selected: y, onToggle: b, onClear: x, onSelectAll: S, variant: C = "input", placeholder: w, labelKey: T, searchable: E = !1, searchPlaceholder: D, disabled: O = !1, maxCount: k, className: A, ...j }) => {
|
|
20
20
|
let { t: M } = t(), [N, P] = u(""), [F, I] = u(!1), L = C === "pill", R = C === "input" ? void 0 : i, z = l(() => N === "" ? v : v.filter((e) => e.label.toLowerCase().includes(N.toLowerCase())), [v, N]), B = l(() => z.filter((e) => e.disabled !== !0).map((e) => e.value), [z]), V = l(() => y.filter((e) => v.find((t) => t.value === e)?.disabled === !0), [v, y]), H = l(() => B.length !== 0 && B.every((e) => y.includes(e)), [B, y]), U = l(() => y.map((e) => v.find((t) => t.value === e)?.label ?? e), [v, y]), W = k !== void 0 && k > 0 ? U.slice(0, k) : U, G = U.length - W.length, K = (e) => {
|
|
@@ -4,7 +4,7 @@ import { En as r } from "./ui-BdLutnCT.js";
|
|
|
4
4
|
import { c as i, o as a, s as o } from "./tooltip-_geGvbS7.js";
|
|
5
5
|
import { g as s, h as c, m as l, p as u } from "./sheet-C2vx5V6Q.js";
|
|
6
6
|
import { i as d, l as f, n as p, t as m, u as h } from "./select-KWMg2_7Z.js";
|
|
7
|
-
import { n as g } from "./MultiSelect-
|
|
7
|
+
import { n as g } from "./MultiSelect-0iYNlt_e.js";
|
|
8
8
|
import * as _ from "react";
|
|
9
9
|
import { useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
|
|
10
10
|
import { jsx as S, jsxs as C } from "react/jsx-runtime";
|
|
@@ -185,10 +185,10 @@ var M = ({ date: n, onDateChange: a, placeholder: o }) => {
|
|
|
185
185
|
"aria-expanded": z,
|
|
186
186
|
disabled: N,
|
|
187
187
|
className: e(o, "w-full", U, "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2", !W && "text-muted-foreground", I),
|
|
188
|
-
children: [/* @__PURE__ */ C("
|
|
189
|
-
className: "flex items-center truncate",
|
|
188
|
+
children: [/* @__PURE__ */ C("div", {
|
|
189
|
+
className: "flex min-w-0 items-center truncate",
|
|
190
190
|
children: [
|
|
191
|
-
g(G?.imageUrl, "mr-2"),
|
|
191
|
+
g(G?.imageUrl, "mr-2 h-6 w-8"),
|
|
192
192
|
G?.color && /* @__PURE__ */ S("span", {
|
|
193
193
|
className: "mr-2 size-2.5 shrink-0 rounded-full",
|
|
194
194
|
style: { backgroundColor: G.color }
|
|
@@ -254,9 +254,8 @@ var M = ({ date: n, onDateChange: a, placeholder: o }) => {
|
|
|
254
254
|
onSelect: () => {
|
|
255
255
|
X(t.value);
|
|
256
256
|
},
|
|
257
|
-
className: "flex min-w-0 items-center gap-2
|
|
257
|
+
className: "flex min-w-0 items-center gap-2 rounded-md px-2 py-2 text-sm cursor-pointer transition-colors data-[selected=true]:bg-muted data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
|
|
258
258
|
children: [
|
|
259
|
-
/* @__PURE__ */ S(T, { className: e("size-4 shrink-0", r === t.value ? "opacity-100" : "opacity-0") }),
|
|
260
259
|
g(t.imageUrl),
|
|
261
260
|
t.color && /* @__PURE__ */ S("span", {
|
|
262
261
|
className: "size-2.5 shrink-0 rounded-full",
|
|
@@ -274,7 +273,8 @@ var M = ({ date: n, onDateChange: a, placeholder: o }) => {
|
|
|
274
273
|
t.description,
|
|
275
274
|
")"
|
|
276
275
|
]
|
|
277
|
-
})
|
|
276
|
+
}),
|
|
277
|
+
/* @__PURE__ */ S(T, { className: e("ml-auto size-4 shrink-0", r === t.value ? "opacity-100" : "opacity-0") })
|
|
278
278
|
]
|
|
279
279
|
}, t.value)),
|
|
280
280
|
J && /* @__PURE__ */ C(A.Item, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { I as e } from "../../../ui-BdLutnCT.js";
|
|
2
2
|
import { A as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, j as l, k as u } from "../../../sheet-C2vx5V6Q.js";
|
|
3
|
-
import { n as d, r as f, t as p } from "../../../dialogs-
|
|
3
|
+
import { n as d, r as f, t as p } from "../../../dialogs-BwObbaoM.js";
|
|
4
4
|
export { f as AppDialog, p as ConfirmationDialog, r as Dialog, n as DialogClose, s as DialogContent, u as DialogDescription, t as DialogFooter, l as DialogHeader, a as DialogOverlay, o as DialogPortal, c as DialogTitle, i as DialogTrigger, d as FormDialog, e as Progress };
|
|
@@ -3,8 +3,8 @@ import { t } from "../../../i18n-Iyf3fyzr.js";
|
|
|
3
3
|
import { At as n, Pn as r } from "../../../ui-BdLutnCT.js";
|
|
4
4
|
import { c as i } from "../../../tooltip-_geGvbS7.js";
|
|
5
5
|
import { a, g as o, l as s, o as c, r as l, t as u, u as d } from "../../../sheet-C2vx5V6Q.js";
|
|
6
|
-
import { t as f } from "../../../MultiSelect-
|
|
7
|
-
import { i as p, n as m, r as h, t as g } from "../../../SearchInput-
|
|
6
|
+
import { t as f } from "../../../MultiSelect-0iYNlt_e.js";
|
|
7
|
+
import { i as p, n as m, r as h, t as g } from "../../../SearchInput-sg_-w8UW.js";
|
|
8
8
|
import { useEffect as _, useMemo as v, useState as y } from "react";
|
|
9
9
|
import { jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
10
10
|
import { getLocale as S } from "@krosoft/core/helpers";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../../GenericForm-
|
|
1
|
+
import { t as e } from "../../../GenericForm-DBLeKiPm.js";
|
|
2
2
|
export { e as GenericForm };
|
|
@@ -3,17 +3,17 @@ import { I as o } from "../../ui-BdLutnCT.js";
|
|
|
3
3
|
import { A as s, D as c, E as l, F as u, M as d, N as f, O as p, P as m, j as h, k as g } from "../../sheet-C2vx5V6Q.js";
|
|
4
4
|
import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "../../charts-BDlyl5wa.js";
|
|
5
5
|
import { t as T } from "../../ErrorAlert-DrjpMJu6.js";
|
|
6
|
-
import { n as E, r as D, t as O } from "../../dialogs-
|
|
6
|
+
import { n as E, r as D, t as O } from "../../dialogs-BwObbaoM.js";
|
|
7
7
|
import { t as k } from "../../ImageInput-B6NH8JDS.js";
|
|
8
8
|
import { t as A } from "../../AppActions-CvT8dDnQ.js";
|
|
9
9
|
import { t as j } from "../../AppSubTitle-DJQjeSdC.js";
|
|
10
|
-
import { t as M } from "../../MultiSelect-
|
|
11
|
-
import { t as N } from "../../GenericForm-
|
|
12
|
-
import { i as P, n as F, r as I, t as L } from "../../SearchInput-
|
|
10
|
+
import { t as M } from "../../MultiSelect-0iYNlt_e.js";
|
|
11
|
+
import { t as N } from "../../GenericForm-DBLeKiPm.js";
|
|
12
|
+
import { i as P, n as F, r as I, t as L } from "../../SearchInput-sg_-w8UW.js";
|
|
13
13
|
import { ActiveFilters as R, AdvancedFilters as z, FilterField as B, FilterPills as V, FilterPillsGroup as H, TableFilter as U } from "./filters/index.js";
|
|
14
14
|
import "./forms/index.js";
|
|
15
15
|
import { n as W, t as G } from "../../icons-n0m_1w7z.js";
|
|
16
|
-
import { t as K } from "../../inputs-
|
|
16
|
+
import { t as K } from "../../inputs-Cxz5kfwF.js";
|
|
17
17
|
import { t as q } from "../../language-DgO7XgOg.js";
|
|
18
18
|
import { t as J } from "../../AppTitle-BShUHen9.js";
|
|
19
19
|
import { n as Y, t as X } from "../../states-Bs9lIWQe.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/SingleSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,oIAAoI;IACpI,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED;;;;;GAKG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACtH,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gIAAgI;IAChI,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,4KAgB1B,iBAAiB,KAAG,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"SingleSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/SingleSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,oIAAoI;IACpI,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED;;;;;GAKG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACtH,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gIAAgI;IAChI,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,4KAgB1B,iBAAiB,KAAG,KAAK,CAAC,YAqL5B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "../../../ImageInput-B6NH8JDS.js";
|
|
2
|
-
import { t } from "../../../MultiSelect-
|
|
3
|
-
import { i as n, n as r, r as i, t as a } from "../../../SearchInput-
|
|
4
|
-
import { t as o } from "../../../inputs-
|
|
2
|
+
import { t } from "../../../MultiSelect-0iYNlt_e.js";
|
|
3
|
+
import { i as n, n as r, r as i, t as a } from "../../../SearchInput-sg_-w8UW.js";
|
|
4
|
+
import { t as o } from "../../../inputs-Cxz5kfwF.js";
|
|
5
5
|
export { n as DatePicker, i as DateRangePicker, e as ImageInput, t as MultiSelect, o as RatingInput, a as SearchInput, r as SingleSelect };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,SAAiB,EAAE,KAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,SAAiB,EAAE,KAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsJ5H"}
|
|
@@ -10,6 +10,7 @@ export interface TableBodyProps<T> {
|
|
|
10
10
|
rowKey: (row: T) => string;
|
|
11
11
|
onRowClick?: (row: T, event: React.MouseEvent<HTMLTableRowElement>) => void;
|
|
12
12
|
onRowNavigate?: (row: T) => string;
|
|
13
|
+
rowNavigable?: (row: T) => boolean;
|
|
13
14
|
hasBulkActions: boolean;
|
|
14
15
|
rowSelectable?: (row: T) => boolean;
|
|
15
16
|
selectedKeys: Set<string>;
|
|
@@ -24,5 +25,5 @@ export interface TableBodyProps<T> {
|
|
|
24
25
|
resizableColumns?: boolean;
|
|
25
26
|
fixedColumns?: Record<string, FixedColumnOffset>;
|
|
26
27
|
}
|
|
27
|
-
export declare function TableBody<T>({ isLoading, error, colSpanCount, messages, paginatedData, rowKey, onRowClick, onRowNavigate, hasBulkActions, rowSelectable, selectedKeys, toggleRowSelection, visibleColumnsArray, columnWidths, hasActions, actions, columns, bordered, dense, resizableColumns, fixedColumns, }: TableBodyProps<T>): React.JSX.Element;
|
|
28
|
+
export declare function TableBody<T>({ isLoading, error, colSpanCount, messages, paginatedData, rowKey, onRowClick, onRowNavigate, rowNavigable, hasBulkActions, rowSelectable, selectedKeys, toggleRowSelection, visibleColumnsArray, columnWidths, hasActions, actions, columns, bordered, dense, resizableColumns, fixedColumns, }: TableBodyProps<T>): React.JSX.Element;
|
|
28
29
|
//# sourceMappingURL=TableBody.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/TableBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,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,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,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,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACpC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,kBAAkB,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IACrC,mBAAmB,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,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,QAAQ,EACR,aAAa,EACb,MAAM,EACN,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,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,
|
|
1
|
+
{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/TableBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,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,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,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,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACnC,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACpC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,kBAAkB,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IACrC,mBAAmB,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,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,QAAQ,EACR,aAAa,EACb,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,aAAa,EACb,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,CAiKvC"}
|
|
@@ -8,10 +8,10 @@ import { n as O, r as k } from "../../../datatable-COQcYUrk.js";
|
|
|
8
8
|
import { useMemo as A, useState as j } from "react";
|
|
9
9
|
import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
|
|
10
10
|
import { formatJsonValue as F, isRecord as I, tryParseJson as L } from "@krosoft/core/helpers";
|
|
11
|
-
import { AlertTriangleIcon as R, ArrowDownIcon as z, ArrowUpDownIcon as B, ArrowUpIcon as V, ChevronLeftIcon as
|
|
12
|
-
import { useNavigate as
|
|
11
|
+
import { AlertTriangleIcon as R, ArrowDownIcon as z, ArrowUpDownIcon as B, ArrowUpIcon as V, ChevronLeftIcon as H, ChevronRightIcon as ee, GripVerticalIcon as te, Loader2Icon as ne, MoreVerticalIcon as re, SettingsIcon as ie } from "lucide-react";
|
|
12
|
+
import { useNavigate as U } from "react-router-dom";
|
|
13
13
|
//#region src/components/core/table/TableActions.tsx
|
|
14
|
-
function
|
|
14
|
+
function W({ actions: e, row: t }) {
|
|
15
15
|
let { t: n } = a(), r = e.filter((e) => e.visible === void 0 || e.visible(t));
|
|
16
16
|
if (r.length === 0) return null;
|
|
17
17
|
let i = r.filter((e) => e.overflow !== !0), o = r.filter((e) => e.overflow === !0);
|
|
@@ -35,7 +35,7 @@ function U({ actions: e, row: t }) {
|
|
|
35
35
|
variant: "ghost",
|
|
36
36
|
size: "icon",
|
|
37
37
|
className: "h-7 w-7 text-muted-foreground hover:text-foreground",
|
|
38
|
-
children: /* @__PURE__ */ N(
|
|
38
|
+
children: /* @__PURE__ */ N(re, { className: "size-3.5" })
|
|
39
39
|
})
|
|
40
40
|
}), /* @__PURE__ */ N(f, {
|
|
41
41
|
align: "end",
|
|
@@ -61,9 +61,9 @@ function U({ actions: e, row: t }) {
|
|
|
61
61
|
}
|
|
62
62
|
//#endregion
|
|
63
63
|
//#region src/components/core/table/TableBody.tsx
|
|
64
|
-
function
|
|
65
|
-
let { t:
|
|
66
|
-
let n =
|
|
64
|
+
function G({ isLoading: o, error: s, colSpanCount: c, messages: l, paginatedData: u, rowKey: d, onRowClick: f, onRowNavigate: p, rowNavigable: m, hasBulkActions: h, rowSelectable: _, selectedKeys: v, toggleRowSelection: y, visibleColumnsArray: b, columnWidths: x, hasActions: S, actions: C, columns: w, bordered: T = !1, dense: E = !1, resizableColumns: D = !1, fixedColumns: O = {} }) {
|
|
65
|
+
let { t: k } = a(), A = k(l?.loadingKey ?? "states.loading"), j = k(l?.emptyKey ?? "states.noResult"), M = U(), F = (e, t) => {
|
|
66
|
+
let n = w.find((e) => e.key === t);
|
|
67
67
|
if (n?.renderCell !== void 0) return n.renderCell(e);
|
|
68
68
|
let r = e[t];
|
|
69
69
|
return /* @__PURE__ */ N("span", {
|
|
@@ -78,9 +78,9 @@ function W({ isLoading: o, error: s, colSpanCount: c, messages: l, paginatedData
|
|
|
78
78
|
className: "py-8 text-center",
|
|
79
79
|
children: /* @__PURE__ */ P("div", {
|
|
80
80
|
className: "flex flex-col items-center justify-center gap-2 text-muted-foreground",
|
|
81
|
-
children: [/* @__PURE__ */ N(
|
|
81
|
+
children: [/* @__PURE__ */ N(ne, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ N("span", {
|
|
82
82
|
className: "text-sm",
|
|
83
|
-
children:
|
|
83
|
+
children: A
|
|
84
84
|
})]
|
|
85
85
|
})
|
|
86
86
|
}) })
|
|
@@ -104,36 +104,35 @@ function W({ isLoading: o, error: s, colSpanCount: c, messages: l, paginatedData
|
|
|
104
104
|
children: /* @__PURE__ */ N("tr", { children: /* @__PURE__ */ N("td", {
|
|
105
105
|
colSpan: c,
|
|
106
106
|
className: "py-8 text-center text-sm text-muted-foreground",
|
|
107
|
-
children:
|
|
107
|
+
children: j
|
|
108
108
|
}) })
|
|
109
109
|
});
|
|
110
|
-
let
|
|
111
|
-
if (
|
|
112
|
-
|
|
110
|
+
let I = i(O[t], "body"), L = i(O[e], "body"), z = h && v.size > 0, B = (e) => {
|
|
111
|
+
if (!(m !== void 0 && !m(e))) return p?.(e);
|
|
112
|
+
}, V = (e, t, n) => {
|
|
113
|
+
if (z) {
|
|
114
|
+
y(e);
|
|
113
115
|
return;
|
|
114
116
|
}
|
|
115
|
-
|
|
116
|
-
let n = p(e);
|
|
117
|
-
t.ctrlKey || t.metaKey ? window.open(n, "_blank") : j(n);
|
|
118
|
-
} else f?.(e, t);
|
|
117
|
+
t === void 0 ? f?.(e, n) : n.ctrlKey || n.metaKey ? window.open(t, "_blank") : M(t);
|
|
119
118
|
};
|
|
120
119
|
return /* @__PURE__ */ N("tbody", {
|
|
121
120
|
className: "divide-y divide-border",
|
|
122
121
|
children: u.map((e) => {
|
|
123
|
-
let t = d(e), a =
|
|
122
|
+
let t = d(e), a = _ === void 0 || _(e), o = B(e);
|
|
124
123
|
return /* @__PURE__ */ P("tr", {
|
|
125
|
-
className: `group hover:bg-muted/50 transition-colors ${z ? "cursor-pointer" : ""}`,
|
|
124
|
+
className: `group hover:bg-muted/50 transition-colors ${z || o !== void 0 || f !== void 0 ? "cursor-pointer" : ""}`,
|
|
126
125
|
onClick: (t) => {
|
|
127
|
-
|
|
126
|
+
V(e, o, t);
|
|
128
127
|
},
|
|
129
128
|
children: [
|
|
130
|
-
|
|
131
|
-
className: `p-1 text-center align-middle ${
|
|
129
|
+
h ? /* @__PURE__ */ N("td", {
|
|
130
|
+
className: `p-1 text-center align-middle ${I.className}`,
|
|
132
131
|
style: {
|
|
133
132
|
width: "48px",
|
|
134
133
|
minWidth: "48px",
|
|
135
134
|
maxWidth: "48px",
|
|
136
|
-
...
|
|
135
|
+
...I.style
|
|
137
136
|
},
|
|
138
137
|
onClick: (e) => {
|
|
139
138
|
e.stopPropagation();
|
|
@@ -141,41 +140,41 @@ function W({ isLoading: o, error: s, colSpanCount: c, messages: l, paginatedData
|
|
|
141
140
|
children: /* @__PURE__ */ N("div", {
|
|
142
141
|
className: "flex items-center justify-center",
|
|
143
142
|
children: /* @__PURE__ */ N(g, {
|
|
144
|
-
checked:
|
|
143
|
+
checked: v.has(t),
|
|
145
144
|
disabled: !a,
|
|
146
145
|
onCheckedChange: () => {
|
|
147
|
-
|
|
146
|
+
y(e);
|
|
148
147
|
}
|
|
149
148
|
})
|
|
150
149
|
})
|
|
151
150
|
}) : null,
|
|
152
|
-
|
|
153
|
-
let o = a ===
|
|
151
|
+
b.map((t, a) => {
|
|
152
|
+
let o = a === b.length - 1, s = i(O[t.key], "body");
|
|
154
153
|
return /* @__PURE__ */ N("td", {
|
|
155
|
-
className: `${`${a === 0 && !
|
|
154
|
+
className: `${`${a === 0 && !h ? "pl-4" : "pl-2"} ${o && !S ? "pr-4" : "pr-2"}`} ${E ? "py-2" : "py-4"} text-sm ${n(r(t))} ${s.className} ${T && !o ? "border-r border-border" : ""} ${t.className ?? ""}`,
|
|
156
155
|
style: {
|
|
157
|
-
...
|
|
156
|
+
...D ? { width: x[t.key] } : { minWidth: x[t.key] },
|
|
158
157
|
...s.style
|
|
159
158
|
},
|
|
160
159
|
children: /* @__PURE__ */ N("div", {
|
|
161
160
|
className: "w-full h-full",
|
|
162
|
-
children:
|
|
161
|
+
children: F(e, t.key)
|
|
163
162
|
})
|
|
164
163
|
}, t.key);
|
|
165
164
|
}),
|
|
166
|
-
|
|
167
|
-
className: `py-1 pl-1 pr-4 text-right align-middle whitespace-nowrap ${
|
|
165
|
+
S ? /* @__PURE__ */ N("td", {
|
|
166
|
+
className: `py-1 pl-1 pr-4 text-right align-middle whitespace-nowrap ${L.className}`,
|
|
168
167
|
style: {
|
|
169
168
|
minWidth: "32px",
|
|
170
|
-
...
|
|
169
|
+
...L.style
|
|
171
170
|
},
|
|
172
171
|
onClick: (e) => {
|
|
173
172
|
e.stopPropagation();
|
|
174
173
|
},
|
|
175
|
-
children:
|
|
174
|
+
children: C !== void 0 && C.length > 0 ? /* @__PURE__ */ N("div", {
|
|
176
175
|
className: "flex items-center justify-end",
|
|
177
|
-
children: /* @__PURE__ */ N(
|
|
178
|
-
actions:
|
|
176
|
+
children: /* @__PURE__ */ N(W, {
|
|
177
|
+
actions: C,
|
|
179
178
|
row: e
|
|
180
179
|
})
|
|
181
180
|
}) : null
|
|
@@ -187,7 +186,7 @@ function W({ isLoading: o, error: s, colSpanCount: c, messages: l, paginatedData
|
|
|
187
186
|
}
|
|
188
187
|
//#endregion
|
|
189
188
|
//#region src/components/core/table/TableBulkActions.tsx
|
|
190
|
-
function
|
|
189
|
+
function K({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
|
|
191
190
|
let { t: r } = a();
|
|
192
191
|
return /* @__PURE__ */ P("div", {
|
|
193
192
|
className: "bg-muted/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface",
|
|
@@ -229,12 +228,12 @@ function G({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
|
|
|
229
228
|
}
|
|
230
229
|
//#endregion
|
|
231
230
|
//#region src/components/core/table/TableHeader.tsx
|
|
232
|
-
var
|
|
231
|
+
var q = {
|
|
233
232
|
left: "justify-start",
|
|
234
233
|
center: "justify-center",
|
|
235
234
|
right: "justify-end"
|
|
236
235
|
};
|
|
237
|
-
function
|
|
236
|
+
function J({ hasBulkActions: o, allSelected: s, someSelected: c, toggleSelectAll: l, visibleColumnsArray: u, draggableColumns: d, resizableColumns: f, columnWidths: p, sortColumn: m, sortDirection: h, handleSort: _, handleDragStart: v, handleDragOver: y, handleDrop: b, handleMouseDown: x, hasActions: S, settingsNode: C, bordered: w = !1, dense: T = !1, fixedColumns: E = {}, fixedSelection: D = !1, fixedActions: O = !1 }) {
|
|
238
237
|
let { t: k } = a(), A = !1;
|
|
239
238
|
s ? A = !0 : c && (A = "indeterminate");
|
|
240
239
|
let j = (e) => e.sortable === !0 ? m === e.key ? N(h === "asc" ? V : z, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ N(B, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, M = (e, t, a) => {
|
|
@@ -268,9 +267,9 @@ function q({ hasBulkActions: o, allSelected: s, someSelected: c, toggleSelectAll
|
|
|
268
267
|
b(t, e.key);
|
|
269
268
|
},
|
|
270
269
|
children: [/* @__PURE__ */ P("div", {
|
|
271
|
-
className: `flex items-center gap-1 ${
|
|
270
|
+
className: `flex items-center gap-1 ${q[d]} ${f ? "pr-2" : ""}`,
|
|
272
271
|
children: [
|
|
273
|
-
s ? /* @__PURE__ */ N(
|
|
272
|
+
s ? /* @__PURE__ */ N(te, { className: "size-4 text-muted-foreground cursor-grab shrink-0" }) : null,
|
|
274
273
|
/* @__PURE__ */ N("span", {
|
|
275
274
|
className: "truncate",
|
|
276
275
|
children: k(e.headerKey)
|
|
@@ -325,31 +324,31 @@ function q({ hasBulkActions: o, allSelected: s, someSelected: c, toggleSelectAll
|
|
|
325
324
|
}
|
|
326
325
|
//#endregion
|
|
327
326
|
//#region src/components/core/table/TablePagination.tsx
|
|
328
|
-
var
|
|
329
|
-
function
|
|
327
|
+
var Y = "…";
|
|
328
|
+
function X(e, t) {
|
|
330
329
|
return Array.from({ length: t - e + 1 }, (t, n) => e + n);
|
|
331
330
|
}
|
|
332
|
-
function
|
|
333
|
-
if (n * 2 + 5 >= t) return
|
|
331
|
+
function ae(e, t, n = 1) {
|
|
332
|
+
if (n * 2 + 5 >= t) return X(1, t);
|
|
334
333
|
let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
|
|
335
334
|
return !a && o ? [
|
|
336
|
-
...
|
|
337
|
-
|
|
335
|
+
...X(1, n + 2),
|
|
336
|
+
Y,
|
|
338
337
|
t
|
|
339
338
|
] : a && !o ? [
|
|
340
339
|
1,
|
|
341
|
-
|
|
342
|
-
...
|
|
340
|
+
Y,
|
|
341
|
+
...X(t - (n + 2) + 1, t)
|
|
343
342
|
] : [
|
|
344
343
|
1,
|
|
345
|
-
|
|
346
|
-
...
|
|
347
|
-
|
|
344
|
+
Y,
|
|
345
|
+
...X(r, i),
|
|
346
|
+
Y,
|
|
348
347
|
t
|
|
349
348
|
];
|
|
350
349
|
}
|
|
351
|
-
function
|
|
352
|
-
let { t: u } = a(), d =
|
|
350
|
+
function oe({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: o, setCurrentPage: s, pageSizeOptions: c, totalPages: l }) {
|
|
351
|
+
let { t: u } = a(), d = ae(o, l);
|
|
353
352
|
return /* @__PURE__ */ P("div", {
|
|
354
353
|
className: "px-4 py-2 border-t border-border flex flex-col sm:grid sm:grid-cols-3 items-center gap-2 bg-muted/50",
|
|
355
354
|
children: [
|
|
@@ -372,11 +371,11 @@ function se({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSiz
|
|
|
372
371
|
},
|
|
373
372
|
disabled: o === 1,
|
|
374
373
|
"aria-label": u("table.previousPage"),
|
|
375
|
-
children: /* @__PURE__ */ N(
|
|
374
|
+
children: /* @__PURE__ */ N(H, { className: "size-4" })
|
|
376
375
|
}),
|
|
377
|
-
d.map((e, t) => e ===
|
|
376
|
+
d.map((e, t) => e === Y ? /* @__PURE__ */ N("span", {
|
|
378
377
|
className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
|
|
379
|
-
children:
|
|
378
|
+
children: Y
|
|
380
379
|
}, `dots-${String(t)}`) : /* @__PURE__ */ N(b, {
|
|
381
380
|
variant: e === o ? "default" : "ghost",
|
|
382
381
|
size: "icon",
|
|
@@ -396,7 +395,7 @@ function se({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSiz
|
|
|
396
395
|
},
|
|
397
396
|
disabled: o === l,
|
|
398
397
|
"aria-label": u("table.nextPage"),
|
|
399
|
-
children: /* @__PURE__ */ N(
|
|
398
|
+
children: /* @__PURE__ */ N(ee, { className: "size-4" })
|
|
400
399
|
})
|
|
401
400
|
] })
|
|
402
401
|
}),
|
|
@@ -421,7 +420,7 @@ function se({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSiz
|
|
|
421
420
|
}
|
|
422
421
|
//#endregion
|
|
423
422
|
//#region src/components/core/table/TableSettings.tsx
|
|
424
|
-
function
|
|
423
|
+
function Z({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
|
|
425
424
|
let { t: r } = a();
|
|
426
425
|
return /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N(u, {
|
|
427
426
|
asChild: !0,
|
|
@@ -429,7 +428,7 @@ function X({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
|
|
|
429
428
|
variant: "outline",
|
|
430
429
|
size: "sm",
|
|
431
430
|
className: "size-7 p-0 bg-background hover:bg-muted shadow-sm border-border",
|
|
432
|
-
children: /* @__PURE__ */ N(
|
|
431
|
+
children: /* @__PURE__ */ N(ie, { className: "size-3.5 text-muted-foreground" })
|
|
433
432
|
})
|
|
434
433
|
}), /* @__PURE__ */ N(f, {
|
|
435
434
|
align: "end",
|
|
@@ -445,99 +444,100 @@ function X({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
|
|
|
445
444
|
}
|
|
446
445
|
//#endregion
|
|
447
446
|
//#region src/components/core/table/DataTable.tsx
|
|
448
|
-
function
|
|
449
|
-
let { columns: a, rowKey: o, rowSelectable: s, onRowClick: c, onRowNavigate: l,
|
|
447
|
+
function se({ data: e, isLoading: t = !1, error: n = null, config: r, server: i }) {
|
|
448
|
+
let { columns: a, rowKey: o, rowSelectable: s, onRowClick: c, onRowNavigate: l, rowNavigable: u, actions: d, bulkActions: f } = r, p = r.pageSizeDefault ?? O, m = r.pageSizeOptions ?? k, h = r.dense ?? !1, g = r.bordered ?? !1, _ = r.draggableColumns ?? !1, v = r.resizableColumns ?? !1, y = r.columnVisibility ?? !1, b = r.fixedActions ?? !1, { sortColumn: x, sortDirection: S, selectedRows: C, setSelectedRows: w, visibleColumns: T, columnWidths: j, safeCurrentPage: M, totalPages: F, startIndex: I, endIndex: L, tableRef: R, hasActions: z, hasBulkActions: B, visibleColumnsArray: V, colSpanCount: H, paginatedData: ee, handleSort: te, handleMouseDown: ne, handleDragStart: re, handleDragOver: ie, handleDrop: U, toggleColumnVisibility: W, toggleRowSelection: q, toggleSelectAll: Y, pageSize: X, setPageSize: ae, setCurrentPage: se } = E({
|
|
450
449
|
data: e,
|
|
451
450
|
columns: a,
|
|
452
451
|
rowKey: o,
|
|
453
452
|
rowSelectable: s,
|
|
454
|
-
pageSizeDefault:
|
|
455
|
-
actions:
|
|
456
|
-
bulkActions:
|
|
457
|
-
columnVisibility:
|
|
453
|
+
pageSizeDefault: p,
|
|
454
|
+
actions: d,
|
|
455
|
+
bulkActions: f,
|
|
456
|
+
columnVisibility: y,
|
|
458
457
|
server: i
|
|
459
|
-
}), ce =
|
|
458
|
+
}), ce = B && V.some((e) => e.fixed === "left"), le = D(R), Q = A(() => new Set(C.map(o)), [C, o]), $ = A(() => s === void 0 ? e : e.filter(s), [e, s]), ue = $.length > 0 && $.every((e) => Q.has(o(e))), de = !ue && $.some((e) => Q.has(o(e)));
|
|
460
459
|
return /* @__PURE__ */ P("div", {
|
|
461
460
|
className: "space-y-4 [--k-radius-control:var(--k-radius-control-dense,0.5rem)] [--k-radius-surface:var(--k-radius-surface-dense,0.75rem)]",
|
|
462
|
-
children: [
|
|
463
|
-
selectedRows:
|
|
464
|
-
setSelectedRows:
|
|
465
|
-
bulkActions:
|
|
461
|
+
children: [C.length > 0 && f !== void 0 && f.length > 0 && /* @__PURE__ */ N(K, {
|
|
462
|
+
selectedRows: C,
|
|
463
|
+
setSelectedRows: w,
|
|
464
|
+
bulkActions: f
|
|
466
465
|
}), /* @__PURE__ */ P("div", {
|
|
467
466
|
className: "w-full bg-card rounded-surface border border-border overflow-hidden",
|
|
468
467
|
children: [/* @__PURE__ */ N("div", {
|
|
469
468
|
className: "overflow-x-auto",
|
|
470
469
|
children: /* @__PURE__ */ P("table", {
|
|
471
|
-
ref:
|
|
470
|
+
ref: R,
|
|
472
471
|
className: "w-full",
|
|
473
|
-
children: [/* @__PURE__ */ N(
|
|
474
|
-
hasBulkActions:
|
|
475
|
-
allSelected:
|
|
476
|
-
someSelected:
|
|
477
|
-
toggleSelectAll:
|
|
478
|
-
visibleColumnsArray:
|
|
479
|
-
draggableColumns:
|
|
480
|
-
resizableColumns:
|
|
481
|
-
columnWidths:
|
|
482
|
-
sortColumn:
|
|
483
|
-
sortDirection:
|
|
472
|
+
children: [/* @__PURE__ */ N(J, {
|
|
473
|
+
hasBulkActions: B,
|
|
474
|
+
allSelected: ue,
|
|
475
|
+
someSelected: de,
|
|
476
|
+
toggleSelectAll: Y,
|
|
477
|
+
visibleColumnsArray: V,
|
|
478
|
+
draggableColumns: _,
|
|
479
|
+
resizableColumns: v,
|
|
480
|
+
columnWidths: j,
|
|
481
|
+
sortColumn: x,
|
|
482
|
+
sortDirection: S,
|
|
484
483
|
handleSort: te,
|
|
485
484
|
handleDragStart: re,
|
|
486
485
|
handleDragOver: ie,
|
|
487
|
-
handleDrop:
|
|
486
|
+
handleDrop: U,
|
|
488
487
|
handleMouseDown: ne,
|
|
489
|
-
hasActions:
|
|
490
|
-
bordered:
|
|
491
|
-
dense:
|
|
492
|
-
fixedColumns:
|
|
488
|
+
hasActions: z,
|
|
489
|
+
bordered: g,
|
|
490
|
+
dense: h,
|
|
491
|
+
fixedColumns: le,
|
|
493
492
|
fixedSelection: ce,
|
|
494
|
-
fixedActions:
|
|
495
|
-
settingsNode:
|
|
493
|
+
fixedActions: b,
|
|
494
|
+
settingsNode: y ? /* @__PURE__ */ N(Z, {
|
|
496
495
|
columns: a,
|
|
497
|
-
visibleColumns:
|
|
498
|
-
toggleColumnVisibility:
|
|
496
|
+
visibleColumns: T,
|
|
497
|
+
toggleColumnVisibility: W
|
|
499
498
|
}) : void 0
|
|
500
|
-
}), /* @__PURE__ */ N(
|
|
501
|
-
bordered:
|
|
502
|
-
dense:
|
|
499
|
+
}), /* @__PURE__ */ N(G, {
|
|
500
|
+
bordered: g,
|
|
501
|
+
dense: h,
|
|
503
502
|
isLoading: t,
|
|
504
503
|
error: n,
|
|
505
|
-
colSpanCount:
|
|
504
|
+
colSpanCount: H,
|
|
506
505
|
messages: r.messages,
|
|
507
506
|
paginatedData: ee,
|
|
508
507
|
rowKey: o,
|
|
509
508
|
onRowClick: c,
|
|
510
509
|
onRowNavigate: l,
|
|
511
|
-
|
|
510
|
+
rowNavigable: u,
|
|
511
|
+
hasBulkActions: B,
|
|
512
512
|
rowSelectable: s,
|
|
513
513
|
selectedKeys: Q,
|
|
514
|
-
toggleRowSelection:
|
|
515
|
-
visibleColumnsArray:
|
|
516
|
-
columnWidths:
|
|
517
|
-
hasActions:
|
|
518
|
-
actions:
|
|
514
|
+
toggleRowSelection: q,
|
|
515
|
+
visibleColumnsArray: V,
|
|
516
|
+
columnWidths: j,
|
|
517
|
+
hasActions: z || y,
|
|
518
|
+
actions: d,
|
|
519
519
|
columns: a,
|
|
520
|
-
resizableColumns:
|
|
521
|
-
fixedColumns:
|
|
520
|
+
resizableColumns: v,
|
|
521
|
+
fixedColumns: le
|
|
522
522
|
})]
|
|
523
523
|
})
|
|
524
|
-
}), /* @__PURE__ */ N(
|
|
524
|
+
}), /* @__PURE__ */ N(oe, {
|
|
525
525
|
totalItems: i?.totalRows ?? e.length,
|
|
526
|
-
startIndex:
|
|
527
|
-
endIndex:
|
|
528
|
-
pageSize:
|
|
529
|
-
setPageSize:
|
|
530
|
-
currentPage:
|
|
531
|
-
setCurrentPage:
|
|
532
|
-
pageSizeOptions:
|
|
533
|
-
totalPages:
|
|
526
|
+
startIndex: I,
|
|
527
|
+
endIndex: L,
|
|
528
|
+
pageSize: X,
|
|
529
|
+
setPageSize: ae,
|
|
530
|
+
currentPage: M,
|
|
531
|
+
setCurrentPage: se,
|
|
532
|
+
pageSizeOptions: m,
|
|
533
|
+
totalPages: F
|
|
534
534
|
})]
|
|
535
535
|
})]
|
|
536
536
|
});
|
|
537
537
|
}
|
|
538
538
|
//#endregion
|
|
539
539
|
//#region src/components/core/table/JsonTableOutput.tsx
|
|
540
|
-
var
|
|
540
|
+
var ce = ({ header: e, output: t }) => {
|
|
541
541
|
let { t: n } = a(), [r, i] = j(!0), l = L(t), u = l !== null, d = () => /* @__PURE__ */ P("div", {
|
|
542
542
|
className: "flex items-center justify-between mb-2",
|
|
543
543
|
children: [/* @__PURE__ */ N("span", {
|
|
@@ -603,4 +603,4 @@ var Z = ({ header: e, output: t }) => {
|
|
|
603
603
|
}) : null;
|
|
604
604
|
};
|
|
605
605
|
//#endregion
|
|
606
|
-
export {
|
|
606
|
+
export { se as DataTable, ce as JsonTableOutput, W as TableActions, G as TableBody, K as TableBulkActions, J as TableHeader, oe as TablePagination, Z as TableSettings };
|
package/dist/components/index.js
CHANGED
|
@@ -8,16 +8,16 @@ import { a as ur, c as dr, i as fr, l as pr, n as mr, o as hr, r as gr, s as _r,
|
|
|
8
8
|
import { t as br } from "../skeleton-D6Ga4BLw.js";
|
|
9
9
|
import { a as xr, c as Sr, i as Cr, n as wr, o as Tr, r as Er, s as Dr, t as Or } from "../charts-BDlyl5wa.js";
|
|
10
10
|
import { t as kr } from "../ErrorAlert-DrjpMJu6.js";
|
|
11
|
-
import { n as Ar, r as jr, t as Mr } from "../dialogs-
|
|
11
|
+
import { n as Ar, r as jr, t as Mr } from "../dialogs-BwObbaoM.js";
|
|
12
12
|
import { t as Nr } from "../ImageInput-B6NH8JDS.js";
|
|
13
13
|
import { t as Pr } from "../AppActions-CvT8dDnQ.js";
|
|
14
14
|
import { t as Fr } from "../AppSubTitle-DJQjeSdC.js";
|
|
15
|
-
import { t as Ir } from "../MultiSelect-
|
|
16
|
-
import { t as Lr } from "../GenericForm-
|
|
17
|
-
import { i as Rr, n as zr, r as Br, t as Vr } from "../SearchInput-
|
|
15
|
+
import { t as Ir } from "../MultiSelect-0iYNlt_e.js";
|
|
16
|
+
import { t as Lr } from "../GenericForm-DBLeKiPm.js";
|
|
17
|
+
import { i as Rr, n as zr, r as Br, t as Vr } from "../SearchInput-sg_-w8UW.js";
|
|
18
18
|
import { ActiveFilters as Hr, AdvancedFilters as Ur, FilterField as Wr, FilterPills as Gr, FilterPillsGroup as Kr, TableFilter as qr } from "./core/filters/index.js";
|
|
19
19
|
import { n as Jr, t as Yr } from "../icons-n0m_1w7z.js";
|
|
20
|
-
import { t as Xr } from "../inputs-
|
|
20
|
+
import { t as Xr } from "../inputs-Cxz5kfwF.js";
|
|
21
21
|
import { t as Zr } from "../language-DgO7XgOg.js";
|
|
22
22
|
import { t as Qr } from "../AppTitle-BShUHen9.js";
|
|
23
23
|
import { n as $r, t as ei } from "../states-Bs9lIWQe.js";
|
|
@@ -4,7 +4,7 @@ import { Bn as n, Gn as r, Hn as i, I as a, Kn as o, Un as s, Wn as c, qn as l }
|
|
|
4
4
|
import { c as u } from "./tooltip-_geGvbS7.js";
|
|
5
5
|
import { E as d, O as f, P as p, j as m, k as h } from "./sheet-C2vx5V6Q.js";
|
|
6
6
|
import { t as g } from "./ErrorAlert-DrjpMJu6.js";
|
|
7
|
-
import { t as _ } from "./GenericForm-
|
|
7
|
+
import { t as _ } from "./GenericForm-DBLeKiPm.js";
|
|
8
8
|
import { useEffect as v, useId as y, useState as b } from "react";
|
|
9
9
|
import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
|
|
10
10
|
import { Pen as w, Save as T, X as E } from "lucide-react";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./tailwind.helper-CJaRYBmL.js";
|
|
2
2
|
import "./ImageInput-B6NH8JDS.js";
|
|
3
|
-
import "./MultiSelect-
|
|
4
|
-
import "./SearchInput-
|
|
3
|
+
import "./MultiSelect-0iYNlt_e.js";
|
|
4
|
+
import "./SearchInput-sg_-w8UW.js";
|
|
5
5
|
import { jsx as t } from "react/jsx-runtime";
|
|
6
6
|
import { Heart as n, Star as r } from "lucide-react";
|
|
7
7
|
//#region src/components/core/inputs/RatingInput.tsx
|
|
@@ -21,8 +21,17 @@ export interface DataTableConfig<T> {
|
|
|
21
21
|
*/
|
|
22
22
|
rowSelectable?: (row: T) => boolean;
|
|
23
23
|
onRowClick?: (row: T, event: React.MouseEvent<HTMLTableRowElement>) => void;
|
|
24
|
-
/**
|
|
24
|
+
/**
|
|
25
|
+
* Retourne l'URL de destination de la ligne au clic (prioritaire sur onRowClick).
|
|
26
|
+
* Une ligne non navigable (voir `rowNavigable`) perd son curseur de lien et son clic retombe sur `onRowClick`.
|
|
27
|
+
*/
|
|
25
28
|
onRowNavigate?: (row: T) => string;
|
|
29
|
+
/**
|
|
30
|
+
* Autorise ou non la navigation au clic sur une ligne (`onRowNavigate`).
|
|
31
|
+
* Une ligne non navigable perd son curseur de lien et son clic retombe sur `onRowClick`.
|
|
32
|
+
* Par défaut toutes les lignes sont navigables.
|
|
33
|
+
*/
|
|
34
|
+
rowNavigable?: (row: T) => boolean;
|
|
26
35
|
/** Actions par ligne, affichées en ligne ou dans le menu kebab (`overflow`). */
|
|
27
36
|
actions?: DataTableRowAction<T>[];
|
|
28
37
|
/** Actions rapides sur la sélection multiple. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableConfig.d.ts","sourceRoot":"","sources":["../../src/types/DataTableConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,0CAA0C;IAC1C,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,iEAAiE;IACjE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E
|
|
1
|
+
{"version":3,"file":"DataTableConfig.d.ts","sourceRoot":"","sources":["../../src/types/DataTableConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,0CAA0C;IAC1C,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,iEAAiE;IACjE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACnC,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,iDAAiD;IACjD,WAAW,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kFAAkF;IAClF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B"}
|