@espresso-lab/mantine-data-table 2.2.0 → 2.2.1
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/DataTable/EntityForm.d.ts +1 -1
- package/dist/Hooks/useApi.d.ts +10 -0
- package/dist/index.es.js +475 -453
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import t, { Fragment as n, createContext as r, createElement as i, useCallback as a, useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
|
|
3
3
|
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
4
|
-
import { Accordion as h, ActionIcon as g, Alert as _, Box as v, Button as y, Center as b, Checkbox as x, Collapse as S, Divider as C, Flex as w, Group as T, Indicator as E, Loader as D, Menu as O, MenuDropdown as k, MenuItem as A, MenuTarget as j, Modal as M, NumberInput as N, Pagination as P, Popover as F, PopoverDropdown as ee, PopoverTarget as I, ScrollArea as L, Select as R, Skeleton as te, Stack as z, Stepper as ne, Table as re, TableTd as ie, TableTfoot as ae, TableTh as oe, TableThead as se, TableTr as
|
|
5
|
-
import { DateInput as
|
|
6
|
-
import { useForm as
|
|
7
|
-
import { IconCaretDownFilled as
|
|
8
|
-
import { useClickOutside as
|
|
4
|
+
import { Accordion as h, ActionIcon as g, Alert as _, Box as v, Button as y, Center as b, Checkbox as x, Collapse as S, Divider as C, Flex as w, Group as T, Indicator as E, Loader as D, Menu as O, MenuDropdown as k, MenuItem as A, MenuTarget as j, Modal as M, NumberInput as N, Pagination as P, Popover as F, PopoverDropdown as ee, PopoverTarget as I, ScrollArea as L, Select as R, Skeleton as te, Stack as z, Stepper as ne, Table as re, TableTd as ie, TableTfoot as ae, TableTh as oe, TableThead as se, TableTr as ce, Tabs as le, Text as B, TextInput as ue, Textarea as de, Title as fe, createSafeContext as pe, parseThemeColor as me, rem as V, useDirection as he, useMantineTheme as ge } from "@mantine/core";
|
|
5
|
+
import { DateInput as _e } from "@mantine/dates";
|
|
6
|
+
import { useForm as ve } from "@mantine/form";
|
|
7
|
+
import { IconCaretDownFilled as ye, IconChevronRight as be, IconDotsVertical as xe, IconFilter as Se, IconInfoCircle as Ce, IconPencil as we, IconRefresh as Te, IconSortAscending as Ee, IconSortDescending as De, IconTrash as Oe } from "@tabler/icons-react";
|
|
8
|
+
import { useClickOutside as ke, useDisclosure as Ae, useLocalStorage as je, useMediaQuery as H, useMergedRef as Me, useTimeout as Ne } from "@mantine/hooks";
|
|
9
9
|
//#region node_modules/@tanstack/query-core/build/modern/subscribable.js
|
|
10
|
-
var
|
|
10
|
+
var U = class {
|
|
11
11
|
constructor() {
|
|
12
12
|
this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
|
|
13
13
|
}
|
|
@@ -21,7 +21,7 @@ var Ne = class {
|
|
|
21
21
|
}
|
|
22
22
|
onSubscribe() {}
|
|
23
23
|
onUnsubscribe() {}
|
|
24
|
-
}, Pe = new class extends
|
|
24
|
+
}, Pe = new class extends U {
|
|
25
25
|
#e;
|
|
26
26
|
#t;
|
|
27
27
|
#n;
|
|
@@ -247,7 +247,7 @@ function et() {
|
|
|
247
247
|
}
|
|
248
248
|
};
|
|
249
249
|
}
|
|
250
|
-
var tt = et(), nt = new class extends
|
|
250
|
+
var tt = et(), nt = new class extends U {
|
|
251
251
|
#e = !0;
|
|
252
252
|
#t;
|
|
253
253
|
#n;
|
|
@@ -299,7 +299,7 @@ function it(e, t) {
|
|
|
299
299
|
}
|
|
300
300
|
//#endregion
|
|
301
301
|
//#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
|
|
302
|
-
var at = class extends
|
|
302
|
+
var at = class extends U {
|
|
303
303
|
constructor(e, t) {
|
|
304
304
|
super(), this.options = t, this.#e = e, this.#s = null, this.#o = Qe(), this.bindMethods(), this.setOptions(t);
|
|
305
305
|
}
|
|
@@ -552,7 +552,7 @@ function K() {
|
|
|
552
552
|
}
|
|
553
553
|
//#endregion
|
|
554
554
|
//#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
|
|
555
|
-
var ft = class extends
|
|
555
|
+
var ft = class extends U {
|
|
556
556
|
#e;
|
|
557
557
|
#t = void 0;
|
|
558
558
|
#n;
|
|
@@ -751,7 +751,17 @@ function J() {
|
|
|
751
751
|
}
|
|
752
752
|
//#endregion
|
|
753
753
|
//#region src/Hooks/useApi.ts
|
|
754
|
-
|
|
754
|
+
var Nt = class extends Error {
|
|
755
|
+
status;
|
|
756
|
+
violations;
|
|
757
|
+
constructor(e, t, n) {
|
|
758
|
+
super(e), this.name = "ApiError", this.status = t, this.violations = n;
|
|
759
|
+
}
|
|
760
|
+
};
|
|
761
|
+
function Pt(e) {
|
|
762
|
+
return e instanceof Nt ? e.violations : void 0;
|
|
763
|
+
}
|
|
764
|
+
function Ft(e) {
|
|
755
765
|
if (typeof e == "string") try {
|
|
756
766
|
let t = JSON.parse(e);
|
|
757
767
|
return {
|
|
@@ -764,105 +774,109 @@ function Nt(e) {
|
|
|
764
774
|
}
|
|
765
775
|
return e instanceof Error ? { message: e.message } : { message: "Unbekannter Fehler" };
|
|
766
776
|
}
|
|
767
|
-
async function
|
|
777
|
+
async function It(e, t) {
|
|
768
778
|
let n = await fetch(e, t);
|
|
769
779
|
if (n.status >= 400) {
|
|
770
780
|
let e = await n.text();
|
|
771
|
-
if (!e) throw
|
|
781
|
+
if (!e) throw new Nt(`HTTP ${n.status}: ${n.statusText}`, n.status);
|
|
772
782
|
let t = null;
|
|
773
783
|
try {
|
|
774
784
|
t = JSON.parse(e);
|
|
775
785
|
} catch {
|
|
776
|
-
throw
|
|
786
|
+
throw new Nt(e, n.status);
|
|
777
787
|
}
|
|
778
|
-
|
|
788
|
+
let r = Array.isArray(t?.violations) ? t.violations.filter((e) => e?.field && e?.message).map((e) => ({
|
|
789
|
+
field: String(e.field),
|
|
790
|
+
message: String(e.message)
|
|
791
|
+
})) : void 0;
|
|
792
|
+
throw new Nt(t?.message ?? t?.error ?? t?.title ?? e, n.status, r);
|
|
779
793
|
}
|
|
780
794
|
return n;
|
|
781
795
|
}
|
|
782
796
|
var Y = (e) => e.map((e) => e.toString());
|
|
783
|
-
async function
|
|
784
|
-
return (await
|
|
797
|
+
async function Lt(e, t) {
|
|
798
|
+
return (await It(e, {
|
|
785
799
|
method: "GET",
|
|
786
800
|
headers: await t()
|
|
787
801
|
})).json();
|
|
788
802
|
}
|
|
789
|
-
async function
|
|
790
|
-
return (await
|
|
803
|
+
async function Rt(e, t, n) {
|
|
804
|
+
return (await It(`${e}/${t}`, {
|
|
791
805
|
method: "GET",
|
|
792
806
|
headers: await n()
|
|
793
807
|
})).json();
|
|
794
808
|
}
|
|
795
|
-
async function
|
|
796
|
-
await
|
|
809
|
+
async function zt(e, t, n) {
|
|
810
|
+
await It(`${e}/${t}`, {
|
|
797
811
|
method: "DELETE",
|
|
798
812
|
headers: await n()
|
|
799
813
|
});
|
|
800
814
|
}
|
|
801
|
-
async function
|
|
802
|
-
let r = await
|
|
815
|
+
async function Bt(e, t, n) {
|
|
816
|
+
let r = await It(e, {
|
|
803
817
|
method: "POST",
|
|
804
818
|
headers: await n(),
|
|
805
819
|
body: JSON.stringify(t)
|
|
806
820
|
});
|
|
807
821
|
return r.status === 204 ? t : r.json();
|
|
808
822
|
}
|
|
809
|
-
async function
|
|
810
|
-
let i = await
|
|
823
|
+
async function Vt(e, t, n, r) {
|
|
824
|
+
let i = await It(t, {
|
|
811
825
|
method: e,
|
|
812
826
|
headers: await n(),
|
|
813
827
|
body: r ? JSON.stringify(r) : void 0
|
|
814
828
|
});
|
|
815
829
|
if (i.status !== 204) return i.json();
|
|
816
830
|
}
|
|
817
|
-
async function
|
|
818
|
-
let r = await
|
|
831
|
+
async function Ht(e, t, n) {
|
|
832
|
+
let r = await It(`${e}/${t.id}`, {
|
|
819
833
|
method: "PUT",
|
|
820
834
|
headers: await n(),
|
|
821
835
|
body: JSON.stringify(t)
|
|
822
836
|
});
|
|
823
837
|
return r.status === 204 ? t : r.json();
|
|
824
838
|
}
|
|
825
|
-
function
|
|
839
|
+
function Ut(e, t, n) {
|
|
826
840
|
let { baseUrl: r, getHeaders: i } = J();
|
|
827
841
|
return Ot({
|
|
828
842
|
queryKey: [...Y(t), String(n?.toString())],
|
|
829
|
-
queryFn: () =>
|
|
843
|
+
queryFn: () => Rt(`${r}${e}`, n, i),
|
|
830
844
|
enabled: !!n
|
|
831
845
|
});
|
|
832
846
|
}
|
|
833
|
-
function
|
|
847
|
+
function Wt(e, t, n = !0) {
|
|
834
848
|
let { baseUrl: r, getHeaders: i } = J();
|
|
835
849
|
return Ot({
|
|
836
850
|
queryKey: Y(t),
|
|
837
|
-
queryFn: () =>
|
|
851
|
+
queryFn: () => Lt(`${r}${e}`, i),
|
|
838
852
|
enabled: n
|
|
839
853
|
});
|
|
840
854
|
}
|
|
841
|
-
function
|
|
855
|
+
function Gt(e, t) {
|
|
842
856
|
let { baseUrl: n, queryClient: r, getHeaders: i } = J();
|
|
843
857
|
return kt({
|
|
844
858
|
mutationKey: Y(t),
|
|
845
|
-
mutationFn: (t) =>
|
|
859
|
+
mutationFn: (t) => Bt(`${n}${e}`, t, i),
|
|
846
860
|
onSettled() {
|
|
847
861
|
return r.invalidateQueries({ queryKey: Y(t) });
|
|
848
862
|
}
|
|
849
863
|
});
|
|
850
864
|
}
|
|
851
|
-
function
|
|
865
|
+
function Kt(e, t) {
|
|
852
866
|
let { baseUrl: n, queryClient: r, getHeaders: i } = J();
|
|
853
867
|
return kt({
|
|
854
868
|
mutationKey: Y(t),
|
|
855
|
-
mutationFn: (t) =>
|
|
869
|
+
mutationFn: (t) => Ht(`${n}${e}`, t, i),
|
|
856
870
|
onSettled() {
|
|
857
871
|
return r.invalidateQueries({ queryKey: Y(t) });
|
|
858
872
|
}
|
|
859
873
|
});
|
|
860
874
|
}
|
|
861
|
-
function
|
|
875
|
+
function qt(e, t) {
|
|
862
876
|
let { baseUrl: n, queryClient: r, getHeaders: i } = J();
|
|
863
877
|
return kt({
|
|
864
878
|
mutationKey: Y(t),
|
|
865
|
-
mutationFn: (t) =>
|
|
879
|
+
mutationFn: (t) => zt(`${n}${e}`, t, i),
|
|
866
880
|
onSettled() {
|
|
867
881
|
return r.invalidateQueries({ queryKey: Y(t) });
|
|
868
882
|
}
|
|
@@ -870,42 +884,52 @@ function Gt(e, t) {
|
|
|
870
884
|
}
|
|
871
885
|
//#endregion
|
|
872
886
|
//#region src/DataTable/EntityForm.tsx
|
|
873
|
-
function
|
|
887
|
+
function Jt(e, t) {
|
|
874
888
|
return typeof e.required == "function" ? e.required(t) : !!e.required;
|
|
875
889
|
}
|
|
876
|
-
function
|
|
890
|
+
function Yt(e) {
|
|
877
891
|
return e.reduce((e, t) => (e[t.id] = t.type === "boolean" ? t.defaultValue ?? !1 : t.defaultValue ?? "", e), {});
|
|
878
892
|
}
|
|
879
|
-
function
|
|
880
|
-
return e.filter((e) => e.required).reduce((e, t) => (e[t.id] = (e, n) => t.conditional && !t.conditional(n) || !
|
|
893
|
+
function Xt(e) {
|
|
894
|
+
return e.filter((e) => e.required).reduce((e, t) => (e[t.id] = (e, n) => t.conditional && !t.conditional(n) || !Jt(t, n) || e ? null : "Pflichtfeld", e), {});
|
|
881
895
|
}
|
|
882
|
-
function
|
|
896
|
+
function Zt(e) {
|
|
883
897
|
return Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t === "" ? void 0 : t]));
|
|
884
898
|
}
|
|
885
|
-
function
|
|
899
|
+
function Qt(e, t) {
|
|
886
900
|
let n = { ...e };
|
|
887
901
|
return t.forEach((e) => {
|
|
888
902
|
let t = e.id;
|
|
889
903
|
e.type === "boolean" && n[t] === null ? n[t] = !1 : e.type === "date" && n[t] ? n[t] = new Date(n[t]) : n[t] === null && (n[t] = "");
|
|
890
904
|
}), n;
|
|
891
905
|
}
|
|
892
|
-
|
|
893
|
-
|
|
906
|
+
var $t = (e) => e.split(".").pop() ?? e;
|
|
907
|
+
function en(e, t) {
|
|
908
|
+
return Object.fromEntries((Pt(e) ?? []).filter((e) => t.has($t(e.field))).map((e) => [$t(e.field), e.message]));
|
|
909
|
+
}
|
|
910
|
+
function tn(e, t) {
|
|
911
|
+
let n = Pt(e);
|
|
912
|
+
if (!n) return e?.message;
|
|
913
|
+
let r = n.filter((e) => !t.has($t(e.field)));
|
|
914
|
+
return r.length > 0 ? r.map((e) => e.message).join(", ") : void 0;
|
|
915
|
+
}
|
|
916
|
+
function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error: o, onPersist: c, onClose: l }) {
|
|
917
|
+
let [u, h] = d(0), [g, v] = d(!1), b = ve({
|
|
894
918
|
mode: "uncontrolled",
|
|
895
|
-
initialValues:
|
|
896
|
-
validate:
|
|
919
|
+
initialValues: Yt(e),
|
|
920
|
+
validate: Xt(e)
|
|
897
921
|
});
|
|
898
922
|
s(() => {
|
|
899
923
|
if (r) {
|
|
900
|
-
let t =
|
|
924
|
+
let t = Qt(r, e);
|
|
901
925
|
b.initialize(t), b.setValues(t);
|
|
902
926
|
}
|
|
903
927
|
}, [r]);
|
|
904
|
-
let S = [...new Set(e.filter((e) => typeof e.step == "number").map((e) => e.step))],
|
|
905
|
-
function
|
|
928
|
+
let S = new Set(e.map((e) => String(e.id))), C = tn(o, S), w = [...new Set(e.filter((e) => typeof e.step == "number").map((e) => e.step))], E = w.length > 0, D = u === w.length - 1;
|
|
929
|
+
function O(e) {
|
|
906
930
|
let t = b.getValues();
|
|
907
931
|
if (e.conditional && !e.conditional(t)) return null;
|
|
908
|
-
let n =
|
|
932
|
+
let n = Jt(e, t), r = b.getInputProps(e.id);
|
|
909
933
|
switch (e.type) {
|
|
910
934
|
case "number": return /* @__PURE__ */ p(N, {
|
|
911
935
|
decimalSeparator: ",",
|
|
@@ -915,7 +939,7 @@ function Zt({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
|
|
|
915
939
|
required: n,
|
|
916
940
|
...r
|
|
917
941
|
}, b.key(e.id));
|
|
918
|
-
case "date": return /* @__PURE__ */ p(
|
|
942
|
+
case "date": return /* @__PURE__ */ p(_e, {
|
|
919
943
|
valueFormat: "DD.MM.YYYY",
|
|
920
944
|
clearable: !0,
|
|
921
945
|
label: e.column.title,
|
|
@@ -929,7 +953,7 @@ function Zt({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
|
|
|
929
953
|
required: n,
|
|
930
954
|
...b.getInputProps(e.id, { type: "checkbox" })
|
|
931
955
|
}, b.key(e.id));
|
|
932
|
-
case "textarea": return /* @__PURE__ */ p(
|
|
956
|
+
case "textarea": return /* @__PURE__ */ p(de, {
|
|
933
957
|
minRows: 3,
|
|
934
958
|
autosize: !0,
|
|
935
959
|
label: e.column.title,
|
|
@@ -944,7 +968,7 @@ function Zt({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
|
|
|
944
968
|
error: r.error,
|
|
945
969
|
required: n
|
|
946
970
|
});
|
|
947
|
-
default: return /* @__PURE__ */ p(
|
|
971
|
+
default: return /* @__PURE__ */ p(ue, {
|
|
948
972
|
type: e.id.includes("email") ? "email" : void 0,
|
|
949
973
|
label: e.column.title,
|
|
950
974
|
placeholder: e.placeholder ?? "",
|
|
@@ -953,63 +977,65 @@ function Zt({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
|
|
|
953
977
|
}, b.key(e.id));
|
|
954
978
|
}
|
|
955
979
|
}
|
|
956
|
-
let
|
|
957
|
-
return /* @__PURE__ */ m(f, { children: [
|
|
980
|
+
let k = (t) => (t === void 0 ? e : e.filter((e) => e.step === t)).map((e) => /* @__PURE__ */ p(n, { children: O(e) }, e.id));
|
|
981
|
+
return /* @__PURE__ */ m(f, { children: [C && /* @__PURE__ */ p(_, {
|
|
958
982
|
variant: "outline",
|
|
959
983
|
color: "red",
|
|
960
|
-
title:
|
|
984
|
+
title: "Fehler aufgetreten",
|
|
961
985
|
mb: "lg",
|
|
962
|
-
children:
|
|
986
|
+
children: C
|
|
963
987
|
}), /* @__PURE__ */ m("form", {
|
|
964
988
|
onSubmit: b.onSubmit(async (e) => {
|
|
965
|
-
let t =
|
|
966
|
-
|
|
989
|
+
let t = Zt(e);
|
|
990
|
+
try {
|
|
991
|
+
await c(t);
|
|
992
|
+
} catch (e) {
|
|
993
|
+
let t = en(e, S);
|
|
994
|
+
Object.keys(t).length > 0 && b.setErrors(t);
|
|
995
|
+
return;
|
|
996
|
+
}
|
|
997
|
+
E && !D ? h((e) => e + 1) : (b.setInitialValues(t), b.reset(), l());
|
|
967
998
|
}),
|
|
968
|
-
children: [
|
|
999
|
+
children: [E ? /* @__PURE__ */ p(ne, {
|
|
969
1000
|
active: u,
|
|
970
1001
|
size: "sm",
|
|
971
|
-
children:
|
|
1002
|
+
children: w.map((e) => /* @__PURE__ */ p(ne.Step, {
|
|
972
1003
|
...t?.[e - 1] ? { label: t[e - 1].label } : {},
|
|
973
|
-
children:
|
|
1004
|
+
children: k(e)
|
|
974
1005
|
}, e))
|
|
975
|
-
}) :
|
|
1006
|
+
}) : k(), !g && /* @__PURE__ */ m(T, {
|
|
976
1007
|
mt: "md",
|
|
977
1008
|
justify: "end",
|
|
978
1009
|
children: [/* @__PURE__ */ p(y, {
|
|
979
1010
|
variant: "outline",
|
|
980
|
-
onClick: () =>
|
|
981
|
-
children:
|
|
1011
|
+
onClick: () => E && u > 0 ? h((e) => e - 1) : l(),
|
|
1012
|
+
children: E && u > 0 ? "Zurück" : "Abbrechen"
|
|
982
1013
|
}), /* @__PURE__ */ p(y, {
|
|
983
1014
|
type: "submit",
|
|
984
1015
|
loading: a,
|
|
985
|
-
children:
|
|
1016
|
+
children: E && !D ? "Weiter" : "Speichern"
|
|
986
1017
|
})]
|
|
987
1018
|
})]
|
|
988
1019
|
})] });
|
|
989
1020
|
}
|
|
990
1021
|
//#endregion
|
|
991
1022
|
//#region src/DataTable/CreateModal.tsx
|
|
992
|
-
function
|
|
993
|
-
let [o, s] = d(), { mutateAsync: c, isPending: l, error: u } =
|
|
994
|
-
return /* @__PURE__ */ p(
|
|
1023
|
+
function rn({ fields: e, onClose: t, queryKey: n, apiPath: r, steps: i, onCreated: a }) {
|
|
1024
|
+
let [o, s] = d(), { mutateAsync: c, isPending: l, error: u } = Gt(r, n), { mutateAsync: f, isPending: m, error: h } = Kt(r, n);
|
|
1025
|
+
return /* @__PURE__ */ p(nn, {
|
|
995
1026
|
fields: e,
|
|
996
1027
|
steps: i,
|
|
997
1028
|
recordId: o,
|
|
998
1029
|
submitting: l || m,
|
|
999
|
-
error: u,
|
|
1030
|
+
error: u ?? h,
|
|
1000
1031
|
onPersist: async (e) => {
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
s(t.id), a?.(t.id);
|
|
1009
|
-
}
|
|
1010
|
-
return !0;
|
|
1011
|
-
} catch {
|
|
1012
|
-
return !1;
|
|
1032
|
+
if (o != null) await f({
|
|
1033
|
+
...e,
|
|
1034
|
+
id: o
|
|
1035
|
+
});
|
|
1036
|
+
else {
|
|
1037
|
+
let t = await c(e);
|
|
1038
|
+
s(t.id), a?.(t.id);
|
|
1013
1039
|
}
|
|
1014
1040
|
},
|
|
1015
1041
|
onClose: t
|
|
@@ -1017,28 +1043,28 @@ function Qt({ fields: e, onClose: t, queryKey: n, apiPath: r, steps: i, onCreate
|
|
|
1017
1043
|
}
|
|
1018
1044
|
//#endregion
|
|
1019
1045
|
//#region node_modules/clsx/dist/clsx.mjs
|
|
1020
|
-
function
|
|
1046
|
+
function an(e) {
|
|
1021
1047
|
var t, n, r = "";
|
|
1022
1048
|
if (typeof e == "string" || typeof e == "number") r += e;
|
|
1023
1049
|
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
1024
1050
|
var i = e.length;
|
|
1025
|
-
for (t = 0; t < i; t++) e[t] && (n =
|
|
1051
|
+
for (t = 0; t < i; t++) e[t] && (n = an(e[t])) && (r && (r += " "), r += n);
|
|
1026
1052
|
} else for (n in e) e[n] && (r && (r += " "), r += n);
|
|
1027
1053
|
return r;
|
|
1028
1054
|
}
|
|
1029
1055
|
function X() {
|
|
1030
|
-
for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t =
|
|
1056
|
+
for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = an(e)) && (r && (r += " "), r += t);
|
|
1031
1057
|
return r;
|
|
1032
1058
|
}
|
|
1033
1059
|
//#endregion
|
|
1034
1060
|
//#region node_modules/mantine-datatable/dist/index.mjs
|
|
1035
1061
|
function Z(e, t, n) {
|
|
1036
|
-
return e ?
|
|
1062
|
+
return e ? me({
|
|
1037
1063
|
color: typeof e == "object" ? e[n] : e,
|
|
1038
1064
|
theme: t
|
|
1039
1065
|
}).value : void 0;
|
|
1040
1066
|
}
|
|
1041
|
-
function
|
|
1067
|
+
function on({ theme: e, c: t, backgroundColor: n, borderColor: r, rowBorderColor: i, stripedColor: a, highlightOnHoverColor: o }) {
|
|
1042
1068
|
return {
|
|
1043
1069
|
"--mantine-datatable-color-light": Z(t, e, "light"),
|
|
1044
1070
|
"--mantine-datatable-color-dark": Z(t, e, "dark"),
|
|
@@ -1054,7 +1080,7 @@ function en({ theme: e, c: t, backgroundColor: n, borderColor: r, rowBorderColor
|
|
|
1054
1080
|
"--mantine-datatable-highlight-on-hover-color-dark": Z(o, e, "dark")
|
|
1055
1081
|
};
|
|
1056
1082
|
}
|
|
1057
|
-
function
|
|
1083
|
+
function sn({ theme: e, paginationActiveTextColor: t, paginationActiveBackgroundColor: n }) {
|
|
1058
1084
|
return {
|
|
1059
1085
|
"--mantine-datatable-pagination-active-text-color-light": Z(t, e, "light"),
|
|
1060
1086
|
"--mantine-datatable-pagination-active-text-color-dark": Z(t, e, "dark"),
|
|
@@ -1062,7 +1088,7 @@ function tn({ theme: e, paginationActiveTextColor: t, paginationActiveBackground
|
|
|
1062
1088
|
"--mantine-datatable-pagination-active-background-color-dark": Z(n, e, "dark")
|
|
1063
1089
|
};
|
|
1064
1090
|
}
|
|
1065
|
-
function
|
|
1091
|
+
function cn({ theme: e, color: t, backgroundColor: n }) {
|
|
1066
1092
|
return {
|
|
1067
1093
|
"--mantine-datatable-row-color-light": Z(t, e, "light"),
|
|
1068
1094
|
"--mantine-datatable-row-color-dark": Z(t, e, "dark"),
|
|
@@ -1070,9 +1096,9 @@ function nn({ theme: e, color: t, backgroundColor: n }) {
|
|
|
1070
1096
|
"--mantine-datatable-row-background-color-dark": Z(n, e, "dark")
|
|
1071
1097
|
};
|
|
1072
1098
|
}
|
|
1073
|
-
var [
|
|
1099
|
+
var [ln, un] = pe("useDataTableColumnsContext must be used within DataTableColumnProvider"), dn = (e) => {
|
|
1074
1100
|
let { children: t, columnsOrder: n, setColumnsOrder: r, columnsToggle: i, setColumnsToggle: a, columnsPinning: o, setColumnsPinning: s, resetColumnsOrder: c, resetColumnsToggle: l, resetColumnsPinning: u, setColumnWidth: f, setMultipleColumnWidths: m, resetColumnsWidth: h, beginResize: g, endResize: _, pinnedMap: v } = e, [y, b] = d(""), [x, S] = d("");
|
|
1075
|
-
return p(
|
|
1101
|
+
return p(ln, {
|
|
1076
1102
|
value: {
|
|
1077
1103
|
sourceColumn: y,
|
|
1078
1104
|
setSourceColumn: b,
|
|
@@ -1104,13 +1130,13 @@ var [rn, an] = fe("useDataTableColumnsContext must be used within DataTableColum
|
|
|
1104
1130
|
children: t
|
|
1105
1131
|
});
|
|
1106
1132
|
};
|
|
1107
|
-
function
|
|
1133
|
+
function fn() {
|
|
1108
1134
|
return p("tr", {
|
|
1109
1135
|
className: "mantine-datatable-empty-row",
|
|
1110
1136
|
children: p("td", {})
|
|
1111
1137
|
});
|
|
1112
1138
|
}
|
|
1113
|
-
function
|
|
1139
|
+
function pn() {
|
|
1114
1140
|
return m("svg", {
|
|
1115
1141
|
width: "24",
|
|
1116
1142
|
height: "24",
|
|
@@ -1133,14 +1159,14 @@ function cn() {
|
|
|
1133
1159
|
]
|
|
1134
1160
|
});
|
|
1135
1161
|
}
|
|
1136
|
-
function
|
|
1162
|
+
function mn({ icon: e, text: t, active: n, children: r }) {
|
|
1137
1163
|
return p(b, {
|
|
1138
1164
|
className: "mantine-datatable-empty-state",
|
|
1139
1165
|
"data-active": n || void 0,
|
|
1140
1166
|
children: r || m(f, { children: [e || p("div", {
|
|
1141
1167
|
className: "mantine-datatable-empty-state-icon",
|
|
1142
|
-
children: p(
|
|
1143
|
-
}), p(
|
|
1168
|
+
children: p(pn, {})
|
|
1169
|
+
}), p(B, {
|
|
1144
1170
|
component: "div",
|
|
1145
1171
|
size: "sm",
|
|
1146
1172
|
c: "dimmed",
|
|
@@ -1148,13 +1174,13 @@ function ln({ icon: e, text: t, active: n, children: r }) {
|
|
|
1148
1174
|
})] })
|
|
1149
1175
|
});
|
|
1150
1176
|
}
|
|
1151
|
-
function
|
|
1177
|
+
function hn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
|
|
1152
1178
|
let r = l(() => t.map((e) => ({
|
|
1153
1179
|
accessor: e.accessor,
|
|
1154
1180
|
defaultPinned: e.pinned,
|
|
1155
1181
|
pinnable: !!e.pinnable,
|
|
1156
1182
|
pinned: e.pinned
|
|
1157
|
-
})), [t]), [i, a] =
|
|
1183
|
+
})), [t]), [i, a] = je({
|
|
1158
1184
|
key: e ? `${e}-columns-pinning` : "",
|
|
1159
1185
|
defaultValue: e ? r : void 0,
|
|
1160
1186
|
getInitialValueInEffect: n
|
|
@@ -1201,8 +1227,8 @@ function un({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
|
|
|
1201
1227
|
resetColumnsPinning: d
|
|
1202
1228
|
};
|
|
1203
1229
|
}
|
|
1204
|
-
function
|
|
1205
|
-
let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] =
|
|
1230
|
+
function gn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
|
|
1231
|
+
let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = je({
|
|
1206
1232
|
key: e ? `${e}-columns-order` : "",
|
|
1207
1233
|
defaultValue: e ? r : void 0,
|
|
1208
1234
|
getInitialValueInEffect: n
|
|
@@ -1244,8 +1270,8 @@ function dn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
|
|
|
1244
1270
|
resetColumnsOrder: d
|
|
1245
1271
|
};
|
|
1246
1272
|
}
|
|
1247
|
-
function
|
|
1248
|
-
let i = l(() => t.some((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), o = a(() => t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" })), [t]), [c, f] =
|
|
1273
|
+
function _n({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r }) {
|
|
1274
|
+
let i = l(() => t.some((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), o = a(() => t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" })), [t]), [c, f] = je({
|
|
1249
1275
|
key: e ? `${e}-columns-width` : "",
|
|
1250
1276
|
defaultValue: e ? o() : void 0,
|
|
1251
1277
|
getInitialValueInEffect: n
|
|
@@ -1333,13 +1359,13 @@ function fn({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRe
|
|
|
1333
1359
|
endResize: S
|
|
1334
1360
|
};
|
|
1335
1361
|
}
|
|
1336
|
-
function
|
|
1362
|
+
function vn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
|
|
1337
1363
|
let r = l(() => t?.map((e) => ({
|
|
1338
1364
|
accessor: e.accessor,
|
|
1339
1365
|
defaultToggle: e.defaultToggle || !0,
|
|
1340
1366
|
toggleable: e.toggleable,
|
|
1341
1367
|
toggled: e.defaultToggle === void 0 ? !0 : e.defaultToggle
|
|
1342
|
-
})), [t]), [i, a] =
|
|
1368
|
+
})), [t]), [i, a] = je({
|
|
1343
1369
|
key: e ? `${e}-columns-toggle` : "",
|
|
1344
1370
|
defaultValue: e ? r : void 0,
|
|
1345
1371
|
getInitialValueInEffect: n
|
|
@@ -1386,20 +1412,20 @@ function pn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
|
|
|
1386
1412
|
resetColumnsToggle: d
|
|
1387
1413
|
};
|
|
1388
1414
|
}
|
|
1389
|
-
var
|
|
1390
|
-
let { columnsOrder: a, setColumnsOrder: o, resetColumnsOrder: s } =
|
|
1415
|
+
var yn = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r, scrollViewportRef: i }) => {
|
|
1416
|
+
let { columnsOrder: a, setColumnsOrder: o, resetColumnsOrder: s } = gn({
|
|
1391
1417
|
key: e,
|
|
1392
1418
|
columns: t,
|
|
1393
1419
|
getInitialValueInEffect: n
|
|
1394
|
-
}), { columnsToggle: c, setColumnsToggle: u, resetColumnsToggle: d } =
|
|
1420
|
+
}), { columnsToggle: c, setColumnsToggle: u, resetColumnsToggle: d } = vn({
|
|
1395
1421
|
key: e,
|
|
1396
1422
|
columns: t,
|
|
1397
1423
|
getInitialValueInEffect: n
|
|
1398
|
-
}), { columnsPinning: f, setColumnsPinning: p, resetColumnsPinning: m } =
|
|
1424
|
+
}), { columnsPinning: f, setColumnsPinning: p, resetColumnsPinning: m } = hn({
|
|
1399
1425
|
key: e,
|
|
1400
1426
|
columns: t,
|
|
1401
1427
|
getInitialValueInEffect: n
|
|
1402
|
-
}), { columnsWidth: h, setColumnsWidth: g, setColumnWidth: _, setMultipleColumnWidths: v, resetColumnsWidth: y, hasResizableColumns: b, allResizableWidthsInitial: x, measureAndSetColumnWidths: S, isResizing: C, beginResize: w, endResize: T } =
|
|
1428
|
+
}), { columnsWidth: h, setColumnsWidth: g, setColumnWidth: _, setMultipleColumnWidths: v, resetColumnsWidth: y, hasResizableColumns: b, allResizableWidthsInitial: x, measureAndSetColumnWidths: S, isResizing: C, beginResize: w, endResize: T } = _n({
|
|
1403
1429
|
key: e,
|
|
1404
1430
|
columns: t,
|
|
1405
1431
|
getInitialValueInEffect: n,
|
|
@@ -1476,16 +1502,16 @@ var mn = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef:
|
|
|
1476
1502
|
beginResize: w,
|
|
1477
1503
|
endResize: T
|
|
1478
1504
|
};
|
|
1479
|
-
},
|
|
1480
|
-
function
|
|
1505
|
+
}, bn = typeof window < "u" ? c : s;
|
|
1506
|
+
function xn(e) {
|
|
1481
1507
|
let t = u(e);
|
|
1482
1508
|
return t.current = e, t;
|
|
1483
1509
|
}
|
|
1484
|
-
var
|
|
1510
|
+
var Sn = "--mantine-datatable-header-height", Cn = "--mantine-datatable-footer-height", wn = "--mantine-datatable-selection-column-width", Tn = "--mantine-datatable-last-row-border-bottom";
|
|
1485
1511
|
function Q(e, t, n) {
|
|
1486
1512
|
e?.style.setProperty(t, n);
|
|
1487
1513
|
}
|
|
1488
|
-
function
|
|
1514
|
+
function En(e) {
|
|
1489
1515
|
let t = e.borderBoxSize?.[0] || e.contentBoxSize?.[0];
|
|
1490
1516
|
return t ? {
|
|
1491
1517
|
width: t.inlineSize,
|
|
@@ -1495,18 +1521,18 @@ function xn(e) {
|
|
|
1495
1521
|
height: e.contentRect.height
|
|
1496
1522
|
};
|
|
1497
1523
|
}
|
|
1498
|
-
function
|
|
1524
|
+
function Dn(e, t, n) {
|
|
1499
1525
|
if (e) {
|
|
1500
1526
|
let r = new ResizeObserver((e) => {
|
|
1501
1527
|
let n = e[0];
|
|
1502
|
-
n && t(
|
|
1528
|
+
n && t(En(n));
|
|
1503
1529
|
});
|
|
1504
1530
|
return r.observe(e), () => {
|
|
1505
1531
|
r.disconnect(), n();
|
|
1506
1532
|
};
|
|
1507
1533
|
}
|
|
1508
1534
|
}
|
|
1509
|
-
function
|
|
1535
|
+
function On({ scrollCallbacks: e, withRowBorders: t }) {
|
|
1510
1536
|
let n = {
|
|
1511
1537
|
root: u(null),
|
|
1512
1538
|
table: u(null),
|
|
@@ -1514,16 +1540,16 @@ function Cn({ scrollCallbacks: e, withRowBorders: t }) {
|
|
|
1514
1540
|
header: u(null),
|
|
1515
1541
|
footer: u(null),
|
|
1516
1542
|
selectionColumnHeader: u(null)
|
|
1517
|
-
}, { root: r, table: i, scrollViewport: o, header: c, footer: l, selectionColumnHeader: d } = n, f =
|
|
1543
|
+
}, { root: r, table: i, scrollViewport: o, header: c, footer: l, selectionColumnHeader: d } = n, f = xn({ withRowBorders: t }), p = xn(e), m = u(() => {}), h = u(() => {}), g = a((e) => {
|
|
1518
1544
|
p.current.onScroll?.(e), m.current();
|
|
1519
1545
|
}, []);
|
|
1520
|
-
return s(() =>
|
|
1521
|
-
Q(r.current,
|
|
1522
|
-
}, () => Q(r.current,
|
|
1523
|
-
Q(r.current,
|
|
1524
|
-
}, () => Q(r.current,
|
|
1525
|
-
Q(r.current,
|
|
1526
|
-
}, () => Q(r.current,
|
|
1546
|
+
return s(() => Dn(c.current, (e) => {
|
|
1547
|
+
Q(r.current, Sn, `${e.height}px`);
|
|
1548
|
+
}, () => Q(r.current, Sn, "0")), [c.current]), s(() => Dn(l.current, (e) => {
|
|
1549
|
+
Q(r.current, Cn, `${e.height}px`);
|
|
1550
|
+
}, () => Q(r.current, Cn, "0")), [l.current]), s(() => Dn(d.current, (e) => {
|
|
1551
|
+
Q(r.current, wn, `${e.width}px`);
|
|
1552
|
+
}, () => Q(r.current, wn, "0")), [d.current]), bn(() => {
|
|
1527
1553
|
if (typeof window > "u") return;
|
|
1528
1554
|
let e = {
|
|
1529
1555
|
top: !0,
|
|
@@ -1546,7 +1572,7 @@ function Cn({ scrollCallbacks: e, withRowBorders: t }) {
|
|
|
1546
1572
|
Q(r.current, "--mantine-datatable-footer-position", i ? "relative" : "sticky"), Q(r.current, "--mantine-datatable-footer-bottom", i ? `${e}px` : "0");
|
|
1547
1573
|
}
|
|
1548
1574
|
function c() {
|
|
1549
|
-
f.current.withRowBorders && t.height < n.height ? Q(r.current,
|
|
1575
|
+
f.current.withRowBorders && t.height < n.height ? Q(r.current, Tn, `${V("1px")} solid var(--mantine-datatable-border-color)`) : Q(r.current, Tn, "unset");
|
|
1550
1576
|
}
|
|
1551
1577
|
h.current = c;
|
|
1552
1578
|
function l() {
|
|
@@ -1564,10 +1590,10 @@ function Cn({ scrollCallbacks: e, withRowBorders: t }) {
|
|
|
1564
1590
|
let u = new ResizeObserver((e) => {
|
|
1565
1591
|
for (let r of e) switch (r.target.tagName) {
|
|
1566
1592
|
case "TABLE":
|
|
1567
|
-
t =
|
|
1593
|
+
t = En(r);
|
|
1568
1594
|
break;
|
|
1569
1595
|
case "DIV":
|
|
1570
|
-
n =
|
|
1596
|
+
n = En(r);
|
|
1571
1597
|
break;
|
|
1572
1598
|
}
|
|
1573
1599
|
l(), s(), c();
|
|
@@ -1575,14 +1601,14 @@ function Cn({ scrollCallbacks: e, withRowBorders: t }) {
|
|
|
1575
1601
|
return u.observe(i.current), u.observe(o.current), () => {
|
|
1576
1602
|
u.disconnect();
|
|
1577
1603
|
};
|
|
1578
|
-
}, []),
|
|
1604
|
+
}, []), bn(() => {
|
|
1579
1605
|
h.current();
|
|
1580
1606
|
}, [t]), {
|
|
1581
1607
|
refs: n,
|
|
1582
1608
|
onScroll: g
|
|
1583
1609
|
};
|
|
1584
1610
|
}
|
|
1585
|
-
function
|
|
1611
|
+
function kn({ columns: e, theadRef: t, tbodyRef: n, selectionColumnHeaderRef: r, selectionVisible: i, pinFirstColumn: o, pinLastColumn: c }) {
|
|
1586
1612
|
let [l, u] = d(/* @__PURE__ */ new Map()), f = a(() => {
|
|
1587
1613
|
if (!o && !c && !e.some((e) => e.pinned)) return;
|
|
1588
1614
|
let a = t.current ?? n.current;
|
|
@@ -1664,13 +1690,13 @@ function wn({ columns: e, theadRef: t, tbodyRef: n, selectionColumnHeaderRef: r,
|
|
|
1664
1690
|
t,
|
|
1665
1691
|
n,
|
|
1666
1692
|
f
|
|
1667
|
-
]),
|
|
1693
|
+
]), bn(f, [f]), {
|
|
1668
1694
|
pinnedMap: l,
|
|
1669
1695
|
hasLeftPinned: [...l.values()].some((e) => e.logicalSide === "left"),
|
|
1670
1696
|
hasRightPinned: [...l.values()].some((e) => e.logicalSide === "right")
|
|
1671
1697
|
};
|
|
1672
1698
|
}
|
|
1673
|
-
function
|
|
1699
|
+
function An(e) {
|
|
1674
1700
|
let [t, n] = d(null);
|
|
1675
1701
|
return s(() => {
|
|
1676
1702
|
n(null);
|
|
@@ -1679,7 +1705,7 @@ function Tn(e) {
|
|
|
1679
1705
|
setLastSelectionChangeIndex: n
|
|
1680
1706
|
};
|
|
1681
1707
|
}
|
|
1682
|
-
function
|
|
1708
|
+
function jn(e, t) {
|
|
1683
1709
|
let n = () => {
|
|
1684
1710
|
t(e.map((e) => e.matches));
|
|
1685
1711
|
}, r = e.map((e) => {
|
|
@@ -1695,62 +1721,62 @@ function En(e, t) {
|
|
|
1695
1721
|
});
|
|
1696
1722
|
};
|
|
1697
1723
|
}
|
|
1698
|
-
function
|
|
1724
|
+
function Mn(e, t) {
|
|
1699
1725
|
return t || (typeof window < "u" && "matchMedia" in window ? e.map((e) => window.matchMedia(e).matches) : e.map(() => !1));
|
|
1700
1726
|
}
|
|
1701
|
-
function
|
|
1702
|
-
let [r, i] = d(n ? t :
|
|
1727
|
+
function Nn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
|
|
1728
|
+
let [r, i] = d(n ? t : Mn(e, t)), a = u(null);
|
|
1703
1729
|
return s(() => {
|
|
1704
|
-
if ("matchMedia" in window) return a.current = e.map((e) => window.matchMedia(e)), i(a.current.map((e) => e.matches)),
|
|
1730
|
+
if ("matchMedia" in window) return a.current = e.map((e) => window.matchMedia(e)), i(a.current.map((e) => e.matches)), jn(a.current, (e) => {
|
|
1705
1731
|
i(e);
|
|
1706
1732
|
});
|
|
1707
1733
|
}, [e]), r;
|
|
1708
1734
|
}
|
|
1709
|
-
function
|
|
1710
|
-
let t =
|
|
1711
|
-
return
|
|
1735
|
+
function Pn(e) {
|
|
1736
|
+
let t = ge();
|
|
1737
|
+
return Nn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
|
|
1712
1738
|
}
|
|
1713
|
-
function
|
|
1714
|
-
let t =
|
|
1715
|
-
return
|
|
1739
|
+
function Fn(e) {
|
|
1740
|
+
let t = ge();
|
|
1741
|
+
return H((typeof e == "function" ? e(t) : e) || "", !0);
|
|
1716
1742
|
}
|
|
1717
|
-
function
|
|
1743
|
+
function In(e) {
|
|
1718
1744
|
let t = e.replace(/([a-z\d])([A-Z]+)/g, "$1 $2").replace(/\W|_/g, " ").trim().toLowerCase();
|
|
1719
1745
|
return `${t.charAt(0).toUpperCase()}${t.slice(1)}`;
|
|
1720
1746
|
}
|
|
1721
|
-
function
|
|
1747
|
+
function Ln(e, t, n) {
|
|
1722
1748
|
return e.filter((e) => !t.map(n).includes(n(e)));
|
|
1723
1749
|
}
|
|
1724
|
-
function
|
|
1750
|
+
function Rn(e, t) {
|
|
1725
1751
|
return e.filter((e, n, r) => n === r.findIndex((n) => t(e) === t(n)));
|
|
1726
1752
|
}
|
|
1727
|
-
function
|
|
1753
|
+
function zn(e, t) {
|
|
1728
1754
|
return t ? t.match(/([^[.\]])+/g).reduce((e, t) => e && e[t], e) : void 0;
|
|
1729
1755
|
}
|
|
1730
1756
|
function $(e, t) {
|
|
1731
|
-
return typeof t == "string" ?
|
|
1757
|
+
return typeof t == "string" ? zn(e, t) : t(e);
|
|
1732
1758
|
}
|
|
1733
|
-
function
|
|
1734
|
-
return !e || e.length === 0 ? 0 : Math.max(...e.map((e) => e.groups && e.groups.length > 0 ? 1 +
|
|
1759
|
+
function Bn(e) {
|
|
1760
|
+
return !e || e.length === 0 ? 0 : Math.max(...e.map((e) => e.groups && e.groups.length > 0 ? 1 + Bn(e.groups) : 1));
|
|
1735
1761
|
}
|
|
1736
|
-
function
|
|
1762
|
+
function Vn(e) {
|
|
1737
1763
|
let t = [];
|
|
1738
|
-
for (let n of e) n.columns && n.columns.length > 0 ? t.push(...n.columns.filter((e) => e != null)) : n.groups && n.groups.length > 0 && t.push(...
|
|
1764
|
+
for (let n of e) n.columns && n.columns.length > 0 ? t.push(...n.columns.filter((e) => e != null)) : n.groups && n.groups.length > 0 && t.push(...Vn(n.groups));
|
|
1739
1765
|
return t.filter((e) => e != null);
|
|
1740
1766
|
}
|
|
1741
|
-
function
|
|
1742
|
-
return e.columns && e.columns.length > 0 ? e.columns.filter((e, n) => e.hidden ? !1 : t ? t[n] !== !1 : !0).length : e.groups && e.groups.length > 0 ? e.groups.reduce((e, n) => e +
|
|
1767
|
+
function Hn(e, t) {
|
|
1768
|
+
return e.columns && e.columns.length > 0 ? e.columns.filter((e, n) => e.hidden ? !1 : t ? t[n] !== !1 : !0).length : e.groups && e.groups.length > 0 ? e.groups.reduce((e, n) => e + Hn(n, t), 0) : 0;
|
|
1743
1769
|
}
|
|
1744
|
-
function
|
|
1770
|
+
function Un(e, t, n = 0) {
|
|
1745
1771
|
if (n === t) return [...e];
|
|
1746
1772
|
let r = [];
|
|
1747
|
-
for (let i of e) i.groups && i.groups.length > 0 && r.push(...
|
|
1773
|
+
for (let i of e) i.groups && i.groups.length > 0 && r.push(...Un(i.groups, t, n + 1));
|
|
1748
1774
|
return r;
|
|
1749
1775
|
}
|
|
1750
|
-
function
|
|
1776
|
+
function Wn(e, t, n) {
|
|
1751
1777
|
return n ? !e || t : !1;
|
|
1752
1778
|
}
|
|
1753
|
-
function
|
|
1779
|
+
function Gn({ rowExpansion: e, records: t, idAccessor: n }) {
|
|
1754
1780
|
let r = [];
|
|
1755
1781
|
if (e && t) {
|
|
1756
1782
|
let { trigger: i, allowMultiple: a, initiallyExpanded: o } = e;
|
|
@@ -1785,8 +1811,8 @@ function Bn({ rowExpansion: e, records: t, idAccessor: n }) {
|
|
|
1785
1811
|
};
|
|
1786
1812
|
}
|
|
1787
1813
|
}
|
|
1788
|
-
function
|
|
1789
|
-
let [n, r] = d(e), [i, a] = d(e), o =
|
|
1814
|
+
function Kn(e, t) {
|
|
1815
|
+
let [n, r] = d(e), [i, a] = d(e), o = Ne(() => r(!0), 0), c = Ne(() => a(!1), t || 200);
|
|
1790
1816
|
return s(() => {
|
|
1791
1817
|
e ? (c.clear(), a(!0), o.start()) : (o.clear(), r(!1), c.start());
|
|
1792
1818
|
}, [
|
|
@@ -1798,17 +1824,17 @@ function Vn(e, t) {
|
|
|
1798
1824
|
visible: i
|
|
1799
1825
|
};
|
|
1800
1826
|
}
|
|
1801
|
-
var
|
|
1802
|
-
function
|
|
1803
|
-
return
|
|
1827
|
+
var qn = "mantine-datatable-nowrap", Jn = "mantine-datatable-ellipsis", Yn = "mantine-datatable-pointer-cursor", Xn = "mantine-datatable-context-menu-cursor", Zn = "mantine-datatable-text-selection-disabled", Qn = "mantine-datatable-text-align-left", $n = "mantine-datatable-text-align-center", er = "mantine-datatable-text-align-right";
|
|
1828
|
+
function tr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
|
|
1829
|
+
return Fn(r) ? p(oe, {
|
|
1804
1830
|
"data-pinned": n?.position,
|
|
1805
1831
|
"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
|
|
1806
1832
|
className: X({
|
|
1807
|
-
[
|
|
1808
|
-
[
|
|
1809
|
-
[
|
|
1810
|
-
[
|
|
1811
|
-
[
|
|
1833
|
+
[qn]: a || o,
|
|
1834
|
+
[Jn]: o,
|
|
1835
|
+
[Qn]: s === "left",
|
|
1836
|
+
[$n]: s === "center",
|
|
1837
|
+
[er]: s === "right"
|
|
1812
1838
|
}, e),
|
|
1813
1839
|
style: [
|
|
1814
1840
|
{
|
|
@@ -1826,24 +1852,24 @@ function Xn({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title
|
|
|
1826
1852
|
children: i
|
|
1827
1853
|
}) : null;
|
|
1828
1854
|
}
|
|
1829
|
-
function
|
|
1855
|
+
function nr({ shadowVisible: e }) {
|
|
1830
1856
|
return p(oe, {
|
|
1831
1857
|
className: "mantine-datatable-footer-selector-placeholder-cell",
|
|
1832
1858
|
"data-shadow-visible": e || void 0
|
|
1833
1859
|
});
|
|
1834
1860
|
}
|
|
1835
|
-
function
|
|
1861
|
+
function rr({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
|
|
1836
1862
|
return p(ae, {
|
|
1837
1863
|
ref: s,
|
|
1838
1864
|
className: X("mantine-datatable-footer", e),
|
|
1839
1865
|
style: t,
|
|
1840
|
-
children: m(
|
|
1866
|
+
children: m(ce, { children: [a && p(nr, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
|
|
1841
1867
|
if (e) return null;
|
|
1842
1868
|
let { accessor: n, visibleMediaQuery: a, textAlign: o, width: s, footer: c, footerClassName: l, footerStyle: u, noWrap: d, ellipsis: f } = {
|
|
1843
1869
|
...r,
|
|
1844
1870
|
...t
|
|
1845
1871
|
};
|
|
1846
|
-
return p(
|
|
1872
|
+
return p(tr, {
|
|
1847
1873
|
pinnedInfo: i.get(String(n)),
|
|
1848
1874
|
className: l,
|
|
1849
1875
|
style: u,
|
|
@@ -1857,8 +1883,8 @@ function Qn({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedM
|
|
|
1857
1883
|
})] })
|
|
1858
1884
|
});
|
|
1859
1885
|
}
|
|
1860
|
-
function
|
|
1861
|
-
let g = l(() => t && t.length > 0 ? t : n && n.length > 0 ?
|
|
1886
|
+
function ir({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, className: a, style: o }, pinnedInfo: s, maxDepth: c, currentDepth: u, previousGroups: d, isLastGroup: f, withColumnBorders: m = !1, totalTableColumns: h }) {
|
|
1887
|
+
let g = l(() => t && t.length > 0 ? t : n && n.length > 0 ? Vn([{
|
|
1862
1888
|
id: e,
|
|
1863
1889
|
columns: t,
|
|
1864
1890
|
groups: n
|
|
@@ -1866,7 +1892,7 @@ function $n({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
|
|
|
1866
1892
|
t,
|
|
1867
1893
|
n,
|
|
1868
1894
|
e
|
|
1869
|
-
]), _ =
|
|
1895
|
+
]), _ = Pn(l(() => g.map(({ visibleMediaQuery: e }) => e), [g])), v = l(() => Hn({
|
|
1870
1896
|
id: e,
|
|
1871
1897
|
columns: t,
|
|
1872
1898
|
groups: n
|
|
@@ -1875,16 +1901,16 @@ function $n({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
|
|
|
1875
1901
|
t,
|
|
1876
1902
|
n,
|
|
1877
1903
|
_
|
|
1878
|
-
]), y = l(() => d.reduce((e, t) => e +
|
|
1904
|
+
]), y = l(() => d.reduce((e, t) => e + Hn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - u, x = Wn(f, y + v < h, m);
|
|
1879
1905
|
return v > 0 ? p(oe, {
|
|
1880
1906
|
colSpan: v,
|
|
1881
1907
|
rowSpan: b > 1 ? b : void 0,
|
|
1882
1908
|
"data-pinned": s?.position,
|
|
1883
1909
|
"data-pinned-shadow": s?.isBoundary ? s.position : void 0,
|
|
1884
1910
|
className: X("mantine-datatable-column-group-header-cell", {
|
|
1885
|
-
[
|
|
1886
|
-
[
|
|
1887
|
-
[
|
|
1911
|
+
[Qn]: i === "left",
|
|
1912
|
+
[$n]: i === "center",
|
|
1913
|
+
[er]: i === "right",
|
|
1888
1914
|
"mantine-datatable-column-group-header-cell--needs-border": x
|
|
1889
1915
|
}, a),
|
|
1890
1916
|
style: [o, s && {
|
|
@@ -1892,10 +1918,10 @@ function $n({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
|
|
|
1892
1918
|
[s.position]: s.offset,
|
|
1893
1919
|
overflow: "visible"
|
|
1894
1920
|
}],
|
|
1895
|
-
children: r ??
|
|
1921
|
+
children: r ?? In(e)
|
|
1896
1922
|
}) : null;
|
|
1897
1923
|
}
|
|
1898
|
-
function
|
|
1924
|
+
function ar() {
|
|
1899
1925
|
return m("svg", {
|
|
1900
1926
|
width: "14",
|
|
1901
1927
|
height: "14",
|
|
@@ -1912,7 +1938,7 @@ function er() {
|
|
|
1912
1938
|
}), p("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" })]
|
|
1913
1939
|
});
|
|
1914
1940
|
}
|
|
1915
|
-
function
|
|
1941
|
+
function or() {
|
|
1916
1942
|
return m("svg", {
|
|
1917
1943
|
width: "14",
|
|
1918
1944
|
height: "14",
|
|
@@ -1933,8 +1959,8 @@ function tr() {
|
|
|
1933
1959
|
})]
|
|
1934
1960
|
});
|
|
1935
1961
|
}
|
|
1936
|
-
function
|
|
1937
|
-
let [i, { close: a, toggle: o }] =
|
|
1962
|
+
function sr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
|
|
1963
|
+
let [i, { close: a, toggle: o }] = Ae(!1), s = t ? or : ar, c = ke(a);
|
|
1938
1964
|
return r && (c = void 0), m(F, {
|
|
1939
1965
|
withArrow: !0,
|
|
1940
1966
|
shadow: "md",
|
|
@@ -1961,7 +1987,7 @@ function nr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisa
|
|
|
1961
1987
|
})]
|
|
1962
1988
|
});
|
|
1963
1989
|
}
|
|
1964
|
-
function
|
|
1990
|
+
function cr() {
|
|
1965
1991
|
return m("svg", {
|
|
1966
1992
|
width: "14",
|
|
1967
1993
|
height: "14",
|
|
@@ -1983,7 +2009,7 @@ function rr() {
|
|
|
1983
2009
|
]
|
|
1984
2010
|
});
|
|
1985
2011
|
}
|
|
1986
|
-
function
|
|
2012
|
+
function lr() {
|
|
1987
2013
|
return m("svg", {
|
|
1988
2014
|
width: "14",
|
|
1989
2015
|
height: "14",
|
|
@@ -2005,7 +2031,7 @@ function ir() {
|
|
|
2005
2031
|
]
|
|
2006
2032
|
});
|
|
2007
2033
|
}
|
|
2008
|
-
function
|
|
2034
|
+
function ur() {
|
|
2009
2035
|
return m("svg", {
|
|
2010
2036
|
width: "14",
|
|
2011
2037
|
height: "14",
|
|
@@ -2027,7 +2053,7 @@ function ar() {
|
|
|
2027
2053
|
]
|
|
2028
2054
|
});
|
|
2029
2055
|
}
|
|
2030
|
-
function
|
|
2056
|
+
function dr() {
|
|
2031
2057
|
return m("svg", {
|
|
2032
2058
|
width: "14",
|
|
2033
2059
|
height: "14",
|
|
@@ -2048,14 +2074,14 @@ function or() {
|
|
|
2048
2074
|
]
|
|
2049
2075
|
});
|
|
2050
2076
|
}
|
|
2051
|
-
function
|
|
2077
|
+
function fr({ currentPinned: e, onPinChange: t }) {
|
|
2052
2078
|
let [n, r] = d(!1), i = u(null), [o, c] = d(!1), l = a(() => {
|
|
2053
2079
|
if (i.current) {
|
|
2054
2080
|
let e = getComputedStyle(i.current).direction;
|
|
2055
2081
|
c(e === "rtl");
|
|
2056
2082
|
}
|
|
2057
2083
|
}, []);
|
|
2058
|
-
|
|
2084
|
+
bn(() => {
|
|
2059
2085
|
l();
|
|
2060
2086
|
}, [l]), s(() => {
|
|
2061
2087
|
n && l();
|
|
@@ -2078,7 +2104,7 @@ function sr({ currentPinned: e, onPinChange: t }) {
|
|
|
2078
2104
|
size: "xs",
|
|
2079
2105
|
variant: "light",
|
|
2080
2106
|
onClick: (e) => e.stopPropagation(),
|
|
2081
|
-
children: p(
|
|
2107
|
+
children: p(ur, {})
|
|
2082
2108
|
})
|
|
2083
2109
|
}) }), p(F.Dropdown, {
|
|
2084
2110
|
onClick: (e) => e.stopPropagation(),
|
|
@@ -2093,14 +2119,14 @@ function sr({ currentPinned: e, onPinChange: t }) {
|
|
|
2093
2119
|
variant: _ ? "filled" : "light",
|
|
2094
2120
|
onClick: () => t(_ ? void 0 : f),
|
|
2095
2121
|
"aria-label": "Pin left",
|
|
2096
|
-
children: p(
|
|
2122
|
+
children: p(cr, {})
|
|
2097
2123
|
}),
|
|
2098
2124
|
p(g, {
|
|
2099
2125
|
size: "sm",
|
|
2100
2126
|
variant: v ? "filled" : "light",
|
|
2101
2127
|
onClick: () => t(v ? void 0 : h),
|
|
2102
2128
|
"aria-label": "Pin right",
|
|
2103
|
-
children: p(
|
|
2129
|
+
children: p(lr, {})
|
|
2104
2130
|
}),
|
|
2105
2131
|
e && p(g, {
|
|
2106
2132
|
size: "sm",
|
|
@@ -2108,18 +2134,18 @@ function sr({ currentPinned: e, onPinChange: t }) {
|
|
|
2108
2134
|
color: "red",
|
|
2109
2135
|
onClick: () => t(void 0),
|
|
2110
2136
|
"aria-label": "Unpin",
|
|
2111
|
-
children: p(
|
|
2137
|
+
children: p(dr, {})
|
|
2112
2138
|
})
|
|
2113
2139
|
]
|
|
2114
2140
|
})
|
|
2115
2141
|
})]
|
|
2116
2142
|
});
|
|
2117
2143
|
}
|
|
2118
|
-
var
|
|
2144
|
+
var pr = 50, mr = (e) => {
|
|
2119
2145
|
let { accessor: t, columnRef: n } = e, [r, i] = d(!1), o = u(0), s = u({
|
|
2120
2146
|
current: 0,
|
|
2121
2147
|
next: 0
|
|
2122
|
-
}), { dir: c } =
|
|
2148
|
+
}), { dir: c } = he(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = un(), g = a((e) => {
|
|
2123
2149
|
if (e.preventDefault(), e.stopPropagation(), !n.current) return;
|
|
2124
2150
|
let r = n.current, a = r.nextElementSibling;
|
|
2125
2151
|
for (; a;) {
|
|
@@ -2138,7 +2164,7 @@ var cr = 50, lr = (e) => {
|
|
|
2138
2164
|
let p = (e) => {
|
|
2139
2165
|
let n = e.clientX - o.current;
|
|
2140
2166
|
l && (n = -n);
|
|
2141
|
-
let r = s.current.current -
|
|
2167
|
+
let r = s.current.current - pr, i = s.current.next - pr, a = Math.max(-r, Math.min(n, i)), u = s.current.current + a, d = s.current.next - a;
|
|
2142
2168
|
f([{
|
|
2143
2169
|
accessor: t,
|
|
2144
2170
|
width: `${u}px`
|
|
@@ -2185,7 +2211,7 @@ var cr = 50, lr = (e) => {
|
|
|
2185
2211
|
title: "Drag to resize column, double-click to reset"
|
|
2186
2212
|
});
|
|
2187
2213
|
};
|
|
2188
|
-
function
|
|
2214
|
+
function hr() {
|
|
2189
2215
|
return m("svg", {
|
|
2190
2216
|
width: "14",
|
|
2191
2217
|
height: "14",
|
|
@@ -2207,7 +2233,7 @@ function ur() {
|
|
|
2207
2233
|
]
|
|
2208
2234
|
});
|
|
2209
2235
|
}
|
|
2210
|
-
function
|
|
2236
|
+
function gr() {
|
|
2211
2237
|
return m("svg", {
|
|
2212
2238
|
width: "14",
|
|
2213
2239
|
height: "14",
|
|
@@ -2229,7 +2255,7 @@ function dr() {
|
|
|
2229
2255
|
]
|
|
2230
2256
|
});
|
|
2231
2257
|
}
|
|
2232
|
-
function
|
|
2258
|
+
function _r() {
|
|
2233
2259
|
return m("svg", {
|
|
2234
2260
|
width: "14",
|
|
2235
2261
|
height: "14",
|
|
@@ -2254,10 +2280,10 @@ function fr() {
|
|
|
2254
2280
|
]
|
|
2255
2281
|
});
|
|
2256
2282
|
}
|
|
2257
|
-
function
|
|
2258
|
-
let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: P, columnsPinning: F, setColumnsPinning: ee } =
|
|
2259
|
-
if (!
|
|
2260
|
-
let z = a ??
|
|
2283
|
+
function vr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQuery: i, title: a, sortable: o, draggable: s, toggleable: c, pinnable: l, resizable: f, sortIcons: h, textAlign: _, width: y, sortStatus: x, onSortStatusChange: S, filter: C, filterPopoverProps: E, filterPopoverDisableClickOutside: D, filtering: O, sortKey: k }) {
|
|
2284
|
+
let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: P, columnsPinning: F, setColumnsPinning: ee } = un(), [I, L] = d(!1), R = u(null), te = F?.find((e) => e.accessor === r)?.pinned;
|
|
2285
|
+
if (!Fn(i)) return null;
|
|
2286
|
+
let z = a ?? In(r), ne = typeof z == "string" ? z : void 0, re = o && S ? (e) => {
|
|
2261
2287
|
e?.defaultPrevented || S({
|
|
2262
2288
|
sortKey: k,
|
|
2263
2289
|
columnAccessor: r,
|
|
@@ -2269,16 +2295,16 @@ function pr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
|
|
|
2269
2295
|
e.preventDefault(), j(r), L(!0);
|
|
2270
2296
|
}, se = () => {
|
|
2271
2297
|
j(r), L(!1), M();
|
|
2272
|
-
}, B = () => {
|
|
2273
|
-
L(!0);
|
|
2274
2298
|
}, ce = () => {
|
|
2299
|
+
L(!0);
|
|
2300
|
+
}, le = () => {
|
|
2275
2301
|
L(!1);
|
|
2276
|
-
},
|
|
2302
|
+
}, B = (e) => {
|
|
2277
2303
|
e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
|
|
2278
2304
|
...e,
|
|
2279
2305
|
toggled: !1
|
|
2280
2306
|
} : e));
|
|
2281
|
-
},
|
|
2307
|
+
}, ue = (e) => {
|
|
2282
2308
|
ee((t) => t.map((t) => t.accessor === r ? {
|
|
2283
2309
|
...t,
|
|
2284
2310
|
pinned: e
|
|
@@ -2328,10 +2354,10 @@ function pr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
|
|
|
2328
2354
|
}),
|
|
2329
2355
|
draggable: s,
|
|
2330
2356
|
onDragStart: s ? ie : void 0,
|
|
2331
|
-
onDragEnter: s ?
|
|
2357
|
+
onDragEnter: s ? ce : void 0,
|
|
2332
2358
|
onDragOver: s ? ae : void 0,
|
|
2333
2359
|
onDrop: s ? se : void 0,
|
|
2334
|
-
onDragLeave: s ?
|
|
2360
|
+
onDragLeave: s ? le : void 0,
|
|
2335
2361
|
children: [s ? p(b, {
|
|
2336
2362
|
role: "img",
|
|
2337
2363
|
"aria-label": "Drag column",
|
|
@@ -2342,21 +2368,21 @@ function pr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
|
|
|
2342
2368
|
onClick: (e) => {
|
|
2343
2369
|
e.stopPropagation();
|
|
2344
2370
|
},
|
|
2345
|
-
children: p(
|
|
2371
|
+
children: p(_r, {})
|
|
2346
2372
|
})
|
|
2347
2373
|
}) : null, p(v, {
|
|
2348
2374
|
className: X("mantine-datatable-header-cell-sortable-text", {
|
|
2349
|
-
[
|
|
2350
|
-
[
|
|
2351
|
-
[
|
|
2352
|
-
},
|
|
2375
|
+
[Qn]: _ === "left",
|
|
2376
|
+
[$n]: _ === "center",
|
|
2377
|
+
[er]: _ === "right"
|
|
2378
|
+
}, qn, Jn),
|
|
2353
2379
|
title: ne,
|
|
2354
2380
|
children: z
|
|
2355
2381
|
})]
|
|
2356
2382
|
}),
|
|
2357
|
-
l ? p(
|
|
2383
|
+
l ? p(fr, {
|
|
2358
2384
|
currentPinned: te,
|
|
2359
|
-
onPinChange:
|
|
2385
|
+
onPinChange: ue
|
|
2360
2386
|
}) : null,
|
|
2361
2387
|
c ? p(b, {
|
|
2362
2388
|
className: "mantine-datatable-header-cell-toggleable-icon",
|
|
@@ -2365,46 +2391,46 @@ function pr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
|
|
|
2365
2391
|
children: p(g, {
|
|
2366
2392
|
size: "xs",
|
|
2367
2393
|
variant: "light",
|
|
2368
|
-
onClick:
|
|
2369
|
-
children: p(
|
|
2394
|
+
onClick: B,
|
|
2395
|
+
children: p(dr, {})
|
|
2370
2396
|
})
|
|
2371
2397
|
}) : null,
|
|
2372
2398
|
o || x?.columnAccessor === r ? x?.columnAccessor === r ? p(b, {
|
|
2373
2399
|
className: X("mantine-datatable-header-cell-sortable-icon", { "mantine-datatable-header-cell-sortable-icon-reversed": x.direction === "desc" }),
|
|
2374
2400
|
role: "img",
|
|
2375
2401
|
"aria-label": `Sorted ${x.direction === "desc" ? "descending" : "ascending"}`,
|
|
2376
|
-
children: h?.sorted || p(
|
|
2402
|
+
children: h?.sorted || p(gr, {})
|
|
2377
2403
|
}) : p(b, {
|
|
2378
2404
|
className: "mantine-datatable-header-cell-sortable-unsorted-icon",
|
|
2379
2405
|
role: "img",
|
|
2380
2406
|
"aria-label": "Not sorted",
|
|
2381
|
-
children: h?.unsorted || p(
|
|
2407
|
+
children: h?.unsorted || p(hr, {})
|
|
2382
2408
|
}) : null,
|
|
2383
|
-
C ? p(
|
|
2409
|
+
C ? p(sr, {
|
|
2384
2410
|
filterPopoverProps: E,
|
|
2385
2411
|
isActive: !!O,
|
|
2386
2412
|
filterPopoverDisableClickOutside: D,
|
|
2387
2413
|
children: C
|
|
2388
2414
|
}) : null
|
|
2389
2415
|
]
|
|
2390
|
-
}), f && r !== "__selection__" ? p(
|
|
2416
|
+
}), f && r !== "__selection__" ? p(mr, {
|
|
2391
2417
|
accessor: r,
|
|
2392
2418
|
columnRef: R
|
|
2393
2419
|
}) : null]
|
|
2394
2420
|
});
|
|
2395
2421
|
}
|
|
2396
|
-
function
|
|
2422
|
+
function yr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i, indeterminate: a, checkboxProps: o, onChange: s, rowSpan: c, ref: l }) {
|
|
2397
2423
|
let u = !o.disabled;
|
|
2398
2424
|
return p(oe, {
|
|
2399
2425
|
ref: l,
|
|
2400
|
-
className: X("mantine-datatable-header-selector-cell", { [
|
|
2426
|
+
className: X("mantine-datatable-header-selector-cell", { [Yn]: n === "cell" && u }, e),
|
|
2401
2427
|
style: t,
|
|
2402
2428
|
rowSpan: c,
|
|
2403
2429
|
"data-shadow-visible": r || void 0,
|
|
2404
2430
|
"data-accessor": "__selection__",
|
|
2405
2431
|
onClick: n === "cell" && u ? s : void 0,
|
|
2406
2432
|
children: p(x, {
|
|
2407
|
-
classNames: u ? { input:
|
|
2433
|
+
classNames: u ? { input: Yn } : void 0,
|
|
2408
2434
|
checked: i,
|
|
2409
2435
|
indeterminate: a,
|
|
2410
2436
|
onChange: s,
|
|
@@ -2413,7 +2439,7 @@ function mr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i,
|
|
|
2413
2439
|
})
|
|
2414
2440
|
});
|
|
2415
2441
|
}
|
|
2416
|
-
function
|
|
2442
|
+
function br(e, t) {
|
|
2417
2443
|
let n = (e.columns ?? []).filter((e) => !e.hidden).map((e) => String(e.accessor)), r = n.map((e) => t.get(e)).filter(Boolean);
|
|
2418
2444
|
if (r.length === 0 || r.length !== n.length) return;
|
|
2419
2445
|
let i = new Set(r.map((e) => e.logicalSide));
|
|
@@ -2426,8 +2452,8 @@ function hr(e, t) {
|
|
|
2426
2452
|
isBoundary: l?.isBoundary ?? !1
|
|
2427
2453
|
};
|
|
2428
2454
|
}
|
|
2429
|
-
function
|
|
2430
|
-
let E = c ?
|
|
2455
|
+
function xr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r, sortIcons: i, onSortStatusChange: a, columns: o, defaultColumnProps: s, groups: c, pinnedMap: l, selectionTrigger: u, selectionVisible: f, selectionChecked: h, selectionIndeterminate: g, onSelectionChange: _, selectionCheckboxProps: v, selectorCellShadowVisible: y, selectionColumnClassName: b, selectionColumnStyle: S, withColumnBorders: C = !1, ref: w }) {
|
|
2456
|
+
let E = c ? Bn(c) : 0, D = E > 0 ? E + 1 : 1, O = f ? p(yr, {
|
|
2431
2457
|
ref: e,
|
|
2432
2458
|
className: b,
|
|
2433
2459
|
style: S,
|
|
@@ -2438,7 +2464,7 @@ function gr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
|
|
|
2438
2464
|
checkboxProps: v,
|
|
2439
2465
|
onChange: _,
|
|
2440
2466
|
rowSpan: c ? D : void 0
|
|
2441
|
-
}) : null, { columnsToggle: k, setColumnsToggle: A } =
|
|
2467
|
+
}) : null, { columnsToggle: k, setColumnsToggle: A } = un(), [j, M] = d(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? In(String(e))])) : void 0, L = m(se, {
|
|
2442
2468
|
className: X("mantine-datatable-header", t),
|
|
2443
2469
|
style: n,
|
|
2444
2470
|
ref: w,
|
|
@@ -2446,10 +2472,10 @@ function gr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
|
|
|
2446
2472
|
e.preventDefault(), M((e) => !e);
|
|
2447
2473
|
} : void 0,
|
|
2448
2474
|
children: [c && Array.from({ length: E }, (e, t) => {
|
|
2449
|
-
let n =
|
|
2450
|
-
return m(
|
|
2475
|
+
let n = Un(c, t);
|
|
2476
|
+
return m(ce, { children: [t === 0 && O, n.map((e, r) => p(ir, {
|
|
2451
2477
|
group: e,
|
|
2452
|
-
pinnedInfo:
|
|
2478
|
+
pinnedInfo: br(e, l),
|
|
2453
2479
|
maxDepth: E,
|
|
2454
2480
|
currentDepth: t,
|
|
2455
2481
|
previousGroups: n.slice(0, r),
|
|
@@ -2457,13 +2483,13 @@ function gr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
|
|
|
2457
2483
|
withColumnBorders: C,
|
|
2458
2484
|
totalTableColumns: o.length
|
|
2459
2485
|
}, e.id))] }, `group-depth-${t}`);
|
|
2460
|
-
}), m(
|
|
2486
|
+
}), m(ce, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
|
|
2461
2487
|
if (e) return null;
|
|
2462
2488
|
let { accessor: c, visibleMediaQuery: u, textAlign: d, width: f, title: m, sortable: h, draggable: g, toggleable: _, pinnable: v, resizable: y, titleClassName: b, titleStyle: x, filter: S, filterPopoverProps: C, filterPopoverDisableClickOutside: w, filtering: T, sortKey: E } = {
|
|
2463
2489
|
...s,
|
|
2464
2490
|
...t
|
|
2465
2491
|
};
|
|
2466
|
-
return p(
|
|
2492
|
+
return p(vr, {
|
|
2467
2493
|
accessor: c,
|
|
2468
2494
|
pinnedInfo: l.get(String(c)),
|
|
2469
2495
|
className: b,
|
|
@@ -2508,7 +2534,7 @@ function gr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
|
|
|
2508
2534
|
}) }, e.accessor)) }) })]
|
|
2509
2535
|
}) : L;
|
|
2510
2536
|
}
|
|
2511
|
-
function
|
|
2537
|
+
function Sr({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i, color: a }) {
|
|
2512
2538
|
return p(b, {
|
|
2513
2539
|
className: X("mantine-datatable-loader", { "mantine-datatable-loader-fetching": e }),
|
|
2514
2540
|
style: [{ backdropFilter: n ? `blur(${n}px)` : void 0 }],
|
|
@@ -2519,7 +2545,7 @@ function _r({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i
|
|
|
2519
2545
|
}))
|
|
2520
2546
|
});
|
|
2521
2547
|
}
|
|
2522
|
-
function
|
|
2548
|
+
function Cr() {
|
|
2523
2549
|
return m("svg", {
|
|
2524
2550
|
width: "14",
|
|
2525
2551
|
height: "14",
|
|
@@ -2540,17 +2566,17 @@ function vr() {
|
|
|
2540
2566
|
]
|
|
2541
2567
|
});
|
|
2542
2568
|
}
|
|
2543
|
-
var
|
|
2544
|
-
xs:
|
|
2545
|
-
sm:
|
|
2546
|
-
md:
|
|
2547
|
-
lg:
|
|
2548
|
-
xl:
|
|
2569
|
+
var wr = {
|
|
2570
|
+
xs: V(22),
|
|
2571
|
+
sm: V(26),
|
|
2572
|
+
md: V(32),
|
|
2573
|
+
lg: V(38),
|
|
2574
|
+
xl: V(44)
|
|
2549
2575
|
};
|
|
2550
|
-
function
|
|
2576
|
+
function Tr({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
|
|
2551
2577
|
return m(T, {
|
|
2552
2578
|
gap: "xs",
|
|
2553
|
-
children: [p(
|
|
2579
|
+
children: [p(B, {
|
|
2554
2580
|
component: "div",
|
|
2555
2581
|
size: e,
|
|
2556
2582
|
children: t
|
|
@@ -2563,9 +2589,9 @@ function br({ size: e, label: t, values: n, value: r, activeTextColor: i, active
|
|
|
2563
2589
|
size: e,
|
|
2564
2590
|
variant: "default",
|
|
2565
2591
|
classNames: { section: "mantine-datatable-page-size-selector-button-icon" },
|
|
2566
|
-
rightSection: p(
|
|
2592
|
+
rightSection: p(Cr, {}),
|
|
2567
2593
|
style: [{ fontWeight: "normal" }, (t) => ({
|
|
2568
|
-
height:
|
|
2594
|
+
height: wr[e],
|
|
2569
2595
|
paddingLeft: t.spacing[e],
|
|
2570
2596
|
paddingRight: t.spacing[e]
|
|
2571
2597
|
})],
|
|
@@ -2574,14 +2600,14 @@ function br({ size: e, label: t, values: n, value: r, activeTextColor: i, active
|
|
|
2574
2600
|
let n = t === r;
|
|
2575
2601
|
return p(A, {
|
|
2576
2602
|
className: X({ "mantine-datatable-page-size-selector-active": n }),
|
|
2577
|
-
style: [{ height:
|
|
2603
|
+
style: [{ height: wr[e] }, n && (i || a) ? (e) => sn({
|
|
2578
2604
|
theme: e,
|
|
2579
2605
|
paginationActiveTextColor: i,
|
|
2580
2606
|
paginationActiveBackgroundColor: a
|
|
2581
2607
|
}) : void 0],
|
|
2582
2608
|
disabled: n,
|
|
2583
2609
|
onClick: () => o(t),
|
|
2584
|
-
children: p(
|
|
2610
|
+
children: p(B, {
|
|
2585
2611
|
component: "div",
|
|
2586
2612
|
size: e,
|
|
2587
2613
|
children: t
|
|
@@ -2591,7 +2617,7 @@ function br({ size: e, label: t, values: n, value: r, activeTextColor: i, active
|
|
|
2591
2617
|
})]
|
|
2592
2618
|
});
|
|
2593
2619
|
}
|
|
2594
|
-
function
|
|
2620
|
+
function Er({ className: e, style: t, fetching: n, page: r, onPageChange: i, paginationWithEdges: a, paginationWithControls: o, paginationActiveTextColor: s, paginationActiveBackgroundColor: c, paginationSize: l, loadingText: u, noRecordsText: d, paginationText: h, totalRecords: g, recordsPerPage: _, onRecordsPerPageChange: y, recordsPerPageLabel: b, recordsPerPageOptions: x, recordsLength: S, horizontalSpacing: C, paginationWrapBreakpoint: w, getPaginationControlProps: T, getPaginationItemProps: E, renderPagination: D }) {
|
|
2595
2621
|
let O;
|
|
2596
2622
|
if (g) {
|
|
2597
2623
|
let e = (r - 1) * _ + 1;
|
|
@@ -2601,15 +2627,15 @@ function xr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
|
|
|
2601
2627
|
totalRecords: g
|
|
2602
2628
|
});
|
|
2603
2629
|
} else O = n ? u : d;
|
|
2604
|
-
let k = g && _ ? Math.max(1, Math.ceil(g / _)) : 1, A = g ? (r - 1) * (_ ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, M = !
|
|
2605
|
-
Text: (e) => p(
|
|
2630
|
+
let k = g && _ ? Math.max(1, Math.ceil(g / _)) : 1, A = g ? (r - 1) * (_ ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, M = !Fn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${V(w)}rem` : e[w] || w})`), N = {
|
|
2631
|
+
Text: (e) => p(B, {
|
|
2606
2632
|
component: "div",
|
|
2607
2633
|
className: "mantine-datatable-pagination-text",
|
|
2608
2634
|
size: l,
|
|
2609
2635
|
...e,
|
|
2610
2636
|
children: O
|
|
2611
2637
|
}),
|
|
2612
|
-
PageSizeSelector: (e) => x ? p(
|
|
2638
|
+
PageSizeSelector: (e) => x ? p(Tr, {
|
|
2613
2639
|
activeTextColor: s,
|
|
2614
2640
|
activeBackgroundColor: c,
|
|
2615
2641
|
size: l,
|
|
@@ -2624,7 +2650,7 @@ function xr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
|
|
|
2624
2650
|
root: X("mantine-datatable-pagination-pages", { "mantine-datatable-pagination-pages-fetching": n || !S }),
|
|
2625
2651
|
control: "mantine-datatable-pagination-pages-control"
|
|
2626
2652
|
},
|
|
2627
|
-
style: s || c ? (e) =>
|
|
2653
|
+
style: s || c ? (e) => sn({
|
|
2628
2654
|
theme: e,
|
|
2629
2655
|
paginationActiveTextColor: s,
|
|
2630
2656
|
paginationActiveBackgroundColor: c
|
|
@@ -2670,18 +2696,18 @@ function xr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
|
|
|
2670
2696
|
] })
|
|
2671
2697
|
});
|
|
2672
2698
|
}
|
|
2673
|
-
function
|
|
2674
|
-
return
|
|
2699
|
+
function Dr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, record: i, index: a, onClick: o, onDoubleClick: s, onContextMenu: c, noWrap: l, ellipsis: u, textAlign: d, width: f, accessor: m, render: h, defaultRender: g, customCellAttributes: _ }) {
|
|
2700
|
+
return Fn(r) ? p(ie, {
|
|
2675
2701
|
"data-pinned": n?.position,
|
|
2676
2702
|
"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
|
|
2677
2703
|
className: X({
|
|
2678
|
-
[
|
|
2679
|
-
[
|
|
2680
|
-
[
|
|
2681
|
-
[
|
|
2682
|
-
[
|
|
2683
|
-
[
|
|
2684
|
-
[
|
|
2704
|
+
[qn]: l || u,
|
|
2705
|
+
[Jn]: u,
|
|
2706
|
+
[Yn]: o || s,
|
|
2707
|
+
[Xn]: c,
|
|
2708
|
+
[Qn]: d === "left",
|
|
2709
|
+
[$n]: d === "center",
|
|
2710
|
+
[er]: d === "right"
|
|
2685
2711
|
}, e),
|
|
2686
2712
|
style: [
|
|
2687
2713
|
{
|
|
@@ -2700,12 +2726,12 @@ function Sr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, recor
|
|
|
2700
2726
|
onDoubleClick: s,
|
|
2701
2727
|
onContextMenu: c,
|
|
2702
2728
|
..._?.(i, a),
|
|
2703
|
-
children: h ? h(i, a) : g ? g(i, a, m) :
|
|
2729
|
+
children: h ? h(i, a) : g ? g(i, a, m) : zn(i, m)
|
|
2704
2730
|
}) : null;
|
|
2705
2731
|
}
|
|
2706
|
-
function
|
|
2707
|
-
let { expanded: i, visible: a } =
|
|
2708
|
-
return a ? m(f, { children: [p(
|
|
2732
|
+
function Or({ open: e, colSpan: t, content: n, collapseProps: r }) {
|
|
2733
|
+
let { expanded: i, visible: a } = Kn(e, r?.transitionDuration);
|
|
2734
|
+
return a ? m(f, { children: [p(ce, {}), p(ce, { children: p(ie, {
|
|
2709
2735
|
className: "mantine-datatable-row-expansion-cell",
|
|
2710
2736
|
colSpan: t,
|
|
2711
2737
|
children: p(S, {
|
|
@@ -2718,7 +2744,7 @@ function Cr({ open: e, colSpan: t, content: n, collapseProps: r }) {
|
|
|
2718
2744
|
})
|
|
2719
2745
|
}) })] }) : null;
|
|
2720
2746
|
}
|
|
2721
|
-
function
|
|
2747
|
+
function kr({ className: e, style: t, record: n, index: r, trigger: i, onChange: a, withRightShadow: o, checkboxProps: s, getCheckboxProps: c, ...l }) {
|
|
2722
2748
|
let u = {
|
|
2723
2749
|
...s,
|
|
2724
2750
|
...c(n, r)
|
|
@@ -2726,20 +2752,20 @@ function wr({ className: e, style: t, record: n, index: r, trigger: i, onChange:
|
|
|
2726
2752
|
e.stopPropagation(), i === "cell" && d && a?.(e);
|
|
2727
2753
|
};
|
|
2728
2754
|
return p(ie, {
|
|
2729
|
-
className: X("mantine-datatable-row-selector-cell", { [
|
|
2755
|
+
className: X("mantine-datatable-row-selector-cell", { [Yn]: i === "cell" && d }, e),
|
|
2730
2756
|
style: t,
|
|
2731
2757
|
"data-shadow-visible": o || void 0,
|
|
2732
2758
|
onClick: f,
|
|
2733
2759
|
children: p(x, {
|
|
2734
|
-
classNames: d ? { input:
|
|
2760
|
+
classNames: d ? { input: Yn } : void 0,
|
|
2735
2761
|
onChange: a,
|
|
2736
2762
|
...l,
|
|
2737
2763
|
...u
|
|
2738
2764
|
})
|
|
2739
2765
|
});
|
|
2740
2766
|
}
|
|
2741
|
-
function
|
|
2742
|
-
let M = m(f, { children: [s && p(
|
|
2767
|
+
function Ar({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap: i, defaultColumnRender: a, selectionTrigger: o, selectionVisible: s, selectionChecked: c, onSelectionChange: l, isRecordSelectable: u, selectionCheckboxProps: d, getSelectionCheckboxProps: h, onClick: g, onDoubleClick: _, onContextMenu: v, onCellClick: y, onCellDoubleClick: b, onCellContextMenu: x, expansion: S, customAttributes: C, color: w, backgroundColor: T, className: E, style: D, selectorCellShadowVisible: O, selectionColumnClassName: k, selectionColumnStyle: A, rowFactory: j }) {
|
|
2768
|
+
let M = m(f, { children: [s && p(kr, {
|
|
2743
2769
|
className: k,
|
|
2744
2770
|
style: A,
|
|
2745
2771
|
record: e,
|
|
@@ -2757,7 +2783,7 @@ function Tr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
|
|
|
2757
2783
|
...r,
|
|
2758
2784
|
...s
|
|
2759
2785
|
};
|
|
2760
|
-
return p(
|
|
2786
|
+
return p(Dr, {
|
|
2761
2787
|
pinnedInfo: i.get(String(l)),
|
|
2762
2788
|
className: typeof _ == "function" ? _(e, t) : _,
|
|
2763
2789
|
style: v?.(e, t),
|
|
@@ -2794,7 +2820,7 @@ function Tr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
|
|
|
2794
2820
|
defaultRender: a,
|
|
2795
2821
|
customCellAttributes: S
|
|
2796
2822
|
}, l);
|
|
2797
|
-
})] }), N = S && p(
|
|
2823
|
+
})] }), N = S && p(Or, {
|
|
2798
2824
|
colSpan: n.filter(({ hidden: e }) => !e).length + +!!s,
|
|
2799
2825
|
open: S.isRowExpanded(e),
|
|
2800
2826
|
content: S.content({
|
|
@@ -2802,7 +2828,7 @@ function Tr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
|
|
|
2802
2828
|
index: t
|
|
2803
2829
|
}),
|
|
2804
2830
|
collapseProps: S.collapseProps
|
|
2805
|
-
}), P =
|
|
2831
|
+
}), P = jr({
|
|
2806
2832
|
record: e,
|
|
2807
2833
|
index: t,
|
|
2808
2834
|
selectionChecked: c,
|
|
@@ -2822,17 +2848,17 @@ function Tr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
|
|
|
2822
2848
|
rowProps: P,
|
|
2823
2849
|
children: M,
|
|
2824
2850
|
expandedElement: N
|
|
2825
|
-
}) : m(f, { children: [p(
|
|
2851
|
+
}) : m(f, { children: [p(ce, {
|
|
2826
2852
|
...P,
|
|
2827
2853
|
children: M
|
|
2828
2854
|
}), N] });
|
|
2829
2855
|
}
|
|
2830
|
-
function
|
|
2856
|
+
function jr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClick: i, onContextMenu: a, expansion: o, customAttributes: s, color: c, backgroundColor: l, className: u, style: d }) {
|
|
2831
2857
|
return {
|
|
2832
|
-
className: X("mantine-datatable-row", { [
|
|
2858
|
+
className: X("mantine-datatable-row", { [Yn]: r || i || o?.isExpandable({
|
|
2833
2859
|
record: e,
|
|
2834
2860
|
index: t
|
|
2835
|
-
}) && o?.expandOnClick }, { [
|
|
2861
|
+
}) && o?.expandOnClick }, { [Xn]: a }, typeof u == "function" ? u(e, t) : u),
|
|
2836
2862
|
"data-selected": n || void 0,
|
|
2837
2863
|
onClick: (n) => {
|
|
2838
2864
|
if (o) {
|
|
@@ -2860,7 +2886,7 @@ function Er({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClic
|
|
|
2860
2886
|
}) : void 0,
|
|
2861
2887
|
style: [c || l ? (n) => {
|
|
2862
2888
|
let r = c?.(e, t), i = l?.(e, t);
|
|
2863
|
-
return
|
|
2889
|
+
return cn({
|
|
2864
2890
|
theme: n,
|
|
2865
2891
|
color: r,
|
|
2866
2892
|
backgroundColor: i
|
|
@@ -2869,7 +2895,7 @@ function Er({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClic
|
|
|
2869
2895
|
...s?.(e, t) ?? {}
|
|
2870
2896
|
};
|
|
2871
2897
|
}
|
|
2872
|
-
function
|
|
2898
|
+
function Mr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange: n, children: r, viewportRef: i, scrollAreaProps: a }) {
|
|
2873
2899
|
return m(L, {
|
|
2874
2900
|
...a,
|
|
2875
2901
|
viewportRef: i,
|
|
@@ -2889,26 +2915,26 @@ function Dr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange:
|
|
|
2889
2915
|
]
|
|
2890
2916
|
});
|
|
2891
2917
|
}
|
|
2892
|
-
function
|
|
2893
|
-
let dt = l(() => y ?
|
|
2918
|
+
function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: _, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: F, sortIcons: ee, onSortStatusChange: I, horizontalSpacing: L, page: R, onPageChange: te, totalRecords: z, recordsPerPage: ne, onRecordsPerPageChange: ie, recordsPerPageOptions: ae, recordsPerPageLabel: oe = "Records per page", paginationWithEdges: se, paginationWithControls: ce, paginationActiveTextColor: le, paginationActiveBackgroundColor: B, paginationSize: ue = "sm", paginationText: de = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: fe = "sm", getPaginationControlProps: pe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: me, renderPagination: V, loaderBackgroundBlur: he, customLoader: ge, loaderSize: _e, loaderType: ve, loaderColor: ye, loadingText: be = "...", emptyState: xe, noRecordsText: Se = "No records", noRecordsIcon: Ce, highlightOnHover: we, striped: Te, noHeader: Ee, onRowClick: De, onRowDoubleClick: Oe, onRowContextMenu: ke, onCellClick: Ae, onCellDoubleClick: je, onCellContextMenu: H, onScroll: Ne, onScrollToTop: U, onScrollToBottom: Pe, onScrollToLeft: Fe, onScrollToRight: Ie, c: Le, backgroundColor: Re, borderColor: ze, rowBorderColor: Be, stripedColor: Ve, highlightOnHoverColor: He, rowColor: W, rowBackgroundColor: G, rowExpansion: Ue, rowClassName: We, rowStyle: Ge, customRowAttributes: Ke, scrollViewportRef: qe, scrollAreaProps: Je, tableRef: Ye, bodyRef: Xe, m: Ze, my: Qe, mx: $e, mt: et, mb: tt, ml: nt, mr: rt, className: it, classNames: at, style: ot, styles: st, rowFactory: ct, tableWrapper: lt, ...ut }) {
|
|
2919
|
+
let dt = l(() => y ? Vn(y) : g, [g, y]), { refs: K, onScroll: ft } = On({
|
|
2894
2920
|
scrollCallbacks: {
|
|
2895
|
-
onScroll:
|
|
2896
|
-
onScrollToTop:
|
|
2921
|
+
onScroll: Ne,
|
|
2922
|
+
onScrollToTop: U,
|
|
2897
2923
|
onScrollToBottom: Pe,
|
|
2898
2924
|
onScrollToLeft: Fe,
|
|
2899
2925
|
onScrollToRight: Ie
|
|
2900
2926
|
},
|
|
2901
2927
|
withRowBorders: ut.withRowBorders
|
|
2902
|
-
}), q =
|
|
2928
|
+
}), q = yn({
|
|
2903
2929
|
key: _,
|
|
2904
2930
|
columns: dt,
|
|
2905
2931
|
headerRef: K.header,
|
|
2906
2932
|
scrollViewportRef: K.scrollViewport
|
|
2907
|
-
}), pt = q.effectiveColumns, mt =
|
|
2933
|
+
}), pt = q.effectiveColumns, mt = Me(K.table, Ye), ht = Me(K.scrollViewport, qe), gt = u(null), _t = Me(gt, Xe), vt = Gn({
|
|
2908
2934
|
rowExpansion: Ue,
|
|
2909
2935
|
records: T,
|
|
2910
2936
|
idAccessor: w
|
|
2911
|
-
}), { pinnedMap: yt, hasLeftPinned: bt, hasRightPinned: xt } =
|
|
2937
|
+
}), { pinnedMap: yt, hasLeftPinned: bt, hasRightPinned: xt } = kn({
|
|
2912
2938
|
columns: pt,
|
|
2913
2939
|
theadRef: K.header,
|
|
2914
2940
|
tbodyRef: gt,
|
|
@@ -2940,7 +2966,7 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
2940
2966
|
K.scrollViewport
|
|
2941
2967
|
]);
|
|
2942
2968
|
let Dt = T?.map((e) => $(e, w)), Ot = !!D, kt = D?.map((e) => $(e, w)), At = Dt !== void 0 && kt !== void 0 && kt.length > 0, jt = j ? T?.filter(j) : T, Mt = jt?.map((e) => $(e, w)), J = At && Mt.every((e) => kt.includes(e)), Nt = At && Mt.some((e) => kt.includes(e)), Pt = a(() => {
|
|
2943
|
-
D && O && O(J ? D.filter((e) => !Mt.includes($(e, w))) :
|
|
2969
|
+
D && O && O(J ? D.filter((e) => !Mt.includes($(e, w))) : Rn([...D, ...jt], (e) => $(e, w)));
|
|
2944
2970
|
}, [
|
|
2945
2971
|
J,
|
|
2946
2972
|
w,
|
|
@@ -2948,7 +2974,7 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
2948
2974
|
Mt,
|
|
2949
2975
|
jt,
|
|
2950
2976
|
D
|
|
2951
|
-
]), { lastSelectionChangeIndex:
|
|
2977
|
+
]), { lastSelectionChangeIndex: Ft, setLastSelectionChangeIndex: It } = An(Dt), Y = Ot && !bt, Lt = {
|
|
2952
2978
|
m: Ze,
|
|
2953
2979
|
my: Qe,
|
|
2954
2980
|
mx: $e,
|
|
@@ -2957,7 +2983,7 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
2957
2983
|
ml: nt,
|
|
2958
2984
|
mr: rt
|
|
2959
2985
|
}, Rt = a(({ children: e }) => lt ? lt({ children: e }) : e, [lt]);
|
|
2960
|
-
return p(
|
|
2986
|
+
return p(dn, {
|
|
2961
2987
|
...q,
|
|
2962
2988
|
pinnedMap: yt,
|
|
2963
2989
|
children: m(v, {
|
|
@@ -2966,7 +2992,7 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
2966
2992
|
className: X("mantine-datatable", { "mantine-datatable-with-border": e }, it, at?.root),
|
|
2967
2993
|
style: [
|
|
2968
2994
|
(e) => ({
|
|
2969
|
-
...
|
|
2995
|
+
...on({
|
|
2970
2996
|
theme: e,
|
|
2971
2997
|
c: Le,
|
|
2972
2998
|
backgroundColor: Re,
|
|
@@ -2986,7 +3012,7 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
2986
3012
|
{ position: "relative" }
|
|
2987
3013
|
],
|
|
2988
3014
|
children: [
|
|
2989
|
-
p(
|
|
3015
|
+
p(Mr, {
|
|
2990
3016
|
viewportRef: ht,
|
|
2991
3017
|
leftShadowBehind: Ot || bt,
|
|
2992
3018
|
rightShadowBehind: xt,
|
|
@@ -2996,7 +3022,7 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
2996
3022
|
ref: mt,
|
|
2997
3023
|
horizontalSpacing: L,
|
|
2998
3024
|
className: X("mantine-datatable-table", {
|
|
2999
|
-
[
|
|
3025
|
+
[Zn]: n,
|
|
3000
3026
|
"mantine-datatable-vertical-align-top": f === "top",
|
|
3001
3027
|
"mantine-datatable-vertical-align-bottom": f === "bottom",
|
|
3002
3028
|
"mantine-datatable-selection-column-visible": Ot,
|
|
@@ -3009,14 +3035,14 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
3009
3035
|
...q.isLocked ? { tableLayout: "fixed" } : null,
|
|
3010
3036
|
...q.tableWidth == null ? null : { width: `${q.tableWidth}px` }
|
|
3011
3037
|
},
|
|
3012
|
-
"data-striped": Et &&
|
|
3013
|
-
"data-highlight-on-hover":
|
|
3038
|
+
"data-striped": Et && Te || void 0,
|
|
3039
|
+
"data-highlight-on-hover": we || void 0,
|
|
3014
3040
|
...ut,
|
|
3015
3041
|
children: [
|
|
3016
|
-
|
|
3042
|
+
Ee ? null : p(dn, {
|
|
3017
3043
|
...q,
|
|
3018
3044
|
pinnedMap: yt,
|
|
3019
|
-
children: p(
|
|
3045
|
+
children: p(xr, {
|
|
3020
3046
|
ref: K.header,
|
|
3021
3047
|
selectionColumnHeaderRef: K.selectionColumnHeader,
|
|
3022
3048
|
className: at?.header,
|
|
@@ -3037,7 +3063,7 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
3037
3063
|
...M,
|
|
3038
3064
|
...N
|
|
3039
3065
|
},
|
|
3040
|
-
selectorCellShadowVisible:
|
|
3066
|
+
selectorCellShadowVisible: Y,
|
|
3041
3067
|
selectionColumnClassName: k,
|
|
3042
3068
|
selectionColumnStyle: A,
|
|
3043
3069
|
withColumnBorders: ut.withColumnBorders
|
|
@@ -3048,12 +3074,12 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
3048
3074
|
children: Et ? T.map((e, t) => {
|
|
3049
3075
|
let n = $(e, w), r = kt?.includes(n) || !1, i;
|
|
3050
3076
|
return O && D && (i = (i) => {
|
|
3051
|
-
if (i.nativeEvent.shiftKey &&
|
|
3052
|
-
let e = T.filter(t >
|
|
3053
|
-
O(r ?
|
|
3054
|
-
} else O(r ? D.filter((e) => $(e, w) !== n) :
|
|
3055
|
-
|
|
3056
|
-
}), p(
|
|
3077
|
+
if (i.nativeEvent.shiftKey && Ft !== null) {
|
|
3078
|
+
let e = T.filter(t > Ft ? (e, n) => n >= Ft && n <= t && (j ? j(e, n) : !0) : (e, n) => n >= t && n <= Ft && (j ? j(e, n) : !0));
|
|
3079
|
+
O(r ? Ln(D, e, (e) => $(e, w)) : Rn([...D, ...e], (e) => $(e, w)));
|
|
3080
|
+
} else O(r ? D.filter((e) => $(e, w) !== n) : Rn([...D, e], (e) => $(e, w)));
|
|
3081
|
+
It(t);
|
|
3082
|
+
}), p(Ar, {
|
|
3057
3083
|
record: e,
|
|
3058
3084
|
index: t,
|
|
3059
3085
|
columns: pt,
|
|
@@ -3067,27 +3093,27 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
3067
3093
|
isRecordSelectable: j,
|
|
3068
3094
|
selectionCheckboxProps: M,
|
|
3069
3095
|
getSelectionCheckboxProps: P,
|
|
3070
|
-
onClick:
|
|
3071
|
-
onDoubleClick:
|
|
3072
|
-
onCellClick:
|
|
3073
|
-
onCellDoubleClick:
|
|
3074
|
-
onContextMenu:
|
|
3075
|
-
onCellContextMenu:
|
|
3096
|
+
onClick: De,
|
|
3097
|
+
onDoubleClick: Oe,
|
|
3098
|
+
onCellClick: Ae,
|
|
3099
|
+
onCellDoubleClick: je,
|
|
3100
|
+
onContextMenu: ke,
|
|
3101
|
+
onCellContextMenu: H,
|
|
3076
3102
|
expansion: vt,
|
|
3077
3103
|
color: W,
|
|
3078
3104
|
backgroundColor: G,
|
|
3079
3105
|
className: We,
|
|
3080
3106
|
style: Ge,
|
|
3081
3107
|
customAttributes: Ke,
|
|
3082
|
-
selectorCellShadowVisible:
|
|
3108
|
+
selectorCellShadowVisible: Y,
|
|
3083
3109
|
selectionColumnClassName: k,
|
|
3084
3110
|
selectionColumnStyle: A,
|
|
3085
3111
|
idAccessor: w,
|
|
3086
3112
|
rowFactory: ct
|
|
3087
3113
|
}, n);
|
|
3088
|
-
}) : p(
|
|
3114
|
+
}) : p(fn, {})
|
|
3089
3115
|
}),
|
|
3090
|
-
pt.some(({ footer: e }) => e) && p(
|
|
3116
|
+
pt.some(({ footer: e }) => e) && p(rr, {
|
|
3091
3117
|
ref: K.footer,
|
|
3092
3118
|
className: at?.footer,
|
|
3093
3119
|
style: st?.footer,
|
|
@@ -3095,12 +3121,12 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
3095
3121
|
defaultColumnProps: S,
|
|
3096
3122
|
pinnedMap: yt,
|
|
3097
3123
|
selectionVisible: Ot,
|
|
3098
|
-
selectorCellShadowVisible:
|
|
3124
|
+
selectorCellShadowVisible: Y
|
|
3099
3125
|
})
|
|
3100
3126
|
]
|
|
3101
3127
|
}) })
|
|
3102
3128
|
}),
|
|
3103
|
-
!!(R && Et) && p(
|
|
3129
|
+
!!(R && Et) && p(Er, {
|
|
3104
3130
|
className: at?.pagination,
|
|
3105
3131
|
style: st?.pagination,
|
|
3106
3132
|
horizontalSpacing: L,
|
|
@@ -3113,32 +3139,32 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
3113
3139
|
recordsPerPageOptions: ae,
|
|
3114
3140
|
recordsPerPageLabel: oe,
|
|
3115
3141
|
paginationWithEdges: se,
|
|
3116
|
-
paginationWithControls:
|
|
3117
|
-
paginationActiveTextColor:
|
|
3118
|
-
paginationActiveBackgroundColor:
|
|
3119
|
-
paginationSize:
|
|
3120
|
-
paginationText:
|
|
3121
|
-
paginationWrapBreakpoint:
|
|
3122
|
-
getPaginationControlProps:
|
|
3123
|
-
getPaginationItemProps:
|
|
3124
|
-
noRecordsText:
|
|
3125
|
-
loadingText:
|
|
3142
|
+
paginationWithControls: ce,
|
|
3143
|
+
paginationActiveTextColor: le,
|
|
3144
|
+
paginationActiveBackgroundColor: B,
|
|
3145
|
+
paginationSize: ue,
|
|
3146
|
+
paginationText: de,
|
|
3147
|
+
paginationWrapBreakpoint: fe,
|
|
3148
|
+
getPaginationControlProps: pe,
|
|
3149
|
+
getPaginationItemProps: me,
|
|
3150
|
+
noRecordsText: Se,
|
|
3151
|
+
loadingText: be,
|
|
3126
3152
|
recordsLength: Et,
|
|
3127
|
-
renderPagination:
|
|
3153
|
+
renderPagination: V
|
|
3128
3154
|
}),
|
|
3129
|
-
p(
|
|
3155
|
+
p(Sr, {
|
|
3130
3156
|
fetching: h,
|
|
3131
|
-
backgroundBlur:
|
|
3132
|
-
customContent:
|
|
3133
|
-
size:
|
|
3134
|
-
type:
|
|
3135
|
-
color:
|
|
3157
|
+
backgroundBlur: he,
|
|
3158
|
+
customContent: ge,
|
|
3159
|
+
size: _e,
|
|
3160
|
+
type: ve,
|
|
3161
|
+
color: ye
|
|
3136
3162
|
}),
|
|
3137
|
-
p(
|
|
3138
|
-
icon:
|
|
3139
|
-
text:
|
|
3163
|
+
p(mn, {
|
|
3164
|
+
icon: Ce,
|
|
3165
|
+
text: Se,
|
|
3140
3166
|
active: !h && !Et,
|
|
3141
|
-
children:
|
|
3167
|
+
children: xe
|
|
3142
3168
|
})
|
|
3143
3169
|
]
|
|
3144
3170
|
})
|
|
@@ -3146,8 +3172,8 @@ function Or({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
|
|
|
3146
3172
|
}
|
|
3147
3173
|
//#endregion
|
|
3148
3174
|
//#region src/DataTable/UpdateModal.tsx
|
|
3149
|
-
function
|
|
3150
|
-
let { data: o, isLoading: s } =
|
|
3175
|
+
function Pr({ fields: e, onClose: t, queryKey: n, apiPath: r, id: i, steps: a }) {
|
|
3176
|
+
let { data: o, isLoading: s } = Ut(r, n, i), { mutateAsync: c, isPending: l, error: u } = Kt(r, n);
|
|
3151
3177
|
return s || !o ? /* @__PURE__ */ m(z, {
|
|
3152
3178
|
gap: "md",
|
|
3153
3179
|
children: [
|
|
@@ -3165,7 +3191,7 @@ function kr({ fields: e, onClose: t, queryKey: n, apiPath: r, id: i, steps: a })
|
|
|
3165
3191
|
})]
|
|
3166
3192
|
})
|
|
3167
3193
|
]
|
|
3168
|
-
}) : /* @__PURE__ */ p(
|
|
3194
|
+
}) : /* @__PURE__ */ p(nn, {
|
|
3169
3195
|
fields: e,
|
|
3170
3196
|
steps: a,
|
|
3171
3197
|
record: o,
|
|
@@ -3173,22 +3199,18 @@ function kr({ fields: e, onClose: t, queryKey: n, apiPath: r, id: i, steps: a })
|
|
|
3173
3199
|
submitting: l,
|
|
3174
3200
|
error: u,
|
|
3175
3201
|
onPersist: async (e) => {
|
|
3176
|
-
|
|
3177
|
-
|
|
3178
|
-
|
|
3179
|
-
|
|
3180
|
-
}), !0;
|
|
3181
|
-
} catch {
|
|
3182
|
-
return !1;
|
|
3183
|
-
}
|
|
3202
|
+
await c({
|
|
3203
|
+
...e,
|
|
3204
|
+
id: i
|
|
3205
|
+
});
|
|
3184
3206
|
},
|
|
3185
3207
|
onClose: t
|
|
3186
3208
|
});
|
|
3187
3209
|
}
|
|
3188
3210
|
//#endregion
|
|
3189
3211
|
//#region src/DataTable/DeleteModal.tsx
|
|
3190
|
-
function
|
|
3191
|
-
let { mutateAsync: a, isError: o, error: c, isPending: l } =
|
|
3212
|
+
function Fr({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r, confirmMessage: i }) {
|
|
3213
|
+
let { mutateAsync: a, isError: o, error: c, isPending: l } = qt(t, e), [u, h] = d(r), [g, v] = d(!1), b = g || l;
|
|
3192
3214
|
return s(() => {
|
|
3193
3215
|
u.length || n();
|
|
3194
3216
|
}, [n, u]), u.length ? /* @__PURE__ */ m(f, { children: [
|
|
@@ -3198,7 +3220,7 @@ function Ar({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r, confirmMe
|
|
|
3198
3220
|
title: c.name,
|
|
3199
3221
|
children: c.message
|
|
3200
3222
|
}),
|
|
3201
|
-
/* @__PURE__ */ p(
|
|
3223
|
+
/* @__PURE__ */ p(B, { children: i ? i(u) : u.length === 1 ? `Soll ${u.length} Eintrag wirklich gelöscht werden?` : `Sollen ${u.length} Einträge wirklich gelöscht werden?` }),
|
|
3202
3224
|
/* @__PURE__ */ m(T, {
|
|
3203
3225
|
mt: "md",
|
|
3204
3226
|
justify: "end",
|
|
@@ -3225,7 +3247,7 @@ function Ar({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r, confirmMe
|
|
|
3225
3247
|
}
|
|
3226
3248
|
//#endregion
|
|
3227
3249
|
//#region src/Hooks/usePersistentState.ts
|
|
3228
|
-
function
|
|
3250
|
+
function Ir(e, t) {
|
|
3229
3251
|
let n = `use_persistent_storage_${t}`, [r, i] = d(() => {
|
|
3230
3252
|
try {
|
|
3231
3253
|
let t = localStorage.getItem(n);
|
|
@@ -3243,12 +3265,12 @@ function jr(e, t) {
|
|
|
3243
3265
|
}
|
|
3244
3266
|
//#endregion
|
|
3245
3267
|
//#region src/utils/sort.ts
|
|
3246
|
-
var
|
|
3268
|
+
var Lr = [
|
|
3247
3269
|
/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/,
|
|
3248
3270
|
/^\d{4}-\d{2}-\d{2}$/,
|
|
3249
3271
|
/^\d{1,2}\/\d{1,2}\/\d{4}$/,
|
|
3250
3272
|
/^\d{1,2}\.\d{1,2}\.\d{4}$/
|
|
3251
|
-
],
|
|
3273
|
+
], Rr = (e, t) => {
|
|
3252
3274
|
let n = e.map((e) => e[t]).filter((e) => e != null && e !== "");
|
|
3253
3275
|
if (n.length === 0) return "string";
|
|
3254
3276
|
let r = n.slice(0, 100), i = {
|
|
@@ -3264,7 +3286,7 @@ var Mr = [
|
|
|
3264
3286
|
i.number++;
|
|
3265
3287
|
return;
|
|
3266
3288
|
}
|
|
3267
|
-
if (
|
|
3289
|
+
if (Lr.some((e) => e.test(t))) {
|
|
3268
3290
|
let e = new Date(t);
|
|
3269
3291
|
if (!isNaN(e.getTime())) {
|
|
3270
3292
|
i.date++;
|
|
@@ -3277,7 +3299,7 @@ var Mr = [
|
|
|
3277
3299
|
let a = i.string + i.number + i.date;
|
|
3278
3300
|
return i.date / a >= .6 ? "date" : i.number / a >= .6 ? "number" : i.string / a >= .6 ? "string" : "mixed";
|
|
3279
3301
|
};
|
|
3280
|
-
function
|
|
3302
|
+
function zr(e, t) {
|
|
3281
3303
|
switch (t) {
|
|
3282
3304
|
case "date":
|
|
3283
3305
|
if (typeof e == "string") {
|
|
@@ -3293,54 +3315,54 @@ function Pr(e, t) {
|
|
|
3293
3315
|
default: return String(e).toLowerCase().trim();
|
|
3294
3316
|
}
|
|
3295
3317
|
}
|
|
3296
|
-
var
|
|
3318
|
+
var Br = (e, t, n = "asc") => {
|
|
3297
3319
|
if (!e || e.length === 0) return [];
|
|
3298
|
-
let r =
|
|
3320
|
+
let r = Rr(e, t);
|
|
3299
3321
|
return [...e].sort((e, i) => {
|
|
3300
3322
|
let a = e[t], o = i[t], s = a == null || a === "", c = o == null || o === "";
|
|
3301
3323
|
if (s && c) return 0;
|
|
3302
3324
|
if (s) return n === "asc" ? -1 : 1;
|
|
3303
3325
|
if (c) return n === "asc" ? 1 : -1;
|
|
3304
|
-
let l =
|
|
3326
|
+
let l = zr(a, r), u = zr(o, r);
|
|
3305
3327
|
return l === null && u === null ? 0 : l === null ? n === "asc" ? 1 : -1 : u === null || l < u ? n === "asc" ? -1 : 1 : l > u ? n === "asc" ? 1 : -1 : 0;
|
|
3306
3328
|
});
|
|
3307
3329
|
};
|
|
3308
3330
|
//#endregion
|
|
3309
3331
|
//#region src/utils/filter.ts
|
|
3310
|
-
function
|
|
3332
|
+
function Vr(e) {
|
|
3311
3333
|
return !!e && typeof e == "object" && "id" in e;
|
|
3312
3334
|
}
|
|
3313
|
-
function
|
|
3335
|
+
function Hr(e, t) {
|
|
3314
3336
|
if (typeof e == "string" || typeof e == "number") return t.includes(String(e));
|
|
3315
3337
|
if (e && typeof e == "object") {
|
|
3316
3338
|
let n = e;
|
|
3317
|
-
return
|
|
3339
|
+
return Vr(n) && t.includes(n.id) ? !0 : Object.values(n).some((e) => typeof e == "string" && t.includes(e) || Vr(e) && t.includes(e.id));
|
|
3318
3340
|
}
|
|
3319
3341
|
return !1;
|
|
3320
3342
|
}
|
|
3321
|
-
function
|
|
3322
|
-
return Array.isArray(t) ? Array.isArray(e) ? e.some((e) =>
|
|
3343
|
+
function Ur(e, t) {
|
|
3344
|
+
return Array.isArray(t) ? Array.isArray(e) ? e.some((e) => Hr(e, t)) : Vr(e) ? t.includes(e.id) : !1 : typeof e == "string" && e.includes(t);
|
|
3323
3345
|
}
|
|
3324
|
-
function
|
|
3346
|
+
function Wr(e, [t, n]) {
|
|
3325
3347
|
if (!t && !n || typeof e != "string") return !0;
|
|
3326
3348
|
let r = e.split(" ")[0];
|
|
3327
3349
|
return t && n ? r >= t && r <= n : t ? r >= t : r <= n;
|
|
3328
3350
|
}
|
|
3329
|
-
function
|
|
3351
|
+
function Gr(e, t) {
|
|
3330
3352
|
if (t.value === void 0) return !0;
|
|
3331
3353
|
let n = e[t.id];
|
|
3332
3354
|
switch (t.type) {
|
|
3333
|
-
case "query": return
|
|
3334
|
-
case "date": return
|
|
3355
|
+
case "query": return Ur(n, t.value);
|
|
3356
|
+
case "date": return Wr(n, t.value);
|
|
3335
3357
|
case "boolean": return n === t.value;
|
|
3336
3358
|
}
|
|
3337
3359
|
}
|
|
3338
|
-
function
|
|
3339
|
-
return !t || t.length === 0 ? e : e.filter((e) => t.every((t) =>
|
|
3360
|
+
function Kr(e, t) {
|
|
3361
|
+
return !t || t.length === 0 ? e : e.filter((e) => t.every((t) => Gr(e, t)));
|
|
3340
3362
|
}
|
|
3341
3363
|
//#endregion
|
|
3342
3364
|
//#region src/DataTable/FieldCard.tsx
|
|
3343
|
-
function
|
|
3365
|
+
function qr({ rows: e }) {
|
|
3344
3366
|
return /* @__PURE__ */ p(f, { children: e.map((e, t) => /* @__PURE__ */ m(v, { children: [t > 0 && /* @__PURE__ */ p(C, {}), /* @__PURE__ */ m(T, {
|
|
3345
3367
|
wrap: "nowrap",
|
|
3346
3368
|
justify: "space-between",
|
|
@@ -3348,7 +3370,7 @@ function Hr({ rows: e }) {
|
|
|
3348
3370
|
gap: "md",
|
|
3349
3371
|
py: "xs",
|
|
3350
3372
|
px: "sm",
|
|
3351
|
-
children: [/* @__PURE__ */ p(
|
|
3373
|
+
children: [/* @__PURE__ */ p(B, {
|
|
3352
3374
|
fw: 700,
|
|
3353
3375
|
fz: "sm",
|
|
3354
3376
|
style: { flexShrink: 0 },
|
|
@@ -3361,39 +3383,39 @@ function Hr({ rows: e }) {
|
|
|
3361
3383
|
})]
|
|
3362
3384
|
})] }, typeof e.label == "string" ? e.label : t)) });
|
|
3363
3385
|
}
|
|
3364
|
-
function
|
|
3386
|
+
function Jr({ rows: e }) {
|
|
3365
3387
|
return /* @__PURE__ */ p(v, {
|
|
3366
3388
|
bg: "var(--mantine-color-gray-light)",
|
|
3367
3389
|
style: {
|
|
3368
3390
|
borderRadius: "var(--mantine-radius-md)",
|
|
3369
3391
|
overflow: "hidden"
|
|
3370
3392
|
},
|
|
3371
|
-
children: /* @__PURE__ */ p(
|
|
3393
|
+
children: /* @__PURE__ */ p(qr, { rows: e })
|
|
3372
3394
|
});
|
|
3373
3395
|
}
|
|
3374
3396
|
//#endregion
|
|
3375
3397
|
//#region src/DataTable/MobileCardList.tsx
|
|
3376
|
-
function
|
|
3398
|
+
function Yr(e, t) {
|
|
3377
3399
|
return t.split(".").reduce((e, t) => {
|
|
3378
3400
|
if (e && typeof e == "object" && t in e) return e[t];
|
|
3379
3401
|
}, e);
|
|
3380
3402
|
}
|
|
3381
|
-
function
|
|
3403
|
+
function Xr(e, t) {
|
|
3382
3404
|
let n = t.column;
|
|
3383
3405
|
if (n.render) return n.render(e, 0);
|
|
3384
|
-
let r =
|
|
3385
|
-
return r == null ? /* @__PURE__ */ p(
|
|
3406
|
+
let r = Yr(e, n.accessor ?? t.id);
|
|
3407
|
+
return r == null ? /* @__PURE__ */ p(B, {
|
|
3386
3408
|
c: "dimmed",
|
|
3387
3409
|
children: "–"
|
|
3388
|
-
}) : typeof r == "boolean" ? /* @__PURE__ */ p(
|
|
3410
|
+
}) : typeof r == "boolean" ? /* @__PURE__ */ p(B, {
|
|
3389
3411
|
fz: "sm",
|
|
3390
3412
|
children: r ? "Ja" : "Nein"
|
|
3391
|
-
}) : /* @__PURE__ */ p(
|
|
3413
|
+
}) : /* @__PURE__ */ p(B, {
|
|
3392
3414
|
fz: "sm",
|
|
3393
3415
|
children: String(r)
|
|
3394
3416
|
});
|
|
3395
3417
|
}
|
|
3396
|
-
function
|
|
3418
|
+
function Zr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, canDelete: o, pagination: s, sort: c, rowExpansion: l }) {
|
|
3397
3419
|
let [u, _] = d(/* @__PURE__ */ new Set()), y = l?.expanded, b = (e) => y ? y.recordIds.includes(e) : u.has(e), x = (e) => {
|
|
3398
3420
|
if (y) {
|
|
3399
3421
|
let { recordIds: t, onRecordIdsChange: n } = y;
|
|
@@ -3433,7 +3455,7 @@ function Kr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
|
|
|
3433
3455
|
variant: "filled",
|
|
3434
3456
|
size: "input-sm",
|
|
3435
3457
|
onClick: () => c.onSortChange(c.field, c.direction === "asc" ? "desc" : "asc"),
|
|
3436
|
-
children: c.direction === "asc" ? /* @__PURE__ */ p(
|
|
3458
|
+
children: c.direction === "asc" ? /* @__PURE__ */ p(Ee, { size: 18 }) : /* @__PURE__ */ p(De, { size: 18 })
|
|
3437
3459
|
})] }), D.length > 0 && /* @__PURE__ */ m(F, {
|
|
3438
3460
|
opened: M,
|
|
3439
3461
|
onChange: N,
|
|
@@ -3451,7 +3473,7 @@ function Kr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
|
|
|
3451
3473
|
size: "input-sm",
|
|
3452
3474
|
onClick: () => N((e) => !e),
|
|
3453
3475
|
"aria-label": "Filter",
|
|
3454
|
-
children: /* @__PURE__ */ p(
|
|
3476
|
+
children: /* @__PURE__ */ p(Se, { size: 18 })
|
|
3455
3477
|
})
|
|
3456
3478
|
}) }), /* @__PURE__ */ p(F.Dropdown, {
|
|
3457
3479
|
p: 0,
|
|
@@ -3466,7 +3488,7 @@ function Kr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
|
|
|
3466
3488
|
value: e.id,
|
|
3467
3489
|
children: [/* @__PURE__ */ p(h.Control, { children: /* @__PURE__ */ m(T, {
|
|
3468
3490
|
gap: "xs",
|
|
3469
|
-
children: [/* @__PURE__ */ p(
|
|
3491
|
+
children: [/* @__PURE__ */ p(B, {
|
|
3470
3492
|
fw: 600,
|
|
3471
3493
|
fz: "sm",
|
|
3472
3494
|
children: e.column.title ?? e.id
|
|
@@ -3482,7 +3504,7 @@ function Kr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
|
|
|
3482
3504
|
})]
|
|
3483
3505
|
})]
|
|
3484
3506
|
}),
|
|
3485
|
-
e.length === 0 && /* @__PURE__ */ p(
|
|
3507
|
+
e.length === 0 && /* @__PURE__ */ p(B, {
|
|
3486
3508
|
c: "dimmed",
|
|
3487
3509
|
ta: "center",
|
|
3488
3510
|
py: "xl",
|
|
@@ -3517,7 +3539,7 @@ function Kr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
|
|
|
3517
3539
|
color: "gray",
|
|
3518
3540
|
size: "sm",
|
|
3519
3541
|
onClick: (e) => e.stopPropagation(),
|
|
3520
|
-
children: /* @__PURE__ */ p(
|
|
3542
|
+
children: /* @__PURE__ */ p(xe, { size: 16 })
|
|
3521
3543
|
}) }), /* @__PURE__ */ p(O.Dropdown, { children: t.map((t, n) => /* @__PURE__ */ p(O.Item, {
|
|
3522
3544
|
leftSection: t.icon,
|
|
3523
3545
|
onClick: (n) => {
|
|
@@ -3527,9 +3549,9 @@ function Kr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
|
|
|
3527
3549
|
}, `card_action_${n}`)) })]
|
|
3528
3550
|
});
|
|
3529
3551
|
})()
|
|
3530
|
-
}), /* @__PURE__ */ p(
|
|
3552
|
+
}), /* @__PURE__ */ p(qr, { rows: w.map((t) => ({
|
|
3531
3553
|
label: t.column.title ?? t.id,
|
|
3532
|
-
value:
|
|
3554
|
+
value: Xr(e, t)
|
|
3533
3555
|
})) })]
|
|
3534
3556
|
}), c && /* @__PURE__ */ m(S, {
|
|
3535
3557
|
expanded: u,
|
|
@@ -3555,7 +3577,7 @@ function Kr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
|
|
|
3555
3577
|
}), s.recordsPerPageOptions && s.onRecordsPerPageChange && /* @__PURE__ */ m(T, {
|
|
3556
3578
|
justify: "center",
|
|
3557
3579
|
gap: "xs",
|
|
3558
|
-
children: [/* @__PURE__ */ p(
|
|
3580
|
+
children: [/* @__PURE__ */ p(B, {
|
|
3559
3581
|
fz: "xs",
|
|
3560
3582
|
c: "dimmed",
|
|
3561
3583
|
children: "Einträge pro Seite:"
|
|
@@ -3577,33 +3599,33 @@ function Kr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
|
|
|
3577
3599
|
}
|
|
3578
3600
|
//#endregion
|
|
3579
3601
|
//#region src/DataTable/DataTable.tsx
|
|
3580
|
-
var
|
|
3602
|
+
var Qr = [
|
|
3581
3603
|
10,
|
|
3582
3604
|
15,
|
|
3583
3605
|
50,
|
|
3584
3606
|
100,
|
|
3585
3607
|
500
|
|
3586
3608
|
];
|
|
3587
|
-
function
|
|
3588
|
-
let [ae, oe] = d(A || (k && k.length > 0 ? k[0].value : null)), se = j === void 0 ? ae : j,
|
|
3609
|
+
function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: h, actions: b, steps: x, defaultSort: S, onSortChange: C, createButtonText: E, queryParams: D, tabs: k, defaultTab: A, activeTab: j, onActiveTabChange: N, canUpdate: P, canDelete: F, showRefresh: ee = !0, rowExpansion: I, onRowClick: L, mobileCards: R = !1, deleteConfirmMessage: ne, editRecordId: re, onEditRecordIdChange: ie }) {
|
|
3610
|
+
let [ae, oe] = d(A || (k && k.length > 0 ? k[0].value : null)), se = j === void 0 ? ae : j, ce = (e) => {
|
|
3589
3611
|
j === void 0 && oe(e), N && N(e);
|
|
3590
|
-
},
|
|
3612
|
+
}, B = k?.find((e) => e.value === se), ue = B?.queryParams || {}, de = B?.apiPath ?? r, pe = B?.mutationApiPath ?? a ?? de, me = {
|
|
3591
3613
|
...D,
|
|
3592
|
-
...
|
|
3593
|
-
},
|
|
3614
|
+
...ue
|
|
3615
|
+
}, V = me ? "?" + Object.entries(me).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", he = se ? [...t, se] : t, { data: ge, isLoading: _e, isError: ve, isRefetching: xe, refetch: Se } = Wt(de + V, he), { queryClient: Ee } = J();
|
|
3594
3616
|
s(() => {
|
|
3595
|
-
!
|
|
3617
|
+
!ge || !Array.isArray(ge) || n?.forEach((e) => Ee.invalidateQueries({ queryKey: e }));
|
|
3596
3618
|
}, [
|
|
3597
|
-
|
|
3619
|
+
ge,
|
|
3598
3620
|
n,
|
|
3599
|
-
|
|
3621
|
+
Ee
|
|
3600
3622
|
]);
|
|
3601
|
-
let
|
|
3623
|
+
let De = Kr(Array.isArray(ge) ? ge : [], h), [ke, Ae] = d({
|
|
3602
3624
|
columnAccessor: S?.field ?? c[0].id,
|
|
3603
3625
|
direction: S?.direction ?? "desc"
|
|
3604
|
-
}),
|
|
3605
|
-
|
|
3606
|
-
},
|
|
3626
|
+
}), je = (e) => {
|
|
3627
|
+
Ae(e), C && C(String(e.columnAccessor), e.direction);
|
|
3628
|
+
}, H = Br(De, ke.columnAccessor, ke.direction), [Me, Ne] = Ir(Qr[1], "mantine-table-page-size"), [U, Pe] = d(1), Fe = u ? H.slice((U - 1) * Me, U * Me) : H, [Ie, Le] = d([]), Re = I?.expanded?.recordIds ?? Ie, ze = I?.expanded?.onRecordIdsChange ?? Le, Be = (e) => {
|
|
3607
3629
|
Re.includes(e) ? ze(Re.filter((t) => t !== e)) : ze(I?.allowMultiple ? [...Re, e] : [e]);
|
|
3608
3630
|
}, Ve = c.findIndex((e) => e.list && e.column && !e.column.hidden), He = I && Ve >= 0 ? c.map((e, t) => {
|
|
3609
3631
|
if (t !== Ve) return e;
|
|
@@ -3627,7 +3649,7 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3627
3649
|
flexShrink: 0,
|
|
3628
3650
|
cursor: "pointer"
|
|
3629
3651
|
},
|
|
3630
|
-
children: /* @__PURE__ */ p(
|
|
3652
|
+
children: /* @__PURE__ */ p(be, {
|
|
3631
3653
|
size: 16,
|
|
3632
3654
|
style: {
|
|
3633
3655
|
color: "var(--mantine-primary-color-filled)",
|
|
@@ -3638,7 +3660,7 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3638
3660
|
}) : /* @__PURE__ */ p(v, {
|
|
3639
3661
|
w: 16,
|
|
3640
3662
|
style: { flexShrink: 0 }
|
|
3641
|
-
}), n ? n(t, r) : String(
|
|
3663
|
+
}), n ? n(t, r) : String(zn(t, e.column.accessor) ?? "")]
|
|
3642
3664
|
})
|
|
3643
3665
|
}
|
|
3644
3666
|
};
|
|
@@ -3648,20 +3670,20 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3648
3670
|
}, [se]);
|
|
3649
3671
|
let [Ue, We] = d(!1), [Ge, Ke] = d(!1), [qe, Je] = d(!1);
|
|
3650
3672
|
s(() => {
|
|
3651
|
-
if (re &&
|
|
3652
|
-
let e =
|
|
3673
|
+
if (re && H.length > 0) {
|
|
3674
|
+
let e = H.find((e) => e.id === re);
|
|
3653
3675
|
e && (G([e]), Ke(!0), ie?.(null));
|
|
3654
3676
|
}
|
|
3655
|
-
}, [re,
|
|
3677
|
+
}, [re, H]);
|
|
3656
3678
|
let Ye = c.some((e) => e.update), Xe = c.some((e) => e.delete), Ze = [];
|
|
3657
3679
|
return Ye && Ze.push({
|
|
3658
|
-
icon: /* @__PURE__ */ p(
|
|
3680
|
+
icon: /* @__PURE__ */ p(we, { size: 14 }),
|
|
3659
3681
|
label: "Bearbeiten",
|
|
3660
3682
|
onClick: (e) => {
|
|
3661
3683
|
G(e), Ke(!0);
|
|
3662
3684
|
}
|
|
3663
3685
|
}), b && Ze.push(...b), Xe && Ze.push({
|
|
3664
|
-
icon: /* @__PURE__ */ p(
|
|
3686
|
+
icon: /* @__PURE__ */ p(Oe, { size: 14 }),
|
|
3665
3687
|
label: "Löschen",
|
|
3666
3688
|
onClick: (e) => {
|
|
3667
3689
|
G(e), Je(!0);
|
|
@@ -3679,7 +3701,7 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3679
3701
|
},
|
|
3680
3702
|
justify: e ? "space-between" : "flex-end",
|
|
3681
3703
|
wrap: "wrap",
|
|
3682
|
-
children: [e && (typeof e == "string" ? /* @__PURE__ */ p(
|
|
3704
|
+
children: [e && (typeof e == "string" ? /* @__PURE__ */ p(fe, {
|
|
3683
3705
|
order: 4,
|
|
3684
3706
|
children: e
|
|
3685
3707
|
}) : e), /* @__PURE__ */ m(w, {
|
|
@@ -3704,9 +3726,9 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3704
3726
|
children: [
|
|
3705
3727
|
ee && /* @__PURE__ */ p(g, {
|
|
3706
3728
|
variant: "subtle",
|
|
3707
|
-
onClick: () =>
|
|
3729
|
+
onClick: () => Se(),
|
|
3708
3730
|
"aria-label": "Neuladen",
|
|
3709
|
-
children: /* @__PURE__ */ p(
|
|
3731
|
+
children: /* @__PURE__ */ p(Te, {})
|
|
3710
3732
|
}),
|
|
3711
3733
|
(c.some((e) => e.update) || l) && (() => {
|
|
3712
3734
|
let e = c.find((e) => e.update) && (!P || W.length > 0 && P(W[0])), t = c.find((e) => e.delete) && (!F || W.length > 0 && F(W[0])), n = (b ?? []).length > 0, r = e || t || n;
|
|
@@ -3716,12 +3738,12 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3716
3738
|
shadow: "md",
|
|
3717
3739
|
children: [/* @__PURE__ */ p(O.Target, { children: /* @__PURE__ */ p(y, {
|
|
3718
3740
|
variant: "outline",
|
|
3719
|
-
rightSection: /* @__PURE__ */ p(
|
|
3741
|
+
rightSection: /* @__PURE__ */ p(ye, { size: 14 }),
|
|
3720
3742
|
disabled: !W.length || !r,
|
|
3721
3743
|
children: "Aktionen"
|
|
3722
3744
|
}) }), /* @__PURE__ */ m(O.Dropdown, { children: [
|
|
3723
3745
|
e && /* @__PURE__ */ p(O.Item, {
|
|
3724
|
-
leftSection: /* @__PURE__ */ p(
|
|
3746
|
+
leftSection: /* @__PURE__ */ p(we, { size: 14 }),
|
|
3725
3747
|
onClick: () => Ke(!0),
|
|
3726
3748
|
disabled: W.length !== 1,
|
|
3727
3749
|
children: "Bearbeiten"
|
|
@@ -3733,7 +3755,7 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3733
3755
|
disabled: e.disabled?.(W) ?? !1
|
|
3734
3756
|
}, e.label)),
|
|
3735
3757
|
t && /* @__PURE__ */ p(O.Item, {
|
|
3736
|
-
leftSection: /* @__PURE__ */ p(
|
|
3758
|
+
leftSection: /* @__PURE__ */ p(Oe, { size: 14 }),
|
|
3737
3759
|
onClick: () => Je(!0),
|
|
3738
3760
|
color: "red",
|
|
3739
3761
|
children: "Löschen"
|
|
@@ -3744,32 +3766,32 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3744
3766
|
})(),
|
|
3745
3767
|
c.find((e) => e.create) && /* @__PURE__ */ p(y, {
|
|
3746
3768
|
onClick: () => We(!0),
|
|
3747
|
-
disabled:
|
|
3769
|
+
disabled: _e,
|
|
3748
3770
|
children: E ?? "Erstellen"
|
|
3749
3771
|
}),
|
|
3750
3772
|
o
|
|
3751
3773
|
]
|
|
3752
3774
|
})]
|
|
3753
3775
|
}),
|
|
3754
|
-
k && k.length > 0 && /* @__PURE__ */ p(
|
|
3776
|
+
k && k.length > 0 && /* @__PURE__ */ p(le, {
|
|
3755
3777
|
value: se,
|
|
3756
|
-
onChange:
|
|
3778
|
+
onChange: ce,
|
|
3757
3779
|
mt: "md",
|
|
3758
|
-
children: /* @__PURE__ */ p(
|
|
3780
|
+
children: /* @__PURE__ */ p(le.List, { children: k.map((e) => /* @__PURE__ */ p(le.Tab, {
|
|
3759
3781
|
value: e.value,
|
|
3760
3782
|
leftSection: e.icon,
|
|
3761
3783
|
children: e.label
|
|
3762
3784
|
}, e.value)) })
|
|
3763
3785
|
}),
|
|
3764
|
-
|
|
3786
|
+
ve && /* @__PURE__ */ p(_, {
|
|
3765
3787
|
mt: "md",
|
|
3766
3788
|
variant: "light",
|
|
3767
3789
|
color: "red",
|
|
3768
3790
|
title: "Es ist ein Fehler aufgetreten.",
|
|
3769
|
-
icon: /* @__PURE__ */ p(
|
|
3791
|
+
icon: /* @__PURE__ */ p(Ce, {}),
|
|
3770
3792
|
children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
|
|
3771
3793
|
}),
|
|
3772
|
-
(
|
|
3794
|
+
(_e || xe) && /* @__PURE__ */ m(z, {
|
|
3773
3795
|
my: "md",
|
|
3774
3796
|
children: [/* @__PURE__ */ p(te, { height: 40 }), [
|
|
3775
3797
|
,
|
|
@@ -3779,28 +3801,28 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3779
3801
|
,
|
|
3780
3802
|
].fill(0).map((e, t) => /* @__PURE__ */ p(te, { height: 35 }, `skeleton-${t}`))]
|
|
3781
3803
|
}),
|
|
3782
|
-
!
|
|
3804
|
+
!_e && !xe && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
|
|
3783
3805
|
...R ? { visibleFrom: "sm" } : {},
|
|
3784
|
-
children: /* @__PURE__ */ p(
|
|
3806
|
+
children: /* @__PURE__ */ p(Nr, {
|
|
3785
3807
|
my: "md",
|
|
3786
3808
|
striped: !0,
|
|
3787
3809
|
highlightOnHover: !0,
|
|
3788
3810
|
minHeight: 150,
|
|
3789
|
-
fetching:
|
|
3811
|
+
fetching: ve,
|
|
3790
3812
|
records: Fe,
|
|
3791
|
-
sortStatus:
|
|
3792
|
-
onSortStatusChange:
|
|
3813
|
+
sortStatus: ke,
|
|
3814
|
+
onSortStatusChange: je,
|
|
3793
3815
|
...l && {
|
|
3794
3816
|
selectedRecords: W,
|
|
3795
3817
|
onSelectedRecordsChange: G
|
|
3796
3818
|
},
|
|
3797
3819
|
...u && Fe.length && {
|
|
3798
|
-
totalRecords:
|
|
3799
|
-
recordsPerPage:
|
|
3820
|
+
totalRecords: H.length,
|
|
3821
|
+
recordsPerPage: Me,
|
|
3800
3822
|
onPageChange: Pe,
|
|
3801
|
-
page:
|
|
3802
|
-
recordsPerPageOptions:
|
|
3803
|
-
onRecordsPerPageChange:
|
|
3823
|
+
page: U,
|
|
3824
|
+
recordsPerPageOptions: Qr,
|
|
3825
|
+
onRecordsPerPageChange: Ne,
|
|
3804
3826
|
recordsPerPageLabel: "Einträge pro Seite"
|
|
3805
3827
|
},
|
|
3806
3828
|
...I && { rowExpansion: {
|
|
@@ -3820,28 +3842,28 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3820
3842
|
})
|
|
3821
3843
|
}), R && /* @__PURE__ */ p(v, {
|
|
3822
3844
|
hiddenFrom: "sm",
|
|
3823
|
-
children: /* @__PURE__ */ p(
|
|
3845
|
+
children: /* @__PURE__ */ p(Zr, {
|
|
3824
3846
|
records: Fe,
|
|
3825
3847
|
fields: He,
|
|
3826
3848
|
onRowClick: L,
|
|
3827
3849
|
sort: {
|
|
3828
|
-
field: String(
|
|
3829
|
-
direction:
|
|
3850
|
+
field: String(ke.columnAccessor),
|
|
3851
|
+
direction: ke.direction,
|
|
3830
3852
|
onSortChange: (e, t) => {
|
|
3831
|
-
|
|
3853
|
+
je({
|
|
3832
3854
|
columnAccessor: e,
|
|
3833
3855
|
direction: t
|
|
3834
3856
|
});
|
|
3835
3857
|
}
|
|
3836
3858
|
},
|
|
3837
3859
|
...u && Fe.length && { pagination: {
|
|
3838
|
-
totalRecords:
|
|
3839
|
-
recordsPerPage:
|
|
3840
|
-
page:
|
|
3860
|
+
totalRecords: H.length,
|
|
3861
|
+
recordsPerPage: Me,
|
|
3862
|
+
page: U,
|
|
3841
3863
|
onPageChange: Pe,
|
|
3842
|
-
recordsPerPageOptions:
|
|
3864
|
+
recordsPerPageOptions: Qr,
|
|
3843
3865
|
onRecordsPerPageChange: (e) => {
|
|
3844
|
-
|
|
3866
|
+
Ne(e), Pe(1);
|
|
3845
3867
|
}
|
|
3846
3868
|
} },
|
|
3847
3869
|
...I && { rowExpansion: {
|
|
@@ -3865,10 +3887,10 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3865
3887
|
Ke(!1), G([]);
|
|
3866
3888
|
},
|
|
3867
3889
|
title: e ?? "Bearbeiten",
|
|
3868
|
-
children: W.length > 0 && /* @__PURE__ */ p(
|
|
3890
|
+
children: W.length > 0 && /* @__PURE__ */ p(Pr, {
|
|
3869
3891
|
fields: c.filter((e) => e.update),
|
|
3870
3892
|
queryKey: t,
|
|
3871
|
-
apiPath:
|
|
3893
|
+
apiPath: pe,
|
|
3872
3894
|
id: W[0].id,
|
|
3873
3895
|
onClose: () => {
|
|
3874
3896
|
Ke(!1), G([]);
|
|
@@ -3882,12 +3904,12 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3882
3904
|
Je(!1), G([]);
|
|
3883
3905
|
},
|
|
3884
3906
|
title: e ?? "Löschen",
|
|
3885
|
-
children: /* @__PURE__ */ p(
|
|
3907
|
+
children: /* @__PURE__ */ p(Fr, {
|
|
3886
3908
|
onClose: () => {
|
|
3887
3909
|
Je(!1), G([]);
|
|
3888
3910
|
},
|
|
3889
3911
|
queryKey: t,
|
|
3890
|
-
apiPath:
|
|
3912
|
+
apiPath: pe,
|
|
3891
3913
|
selectedRecords: W,
|
|
3892
3914
|
confirmMessage: ne
|
|
3893
3915
|
})
|
|
@@ -3898,9 +3920,9 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3898
3920
|
We(!1);
|
|
3899
3921
|
},
|
|
3900
3922
|
title: e ?? "Anlegen",
|
|
3901
|
-
children: /* @__PURE__ */ p(
|
|
3923
|
+
children: /* @__PURE__ */ p(rn, {
|
|
3902
3924
|
queryKey: t,
|
|
3903
|
-
apiPath:
|
|
3925
|
+
apiPath: pe,
|
|
3904
3926
|
onClose: () => {
|
|
3905
3927
|
We(!1);
|
|
3906
3928
|
},
|
|
@@ -3912,23 +3934,23 @@ function Jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
|
|
|
3912
3934
|
}
|
|
3913
3935
|
//#endregion
|
|
3914
3936
|
//#region src/DataTable/SubTable.tsx
|
|
3915
|
-
function
|
|
3937
|
+
function ei({ mobile: e, columns: t, ...n }) {
|
|
3916
3938
|
return e ? /* @__PURE__ */ p(z, {
|
|
3917
3939
|
gap: "sm",
|
|
3918
3940
|
style: { fontVariantNumeric: "tabular-nums" },
|
|
3919
3941
|
children: (n.records ?? []).map((e, r) => {
|
|
3920
3942
|
let i = t.filter((t) => !t.hidden && !t.hideOnMobile?.(e)).map((t) => ({
|
|
3921
|
-
label: t.title ??
|
|
3922
|
-
value: t.render ? t.render(e, r) :
|
|
3943
|
+
label: t.title ?? In(String(t.accessor)),
|
|
3944
|
+
value: t.render ? t.render(e, r) : zn(e, t.accessor)
|
|
3923
3945
|
})), a = n.idAccessor ? $(e, n.idAccessor) : r;
|
|
3924
|
-
return /* @__PURE__ */ p(
|
|
3946
|
+
return /* @__PURE__ */ p(Jr, { rows: i }, a);
|
|
3925
3947
|
})
|
|
3926
|
-
}) : /* @__PURE__ */ p(
|
|
3948
|
+
}) : /* @__PURE__ */ p(Nr, {
|
|
3927
3949
|
columns: t,
|
|
3928
3950
|
...n
|
|
3929
3951
|
});
|
|
3930
3952
|
}
|
|
3931
3953
|
//#endregion
|
|
3932
|
-
export {
|
|
3954
|
+
export { rn as CreateModal, $r as DataTable, Mt as DataTableProvider, Fr as DeleteModal, Jr as FieldCard, Zr as MobileCardList, ei as SubTable, Pr as UpdateModal, Vt as api, Bt as createOne, zt as deleteOne, Lt as getAll, Rt as getOne, Ft as parseApiError, Br as sortData, Ht as updateOne, Gt as useAddOne, J as useDataTable, qt as useDeleteOne, Wt as useGetAll, Ut as useGetOne, Ir as usePersistentState, Kt as useUpdateOne };
|
|
3933
3955
|
|
|
3934
3956
|
//# sourceMappingURL=index.es.js.map
|