triafly-ui-kit 1.0.78 → 1.0.80
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 +29 -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 +14 -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,16 @@ 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;
|
85
|
+
errorMessage?: string;
|
86
|
+
hasError?: boolean;
|
84
87
|
}
|
85
88
|
|
86
89
|
declare interface ButtonTab {
|
@@ -662,13 +665,6 @@ className?: string;
|
|
662
665
|
viewBox?: string;
|
663
666
|
}>;
|
664
667
|
|
665
|
-
export declare const IconGitBranch: FC< {
|
666
|
-
size?: number;
|
667
|
-
color?: string;
|
668
|
-
className?: string;
|
669
|
-
viewBox?: string;
|
670
|
-
}>;
|
671
|
-
|
672
668
|
export declare const IconGitBranchX: FC< {
|
673
669
|
size?: number;
|
674
670
|
color?: string;
|
@@ -984,13 +980,6 @@ className?: string;
|
|
984
980
|
viewBox?: string;
|
985
981
|
}>;
|
986
982
|
|
987
|
-
export declare const IconUsers: FC< {
|
988
|
-
size?: number;
|
989
|
-
color?: string;
|
990
|
-
className?: string;
|
991
|
-
viewBox?: string;
|
992
|
-
}>;
|
993
|
-
|
994
983
|
export declare const IconUserX: FC< {
|
995
984
|
size?: number;
|
996
985
|
color?: string;
|
@@ -1076,6 +1065,13 @@ declare type ModalWindowProps = {
|
|
1076
1065
|
foolHeight?: boolean;
|
1077
1066
|
};
|
1078
1067
|
|
1068
|
+
export declare const NumberInput: default_2.ForwardRefExoticComponent<NumberInputProps & default_2.RefAttributes<HTMLInputElement>>;
|
1069
|
+
|
1070
|
+
declare interface NumberInputProps extends TextInputProps {
|
1071
|
+
allowNegative?: boolean;
|
1072
|
+
allowDecimal?: boolean;
|
1073
|
+
}
|
1074
|
+
|
1079
1075
|
declare type Option_2 = {
|
1080
1076
|
value: string;
|
1081
1077
|
label: string;
|
@@ -1137,7 +1133,7 @@ declare type SearchInputProps = {
|
|
1137
1133
|
onChange?: (value: string) => void;
|
1138
1134
|
};
|
1139
1135
|
|
1140
|
-
declare type SizeModal = "sm" | "md" | "lg" | "full";
|
1136
|
+
declare type SizeModal = "sm" | "md" | "lg" | "full" | "inner";
|
1141
1137
|
|
1142
1138
|
declare type SizeUnit = "B" | "KB" | "MB" | "GB";
|
1143
1139
|
|
@@ -1283,6 +1279,7 @@ export declare const TriaflyContext: Context<TriaflyContextType | undefined>;
|
|
1283
1279
|
declare interface TriaflyContextType {
|
1284
1280
|
theme: Theme;
|
1285
1281
|
toggleTheme: () => void;
|
1282
|
+
setTheme: (newTheme: Theme) => void;
|
1286
1283
|
useBreakpointValueTriafly: <T>(values: BreakpointValuesTriafly<T>) => T;
|
1287
1284
|
useModalState: typeof useModalState;
|
1288
1285
|
}
|
@@ -1306,6 +1303,7 @@ export declare const useModalState: () => UseModalReturn;
|
|
1306
1303
|
export declare const useThemeLogic: () => {
|
1307
1304
|
theme: Theme;
|
1308
1305
|
toggleTheme: () => void;
|
1306
|
+
setTheme: (newTheme: Theme) => void;
|
1309
1307
|
};
|
1310
1308
|
|
1311
1309
|
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
|
};
|