@ztwoint/z-ui 0.1.142 → 0.1.144
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/assets/icons/arrows-through-line-y.d.ts +8 -0
- package/dist/components/assets/icons/arrows-through-line-y.js +38 -0
- package/dist/components/collapsible-side-nav-bar/index.d.ts +1 -0
- package/dist/components/collapsible-side-nav-bar/side-nav-bar-header.js +95 -69
- package/dist/components/collapsible-side-nav-bar/side-nav-bar-provider.js +25 -23
- package/dist/components/collapsible-side-nav-bar/types.d.ts +4 -0
- package/dist/components/file-upload-area/file-upload-area.const.js +1 -1
- package/dist/components/file-upload-area/file-upload-area.d.ts +1 -1
- package/dist/index.js +339 -337
- package/dist/types/components/assets/icons/arrows-through-line-y.d.ts +8 -0
- package/dist/types/components/collapsible-side-nav-bar/index.d.ts +1 -0
- package/dist/types/components/collapsible-side-nav-bar/types.d.ts +4 -0
- package/dist/types/components/file-upload-area/file-upload-area.d.ts +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
type IconProps = SVGProps<SVGSVGElement> & {
|
|
3
|
+
secondaryfill?: string;
|
|
4
|
+
strokewidth?: number;
|
|
5
|
+
title?: string;
|
|
6
|
+
};
|
|
7
|
+
declare function ArrowsThroughLineY({ fill, secondaryfill: _secondaryfill, strokewidth: _strokewidth, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default ArrowsThroughLineY;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsxs as e, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
function n({
|
|
3
|
+
fill: r = "currentColor",
|
|
4
|
+
secondaryfill: o,
|
|
5
|
+
strokewidth: d = 1,
|
|
6
|
+
title: h = "Reorder Menu",
|
|
7
|
+
...a
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ e("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...a, children: [
|
|
10
|
+
/* @__PURE__ */ t("title", { children: h }),
|
|
11
|
+
/* @__PURE__ */ e("g", { fill: r, children: [
|
|
12
|
+
/* @__PURE__ */ t(
|
|
13
|
+
"path",
|
|
14
|
+
{
|
|
15
|
+
d: "M12.29 7.61h-2.93a0.58 0.58 0 0 1 0-1.17h2.93a0.58 0.58 0 0 1 0 1.17z",
|
|
16
|
+
fill: r
|
|
17
|
+
}
|
|
18
|
+
),
|
|
19
|
+
/* @__PURE__ */ t(
|
|
20
|
+
"path",
|
|
21
|
+
{
|
|
22
|
+
d: "M7.02 7.61h-5.26a0.58 0.58 0 0 1 0-1.17h5.26a0.58 0.58 0 0 1 0 1.17z",
|
|
23
|
+
fill: r
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
/* @__PURE__ */ t(
|
|
27
|
+
"path",
|
|
28
|
+
{
|
|
29
|
+
d: "M8.95 4.12a0.58 0.58 0 0 0 0.82 0 0.58 0.58 0 0 0 0-0.83l-2.34-2.34a0.58 0.58 0 0 0-0.82 0l-2.34 2.34a0.58 0.58 0 1 0 0.82 0.83l1.35-1.34v8.48l-1.35-1.34a0.58 0.58 0 1 0-0.82 0.83l2.34 2.34a0.58 0.58 0 0 0 0.82 0l2.34-2.34a0.58 0.58 0 1 0-0.82-0.83l-1.35 1.34v-8.48l1.35 1.34z",
|
|
30
|
+
fill: r
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
] })
|
|
34
|
+
] });
|
|
35
|
+
}
|
|
36
|
+
export {
|
|
37
|
+
n as default
|
|
38
|
+
};
|
|
@@ -15,4 +15,5 @@ export { default as CirclesIcon } from '../assets/icons/circles-icon';
|
|
|
15
15
|
export { default as DatabaseCopy } from '../assets/icons/database-copy';
|
|
16
16
|
export { default as WindowLeftCopy } from '../assets/icons/window-left-copy';
|
|
17
17
|
export { default as SidebarLeftShowCopy } from '../assets/icons/sidebar-left-show-copy';
|
|
18
|
+
export { default as ArrowsThroughLineY } from '../assets/icons/arrows-through-line-y';
|
|
18
19
|
export { SIDEBAR_WIDTH, SIDEBAR_WIDTH_COLLAPSED } from './constants';
|
|
@@ -1,84 +1,98 @@
|
|
|
1
1
|
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
3
|
-
import { cn as
|
|
4
|
-
import { useZ2SideNavBar as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import { cn as x } from "../../lib/utils.js";
|
|
4
|
+
import { useZ2SideNavBar as z } from "./context.js";
|
|
5
|
+
import v from "../assets/icons/window-left-copy.js";
|
|
6
|
+
import C from "../assets/icons/arrows-through-line-y.js";
|
|
7
|
+
import { Button as a } from "../button/button.js";
|
|
8
|
+
const I = o.forwardRef(
|
|
8
9
|
({
|
|
9
|
-
className:
|
|
10
|
-
children:
|
|
10
|
+
className: d,
|
|
11
|
+
children: s,
|
|
11
12
|
showCollapseButton: g = !0,
|
|
12
|
-
icon:
|
|
13
|
-
title:
|
|
14
|
-
forceMultiLine:
|
|
15
|
-
...
|
|
16
|
-
},
|
|
17
|
-
const { toggleCollapsed:
|
|
18
|
-
return
|
|
19
|
-
if (
|
|
20
|
-
|
|
13
|
+
icon: i,
|
|
14
|
+
title: r,
|
|
15
|
+
forceMultiLine: c = !1,
|
|
16
|
+
...m
|
|
17
|
+
}, f) => {
|
|
18
|
+
const { toggleCollapsed: h, isCollapsed: n, enableEdit: u, onReorderClick: y } = z(), [N, b] = o.useState(c), p = o.useRef(null), k = N || !!s;
|
|
19
|
+
return o.useEffect(() => {
|
|
20
|
+
if (c) {
|
|
21
|
+
b(!0);
|
|
21
22
|
return;
|
|
22
23
|
}
|
|
23
|
-
if (p.current && !
|
|
24
|
+
if (p.current && !n && r) {
|
|
24
25
|
const t = document.createElement("span");
|
|
25
|
-
t.style.visibility = "hidden", t.style.position = "absolute", t.style.whiteSpace = "nowrap", t.style.fontSize = "14px", t.style.fontWeight = "450", t.textContent =
|
|
26
|
-
const
|
|
27
|
-
document.body.removeChild(t),
|
|
26
|
+
t.style.visibility = "hidden", t.style.position = "absolute", t.style.whiteSpace = "nowrap", t.style.fontSize = "14px", t.style.fontWeight = "450", t.textContent = r, document.body.appendChild(t);
|
|
27
|
+
const w = t.offsetWidth;
|
|
28
|
+
document.body.removeChild(t), b(w > 168);
|
|
28
29
|
}
|
|
29
|
-
}, [
|
|
30
|
+
}, [r, n, c]), n ? /* @__PURE__ */ e(
|
|
30
31
|
"div",
|
|
31
32
|
{
|
|
32
|
-
ref:
|
|
33
|
-
className:
|
|
33
|
+
ref: f,
|
|
34
|
+
className: x(
|
|
34
35
|
"flex flex-col items-center gap-1.5 self-stretch border-b border-gray-200 p-2",
|
|
35
|
-
|
|
36
|
+
d
|
|
36
37
|
),
|
|
37
|
-
...
|
|
38
|
+
...m,
|
|
38
39
|
children: /* @__PURE__ */ e(
|
|
39
|
-
|
|
40
|
+
a,
|
|
40
41
|
{
|
|
41
|
-
variant: "
|
|
42
|
+
variant: "stroke",
|
|
42
43
|
shade: "neutral",
|
|
43
44
|
size: "small",
|
|
44
|
-
onClick:
|
|
45
|
+
onClick: h,
|
|
45
46
|
title: "Collapse sidebar",
|
|
46
|
-
leftIcon: /* @__PURE__ */ e(
|
|
47
|
+
leftIcon: /* @__PURE__ */ e(v, {})
|
|
47
48
|
}
|
|
48
49
|
)
|
|
49
50
|
}
|
|
50
|
-
) :
|
|
51
|
+
) : k && !n ? /* @__PURE__ */ l(
|
|
51
52
|
"div",
|
|
52
53
|
{
|
|
53
|
-
ref:
|
|
54
|
-
className:
|
|
54
|
+
ref: f,
|
|
55
|
+
className: x(
|
|
55
56
|
"flex flex-col items-start gap-5 self-stretch border-b border-gray-100 w-60 px-2.5 py-4 pl-4 relative",
|
|
56
|
-
|
|
57
|
+
d
|
|
57
58
|
),
|
|
58
|
-
...
|
|
59
|
+
...m,
|
|
59
60
|
children: [
|
|
60
61
|
/* @__PURE__ */ l("div", { className: "header-icons-container flex justify-between items-center self-stretch relative", children: [
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
62
|
+
i && /* @__PURE__ */ e(a, { variant: "filled", shade: "brand", size: "small", leftIcon: i }),
|
|
63
|
+
/* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
|
|
64
|
+
u && /* @__PURE__ */ e(
|
|
65
|
+
a,
|
|
66
|
+
{
|
|
67
|
+
variant: "ghost",
|
|
68
|
+
shade: "neutral",
|
|
69
|
+
size: "small",
|
|
70
|
+
onClick: y,
|
|
71
|
+
title: "Reorder items",
|
|
72
|
+
leftIcon: /* @__PURE__ */ e(C, {})
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
g && /* @__PURE__ */ e(
|
|
76
|
+
a,
|
|
77
|
+
{
|
|
78
|
+
variant: "stroke",
|
|
79
|
+
shade: "neutral",
|
|
80
|
+
size: "small",
|
|
81
|
+
onClick: h,
|
|
82
|
+
title: "Collapse sidebar",
|
|
83
|
+
leftIcon: /* @__PURE__ */ e(v, {})
|
|
84
|
+
}
|
|
85
|
+
)
|
|
86
|
+
] })
|
|
73
87
|
] }),
|
|
74
88
|
/* @__PURE__ */ l("div", { className: "text-preset-container flex flex-col items-start gap-2.5 self-stretch relative", children: [
|
|
75
|
-
/* @__PURE__ */ e("div", { className: "primary-text self-stretch text-gray-950 text-sm font-medium leading-none tracking-tight relative", children:
|
|
89
|
+
/* @__PURE__ */ e("div", { className: "primary-text self-stretch text-gray-950 text-sm font-medium leading-none tracking-tight relative", children: r }),
|
|
76
90
|
/* @__PURE__ */ e(
|
|
77
91
|
"div",
|
|
78
92
|
{
|
|
79
93
|
ref: p,
|
|
80
94
|
className: "secondary-text line-clamp-1 self-stretch overflow-hidden text-gray-600 text-ellipsis text-sm font-normal leading-none tracking-tight relative",
|
|
81
|
-
children:
|
|
95
|
+
children: s
|
|
82
96
|
}
|
|
83
97
|
)
|
|
84
98
|
] })
|
|
@@ -87,42 +101,54 @@ const w = n.forwardRef(
|
|
|
87
101
|
) : /* @__PURE__ */ l(
|
|
88
102
|
"div",
|
|
89
103
|
{
|
|
90
|
-
ref:
|
|
91
|
-
className:
|
|
104
|
+
ref: f,
|
|
105
|
+
className: x(
|
|
92
106
|
"flex items-center gap-2.5 border-b header-default-layout w-full pr-2.5 pl-3 py-2.5 stroke-solid-light relative",
|
|
93
|
-
|
|
107
|
+
d
|
|
94
108
|
),
|
|
95
|
-
...
|
|
109
|
+
...m,
|
|
96
110
|
children: [
|
|
97
|
-
|
|
111
|
+
i && /* @__PURE__ */ e(a, { variant: "filled", shade: "brand", size: "small", leftIcon: i }),
|
|
98
112
|
/* @__PURE__ */ l(
|
|
99
113
|
"div",
|
|
100
114
|
{
|
|
101
115
|
ref: p,
|
|
102
116
|
className: "text-content flex flex-col items-start gap-2.5 flex-1 relative",
|
|
103
117
|
children: [
|
|
104
|
-
/* @__PURE__ */ e("div", { className: "leading-none-medium-sm text-neutral-primary", children:
|
|
105
|
-
|
|
118
|
+
/* @__PURE__ */ e("div", { className: "leading-none-medium-sm text-neutral-primary", children: r }),
|
|
119
|
+
s && /* @__PURE__ */ e("div", { className: "secondary-text line-clamp-1 self-stretch overflow-hidden text-(--color-neutral-600) text-ellipsis text-xs font-normal leading-none tracking-tight relative", children: s })
|
|
106
120
|
]
|
|
107
121
|
}
|
|
108
122
|
),
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
123
|
+
/* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
|
|
124
|
+
u && /* @__PURE__ */ e(
|
|
125
|
+
a,
|
|
126
|
+
{
|
|
127
|
+
shade: "neutral",
|
|
128
|
+
size: "small",
|
|
129
|
+
onClick: y,
|
|
130
|
+
title: "Reorder items",
|
|
131
|
+
leftIcon: /* @__PURE__ */ e(C, {})
|
|
132
|
+
}
|
|
133
|
+
),
|
|
134
|
+
g && /* @__PURE__ */ e(
|
|
135
|
+
a,
|
|
136
|
+
{
|
|
137
|
+
variant: "stroke",
|
|
138
|
+
shade: "neutral",
|
|
139
|
+
size: "small",
|
|
140
|
+
onClick: h,
|
|
141
|
+
title: "Collapse sidebar",
|
|
142
|
+
leftIcon: /* @__PURE__ */ e(v, {})
|
|
143
|
+
}
|
|
144
|
+
)
|
|
145
|
+
] })
|
|
120
146
|
]
|
|
121
147
|
}
|
|
122
148
|
);
|
|
123
149
|
}
|
|
124
150
|
);
|
|
125
|
-
|
|
151
|
+
I.displayName = "Z2SideNavBarHeader";
|
|
126
152
|
export {
|
|
127
|
-
|
|
153
|
+
I as Z2SideNavBarHeader
|
|
128
154
|
};
|
|
@@ -1,39 +1,41 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import * as r from "react";
|
|
3
|
-
import { cn as
|
|
4
|
-
import { Z2SideNavBarContext as
|
|
5
|
-
import { SIDEBAR_WIDTH_COLLAPSED as
|
|
6
|
-
const
|
|
7
|
-
({ children:
|
|
8
|
-
const [e,
|
|
9
|
-
|
|
10
|
-
}, [e]),
|
|
3
|
+
import { cn as m } from "../../lib/utils.js";
|
|
4
|
+
import { Z2SideNavBarContext as B } from "./context.js";
|
|
5
|
+
import { SIDEBAR_WIDTH_COLLAPSED as c, SIDEBAR_WIDTH as C } from "./constants.js";
|
|
6
|
+
const D = r.forwardRef(
|
|
7
|
+
({ children: p, defaultCollapsed: n = !1, enableEdit: s, onReorderClick: t, style: a, className: i, ...u }, v) => {
|
|
8
|
+
const [e, f] = r.useState(n), l = r.useCallback(() => {
|
|
9
|
+
f(!e);
|
|
10
|
+
}, [e]), S = r.useMemo(
|
|
11
11
|
() => ({
|
|
12
12
|
isCollapsed: e,
|
|
13
|
-
toggleCollapsed:
|
|
13
|
+
toggleCollapsed: l,
|
|
14
|
+
enableEdit: s,
|
|
15
|
+
onReorderClick: t
|
|
14
16
|
}),
|
|
15
|
-
[e, s]
|
|
16
|
-
),
|
|
17
|
+
[e, l, s, t]
|
|
18
|
+
), d = r.useMemo(() => e ? c : C, [e]), h = r.useMemo(
|
|
17
19
|
() => ({
|
|
18
|
-
"--sidebar-width":
|
|
19
|
-
"--sidebar-width-collapsed":
|
|
20
|
-
...
|
|
20
|
+
"--sidebar-width": d,
|
|
21
|
+
"--sidebar-width-collapsed": c,
|
|
22
|
+
...a
|
|
21
23
|
}),
|
|
22
|
-
[
|
|
24
|
+
[d, a]
|
|
23
25
|
);
|
|
24
|
-
return /* @__PURE__ */ o(
|
|
26
|
+
return /* @__PURE__ */ o(B.Provider, { value: S, children: /* @__PURE__ */ o(
|
|
25
27
|
"div",
|
|
26
28
|
{
|
|
27
|
-
ref:
|
|
28
|
-
className:
|
|
29
|
-
style:
|
|
30
|
-
...
|
|
31
|
-
children: /* @__PURE__ */ o("div", { className:
|
|
29
|
+
ref: v,
|
|
30
|
+
className: m("relative h-full", i),
|
|
31
|
+
style: h,
|
|
32
|
+
...u,
|
|
33
|
+
children: /* @__PURE__ */ o("div", { className: m("h-full", i), children: p })
|
|
32
34
|
}
|
|
33
35
|
) });
|
|
34
36
|
}
|
|
35
37
|
);
|
|
36
|
-
|
|
38
|
+
D.displayName = "Z2SideNavBarProvider";
|
|
37
39
|
export {
|
|
38
|
-
|
|
40
|
+
D as Z2SideNavBarProvider
|
|
39
41
|
};
|
|
@@ -2,10 +2,14 @@ import * as React from 'react';
|
|
|
2
2
|
export interface Z2SideNavBarContextType {
|
|
3
3
|
isCollapsed: boolean;
|
|
4
4
|
toggleCollapsed: () => void;
|
|
5
|
+
enableEdit?: boolean;
|
|
6
|
+
onReorderClick?: () => void;
|
|
5
7
|
}
|
|
6
8
|
export interface Z2SideNavBarProviderProps {
|
|
7
9
|
children: React.ReactNode;
|
|
8
10
|
defaultCollapsed?: boolean;
|
|
11
|
+
enableEdit?: boolean;
|
|
12
|
+
onReorderClick?: () => void;
|
|
9
13
|
style?: React.CSSProperties;
|
|
10
14
|
className?: string;
|
|
11
15
|
}
|
|
@@ -18,7 +18,7 @@ export type FileUploadAreaProps = {
|
|
|
18
18
|
* Features:
|
|
19
19
|
* - Drag and drop file upload
|
|
20
20
|
* - Click to open file dialog
|
|
21
|
-
* - Supports multiple file formats (default: CSV,
|
|
21
|
+
* - Supports multiple file formats (default: CSV, XLSX)
|
|
22
22
|
* - Supports multiple file selection
|
|
23
23
|
* - Disabled state (blocks all interaction and changes style)
|
|
24
24
|
* - Custom className for styling
|
package/dist/index.js
CHANGED
|
@@ -5,10 +5,10 @@ import { Button as x, buttonVariants as i } from "./components/button/button.js"
|
|
|
5
5
|
import { Z2SideNavBarProvider as Z } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
|
|
6
6
|
import { Z2SideNavBar as s, Z2SidebarVariants as C } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
|
|
7
7
|
import { Z2SideNavBarHeader as S } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
|
|
8
|
-
import { Z2SideNavBarContent as
|
|
9
|
-
import { Z2SideNavBarFooter as
|
|
10
|
-
import { Z2SideNavBarGroup as
|
|
11
|
-
import { Z2SideNavBarItem as
|
|
8
|
+
import { Z2SideNavBarContent as I } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
|
|
9
|
+
import { Z2SideNavBarFooter as D } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
|
|
10
|
+
import { Z2SideNavBarGroup as h } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
|
|
11
|
+
import { Z2SideNavBarItem as v } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
|
|
12
12
|
import { Z2SideNavBarSeparator as M } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
|
|
13
13
|
import { useZ2SideNavBar as R } from "./components/collapsible-side-nav-bar/context.js";
|
|
14
14
|
import { Z2Popover as E } from "./components/collapsible-side-nav-bar/popover/popover.js";
|
|
@@ -17,360 +17,362 @@ import { default as k, default as N } from "./components/assets/icons/sub-nav-in
|
|
|
17
17
|
import { default as _ } from "./components/assets/icons/circles-icon.js";
|
|
18
18
|
import { default as O, default as G } from "./components/assets/icons/database-copy.js";
|
|
19
19
|
import { default as W, default as U } from "./components/assets/icons/window-left-copy.js";
|
|
20
|
-
import { default as q, default as
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
20
|
+
import { default as q, default as Y } from "./components/assets/icons/sidebar-left-show-copy.js";
|
|
21
|
+
import { default as J } from "./components/assets/icons/arrows-through-line-y.js";
|
|
22
|
+
import { SIDEBAR_WIDTH as Q, SIDEBAR_WIDTH_COLLAPSED as j } from "./components/collapsible-side-nav-bar/constants.js";
|
|
23
|
+
import { CountryFlags as oo } from "./components/country-flags/country-flags.js";
|
|
24
|
+
import { Z2Checkbox as ro } from "./components/checkbox/checkbox.js";
|
|
25
|
+
import { CheckboxFilter as ao } from "./components/checkbox-filter/index.js";
|
|
26
|
+
import { Z2Dialog as no, Z2DialogClose as fo, Z2DialogContent as lo, Z2DialogDescription as mo, Z2DialogFooter as xo, Z2DialogHeader as io, Z2DialogOverlay as uo, Z2DialogPortal as Zo, Z2DialogTitle as co, Z2DialogTrigger as so } from "./components/dialog/dialog.js";
|
|
27
|
+
import { DropdownContext as bo, Z2Dropdown as So, Z2DropdownContent as To, Z2DropdownInput as Io, Z2DropdownItem as go, Z2DropdownSub as Do, Z2DropdownSubContent as wo, Z2DropdownSubItem as ho, Z2DropdownSubTrigger as Bo } from "./components/dropdown/z2-dropdown.js";
|
|
28
|
+
import { Z2DropdownMenu as Lo, Z2DropdownMenuCheckboxItem as Mo, Z2DropdownMenuContent as Po, Z2DropdownMenuGroup as Ro, Z2DropdownMenuItem as Ao, Z2DropdownMenuLabel as Eo, Z2DropdownMenuPortal as yo, Z2DropdownMenuRadioGroup as ko, Z2DropdownMenuRadioItem as No, Z2DropdownMenuSeparator as Ho, Z2DropdownMenuShortcut as _o, Z2DropdownMenuSub as Fo, Z2DropdownMenuSubContent as Oo, Z2DropdownMenuSubTrigger as Go, Z2DropdownMenuTrigger as Vo } from "./components/dropdown-menu/z2-dropdown-menu.js";
|
|
29
|
+
import { FileUploadArea as Uo } from "./components/file-upload-area/file-upload-area.js";
|
|
30
|
+
import { DEFAULT_ACCEPT as qo } from "./components/file-upload-area/file-upload-area.const.js";
|
|
31
|
+
import { Input as zo } from "./components/input/input.js";
|
|
32
|
+
import { NavHeader as Ko } from "./components/nav-header/nav-header.js";
|
|
33
|
+
import { NavItem as jo } from "./components/nav-header/nav-item/nav-item.js";
|
|
34
|
+
import { Z2Select as oe, Z2SelectContent as ee, Z2SelectGroup as re, Z2SelectItem as te, Z2SelectLabel as ae, Z2SelectScrollDownButton as pe, Z2SelectScrollUpButton as ne, Z2SelectSeparator as fe, Z2SelectTrigger as le, Z2SelectValue as me } from "./components/select/z2-select.js";
|
|
35
|
+
import { Z2SelectCompact as xe } from "./components/primitives/select-compact/select-compact.js";
|
|
36
|
+
import { PopoverCompact as ue } from "./components/primitives/popover-compact/popover-compact.js";
|
|
37
|
+
import { Z2Stepper as ce } from "./components/stepper/stepper.js";
|
|
38
|
+
import { Z2StepperItem as Ce } from "./components/stepper-item/stepper-item.js";
|
|
39
|
+
import { Z2Tabs as Se, Z2TabsContent as Te, Z2TabsList as Ie, Z2TabsTrigger as ge } from "./components/tab/tab.js";
|
|
40
|
+
import { Table as we, TableProvider as he } from "./components/table/table-provider.js";
|
|
41
|
+
import { TableBody as ve } from "./components/table/table.js";
|
|
42
|
+
import { extractCellValue as Me } from "./components/table/table.utils.js";
|
|
43
|
+
import { DEFAULT_EMPTY_MESSAGE as Re, TABLE_CSS_CLASSES as Ae } from "./components/table/table.const.js";
|
|
44
|
+
import { TableContext as ye, useTableContext as ke } from "./components/table/table.context.js";
|
|
45
|
+
import { TableCell as He } from "./components/table/components/table-cell.js";
|
|
46
|
+
import { NumberCell as Fe } from "./components/table/components/cell/number-cell.js";
|
|
47
|
+
import { BooleanCell as Ge } from "./components/table/components/cell/boolean-cell.js";
|
|
48
|
+
import { LinkCell as We } from "./components/table/components/cell/link-cell.js";
|
|
49
|
+
import { DescriptionCell as Xe } from "./components/table/components/cell/description-cell.js";
|
|
50
|
+
import { AvatarCell as Ye } from "./components/table/components/cell/avatar-cell.js";
|
|
51
|
+
import { LabelCell as Je } from "./components/table/components/cell/label-cell.js";
|
|
52
|
+
import { TableHeader as Qe } from "./components/table/components/table-header/table-header.js";
|
|
53
|
+
import { default as $e } from "./components/assets/icons/chevron-down.js";
|
|
54
|
+
import { TableRow as er } from "./components/table/components/table-row.js";
|
|
55
|
+
import { TableMessageState as tr } from "./components/table/components/table-message-state.js";
|
|
56
|
+
import { TableLoadingState as pr } from "./components/table/components/table-loading-state.js";
|
|
57
|
+
import { Pagination as fr } from "./components/table/components/pagination/pagination.js";
|
|
58
|
+
import { TableHeaderWrapper as mr } from "./components/table/components/table-header-wrapper.js";
|
|
59
|
+
import { TableHeaderContent as xr } from "./components/table/components/table-header-content.js";
|
|
60
|
+
import { TableFooter as ur } from "./components/table/components/table-footer.js";
|
|
61
|
+
import { TableFooterContent as cr } from "./components/table/components/table-footer-content.js";
|
|
62
|
+
import { MagnifierIcon as Cr } from "./components/assets/icons/magnifier-icon.js";
|
|
63
|
+
import { PaginationInfo as Sr } from "./components/table/components/pagination/components/pagination-info.js";
|
|
64
|
+
import { PaginationQuickJumper as Ir } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
|
|
64
65
|
import "react";
|
|
65
|
-
import { Z2Tooltip as
|
|
66
|
-
import { default as
|
|
67
|
-
import { Badge as
|
|
68
|
-
import { Avatar as
|
|
69
|
-
import { Z2TextPreset as
|
|
70
|
-
import { ColumnReOrder as
|
|
71
|
-
import { default as
|
|
72
|
-
import { Z2Breadcrumb as
|
|
73
|
-
import { Z2RadioGroup as
|
|
74
|
-
import { default as
|
|
75
|
-
import { Check as
|
|
76
|
-
import { default as
|
|
77
|
-
import { default as
|
|
78
|
-
import { default as
|
|
79
|
-
import { default as
|
|
80
|
-
import { default as
|
|
81
|
-
import { default as
|
|
82
|
-
import { default as
|
|
83
|
-
import { default as
|
|
84
|
-
import { default as
|
|
85
|
-
import { InfoIcon as
|
|
86
|
-
import { default as
|
|
87
|
-
import { default as
|
|
88
|
-
import { default as
|
|
89
|
-
import { default as
|
|
90
|
-
import { Minus as
|
|
91
|
-
import { default as
|
|
92
|
-
import { default as
|
|
93
|
-
import { default as
|
|
94
|
-
import { default as
|
|
95
|
-
import { default as
|
|
96
|
-
import { default as
|
|
97
|
-
import { XMark as
|
|
98
|
-
import { default as
|
|
99
|
-
import { default as
|
|
100
|
-
import { default as
|
|
101
|
-
import { default as
|
|
102
|
-
import { default as
|
|
103
|
-
import { default as
|
|
104
|
-
import { default as
|
|
105
|
-
import { default as
|
|
106
|
-
import { default as
|
|
107
|
-
import { default as
|
|
108
|
-
import { default as
|
|
109
|
-
import { default as
|
|
110
|
-
import { default as
|
|
111
|
-
import { default as
|
|
112
|
-
import { SegmentedControl as
|
|
113
|
-
import { SegmentedControlItem as
|
|
114
|
-
import { Popover as
|
|
115
|
-
import { Popconfirm as
|
|
116
|
-
import { Z2Table as
|
|
117
|
-
import { Z2TableContainer as
|
|
118
|
-
import { Z2TablePagination as
|
|
119
|
-
import { Z2TableColumnHeader as
|
|
120
|
-
import { Chart as
|
|
121
|
-
import { ChartCard as
|
|
122
|
-
import { EmptyState as
|
|
123
|
-
import { COLOR_PALETTES as
|
|
124
|
-
import { validateChartConfig as
|
|
125
|
-
import { buildBarChartOptions as
|
|
126
|
-
import { buildLineChartOptions as
|
|
127
|
-
import { buildChartOptions as
|
|
128
|
-
import { Z2RadioCard as
|
|
129
|
-
import { default as
|
|
130
|
-
import { DEFAULT_MAP_CONFIG as
|
|
131
|
-
import { MapPinComponent as
|
|
132
|
-
import { MapPinContent as
|
|
133
|
-
import { MapControls as
|
|
134
|
-
import { MapZoomControl as
|
|
135
|
-
import { MapStyleControl as
|
|
136
|
-
import { KpiCard as
|
|
137
|
-
import { useTheme as
|
|
138
|
-
import { cn as
|
|
139
|
-
import { Z2PopoverTrigger as
|
|
140
|
-
import { Z2PopoverContent as
|
|
66
|
+
import { Z2Tooltip as Dr } from "./components/tooltip/tooltip.js";
|
|
67
|
+
import { default as hr } from "./components/primitives/table-card/table-card.js";
|
|
68
|
+
import { Badge as vr, badgeVariants as Lr } from "./components/badge/badge.js";
|
|
69
|
+
import { Avatar as Pr, AvatarWithLabel as Rr } from "./components/avatar/avatar.js";
|
|
70
|
+
import { Z2TextPreset as Er } from "./components/text-preset/text-preset.js";
|
|
71
|
+
import { ColumnReOrder as kr } from "./components/column-reorder/column-reorder.js";
|
|
72
|
+
import { default as Hr } from "./components/tree-checkbox-select/TreeCheckboxSelect.js";
|
|
73
|
+
import { Z2Breadcrumb as Fr, Z2BreadcrumbEllipsis as Or, Z2BreadcrumbItem as Gr, Z2BreadcrumbLink as Vr, Z2BreadcrumbList as Wr, Z2BreadcrumbPage as Ur, Z2BreadcrumbSeparator as Xr } from "./components/breadcrumb/z2-breadcrumb.js";
|
|
74
|
+
import { Z2RadioGroup as Yr, Z2RadioGroupIndicator as zr, Z2RadioGroupItem as Jr } from "./components/radio/z2-radio.js";
|
|
75
|
+
import { default as Qr } from "./components/assets/icons/apartment-building.js";
|
|
76
|
+
import { Check as $r } from "./components/assets/icons/check.js";
|
|
77
|
+
import { default as et } from "./components/assets/icons/chevron-left.js";
|
|
78
|
+
import { default as tt } from "./components/assets/icons/chevron-right.js";
|
|
79
|
+
import { default as pt } from "./components/assets/icons/circle-check-filled.js";
|
|
80
|
+
import { default as ft } from "./components/assets/icons/circle-check.js";
|
|
81
|
+
import { default as mt } from "./components/assets/icons/dots.js";
|
|
82
|
+
import { default as xt } from "./components/assets/icons/double-chevron-left.js";
|
|
83
|
+
import { default as ut } from "./components/assets/icons/double-chevron-right.js";
|
|
84
|
+
import { default as ct } from "./components/assets/icons/drag-handle.js";
|
|
85
|
+
import { default as Ct } from "./components/assets/icons/home.js";
|
|
86
|
+
import { InfoIcon as St } from "./components/assets/icons/info-icon.js";
|
|
87
|
+
import { default as It } from "./components/assets/icons/left-arrow.js";
|
|
88
|
+
import { default as Dt } from "./components/assets/icons/link.js";
|
|
89
|
+
import { default as ht } from "./components/assets/icons/list-tree.js";
|
|
90
|
+
import { default as vt } from "./components/assets/icons/media-record.js";
|
|
91
|
+
import { Minus as Mt } from "./components/assets/icons/minus.js";
|
|
92
|
+
import { default as Rt } from "./components/assets/icons/octagon-warning-Copy.js";
|
|
93
|
+
import { default as Et } from "./components/assets/icons/pin.js";
|
|
94
|
+
import { default as kt } from "./components/assets/icons/sitemap.js";
|
|
95
|
+
import { default as Ht } from "./components/assets/icons/slider.js";
|
|
96
|
+
import { default as Ft } from "./components/assets/icons/upload.js";
|
|
97
|
+
import { default as Gt } from "./components/assets/icons/vector.js";
|
|
98
|
+
import { XMark as Wt } from "./components/assets/icons/x-mark.js";
|
|
99
|
+
import { default as Xt } from "./components/assets/icons/x.js";
|
|
100
|
+
import { default as Yt } from "./components/assets/icons/z2-icon.js";
|
|
101
|
+
import { default as Jt } from "./components/assets/icons/z2-slash.js";
|
|
102
|
+
import { default as Qt } from "./components/assets/icons/z2data.js";
|
|
103
|
+
import { default as $t } from "./components/assets/icons/vector_3.js";
|
|
104
|
+
import { default as ea } from "./components/assets/icons/table-cols-2.js";
|
|
105
|
+
import { default as ta } from "./components/assets/icons/triangle-warning.js";
|
|
106
|
+
import { default as pa } from "./components/assets/icons/arrow-left.js";
|
|
107
|
+
import { default as fa } from "./components/assets/icons/filter-icon.js";
|
|
108
|
+
import { default as ma } from "./components/assets/icons/descending.js";
|
|
109
|
+
import { default as xa } from "./components/assets/icons/chain.js";
|
|
110
|
+
import { default as ua } from "./components/assets/icons/eraser.js";
|
|
111
|
+
import { default as ca } from "./components/assets/icons/left-square-bracket.js";
|
|
112
|
+
import { default as Ca } from "./components/assets/icons/right-square-bracket.js";
|
|
113
|
+
import { SegmentedControl as Sa } from "./components/segmented-control/controller.js";
|
|
114
|
+
import { SegmentedControlItem as Ia } from "./components/segmented-control/item.js";
|
|
115
|
+
import { Popover as Da, PopoverAnchor as wa, PopoverContent as ha, PopoverTrigger as Ba } from "./components/popover/popover.js";
|
|
116
|
+
import { Popconfirm as La } from "./components/primitives/popconfirm/popconfirm.js";
|
|
117
|
+
import { Z2Table as Pa, Z2TableBase as Ra, Z2TableBody as Aa, Z2TableBodyRow as Ea, Z2TableBodyRowCell as ya, Z2TableBodyRowExpandded as ka, Z2TableBodyRowSkeleton as Na, Z2TableBodyRowSkeletonCell as Ha, Z2TableEmpty as _a, Z2TableHead as Fa, Z2TableHeadRow as Oa, Z2TableHeadRowCell as Ga, Z2TableHeadRowCellResize as Va, Z2TableLoader as Wa, Z2TableRowSelect as Ua, Z2TableRowSelectAll as Xa, Z2TableRowSpacer as qa } from "./components/dynamic-table/z2-table.js";
|
|
118
|
+
import { Z2TableContainer as za, Z2TableProvider as Ja, Z2TableRoot as Ka, useZ2Table as Qa } from "./components/dynamic-table/z2-table-context.js";
|
|
119
|
+
import { Z2TablePagination as $a } from "./components/dynamic-table/z2-table-pagination.js";
|
|
120
|
+
import { Z2TableColumnHeader as ep } from "./components/dynamic-table/z2-column-header.js";
|
|
121
|
+
import { Chart as tp } from "./components/chart/chart.js";
|
|
122
|
+
import { ChartCard as pp } from "./components/primitives/chart-card/chart-card.js";
|
|
123
|
+
import { EmptyState as fp, ErrorState as lp, LoadingState as mp } from "./components/primitives/chart-card/chart-card-states.js";
|
|
124
|
+
import { COLOR_PALETTES as xp, UI_COLORS as ip, getThemePalette as up } from "./components/primitives/chart-card/config/colors.js";
|
|
125
|
+
import { validateChartConfig as cp, validateChartData as sp } from "./components/primitives/chart-card/validators/config-validator.js";
|
|
126
|
+
import { buildBarChartOptions as bp } from "./components/primitives/chart-card/builders/bar-chart-builder.js";
|
|
127
|
+
import { buildLineChartOptions as Tp } from "./components/primitives/chart-card/builders/line-chart-builder.js";
|
|
128
|
+
import { buildChartOptions as gp, isChartTypeSupported as Dp, registeredChartTypes as wp } from "./components/primitives/chart-card/builders/chart-builder-factory.js";
|
|
129
|
+
import { Z2RadioCard as Bp } from "./components/radio-card/radio-card.js";
|
|
130
|
+
import { default as Lp } from "./components/z2map/map.js";
|
|
131
|
+
import { DEFAULT_MAP_CONFIG as Pp, MAP_VARIANTS as Rp, PIN_SIZES as Ap } from "./components/z2map/map.constants.js";
|
|
132
|
+
import { MapPinComponent as yp } from "./components/z2map/components/map-pin.js";
|
|
133
|
+
import { MapPinContent as Np } from "./components/z2map/components/map-pin-content.js";
|
|
134
|
+
import { MapControls as _p } from "./components/z2map/components/map-controls.js";
|
|
135
|
+
import { MapZoomControl as Op } from "./components/z2map/components/map-zoom-control.js";
|
|
136
|
+
import { MapStyleControl as Vp } from "./components/z2map/components/map-style-control.js";
|
|
137
|
+
import { KpiCard as Up, kpiCardVariants as Xp } from "./components/kpi-card/kpi-card.js";
|
|
138
|
+
import { useTheme as Yp } from "./lib/theme.hook.js";
|
|
139
|
+
import { cn as Jp } from "./lib/utils.js";
|
|
140
|
+
import { Z2PopoverTrigger as Qp } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
|
|
141
|
+
import { Z2PopoverContent as $p } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
|
|
141
142
|
export {
|
|
142
143
|
p as Alert,
|
|
143
144
|
m as AlertCirclesIcon,
|
|
144
145
|
n as AlertDescription,
|
|
145
146
|
f as AlertTitle,
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
147
|
+
Qr as ApartmentBuildingIcon,
|
|
148
|
+
pa as ArrowLeftIcon,
|
|
149
|
+
J as ArrowsThroughLineY,
|
|
150
|
+
Pr as Avatar,
|
|
151
|
+
Ye as AvatarCell,
|
|
152
|
+
Rr as AvatarWithLabel,
|
|
153
|
+
vr as Badge,
|
|
154
|
+
Ge as BooleanCell,
|
|
153
155
|
x as Button,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
156
|
+
xp as COLOR_PALETTES,
|
|
157
|
+
xa as ChainIcon,
|
|
158
|
+
tp as Chart,
|
|
159
|
+
pp as ChartCard,
|
|
160
|
+
$r as CheckIcon,
|
|
161
|
+
ao as CheckboxFilter,
|
|
162
|
+
$e as ChevronDownIcon,
|
|
163
|
+
et as ChevronLeftIcon,
|
|
164
|
+
tt as ChevronRightIcon,
|
|
165
|
+
pt as CircleCheckFilledIcon,
|
|
166
|
+
ft as CircleCheckIcon,
|
|
165
167
|
_ as CirclesIcon,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
168
|
+
kr as ColumnReOrder,
|
|
169
|
+
oo as CountryFlags,
|
|
170
|
+
qo as DEFAULT_ACCEPT,
|
|
171
|
+
Re as DEFAULT_EMPTY_MESSAGE,
|
|
172
|
+
Pp as DEFAULT_MAP_CONFIG,
|
|
171
173
|
O as DatabaseCopy,
|
|
172
174
|
G as DatabaseCopyIcon,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
175
|
+
ma as DescendingSortingIcon,
|
|
176
|
+
Xe as DescriptionCell,
|
|
177
|
+
mt as DotsIcon,
|
|
178
|
+
xt as DoubleChevronLeftIcon,
|
|
179
|
+
ut as DoubleChevronRightIcon,
|
|
180
|
+
ct as DragHandleIcon,
|
|
181
|
+
bo as DropdownContext,
|
|
182
|
+
fp as EmptyState,
|
|
183
|
+
ua as EraserIcon,
|
|
184
|
+
lp as ErrorState,
|
|
185
|
+
Uo as FileUploadArea,
|
|
186
|
+
fa as FilterIcon,
|
|
187
|
+
Ct as HomeIcon,
|
|
188
|
+
St as InfoIcon,
|
|
189
|
+
zo as Input,
|
|
190
|
+
Up as KpiCard,
|
|
191
|
+
Je as LabelCell,
|
|
192
|
+
It as LeftArrowIcon,
|
|
193
|
+
ca as LeftSquareBracketIcon,
|
|
194
|
+
We as LinkCell,
|
|
195
|
+
Dt as LinkIcon,
|
|
196
|
+
ht as ListTreeIcon,
|
|
197
|
+
mp as LoadingState,
|
|
198
|
+
Rp as MAP_VARIANTS,
|
|
199
|
+
Cr as MagnifierIcon,
|
|
200
|
+
_p as MapControls,
|
|
201
|
+
yp as MapPinComponent,
|
|
202
|
+
Np as MapPinContent,
|
|
203
|
+
Vp as MapStyleControl,
|
|
204
|
+
Op as MapZoomControl,
|
|
205
|
+
vt as MediaRecordIcon,
|
|
206
|
+
Mt as MinusIcon,
|
|
207
|
+
Ko as NavHeader,
|
|
208
|
+
jo as NavItem,
|
|
209
|
+
Fe as NumberCell,
|
|
210
|
+
Rt as OctagonWarningIcon,
|
|
211
|
+
Ap as PIN_SIZES,
|
|
212
|
+
Sr as PaginationInfo,
|
|
213
|
+
Ir as PaginationQuickJumper,
|
|
214
|
+
Et as PinIcon,
|
|
215
|
+
La as Popconfirm,
|
|
216
|
+
Da as Popover,
|
|
217
|
+
wa as PopoverAnchor,
|
|
218
|
+
ue as PopoverCompact,
|
|
219
|
+
ha as PopoverContent,
|
|
220
|
+
Ba as PopoverTrigger,
|
|
221
|
+
Ca as RightSquareBracketIcon,
|
|
222
|
+
Q as SIDEBAR_WIDTH,
|
|
223
|
+
j as SIDEBAR_WIDTH_COLLAPSED,
|
|
224
|
+
Sa as SegmentedControl,
|
|
225
|
+
Ia as SegmentedControlItem,
|
|
224
226
|
q as SidebarLeftShowCopy,
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
227
|
+
Y as SidebarLeftShowCopyIcon,
|
|
228
|
+
kt as SitemapIcon,
|
|
229
|
+
Ht as SliderIcon,
|
|
228
230
|
k as SubNavIndicator,
|
|
229
231
|
N as SubNavIndicatorIcon,
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
232
|
+
Ae as TABLE_CSS_CLASSES,
|
|
233
|
+
we as Table,
|
|
234
|
+
ve as TableBody,
|
|
235
|
+
hr as TableCard,
|
|
236
|
+
He as TableCell,
|
|
237
|
+
ea as TableCols2Icon,
|
|
238
|
+
ye as TableContext,
|
|
239
|
+
ur as TableFooter,
|
|
240
|
+
cr as TableFooterContent,
|
|
241
|
+
Qe as TableHeader,
|
|
242
|
+
xr as TableHeaderContent,
|
|
243
|
+
mr as TableHeaderWrapper,
|
|
244
|
+
pr as TableLoadingState,
|
|
245
|
+
tr as TableMessageState,
|
|
246
|
+
fr as TablePagination,
|
|
247
|
+
he as TableProvider,
|
|
248
|
+
er as TableRow,
|
|
249
|
+
Hr as TreeCheckboxSelect,
|
|
250
|
+
ta as TriangleWarningIcon,
|
|
251
|
+
ip as UI_COLORS,
|
|
252
|
+
Ft as UploadIcon,
|
|
253
|
+
$t as Vector3Icon,
|
|
254
|
+
Gt as VectorIcon,
|
|
253
255
|
W as WindowLeftCopy,
|
|
254
256
|
U as WindowLeftCopyIcon,
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
257
|
+
Xt as XIcon,
|
|
258
|
+
Wt as XMarkIcon,
|
|
259
|
+
Fr as Z2Breadcrumb,
|
|
260
|
+
Or as Z2BreadcrumbEllipsis,
|
|
261
|
+
Gr as Z2BreadcrumbItem,
|
|
262
|
+
Vr as Z2BreadcrumbLink,
|
|
263
|
+
Wr as Z2BreadcrumbList,
|
|
264
|
+
Ur as Z2BreadcrumbPage,
|
|
265
|
+
Xr as Z2BreadcrumbSeparator,
|
|
266
|
+
ro as Z2Checkbox,
|
|
267
|
+
Qt as Z2DataIcon,
|
|
268
|
+
no as Z2Dialog,
|
|
269
|
+
fo as Z2DialogClose,
|
|
270
|
+
lo as Z2DialogContent,
|
|
271
|
+
mo as Z2DialogDescription,
|
|
272
|
+
xo as Z2DialogFooter,
|
|
273
|
+
io as Z2DialogHeader,
|
|
274
|
+
uo as Z2DialogOverlay,
|
|
275
|
+
Zo as Z2DialogPortal,
|
|
276
|
+
co as Z2DialogTitle,
|
|
277
|
+
so as Z2DialogTrigger,
|
|
278
|
+
So as Z2Dropdown,
|
|
279
|
+
To as Z2DropdownContent,
|
|
280
|
+
Io as Z2DropdownInput,
|
|
281
|
+
go as Z2DropdownItem,
|
|
282
|
+
Lo as Z2DropdownMenu,
|
|
283
|
+
Mo as Z2DropdownMenuCheckboxItem,
|
|
284
|
+
Po as Z2DropdownMenuContent,
|
|
285
|
+
Ro as Z2DropdownMenuGroup,
|
|
286
|
+
Ao as Z2DropdownMenuItem,
|
|
287
|
+
Eo as Z2DropdownMenuLabel,
|
|
288
|
+
yo as Z2DropdownMenuPortal,
|
|
289
|
+
ko as Z2DropdownMenuRadioGroup,
|
|
290
|
+
No as Z2DropdownMenuRadioItem,
|
|
291
|
+
Ho as Z2DropdownMenuSeparator,
|
|
292
|
+
_o as Z2DropdownMenuShortcut,
|
|
293
|
+
Fo as Z2DropdownMenuSub,
|
|
294
|
+
Oo as Z2DropdownMenuSubContent,
|
|
295
|
+
Go as Z2DropdownMenuSubTrigger,
|
|
296
|
+
Vo as Z2DropdownMenuTrigger,
|
|
297
|
+
Do as Z2DropdownSub,
|
|
298
|
+
wo as Z2DropdownSubContent,
|
|
299
|
+
ho as Z2DropdownSubItem,
|
|
300
|
+
Bo as Z2DropdownSubTrigger,
|
|
301
|
+
Yt as Z2Icon,
|
|
302
|
+
Lp as Z2Map,
|
|
301
303
|
E as Z2Popover,
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
304
|
+
$p as Z2PopoverContent,
|
|
305
|
+
Qp as Z2PopoverTrigger,
|
|
306
|
+
Bp as Z2RadioCard,
|
|
307
|
+
Yr as Z2RadioGroup,
|
|
308
|
+
zr as Z2RadioGroupIndicator,
|
|
309
|
+
Jr as Z2RadioGroupItem,
|
|
310
|
+
oe as Z2Select,
|
|
311
|
+
xe as Z2SelectCompact,
|
|
312
|
+
ee as Z2SelectContent,
|
|
313
|
+
re as Z2SelectGroup,
|
|
314
|
+
te as Z2SelectItem,
|
|
315
|
+
ae as Z2SelectLabel,
|
|
316
|
+
pe as Z2SelectScrollDownButton,
|
|
317
|
+
ne as Z2SelectScrollUpButton,
|
|
318
|
+
fe as Z2SelectSeparator,
|
|
319
|
+
le as Z2SelectTrigger,
|
|
320
|
+
me as Z2SelectValue,
|
|
319
321
|
s as Z2SideNavBar,
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
322
|
+
I as Z2SideNavBarContent,
|
|
323
|
+
D as Z2SideNavBarFooter,
|
|
324
|
+
h as Z2SideNavBarGroup,
|
|
323
325
|
S as Z2SideNavBarHeader,
|
|
324
|
-
|
|
326
|
+
v as Z2SideNavBarItem,
|
|
325
327
|
Z as Z2SideNavBarProvider,
|
|
326
328
|
M as Z2SideNavBarSeparator,
|
|
327
329
|
C as Z2SidebarVariants,
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
330
|
+
Jt as Z2SlashIcon,
|
|
331
|
+
ce as Z2Stepper,
|
|
332
|
+
Ce as Z2StepperItem,
|
|
333
|
+
Pa as Z2Table,
|
|
334
|
+
Ra as Z2TableBase,
|
|
335
|
+
Aa as Z2TableBody,
|
|
336
|
+
Ea as Z2TableBodyRow,
|
|
337
|
+
ya as Z2TableBodyRowCell,
|
|
338
|
+
ka as Z2TableBodyRowExpandded,
|
|
339
|
+
Na as Z2TableBodyRowSkeleton,
|
|
340
|
+
Ha as Z2TableBodyRowSkeletonCell,
|
|
341
|
+
ep as Z2TableColumnHeader,
|
|
342
|
+
za as Z2TableContainer,
|
|
343
|
+
_a as Z2TableEmpty,
|
|
344
|
+
Fa as Z2TableHead,
|
|
345
|
+
Oa as Z2TableHeadRow,
|
|
346
|
+
Ga as Z2TableHeadRowCell,
|
|
347
|
+
Va as Z2TableHeadRowCellResize,
|
|
348
|
+
Wa as Z2TableLoader,
|
|
349
|
+
$a as Z2TablePagination,
|
|
350
|
+
Ja as Z2TableProvider,
|
|
351
|
+
Ka as Z2TableRoot,
|
|
352
|
+
Ua as Z2TableRowSelect,
|
|
353
|
+
Xa as Z2TableRowSelectAll,
|
|
354
|
+
qa as Z2TableRowSpacer,
|
|
355
|
+
Se as Z2Tabs,
|
|
356
|
+
Te as Z2TabsContent,
|
|
357
|
+
Ie as Z2TabsList,
|
|
358
|
+
ge as Z2TabsTrigger,
|
|
359
|
+
Er as Z2TextPreset,
|
|
360
|
+
Dr as Z2Tooltip,
|
|
361
|
+
Lr as badgeVariants,
|
|
362
|
+
bp as buildBarChartOptions,
|
|
363
|
+
gp as buildChartOptions,
|
|
364
|
+
Tp as buildLineChartOptions,
|
|
363
365
|
i as buttonVariants,
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
366
|
+
Jp as cn,
|
|
367
|
+
Me as extractCellValue,
|
|
368
|
+
up as getThemePalette,
|
|
369
|
+
Dp as isChartTypeSupported,
|
|
370
|
+
Xp as kpiCardVariants,
|
|
371
|
+
wp as registeredChartTypes,
|
|
372
|
+
ke as useTableContext,
|
|
373
|
+
Yp as useTheme,
|
|
372
374
|
R as useZ2SideNavBar,
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
375
|
+
Qa as useZ2Table,
|
|
376
|
+
cp as validateChartConfig,
|
|
377
|
+
sp as validateChartData
|
|
376
378
|
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
type IconProps = SVGProps<SVGSVGElement> & {
|
|
3
|
+
secondaryfill?: string;
|
|
4
|
+
strokewidth?: number;
|
|
5
|
+
title?: string;
|
|
6
|
+
};
|
|
7
|
+
declare function ArrowsThroughLineY({ fill, secondaryfill: _secondaryfill, strokewidth: _strokewidth, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default ArrowsThroughLineY;
|
|
@@ -15,4 +15,5 @@ export { default as CirclesIcon } from '../assets/icons/circles-icon';
|
|
|
15
15
|
export { default as DatabaseCopy } from '../assets/icons/database-copy';
|
|
16
16
|
export { default as WindowLeftCopy } from '../assets/icons/window-left-copy';
|
|
17
17
|
export { default as SidebarLeftShowCopy } from '../assets/icons/sidebar-left-show-copy';
|
|
18
|
+
export { default as ArrowsThroughLineY } from '../assets/icons/arrows-through-line-y';
|
|
18
19
|
export { SIDEBAR_WIDTH, SIDEBAR_WIDTH_COLLAPSED } from './constants';
|
|
@@ -2,10 +2,14 @@ import * as React from 'react';
|
|
|
2
2
|
export interface Z2SideNavBarContextType {
|
|
3
3
|
isCollapsed: boolean;
|
|
4
4
|
toggleCollapsed: () => void;
|
|
5
|
+
enableEdit?: boolean;
|
|
6
|
+
onReorderClick?: () => void;
|
|
5
7
|
}
|
|
6
8
|
export interface Z2SideNavBarProviderProps {
|
|
7
9
|
children: React.ReactNode;
|
|
8
10
|
defaultCollapsed?: boolean;
|
|
11
|
+
enableEdit?: boolean;
|
|
12
|
+
onReorderClick?: () => void;
|
|
9
13
|
style?: React.CSSProperties;
|
|
10
14
|
className?: string;
|
|
11
15
|
}
|
|
@@ -18,7 +18,7 @@ export type FileUploadAreaProps = {
|
|
|
18
18
|
* Features:
|
|
19
19
|
* - Drag and drop file upload
|
|
20
20
|
* - Click to open file dialog
|
|
21
|
-
* - Supports multiple file formats (default: CSV,
|
|
21
|
+
* - Supports multiple file formats (default: CSV, XLSX)
|
|
22
22
|
* - Supports multiple file selection
|
|
23
23
|
* - Disabled state (blocks all interaction and changes style)
|
|
24
24
|
* - Custom className for styling
|