triafly-ui-kit 1.0.78 → 1.0.79
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/assets/src/components/Ui/Button/Button.css +1 -1
- package/dist/assets/src/components/Ui/ButtonsArray/ButtonsArray.css +1 -1
- package/dist/assets/src/components/Ui/ModalWindow/ModalWindow.css +1 -1
- package/dist/assets/src/context/ToastContext/ToastContext.css +1 -0
- package/dist/components/Ui/ButtonsArray/ButtonsArray.js +28 -25
- package/dist/components/Ui/Form/FormItem/FormItem.js +67 -51
- package/dist/components/Ui/Icons/Icons.js +0 -9
- package/dist/components/Ui/Icons/index.js +52 -54
- package/dist/components/Ui/ModalWindow/ModalWindow.js +13 -13
- package/dist/components/Ui/NumberInput/NumberInput.js +49 -0
- package/dist/components/Ui/NumberInput/index.js +4 -0
- package/dist/components/Ui/Table/Table.js +43 -44
- package/dist/context/ToastContext/ToastContext.js +22 -24
- package/dist/context/TriaflyContext/TriaflyProvider.js +18 -17
- package/dist/context/TriaflyContext/hooks/useTheme/useTheme.js +5 -5
- package/dist/main.d.ts +12 -16
- package/dist/main.js +79 -79
- package/package.json +1 -1
- package/src/styles/variables.scss +184 -249
- package/dist/assets/src/context/ToastContext/ToastContext.module.css +0 -1
- package/dist/components/Ui/Button/Button.stories.js +0 -145
- package/dist/src/context/ToastContext/ToastContext.module.scss.js +0 -9
@@ -1,32 +1,31 @@
|
|
1
1
|
import { jsx as t, jsxs as u } from "react/jsx-runtime";
|
2
|
-
import W, { forwardRef as X, useState as
|
2
|
+
import W, { forwardRef as X, useState as D, useMemo as Y, useCallback as b, useEffect as Z } from "react";
|
3
3
|
import l from "../../../_virtual/index.js";
|
4
4
|
import '../../../assets/src/components/Ui/Table/Table.css';/* empty css */
|
5
5
|
import { MemoizedRow as S } from "./MemoizedRow/MemoizedRow.js";
|
6
|
-
import { IconCaretDown as
|
6
|
+
import { IconCaretDown as R, IconCaretUp as K } from "../Icons/Icons.js";
|
7
7
|
import { Loader as ee } from "../Loader/Loader.js";
|
8
|
-
|
9
|
-
|
10
|
-
asc: /* @__PURE__ */ t(C, { viewBox: "0 -6 24 24", "aria-hidden": "true" }),
|
8
|
+
const T = {
|
9
|
+
asc: /* @__PURE__ */ t(R, { viewBox: "0 -6 24 24", "aria-hidden": "true" }),
|
11
10
|
desc: /* @__PURE__ */ t(K, { viewBox: "0 -4 24 24", "aria-hidden": "true" }),
|
12
|
-
default: /* @__PURE__ */ t(
|
13
|
-
},
|
14
|
-
columns:
|
11
|
+
default: /* @__PURE__ */ t(R, { viewBox: "0 -6 24 24", "aria-hidden": "true" })
|
12
|
+
}, te = ({
|
13
|
+
columns: y,
|
15
14
|
dataSource: i,
|
16
|
-
rowKey:
|
15
|
+
rowKey: c,
|
17
16
|
tableClassName: A,
|
18
17
|
theadClassName: j,
|
19
18
|
trTheadClassNames: E,
|
20
19
|
thTheadClassNames: L,
|
21
20
|
tbodyClassName: M,
|
22
21
|
wrapperClassName: $,
|
23
|
-
borderBottom:
|
22
|
+
borderBottom: w = !1,
|
24
23
|
stickyHeader: z = !1,
|
25
|
-
stickyLeft:
|
24
|
+
stickyLeft: g = !1,
|
26
25
|
bordered: m = !1,
|
27
26
|
rowClassName: U,
|
28
27
|
defaultSort: q,
|
29
|
-
onClickTr:
|
28
|
+
onClickTr: f,
|
30
29
|
onClickTrHeader: F,
|
31
30
|
loading: N = !1,
|
32
31
|
hasMore: G = !1,
|
@@ -34,44 +33,44 @@ const D = {
|
|
34
33
|
externalSorting: k = !0,
|
35
34
|
containerRef: H
|
36
35
|
}, J) => {
|
37
|
-
const x = W.useRef(null), [I, O] =
|
36
|
+
const x = W.useRef(null), [I, O] = D(i || []), [r, P] = D(
|
38
37
|
q || null
|
39
|
-
),
|
40
|
-
O((
|
41
|
-
const n =
|
38
|
+
), p = Y(() => k ? i : I, [i, I, k]), B = b((e, a) => {
|
39
|
+
O((o) => [...o].sort((d, C) => {
|
40
|
+
const n = d[e], s = C[e];
|
42
41
|
return typeof n == "string" && typeof s == "string" ? a === "asc" ? n.localeCompare(s) : s.localeCompare(n) : typeof n == "number" && typeof s == "number" ? a === "asc" ? n - s : s - n : n instanceof Date && s instanceof Date ? a === "asc" ? n.getTime() - s.getTime() : s.getTime() - n.getTime() : 0;
|
43
42
|
})), P({ key: e, order: a });
|
44
|
-
}, []),
|
45
|
-
(e) => typeof
|
46
|
-
[
|
47
|
-
), Q =
|
43
|
+
}, []), _ = b(
|
44
|
+
(e) => typeof c == "function" ? c(e) : String(e[c]),
|
45
|
+
[c]
|
46
|
+
), Q = b(
|
48
47
|
(e) => {
|
49
|
-
const
|
50
|
-
|
48
|
+
const o = (r == null ? void 0 : r.key) === e && r.order === "asc" ? "desc" : "asc";
|
49
|
+
B(e, o);
|
51
50
|
},
|
52
|
-
[r,
|
51
|
+
[r, B]
|
53
52
|
);
|
54
53
|
return Z(() => {
|
55
54
|
const e = x.current;
|
56
55
|
if (!e) return;
|
57
|
-
const a = (
|
58
|
-
const
|
59
|
-
if (!
|
60
|
-
const n =
|
61
|
-
if (!(!n || !
|
62
|
-
const s = i == null ? void 0 : i.find((V) =>
|
63
|
-
s &&
|
56
|
+
const a = (o) => {
|
57
|
+
const h = o.target, d = h.closest("tr");
|
58
|
+
if (!d || h.closest("[data-no-bubble]")) return;
|
59
|
+
const n = d.dataset.id;
|
60
|
+
if (!(!n || !f)) {
|
61
|
+
const s = i == null ? void 0 : i.find((V) => _(V) === n);
|
62
|
+
s && f(s);
|
64
63
|
}
|
65
64
|
};
|
66
65
|
return e.addEventListener("click", a), () => e.removeEventListener("click", a);
|
67
|
-
}, [i,
|
66
|
+
}, [i, f, _]), /* @__PURE__ */ t("div", { className: l("table-component", $), children: /* @__PURE__ */ t(
|
68
67
|
"div",
|
69
68
|
{
|
70
69
|
className: l(
|
71
70
|
"table-component__wrapper",
|
72
71
|
{
|
73
72
|
bordered: m,
|
74
|
-
borderBottom:
|
73
|
+
borderBottom: w
|
75
74
|
},
|
76
75
|
A
|
77
76
|
),
|
@@ -81,7 +80,7 @@ const D = {
|
|
81
80
|
{
|
82
81
|
className: l("table-component__wrapper__table", {
|
83
82
|
bordered: m,
|
84
|
-
borderBottom:
|
83
|
+
borderBottom: w
|
85
84
|
}),
|
86
85
|
ref: J,
|
87
86
|
children: [
|
@@ -103,14 +102,14 @@ const D = {
|
|
103
102
|
E
|
104
103
|
),
|
105
104
|
onClick: F,
|
106
|
-
children:
|
105
|
+
children: y.map((e, a) => /* @__PURE__ */ t(
|
107
106
|
"th",
|
108
107
|
{
|
109
108
|
className: l(
|
110
109
|
"table-component__wrapper__table__thead__th",
|
111
110
|
{
|
112
111
|
bordered: m,
|
113
|
-
stickyLeft:
|
112
|
+
stickyLeft: g && a === 0
|
114
113
|
},
|
115
114
|
L
|
116
115
|
),
|
@@ -129,7 +128,7 @@ const D = {
|
|
129
128
|
className: "th-content",
|
130
129
|
children: [
|
131
130
|
e.title,
|
132
|
-
e.sorted && /* @__PURE__ */ t("span", { className: "sort-icon", children: (r == null ? void 0 : r.key) === e.key ?
|
131
|
+
e.sorted && /* @__PURE__ */ t("span", { className: "sort-icon", children: (r == null ? void 0 : r.key) === e.key ? T[r.order] : T.default })
|
133
132
|
]
|
134
133
|
}
|
135
134
|
)
|
@@ -146,20 +145,20 @@ const D = {
|
|
146
145
|
ref: x,
|
147
146
|
className: l("table-component__wrapper__table__tbody", M),
|
148
147
|
children: [
|
149
|
-
|
148
|
+
p == null ? void 0 : p.map((e) => /* @__PURE__ */ t(
|
150
149
|
S,
|
151
150
|
{
|
152
151
|
record: e,
|
153
|
-
columns:
|
154
|
-
rowKey:
|
152
|
+
columns: y,
|
153
|
+
rowKey: c,
|
155
154
|
rowClassName: U,
|
156
|
-
stickyLeft:
|
155
|
+
stickyLeft: g,
|
157
156
|
bordered: m
|
158
157
|
},
|
159
|
-
|
158
|
+
_(e)
|
160
159
|
)),
|
161
160
|
N ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("div", { className: "loading_table_init", children: /* @__PURE__ */ t(ee, { className: "centered" }) }) }) }) : null,
|
162
|
-
!N && G && v && /* @__PURE__ */ t("tr", { ref: v,
|
161
|
+
!N && G && v && /* @__PURE__ */ t("tr", { ref: v, style: { height: 1, visibility: "hidden" } })
|
163
162
|
]
|
164
163
|
},
|
165
164
|
"tbody"
|
@@ -170,7 +169,7 @@ const D = {
|
|
170
169
|
},
|
171
170
|
"wrapper"
|
172
171
|
) }, "table-component");
|
173
|
-
},
|
172
|
+
}, oe = X(te);
|
174
173
|
export {
|
175
|
-
|
174
|
+
oe as Table
|
176
175
|
};
|
@@ -1,40 +1,38 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { createContext as
|
1
|
+
import { jsxs as p, jsx as d } from "react/jsx-runtime";
|
2
|
+
import { createContext as x, useState as f, useCallback as u, useMemo as h, useContext as w } from "react";
|
3
3
|
import C from "react-dom";
|
4
|
-
import
|
5
|
-
const
|
6
|
-
const
|
7
|
-
if (!
|
4
|
+
import '../../assets/src/context/ToastContext/ToastContext.css';/* empty css */
|
5
|
+
const m = x(void 0), j = () => {
|
6
|
+
const e = w(m);
|
7
|
+
if (!e)
|
8
8
|
throw new Error("useToast must be used within a ToastProvider");
|
9
|
-
return
|
10
|
-
}, M = ({ children:
|
11
|
-
const [
|
12
|
-
|
13
|
-
}, []),
|
9
|
+
return e;
|
10
|
+
}, M = ({ children: e }) => {
|
11
|
+
const [l, a] = f([]), T = 3, n = 4e3, i = u((t) => {
|
12
|
+
a((o) => o.filter((s) => s.id !== t));
|
13
|
+
}, []), c = u(
|
14
14
|
(t) => {
|
15
|
-
const
|
15
|
+
const o = {
|
16
16
|
id: Date.now(),
|
17
17
|
message: t,
|
18
|
-
duration:
|
18
|
+
duration: n
|
19
19
|
};
|
20
|
-
|
21
|
-
const
|
22
|
-
return
|
23
|
-
}), setTimeout(() => i(
|
20
|
+
a((s) => {
|
21
|
+
const r = [...s, o];
|
22
|
+
return r.length > T ? r.slice(1) : r;
|
23
|
+
}), setTimeout(() => i(o.id), n);
|
24
24
|
},
|
25
25
|
[i]
|
26
|
-
);
|
27
|
-
|
28
|
-
|
29
|
-
return /* @__PURE__ */ v(T.Provider, { value: x, children: [
|
30
|
-
o,
|
26
|
+
), v = h(() => ({ addToast: c }), [c]);
|
27
|
+
return /* @__PURE__ */ p(m.Provider, { value: v, children: [
|
28
|
+
e,
|
31
29
|
C.createPortal(
|
32
|
-
/* @__PURE__ */
|
30
|
+
/* @__PURE__ */ d("div", { className: "toast-provider", children: l.map((t) => /* @__PURE__ */ d("div", { className: "toast-provider__element", children: t.message }, t.id)) }),
|
33
31
|
document.body
|
34
32
|
)
|
35
33
|
] });
|
36
34
|
};
|
37
35
|
export {
|
38
36
|
M as ToastProvider,
|
39
|
-
|
37
|
+
j as useToast
|
40
38
|
};
|
@@ -1,27 +1,28 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { createContext as
|
3
|
-
import { useBreakpointValueTriafly as
|
4
|
-
import { useThemeLogic as
|
5
|
-
import { useModalState as
|
6
|
-
const
|
7
|
-
const e =
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
2
|
+
import { createContext as n, useMemo as a, useContext as u } from "react";
|
3
|
+
import { useBreakpointValueTriafly as f } from "./hooks/useBreakpointValue/useBreakpointValue.js";
|
4
|
+
import { useThemeLogic as l } from "./hooks/useTheme/useTheme.js";
|
5
|
+
import { useModalState as c } from "./hooks/useModal/useModal.js";
|
6
|
+
const i = n(void 0), y = () => {
|
7
|
+
const e = u(i);
|
8
8
|
if (!e)
|
9
9
|
throw new Error("useTriafly must be used within a TriaflyProvider");
|
10
10
|
return e;
|
11
|
-
},
|
12
|
-
const { theme:
|
11
|
+
}, v = ({ children: e }) => {
|
12
|
+
const { theme: t, toggleTheme: o, setTheme: r } = l(), s = a(
|
13
13
|
() => ({
|
14
|
-
theme:
|
15
|
-
toggleTheme:
|
16
|
-
useBreakpointValueTriafly:
|
17
|
-
useModalState:
|
14
|
+
theme: t,
|
15
|
+
toggleTheme: o,
|
16
|
+
useBreakpointValueTriafly: f,
|
17
|
+
useModalState: c,
|
18
|
+
setTheme: r
|
18
19
|
}),
|
19
|
-
[o, r]
|
20
|
+
[t, o, r]
|
20
21
|
);
|
21
|
-
return /* @__PURE__ */
|
22
|
+
return /* @__PURE__ */ m(i.Provider, { value: s, children: e });
|
22
23
|
};
|
23
24
|
export {
|
24
|
-
|
25
|
-
|
25
|
+
i as TriaflyContext,
|
26
|
+
v as TriaflyProvider,
|
26
27
|
y as useTriafly
|
27
28
|
};
|
@@ -1,16 +1,16 @@
|
|
1
1
|
import { useSyncExternalStore as n } from "react";
|
2
|
-
const
|
2
|
+
const r = () => {
|
3
3
|
const t = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
4
4
|
return localStorage.getItem("theme") || (t ? "dark" : "light");
|
5
|
-
}, m =
|
5
|
+
}, m = r();
|
6
6
|
document.documentElement.setAttribute("data-theme", m);
|
7
7
|
const c = () => {
|
8
|
-
const t = n((e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e)),
|
8
|
+
const t = n((e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e)), r), o = (e) => {
|
9
9
|
localStorage.setItem("theme", e), localStorage.setItem("chakra-ui-color-mode", e), document.documentElement.setAttribute("data-theme", e), window.dispatchEvent(new Event("storage"));
|
10
10
|
};
|
11
11
|
return { theme: t, toggleTheme: () => {
|
12
|
-
|
13
|
-
} };
|
12
|
+
o(t === "light" ? "dark" : "light");
|
13
|
+
}, setTheme: o };
|
14
14
|
};
|
15
15
|
export {
|
16
16
|
c as useThemeLogic
|
package/dist/main.d.ts
CHANGED
@@ -74,13 +74,14 @@ declare type ButtonProps = {
|
|
74
74
|
iconTail?: ReactElement;
|
75
75
|
};
|
76
76
|
|
77
|
-
export declare const ButtonsArray:
|
77
|
+
export declare const ButtonsArray: ForwardRefExoticComponent<ButtonsArrayProps & RefAttributes<HTMLDivElement>>;
|
78
78
|
|
79
79
|
export declare interface ButtonsArrayProps {
|
80
80
|
tabs: ButtonTab[];
|
81
81
|
label?: string;
|
82
82
|
onChange?: (key: string | number) => void;
|
83
83
|
activeKey?: string | number | null | undefined;
|
84
|
+
isDisabled?: boolean;
|
84
85
|
}
|
85
86
|
|
86
87
|
declare interface ButtonTab {
|
@@ -662,13 +663,6 @@ className?: string;
|
|
662
663
|
viewBox?: string;
|
663
664
|
}>;
|
664
665
|
|
665
|
-
export declare const IconGitBranch: FC< {
|
666
|
-
size?: number;
|
667
|
-
color?: string;
|
668
|
-
className?: string;
|
669
|
-
viewBox?: string;
|
670
|
-
}>;
|
671
|
-
|
672
666
|
export declare const IconGitBranchX: FC< {
|
673
667
|
size?: number;
|
674
668
|
color?: string;
|
@@ -984,13 +978,6 @@ className?: string;
|
|
984
978
|
viewBox?: string;
|
985
979
|
}>;
|
986
980
|
|
987
|
-
export declare const IconUsers: FC< {
|
988
|
-
size?: number;
|
989
|
-
color?: string;
|
990
|
-
className?: string;
|
991
|
-
viewBox?: string;
|
992
|
-
}>;
|
993
|
-
|
994
981
|
export declare const IconUserX: FC< {
|
995
982
|
size?: number;
|
996
983
|
color?: string;
|
@@ -1076,6 +1063,13 @@ declare type ModalWindowProps = {
|
|
1076
1063
|
foolHeight?: boolean;
|
1077
1064
|
};
|
1078
1065
|
|
1066
|
+
export declare const NumberInput: default_2.ForwardRefExoticComponent<NumberInputProps & default_2.RefAttributes<HTMLInputElement>>;
|
1067
|
+
|
1068
|
+
declare interface NumberInputProps extends TextInputProps {
|
1069
|
+
allowNegative?: boolean;
|
1070
|
+
allowDecimal?: boolean;
|
1071
|
+
}
|
1072
|
+
|
1079
1073
|
declare type Option_2 = {
|
1080
1074
|
value: string;
|
1081
1075
|
label: string;
|
@@ -1137,7 +1131,7 @@ declare type SearchInputProps = {
|
|
1137
1131
|
onChange?: (value: string) => void;
|
1138
1132
|
};
|
1139
1133
|
|
1140
|
-
declare type SizeModal = "sm" | "md" | "lg" | "full";
|
1134
|
+
declare type SizeModal = "sm" | "md" | "lg" | "full" | "inner";
|
1141
1135
|
|
1142
1136
|
declare type SizeUnit = "B" | "KB" | "MB" | "GB";
|
1143
1137
|
|
@@ -1283,6 +1277,7 @@ export declare const TriaflyContext: Context<TriaflyContextType | undefined>;
|
|
1283
1277
|
declare interface TriaflyContextType {
|
1284
1278
|
theme: Theme;
|
1285
1279
|
toggleTheme: () => void;
|
1280
|
+
setTheme: (newTheme: Theme) => void;
|
1286
1281
|
useBreakpointValueTriafly: <T>(values: BreakpointValuesTriafly<T>) => T;
|
1287
1282
|
useModalState: typeof useModalState;
|
1288
1283
|
}
|
@@ -1306,6 +1301,7 @@ export declare const useModalState: () => UseModalReturn;
|
|
1306
1301
|
export declare const useThemeLogic: () => {
|
1307
1302
|
theme: Theme;
|
1308
1303
|
toggleTheme: () => void;
|
1304
|
+
setTheme: (newTheme: Theme) => void;
|
1309
1305
|
};
|
1310
1306
|
|
1311
1307
|
export declare const useToast: () => ToastContextType;
|
package/dist/main.js
CHANGED
@@ -12,12 +12,12 @@ import { CliTextareaInput as S } from "./components/Ui/CliTextareaInput/CliTexta
|
|
12
12
|
import "react";
|
13
13
|
import { CustomLink as D } from "./components/Ui/CustomLink/CustomLink.js";
|
14
14
|
import { DropdownInput as P } from "./components/Ui/DropdownInput/DropdownInput.js";
|
15
|
-
import { DropdownMenu as
|
16
|
-
import { FileUpload as
|
15
|
+
import { DropdownMenu as B } from "./components/Ui/DropdownMenu/DropdownMenu.js";
|
16
|
+
import { FileUpload as U } from "./components/Ui/FileUpload/FileUpload.js";
|
17
17
|
import { Form as R } from "./components/Ui/Form/FormRoot/FormRoot.js";
|
18
18
|
import { FormValidationError as X, useForm as b } from "./components/Ui/Form/useForm/useForm.js";
|
19
|
-
import { Loader as
|
20
|
-
import { Pagination as
|
19
|
+
import { Loader as N } from "./components/Ui/Loader/Loader.js";
|
20
|
+
import { Pagination as G } from "./components/Ui/Pagination/Pagination.js";
|
21
21
|
import { Radio as Q } from "./components/Ui/Radio/Radio.js";
|
22
22
|
import { SearchInput as W } from "./components/Ui/SearchInput/SearchInput.js";
|
23
23
|
import { Skeleton as J } from "./components/Ui/Skeleton/Skeleton.js";
|
@@ -27,12 +27,13 @@ import { TextInput as _ } from "./components/Ui/TextInput/TextInput.js";
|
|
27
27
|
import { TextareaInput as oo } from "./components/Ui/TextareaInput/TextareaInput.js";
|
28
28
|
import { Tooltip as no } from "./components/Ui/Tooltip/Tooltip.js";
|
29
29
|
import { Tabs as co } from "./components/Ui/Tabs/Tabs.js";
|
30
|
-
import { IconArrowBendUpRight as Io, IconArrowClockwise as ao, IconArrowDown as io, IconArrowLeft as po, IconArrowLineDown as lo, IconArrowLineLeft as mo, IconArrowLineRight as fo, IconArrowLineUp as xo, IconArrowRight as so, IconArrowUp as uo, IconArrowsOut as Co, IconArticle as ho, IconAt as wo, IconBellSimple as To, IconBookOpenText as go, IconCalendarBlank as ko, IconCaretDown as So, IconCaretLeft as Ao, IconCaretRight as Do, IconCaretUp as Lo, IconCaretUpDown as Po, IconChartPieSlice as
|
31
|
-
import { ToastProvider as
|
32
|
-
import { TriaflyContext as
|
33
|
-
import { useBreakpointValueTriafly as
|
34
|
-
import { useThemeLogic as
|
35
|
-
import { useModalState as
|
30
|
+
import { IconArrowBendUpRight as Io, IconArrowClockwise as ao, IconArrowDown as io, IconArrowLeft as po, IconArrowLineDown as lo, IconArrowLineLeft as mo, IconArrowLineRight as fo, IconArrowLineUp as xo, IconArrowRight as so, IconArrowUp as uo, IconArrowsOut as Co, IconArticle as ho, IconAt as wo, IconBellSimple as To, IconBookOpenText as go, IconCalendarBlank as ko, IconCaretDown as So, IconCaretLeft as Ao, IconCaretRight as Do, IconCaretUp as Lo, IconCaretUpDown as Po, IconChartPieSlice as yo, IconChatText as Bo, IconCheck as Fo, IconCheckCircle as Uo, IconChecks as Mo, IconCircleNotch as Ro, IconClickHouse as vo, IconCopy as Xo, IconCornersOut as bo, IconCsv as Ho, IconCube as No, IconDatabase as Eo, IconDotsNine as Go, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Vo, IconEyeSlash as Wo, IconFile as zo, IconFiles as Jo, IconFloppyDisk as Yo, IconFolderSimple as jo, IconFolderSimpleX as qo, IconFunnel as Ko, IconGauge as Zo, IconGear as _o, IconGitBranchX as $o, IconGoogleDrive as or, IconHand as rr, IconHeadCircuit as nr, IconHouse as er, IconIcon as cr, IconInfo as tr, IconJoin as Ir, IconLanguage as ar, IconLink as ir, IconList as pr, IconLock as lr, IconLockOpen as mr, IconMariaDB as fr, IconMinus as xr, IconMongoDB as sr, IconMoon as ur, IconMySQL as dr, IconNavigationArrow as Cr, IconNotePencil as hr, IconPassword as wr, IconPen as Tr, IconPlay as gr, IconPlugsX as kr, IconPlus as Sr, IconPorsgteSQL as Ar, IconPresentationChart as Dr, IconQuestion as Lr, IconQuestionFullfilled as Pr, IconRedo as yr, IconRoleX as Br, IconSearch as Fr, IconSearchX as Ur, IconSelection as Mr, IconServer as Rr, IconSlidersHorizontal as vr, IconSticker as Xr, IconSun as br, IconThreeDot as Hr, IconTrash as Nr, IconTriangleDown as Er, IconTriangleUp as Gr, IconUndo as Or, IconUploadSimple as Qr, IconUser as Vr, IconUserX as Wr, IconWarningCircle as zr, IconWrench as Jr, IconX as Yr, IconYandexDisk as jr } from "./components/Ui/Icons/Icons.js";
|
31
|
+
import { ToastProvider as Kr, useToast as Zr } from "./context/ToastContext/ToastContext.js";
|
32
|
+
import { TriaflyContext as $r, TriaflyProvider as on, useTriafly as rn } from "./context/TriaflyContext/TriaflyProvider.js";
|
33
|
+
import { useBreakpointValueTriafly as en } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
|
34
|
+
import { useThemeLogic as tn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
|
35
|
+
import { useModalState as an } from "./context/TriaflyContext/hooks/useModal/useModal.js";
|
36
|
+
import { NumberInput as ln } from "./components/Ui/NumberInput/NumberInput.js";
|
36
37
|
export {
|
37
38
|
e as Accordeon,
|
38
39
|
t as Alert,
|
@@ -46,8 +47,8 @@ export {
|
|
46
47
|
x as DatePicker,
|
47
48
|
u as DateRangePicker,
|
48
49
|
P as DropdownInput,
|
49
|
-
|
50
|
-
|
50
|
+
B as DropdownMenu,
|
51
|
+
U as FileUpload,
|
51
52
|
R as Form,
|
52
53
|
X as FormValidationError,
|
53
54
|
Io as IconArrowBendUpRight,
|
@@ -71,19 +72,19 @@ export {
|
|
71
72
|
Do as IconCaretRight,
|
72
73
|
Lo as IconCaretUp,
|
73
74
|
Po as IconCaretUpDown,
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
75
|
+
yo as IconChartPieSlice,
|
76
|
+
Bo as IconChatText,
|
77
|
+
Fo as IconCheck,
|
78
|
+
Uo as IconCheckCircle,
|
78
79
|
Mo as IconChecks,
|
79
80
|
Ro as IconCircleNotch,
|
80
81
|
vo as IconClickHouse,
|
81
82
|
Xo as IconCopy,
|
82
83
|
bo as IconCornersOut,
|
83
|
-
|
84
|
-
|
84
|
+
Ho as IconCsv,
|
85
|
+
No as IconCube,
|
85
86
|
Eo as IconDatabase,
|
86
|
-
|
87
|
+
Go as IconDotsNine,
|
87
88
|
Oo as IconDotsThreeVertical,
|
88
89
|
Qo as IconExport,
|
89
90
|
Vo as IconEye,
|
@@ -96,61 +97,60 @@ export {
|
|
96
97
|
Ko as IconFunnel,
|
97
98
|
Zo as IconGauge,
|
98
99
|
_o as IconGear,
|
99
|
-
$o as
|
100
|
-
or as
|
101
|
-
rr as
|
102
|
-
nr as
|
103
|
-
er as
|
104
|
-
cr as
|
105
|
-
tr as
|
106
|
-
Ir as
|
107
|
-
ar as
|
108
|
-
ir as
|
109
|
-
pr as
|
110
|
-
lr as
|
111
|
-
mr as
|
112
|
-
fr as
|
113
|
-
xr as
|
114
|
-
sr as
|
115
|
-
ur as
|
116
|
-
dr as
|
117
|
-
Cr as
|
118
|
-
hr as
|
119
|
-
wr as
|
120
|
-
Tr as
|
121
|
-
gr as
|
122
|
-
kr as
|
123
|
-
Sr as
|
124
|
-
Ar as
|
125
|
-
Dr as
|
126
|
-
Lr as
|
127
|
-
Pr as
|
128
|
-
|
129
|
-
|
130
|
-
yr as IconRoleX,
|
100
|
+
$o as IconGitBranchX,
|
101
|
+
or as IconGoogleDrive,
|
102
|
+
rr as IconHand,
|
103
|
+
nr as IconHeadCircuit,
|
104
|
+
er as IconHouse,
|
105
|
+
cr as IconIcon,
|
106
|
+
tr as IconInfo,
|
107
|
+
Ir as IconJoin,
|
108
|
+
ar as IconLanguage,
|
109
|
+
ir as IconLink,
|
110
|
+
pr as IconList,
|
111
|
+
lr as IconLock,
|
112
|
+
mr as IconLockOpen,
|
113
|
+
fr as IconMariaDB,
|
114
|
+
xr as IconMinus,
|
115
|
+
sr as IconMongoDB,
|
116
|
+
ur as IconMoon,
|
117
|
+
dr as IconMySQL,
|
118
|
+
Cr as IconNavigationArrow,
|
119
|
+
hr as IconNotePencil,
|
120
|
+
wr as IconPassword,
|
121
|
+
Tr as IconPen,
|
122
|
+
gr as IconPlay,
|
123
|
+
kr as IconPlugsX,
|
124
|
+
Sr as IconPlus,
|
125
|
+
Ar as IconPorsgteSQL,
|
126
|
+
Dr as IconPresentationChart,
|
127
|
+
Lr as IconQuestion,
|
128
|
+
Pr as IconQuestionFullfilled,
|
129
|
+
yr as IconRedo,
|
130
|
+
Br as IconRoleX,
|
131
131
|
Fr as IconSearch,
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
132
|
+
Ur as IconSearchX,
|
133
|
+
Mr as IconSelection,
|
134
|
+
Rr as IconServer,
|
135
|
+
vr as IconSlidersHorizontal,
|
136
|
+
Xr as IconSticker,
|
137
|
+
br as IconSun,
|
138
138
|
Hr as IconThreeDot,
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
H as Loader,
|
139
|
+
Nr as IconTrash,
|
140
|
+
Er as IconTriangleDown,
|
141
|
+
Gr as IconTriangleUp,
|
142
|
+
Or as IconUndo,
|
143
|
+
Qr as IconUploadSimple,
|
144
|
+
Vr as IconUser,
|
145
|
+
Wr as IconUserX,
|
146
|
+
zr as IconWarningCircle,
|
147
|
+
Jr as IconWrench,
|
148
|
+
Yr as IconX,
|
149
|
+
jr as IconYandexDisk,
|
150
|
+
N as Loader,
|
152
151
|
p as ModalWindow,
|
153
|
-
|
152
|
+
ln as NumberInput,
|
153
|
+
G as Pagination,
|
154
154
|
Q as Radio,
|
155
155
|
W as SearchInput,
|
156
156
|
J as Skeleton,
|
@@ -159,14 +159,14 @@ export {
|
|
159
159
|
co as Tabs,
|
160
160
|
_ as TextInput,
|
161
161
|
oo as TextareaInput,
|
162
|
-
|
162
|
+
Kr as ToastProvider,
|
163
163
|
no as Tooltip,
|
164
|
-
|
165
|
-
|
166
|
-
|
164
|
+
$r as TriaflyContext,
|
165
|
+
on as TriaflyProvider,
|
166
|
+
en as useBreakpointValueTriafly,
|
167
167
|
b as useForm,
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
168
|
+
an as useModalState,
|
169
|
+
tn as useThemeLogic,
|
170
|
+
Zr as useToast,
|
171
|
+
rn as useTriafly
|
172
172
|
};
|