@konstructio/ui 0.1.2-alpha.40 → 0.1.2-alpha.43
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-CtAG97Ts.js → Modal-CjC-CIJ8.js} +2 -2
- package/dist/chevron-right-DYvXLeql.js +7 -0
- package/dist/{chevron-up-CRyLc5Ml.js → chevron-up-DEfvgPCw.js} +1 -1
- package/dist/components/Alert/Alert.js +2 -2
- package/dist/components/AlertDialog/AlertDialog.js +75 -49
- package/dist/components/AlertDialog/components/AlertDialogTrigger.js +3 -2
- package/dist/components/AlertDialog/components/index.js +1 -1
- package/dist/components/Badge/Badge.js +31 -30
- package/dist/components/Badge/Badge.variants.js +53 -16
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.variants.js +3 -3
- package/dist/components/Breadcrumb/components/Item/Item.variants.js +25 -14
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Card/Card.variants.js +4 -5
- package/dist/components/Checkbox/Checkbox.js +4 -4
- package/dist/components/Checkbox/Checkbox.variants.js +5 -1
- 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 +1231 -1047
- package/dist/components/Dropdown/Dropdown.variants.js +3 -2
- package/dist/components/Dropdown/components/List/List.js +1 -1
- package/dist/components/Dropdown/components/Wrapper.js +42 -28
- package/dist/components/DropdownButton/DropdownButton.js +1 -1
- package/dist/components/Filter/Filter.variants.js +6 -5
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +73 -46
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js +2 -2
- package/dist/components/Filter/components/ResetButton/ResetButton.js +28 -14
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/Input.variants.js +2 -2
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Modal/components/Body/Body.js +1 -1
- package/dist/components/Modal/components/Footer/Footer.js +1 -1
- package/dist/components/Modal/components/Header/Header.js +1 -1
- package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
- package/dist/components/Modal/components/index.js +1 -1
- package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js +9 -9
- package/dist/components/NumberInput/NumberInput.js +2 -2
- package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js +358 -315
- package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js +1 -1
- package/dist/components/PhoneNumberInput/components/Wrapper.js +58 -58
- package/dist/components/PhoneNumberInput/contexts/phone-number.provider.js +2 -2
- package/dist/components/PhoneNumberInput/utils/index.js +1 -1
- package/dist/components/PieChart/PieChart.js +4 -4
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/Range/Range.js +1 -1
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Switch/Switch.js +2 -2
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.variants.js +3 -2
- 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 +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/TagSelect/components/Wrapper/Wrapper.js +2 -2
- package/dist/components/TimePicker/TimePicker.js +1 -1
- package/dist/components/TimePicker/TimePicker.variants.js +20 -13
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +23 -16
- package/dist/components/TimePicker/components/WrapperList/WrapperList.js +53 -45
- package/dist/components/Toast/Toast.js +8 -8
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Typography/Typography.js +11 -9
- package/dist/components/VirtualizedTable/VirtualizedTable.js +58 -54
- package/dist/components/VirtualizedTable/components/Actions/Actions.js +58 -26
- package/dist/components/VirtualizedTable/components/Body/Body.js +72 -46
- package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +80 -77
- package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +20 -20
- package/dist/components/VirtualizedTable/components/Filter/Filter.js +37 -40
- package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +19 -18
- package/dist/components/VirtualizedTable/components/Header/Header.js +49 -31
- package/dist/components/VirtualizedTable/components/Pagination/Pagination.js +36 -23
- package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js +74 -35
- package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/{index-mPY_8Y5v.js → index-AV6ZtGhy.js} +1 -1
- package/dist/{index-CigKKiZS.js → index-BG8O18ZY.js} +5 -3
- package/dist/{index-DrWQH0QF.js → index-BKjcReYh.js} +2 -2
- package/dist/{index--V_ZsiQe.js → index-BOE_3f_Z.js} +4 -4
- package/dist/{index-Dbt2vBmS.js → index-BlSRBdPy.js} +1 -1
- package/dist/{index-C3tHPg8y.js → index-BmVmDQGH.js} +2 -2
- package/dist/{index-BtQfgaSF.js → index-BvoZGpli.js} +2 -2
- package/dist/{index-2hB40Iuc.js → index-Byr10W8m.js} +6 -6
- package/dist/index-CPU02rhe.js +134 -0
- package/dist/{index-Ds6U2x4Z.js → index-CeZcoQDw.js} +11 -11
- package/dist/{index-CdwPV0FE.js → index-D9SSJ6om.js} +3 -3
- package/dist/{index-CIAmiWcw.js → index-DKfEnhKr.js} +2 -2
- package/dist/{index-CSFe9uC5.js → index-DMb4KD0b.js} +1 -1
- package/dist/{index-ohdbKsws.js → index-DtEcCIrM.js} +1 -1
- package/dist/{index-BbQkJE5L.js → index-Dy59FQl5.js} +1 -1
- package/dist/{index-DpW9ExsS.js → index-gSPwC-1I.js} +3 -3
- package/dist/{index-DH2Fnov1.js → index-vcSp8YRZ.js} +4 -4
- package/dist/index.d.ts +2 -1
- package/dist/index.js +1 -1
- package/dist/{libphonenumber-_7ZyKWA7.js → libphonenumber-FTwQ9nyV.js} +11 -11
- package/dist/package.json +21 -21
- package/dist/styles.css +1 -1
- package/dist/ui/civo-theme.css +11 -10
- package/dist/{x-DPU9OdYH.js → x-Eoa9FJjA.js} +1 -1
- package/package.json +21 -21
- package/dist/chevron-left-C4LEg1fH.js +0 -7
- package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js +0 -16
- package/dist/index-C65LtGuU.js +0 -137
|
@@ -1,72 +1,90 @@
|
|
|
1
1
|
import { jsx as r, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import { f as
|
|
3
|
-
import { useCallback as
|
|
4
|
-
import { cn as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { useTableContext as
|
|
8
|
-
const
|
|
2
|
+
import { f as b } from "../../../../index-CSWGJT-v.js";
|
|
3
|
+
import { useCallback as d } from "react";
|
|
4
|
+
import { cn as a } from "../../../../utils/index.js";
|
|
5
|
+
import g from "../../assets/chevron-up.js";
|
|
6
|
+
import u from "../../assets/chevron-down.js";
|
|
7
|
+
import { useTableContext as k } from "../../contexts/table.hook.js";
|
|
8
|
+
const y = ({
|
|
9
9
|
className: n,
|
|
10
10
|
classNameArrows: i,
|
|
11
|
-
classNameActiveArrows:
|
|
11
|
+
classNameActiveArrows: o
|
|
12
12
|
}) => {
|
|
13
|
-
const { table: c, onSorting:
|
|
14
|
-
(t) =>
|
|
15
|
-
[
|
|
16
|
-
),
|
|
17
|
-
(t) =>
|
|
18
|
-
[
|
|
13
|
+
const { table: c, onSorting: s } = k(), m = d(
|
|
14
|
+
(t) => s([{ id: t.id, desc: !1 }]),
|
|
15
|
+
[s]
|
|
16
|
+
), p = d(
|
|
17
|
+
(t) => s([{ id: t.id, desc: !0 }]),
|
|
18
|
+
[s]
|
|
19
19
|
);
|
|
20
20
|
return /* @__PURE__ */ r(
|
|
21
21
|
"thead",
|
|
22
22
|
{
|
|
23
|
-
className:
|
|
24
|
-
"font-semibold
|
|
23
|
+
className: a(
|
|
24
|
+
"font-semibold",
|
|
25
|
+
"uppercase",
|
|
26
|
+
"text-slate-500",
|
|
27
|
+
"text-xs",
|
|
28
|
+
"not-italic",
|
|
29
|
+
"bg-slate-100",
|
|
30
|
+
"overflow-hidden",
|
|
31
|
+
"dark:text-slate-300",
|
|
32
|
+
"dark:bg-metal-800",
|
|
25
33
|
n
|
|
26
34
|
),
|
|
27
|
-
children: c.getHeaderGroups().map(({ id: t, headers:
|
|
35
|
+
children: c.getHeaderGroups().map(({ id: t, headers: f }) => /* @__PURE__ */ r("tr", { children: f.map(({ id: x, column: e, getContext: h }) => /* @__PURE__ */ r(
|
|
28
36
|
"th",
|
|
29
37
|
{
|
|
30
38
|
scope: "col",
|
|
31
|
-
className:
|
|
32
|
-
"px-4
|
|
39
|
+
className: a(
|
|
40
|
+
"px-4",
|
|
41
|
+
"py-3",
|
|
42
|
+
"text-left",
|
|
43
|
+
"text-xs",
|
|
44
|
+
"first:rounded-tl-lg",
|
|
45
|
+
"last:rounded-tr-lg",
|
|
46
|
+
"border-transparent",
|
|
47
|
+
"dark:border-t",
|
|
48
|
+
"dark:border-metal-700",
|
|
49
|
+
"dark:first:border-l",
|
|
50
|
+
"dark:last:border-r",
|
|
33
51
|
e.columnDef.meta?.headerClassName
|
|
34
52
|
),
|
|
35
53
|
children: /* @__PURE__ */ l("span", { className: "flex items-center gap-2 w-full", children: [
|
|
36
|
-
|
|
54
|
+
b(e.columnDef.header, h()),
|
|
37
55
|
e.getCanSort() && /* @__PURE__ */ l(
|
|
38
56
|
"div",
|
|
39
57
|
{
|
|
40
|
-
className:
|
|
58
|
+
className: a(
|
|
41
59
|
"flex flex-col text-slate-400 justify-center items-center gap-1",
|
|
42
60
|
i
|
|
43
61
|
),
|
|
44
62
|
role: "presentation",
|
|
45
63
|
children: [
|
|
46
64
|
/* @__PURE__ */ r(
|
|
47
|
-
|
|
65
|
+
g,
|
|
48
66
|
{
|
|
49
|
-
className:
|
|
67
|
+
className: a(
|
|
50
68
|
"w-2 h-2 cursor-pointer",
|
|
51
69
|
{
|
|
52
70
|
"text-blue-600": e.getIsSorted() === "asc"
|
|
53
71
|
},
|
|
54
|
-
|
|
72
|
+
o
|
|
55
73
|
),
|
|
56
|
-
onClick: () =>
|
|
74
|
+
onClick: () => m(e)
|
|
57
75
|
}
|
|
58
76
|
),
|
|
59
77
|
/* @__PURE__ */ r(
|
|
60
|
-
|
|
78
|
+
u,
|
|
61
79
|
{
|
|
62
|
-
className:
|
|
80
|
+
className: a(
|
|
63
81
|
"w-2 h-2 cursor-pointer",
|
|
64
82
|
{
|
|
65
83
|
"text-blue-600": e.getIsSorted() === "desc"
|
|
66
84
|
},
|
|
67
|
-
|
|
85
|
+
o
|
|
68
86
|
),
|
|
69
|
-
onClick: () =>
|
|
87
|
+
onClick: () => p(e)
|
|
70
88
|
}
|
|
71
89
|
)
|
|
72
90
|
]
|
|
@@ -74,11 +92,11 @@ const D = ({
|
|
|
74
92
|
)
|
|
75
93
|
] })
|
|
76
94
|
},
|
|
77
|
-
|
|
95
|
+
x
|
|
78
96
|
)) }, t))
|
|
79
97
|
}
|
|
80
98
|
);
|
|
81
99
|
};
|
|
82
100
|
export {
|
|
83
|
-
|
|
101
|
+
y as Header
|
|
84
102
|
};
|
|
@@ -1,46 +1,59 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as p, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { DotPaginate as
|
|
3
|
-
import { DropdownPaginate as
|
|
2
|
+
import { DotPaginate as x } from "../DotPaginate/DotPaginate.js";
|
|
3
|
+
import { DropdownPaginate as f } from "../DropdownPaginate/DropdownPaginate.js";
|
|
4
4
|
import { FormPaginate as u } from "../FormPaginate/FormPaginate.js";
|
|
5
|
-
import { cn as
|
|
6
|
-
import { useTableContext as
|
|
7
|
-
import { DEFAULT_PAGE_SIZE as
|
|
8
|
-
const
|
|
5
|
+
import { cn as b } from "../../../../utils/index.js";
|
|
6
|
+
import { useTableContext as g } from "../../contexts/table.hook.js";
|
|
7
|
+
import { DEFAULT_PAGE_SIZE as h } from "../../constants/pagination.js";
|
|
8
|
+
const j = ({
|
|
9
9
|
showTotalItems: a = !0,
|
|
10
10
|
showDropdownPagination: i = !0,
|
|
11
11
|
showDotPagination: n = !0,
|
|
12
|
-
showFormPagination:
|
|
13
|
-
pageSizes:
|
|
14
|
-
classNamePagination:
|
|
15
|
-
isLoading:
|
|
12
|
+
showFormPagination: l = !0,
|
|
13
|
+
pageSizes: s,
|
|
14
|
+
classNamePagination: m,
|
|
15
|
+
isLoading: o
|
|
16
16
|
}) => {
|
|
17
17
|
const {
|
|
18
18
|
totalItems: r = -1 / 0,
|
|
19
|
-
tableFetching:
|
|
20
|
-
isFirstLoad:
|
|
21
|
-
} =
|
|
22
|
-
return r <=
|
|
19
|
+
tableFetching: d,
|
|
20
|
+
isFirstLoad: c
|
|
21
|
+
} = g();
|
|
22
|
+
return r <= h || d || o ? null : /* @__PURE__ */ t(p, { children: [
|
|
23
23
|
/* @__PURE__ */ e(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
|
-
className:
|
|
27
|
-
"bg-slate-50
|
|
28
|
-
|
|
26
|
+
className: b(
|
|
27
|
+
"bg-slate-50",
|
|
28
|
+
"border",
|
|
29
|
+
"border-y-transparent",
|
|
30
|
+
"border-x-slate-100",
|
|
31
|
+
"text-slate-500",
|
|
32
|
+
"text-xs",
|
|
33
|
+
"not-italic",
|
|
34
|
+
"py-2",
|
|
35
|
+
"px-6",
|
|
36
|
+
"rounded-b-lg",
|
|
37
|
+
"shadow",
|
|
38
|
+
"dark:bg-metal-800",
|
|
39
|
+
"dark:border-x-metal-700",
|
|
40
|
+
"dark:border-b-metal-700",
|
|
41
|
+
m,
|
|
29
42
|
{
|
|
30
|
-
"animate-in fade-in-10": !
|
|
43
|
+
"animate-in fade-in-10": !c
|
|
31
44
|
}
|
|
32
45
|
),
|
|
33
46
|
children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
|
|
34
47
|
/* @__PURE__ */ t("div", { className: "flex items-center gap-6", children: [
|
|
35
|
-
r && a ? /* @__PURE__ */ t("span", { className: "text-slate-800", children: [
|
|
48
|
+
r && a ? /* @__PURE__ */ t("span", { className: "text-slate-800 dark:text-metal-300", children: [
|
|
36
49
|
r,
|
|
37
50
|
" Results"
|
|
38
51
|
] }) : null,
|
|
39
|
-
i && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(
|
|
52
|
+
i && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(f, { pageSizes: s }) })
|
|
40
53
|
] }),
|
|
41
54
|
/* @__PURE__ */ t("div", { className: "flex items-center gap-8", children: [
|
|
42
|
-
n && /* @__PURE__ */ e(
|
|
43
|
-
|
|
55
|
+
n && /* @__PURE__ */ e(x, {}),
|
|
56
|
+
l && /* @__PURE__ */ e(u, {})
|
|
44
57
|
] })
|
|
45
58
|
] })
|
|
46
59
|
}
|
|
@@ -49,5 +62,5 @@ const D = ({
|
|
|
49
62
|
] });
|
|
50
63
|
};
|
|
51
64
|
export {
|
|
52
|
-
|
|
65
|
+
j as Pagination
|
|
53
66
|
};
|
|
@@ -1,67 +1,106 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Button as
|
|
3
|
-
import { cn as
|
|
4
|
-
import { useTableContext as
|
|
5
|
-
import { E as
|
|
6
|
-
const
|
|
7
|
-
const { tableFetching:
|
|
8
|
-
return /* @__PURE__ */
|
|
9
|
-
const
|
|
10
|
-
return /* @__PURE__ */
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { Button as m } from "../../../Button/Button.js";
|
|
3
|
+
import { cn as l } from "../../../../utils/index.js";
|
|
4
|
+
import { useTableContext as c } from "../../contexts/table.hook.js";
|
|
5
|
+
import { E as h } from "../../../../ellipsis-vertical-BVPtjl5f.js";
|
|
6
|
+
const N = ({ numberOfRows: i, table: o }) => {
|
|
7
|
+
const { tableFetching: n, tableLoading: b } = c(), t = Array.from({ length: i });
|
|
8
|
+
return /* @__PURE__ */ r("tbody", { className: "text-slate-800 text-sm font-normal relative", children: t.map((g, e) => {
|
|
9
|
+
const d = o.getAllColumns();
|
|
10
|
+
return /* @__PURE__ */ r(
|
|
11
11
|
"tr",
|
|
12
12
|
{
|
|
13
|
-
className:
|
|
14
|
-
|
|
13
|
+
className: l(
|
|
14
|
+
"border-b",
|
|
15
|
+
"border-b-gray-200",
|
|
16
|
+
"bg-transparent",
|
|
17
|
+
"last:border-b-transparent"
|
|
18
|
+
),
|
|
19
|
+
children: d.map((a, s) => a.id !== "actions" ? /* @__PURE__ */ r(
|
|
15
20
|
"td",
|
|
16
21
|
{
|
|
17
|
-
className:
|
|
18
|
-
"px-4
|
|
19
|
-
|
|
22
|
+
className: l(
|
|
23
|
+
"px-4",
|
|
24
|
+
"py-1",
|
|
25
|
+
"bg-white",
|
|
26
|
+
"dark:bg-metal-900",
|
|
27
|
+
"dark:border-t",
|
|
28
|
+
"dark:border-metal-700",
|
|
29
|
+
"dark:first:border-l",
|
|
30
|
+
"dark:last:border-r",
|
|
31
|
+
"dark:[tr:last-child_&]:border-b",
|
|
32
|
+
a.columnDef.meta?.className,
|
|
20
33
|
{
|
|
21
|
-
"[tr:last-child_&:first-of-type]:rounded-bl-lg":
|
|
22
|
-
"[tr:last-child_&:last-of-type]:rounded-br-lg":
|
|
34
|
+
"[tr:last-child_&:first-of-type]:rounded-bl-lg": e === t.length - 1 && s === 0,
|
|
35
|
+
"[tr:last-child_&:last-of-type]:rounded-br-lg": e === t.length - 1 && s === d.length - 1
|
|
23
36
|
}
|
|
24
37
|
),
|
|
25
|
-
children: /* @__PURE__ */
|
|
38
|
+
children: /* @__PURE__ */ r("div", { className: "animate-in fade-in-0", children: /* @__PURE__ */ r(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
className: l(
|
|
42
|
+
"bg-gray-200",
|
|
43
|
+
"dark:bg-metal-700",
|
|
44
|
+
"animate-pulse",
|
|
45
|
+
"rounded",
|
|
46
|
+
"h-5",
|
|
47
|
+
"w-full"
|
|
48
|
+
)
|
|
49
|
+
}
|
|
50
|
+
) })
|
|
26
51
|
},
|
|
27
|
-
`skeleton-${
|
|
28
|
-
) : /* @__PURE__ */
|
|
52
|
+
`skeleton-${a.id}`
|
|
53
|
+
) : /* @__PURE__ */ r(
|
|
29
54
|
"td",
|
|
30
55
|
{
|
|
31
|
-
className:
|
|
32
|
-
"px-4
|
|
33
|
-
|
|
56
|
+
className: l(
|
|
57
|
+
"px-4",
|
|
58
|
+
"py-1",
|
|
59
|
+
"bg-white",
|
|
60
|
+
"dark:bg-metal-900",
|
|
61
|
+
"dark:border-t",
|
|
62
|
+
"dark:border-metal-700",
|
|
63
|
+
"dark:first:border-l",
|
|
64
|
+
"dark:last:border-r",
|
|
65
|
+
"dark:[tr:last-child_&]:border-b",
|
|
66
|
+
a.columnDef.meta?.className,
|
|
34
67
|
{
|
|
35
|
-
"[tr:last-child_&:first-of-type]:rounded-bl-lg":
|
|
36
|
-
"[tr:last-child_&:last-of-type]:rounded-br-lg":
|
|
68
|
+
"[tr:last-child_&:first-of-type]:rounded-bl-lg": e === t.length - 1 && s === 0,
|
|
69
|
+
"[tr:last-child_&:last-of-type]:rounded-br-lg": e === t.length - 1 && s === d.length - 1
|
|
37
70
|
}
|
|
38
71
|
),
|
|
39
|
-
children: /* @__PURE__ */
|
|
40
|
-
|
|
72
|
+
children: /* @__PURE__ */ r(
|
|
73
|
+
m,
|
|
41
74
|
{
|
|
42
75
|
variant: "text",
|
|
43
76
|
shape: "circle",
|
|
44
77
|
size: "large",
|
|
45
78
|
disabled: !0,
|
|
46
79
|
"aria-hidden": "true",
|
|
47
|
-
children: /* @__PURE__ */
|
|
48
|
-
|
|
80
|
+
children: /* @__PURE__ */ r(
|
|
81
|
+
h,
|
|
49
82
|
{
|
|
50
|
-
className:
|
|
51
|
-
"
|
|
52
|
-
|
|
83
|
+
className: l(
|
|
84
|
+
"w-5",
|
|
85
|
+
"h-5",
|
|
86
|
+
"text-slate-400",
|
|
87
|
+
"dark:text-metal-700",
|
|
88
|
+
{
|
|
89
|
+
"text-gray-300 animate-pulse": n || b
|
|
90
|
+
}
|
|
91
|
+
)
|
|
53
92
|
}
|
|
54
93
|
)
|
|
55
94
|
}
|
|
56
95
|
)
|
|
57
96
|
},
|
|
58
|
-
`skeleton-${
|
|
97
|
+
`skeleton-${a.id}`
|
|
59
98
|
))
|
|
60
99
|
},
|
|
61
|
-
`skeleton-row-${
|
|
100
|
+
`skeleton-row-${e}`
|
|
62
101
|
);
|
|
63
102
|
}) });
|
|
64
103
|
};
|
|
65
104
|
export {
|
|
66
|
-
|
|
105
|
+
N as Skeleton
|
|
67
106
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as r, jsxs as d } from "react/jsx-runtime";
|
|
2
|
-
import { P as u, R as b, T as m, C as p } from "../../../../index-
|
|
2
|
+
import { P as u, R as b, T as m, C as p } from "../../../../index-Byr10W8m.js";
|
|
3
3
|
import { d as h } from "../../../../debounce-BFejQm9P.js";
|
|
4
4
|
import { useRef as x, useState as w, useCallback as g, useEffect as s } from "react";
|
|
5
5
|
const v = ({ getValue: l, value: i }) => {
|
package/dist/components/index.js
CHANGED
|
@@ -13,7 +13,7 @@ import { DropdownButton as h } from "./DropdownButton/DropdownButton.js";
|
|
|
13
13
|
import { Filter as w } from "./Filter/Filter.js";
|
|
14
14
|
import { Input as R } from "./Input/Input.js";
|
|
15
15
|
import { Loading as M } from "./Loading/Loading.js";
|
|
16
|
-
import { M as F } from "../Modal-
|
|
16
|
+
import { M as F } from "../Modal-CjC-CIJ8.js";
|
|
17
17
|
import { MultiSelectDropdown as I } from "./MultiSelectDropdown/MultiSelectDropdown.js";
|
|
18
18
|
import { NumberInput as y } from "./NumberInput/NumberInput.js";
|
|
19
19
|
import { PhoneNumberInput as O } from "./PhoneNumberInput/PhoneNumberInput.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as l from "react";
|
|
2
2
|
import R from "react";
|
|
3
|
-
import { c as T } from "./index-
|
|
3
|
+
import { c as T } from "./index-DKfEnhKr.js";
|
|
4
4
|
import { c as P, u as A } from "./index-DLcqcWxM.js";
|
|
5
5
|
import { jsx as E } from "react/jsx-runtime";
|
|
6
6
|
// @__NO_SIDE_EFFECTS__
|
|
@@ -27,7 +27,7 @@ function v(e) {
|
|
|
27
27
|
});
|
|
28
28
|
return t.displayName = `${e}.SlotClone`, t;
|
|
29
29
|
}
|
|
30
|
-
var b = Symbol("radix.slottable");
|
|
30
|
+
var b = /* @__PURE__ */ Symbol("radix.slottable");
|
|
31
31
|
function w(e) {
|
|
32
32
|
return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === b;
|
|
33
33
|
}
|
|
@@ -65,7 +65,9 @@ function B(e) {
|
|
|
65
65
|
const y = e + "CollectionItemSlot", I = "data-radix-collection-item", N = /* @__PURE__ */ M(y), _ = R.forwardRef(
|
|
66
66
|
(m, i) => {
|
|
67
67
|
const { scope: S, children: u, ...p } = m, C = R.useRef(null), g = A(i, C), x = c(y, S);
|
|
68
|
-
return R.useEffect(() => (x.itemMap.set(C, { ref: C, ...p }), () =>
|
|
68
|
+
return R.useEffect(() => (x.itemMap.set(C, { ref: C, ...p }), () => {
|
|
69
|
+
x.itemMap.delete(C);
|
|
70
|
+
})), /* @__PURE__ */ E(N, { [I]: "", ref: g, children: u });
|
|
69
71
|
}
|
|
70
72
|
);
|
|
71
73
|
_.displayName = y;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as t from "react";
|
|
2
|
-
import { c as f } from "./index-
|
|
2
|
+
import { c as f } from "./index-BvoZGpli.js";
|
|
3
3
|
import { jsx as a } from "react/jsx-runtime";
|
|
4
4
|
var v = [
|
|
5
5
|
"a",
|
|
@@ -22,7 +22,7 @@ var v = [
|
|
|
22
22
|
], c = v.reduce((i, r) => {
|
|
23
23
|
const l = f(`Primitive.${r}`), e = t.forwardRef((s, d) => {
|
|
24
24
|
const { asChild: n, ...m } = s, p = n ? l : r;
|
|
25
|
-
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(p, { ...m, ref: d });
|
|
25
|
+
return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(p, { ...m, ref: d });
|
|
26
26
|
});
|
|
27
27
|
return e.displayName = `Primitive.${r}`, { ...i, [r]: e };
|
|
28
28
|
}, {}), u = Object.freeze({
|
|
@@ -4,7 +4,7 @@ var ue;
|
|
|
4
4
|
function Se() {
|
|
5
5
|
if (ue) return T;
|
|
6
6
|
ue = 1;
|
|
7
|
-
var o = typeof Symbol == "function" && Symbol.for, C = o ? Symbol.for("react.element") : 60103, O = o ? Symbol.for("react.portal") : 60106, p = o ? Symbol.for("react.fragment") : 60107, S = o ? Symbol.for("react.strict_mode") : 60108, a = o ? Symbol.for("react.profiler") : 60114, P = o ? Symbol.for("react.provider") : 60109, l = o ? Symbol.for("react.context") : 60110, _ = o ? Symbol.for("react.async_mode") : 60111, g = o ? Symbol.for("react.concurrent_mode") : 60111, b = o ? Symbol.for("react.forward_ref") : 60112, E = o ? Symbol.for("react.suspense") : 60113, x = o ? Symbol.for("react.suspense_list") : 60120, w = o ? Symbol.for("react.memo") : 60115, M = o ? Symbol.for("react.lazy") : 60116, R = o ? Symbol.for("react.block") : 60121, j = o ? Symbol.for("react.fundamental") : 60117, q = o ? Symbol.for("react.responder") : 60118, F = o ? Symbol.for("react.scope") : 60119;
|
|
7
|
+
var o = typeof Symbol == "function" && Symbol.for, C = o ? /* @__PURE__ */ Symbol.for("react.element") : 60103, O = o ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, p = o ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, S = o ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = o ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, P = o ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = o ? /* @__PURE__ */ Symbol.for("react.context") : 60110, _ = o ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = o ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = o ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, E = o ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, x = o ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, w = o ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, M = o ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, R = o ? /* @__PURE__ */ Symbol.for("react.block") : 60121, j = o ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = o ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, F = o ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
|
|
8
8
|
function I(t) {
|
|
9
9
|
if (typeof t == "object" && t !== null) {
|
|
10
10
|
var k = t.$$typeof;
|
|
@@ -69,8 +69,8 @@ function Se() {
|
|
|
69
69
|
var m = {};
|
|
70
70
|
var fe;
|
|
71
71
|
function Pe() {
|
|
72
|
-
return fe || (fe = 1, process.env.NODE_ENV !== "production" && function() {
|
|
73
|
-
var o = typeof Symbol == "function" && Symbol.for, C = o ? Symbol.for("react.element") : 60103, O = o ? Symbol.for("react.portal") : 60106, p = o ? Symbol.for("react.fragment") : 60107, S = o ? Symbol.for("react.strict_mode") : 60108, a = o ? Symbol.for("react.profiler") : 60114, P = o ? Symbol.for("react.provider") : 60109, l = o ? Symbol.for("react.context") : 60110, _ = o ? Symbol.for("react.async_mode") : 60111, g = o ? Symbol.for("react.concurrent_mode") : 60111, b = o ? Symbol.for("react.forward_ref") : 60112, E = o ? Symbol.for("react.suspense") : 60113, x = o ? Symbol.for("react.suspense_list") : 60120, w = o ? Symbol.for("react.memo") : 60115, M = o ? Symbol.for("react.lazy") : 60116, R = o ? Symbol.for("react.block") : 60121, j = o ? Symbol.for("react.fundamental") : 60117, q = o ? Symbol.for("react.responder") : 60118, F = o ? Symbol.for("react.scope") : 60119;
|
|
72
|
+
return fe || (fe = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
73
|
+
var o = typeof Symbol == "function" && Symbol.for, C = o ? /* @__PURE__ */ Symbol.for("react.element") : 60103, O = o ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, p = o ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, S = o ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = o ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, P = o ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = o ? /* @__PURE__ */ Symbol.for("react.context") : 60110, _ = o ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = o ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = o ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, E = o ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, x = o ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, w = o ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, M = o ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, R = o ? /* @__PURE__ */ Symbol.for("react.block") : 60121, j = o ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = o ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, F = o ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
|
|
74
74
|
function I(r) {
|
|
75
75
|
return typeof r == "string" || typeof r == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
76
76
|
r === p || r === g || r === a || r === S || r === E || r === x || typeof r == "object" && r !== null && (r.$$typeof === M || r.$$typeof === w || r.$$typeof === P || r.$$typeof === l || r.$$typeof === b || r.$$typeof === j || r.$$typeof === q || r.$$typeof === F || r.$$typeof === R);
|
|
@@ -148,7 +148,7 @@ function Pe() {
|
|
|
148
148
|
return A(r) === E;
|
|
149
149
|
}
|
|
150
150
|
m.AsyncMode = t, m.ConcurrentMode = k, m.ContextConsumer = H, m.ContextProvider = J, m.Element = X, m.ForwardRef = G, m.Fragment = U, m.Lazy = K, m.Memo = Z, m.Portal = L, m.Profiler = Q, m.StrictMode = Y, m.Suspense = W, m.isAsyncMode = ee, m.isConcurrentMode = e, m.isContextConsumer = n, m.isContextProvider = f, m.isElement = s, m.isForwardRef = i, m.isFragment = y, m.isLazy = c, m.isMemo = u, m.isPortal = d, m.isProfiler = h, m.isStrictMode = v, m.isSuspense = $, m.isValidElementType = I, m.typeOf = A;
|
|
151
|
-
}()), m;
|
|
151
|
+
})()), m;
|
|
152
152
|
}
|
|
153
153
|
var le;
|
|
154
154
|
function he() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i from "react";
|
|
2
|
-
import { P as R, b as h, d as z } from "./index-
|
|
2
|
+
import { P as R, b as h, d as z } from "./index-DKfEnhKr.js";
|
|
3
3
|
import { u as g } from "./index-DLcqcWxM.js";
|
|
4
4
|
import { u as m } from "./index-0ioNhtNM.js";
|
|
5
5
|
import { jsx as B } from "react/jsx-runtime";
|
|
@@ -489,7 +489,7 @@ function d() {
|
|
|
489
489
|
}
|
|
490
490
|
var R;
|
|
491
491
|
function g() {
|
|
492
|
-
return R || (R = 1, function(S) {
|
|
492
|
+
return R || (R = 1, (function(S) {
|
|
493
493
|
const n = H, s = V, B = d().remove, A = {}, F = {}, C = {}, O = {}, D = {};
|
|
494
494
|
n.forEach(function(u) {
|
|
495
495
|
const E = u;
|
|
@@ -653,7 +653,7 @@ function g() {
|
|
|
653
653
|
const E = u.toString().toUpperCase();
|
|
654
654
|
return c(C, E) || c(F, E) || c(O, E);
|
|
655
655
|
};
|
|
656
|
-
}(T)), T;
|
|
656
|
+
})(T)), T;
|
|
657
657
|
}
|
|
658
658
|
var Z = /* @__PURE__ */ g();
|
|
659
659
|
const Y = /* @__PURE__ */ p(Z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import { c as S } from "./index-DLcqcWxM.js";
|
|
3
3
|
import { jsx as y } from "react/jsx-runtime";
|
|
4
|
-
var E = Symbol.for("react.lazy"), p = e[" use ".trim().toString()];
|
|
4
|
+
var E = /* @__PURE__ */ Symbol.for("react.lazy"), p = e[" use ".trim().toString()];
|
|
5
5
|
function g(r) {
|
|
6
6
|
return typeof r == "object" && r !== null && "then" in r;
|
|
7
7
|
}
|
|
@@ -35,7 +35,7 @@ function _(r) {
|
|
|
35
35
|
});
|
|
36
36
|
return n.displayName = `${r}.SlotClone`, n;
|
|
37
37
|
}
|
|
38
|
-
var R = Symbol("radix.slottable");
|
|
38
|
+
var R = /* @__PURE__ */ Symbol("radix.slottable");
|
|
39
39
|
function b(r) {
|
|
40
40
|
return e.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === R;
|
|
41
41
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as g from "react";
|
|
2
2
|
import { useLayoutEffect as Bt } from "react";
|
|
3
|
-
import { P as le, c as tt, u as ze, a as Vt, b as J } from "./index-
|
|
3
|
+
import { P as le, c as tt, u as ze, a as Vt, b as J } from "./index-DKfEnhKr.js";
|
|
4
4
|
import { u as we } from "./index-DLcqcWxM.js";
|
|
5
|
-
import { D as zt } from "./index-
|
|
6
|
-
import { u as jt } from "./index-
|
|
5
|
+
import { D as zt } from "./index-BlSRBdPy.js";
|
|
6
|
+
import { u as jt } from "./index-Dy59FQl5.js";
|
|
7
7
|
import * as Yt from "react-dom";
|
|
8
8
|
import { jsx as T, Fragment as Xt, jsxs as Gt } from "react/jsx-runtime";
|
|
9
9
|
import { u as qt } from "./index-0ioNhtNM.js";
|
|
10
|
-
import { u as Ut } from "./index-
|
|
11
|
-
import { P as Kt } from "./index-
|
|
10
|
+
import { u as Ut } from "./index-DtEcCIrM.js";
|
|
11
|
+
import { P as Kt } from "./index-AV6ZtGhy.js";
|
|
12
12
|
const Zt = ["top", "right", "bottom", "left"], U = Math.min, F = Math.max, pe = Math.round, ue = Math.floor, j = (e) => ({
|
|
13
13
|
x: e,
|
|
14
14
|
y: e
|
|
@@ -1531,7 +1531,7 @@ function At(e) {
|
|
|
1531
1531
|
const [t, n = "center"] = e.split("-");
|
|
1532
1532
|
return [t, n];
|
|
1533
1533
|
}
|
|
1534
|
-
var wo = wt, yo = xt, xo = vt, vo = Ct, bo = Symbol("radix.slottable");
|
|
1534
|
+
var wo = wt, yo = xt, xo = vt, vo = Ct, bo = /* @__PURE__ */ Symbol("radix.slottable");
|
|
1535
1535
|
// @__NO_SIDE_EFFECTS__
|
|
1536
1536
|
function Co(e) {
|
|
1537
1537
|
const t = ({ children: n }) => /* @__PURE__ */ T(Xt, { children: n });
|