@pibit.ai/cure-design-system 0.3.10 → 0.3.11
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAKhF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;
|
|
1
|
+
{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAKhF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kDAAkD;IAClD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,yCAAyC;IACzC,OAAO,EAAE;QACP,0BAA0B;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,wDAAwD;QACxD,GAAG,EAAE,MAAM,CAAC;QACZ,yCAAyC;QACzC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,gDAAgD;QAChD,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,qCAAqC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,mCAAmC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,EAAE,CAAC;IACJ,yFAAyF;IACzF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAC/D,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACzC,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,8GAsGxB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,iGAOxC;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrC,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,4CA4DA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAiB,OAAO,GAAG,QAAkB,EAC7C,cAAc,OAAO,GAAG,OAAO,EAC/B,cAAc,MAAM,EACpB,gBAAgB,MAAM,4CAkBvB,CAAC"}
|
|
@@ -3,78 +3,88 @@ import { forwardRef as E, useState as k, useRef as O, useEffect as j } from "rea
|
|
|
3
3
|
import { createPortal as H } from "react-dom";
|
|
4
4
|
import { TableCard as S, Table as n } from "./table.js";
|
|
5
5
|
import { cx as y } from "../../utils/cn.js";
|
|
6
|
-
const F = E(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
6
|
+
const F = E(
|
|
7
|
+
function({
|
|
8
|
+
data: f,
|
|
9
|
+
columns: i,
|
|
10
|
+
renderRowCell: d,
|
|
11
|
+
onRowClick: s,
|
|
12
|
+
arialabel: h,
|
|
13
|
+
size: l = "sm",
|
|
14
|
+
allowDefaultRowClass: w = !1,
|
|
15
|
+
centeredHeaders: b = [],
|
|
16
|
+
rootClassName: g,
|
|
17
|
+
removeBorders: p,
|
|
18
|
+
headerClassName: o,
|
|
19
|
+
isRowExpandable: x,
|
|
20
|
+
renderExpandedContent: v
|
|
21
|
+
}, u) {
|
|
22
|
+
return /* @__PURE__ */ t(
|
|
23
|
+
S.Root,
|
|
24
24
|
{
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
label:
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
headerCellClass: b.includes(e.key) ? "justify-center" : "",
|
|
32
|
-
style: {
|
|
33
|
-
maxWidth: e.maxWidth,
|
|
34
|
-
minWidth: e.maxWidth,
|
|
35
|
-
width: e.maxWidth
|
|
36
|
-
},
|
|
37
|
-
className: "overflow-hidde"
|
|
38
|
-
},
|
|
39
|
-
c
|
|
40
|
-
)) }),
|
|
41
|
-
/* @__PURE__ */ t(n.Body, { items: f, children: (e) => {
|
|
42
|
-
const c = x ? x(e) : !1, m = e.id || e.rule_id || String(e);
|
|
43
|
-
return /* @__PURE__ */ t(
|
|
44
|
-
n.Row,
|
|
45
|
-
{
|
|
46
|
-
onAction: () => s == null ? void 0 : s(e),
|
|
47
|
-
id: m,
|
|
48
|
-
isExpandable: c,
|
|
49
|
-
renderExpandedContent: c ? v : void 0,
|
|
50
|
-
columns: i,
|
|
51
|
-
className: y(
|
|
52
|
-
s && "cursor-pointer",
|
|
53
|
-
w ? "prose" : "",
|
|
54
|
-
p && "[&>td]:after:hidden"
|
|
55
|
-
// Remove row borders
|
|
56
|
-
),
|
|
57
|
-
children: i.map((a, N) => /* @__PURE__ */ t(
|
|
58
|
-
n.Cell,
|
|
25
|
+
ref: u,
|
|
26
|
+
className: y("overflow-x-auto", g),
|
|
27
|
+
size: l,
|
|
28
|
+
children: /* @__PURE__ */ W(n, { "aria-label": h, size: l, children: [
|
|
29
|
+
/* @__PURE__ */ t(n.Header, { className: y("sticky top-0", o), children: i.map((e, c) => /* @__PURE__ */ t(
|
|
30
|
+
n.Head,
|
|
59
31
|
{
|
|
60
|
-
sticky:
|
|
61
|
-
stickyOffset:
|
|
32
|
+
sticky: e.sticky,
|
|
33
|
+
stickyOffset: e.stickyOffset,
|
|
34
|
+
id: e.key,
|
|
35
|
+
label: e.label,
|
|
36
|
+
isRowHeader: !0,
|
|
37
|
+
allowsSorting: e.allowsSorting,
|
|
38
|
+
headerCellClass: b.includes(e.key) ? "justify-center" : "",
|
|
62
39
|
style: {
|
|
63
|
-
maxWidth:
|
|
64
|
-
minWidth:
|
|
65
|
-
width:
|
|
40
|
+
maxWidth: e.maxWidth,
|
|
41
|
+
minWidth: e.maxWidth,
|
|
42
|
+
width: e.maxWidth
|
|
66
43
|
},
|
|
67
|
-
className: "overflow-
|
|
68
|
-
children: N === 0 && c ? /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: d(a.key, e[a.key], e) }) : d(a.key, e[a.key], e)
|
|
44
|
+
className: "overflow-hidde"
|
|
69
45
|
},
|
|
70
|
-
|
|
71
|
-
))
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
46
|
+
c
|
|
47
|
+
)) }),
|
|
48
|
+
/* @__PURE__ */ t(n.Body, { items: f, children: (e) => {
|
|
49
|
+
const c = x ? x(e) : !1, m = e.id || e.rule_id || String(e);
|
|
50
|
+
return /* @__PURE__ */ t(
|
|
51
|
+
n.Row,
|
|
52
|
+
{
|
|
53
|
+
onAction: () => s == null ? void 0 : s(e),
|
|
54
|
+
id: m,
|
|
55
|
+
isExpandable: c,
|
|
56
|
+
renderExpandedContent: c ? v : void 0,
|
|
57
|
+
columns: i,
|
|
58
|
+
className: y(
|
|
59
|
+
s && "cursor-pointer",
|
|
60
|
+
w ? "prose" : "",
|
|
61
|
+
p && "[&>td]:after:hidden"
|
|
62
|
+
// Remove row borders
|
|
63
|
+
),
|
|
64
|
+
children: i.map((a, N) => /* @__PURE__ */ t(
|
|
65
|
+
n.Cell,
|
|
66
|
+
{
|
|
67
|
+
sticky: a.sticky,
|
|
68
|
+
stickyOffset: a.stickyOffset,
|
|
69
|
+
style: {
|
|
70
|
+
maxWidth: a.maxWidth,
|
|
71
|
+
minWidth: a.maxWidth,
|
|
72
|
+
width: a.maxWidth
|
|
73
|
+
},
|
|
74
|
+
className: "overflow-x-hidden text-left",
|
|
75
|
+
children: N === 0 && c ? /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: d(a.key, e[a.key], e) }) : d(a.key, e[a.key], e)
|
|
76
|
+
},
|
|
77
|
+
a.key
|
|
78
|
+
))
|
|
79
|
+
},
|
|
80
|
+
m
|
|
81
|
+
);
|
|
82
|
+
} })
|
|
83
|
+
] })
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
}
|
|
87
|
+
), $ = ({
|
|
78
88
|
content: r,
|
|
79
89
|
className: f = "",
|
|
80
90
|
link: i = !1,
|
|
@@ -12,15 +12,15 @@ interface TableCardHeaderProps {
|
|
|
12
12
|
/** The class name of the table card header. */
|
|
13
13
|
className?: string;
|
|
14
14
|
}
|
|
15
|
-
interface TableRootProps extends AriaTableProps, Omit<ComponentPropsWithRef<
|
|
16
|
-
size?:
|
|
15
|
+
interface TableRootProps extends AriaTableProps, Omit<ComponentPropsWithRef<"table">, "className" | "slot" | "style"> {
|
|
16
|
+
size?: "xs" | "sm" | "md";
|
|
17
17
|
isEditable?: boolean;
|
|
18
18
|
}
|
|
19
19
|
declare const TableRoot: {
|
|
20
20
|
({ className, size, isEditable, ...props }: TableRootProps): import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
displayName: string;
|
|
22
22
|
};
|
|
23
|
-
interface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T>, Omit<ComponentPropsWithRef<
|
|
23
|
+
interface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T>, Omit<ComponentPropsWithRef<"thead">, "children" | "className" | "slot" | "style"> {
|
|
24
24
|
bordered?: boolean;
|
|
25
25
|
/** Whether any rows in the table are expandable */
|
|
26
26
|
hasExpandableRows?: boolean;
|
|
@@ -29,10 +29,10 @@ declare const TableHeader: {
|
|
|
29
29
|
<T extends object>({ columns, children, bordered, hasExpandableRows, className, ...props }: TableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
|
-
interface TableHeadProps extends AriaColumnProps, Omit<ThHTMLAttributes<HTMLTableCellElement>,
|
|
32
|
+
interface TableHeadProps extends AriaColumnProps, Omit<ThHTMLAttributes<HTMLTableCellElement>, "children" | "className" | "style" | "id"> {
|
|
33
33
|
label?: string;
|
|
34
34
|
tooltip?: string;
|
|
35
|
-
sticky?:
|
|
35
|
+
sticky?: "left" | "right";
|
|
36
36
|
stickyOffset?: number;
|
|
37
37
|
headerCellClass?: string;
|
|
38
38
|
tooltipHeader?: boolean;
|
|
@@ -41,7 +41,7 @@ declare const TableHead: {
|
|
|
41
41
|
({ className, tooltip, label, children, sticky, stickyOffset, headerCellClass, tooltipHeader, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
|
|
42
42
|
displayName: string;
|
|
43
43
|
};
|
|
44
|
-
interface TableRowProps<T extends object> extends AriaRowProps<T>, Omit<ComponentPropsWithRef<
|
|
44
|
+
interface TableRowProps<T extends object> extends AriaRowProps<T>, Omit<ComponentPropsWithRef<"tr">, "children" | "className" | "onClick" | "slot" | "style" | "id"> {
|
|
45
45
|
columns?: any[];
|
|
46
46
|
highlightSelectedRow?: boolean;
|
|
47
47
|
/** Whether this row is expandable */
|
|
@@ -53,9 +53,9 @@ declare const TableRow: {
|
|
|
53
53
|
<T extends object>({ columns, children, className, highlightSelectedRow, isExpandable, renderExpandedContent, ...props }: TableRowProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
|
-
interface TableCellProps extends AriaCellProps, Omit<TdHTMLAttributes<HTMLTableCellElement>,
|
|
56
|
+
interface TableCellProps extends AriaCellProps, Omit<TdHTMLAttributes<HTMLTableCellElement>, "children" | "className" | "style" | "id"> {
|
|
57
57
|
ref?: Ref<HTMLTableCellElement>;
|
|
58
|
-
sticky?:
|
|
58
|
+
sticky?: "left" | "right";
|
|
59
59
|
stickyOffset?: number;
|
|
60
60
|
}
|
|
61
61
|
declare const TableCell: {
|
|
@@ -67,7 +67,7 @@ declare const TableCard: {
|
|
|
67
67
|
size?: "xs" | "sm" | "md";
|
|
68
68
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
69
69
|
Header: {
|
|
70
|
-
({ title, badge, description, contentTrailing, className }: TableCardHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
70
|
+
({ title, badge, description, contentTrailing, className, }: TableCardHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
71
71
|
displayName: string;
|
|
72
72
|
};
|
|
73
73
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
1
|
+
import { jsx as o, jsxs as m, Fragment as V } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as W, useContext as g, createContext as F, useState as T, isValidElement as A, useRef as G, useEffect as L, Children as M, cloneElement as I } from "react";
|
|
3
3
|
import { Table as B, useTableOptions as C, Cell as S, TableBody as J, Column as z, Group as Q, TableHeader as X, Collection as P, Row as O } from "react-aria-components";
|
|
4
4
|
import { cn as c } from "../../utils/cn.js";
|
|
@@ -10,45 +10,55 @@ const b = F({
|
|
|
10
10
|
expandedRows: /* @__PURE__ */ new Set(),
|
|
11
11
|
toggleRow: () => {
|
|
12
12
|
}
|
|
13
|
-
}), E = W(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
f(R > N);
|
|
22
|
-
};
|
|
23
|
-
u();
|
|
24
|
-
const h = new ResizeObserver(u);
|
|
25
|
-
return h.observe(t), () => {
|
|
26
|
-
h.disconnect();
|
|
27
|
-
};
|
|
28
|
-
}, []);
|
|
29
|
-
const m = (t) => {
|
|
30
|
-
l((u) => {
|
|
31
|
-
const h = new Set(u);
|
|
32
|
-
return h.has(t) ? h.delete(t) : h.add(t), h;
|
|
33
|
-
});
|
|
13
|
+
}), E = W(({ children: r, className: n, size: i = "md", ...d }, e) => {
|
|
14
|
+
const s = G(null), [a, f] = T(!1), [p, l] = T(/* @__PURE__ */ new Set());
|
|
15
|
+
L(() => {
|
|
16
|
+
const t = s.current;
|
|
17
|
+
if (!t) return;
|
|
18
|
+
const x = () => {
|
|
19
|
+
const { scrollWidth: R, clientWidth: N } = t;
|
|
20
|
+
f(R > N);
|
|
34
21
|
};
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
|
|
22
|
+
x();
|
|
23
|
+
const h = new ResizeObserver(x);
|
|
24
|
+
return h.observe(t), () => {
|
|
25
|
+
h.disconnect();
|
|
26
|
+
};
|
|
27
|
+
}, []);
|
|
28
|
+
const u = (t) => {
|
|
29
|
+
l((x) => {
|
|
30
|
+
const h = new Set(x);
|
|
31
|
+
return h.has(t) ? h.delete(t) : h.add(t), h;
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
return /* @__PURE__ */ o(
|
|
35
|
+
b.Provider,
|
|
36
|
+
{
|
|
37
|
+
value: { size: i, hasOverflow: a, expandedRows: p, toggleRow: u },
|
|
38
|
+
children: /* @__PURE__ */ o(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
ref: (t) => {
|
|
42
|
+
s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
|
|
43
|
+
},
|
|
44
|
+
...d,
|
|
45
|
+
className: c("overflow-hidden rounded-lg bg-primary", n),
|
|
46
|
+
children: r
|
|
47
|
+
}
|
|
48
|
+
)
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
});
|
|
48
52
|
E.displayName = "TableCardRoot";
|
|
49
|
-
const _ = ({
|
|
53
|
+
const _ = ({
|
|
54
|
+
title: r,
|
|
55
|
+
badge: n,
|
|
56
|
+
description: i,
|
|
57
|
+
contentTrailing: d,
|
|
58
|
+
className: e
|
|
59
|
+
}) => {
|
|
50
60
|
const { size: s } = g(b);
|
|
51
|
-
return /* @__PURE__ */
|
|
61
|
+
return /* @__PURE__ */ m(
|
|
52
62
|
"div",
|
|
53
63
|
{
|
|
54
64
|
className: c(
|
|
@@ -57,8 +67,8 @@ const _ = ({ title: r, badge: n, description: i, contentTrailing: d, className:
|
|
|
57
67
|
e
|
|
58
68
|
),
|
|
59
69
|
children: [
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
/* @__PURE__ */
|
|
70
|
+
/* @__PURE__ */ m("div", { className: "flex flex-1 flex-col gap-0.5", children: [
|
|
71
|
+
/* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
|
|
62
72
|
/* @__PURE__ */ o(
|
|
63
73
|
"h2",
|
|
64
74
|
{
|
|
@@ -71,7 +81,16 @@ const _ = ({ title: r, badge: n, description: i, contentTrailing: d, className:
|
|
|
71
81
|
),
|
|
72
82
|
n ? A(n) ? n : /* @__PURE__ */ o(Y, { color: "brand", size: "sm", children: n }) : null
|
|
73
83
|
] }),
|
|
74
|
-
i && /* @__PURE__ */ o(
|
|
84
|
+
i && /* @__PURE__ */ o(
|
|
85
|
+
"p",
|
|
86
|
+
{
|
|
87
|
+
className: c(
|
|
88
|
+
"text-tertiary",
|
|
89
|
+
s === "xs" ? "text-xs" : "text-sm"
|
|
90
|
+
),
|
|
91
|
+
children: i
|
|
92
|
+
}
|
|
93
|
+
)
|
|
75
94
|
] }),
|
|
76
95
|
d
|
|
77
96
|
]
|
|
@@ -79,10 +98,15 @@ const _ = ({ title: r, badge: n, description: i, contentTrailing: d, className:
|
|
|
79
98
|
);
|
|
80
99
|
};
|
|
81
100
|
_.displayName = "TableCardHeader";
|
|
82
|
-
const j = ({
|
|
101
|
+
const j = ({
|
|
102
|
+
className: r,
|
|
103
|
+
size: n = "md",
|
|
104
|
+
isEditable: i = !1,
|
|
105
|
+
...d
|
|
106
|
+
}) => {
|
|
83
107
|
const e = g(b), [s, a] = T(/* @__PURE__ */ new Set()), f = (e == null ? void 0 : e.expandedRows) ?? s, p = (e == null ? void 0 : e.toggleRow) ?? ((l) => {
|
|
84
|
-
a((
|
|
85
|
-
const t = new Set(
|
|
108
|
+
a((u) => {
|
|
109
|
+
const t = new Set(u);
|
|
86
110
|
return t.has(l) ? t.delete(l) : t.add(l), t;
|
|
87
111
|
});
|
|
88
112
|
});
|
|
@@ -112,7 +136,9 @@ const j = ({ className: r, size: n = "md", isEditable: i = !1, ...d }) => {
|
|
|
112
136
|
// space
|
|
113
137
|
])).has(l.key)) {
|
|
114
138
|
const t = l.target;
|
|
115
|
-
t && (t.closest(
|
|
139
|
+
t && (t.closest(
|
|
140
|
+
'[contenteditable]:not([contenteditable="false"])'
|
|
141
|
+
) || t.closest("input, textarea") || t.closest('[role="textbox"]')) && l.stopPropagation();
|
|
116
142
|
}
|
|
117
143
|
},
|
|
118
144
|
children: /* @__PURE__ */ o(
|
|
@@ -151,7 +177,7 @@ const q = ({
|
|
|
151
177
|
...s
|
|
152
178
|
}) => {
|
|
153
179
|
const { size: a } = g(b), { selectionBehavior: f, selectionMode: p } = C();
|
|
154
|
-
return /* @__PURE__ */
|
|
180
|
+
return /* @__PURE__ */ m(
|
|
155
181
|
X,
|
|
156
182
|
{
|
|
157
183
|
...s,
|
|
@@ -162,8 +188,25 @@ const q = ({
|
|
|
162
188
|
typeof e == "function" ? e(l) : e
|
|
163
189
|
),
|
|
164
190
|
children: [
|
|
165
|
-
d && /* @__PURE__ */ o(
|
|
166
|
-
|
|
191
|
+
d && /* @__PURE__ */ o(
|
|
192
|
+
z,
|
|
193
|
+
{
|
|
194
|
+
className: c(
|
|
195
|
+
"relative p-0",
|
|
196
|
+
a === "sm" || a === "xs" ? "w-9" : "w-11"
|
|
197
|
+
)
|
|
198
|
+
}
|
|
199
|
+
),
|
|
200
|
+
f === "toggle" && /* @__PURE__ */ o(
|
|
201
|
+
z,
|
|
202
|
+
{
|
|
203
|
+
className: c(
|
|
204
|
+
"relative p-0",
|
|
205
|
+
a === "sm" || a === "xs" ? "w-9" : "w-11"
|
|
206
|
+
),
|
|
207
|
+
children: p === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(D, { slot: "selection" }) })
|
|
208
|
+
}
|
|
209
|
+
),
|
|
167
210
|
/* @__PURE__ */ o(P, { items: r, children: n })
|
|
168
211
|
]
|
|
169
212
|
}
|
|
@@ -181,31 +224,32 @@ const K = ({
|
|
|
181
224
|
tooltipHeader: f = !1,
|
|
182
225
|
...p
|
|
183
226
|
}) => {
|
|
184
|
-
const { selectionBehavior: l } = C(), { size:
|
|
227
|
+
const { selectionBehavior: l } = C(), { size: u } = g(b);
|
|
185
228
|
return /* @__PURE__ */ o(
|
|
186
229
|
z,
|
|
187
230
|
{
|
|
188
231
|
...p,
|
|
189
232
|
style: (t) => {
|
|
190
|
-
const
|
|
233
|
+
const x = e ? {
|
|
191
234
|
position: "sticky",
|
|
192
235
|
[e]: s,
|
|
193
|
-
zIndex: 30
|
|
236
|
+
zIndex: 30,
|
|
237
|
+
boxShadow: e === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
|
|
194
238
|
} : {};
|
|
195
|
-
return { ...typeof p.style == "function" ? p.style(t) : p.style || {}, ...
|
|
239
|
+
return { ...typeof p.style == "function" ? p.style(t) : p.style || {}, ...x };
|
|
196
240
|
},
|
|
197
241
|
className: (t) => c(
|
|
198
242
|
"relative p-0 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset",
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
243
|
+
u === "xs" && "px-3 py-0",
|
|
244
|
+
u === "sm" && "px-4 py-2",
|
|
245
|
+
u === "md" && "px-6 py-2",
|
|
202
246
|
l === "toggle" && "nth-2:pl-3",
|
|
203
|
-
e && "bg-
|
|
247
|
+
e && "bg-secondary_subtle",
|
|
204
248
|
t.allowsSorting && "cursor-pointer",
|
|
205
249
|
typeof r == "function" ? r(t) : r
|
|
206
250
|
),
|
|
207
|
-
children: (t) => /* @__PURE__ */
|
|
208
|
-
/* @__PURE__ */
|
|
251
|
+
children: (t) => /* @__PURE__ */ m(Q, { className: c("flex items-center gap-1", a), children: [
|
|
252
|
+
/* @__PURE__ */ m("div", { className: "flex items-center gap-1 overflow-hidden", children: [
|
|
209
253
|
i && /* @__PURE__ */ o("span", { className: "text-xs font-medium whitespace-nowrap overflow-hidden text-ellipsis text-secondary", children: i }),
|
|
210
254
|
typeof d == "function" ? d(t) : d
|
|
211
255
|
] }),
|
|
@@ -220,7 +264,14 @@ const K = ({
|
|
|
220
264
|
t.sortDirection === "ascending" && "rotate-180"
|
|
221
265
|
)
|
|
222
266
|
}
|
|
223
|
-
) : /* @__PURE__ */ o(
|
|
267
|
+
) : /* @__PURE__ */ o(
|
|
268
|
+
w,
|
|
269
|
+
{
|
|
270
|
+
name: "ChevronSelectorVertical",
|
|
271
|
+
size: 12,
|
|
272
|
+
className: "text-fg-quaternary"
|
|
273
|
+
}
|
|
274
|
+
))
|
|
224
275
|
] })
|
|
225
276
|
}
|
|
226
277
|
);
|
|
@@ -235,7 +286,7 @@ const $ = ({
|
|
|
235
286
|
renderExpandedContent: s,
|
|
236
287
|
...a
|
|
237
288
|
}) => {
|
|
238
|
-
const { size: f, expandedRows: p, toggleRow: l } = g(b), { selectionBehavior:
|
|
289
|
+
const { size: f, expandedRows: p, toggleRow: l } = g(b), { selectionBehavior: u } = C(), t = typeof a.id == "string" ? a.id : String(a.id), x = p.has(t), R = e ? /* @__PURE__ */ o(
|
|
239
290
|
"button",
|
|
240
291
|
{
|
|
241
292
|
type: "button",
|
|
@@ -244,9 +295,9 @@ const $ = ({
|
|
|
244
295
|
},
|
|
245
296
|
className: c(
|
|
246
297
|
"flex items-center justify-center transition-transform duration-200 ease-in-out cursor-pointer hover:bg-secondary_subtle rounded p-1 flex-shrink-0 -ml-1 mr-2",
|
|
247
|
-
|
|
298
|
+
x && "rotate-90"
|
|
248
299
|
),
|
|
249
|
-
"aria-label":
|
|
300
|
+
"aria-label": x ? "Collapse row" : "Expand row",
|
|
250
301
|
children: /* @__PURE__ */ o(w, { name: "ChevronRight", size: 16, className: "text-secondary" })
|
|
251
302
|
}
|
|
252
303
|
) : null, N = e ? (() => {
|
|
@@ -256,7 +307,7 @@ const $ = ({
|
|
|
256
307
|
return [
|
|
257
308
|
I(H, {
|
|
258
309
|
...k,
|
|
259
|
-
children: /* @__PURE__ */
|
|
310
|
+
children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
|
|
260
311
|
R,
|
|
261
312
|
k.children
|
|
262
313
|
] })
|
|
@@ -266,8 +317,8 @@ const $ = ({
|
|
|
266
317
|
}
|
|
267
318
|
return n;
|
|
268
319
|
})() : n;
|
|
269
|
-
return /* @__PURE__ */
|
|
270
|
-
/* @__PURE__ */
|
|
320
|
+
return /* @__PURE__ */ m(V, { children: [
|
|
321
|
+
/* @__PURE__ */ m(
|
|
271
322
|
O,
|
|
272
323
|
{
|
|
273
324
|
...a,
|
|
@@ -276,27 +327,49 @@ const $ = ({
|
|
|
276
327
|
f === "xs" ? "h-10" : f === "sm" ? "h-12" : f === "md" ? "h-18" : "h-10",
|
|
277
328
|
d && "selected:bg-secondary",
|
|
278
329
|
// Row border—using an "after" pseudo-element to avoid the border taking up space.
|
|
279
|
-
!
|
|
330
|
+
!x && "[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-tertiary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0",
|
|
280
331
|
typeof i == "function" ? i(y) : i
|
|
281
332
|
),
|
|
282
333
|
children: [
|
|
283
|
-
|
|
334
|
+
u === "toggle" && /* @__PURE__ */ o(
|
|
335
|
+
S,
|
|
336
|
+
{
|
|
337
|
+
className: c(
|
|
338
|
+
"relative p-0",
|
|
339
|
+
f === "sm" || f === "xs" ? "w-9" : "w-11"
|
|
340
|
+
),
|
|
341
|
+
children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(D, { className: "hidden", slot: "selection" }) })
|
|
342
|
+
}
|
|
343
|
+
),
|
|
284
344
|
/* @__PURE__ */ o(P, { items: r, children: N })
|
|
285
345
|
]
|
|
286
346
|
}
|
|
287
347
|
),
|
|
288
|
-
e &&
|
|
289
|
-
|
|
348
|
+
e && x && s && /* @__PURE__ */ o(
|
|
349
|
+
O,
|
|
290
350
|
{
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
children: /* @__PURE__ */ o(
|
|
351
|
+
id: `${t}-expanded`,
|
|
352
|
+
className: "relative bg-secondary_subtle",
|
|
353
|
+
children: /* @__PURE__ */ o(
|
|
354
|
+
S,
|
|
355
|
+
{
|
|
356
|
+
className: "p-0",
|
|
357
|
+
colSpan: (r == null ? void 0 : r.length) || 0,
|
|
358
|
+
children: /* @__PURE__ */ o("div", { className: c("w-full"), children: s(a.value) })
|
|
359
|
+
}
|
|
360
|
+
)
|
|
294
361
|
}
|
|
295
|
-
)
|
|
362
|
+
)
|
|
296
363
|
] });
|
|
297
364
|
};
|
|
298
365
|
$.displayName = "TableRow";
|
|
299
|
-
const U = ({
|
|
366
|
+
const U = ({
|
|
367
|
+
className: r,
|
|
368
|
+
children: n,
|
|
369
|
+
sticky: i,
|
|
370
|
+
stickyOffset: d = 0,
|
|
371
|
+
...e
|
|
372
|
+
}) => {
|
|
300
373
|
const { size: s } = g(b), { selectionBehavior: a } = C();
|
|
301
374
|
return /* @__PURE__ */ o(
|
|
302
375
|
S,
|