@konstructio/ui 0.1.2-alpha.3 → 0.1.2-alpha.5
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/{Modal-V67Uz78z.js → Modal-D-NOEWMX.js} +3 -3
- package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
- package/dist/{chevron-down-BLZPftpV.js → chevron-down-MZvQoT2F.js} +2 -2
- package/dist/chevron-right-VYBOBhRt.js +19 -0
- package/dist/components/Alert/Alert.js +2 -2
- package/dist/components/AlertDialog/AlertDialog.js +1 -1
- package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
- package/dist/components/AlertDialog/components/index.js +1 -1
- package/dist/components/Badge/Badge.js +2 -2
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Breadcrumb/components/Item/Item.js +16 -15
- package/dist/components/Checkbox/Checkbox.js +5 -4
- package/dist/components/Command/Command.js +2 -2
- package/dist/components/Command/components/Command.js +1 -1
- package/dist/components/Command/components/CommandEmpty.js +1 -1
- package/dist/components/Command/components/CommandGroup.js +1 -1
- package/dist/components/Command/components/CommandInput.js +2 -2
- package/dist/components/Command/components/CommandItem.js +1 -1
- package/dist/components/Command/components/CommandList.js +1 -1
- package/dist/components/Command/components/CommandSeparator.js +1 -1
- package/dist/components/Command/components/DialogContent.js +2 -2
- package/dist/components/Command/components/DialogOverlay.js +1 -1
- package/dist/components/Datepicker/DatePicker.js +545 -543
- package/dist/components/Dropdown/Dropdown.js +36 -24
- package/dist/components/Dropdown/Dropdown.variants.js +25 -7
- package/dist/components/Dropdown/components/List/List.js +59 -44
- package/dist/components/Dropdown/components/List/List.variants.js +9 -7
- package/dist/components/Dropdown/components/ListItem/ListItem.js +48 -24
- package/dist/components/Dropdown/components/ListItem/ListItem.variants.js +9 -7
- package/dist/components/Dropdown/components/Wrapper.js +141 -106
- package/dist/components/Dropdown/contexts/dropdown.context.js +9 -8
- package/dist/components/Dropdown/contexts/dropdown.provider.js +20 -19
- package/dist/components/Dropdown/hooks/useDropdown.js +26 -27
- package/dist/components/Dropdown/hooks/useNavigationList.js +32 -28
- package/dist/components/DropdownButton/DropdownButton.js +1 -1
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Loading/Loading.js +2 -2
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
- package/dist/components/Modal/components/index.js +1 -1
- package/dist/components/NumberInput/NumberInput.js +2 -2
- package/dist/components/PieChart/PieChart.js +217 -215
- package/dist/components/Range/Range.js +1 -1
- package/dist/components/Sidebar/components/Wrapper/Wrapper.js +29 -28
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Switch/Switch.js +6 -5
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.variants.js +45 -24
- package/dist/components/Tabs/components/Content.js +1 -1
- package/dist/components/Tabs/components/List.js +1 -1
- package/dist/components/Tabs/components/Trigger.js +9 -8
- package/dist/components/TagSelect/components/Wrapper/Wrapper.js +98 -49
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
- package/dist/components/Toast/Toast.js +8 -7
- package/dist/components/VirtualizedTable/VirtualizedTable.js +99 -0
- package/dist/components/VirtualizedTable/VirtualizedTable.variants.js +5 -0
- package/dist/components/VirtualizedTable/assets/chevron-down.js +25 -0
- package/dist/components/VirtualizedTable/assets/chevron-up.js +25 -0
- package/dist/components/VirtualizedTable/assets/index.js +6 -0
- package/dist/components/VirtualizedTable/components/Actions/Actions.js +46 -0
- package/dist/components/VirtualizedTable/components/Body/Body.js +25 -0
- package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +165 -0
- package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +34 -0
- package/dist/components/VirtualizedTable/components/Filter/Filter.js +73 -0
- package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +48 -0
- package/dist/components/VirtualizedTable/components/Header/Header.js +82 -0
- package/dist/components/VirtualizedTable/components/Pagination/Pagination.js +45 -0
- package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +1870 -0
- package/dist/components/VirtualizedTable/components/index.js +14 -0
- package/dist/components/VirtualizedTable/constants/index.js +5 -0
- package/dist/components/VirtualizedTable/constants/pagination.js +5 -0
- package/dist/components/VirtualizedTable/contexts/index.js +8 -0
- package/dist/components/VirtualizedTable/contexts/table.context.js +31 -0
- package/dist/components/VirtualizedTable/contexts/table.hook.js +11 -0
- package/dist/components/VirtualizedTable/contexts/table.provider.js +778 -0
- package/dist/components/index.js +44 -40
- package/dist/{createLucideIcon-DbC6TvM5.js → createLucideIcon-D2CN7Ma9.js} +4 -4
- package/dist/debounce-BFejQm9P.js +200 -0
- package/dist/{index-D3xzCzcO.js → index-B7t8D14s.js} +2 -2
- package/dist/index-BAEWsOG1.js +27 -0
- package/dist/{index-C9T9HQaa.js → index-BITvcJAz.js} +1 -1
- package/dist/index-BZPx6jYI.js +8 -0
- package/dist/{index-BAraV3ai.js → index-Bnb0ezr3.js} +1 -1
- package/dist/{index-DB2XhXHn.js → index-C84F4YyO.js} +11 -10
- package/dist/index-Cd2vhaop.js +137 -0
- package/dist/{index-iXyXtdgP.js → index-DBbEcSUG.js} +1 -1
- package/dist/index-Dx2grAuN.js +1742 -0
- package/dist/{index-BXuxPoz7.js → index-DzIBBMjs.js} +18 -17
- package/dist/{index-h-Ul0anl.js → index-N2OStZoU.js} +1 -1
- package/dist/{index-Oq5GlCHP.js → index-os7vysFS.js} +1 -1
- package/dist/index-ti1b9kqV.js +14 -0
- package/dist/index.d.ts +94 -5
- package/dist/index.js +41 -37
- package/dist/package.json +26 -22
- package/dist/styles.css +1 -1
- package/dist/{x-BPcqkRZd.js → x-4F_5p77m.js} +1 -1
- package/package.json +26 -22
- package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
- package/dist/chevron-up-RLP4nX7V.js +0 -54
- package/dist/index-CZnD2QxM.js +0 -32
- package/dist/index-CrBonFvu.js +0 -144
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { R as g, T as R, a as V, b as c } from "../../index-
|
|
2
|
+
import { R as g, T as R, a as V, b as c } from "../../index-C84F4YyO.js";
|
|
3
3
|
import { forwardRef as v, useRef as b, useState as j, useImperativeHandle as k, useEffect as w, useCallback as y } from "react";
|
|
4
4
|
import { cn as a } from "../../utils/index.js";
|
|
5
5
|
import { rangeOutsideVariants as C, trackVariants as T, thumbVariants as i, rangeVariants as S } from "./Range.variants.js";
|
|
@@ -1,37 +1,38 @@
|
|
|
1
|
-
import { Footer as
|
|
2
|
-
import { Logo as
|
|
3
|
-
import { Navigation as
|
|
1
|
+
import { Footer as b } from "../Footer/Footer.js";
|
|
2
|
+
import { Logo as C } from "../Logo/Logo.js";
|
|
3
|
+
import { Navigation as D } from "../Navigation/Navigation.js";
|
|
4
4
|
import "../NavigationGroup/NavigationGroup.js";
|
|
5
5
|
import "../NavigationOption/NavigationOption.js";
|
|
6
6
|
import "../NavigationSeparator/NavigationSeparator.js";
|
|
7
7
|
import "../NavigationTitle/NavigationTitle.js";
|
|
8
|
-
import { jsxs as
|
|
8
|
+
import { jsxs as V, jsx as j } from "react/jsx-runtime";
|
|
9
9
|
import { useRef as d, useCallback as f, useMemo as s, Children as a, isValidElement as l } from "react";
|
|
10
10
|
import { cn as y } from "../../../../utils/index.js";
|
|
11
|
-
import { dragVariants as
|
|
12
|
-
const
|
|
11
|
+
import { dragVariants as x, wrapperSiderbarVariants as z } from "../../Sidebar.variants.js";
|
|
12
|
+
const S = ({
|
|
13
13
|
canResize: g = !0,
|
|
14
14
|
children: v,
|
|
15
|
+
dividerClassName: L,
|
|
15
16
|
maxWith: i = 300,
|
|
16
17
|
minWith: m = 240,
|
|
17
|
-
theme:
|
|
18
|
-
wrapperClassName:
|
|
18
|
+
theme: M,
|
|
19
|
+
wrapperClassName: N
|
|
19
20
|
}) => {
|
|
20
|
-
const r = d(null),
|
|
21
|
+
const r = d(null), c = d(null), u = d(!1), n = f(
|
|
21
22
|
(e) => {
|
|
22
|
-
if (!
|
|
23
|
+
if (!u.current) {
|
|
23
24
|
r.current && (r.current.style.opacity = "0");
|
|
24
25
|
return;
|
|
25
26
|
}
|
|
26
27
|
let o = e.clientX;
|
|
27
|
-
o < m && (o = m), o > i && (o = i),
|
|
28
|
+
o < m && (o = m), o > i && (o = i), c.current && r.current && (c.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
|
|
28
29
|
},
|
|
29
30
|
[i, m]
|
|
30
31
|
), p = f(() => {
|
|
31
|
-
|
|
32
|
+
u.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
|
|
32
33
|
}, [n]), w = f(
|
|
33
34
|
(e) => {
|
|
34
|
-
e.preventDefault(), e.stopPropagation(),
|
|
35
|
+
e.preventDefault(), e.stopPropagation(), u.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
|
|
35
36
|
},
|
|
36
37
|
[n, p]
|
|
37
38
|
), t = s(
|
|
@@ -39,39 +40,39 @@ const z = ({
|
|
|
39
40
|
[v]
|
|
40
41
|
), E = s(
|
|
41
42
|
() => a.toArray(t).find(
|
|
42
|
-
(e) => l(e) && e.type ===
|
|
43
|
+
(e) => l(e) && e.type === C
|
|
43
44
|
),
|
|
44
45
|
[t]
|
|
45
|
-
),
|
|
46
|
+
), R = s(
|
|
46
47
|
() => a.toArray(t).find(
|
|
47
|
-
(e) => l(e) && e.type ===
|
|
48
|
+
(e) => l(e) && e.type === D
|
|
48
49
|
),
|
|
49
50
|
[t]
|
|
50
|
-
),
|
|
51
|
+
), A = s(
|
|
51
52
|
() => a.toArray(t).find(
|
|
52
|
-
(e) => l(e) && e.type ===
|
|
53
|
+
(e) => l(e) && e.type === b
|
|
53
54
|
),
|
|
54
55
|
[t]
|
|
55
56
|
);
|
|
56
|
-
return /* @__PURE__ */
|
|
57
|
+
return /* @__PURE__ */ V(
|
|
57
58
|
"aside",
|
|
58
59
|
{
|
|
59
|
-
ref:
|
|
60
|
+
ref: c,
|
|
60
61
|
className: y(
|
|
61
|
-
|
|
62
|
-
className:
|
|
62
|
+
z({
|
|
63
|
+
className: N
|
|
63
64
|
})
|
|
64
65
|
),
|
|
65
|
-
"data-theme":
|
|
66
|
+
"data-theme": M,
|
|
66
67
|
children: [
|
|
67
68
|
E,
|
|
68
|
-
N,
|
|
69
69
|
R,
|
|
70
|
-
|
|
70
|
+
A,
|
|
71
|
+
g && /* @__PURE__ */ j(
|
|
71
72
|
"div",
|
|
72
73
|
{
|
|
73
74
|
ref: r,
|
|
74
|
-
className: y(
|
|
75
|
+
className: y(x({ className: L })),
|
|
75
76
|
onMouseDown: w
|
|
76
77
|
}
|
|
77
78
|
)
|
|
@@ -79,7 +80,7 @@ const z = ({
|
|
|
79
80
|
}
|
|
80
81
|
);
|
|
81
82
|
};
|
|
82
|
-
|
|
83
|
+
S.displayName = "Sidebar.Wrapper";
|
|
83
84
|
export {
|
|
84
|
-
|
|
85
|
+
S as Wrapper
|
|
85
86
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as l, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { R as x, T as N, b as v } from "../../index-
|
|
2
|
+
import { R as x, T as N, b as v } from "../../index-C84F4YyO.js";
|
|
3
3
|
import { forwardRef as V, useRef as b, useState as R, useImperativeHandle as g, useEffect as j, useCallback as k } from "react";
|
|
4
4
|
import { cn as r } from "../../utils/index.js";
|
|
5
5
|
import { trackVariants as w, thumbVariants as y, sliderVariants as C } from "./Slider.variants.js";
|
|
@@ -3,11 +3,12 @@ import * as h from "react";
|
|
|
3
3
|
import { forwardRef as H, useRef as M, useId as $, useImperativeHandle as j, useEffect as z } from "react";
|
|
4
4
|
import { a as A, c as U, b as q } from "../../index-BfXxHr_2.js";
|
|
5
5
|
import { u as N } from "../../index-DQH6odE9.js";
|
|
6
|
-
import { u as F
|
|
7
|
-
import {
|
|
6
|
+
import { u as F } from "../../index-BZPx6jYI.js";
|
|
7
|
+
import { u as L } from "../../index-BAEWsOG1.js";
|
|
8
|
+
import { P } from "../../index-BITvcJAz.js";
|
|
8
9
|
import { cn as R } from "../../utils/index.js";
|
|
9
10
|
import { thumbVariants as O, switchVariants as V } from "./Switch.variants.js";
|
|
10
|
-
var b = "Switch", [D,
|
|
11
|
+
var b = "Switch", [D, ce] = U(b), [W, X] = D(b), y = h.forwardRef(
|
|
11
12
|
(e, l) => {
|
|
12
13
|
const {
|
|
13
14
|
__scopeSwitch: t,
|
|
@@ -124,7 +125,7 @@ function I(e) {
|
|
|
124
125
|
return e ? "checked" : "unchecked";
|
|
125
126
|
}
|
|
126
127
|
var J = y, K = E;
|
|
127
|
-
const
|
|
128
|
+
const ne = H(
|
|
128
129
|
({
|
|
129
130
|
name: e,
|
|
130
131
|
alignment: l = "horizontal",
|
|
@@ -196,5 +197,5 @@ const ce = H(
|
|
|
196
197
|
}
|
|
197
198
|
);
|
|
198
199
|
export {
|
|
199
|
-
|
|
200
|
+
ne as Switch
|
|
200
201
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { R as e } from "../../index-
|
|
2
|
+
import { R as e } from "../../index-Bnb0ezr3.js";
|
|
3
3
|
import { cn as n } from "../../utils/index.js";
|
|
4
4
|
import { rootVariants as p } from "./Tabs.variants.js";
|
|
5
5
|
import { Content as f } from "./components/Content.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
const r =
|
|
1
|
+
import { c as t } from "../../index-D29mdTf5.js";
|
|
2
|
+
const r = t([""], {
|
|
3
3
|
variants: {
|
|
4
4
|
variant: {
|
|
5
5
|
horizontal: "",
|
|
@@ -9,7 +9,7 @@ const r = a([""], {
|
|
|
9
9
|
defaultVariants: {
|
|
10
10
|
variant: "horizontal"
|
|
11
11
|
}
|
|
12
|
-
}),
|
|
12
|
+
}), e = t([""], {
|
|
13
13
|
variants: {
|
|
14
14
|
variant: {
|
|
15
15
|
default: ""
|
|
@@ -18,7 +18,7 @@ const r = a([""], {
|
|
|
18
18
|
defaultVariants: {
|
|
19
19
|
variant: "default"
|
|
20
20
|
}
|
|
21
|
-
}),
|
|
21
|
+
}), i = t(["flex"], {
|
|
22
22
|
variants: {
|
|
23
23
|
variant: {
|
|
24
24
|
default: "flex gap-6",
|
|
@@ -29,28 +29,49 @@ const r = a([""], {
|
|
|
29
29
|
defaultVariants: {
|
|
30
30
|
variant: "default"
|
|
31
31
|
}
|
|
32
|
-
}),
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
32
|
+
}), n = t(
|
|
33
|
+
[
|
|
34
|
+
"cursor-pointer",
|
|
35
|
+
"h-[27px]",
|
|
36
|
+
"w-fit",
|
|
37
|
+
"block",
|
|
38
|
+
"relative",
|
|
39
|
+
"after:absolute",
|
|
40
|
+
"after:bottom-0",
|
|
41
|
+
"after:left-0",
|
|
42
|
+
"after:right-0",
|
|
43
|
+
"after:h-[2px]",
|
|
44
|
+
"after:bg-aurora-500",
|
|
45
|
+
"after:origin-bottom",
|
|
46
|
+
'after:content-[""]',
|
|
47
|
+
"after:scale-y-0",
|
|
48
|
+
"after:transition-transform",
|
|
49
|
+
"after:duration-500",
|
|
50
|
+
"after:transform-gpu",
|
|
51
|
+
"after:will-change-transform",
|
|
52
|
+
"kubefirst:after:bg-kubefirst-primary"
|
|
53
|
+
],
|
|
54
|
+
{
|
|
55
|
+
variants: {
|
|
56
|
+
variant: {
|
|
57
|
+
default: "",
|
|
58
|
+
active: [
|
|
59
|
+
"text-zinc-700",
|
|
60
|
+
"font-semibold",
|
|
61
|
+
"after:scale-y-100",
|
|
62
|
+
"hover:after:scale-y-140"
|
|
63
|
+
],
|
|
64
|
+
inactive: "text-slate-500 font-[600]"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
defaultVariants: {
|
|
68
|
+
variant: "default"
|
|
45
69
|
}
|
|
46
|
-
},
|
|
47
|
-
defaultVariants: {
|
|
48
|
-
variant: "default"
|
|
49
70
|
}
|
|
50
|
-
|
|
71
|
+
);
|
|
51
72
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
73
|
+
e as contentVariants,
|
|
74
|
+
i as listVariants,
|
|
54
75
|
r as rootVariants,
|
|
55
|
-
|
|
76
|
+
n as triggerVariants
|
|
56
77
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { C as a } from "../../../index-
|
|
2
|
+
import { C as a } from "../../../index-Bnb0ezr3.js";
|
|
3
3
|
import { cn as m } from "../../../utils/index.js";
|
|
4
4
|
import { contentVariants as s } from "../Tabs.variants.js";
|
|
5
5
|
const e = ({ children: t, className: o, ...n }) => /* @__PURE__ */ r(
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { L as n } from "../../../index-
|
|
2
|
+
import { L as n } from "../../../index-Bnb0ezr3.js";
|
|
3
3
|
import { cn as a } from "../../../utils/index.js";
|
|
4
4
|
import { listVariants as s } from "../Tabs.variants.js";
|
|
5
5
|
const c = ({
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { T as e } from "../../../index-
|
|
2
|
+
import { T as e } from "../../../index-Bnb0ezr3.js";
|
|
3
3
|
import { Typography as m } from "../../Typography/Typography.js";
|
|
4
|
-
import { cn as
|
|
5
|
-
import { triggerVariants as
|
|
6
|
-
const
|
|
4
|
+
import { cn as n } from "../../../utils/index.js";
|
|
5
|
+
import { triggerVariants as p } from "../Tabs.variants.js";
|
|
6
|
+
const s = ({ tab: i, label: a, isActive: o, className: t }) => /* @__PURE__ */ r(e, { value: i, children: /* @__PURE__ */ r(
|
|
7
7
|
m,
|
|
8
8
|
{
|
|
9
9
|
variant: "body2",
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
component: "span",
|
|
11
|
+
className: n(
|
|
12
|
+
p({
|
|
12
13
|
variant: o ? "active" : "inactive",
|
|
13
14
|
className: t
|
|
14
15
|
})
|
|
@@ -16,7 +17,7 @@ const p = ({ tab: i, label: a, isActive: o, className: t }) => /* @__PURE__ */ r
|
|
|
16
17
|
children: a
|
|
17
18
|
}
|
|
18
19
|
) });
|
|
19
|
-
|
|
20
|
+
s.displayName = "KonstructTabsTrigger";
|
|
20
21
|
export {
|
|
21
|
-
|
|
22
|
+
s as Trigger
|
|
22
23
|
};
|
|
@@ -1,86 +1,135 @@
|
|
|
1
1
|
import "../Item/Item.js";
|
|
2
|
-
import { List as
|
|
3
|
-
import { jsxs as
|
|
4
|
-
import { forwardRef as w, useId as
|
|
5
|
-
import { Tag as
|
|
6
|
-
import { cn as
|
|
7
|
-
import { useTagSelect as
|
|
8
|
-
import { labelVariants as
|
|
9
|
-
import { X as
|
|
10
|
-
import {
|
|
11
|
-
import { useTagSelect as
|
|
12
|
-
|
|
2
|
+
import { List as j } from "../List/List.js";
|
|
3
|
+
import { jsxs as g, jsx as i } from "react/jsx-runtime";
|
|
4
|
+
import b, { forwardRef as w, useId as k, useImperativeHandle as T } from "react";
|
|
5
|
+
import { Tag as P } from "../../../Tag/Tag.js";
|
|
6
|
+
import { cn as l } from "../../../../utils/index.js";
|
|
7
|
+
import { useTagSelect as C } from "../../hooks/useTagSelect.js";
|
|
8
|
+
import { labelVariants as S, tagSelectVariants as z, wrapperVariants as R } from "../../TagSelect.variants.js";
|
|
9
|
+
import { X as _ } from "../../../../x-4F_5p77m.js";
|
|
10
|
+
import { P as p } from "../../../../index-N2OStZoU.js";
|
|
11
|
+
import { useTagSelect as I } from "../../contexts/TagSelect.hook.js";
|
|
12
|
+
function u() {
|
|
13
|
+
return u = Object.assign || function(e) {
|
|
14
|
+
for (var o = 1; o < arguments.length; o++) {
|
|
15
|
+
var t = arguments[o];
|
|
16
|
+
for (var r in t)
|
|
17
|
+
Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
|
|
18
|
+
}
|
|
19
|
+
return e;
|
|
20
|
+
}, u.apply(this, arguments);
|
|
21
|
+
}
|
|
22
|
+
function L(e, o) {
|
|
23
|
+
if (e == null) return {};
|
|
24
|
+
var t = W(e, o), r, n;
|
|
25
|
+
if (Object.getOwnPropertySymbols) {
|
|
26
|
+
var a = Object.getOwnPropertySymbols(e);
|
|
27
|
+
for (n = 0; n < a.length; n++)
|
|
28
|
+
r = a[n], !(o.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
|
|
29
|
+
}
|
|
30
|
+
return t;
|
|
31
|
+
}
|
|
32
|
+
function W(e, o) {
|
|
33
|
+
if (e == null) return {};
|
|
34
|
+
var t = {}, r = Object.keys(e), n, a;
|
|
35
|
+
for (a = 0; a < r.length; a++)
|
|
36
|
+
n = r[a], !(o.indexOf(n) >= 0) && (t[n] = e[n]);
|
|
37
|
+
return t;
|
|
38
|
+
}
|
|
39
|
+
var d = w(function(e, o) {
|
|
40
|
+
var t = e.color, r = t === void 0 ? "currentColor" : t, n = e.size, a = n === void 0 ? 24 : n, c = L(e, ["color", "size"]);
|
|
41
|
+
return /* @__PURE__ */ b.createElement("svg", u({
|
|
42
|
+
ref: o,
|
|
43
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
44
|
+
width: a,
|
|
45
|
+
height: a,
|
|
46
|
+
viewBox: "0 0 24 24",
|
|
47
|
+
fill: "none",
|
|
48
|
+
stroke: r,
|
|
49
|
+
strokeWidth: "2",
|
|
50
|
+
strokeLinecap: "round",
|
|
51
|
+
strokeLinejoin: "round"
|
|
52
|
+
}, c), /* @__PURE__ */ b.createElement("polyline", {
|
|
53
|
+
points: "18 15 12 9 6 15"
|
|
54
|
+
}));
|
|
55
|
+
});
|
|
56
|
+
d.propTypes = {
|
|
57
|
+
color: p.string,
|
|
58
|
+
size: p.oneOfType([p.string, p.number])
|
|
59
|
+
};
|
|
60
|
+
d.displayName = "ChevronUp";
|
|
61
|
+
const G = w(
|
|
13
62
|
({
|
|
14
|
-
label:
|
|
15
|
-
labelClassName:
|
|
63
|
+
label: e,
|
|
64
|
+
labelClassName: o,
|
|
16
65
|
name: t,
|
|
17
|
-
placeholder:
|
|
18
|
-
theme:
|
|
19
|
-
wrapperClassName:
|
|
20
|
-
},
|
|
21
|
-
const
|
|
22
|
-
return
|
|
66
|
+
placeholder: r = "Select a value...",
|
|
67
|
+
theme: n,
|
|
68
|
+
wrapperClassName: a
|
|
69
|
+
}, c) => {
|
|
70
|
+
const h = k(), { selectedTags: v, isOpen: m, onOpen: x, onRemoveTag: y, inputRef: f } = I(), { wrapperRef: O, handleOpen: N } = C();
|
|
71
|
+
return T(c, () => f.current, [f]), /* @__PURE__ */ g(
|
|
23
72
|
"div",
|
|
24
73
|
{
|
|
25
|
-
ref:
|
|
26
|
-
className:
|
|
27
|
-
|
|
28
|
-
className:
|
|
74
|
+
ref: O,
|
|
75
|
+
className: l(
|
|
76
|
+
R({
|
|
77
|
+
className: a
|
|
29
78
|
})
|
|
30
79
|
),
|
|
31
|
-
"data-theme":
|
|
80
|
+
"data-theme": n,
|
|
32
81
|
children: [
|
|
33
|
-
|
|
82
|
+
e ? /* @__PURE__ */ i(
|
|
34
83
|
"label",
|
|
35
84
|
{
|
|
36
|
-
htmlFor: t ??
|
|
37
|
-
className:
|
|
38
|
-
|
|
39
|
-
className:
|
|
85
|
+
htmlFor: t ?? h,
|
|
86
|
+
className: l(
|
|
87
|
+
S({
|
|
88
|
+
className: o
|
|
40
89
|
})
|
|
41
90
|
),
|
|
42
|
-
onClick: () =>
|
|
43
|
-
children:
|
|
91
|
+
onClick: () => x(!0),
|
|
92
|
+
children: e
|
|
44
93
|
}
|
|
45
94
|
) : null,
|
|
46
|
-
/* @__PURE__ */
|
|
95
|
+
/* @__PURE__ */ g(
|
|
47
96
|
"div",
|
|
48
97
|
{
|
|
49
|
-
id: t ??
|
|
50
|
-
className:
|
|
98
|
+
id: t ?? h,
|
|
99
|
+
className: l(z()),
|
|
51
100
|
role: "combobox",
|
|
52
|
-
onClick:
|
|
53
|
-
"aria-expanded":
|
|
101
|
+
onClick: N,
|
|
102
|
+
"aria-expanded": m,
|
|
54
103
|
children: [
|
|
55
|
-
|
|
56
|
-
|
|
104
|
+
v.length === 0 ? /* @__PURE__ */ i("span", { className: "text-base text-inherit select-none", children: r }) : /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-1.5", children: v.map((s) => /* @__PURE__ */ i(
|
|
105
|
+
P,
|
|
57
106
|
{
|
|
58
|
-
...
|
|
107
|
+
...s,
|
|
59
108
|
className: "select-none",
|
|
60
|
-
rightIcon: /* @__PURE__ */
|
|
61
|
-
"data-value":
|
|
109
|
+
rightIcon: /* @__PURE__ */ i(_, { className: "w-3 h-3", onClick: () => y(s) }),
|
|
110
|
+
"data-value": s.label
|
|
62
111
|
},
|
|
63
|
-
|
|
112
|
+
s.id
|
|
64
113
|
)) }),
|
|
65
|
-
/* @__PURE__ */
|
|
66
|
-
|
|
114
|
+
/* @__PURE__ */ i(
|
|
115
|
+
d,
|
|
67
116
|
{
|
|
68
|
-
className:
|
|
117
|
+
className: l(
|
|
69
118
|
"w-4 h-4 text-inherit transition-all duration-50 shrink-0",
|
|
70
|
-
|
|
119
|
+
m ? "rotate-0" : "rotate-180"
|
|
71
120
|
)
|
|
72
121
|
}
|
|
73
122
|
)
|
|
74
123
|
]
|
|
75
124
|
}
|
|
76
125
|
),
|
|
77
|
-
/* @__PURE__ */
|
|
78
|
-
|
|
126
|
+
/* @__PURE__ */ i("input", { ref: f, type: "text", name: t, className: "hidden" }),
|
|
127
|
+
m ? /* @__PURE__ */ i(j, {}) : null
|
|
79
128
|
]
|
|
80
129
|
}
|
|
81
130
|
);
|
|
82
131
|
}
|
|
83
132
|
);
|
|
84
133
|
export {
|
|
85
|
-
|
|
134
|
+
G as Wrapper
|
|
86
135
|
};
|
|
@@ -3,7 +3,7 @@ import { useId as N, useState as y, useRef as E, useCallback as O, useEffect as
|
|
|
3
3
|
import { cn as m } from "../../../../utils/index.js";
|
|
4
4
|
import { timePickerVariants as L } from "../../TimePicker.variants.js";
|
|
5
5
|
import { WrapperList as j } from "../WrapperList/WrapperList.js";
|
|
6
|
-
import { C as P } from "../../../../chevron-down-
|
|
6
|
+
import { C as P } from "../../../../chevron-down-MZvQoT2F.js";
|
|
7
7
|
import { useTimePickerContext as R } from "../../contexts/time-picker.hook.js";
|
|
8
8
|
const V = ({
|
|
9
9
|
name: d,
|
|
@@ -2,17 +2,18 @@ import { jsx as i, jsxs as A, Fragment as se } from "react/jsx-runtime";
|
|
|
2
2
|
import { u as ae, S as B } from "../../index-DQH6odE9.js";
|
|
3
3
|
import * as n from "react";
|
|
4
4
|
import { useRef as xe, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
|
|
5
|
-
import { P as D, r as Se, d as Ie } from "../../index-
|
|
5
|
+
import { P as D, r as Se, d as Ie } from "../../index-BITvcJAz.js";
|
|
6
6
|
import { c as Ne, a as Ae, b as x, u as De } from "../../index-BfXxHr_2.js";
|
|
7
7
|
import { c as Fe } from "../../index-Cvx4lqTq.js";
|
|
8
|
-
import { B as _e, R as Le
|
|
8
|
+
import { B as _e, R as Le } from "../../index-Cd2vhaop.js";
|
|
9
|
+
import { P as Me } from "../../index-ti1b9kqV.js";
|
|
9
10
|
import { P as Oe } from "../../index-C1g_chDT.js";
|
|
10
11
|
import { u as $ } from "../../index-0ioNhtNM.js";
|
|
11
|
-
import { V as ie, R as ke } from "../../index-
|
|
12
|
+
import { V as ie, R as ke } from "../../index-DBbEcSUG.js";
|
|
12
13
|
import { cn as j } from "../../utils/index.js";
|
|
13
14
|
import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
|
|
14
|
-
import { X as We } from "../../x-
|
|
15
|
-
var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce,
|
|
15
|
+
import { X as We } from "../../x-4F_5p77m.js";
|
|
16
|
+
var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce, bt] = Ne("Toast", [$e]), [Ue, U] = ce(Q), ue = (e) => {
|
|
16
17
|
const {
|
|
17
18
|
__scopeToast: r,
|
|
18
19
|
label: o = "Notification",
|
|
@@ -423,7 +424,7 @@ function q(e) {
|
|
|
423
424
|
return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
|
|
424
425
|
}
|
|
425
426
|
var st = ue, at = de, it = fe, ct = me, ut = Te, lt = ve;
|
|
426
|
-
const
|
|
427
|
+
const gt = ({
|
|
427
428
|
title: e,
|
|
428
429
|
duration: r = 5e3,
|
|
429
430
|
titleClassName: o,
|
|
@@ -474,5 +475,5 @@ const bt = ({
|
|
|
474
475
|
] });
|
|
475
476
|
};
|
|
476
477
|
export {
|
|
477
|
-
|
|
478
|
+
gt as Toast
|
|
478
479
|
};
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { jsx as r, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo as V } from "react";
|
|
3
|
+
import { cn as g } from "../../utils/index.js";
|
|
4
|
+
import { TableProvider as j } from "./contexts/table.provider.js";
|
|
5
|
+
import { Filter as w } from "./components/Filter/Filter.js";
|
|
6
|
+
import { Header as y } from "./components/Header/Header.js";
|
|
7
|
+
import { Body as B } from "./components/Body/Body.js";
|
|
8
|
+
import { Pagination as H } from "./components/Pagination/Pagination.js";
|
|
9
|
+
import { TruncateText as K } from "./components/TruncateText/TruncateText.js";
|
|
10
|
+
import { Actions as M } from "./components/Actions/Actions.js";
|
|
11
|
+
const P = ({
|
|
12
|
+
id: s,
|
|
13
|
+
ariaLabel: c,
|
|
14
|
+
columns: d,
|
|
15
|
+
data: n,
|
|
16
|
+
totalItems: f,
|
|
17
|
+
classNameHeaderTable: p,
|
|
18
|
+
classNameHeaderArrows: u,
|
|
19
|
+
classNameHeaderActiveArrows: b,
|
|
20
|
+
fetchData: T,
|
|
21
|
+
// Pagination
|
|
22
|
+
showPagination: N,
|
|
23
|
+
showTotalItems: o,
|
|
24
|
+
showDropdownPagination: l,
|
|
25
|
+
showDotPagination: a,
|
|
26
|
+
showFormPagination: i,
|
|
27
|
+
pageSizes: h,
|
|
28
|
+
// Filter
|
|
29
|
+
showFilter: x = !1,
|
|
30
|
+
showFilterInput: A,
|
|
31
|
+
filterSearchPlaceholder: v = "",
|
|
32
|
+
multiSelectFilter: z
|
|
33
|
+
}) => {
|
|
34
|
+
const t = V(
|
|
35
|
+
() => N || [
|
|
36
|
+
o,
|
|
37
|
+
l,
|
|
38
|
+
a,
|
|
39
|
+
i
|
|
40
|
+
].some(Boolean),
|
|
41
|
+
[]
|
|
42
|
+
);
|
|
43
|
+
return /* @__PURE__ */ r(
|
|
44
|
+
j,
|
|
45
|
+
{
|
|
46
|
+
id: s,
|
|
47
|
+
columns: d,
|
|
48
|
+
data: n,
|
|
49
|
+
fetchData: T,
|
|
50
|
+
totalItems: f,
|
|
51
|
+
children: /* @__PURE__ */ m("section", { children: [
|
|
52
|
+
x && /* @__PURE__ */ r(
|
|
53
|
+
w,
|
|
54
|
+
{
|
|
55
|
+
placeholder: v,
|
|
56
|
+
multiSelectFilter: z,
|
|
57
|
+
showFilterInput: A
|
|
58
|
+
}
|
|
59
|
+
),
|
|
60
|
+
/* @__PURE__ */ r(
|
|
61
|
+
"div",
|
|
62
|
+
{
|
|
63
|
+
className: g("shadow rounded-t-lg", {
|
|
64
|
+
"overflow-hidden rounded-lg": !t
|
|
65
|
+
}),
|
|
66
|
+
children: /* @__PURE__ */ m("table", { className: "w-full border-collapse", "aria-label": c, children: [
|
|
67
|
+
/* @__PURE__ */ r(
|
|
68
|
+
y,
|
|
69
|
+
{
|
|
70
|
+
className: p,
|
|
71
|
+
classNameArrows: u,
|
|
72
|
+
classNameActiveArrows: b
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ r(B, {})
|
|
76
|
+
] })
|
|
77
|
+
}
|
|
78
|
+
),
|
|
79
|
+
t && /* @__PURE__ */ r(
|
|
80
|
+
H,
|
|
81
|
+
{
|
|
82
|
+
showTotalItems: o,
|
|
83
|
+
showDropdownPagination: l,
|
|
84
|
+
showDotPagination: a,
|
|
85
|
+
showFormPagination: i,
|
|
86
|
+
pageSizes: h
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
] })
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
}, e = P;
|
|
93
|
+
e.displayName = "KonstructVirtualizedTable";
|
|
94
|
+
e.TruncateText = K;
|
|
95
|
+
e.Actions = M;
|
|
96
|
+
export {
|
|
97
|
+
K as TruncateText,
|
|
98
|
+
e as VirtualizedTable
|
|
99
|
+
};
|