@deepnoid/ui 0.1.28 → 0.1.29
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/.turbo/turbo-build.log +174 -164
- package/dist/{chunk-UNH3BCGN.mjs → chunk-26MNALVL.mjs} +1 -1
- package/dist/chunk-3KVZDFMV.mjs +132 -0
- package/dist/{chunk-XRC5OUYQ.mjs → chunk-A5KQHWS3.mjs} +1 -1
- package/dist/{chunk-IBI3OVQI.mjs → chunk-BB7MFKNQ.mjs} +1 -1
- package/dist/{chunk-NHVIKP4H.mjs → chunk-ECMBAKSJ.mjs} +8 -8
- package/dist/{chunk-BEQ3KZGS.mjs → chunk-EHRFXDSN.mjs} +5 -4
- package/dist/{chunk-G67WUZO3.mjs → chunk-III2QUWF.mjs} +1 -1
- package/dist/{chunk-SO7BGWM7.mjs → chunk-KXA73VTJ.mjs} +4 -4
- package/dist/{chunk-K7VUN5BS.mjs → chunk-LR3SWRB4.mjs} +5 -5
- package/dist/{chunk-KYJTZPXY.mjs → chunk-QJJKJYNR.mjs} +4 -4
- package/dist/{chunk-JV7VLO2L.mjs → chunk-RCJOJPRS.mjs} +6 -6
- package/dist/chunk-RLXOHILK.mjs +1 -0
- package/dist/{chunk-4OSN2OE2.mjs → chunk-X4F7JYBA.mjs} +17 -32
- package/dist/components/backdrop/backdrop.mjs +2 -2
- package/dist/components/backdrop/index.mjs +2 -2
- package/dist/components/breadcrumb/breadcrumb.mjs +6 -6
- package/dist/components/breadcrumb/index.mjs +6 -6
- package/dist/components/button/button.mjs +3 -3
- package/dist/components/button/icon-button.mjs +3 -3
- package/dist/components/button/index.mjs +5 -5
- package/dist/components/button/text-button.mjs +2 -2
- package/dist/components/checkbox/checkbox.mjs +2 -2
- package/dist/components/checkbox/index.mjs +2 -2
- package/dist/components/chip/chip.mjs +2 -2
- package/dist/components/chip/index.mjs +2 -2
- package/dist/components/dateTimePicker/calendar.mjs +2 -2
- package/dist/components/dateTimePicker/dateTimePicker.mjs +7 -7
- package/dist/components/dateTimePicker/index.mjs +7 -7
- package/dist/components/dateTimePicker/timePicker.mjs +4 -4
- package/dist/components/fileUpload/fileUpload.d.mts +92 -0
- package/dist/components/fileUpload/fileUpload.d.ts +92 -0
- package/dist/components/fileUpload/fileUpload.js +5648 -0
- package/dist/components/fileUpload/fileUpload.mjs +28 -0
- package/dist/components/fileUpload/index.d.mts +5 -0
- package/dist/components/fileUpload/index.d.ts +5 -0
- package/dist/components/fileUpload/index.js +5647 -0
- package/dist/components/fileUpload/index.mjs +25 -0
- package/dist/components/input/index.js +2 -1
- package/dist/components/input/index.mjs +2 -2
- package/dist/components/input/input.js +2 -1
- package/dist/components/input/input.mjs +2 -2
- package/dist/components/list/index.mjs +5 -5
- package/dist/components/list/list.mjs +2 -2
- package/dist/components/list/listItem.mjs +2 -2
- package/dist/components/modal/index.mjs +7 -7
- package/dist/components/modal/modal.mjs +7 -7
- package/dist/components/pagination/index.js +2 -1
- package/dist/components/pagination/index.mjs +3 -3
- package/dist/components/pagination/pagination.js +2 -1
- package/dist/components/pagination/pagination.mjs +3 -3
- package/dist/components/radio/index.mjs +2 -2
- package/dist/components/radio/radio.mjs +2 -2
- package/dist/components/ripple/index.mjs +3 -3
- package/dist/components/select/index.mjs +2 -2
- package/dist/components/select/select.mjs +2 -2
- package/dist/components/table/index.js +2 -1
- package/dist/components/table/index.mjs +10 -10
- package/dist/components/table/table-body.mjs +3 -3
- package/dist/components/table/table-head.mjs +3 -3
- package/dist/components/table/table.js +2 -1
- package/dist/components/table/table.mjs +7 -7
- package/dist/components/tabs/index.mjs +2 -2
- package/dist/components/tabs/tabs.mjs +2 -2
- package/dist/components/toast/index.mjs +3 -3
- package/dist/components/toast/toast.mjs +2 -2
- package/dist/components/toast/use-toast.mjs +3 -3
- package/dist/components/tooltip/index.mjs +2 -2
- package/dist/components/tooltip/tooltip.mjs +2 -2
- package/dist/components/tree/index.js +14 -29
- package/dist/components/tree/index.mjs +2 -2
- package/dist/components/tree/tree.d.mts +10 -5
- package/dist/components/tree/tree.d.ts +10 -5
- package/dist/components/tree/tree.js +14 -29
- package/dist/components/tree/tree.mjs +2 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +134 -30
- package/dist/index.mjs +47 -42
- package/package.json +1 -1
- package/dist/{chunk-WFMFC7R6.mjs → chunk-2PKM7SLZ.mjs} +3 -3
- package/dist/{chunk-QIRL6HY6.mjs → chunk-33LANVZV.mjs} +3 -3
- package/dist/{chunk-QIEKOGY7.mjs → chunk-6K3E5BVO.mjs} +6 -6
- package/dist/{chunk-JTZUXVOU.mjs → chunk-7J3KVOTS.mjs} +6 -6
- package/dist/{chunk-MEY4IL7D.mjs → chunk-7W2ZI2DD.mjs} +3 -3
- package/dist/{chunk-Z2537DF6.mjs → chunk-IL5ENWCR.mjs} +3 -3
- package/dist/{chunk-272FMLIL.mjs → chunk-KLUC2BV6.mjs} +3 -3
- package/dist/{chunk-LL6F3WDX.mjs → chunk-P5QCU457.mjs} +3 -3
- package/dist/{chunk-2YMAKIZ6.mjs → chunk-SSMMWMQC.mjs} +3 -3
- package/dist/{chunk-HIVPDIEP.mjs → chunk-UFVQPPPW.mjs} +3 -3
- package/dist/{chunk-RT3S3VVJ.mjs → chunk-W45H2ZMW.mjs} +3 -3
- package/dist/{chunk-A7RU3FU5.mjs → chunk-X6D7C7QZ.mjs} +3 -3
- package/dist/{chunk-WLNLVX7Q.mjs → chunk-Y6XQTWB5.mjs} +3 -3
- package/dist/{chunk-D6QI3DJG.mjs → chunk-YLRYHUTW.mjs} +3 -3
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
input_default
|
|
4
|
+
} from "./chunk-EHRFXDSN.mjs";
|
|
5
|
+
import {
|
|
6
|
+
button_default
|
|
7
|
+
} from "./chunk-7J3KVOTS.mjs";
|
|
8
|
+
import {
|
|
9
|
+
icon_button_default
|
|
10
|
+
} from "./chunk-6K3E5BVO.mjs";
|
|
11
|
+
|
|
12
|
+
// src/components/fileUpload/fileUpload.tsx
|
|
13
|
+
import { useRef, useState, useEffect } from "react";
|
|
14
|
+
import { tv } from "tailwind-variants";
|
|
15
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
+
function FileUpload({
|
|
17
|
+
buttonText,
|
|
18
|
+
maxSizeMB = 10,
|
|
19
|
+
placeholder,
|
|
20
|
+
accept = [],
|
|
21
|
+
acceptErrorMessage = "The file type is not allowed.",
|
|
22
|
+
sizeErrorMessage = `File is too large.`,
|
|
23
|
+
onFileUpload,
|
|
24
|
+
helperMessage,
|
|
25
|
+
showProgress,
|
|
26
|
+
classNames
|
|
27
|
+
}) {
|
|
28
|
+
const fileInputRef = useRef(null);
|
|
29
|
+
const uploadIntervalRef = useRef(null);
|
|
30
|
+
const [file, setFile] = useState(null);
|
|
31
|
+
const [uploadProgress, setUploadProgress] = useState(0);
|
|
32
|
+
const [errorMessage, setErrorMessage] = useState("");
|
|
33
|
+
const slots = fileUploadStyle();
|
|
34
|
+
const handleButtonClick = () => {
|
|
35
|
+
var _a;
|
|
36
|
+
(_a = fileInputRef.current) == null ? void 0 : _a.click();
|
|
37
|
+
};
|
|
38
|
+
const validateFile = (file2) => {
|
|
39
|
+
if (accept.length && !accept.includes(file2.type)) {
|
|
40
|
+
return acceptErrorMessage;
|
|
41
|
+
}
|
|
42
|
+
const sizeMB = file2.size / 1024 / 1024;
|
|
43
|
+
if (sizeMB > maxSizeMB) {
|
|
44
|
+
return `${sizeErrorMessage} (${maxSizeMB}MB)`;
|
|
45
|
+
}
|
|
46
|
+
return null;
|
|
47
|
+
};
|
|
48
|
+
const startUploadSimulation = (file2) => {
|
|
49
|
+
let progress = 0;
|
|
50
|
+
setUploadProgress(0);
|
|
51
|
+
uploadIntervalRef.current = window.setInterval(() => {
|
|
52
|
+
progress += 10;
|
|
53
|
+
setUploadProgress(progress);
|
|
54
|
+
if (progress >= 100) {
|
|
55
|
+
clearInterval(uploadIntervalRef.current);
|
|
56
|
+
onFileUpload == null ? void 0 : onFileUpload(file2);
|
|
57
|
+
}
|
|
58
|
+
}, 100);
|
|
59
|
+
};
|
|
60
|
+
const handleFileChange = (e) => {
|
|
61
|
+
var _a;
|
|
62
|
+
const selectedFile = (_a = e.target.files) == null ? void 0 : _a[0];
|
|
63
|
+
if (!selectedFile) return;
|
|
64
|
+
const error = validateFile(selectedFile);
|
|
65
|
+
if (error) {
|
|
66
|
+
setErrorMessage(error);
|
|
67
|
+
setFile(null);
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
setFile(selectedFile);
|
|
71
|
+
setErrorMessage("");
|
|
72
|
+
startUploadSimulation(selectedFile);
|
|
73
|
+
};
|
|
74
|
+
const handleCancelUpload = () => {
|
|
75
|
+
if (uploadIntervalRef.current) {
|
|
76
|
+
clearInterval(uploadIntervalRef.current);
|
|
77
|
+
}
|
|
78
|
+
setFile(null);
|
|
79
|
+
setUploadProgress(0);
|
|
80
|
+
setErrorMessage("");
|
|
81
|
+
};
|
|
82
|
+
useEffect(() => {
|
|
83
|
+
return () => {
|
|
84
|
+
if (uploadIntervalRef.current) {
|
|
85
|
+
clearInterval(uploadIntervalRef.current);
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
}, []);
|
|
89
|
+
return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
|
|
90
|
+
/* @__PURE__ */ jsxs("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
|
|
91
|
+
/* @__PURE__ */ jsxs("div", { className: slots.inputWrapper(), children: [
|
|
92
|
+
/* @__PURE__ */ jsx(input_default, { name: "file", readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
|
|
93
|
+
file && /* @__PURE__ */ jsx(
|
|
94
|
+
icon_button_default,
|
|
95
|
+
{
|
|
96
|
+
name: "close",
|
|
97
|
+
variant: "ghost",
|
|
98
|
+
color: "neutral",
|
|
99
|
+
onClick: handleCancelUpload,
|
|
100
|
+
classNames: { base: slots.cancelButton() },
|
|
101
|
+
"aria-label": "cancel"
|
|
102
|
+
}
|
|
103
|
+
)
|
|
104
|
+
] }),
|
|
105
|
+
/* @__PURE__ */ jsx(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, children: buttonText }),
|
|
106
|
+
/* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
|
|
107
|
+
] }),
|
|
108
|
+
showProgress && file && uploadProgress < 100 && /* @__PURE__ */ jsx("div", { className: slots.progressBarContainer(), children: /* @__PURE__ */ jsx("div", { className: slots.progressBar(), style: { width: `${uploadProgress}%` } }) }),
|
|
109
|
+
!errorMessage && helperMessage && /* @__PURE__ */ jsx("p", { className: slots.helperMessage(), children: helperMessage }),
|
|
110
|
+
errorMessage && /* @__PURE__ */ jsx("p", { className: slots.errorMessage(), children: errorMessage })
|
|
111
|
+
] });
|
|
112
|
+
}
|
|
113
|
+
FileUpload.displayName = "FileUpload";
|
|
114
|
+
var fileUpload_default = FileUpload;
|
|
115
|
+
var fileUploadStyle = tv({
|
|
116
|
+
slots: {
|
|
117
|
+
base: ["flex", "flex-col", "gap-[5px]"],
|
|
118
|
+
container: ["flex", "items-center", "gap-[10px]"],
|
|
119
|
+
inputWrapper: ["relative", "flex-1"],
|
|
120
|
+
cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2"],
|
|
121
|
+
progressBarContainer: ["w-full", "h-[5px]", "bg-neutral-light", "rounded-full", "overflow-hidden"],
|
|
122
|
+
progressBar: ["h-full", "bg-primary-main", "transition-all"],
|
|
123
|
+
errorMessage: ["text-danger-main", "text-sm"],
|
|
124
|
+
helperMessage: ["text-neutral-main", "text-sm"]
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
|
|
128
|
+
export {
|
|
129
|
+
FileUpload,
|
|
130
|
+
fileUpload_default,
|
|
131
|
+
fileUploadStyle
|
|
132
|
+
};
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./chunk-ZOTHPHXA.mjs";
|
|
5
5
|
import {
|
|
6
6
|
toast_default
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-7W2ZI2DD.mjs";
|
|
8
8
|
|
|
9
9
|
// src/components/toast/use-toast.tsx
|
|
10
10
|
import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
useDatePicker
|
|
4
|
-
} from "./chunk-FWJ2ZKH6.mjs";
|
|
5
2
|
import {
|
|
6
3
|
calendar_default
|
|
7
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-X6D7C7QZ.mjs";
|
|
8
5
|
import {
|
|
9
6
|
timePicker_default
|
|
10
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-QJJKJYNR.mjs";
|
|
8
|
+
import {
|
|
9
|
+
useDatePicker
|
|
10
|
+
} from "./chunk-FWJ2ZKH6.mjs";
|
|
11
11
|
import {
|
|
12
12
|
Icon_default
|
|
13
13
|
} from "./chunk-2TKEWFGH.mjs";
|
|
14
|
-
import {
|
|
15
|
-
tv
|
|
16
|
-
} from "./chunk-4ZJFD3L3.mjs";
|
|
17
14
|
import {
|
|
18
15
|
mapPropsVariants
|
|
19
16
|
} from "./chunk-E3G5QXSH.mjs";
|
|
17
|
+
import {
|
|
18
|
+
tv
|
|
19
|
+
} from "./chunk-4ZJFD3L3.mjs";
|
|
20
20
|
|
|
21
21
|
// src/components/dateTimePicker/dateTimePicker.tsx
|
|
22
22
|
import React, { forwardRef, useCallback, useMemo } from "react";
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Icon_default
|
|
4
4
|
} from "./chunk-2TKEWFGH.mjs";
|
|
5
|
-
import {
|
|
6
|
-
tv
|
|
7
|
-
} from "./chunk-4ZJFD3L3.mjs";
|
|
8
5
|
import {
|
|
9
6
|
clsx
|
|
10
7
|
} from "./chunk-27Y6K5NK.mjs";
|
|
11
8
|
import {
|
|
12
9
|
mapPropsVariants
|
|
13
10
|
} from "./chunk-E3G5QXSH.mjs";
|
|
11
|
+
import {
|
|
12
|
+
tv
|
|
13
|
+
} from "./chunk-4ZJFD3L3.mjs";
|
|
14
14
|
|
|
15
15
|
// src/components/input/input.tsx
|
|
16
16
|
import React, { forwardRef, useRef, useCallback, useMemo } from "react";
|
|
@@ -103,9 +103,10 @@ var Input = forwardRef((originalProps, ref) => {
|
|
|
103
103
|
{
|
|
104
104
|
...inputProps,
|
|
105
105
|
ref: ref || inputRef,
|
|
106
|
+
readOnly: props.readOnly,
|
|
106
107
|
className: clsx(
|
|
107
108
|
slots.input({ class: classNames == null ? void 0 : classNames.input }),
|
|
108
|
-
inputProps.readOnly ? "!text-body-foreground placeholder
|
|
109
|
+
inputProps.readOnly ? "!text-body-foreground placeholder:!text-body-foreground" : ""
|
|
109
110
|
),
|
|
110
111
|
size: 0
|
|
111
112
|
}
|
|
@@ -4,19 +4,19 @@ import {
|
|
|
4
4
|
} from "./chunk-F3HENRVM.mjs";
|
|
5
5
|
import {
|
|
6
6
|
input_default
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-EHRFXDSN.mjs";
|
|
8
8
|
import {
|
|
9
9
|
Icon_default
|
|
10
10
|
} from "./chunk-2TKEWFGH.mjs";
|
|
11
|
-
import {
|
|
12
|
-
tv
|
|
13
|
-
} from "./chunk-4ZJFD3L3.mjs";
|
|
14
11
|
import {
|
|
15
12
|
clsx
|
|
16
13
|
} from "./chunk-27Y6K5NK.mjs";
|
|
17
14
|
import {
|
|
18
15
|
mapPropsVariants
|
|
19
16
|
} from "./chunk-E3G5QXSH.mjs";
|
|
17
|
+
import {
|
|
18
|
+
tv
|
|
19
|
+
} from "./chunk-4ZJFD3L3.mjs";
|
|
20
20
|
|
|
21
21
|
// src/components/pagination/pagination.tsx
|
|
22
22
|
import { forwardRef, useMemo, useState } from "react";
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
backdrop_default
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-P5QCU457.mjs";
|
|
5
5
|
import {
|
|
6
6
|
button_default
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-7J3KVOTS.mjs";
|
|
8
8
|
import {
|
|
9
9
|
Icon_default
|
|
10
10
|
} from "./chunk-2TKEWFGH.mjs";
|
|
11
|
-
import {
|
|
12
|
-
tv
|
|
13
|
-
} from "./chunk-4ZJFD3L3.mjs";
|
|
14
11
|
import {
|
|
15
12
|
mapPropsVariants
|
|
16
13
|
} from "./chunk-E3G5QXSH.mjs";
|
|
14
|
+
import {
|
|
15
|
+
tv
|
|
16
|
+
} from "./chunk-4ZJFD3L3.mjs";
|
|
17
17
|
|
|
18
18
|
// src/components/modal/modal.tsx
|
|
19
19
|
import { forwardRef, useMemo, useEffect } from "react";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
list_default
|
|
4
|
-
} from "./chunk-HIVPDIEP.mjs";
|
|
5
2
|
import {
|
|
6
3
|
listItem_default
|
|
7
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-W45H2ZMW.mjs";
|
|
5
|
+
import {
|
|
6
|
+
list_default
|
|
7
|
+
} from "./chunk-UFVQPPPW.mjs";
|
|
8
8
|
|
|
9
9
|
// src/components/dateTimePicker/timePicker.tsx
|
|
10
10
|
import { useState, useRef, useEffect } from "react";
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import {
|
|
3
|
+
scrollArea_default
|
|
4
|
+
} from "./chunk-M37VBNB3.mjs";
|
|
2
5
|
import {
|
|
3
6
|
table_body_default
|
|
4
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-A5KQHWS3.mjs";
|
|
5
8
|
import {
|
|
6
9
|
table_head_default
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import {
|
|
9
|
-
scrollArea_default
|
|
10
|
-
} from "./chunk-M37VBNB3.mjs";
|
|
10
|
+
} from "./chunk-26MNALVL.mjs";
|
|
11
11
|
import {
|
|
12
12
|
pagination_default
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-KXA73VTJ.mjs";
|
|
14
14
|
import {
|
|
15
15
|
clsx
|
|
16
16
|
} from "./chunk-27Y6K5NK.mjs";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Icon_default
|
|
4
4
|
} from "./chunk-2TKEWFGH.mjs";
|
|
5
|
-
import {
|
|
6
|
-
tv
|
|
7
|
-
} from "./chunk-4ZJFD3L3.mjs";
|
|
8
5
|
import {
|
|
9
6
|
clsx
|
|
10
7
|
} from "./chunk-27Y6K5NK.mjs";
|
|
8
|
+
import {
|
|
9
|
+
tv
|
|
10
|
+
} from "./chunk-4ZJFD3L3.mjs";
|
|
11
11
|
|
|
12
12
|
// src/components/tree/tree.tsx
|
|
13
13
|
import { forwardRef, useMemo, useState, useCallback } from "react";
|
|
14
14
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
15
|
var TreeNodeItem = forwardRef(
|
|
16
|
-
({ node, depth, fileIcon, isLoading, classNames, onExpand }, ref) => {
|
|
16
|
+
({ node, depth, fileIcon, selectedId, isLoading, classNames, onExpand }, ref) => {
|
|
17
17
|
const [isOpen, setIsOpen] = useState(false);
|
|
18
18
|
const [children, setChildren] = useState(node.children);
|
|
19
19
|
const [isLoadingChildren, setIsLoadingChildren] = useState(false);
|
|
@@ -37,10 +37,10 @@ var TreeNodeItem = forwardRef(
|
|
|
37
37
|
}
|
|
38
38
|
setIsOpen((prev) => !prev);
|
|
39
39
|
}, [isOpen, children, onExpand, node]);
|
|
40
|
-
const handleClick = () => {
|
|
40
|
+
const handleClick = (e) => {
|
|
41
41
|
var _a;
|
|
42
42
|
toggleOpen();
|
|
43
|
-
(_a = node.onClick) == null ? void 0 : _a.call(node);
|
|
43
|
+
(_a = node.onClick) == null ? void 0 : _a.call(node, e);
|
|
44
44
|
};
|
|
45
45
|
const handleRightClick = (e) => {
|
|
46
46
|
var _a;
|
|
@@ -61,7 +61,7 @@ var TreeNodeItem = forwardRef(
|
|
|
61
61
|
/* @__PURE__ */ jsxs(
|
|
62
62
|
"div",
|
|
63
63
|
{
|
|
64
|
-
className: slots.
|
|
64
|
+
className: clsx(slots.node({ class: classNames == null ? void 0 : classNames.node }), selectedId == node.id ? "bg-neutral-soft" : ""),
|
|
65
65
|
onClick: handleClick,
|
|
66
66
|
onContextMenu: handleRightClick,
|
|
67
67
|
children: [
|
|
@@ -87,6 +87,7 @@ var TreeNodeItem = forwardRef(
|
|
|
87
87
|
{
|
|
88
88
|
node: child,
|
|
89
89
|
depth: depth + 1,
|
|
90
|
+
selectedId,
|
|
90
91
|
classNames,
|
|
91
92
|
fileIcon,
|
|
92
93
|
onExpand
|
|
@@ -105,44 +106,27 @@ var Tree = ({
|
|
|
105
106
|
group,
|
|
106
107
|
groupIcon,
|
|
107
108
|
fileIcon,
|
|
109
|
+
selectedId,
|
|
108
110
|
isLoading = false,
|
|
109
111
|
classNames,
|
|
110
112
|
onExpand
|
|
111
113
|
}) => {
|
|
112
114
|
const slots = useMemo(() => treeStyle(), []);
|
|
113
|
-
const [isOpen, setIsOpen] = useState(true);
|
|
114
|
-
const handleToggle = () => {
|
|
115
|
-
var _a;
|
|
116
|
-
setIsOpen((prev) => !prev);
|
|
117
|
-
(_a = group.onClick) == null ? void 0 : _a.call(group);
|
|
118
|
-
};
|
|
119
|
-
const handleRightClick = (e) => {
|
|
120
|
-
var _a;
|
|
121
|
-
e.preventDefault();
|
|
122
|
-
(_a = group.onRightClick) == null ? void 0 : _a.call(group, e);
|
|
123
|
-
};
|
|
124
115
|
return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
|
|
125
116
|
headerContent && /* @__PURE__ */ jsx("div", { children: headerContent }),
|
|
126
117
|
/* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
|
|
127
|
-
/* @__PURE__ */ jsxs(
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
onContextMenu: handleRightClick,
|
|
133
|
-
children: [
|
|
134
|
-
groupIcon,
|
|
135
|
-
group.label
|
|
136
|
-
]
|
|
137
|
-
}
|
|
138
|
-
),
|
|
139
|
-
isOpen && /* @__PURE__ */ jsx("div", { children: group.data.map((node) => /* @__PURE__ */ jsx(
|
|
118
|
+
/* @__PURE__ */ jsxs("div", { className: slots.group({ class: classNames == null ? void 0 : classNames.group }), children: [
|
|
119
|
+
groupIcon,
|
|
120
|
+
group.label
|
|
121
|
+
] }),
|
|
122
|
+
/* @__PURE__ */ jsx("div", { children: group.data.map((node) => /* @__PURE__ */ jsx(
|
|
140
123
|
TreeNodeItem,
|
|
141
124
|
{
|
|
142
125
|
node,
|
|
143
126
|
depth: 1,
|
|
144
127
|
classNames,
|
|
145
128
|
fileIcon,
|
|
129
|
+
selectedId,
|
|
146
130
|
isLoading,
|
|
147
131
|
onExpand
|
|
148
132
|
},
|
|
@@ -157,7 +141,8 @@ var treeStyle = tv({
|
|
|
157
141
|
slots: {
|
|
158
142
|
base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
|
|
159
143
|
wrapper: ["flex", "flex-col", "gap-[5px]"],
|
|
160
|
-
group: [
|
|
144
|
+
group: ["flex", "items-center", "gap-[5px]", "text-md", "font-bold", "text-body-foreground", "p-[5px]"],
|
|
145
|
+
node: [
|
|
161
146
|
"flex",
|
|
162
147
|
"items-center",
|
|
163
148
|
"gap-[5px]",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
backdrop_default
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
4
|
+
} from "../../chunk-P5QCU457.mjs";
|
|
6
5
|
import "../../chunk-27Y6K5NK.mjs";
|
|
6
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
7
7
|
import "../../chunk-AC6TWLRT.mjs";
|
|
8
8
|
export {
|
|
9
9
|
backdrop_default as default
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import "../../chunk-SE5TU755.mjs";
|
|
3
3
|
import {
|
|
4
4
|
backdrop_default
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
5
|
+
} from "../../chunk-P5QCU457.mjs";
|
|
7
6
|
import "../../chunk-27Y6K5NK.mjs";
|
|
7
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
8
8
|
import "../../chunk-AC6TWLRT.mjs";
|
|
9
9
|
export {
|
|
10
10
|
backdrop_default as Backdrop
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
breadcrumb_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-III2QUWF.mjs";
|
|
5
5
|
import "../../chunk-MY5U63QO.mjs";
|
|
6
6
|
import "../../chunk-LPZOH3RP.mjs";
|
|
7
|
-
import "../../chunk-
|
|
8
|
-
import "../../chunk-
|
|
7
|
+
import "../../chunk-7J3KVOTS.mjs";
|
|
8
|
+
import "../../chunk-6K3E5BVO.mjs";
|
|
9
9
|
import "../../chunk-6WSACUIB.mjs";
|
|
10
|
-
import "../../chunk-6PNKRBUT.mjs";
|
|
11
10
|
import "../../chunk-LXHUO6VM.mjs";
|
|
12
|
-
import "../../chunk-
|
|
11
|
+
import "../../chunk-6PNKRBUT.mjs";
|
|
12
|
+
import "../../chunk-2PKM7SLZ.mjs";
|
|
13
13
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
14
14
|
import "../../chunk-2TKEWFGH.mjs";
|
|
15
15
|
import "../../chunk-2SDYFOZL.mjs";
|
|
16
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
17
16
|
import "../../chunk-27Y6K5NK.mjs";
|
|
18
17
|
import "../../chunk-E3G5QXSH.mjs";
|
|
18
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
19
19
|
import "../../chunk-AC6TWLRT.mjs";
|
|
20
20
|
export {
|
|
21
21
|
breadcrumb_default as default
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
import "../../chunk-KYIODWXL.mjs";
|
|
3
3
|
import {
|
|
4
4
|
breadcrumb_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-III2QUWF.mjs";
|
|
6
6
|
import "../../chunk-MY5U63QO.mjs";
|
|
7
7
|
import "../../chunk-LPZOH3RP.mjs";
|
|
8
|
-
import "../../chunk-
|
|
9
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-7J3KVOTS.mjs";
|
|
9
|
+
import "../../chunk-6K3E5BVO.mjs";
|
|
10
10
|
import "../../chunk-6WSACUIB.mjs";
|
|
11
|
-
import "../../chunk-6PNKRBUT.mjs";
|
|
12
11
|
import "../../chunk-LXHUO6VM.mjs";
|
|
13
|
-
import "../../chunk-
|
|
12
|
+
import "../../chunk-6PNKRBUT.mjs";
|
|
13
|
+
import "../../chunk-2PKM7SLZ.mjs";
|
|
14
14
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
15
15
|
import "../../chunk-2TKEWFGH.mjs";
|
|
16
16
|
import "../../chunk-2SDYFOZL.mjs";
|
|
17
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
18
17
|
import "../../chunk-27Y6K5NK.mjs";
|
|
19
18
|
import "../../chunk-E3G5QXSH.mjs";
|
|
19
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
20
20
|
import "../../chunk-AC6TWLRT.mjs";
|
|
21
21
|
export {
|
|
22
22
|
breadcrumb_default as Breadcrumb
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
button_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-7J3KVOTS.mjs";
|
|
5
5
|
import "../../chunk-6WSACUIB.mjs";
|
|
6
|
-
import "../../chunk-6PNKRBUT.mjs";
|
|
7
6
|
import "../../chunk-LXHUO6VM.mjs";
|
|
7
|
+
import "../../chunk-6PNKRBUT.mjs";
|
|
8
8
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
9
9
|
import "../../chunk-2TKEWFGH.mjs";
|
|
10
10
|
import "../../chunk-2SDYFOZL.mjs";
|
|
11
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
12
11
|
import "../../chunk-E3G5QXSH.mjs";
|
|
12
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
13
13
|
import "../../chunk-AC6TWLRT.mjs";
|
|
14
14
|
export {
|
|
15
15
|
button_default as default
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
icon_button_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-6K3E5BVO.mjs";
|
|
5
5
|
import "../../chunk-6WSACUIB.mjs";
|
|
6
|
-
import "../../chunk-6PNKRBUT.mjs";
|
|
7
6
|
import "../../chunk-LXHUO6VM.mjs";
|
|
7
|
+
import "../../chunk-6PNKRBUT.mjs";
|
|
8
8
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
9
9
|
import "../../chunk-2TKEWFGH.mjs";
|
|
10
10
|
import "../../chunk-2SDYFOZL.mjs";
|
|
11
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
12
11
|
import "../../chunk-E3G5QXSH.mjs";
|
|
12
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
13
13
|
import "../../chunk-AC6TWLRT.mjs";
|
|
14
14
|
export {
|
|
15
15
|
icon_button_default as default
|
|
@@ -5,22 +5,22 @@ import {
|
|
|
5
5
|
} from "../../chunk-LPZOH3RP.mjs";
|
|
6
6
|
import {
|
|
7
7
|
button_default
|
|
8
|
-
} from "../../chunk-
|
|
8
|
+
} from "../../chunk-7J3KVOTS.mjs";
|
|
9
9
|
import {
|
|
10
10
|
icon_button_default
|
|
11
|
-
} from "../../chunk-
|
|
11
|
+
} from "../../chunk-6K3E5BVO.mjs";
|
|
12
12
|
import "../../chunk-6WSACUIB.mjs";
|
|
13
|
-
import "../../chunk-6PNKRBUT.mjs";
|
|
14
13
|
import "../../chunk-LXHUO6VM.mjs";
|
|
14
|
+
import "../../chunk-6PNKRBUT.mjs";
|
|
15
15
|
import {
|
|
16
16
|
text_button_default
|
|
17
|
-
} from "../../chunk-
|
|
17
|
+
} from "../../chunk-2PKM7SLZ.mjs";
|
|
18
18
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
19
19
|
import "../../chunk-2TKEWFGH.mjs";
|
|
20
20
|
import "../../chunk-2SDYFOZL.mjs";
|
|
21
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
22
21
|
import "../../chunk-27Y6K5NK.mjs";
|
|
23
22
|
import "../../chunk-E3G5QXSH.mjs";
|
|
23
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
24
24
|
import "../../chunk-AC6TWLRT.mjs";
|
|
25
25
|
export {
|
|
26
26
|
button_default as Button,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
text_button_default
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
4
|
+
} from "../../chunk-2PKM7SLZ.mjs";
|
|
6
5
|
import "../../chunk-27Y6K5NK.mjs";
|
|
7
6
|
import "../../chunk-E3G5QXSH.mjs";
|
|
7
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
8
8
|
import "../../chunk-AC6TWLRT.mjs";
|
|
9
9
|
export {
|
|
10
10
|
text_button_default as default
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
checkbox_default
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
4
|
+
} from "../../chunk-YLRYHUTW.mjs";
|
|
6
5
|
import "../../chunk-27Y6K5NK.mjs";
|
|
7
6
|
import "../../chunk-E3G5QXSH.mjs";
|
|
7
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
8
8
|
import "../../chunk-AC6TWLRT.mjs";
|
|
9
9
|
export {
|
|
10
10
|
checkbox_default as default
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
3
3
|
import {
|
|
4
4
|
checkbox_default
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
5
|
+
} from "../../chunk-YLRYHUTW.mjs";
|
|
7
6
|
import "../../chunk-27Y6K5NK.mjs";
|
|
8
7
|
import "../../chunk-E3G5QXSH.mjs";
|
|
8
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
9
9
|
import "../../chunk-AC6TWLRT.mjs";
|
|
10
10
|
export {
|
|
11
11
|
checkbox_default as CheckBox
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
chip_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-Y6XQTWB5.mjs";
|
|
5
5
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
6
6
|
import "../../chunk-2TKEWFGH.mjs";
|
|
7
7
|
import "../../chunk-2SDYFOZL.mjs";
|
|
8
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
9
8
|
import "../../chunk-E3G5QXSH.mjs";
|
|
9
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
10
10
|
import "../../chunk-AC6TWLRT.mjs";
|
|
11
11
|
export {
|
|
12
12
|
chip_default as default
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import "../../chunk-MGEWSREV.mjs";
|
|
3
3
|
import {
|
|
4
4
|
chip_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-Y6XQTWB5.mjs";
|
|
6
6
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
7
7
|
import "../../chunk-2TKEWFGH.mjs";
|
|
8
8
|
import "../../chunk-2SDYFOZL.mjs";
|
|
9
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
10
9
|
import "../../chunk-E3G5QXSH.mjs";
|
|
10
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
11
11
|
import "../../chunk-AC6TWLRT.mjs";
|
|
12
12
|
export {
|
|
13
13
|
chip_default as Chip
|