@motiadev/ui 0.14.0-beta.165-076789 → 0.14.0-beta.165-573784
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/components/ui/background-effect.js +9 -5
- package/dist/components/ui/background-effect.js.map +1 -1
- package/dist/components/ui/badge.js +23 -19
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/breadcrumb.js +69 -61
- package/dist/components/ui/breadcrumb.js.map +1 -1
- package/dist/components/ui/button.js +30 -26
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/checkbox.js +23 -19
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/collapsible-panel.js +110 -94
- package/dist/components/ui/collapsible-panel.js.map +1 -1
- package/dist/components/ui/container.js +75 -63
- package/dist/components/ui/container.js.map +1 -1
- package/dist/components/ui/dropdown-menu.js +261 -209
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/empty.js +124 -100
- package/dist/components/ui/empty.js.map +1 -1
- package/dist/components/ui/input.js +27 -23
- package/dist/components/ui/input.js.map +1 -1
- package/dist/components/ui/label.js +20 -16
- package/dist/components/ui/label.js.map +1 -1
- package/dist/components/ui/level-dot.js +13 -9
- package/dist/components/ui/level-dot.js.map +1 -1
- package/dist/components/ui/panel.js +113 -105
- package/dist/components/ui/panel.js.map +1 -1
- package/dist/components/ui/select.js +191 -163
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/side-panel-detail.js +27 -19
- package/dist/components/ui/side-panel-detail.js.map +1 -1
- package/dist/components/ui/side-panel.js +57 -53
- package/dist/components/ui/side-panel.js.map +1 -1
- package/dist/components/ui/sidebar.js +63 -59
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/table.js +168 -136
- package/dist/components/ui/table.js.map +1 -1
- package/dist/components/ui/tabs.js +80 -64
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/components/ui/textarea.js +20 -16
- package/dist/components/ui/textarea.js.map +1 -1
- package/dist/components/ui/tooltip.js +24 -20
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/styles.css +10 -4
- package/dist/styles.css.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel-detail.js","names":["PropsWithChildren","ItemProps","title","SidePanelDetail","React","FC","t0","$","_c","children","t1","SidePanelDetailItem","t2","t3","displayName"],"sources":["../../../src/components/ui/side-panel-detail.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\n\ntype ItemProps = PropsWithChildren<{\n title: string\n}>\n\nexport const SidePanelDetail: React.FC<PropsWithChildren> = ({ children }) => {\n return <table className=\"w-full\">{children}</table>\n}\n\nexport const SidePanelDetailItem: React.FC<ItemProps> = ({ title, children }) => {\n return (\n <tr>\n <td className=\"text-md min-w-[100px] font-medium\">{title}</td>\n <td className=\"py-2 text-muted-foreground font-medium\">{children}</td>\n </tr>\n )\n}\n\nSidePanelDetail.displayName = 'SidePanelDetail'\nSidePanelDetailItem.displayName = 'SidePanelDetailItem'\n"],"mappings":";;;;AAMA,MAAaG,mBAA+CG,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,
|
|
1
|
+
{"version":3,"file":"side-panel-detail.js","names":["PropsWithChildren","ItemProps","title","SidePanelDetail","React","FC","t0","$","_c","$i","Symbol","for","children","t1","SidePanelDetailItem","t2","t3","displayName"],"sources":["../../../src/components/ui/side-panel-detail.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\n\ntype ItemProps = PropsWithChildren<{\n title: string\n}>\n\nexport const SidePanelDetail: React.FC<PropsWithChildren> = ({ children }) => {\n return <table className=\"w-full\">{children}</table>\n}\n\nexport const SidePanelDetailItem: React.FC<ItemProps> = ({ title, children }) => {\n return (\n <tr>\n <td className=\"text-md min-w-[100px] font-medium\">{title}</td>\n <td className=\"py-2 text-muted-foreground font-medium\">{children}</td>\n </tr>\n )\n}\n\nSidePanelDetail.displayName = 'SidePanelDetail'\nSidePanelDetailItem.displayName = 'SidePanelDetailItem'\n"],"mappings":";;;;AAMA,MAAaG,mBAA+CG,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAAA,KAAAD,EAAA,OAAA,oEAAA;AAAA,OAAA,IAAAE,KAAA,GAAAA,KAAA,GAAAA,MAAA,EAAAF,GAAAE,MAAAC,OAAAC,IAAA,4BAAA;AAAAJ,IAAA,KAAA;;CAAC,MAAA,EAAAK,aAAAN;CAAY,IAAAO;AAAA,KAAAN,EAAA,OAAAK,UAAA;AAChEC,OAAA,oBAAA;GAAiB,WAAA;GAAUD;IAAiB;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAAA,QAA5CM;;AAGT,MAAaC,uBAA2CR,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAAA,KAAAD,EAAA,OAAA,oEAAA;AAAA,OAAA,IAAAE,KAAA,GAAAA,KAAA,GAAAA,MAAA,EAAAF,GAAAE,MAAAC,OAAAC,IAAA,4BAAA;AAAAJ,IAAA,KAAA;;CAAC,MAAA,EAAAL,OAAAU,aAAAN;CAAmB,IAAAO;AAAA,KAAAN,EAAA,OAAAL,OAAA;AAGtEW,OAAA,oBAAA;GAAc,WAAA;aAAqCX;IAAW;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAK,UAAA;AAC9DG,OAAA,oBAAA;GAAc,WAAA;GAA0CH;IAAc;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAM,MAAAN,EAAA,OAAAQ,IAAA;AAFxEC,OAAA,qBAAA,mBACEH,IACAE,MACG;AAAAR,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAHLS;;AAOJb,gBAAgBc,cAAc;AAC9BH,oBAAoBG,cAAc"}
|
|
@@ -6,36 +6,40 @@ import { X } from "lucide-react";
|
|
|
6
6
|
|
|
7
7
|
//#region src/components/ui/side-panel.tsx
|
|
8
8
|
const SidePanel = (t0) => {
|
|
9
|
-
const $ = c(
|
|
9
|
+
const $ = c(29);
|
|
10
|
+
if ($[0] !== "39a5c1c37b367fbe5681e107f52c735a559918c882d3fc91fa9f52f7cdd414a8") {
|
|
11
|
+
for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
|
|
12
|
+
$[0] = "39a5c1c37b367fbe5681e107f52c735a559918c882d3fc91fa9f52f7cdd414a8";
|
|
13
|
+
}
|
|
10
14
|
const { title, subtitle, actions, className, children, onClose } = t0;
|
|
11
15
|
let t1;
|
|
12
|
-
if ($[
|
|
16
|
+
if ($[1] !== className) {
|
|
13
17
|
t1 = cn("bg-muted-foreground/5 text-foreground border-l border-border overflow-hidden w-1/3", className);
|
|
14
|
-
$[
|
|
15
|
-
$[
|
|
16
|
-
} else t1 = $[
|
|
18
|
+
$[1] = className;
|
|
19
|
+
$[2] = t1;
|
|
20
|
+
} else t1 = $[2];
|
|
17
21
|
let t2;
|
|
18
|
-
if ($[
|
|
22
|
+
if ($[3] !== title) {
|
|
19
23
|
t2 = /* @__PURE__ */ jsx("div", {
|
|
20
24
|
className: "text-lg font-semibold text-foreground tracking-[-0.25px] leading-tight",
|
|
21
25
|
children: title
|
|
22
26
|
});
|
|
23
|
-
$[
|
|
24
|
-
$[
|
|
25
|
-
} else t2 = $[
|
|
27
|
+
$[3] = title;
|
|
28
|
+
$[4] = t2;
|
|
29
|
+
} else t2 = $[4];
|
|
26
30
|
let t3;
|
|
27
|
-
if ($[
|
|
31
|
+
if ($[5] !== actions) {
|
|
28
32
|
t3 = actions?.map(_temp);
|
|
29
|
-
$[
|
|
30
|
-
$[
|
|
31
|
-
} else t3 = $[
|
|
33
|
+
$[5] = actions;
|
|
34
|
+
$[6] = t3;
|
|
35
|
+
} else t3 = $[6];
|
|
32
36
|
let t4;
|
|
33
|
-
if ($[
|
|
37
|
+
if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
|
|
34
38
|
t4 = /* @__PURE__ */ jsx(X, { className: "w-4 h-4 text-muted-foreground" });
|
|
35
|
-
$[
|
|
36
|
-
} else t4 = $[
|
|
39
|
+
$[7] = t4;
|
|
40
|
+
} else t4 = $[7];
|
|
37
41
|
let t5;
|
|
38
|
-
if ($[
|
|
42
|
+
if ($[8] !== onClose) {
|
|
39
43
|
t5 = /* @__PURE__ */ jsx(Button, {
|
|
40
44
|
onClick: onClose,
|
|
41
45
|
variant: "ghost",
|
|
@@ -43,40 +47,40 @@ const SidePanel = (t0) => {
|
|
|
43
47
|
"aria-label": "Close",
|
|
44
48
|
children: t4
|
|
45
49
|
});
|
|
46
|
-
$[
|
|
47
|
-
$[
|
|
48
|
-
} else t5 = $[
|
|
50
|
+
$[8] = onClose;
|
|
51
|
+
$[9] = t5;
|
|
52
|
+
} else t5 = $[9];
|
|
49
53
|
let t6;
|
|
50
|
-
if ($[
|
|
54
|
+
if ($[10] !== t3 || $[11] !== t5) {
|
|
51
55
|
t6 = /* @__PURE__ */ jsxs("div", {
|
|
52
56
|
className: "flex items-center gap-1",
|
|
53
57
|
children: [t3, t5]
|
|
54
58
|
});
|
|
55
|
-
$[
|
|
56
|
-
$[
|
|
57
|
-
$[
|
|
58
|
-
} else t6 = $[
|
|
59
|
+
$[10] = t3;
|
|
60
|
+
$[11] = t5;
|
|
61
|
+
$[12] = t6;
|
|
62
|
+
} else t6 = $[12];
|
|
59
63
|
let t7;
|
|
60
|
-
if ($[
|
|
64
|
+
if ($[13] !== t2 || $[14] !== t6) {
|
|
61
65
|
t7 = /* @__PURE__ */ jsxs("div", {
|
|
62
66
|
className: "flex items-center justify-between w-full",
|
|
63
67
|
children: [t2, t6]
|
|
64
68
|
});
|
|
65
|
-
$[
|
|
66
|
-
$[
|
|
67
|
-
$[
|
|
68
|
-
} else t7 = $[
|
|
69
|
+
$[13] = t2;
|
|
70
|
+
$[14] = t6;
|
|
71
|
+
$[15] = t7;
|
|
72
|
+
} else t7 = $[15];
|
|
69
73
|
let t8;
|
|
70
|
-
if ($[
|
|
74
|
+
if ($[16] !== subtitle) {
|
|
71
75
|
t8 = subtitle && /* @__PURE__ */ jsx("div", {
|
|
72
76
|
className: "text-md font-medium text-muted-foreground tracking-[-0.25px] leading-tight",
|
|
73
77
|
children: subtitle
|
|
74
78
|
});
|
|
75
|
-
$[
|
|
76
|
-
$[
|
|
77
|
-
} else t8 = $[
|
|
79
|
+
$[16] = subtitle;
|
|
80
|
+
$[17] = t8;
|
|
81
|
+
} else t8 = $[17];
|
|
78
82
|
let t9;
|
|
79
|
-
if ($[
|
|
83
|
+
if ($[18] !== t7 || $[19] !== t8) {
|
|
80
84
|
t9 = /* @__PURE__ */ jsx("div", {
|
|
81
85
|
className: "relative shrink-0 w-full border-b border-border",
|
|
82
86
|
children: /* @__PURE__ */ jsxs("div", {
|
|
@@ -84,12 +88,12 @@ const SidePanel = (t0) => {
|
|
|
84
88
|
children: [t7, t8]
|
|
85
89
|
})
|
|
86
90
|
});
|
|
87
|
-
$[
|
|
88
|
-
$[
|
|
89
|
-
$[
|
|
90
|
-
} else t9 = $[
|
|
91
|
+
$[18] = t7;
|
|
92
|
+
$[19] = t8;
|
|
93
|
+
$[20] = t9;
|
|
94
|
+
} else t9 = $[20];
|
|
91
95
|
let t10;
|
|
92
|
-
if ($[
|
|
96
|
+
if ($[21] !== children) {
|
|
93
97
|
t10 = /* @__PURE__ */ jsx("div", {
|
|
94
98
|
className: "flex-1 overflow-auto",
|
|
95
99
|
children: /* @__PURE__ */ jsx("div", {
|
|
@@ -97,29 +101,29 @@ const SidePanel = (t0) => {
|
|
|
97
101
|
children
|
|
98
102
|
})
|
|
99
103
|
});
|
|
100
|
-
$[
|
|
101
|
-
$[
|
|
102
|
-
} else t10 = $[
|
|
104
|
+
$[21] = children;
|
|
105
|
+
$[22] = t10;
|
|
106
|
+
} else t10 = $[22];
|
|
103
107
|
let t11;
|
|
104
|
-
if ($[
|
|
108
|
+
if ($[23] !== t10 || $[24] !== t9) {
|
|
105
109
|
t11 = /* @__PURE__ */ jsxs("div", {
|
|
106
110
|
className: "flex flex-col size-full",
|
|
107
111
|
children: [t9, t10]
|
|
108
112
|
});
|
|
109
|
-
$[
|
|
110
|
-
$[
|
|
111
|
-
$[
|
|
112
|
-
} else t11 = $[
|
|
113
|
+
$[23] = t10;
|
|
114
|
+
$[24] = t9;
|
|
115
|
+
$[25] = t11;
|
|
116
|
+
} else t11 = $[25];
|
|
113
117
|
let t12;
|
|
114
|
-
if ($[
|
|
118
|
+
if ($[26] !== t1 || $[27] !== t11) {
|
|
115
119
|
t12 = /* @__PURE__ */ jsx("div", {
|
|
116
120
|
className: t1,
|
|
117
121
|
children: t11
|
|
118
122
|
});
|
|
119
|
-
$[
|
|
120
|
-
$[
|
|
121
|
-
$[
|
|
122
|
-
} else t12 = $[
|
|
123
|
+
$[26] = t1;
|
|
124
|
+
$[27] = t11;
|
|
125
|
+
$[28] = t12;
|
|
126
|
+
} else t12 = $[28];
|
|
123
127
|
return t12;
|
|
124
128
|
};
|
|
125
129
|
SidePanel.displayName = "SidePanel";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel.js","names":["X","FC","cn","Button","PanelDetailItem","label","value","React","ReactNode","highlighted","PanelAction","icon","onClick","PanelProps","title","subtitle","actions","className","children","onClose","SidePanel","t0","$","_c","t1","t2","t3","map","_temp","t4","
|
|
1
|
+
{"version":3,"file":"side-panel.js","names":["X","FC","cn","Button","PanelDetailItem","label","value","React","ReactNode","highlighted","PanelAction","icon","onClick","PanelProps","title","subtitle","actions","className","children","onClose","SidePanel","t0","$","_c","$i","Symbol","for","t1","t2","t3","map","_temp","t4","t5","t6","t7","t8","t9","t10","t11","t12","displayName","action","index"],"sources":["../../../src/components/ui/side-panel.tsx"],"sourcesContent":["import { X } from 'lucide-react'\nimport type { FC } from 'react'\nimport { cn } from '../../lib/utils'\nimport { Button } from './button'\n\nexport interface PanelDetailItem {\n label: string\n value: string | React.ReactNode\n highlighted?: boolean\n}\n\nexport interface PanelAction {\n icon: React.ReactNode\n onClick: () => void\n label?: string\n}\n\nexport interface PanelProps {\n title: string\n subtitle?: string\n actions?: PanelAction[]\n className?: string\n children?: React.ReactNode\n onClose?: () => void\n}\n\nexport const SidePanel: FC<PanelProps> = ({ title, subtitle, actions, className, children, onClose }) => {\n return (\n <div\n className={cn('bg-muted-foreground/5 text-foreground border-l border-border overflow-hidden w-1/3', className)}\n >\n <div className=\"flex flex-col size-full\">\n <div className=\"relative shrink-0 w-full border-b border-border\">\n <div className=\"flex flex-col gap-0 p-4\">\n <div className=\"flex items-center justify-between w-full\">\n <div className=\"text-lg font-semibold text-foreground tracking-[-0.25px] leading-tight\">{title}</div>\n <div className=\"flex items-center gap-1\">\n {actions?.map((action, index) => (\n <Button key={index} onClick={action.onClick} variant=\"ghost\" size=\"icon\" aria-label={action.label}>\n {action.icon}\n </Button>\n ))}\n <Button onClick={onClose} variant=\"ghost\" size=\"icon\" aria-label=\"Close\">\n <X className=\"w-4 h-4 text-muted-foreground\" />\n </Button>\n </div>\n </div>\n {subtitle && (\n <div className=\"text-md font-medium text-muted-foreground tracking-[-0.25px] leading-tight\">\n {subtitle}\n </div>\n )}\n </div>\n </div>\n\n <div className=\"flex-1 overflow-auto\">\n <div className=\"flex flex-col gap-2 p-4\">{children}</div>\n </div>\n </div>\n </div>\n )\n}\n\nSidePanel.displayName = 'SidePanel'\n"],"mappings":"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"}
|
|
@@ -10,44 +10,48 @@ import { useResizable } from "react-use-resizable";
|
|
|
10
10
|
const APP_SIDEBAR_CONTAINER_ID = "app-sidebar-container";
|
|
11
11
|
const CLOSE_PREVIOUS_SIDEBAR_EVENT = "close-previous-sidebar";
|
|
12
12
|
const Sidebar = (t0) => {
|
|
13
|
-
const $ = c(
|
|
13
|
+
const $ = c(30);
|
|
14
|
+
if ($[0] !== "2d038c97da230ef76b013d9bf722504b2323d8b19cafc19547e60c7328f1f3f3") {
|
|
15
|
+
for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
|
|
16
|
+
$[0] = "2d038c97da230ef76b013d9bf722504b2323d8b19cafc19547e60c7328f1f3f3";
|
|
17
|
+
}
|
|
14
18
|
let containerId;
|
|
15
19
|
let initialWidth;
|
|
16
20
|
let onClose;
|
|
17
21
|
let props;
|
|
18
|
-
if ($[
|
|
22
|
+
if ($[1] !== t0) {
|
|
19
23
|
({initialWidth, onClose, containerId, ...props} = t0);
|
|
20
|
-
$[
|
|
21
|
-
$[
|
|
22
|
-
$[
|
|
23
|
-
$[
|
|
24
|
-
$[
|
|
24
|
+
$[1] = t0;
|
|
25
|
+
$[2] = containerId;
|
|
26
|
+
$[3] = initialWidth;
|
|
27
|
+
$[4] = onClose;
|
|
28
|
+
$[5] = props;
|
|
25
29
|
} else {
|
|
26
|
-
containerId = $[
|
|
27
|
-
initialWidth = $[
|
|
28
|
-
onClose = $[
|
|
29
|
-
props = $[
|
|
30
|
+
containerId = $[2];
|
|
31
|
+
initialWidth = $[3];
|
|
32
|
+
onClose = $[4];
|
|
33
|
+
props = $[5];
|
|
30
34
|
}
|
|
31
35
|
let t1;
|
|
32
|
-
if ($[
|
|
36
|
+
if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
|
|
33
37
|
t1 = Symbol();
|
|
34
|
-
$[
|
|
35
|
-
} else t1 = $[
|
|
38
|
+
$[6] = t1;
|
|
39
|
+
} else t1 = $[6];
|
|
36
40
|
const sidebarId = t1;
|
|
37
41
|
const t2 = initialWidth ?? 400;
|
|
38
42
|
let t3;
|
|
39
43
|
let t4;
|
|
40
|
-
if ($[
|
|
44
|
+
if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
|
|
41
45
|
t3 = _temp;
|
|
42
46
|
t4 = _temp2;
|
|
43
|
-
$[
|
|
44
|
-
$[
|
|
47
|
+
$[7] = t3;
|
|
48
|
+
$[8] = t4;
|
|
45
49
|
} else {
|
|
46
|
-
t3 = $[
|
|
47
|
-
t4 = $[
|
|
50
|
+
t3 = $[7];
|
|
51
|
+
t4 = $[8];
|
|
48
52
|
}
|
|
49
53
|
let t5;
|
|
50
|
-
if ($[
|
|
54
|
+
if ($[9] !== t2) {
|
|
51
55
|
t5 = {
|
|
52
56
|
lockVertical: true,
|
|
53
57
|
initialWidth: t2,
|
|
@@ -55,13 +59,13 @@ const Sidebar = (t0) => {
|
|
|
55
59
|
onDragStart: t3,
|
|
56
60
|
onDragEnd: t4
|
|
57
61
|
};
|
|
58
|
-
$[
|
|
59
|
-
$[
|
|
60
|
-
} else t5 = $[
|
|
62
|
+
$[9] = t2;
|
|
63
|
+
$[10] = t5;
|
|
64
|
+
} else t5 = $[10];
|
|
61
65
|
const { getRootProps, getHandleProps } = useResizable(t5);
|
|
62
66
|
let t6;
|
|
63
67
|
let t7;
|
|
64
|
-
if ($[
|
|
68
|
+
if ($[11] !== onClose) {
|
|
65
69
|
t6 = () => {
|
|
66
70
|
const event = new CustomEvent(CLOSE_PREVIOUS_SIDEBAR_EVENT, { detail: { sidebarId } });
|
|
67
71
|
window.dispatchEvent(event);
|
|
@@ -74,71 +78,71 @@ const Sidebar = (t0) => {
|
|
|
74
78
|
};
|
|
75
79
|
};
|
|
76
80
|
t7 = [sidebarId, onClose];
|
|
77
|
-
$[
|
|
78
|
-
$[
|
|
79
|
-
$[
|
|
81
|
+
$[11] = onClose;
|
|
82
|
+
$[12] = t6;
|
|
83
|
+
$[13] = t7;
|
|
80
84
|
} else {
|
|
81
|
-
t6 = $[
|
|
82
|
-
t7 = $[
|
|
85
|
+
t6 = $[12];
|
|
86
|
+
t7 = $[13];
|
|
83
87
|
}
|
|
84
88
|
useEffect(t6, t7);
|
|
85
89
|
let t8;
|
|
86
|
-
if ($[
|
|
90
|
+
if ($[14] !== getRootProps) {
|
|
87
91
|
t8 = getRootProps();
|
|
88
|
-
$[
|
|
89
|
-
$[
|
|
90
|
-
} else t8 = $[
|
|
92
|
+
$[14] = getRootProps;
|
|
93
|
+
$[15] = t8;
|
|
94
|
+
} else t8 = $[15];
|
|
91
95
|
let t9;
|
|
92
|
-
if ($[
|
|
96
|
+
if ($[16] !== getHandleProps) {
|
|
93
97
|
t9 = getHandleProps({ reverse: true });
|
|
94
|
-
$[
|
|
95
|
-
$[
|
|
96
|
-
} else t9 = $[
|
|
98
|
+
$[16] = getHandleProps;
|
|
99
|
+
$[17] = t9;
|
|
100
|
+
} else t9 = $[17];
|
|
97
101
|
let t10;
|
|
98
|
-
if ($[
|
|
102
|
+
if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
|
|
99
103
|
t10 = /* @__PURE__ */ jsx(Equal, { className: "rotate-90 w-4 h-4 text-muted-foreground" });
|
|
100
|
-
$[
|
|
101
|
-
} else t10 = $[
|
|
104
|
+
$[18] = t10;
|
|
105
|
+
} else t10 = $[18];
|
|
102
106
|
let t11;
|
|
103
|
-
if ($[
|
|
107
|
+
if ($[19] !== t9) {
|
|
104
108
|
t11 = /* @__PURE__ */ jsx("div", {
|
|
105
109
|
...t9,
|
|
106
110
|
className: "flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border absolute top-1/2 -translate-y-1/2 -left-4 z-20",
|
|
107
111
|
children: t10
|
|
108
112
|
});
|
|
109
|
-
$[
|
|
110
|
-
$[
|
|
111
|
-
} else t11 = $[
|
|
113
|
+
$[19] = t9;
|
|
114
|
+
$[20] = t11;
|
|
115
|
+
} else t11 = $[20];
|
|
112
116
|
let t12;
|
|
113
|
-
if ($[
|
|
117
|
+
if ($[21] !== props) {
|
|
114
118
|
t12 = /* @__PURE__ */ jsx(Panel, {
|
|
115
119
|
...props,
|
|
116
120
|
variant: "outlined",
|
|
117
121
|
className: "max-h-[calc(100vh-80px)] h-full",
|
|
118
122
|
"data-testid": "sidebar-panel"
|
|
119
123
|
});
|
|
120
|
-
$[
|
|
121
|
-
$[
|
|
122
|
-
} else t12 = $[
|
|
124
|
+
$[21] = props;
|
|
125
|
+
$[22] = t12;
|
|
126
|
+
} else t12 = $[22];
|
|
123
127
|
let t13;
|
|
124
|
-
if ($[
|
|
128
|
+
if ($[23] !== t11 || $[24] !== t12 || $[25] !== t8) {
|
|
125
129
|
t13 = /* @__PURE__ */ jsxs("div", {
|
|
126
130
|
...t8,
|
|
127
131
|
className: "pr-2 py-2 relative",
|
|
128
132
|
children: [t11, t12]
|
|
129
133
|
});
|
|
130
|
-
$[
|
|
131
|
-
$[
|
|
132
|
-
$[
|
|
133
|
-
$[
|
|
134
|
-
} else t13 = $[
|
|
134
|
+
$[23] = t11;
|
|
135
|
+
$[24] = t12;
|
|
136
|
+
$[25] = t8;
|
|
137
|
+
$[26] = t13;
|
|
138
|
+
} else t13 = $[26];
|
|
135
139
|
let t14;
|
|
136
|
-
if ($[
|
|
140
|
+
if ($[27] !== containerId || $[28] !== t13) {
|
|
137
141
|
t14 = createPortal(t13, document.querySelector(`#${containerId ?? APP_SIDEBAR_CONTAINER_ID}`));
|
|
138
|
-
$[
|
|
139
|
-
$[
|
|
140
|
-
$[
|
|
141
|
-
} else t14 = $[
|
|
142
|
+
$[27] = containerId;
|
|
143
|
+
$[28] = t13;
|
|
144
|
+
$[29] = t14;
|
|
145
|
+
} else t14 = $[29];
|
|
142
146
|
return t14;
|
|
143
147
|
};
|
|
144
148
|
function _temp() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.js","names":["Equal","FC","useEffect","useMemo","createPortal","useResizable","Panel","PanelProps","APP_SIDEBAR_CONTAINER_ID","CLOSE_PREVIOUS_SIDEBAR_EVENT","SidebarProps","onClose","initialWidth","containerId","Sidebar","t0","$","_c","
|
|
1
|
+
{"version":3,"file":"sidebar.js","names":["Equal","FC","useEffect","useMemo","createPortal","useResizable","Panel","PanelProps","APP_SIDEBAR_CONTAINER_ID","CLOSE_PREVIOUS_SIDEBAR_EVENT","SidebarProps","onClose","initialWidth","containerId","Sidebar","t0","$","_c","$i","Symbol","for","props","t1","sidebarId","t2","t3","t4","_temp","_temp2","t5","lockVertical","initialHeight","onDragStart","onDragEnd","getRootProps","getHandleProps","t6","t7","event","CustomEvent","detail","window","dispatchEvent","handleClose","e","customEvent","addEventListener","removeEventListener","t8","t9","reverse","t10","t11","t12","t13","t14","document","querySelector","HTMLDivElement","body","style","userSelect"],"sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["import { Equal } from 'lucide-react'\nimport { type FC, useEffect, useMemo } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useResizable } from 'react-use-resizable'\nimport { Panel, type PanelProps } from './panel'\n\nexport const APP_SIDEBAR_CONTAINER_ID = 'app-sidebar-container'\n\nconst CLOSE_PREVIOUS_SIDEBAR_EVENT = 'close-previous-sidebar'\n\nexport type SidebarProps = PanelProps & {\n onClose: () => void\n initialWidth?: number\n containerId?: string\n}\n\nexport const Sidebar: FC<SidebarProps> = ({ initialWidth, onClose, containerId, ...props }) => {\n const sidebarId = useMemo(() => Symbol(), [])\n const { getRootProps, getHandleProps } = useResizable({\n lockVertical: true,\n initialWidth: initialWidth ?? 400,\n initialHeight: '100%',\n onDragStart: () => {\n document.body.style.userSelect = 'none'\n },\n onDragEnd: () => {\n document.body.style.userSelect = ''\n },\n })\n\n useEffect(() => {\n const event = new CustomEvent(CLOSE_PREVIOUS_SIDEBAR_EVENT, { detail: { sidebarId } })\n window.dispatchEvent(event)\n\n const handleClose = (e: Event) => {\n const customEvent = e as CustomEvent\n if (customEvent.detail.sidebarId !== sidebarId) {\n onClose()\n }\n }\n\n window.addEventListener(CLOSE_PREVIOUS_SIDEBAR_EVENT, handleClose)\n\n return () => {\n window.removeEventListener(CLOSE_PREVIOUS_SIDEBAR_EVENT, handleClose)\n }\n }, [sidebarId, onClose])\n\n return createPortal(\n <div {...getRootProps()} className=\"pr-2 py-2 relative\">\n <div\n {...getHandleProps({\n reverse: true,\n })}\n className=\"flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border absolute top-1/2 -translate-y-1/2 -left-4 z-20\"\n >\n <Equal className=\"rotate-90 w-4 h-4 text-muted-foreground\" />\n </div>\n <Panel {...props} variant=\"outlined\" className=\"max-h-[calc(100vh-80px)] h-full\" data-testid=\"sidebar-panel\" />\n </div>,\n document.querySelector(`#${containerId ?? APP_SIDEBAR_CONTAINER_ID}`) as HTMLDivElement,\n )\n}\n"],"mappings":";;;;;;;;;AAMA,MAAaQ,2BAA2B;AAExC,MAAMC,+BAA+B;AAQrC,MAAaK,WAA4BC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;AAAA,KAAAD,EAAA,OAAA,oEAAA;AAAA,OAAA,IAAAE,KAAA,GAAAA,KAAA,IAAAA,MAAA,EAAAF,GAAAE,MAAAC,OAAAC,IAAA,4BAAA;AAAAJ,IAAA,KAAA;;CAAA,IAAAH;CAAA,IAAAD;CAAA,IAAAD;CAAA,IAAAU;AAAA,KAAAL,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAH,cAAAD,SAAAE,gBAAAQ,SAAAN;AAAgDC,IAAA,KAAAD;AAAAC,IAAA,KAAAH;AAAAG,IAAA,KAAAJ;AAAAI,IAAA,KAAAL;AAAAK,IAAA,KAAAK;QAAA;AAAAR,gBAAAG,EAAA;AAAAJ,iBAAAI,EAAA;AAAAL,YAAAK,EAAA;AAAAK,UAAAL,EAAA;;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AACxDE,OAAAH,QAAQ;AAAAH,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAxC,MAAAO,YAAgCD;CAGhB,MAAAE,KAAAZ,gBAAA;CAAmB,IAAAa;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AAEpBK,OAAAE;AAGFD,OAAAE;AAEVZ,IAAA,KAAAS;AAAAT,IAAA,KAAAU;QAAA;AAAAD,OAAAT,EAAA;AAAAU,OAAAV,EAAA;;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAQ,IAAA;AATmDK,OAAA;GAAAC,cACtC;GAAIlB,cACJY;GAAmBO,eAClB;GAAMC,aACRP;GAEZQ,WACUP;GAGZ;AAAAV,IAAA,KAAAQ;AAAAR,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAVD,MAAA,EAAAkB,cAAAC,mBAAyC9B,aAAawB,GAUpD;CAAA,IAAAO;CAAA,IAAAC;AAAA,KAAArB,EAAA,QAAAL,SAAA;AAEQyB,aAAA;GACR,MAAAE,QAAc,IAAIC,YAAY9B,8BAA8B,EAAA+B,QAAU,EAAAjB,WAAY,EAAG,CAAC;AACtFkB,UAAMC,cAAeJ,MAAM;GAE3B,MAAAK,eAAoBC,MAAA;AAElB,QADoBA,EACLJ,OAAOjB,cAAeA,UACnCZ,UAAS;;AAIb8B,UAAMK,iBAAkBrC,8BAA8BkC,YAAY;AAAA,gBAE3D;AACLF,WAAMM,oBAAqBtC,8BAA8BkC,YAAY;;;AAEtEN,OAAA,CAACd,WAAWZ,QAAQ;AAAAK,IAAA,MAAAL;AAAAK,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;QAAA;AAAAD,OAAApB,EAAA;AAAAqB,OAAArB,EAAA;;AAhBvBd,WAAUkC,IAgBPC,GAAqB;CAAA,IAAAW;AAAA,KAAAhC,EAAA,QAAAkB,cAAA;AAGbc,OAAAd,cAAc;AAAAlB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CAAA,IAAAiC;AAAA,KAAAjC,EAAA,QAAAmB,gBAAA;AAEfc,OAAAd,eAAe,EAAAe,SACR,MACV,CAAC;AAAAlC,IAAA,MAAAmB;AAAAnB,IAAA,MAAAiC;OAAAA,MAAAjC,EAAA;CAAA,IAAAmC;AAAA,KAAAnC,EAAA,QAAAG,OAAAC,IAAA,4BAAA,EAAA;AAGF+B,QAAA,oBAAC,SAAgB,WAAA,4CAA4C;AAAAnC,IAAA,MAAAmC;OAAAA,OAAAnC,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,QAAAiC,IAAA;AAN/DG,QAAA,oBAAA;GAOM,GANAH;GAGM,WAAA;aAEVE;IACI;AAAAnC,IAAA,MAAAiC;AAAAjC,IAAA,MAAAoC;OAAAA,OAAApC,EAAA;CAAA,IAAAqC;AAAA,KAAArC,EAAA,QAAAK,OAAA;AACNgC,QAAA,oBAAC;GAAK,GAAKhC;GAAe,SAAA;GAAqB,WAAA;GAA8C,eAAA;IAAkB;AAAAL,IAAA,MAAAK;AAAAL,IAAA,MAAAqC;OAAAA,OAAArC,EAAA;CAAA,IAAAsC;AAAA,KAAAtC,EAAA,QAAAoC,OAAApC,EAAA,QAAAqC,OAAArC,EAAA,QAAAgC,IAAA;AATjHM,QAAA,qBAAA;GAUM,GAVGN;GAA0B,WAAA;cACjCI,KAQAC;IACI;AAAArC,IAAA,MAAAoC;AAAApC,IAAA,MAAAqC;AAAArC,IAAA,MAAAgC;AAAAhC,IAAA,MAAAsC;OAAAA,OAAAtC,EAAA;CAAA,IAAAuC;AAAA,KAAAvC,EAAA,QAAAH,eAAAG,EAAA,QAAAsC,KAAA;AAXDC,QAAAnD,aACLkD,KAWAE,SAAQC,cAAe,IAAI5C,eAAAL,2BAA0C,CACtE;AAAAQ,IAAA,MAAAH;AAAAG,IAAA,MAAAsC;AAAAtC,IAAA,MAAAuC;OAAAA,OAAAvC,EAAA;AAAA,QAbMuC;;AAhCgC,SAAA5B,QAAA;AAOnC6B,UAAQG,KAAKC,MAAMC,aAAc;;AAPE,SAAAjC,SAAA;AAUnC4B,UAAQG,KAAKC,MAAMC,aAAc"}
|