triafly-ui-kit 1.0.42 → 1.0.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/README.md +93 -93
- package/dist/_virtual/index2.js +5 -2
- package/dist/_virtual/index3.js +4 -0
- package/dist/assets/src/components/Ui/Skeleton/Skeleton.module.css +1 -1
- package/dist/assets/src/components/Ui/Table/Table.css +1 -1
- package/dist/assets/src/components/Ui/Tooltip/Tooltip.stories.module.css +1 -1
- package/dist/components/Ui/ButtonsArray/ButtonsArray.js +16 -15
- package/dist/components/Ui/ButtonsArray/ButtonsArray.stories.js +8 -8
- package/dist/components/Ui/Icons/Icons.js +24 -32
- package/dist/components/Ui/Icons/index.js +67 -69
- package/dist/components/Ui/Table/MemoizedRow/MemoizedRow.js +31 -30
- package/dist/components/Ui/Table/Table.js +103 -138
- package/dist/main.d.ts +3 -25
- package/dist/main.js +103 -105
- package/dist/node_modules/classnames/index.js +1 -1
- package/dist/node_modules/fast-deep-equal/index.js +31 -0
- package/dist/src/components/Ui/Skeleton/Skeleton.module.scss.js +5 -5
- package/dist/src/components/Ui/Tooltip/Tooltip.stories.module.css.js +1 -1
- package/dist/styles/_mixins.scss +21 -21
- package/dist/styles/fix.scss +3 -3
- package/dist/styles/main.scss +26 -26
- package/dist/styles/reset.scss +105 -105
- package/dist/styles/typography.scss +106 -106
- package/dist/styles/variables.scss +277 -277
- package/package.json +112 -112
- package/src/styles/_mixins.scss +21 -21
- package/src/styles/fix.scss +3 -3
- package/src/styles/main.scss +26 -26
- package/src/styles/reset.scss +105 -105
- package/src/styles/typography.scss +106 -106
- package/src/styles/variables.scss +277 -277
- package/dist/assets/src/components/Ui/Table/TableSkeletonRow/TableSkeletonRow.css +0 -1
- package/dist/components/Ui/Table/TableSkeletonRow/TableSkeletonRow.js +0 -11
@@ -1,4 +1,4 @@
|
|
1
|
-
import { IconArrowBendUpRight as c, IconArrowClockwise as I, IconArrowDown as e, IconArrowLeft as r, IconArrowLineDown as i, IconArrowLineLeft as t, IconArrowLineRight as a, IconArrowLineUp as l, IconArrowRight as s, IconArrowUp as C, IconArrowsOut as
|
1
|
+
import { IconArrowBendUpRight as c, IconArrowClockwise as I, IconArrowDown as e, IconArrowLeft as r, IconArrowLineDown as i, IconArrowLineLeft as t, IconArrowLineRight as a, IconArrowLineUp as l, IconArrowRight as s, IconArrowUp as C, IconArrowsOut as w, IconArticle as h, IconAt as p, IconBellSimple as g, IconBookOpenText as u, IconCalendarBlank as S, IconCaretDown as A, IconCaretLeft as D, IconCaretRight as L, IconCaretUp as d, IconCaretUpDown as k, IconChartPieSlice as U, IconChatText as P, IconCheck as F, IconCheckCircle as T, IconChecks as f, IconCircleNotch as y, IconCopy as B, IconCornersOut as R, IconCsv as X, IconCube as m, IconDatabase as x, IconDotsNine as M, IconDotsThreeVertical as v, IconExport as H, IconEye as N, IconEyeSlash as O, IconFile as Q, IconFiles as E, IconFloppyDisk as G, IconFolderSimple as b, IconFolderSimpleX as W, IconFunnel as z, IconGauge as J, IconGear as V, IconGoogleDrive as Y, IconHand as j, IconHeadCircuit as q, IconHouse as K, IconIcon as Z, IconInfo as _, IconJoin as $, IconLanguage as oo, IconLink as no, IconList as co, IconLock as Io, IconLockOpen as eo, IconMariaDB as ro, IconMinus as io, IconMongoDB as to, IconMoon as ao, IconMySQL as lo, IconNavigationArrow as so, IconNotePencil as Co, IconPassword as wo, IconPen as ho, IconPlay as po, IconPlugsX as go, IconPlus as uo, IconPorsgteSQL as So, IconPresentationChart as Ao, IconQuestion as Do, IconQuestionFullfilled as Lo, IconRedo as ko, IconRoleX as Uo, IconSearch as Po, IconSearchX as Fo, IconSelection as To, IconServer as fo, IconSlidersHorizontal as yo, IconSticker as Bo, IconSun as Ro, IconThreeDot as Xo, IconTrash as mo, IconTriangleDown as xo, IconTriangleUp as Mo, IconUndo as vo, IconUploadSimple as Ho, IconUser as No, IconUserX as Oo, IconWarningCircle as Qo, IconWrench as Eo, IconX as Go, IconYandexDisk as bo } from "./Icons.js";
|
2
2
|
export {
|
3
3
|
c as IconArrowBendUpRight,
|
4
4
|
I as IconArrowClockwise,
|
@@ -10,11 +10,11 @@ export {
|
|
10
10
|
l as IconArrowLineUp,
|
11
11
|
s as IconArrowRight,
|
12
12
|
C as IconArrowUp,
|
13
|
-
|
14
|
-
|
13
|
+
w as IconArrowsOut,
|
14
|
+
h as IconArticle,
|
15
15
|
p as IconAt,
|
16
|
-
|
17
|
-
|
16
|
+
g as IconBellSimple,
|
17
|
+
u as IconBookOpenText,
|
18
18
|
S as IconCalendarBlank,
|
19
19
|
A as IconCaretDown,
|
20
20
|
D as IconCaretLeft,
|
@@ -23,77 +23,75 @@ export {
|
|
23
23
|
k as IconCaretUpDown,
|
24
24
|
U as IconChartPieSlice,
|
25
25
|
P as IconChatText,
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
y as IconCopy,
|
26
|
+
F as IconCheck,
|
27
|
+
T as IconCheckCircle,
|
28
|
+
f as IconChecks,
|
29
|
+
y as IconCircleNotch,
|
30
|
+
B as IconCopy,
|
32
31
|
R as IconCornersOut,
|
33
|
-
|
34
|
-
|
35
|
-
|
32
|
+
X as IconCsv,
|
33
|
+
m as IconCube,
|
34
|
+
x as IconDatabase,
|
36
35
|
M as IconDotsNine,
|
37
36
|
v as IconDotsThreeVertical,
|
38
|
-
|
37
|
+
H as IconExport,
|
39
38
|
N as IconEye,
|
40
39
|
O as IconEyeSlash,
|
41
40
|
Q as IconFile,
|
42
41
|
E as IconFiles,
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
wo as
|
69
|
-
|
70
|
-
|
71
|
-
go as
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
Fo as
|
81
|
-
To as
|
82
|
-
Xo as IconSelection,
|
42
|
+
G as IconFloppyDisk,
|
43
|
+
b as IconFolderSimple,
|
44
|
+
W as IconFolderSimpleX,
|
45
|
+
z as IconFunnel,
|
46
|
+
J as IconGauge,
|
47
|
+
V as IconGear,
|
48
|
+
Y as IconGoogleDrive,
|
49
|
+
j as IconHand,
|
50
|
+
q as IconHeadCircuit,
|
51
|
+
K as IconHouse,
|
52
|
+
Z as IconIcon,
|
53
|
+
_ as IconInfo,
|
54
|
+
$ as IconJoin,
|
55
|
+
oo as IconLanguage,
|
56
|
+
no as IconLink,
|
57
|
+
co as IconList,
|
58
|
+
Io as IconLock,
|
59
|
+
eo as IconLockOpen,
|
60
|
+
ro as IconMariaDB,
|
61
|
+
io as IconMinus,
|
62
|
+
to as IconMongoDB,
|
63
|
+
ao as IconMoon,
|
64
|
+
lo as IconMySQL,
|
65
|
+
so as IconNavigationArrow,
|
66
|
+
Co as IconNotePencil,
|
67
|
+
wo as IconPassword,
|
68
|
+
ho as IconPen,
|
69
|
+
po as IconPlay,
|
70
|
+
go as IconPlugsX,
|
71
|
+
uo as IconPlus,
|
72
|
+
So as IconPorsgteSQL,
|
73
|
+
Ao as IconPresentationChart,
|
74
|
+
Do as IconQuestion,
|
75
|
+
Lo as IconQuestionFullfilled,
|
76
|
+
ko as IconRedo,
|
77
|
+
Uo as IconRoleX,
|
78
|
+
Po as IconSearch,
|
79
|
+
Fo as IconSearchX,
|
80
|
+
To as IconSelection,
|
83
81
|
fo as IconServer,
|
84
82
|
yo as IconSlidersHorizontal,
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
83
|
+
Bo as IconSticker,
|
84
|
+
Ro as IconSun,
|
85
|
+
Xo as IconThreeDot,
|
86
|
+
mo as IconTrash,
|
87
|
+
xo as IconTriangleDown,
|
88
|
+
Mo as IconTriangleUp,
|
89
|
+
vo as IconUndo,
|
90
|
+
Ho as IconUploadSimple,
|
91
|
+
No as IconUser,
|
92
|
+
Oo as IconUserX,
|
93
|
+
Qo as IconWarningCircle,
|
94
|
+
Eo as IconWrench,
|
95
|
+
Go as IconX,
|
96
|
+
bo as IconYandexDisk
|
99
97
|
};
|
@@ -1,49 +1,50 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import
|
3
|
-
import
|
4
|
-
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
2
|
+
import c from "react";
|
3
|
+
import m from "../../../../_virtual/index2.js";
|
4
|
+
import d from "../../../../_virtual/index.js";
|
5
|
+
const h = c.memo(
|
5
6
|
({
|
6
7
|
record: t,
|
7
|
-
columns:
|
8
|
+
columns: _,
|
8
9
|
rowKey: a,
|
9
|
-
rowClassName:
|
10
|
-
index:
|
11
|
-
stickyLeft:
|
12
|
-
|
13
|
-
|
10
|
+
rowClassName: n,
|
11
|
+
index: l,
|
12
|
+
stickyLeft: r,
|
13
|
+
onClickTr: b,
|
14
|
+
bordered: i
|
14
15
|
}) => {
|
15
|
-
const
|
16
|
-
|
16
|
+
const s = (e) => {
|
17
|
+
!e.target.closest("[data-no-bubble]") && b && b(t);
|
18
|
+
};
|
19
|
+
return /* @__PURE__ */ p(
|
17
20
|
"tr",
|
18
21
|
{
|
19
|
-
|
20
|
-
className: o(
|
22
|
+
className: d(
|
21
23
|
"table-component__wrapper__table__tbody__tr",
|
22
|
-
|
24
|
+
n == null ? void 0 : n(t, l),
|
25
|
+
{
|
26
|
+
"table-component__wrapper__table__tbody__tr--hoverable": !!b
|
27
|
+
}
|
23
28
|
),
|
24
|
-
|
29
|
+
onClick: s,
|
30
|
+
children: _.map((e, o) => /* @__PURE__ */ p(
|
25
31
|
"td",
|
26
32
|
{
|
27
|
-
className:
|
28
|
-
"table-component__wrapper__table__tbody__td--bordered":
|
29
|
-
"table-component__wrapper__table__tbody__td--sticky-left":
|
33
|
+
className: d("table-component__wrapper__table__tbody__td", e.className, {
|
34
|
+
"table-component__wrapper__table__tbody__td--bordered": i,
|
35
|
+
"table-component__wrapper__table__tbody__td--sticky-left": r && o === 0
|
30
36
|
}),
|
31
|
-
align:
|
32
|
-
children:
|
37
|
+
align: e.align,
|
38
|
+
children: e.render ? e.render(t[e.dataIndex], t) : String(t[e.dataIndex] ?? "")
|
33
39
|
},
|
34
|
-
`${
|
40
|
+
`${e.key}-${o}`
|
35
41
|
))
|
36
42
|
},
|
37
|
-
|
43
|
+
typeof a == "function" ? a(t) : String(t[a])
|
38
44
|
);
|
39
45
|
},
|
40
|
-
(t,
|
41
|
-
if (t.id && n.id)
|
42
|
-
return t.id === n.id;
|
43
|
-
const a = (e) => typeof e.rowKey == "function" ? e.rowKey(e.record) : String(e.record[e.rowKey]), d = a(t), i = a(n);
|
44
|
-
return d !== i ? !1 : t.columns === n.columns;
|
45
|
-
}
|
46
|
+
(t, _) => m(t.columns, _.columns) && m(t.record, _.record)
|
46
47
|
);
|
47
48
|
export {
|
48
|
-
|
49
|
+
h as MemoizedRow
|
49
50
|
};
|
@@ -1,196 +1,161 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import
|
1
|
+
import { jsx as t, jsxs as _ } from "react/jsx-runtime";
|
2
|
+
import U, { useState as N, useEffect as q, useCallback as d } from "react";
|
3
3
|
import o from "../../../_virtual/index.js";
|
4
4
|
import '../../../assets/src/components/Ui/Table/Table.css';/* empty css */
|
5
|
-
import { IconCaretDown as
|
6
|
-
import { MemoizedRow as
|
7
|
-
import { Loader as
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
5
|
+
import { IconCaretDown as w, IconCaretUp as F } from "../Icons/Icons.js";
|
6
|
+
import { MemoizedRow as G } from "./MemoizedRow/MemoizedRow.js";
|
7
|
+
import { Loader as H } from "../Loader/Loader.js";
|
8
|
+
const y = {
|
9
|
+
asc: /* @__PURE__ */ t(w, { viewBox: "0 -6 24 24", "aria-hidden": "true" }),
|
10
|
+
desc: /* @__PURE__ */ t(F, { viewBox: "0 -4 24 24", "aria-hidden": "true" }),
|
11
|
+
default: /* @__PURE__ */ t(w, { viewBox: "0 -6 24 24", "aria-hidden": "true" })
|
12
|
+
};
|
13
|
+
function J({
|
14
14
|
columns: f,
|
15
|
-
dataSource:
|
15
|
+
dataSource: c,
|
16
16
|
rowKey: i,
|
17
|
-
tableClassName:
|
18
|
-
theadClassName:
|
19
|
-
trTheadClassNames:
|
20
|
-
thTheadClassNames:
|
21
|
-
tbodyClassName:
|
22
|
-
wrapperClassName:
|
23
|
-
borderBottom:
|
24
|
-
stickyHeader:
|
25
|
-
stickyLeft:
|
26
|
-
bordered:
|
27
|
-
rowClassName:
|
28
|
-
defaultSort:
|
29
|
-
onClickTr:
|
30
|
-
onClickTrHeader:
|
31
|
-
loading:
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
},
|
39
|
-
const
|
40
|
-
|
41
|
-
), N = ee(() => {
|
42
|
-
if (!l)
|
43
|
-
return D ? m : A;
|
44
|
-
}, [l, m, A, D]), E = k(
|
45
|
-
(e, t) => {
|
46
|
-
if (l) {
|
47
|
-
S({ key: e, order: t });
|
48
|
-
return;
|
49
|
-
}
|
50
|
-
W((d) => [...d].sort((h, I) => {
|
51
|
-
const r = h[e], a = I[e];
|
52
|
-
return typeof r == "string" && typeof a == "string" ? t === "asc" ? r.localeCompare(a) : a.localeCompare(r) : typeof r == "number" && typeof a == "number" ? t === "asc" ? r - a : a - r : r instanceof Date && a instanceof Date ? t === "asc" ? r.getTime() - a.getTime() : a.getTime() - r.getTime() : 0;
|
53
|
-
})), S({ key: e, order: t });
|
54
|
-
},
|
55
|
-
[l]
|
56
|
-
), v = k(
|
57
|
-
(e) => typeof i == "function" ? i(e) : String(e[i]),
|
17
|
+
tableClassName: v,
|
18
|
+
theadClassName: k,
|
19
|
+
trTheadClassNames: x,
|
20
|
+
thTheadClassNames: D,
|
21
|
+
tbodyClassName: I,
|
22
|
+
wrapperClassName: A,
|
23
|
+
borderBottom: u = !1,
|
24
|
+
stickyHeader: C = !1,
|
25
|
+
stickyLeft: h = !1,
|
26
|
+
bordered: l = !1,
|
27
|
+
rowClassName: j,
|
28
|
+
defaultSort: B,
|
29
|
+
onClickTr: m,
|
30
|
+
onClickTrHeader: R,
|
31
|
+
loading: S = !1
|
32
|
+
}) {
|
33
|
+
const [T, b] = N(c), [n, z] = N(
|
34
|
+
B || null
|
35
|
+
);
|
36
|
+
q(() => {
|
37
|
+
b(c);
|
38
|
+
}, [c]);
|
39
|
+
const $ = d(
|
40
|
+
(e) => typeof i == "function" ? i(e) : typeof i == "string" && i in e ? String(e[i]) : "unknown",
|
58
41
|
[i]
|
59
|
-
),
|
42
|
+
), g = d((e, a) => {
|
43
|
+
b((p) => [...p].sort((L, M) => {
|
44
|
+
const s = L[e], r = M[e];
|
45
|
+
return typeof s == "string" && typeof r == "string" ? a === "asc" ? s.localeCompare(r) : r.localeCompare(s) : typeof s == "number" && typeof r == "number" ? a === "asc" ? s - r : r - s : s instanceof Date && r instanceof Date ? a === "asc" ? s.getTime() - r.getTime() : r.getTime() - s.getTime() : 0;
|
46
|
+
})), z({ key: e, order: a });
|
47
|
+
}, []), E = d(
|
60
48
|
(e) => {
|
61
|
-
const
|
62
|
-
|
49
|
+
const p = (n == null ? void 0 : n.key) === e && n.order === "asc" ? "desc" : "asc";
|
50
|
+
g(e, p);
|
63
51
|
},
|
64
|
-
[
|
52
|
+
[n, g]
|
65
53
|
);
|
66
|
-
return
|
67
|
-
const e = T.current;
|
68
|
-
if (!e) return;
|
69
|
-
const t = (d) => {
|
70
|
-
const w = d.target, h = w.closest("tr");
|
71
|
-
if (!h || w.closest("[data-no-bubble]")) return;
|
72
|
-
const r = h.dataset.id;
|
73
|
-
if (!(!r || !_))
|
74
|
-
if (l && c) {
|
75
|
-
const a = c[r];
|
76
|
-
a && _(a);
|
77
|
-
} else {
|
78
|
-
const a = m.find((Y) => v(Y) === r);
|
79
|
-
a && _(a);
|
80
|
-
}
|
81
|
-
};
|
82
|
-
return e.addEventListener("click", t), () => e.removeEventListener("click", t);
|
83
|
-
}, [m, _, v, l, c]), /* @__PURE__ */ n("div", { className: o("table-component", F), children: /* @__PURE__ */ n(
|
54
|
+
return /* @__PURE__ */ t("div", { className: o("table-component", A), children: /* @__PURE__ */ t(
|
84
55
|
"div",
|
85
56
|
{
|
86
57
|
className: o(
|
87
58
|
"table-component__wrapper",
|
88
59
|
{
|
89
|
-
bordered:
|
90
|
-
borderBottom:
|
60
|
+
bordered: l,
|
61
|
+
borderBottom: u
|
91
62
|
},
|
92
|
-
|
63
|
+
v
|
93
64
|
),
|
94
|
-
children: /* @__PURE__ */
|
65
|
+
children: /* @__PURE__ */ _(
|
95
66
|
"table",
|
96
67
|
{
|
97
68
|
className: o("table-component__wrapper__table", {
|
98
|
-
bordered:
|
99
|
-
borderBottom:
|
69
|
+
bordered: l,
|
70
|
+
borderBottom: u
|
100
71
|
}),
|
101
|
-
ref: V,
|
102
72
|
children: [
|
103
|
-
/* @__PURE__ */
|
73
|
+
/* @__PURE__ */ t(
|
104
74
|
"thead",
|
105
75
|
{
|
106
76
|
className: o(
|
107
77
|
"table-component__wrapper__table__thead",
|
108
78
|
{
|
109
|
-
stickyHeader:
|
79
|
+
stickyHeader: C
|
110
80
|
},
|
111
|
-
|
81
|
+
k
|
112
82
|
),
|
113
|
-
children: /* @__PURE__ */
|
83
|
+
children: /* @__PURE__ */ t(
|
114
84
|
"tr",
|
115
85
|
{
|
116
86
|
className: o(
|
117
87
|
"table-component__wrapper__table__thead__tr",
|
118
|
-
|
88
|
+
x
|
119
89
|
),
|
120
|
-
onClick:
|
121
|
-
children: f.map((e,
|
90
|
+
onClick: R,
|
91
|
+
children: f.map((e, a) => /* @__PURE__ */ t(
|
122
92
|
"th",
|
123
93
|
{
|
124
94
|
className: o(
|
125
95
|
"table-component__wrapper__table__thead__th",
|
126
96
|
{
|
127
|
-
bordered:
|
128
|
-
stickyLeft:
|
97
|
+
bordered: l,
|
98
|
+
stickyLeft: h && a === 0
|
129
99
|
},
|
130
|
-
|
100
|
+
D
|
131
101
|
),
|
132
102
|
style: {
|
133
103
|
...e.width ? { width: e.width } : {},
|
134
104
|
...e.align ? { textAlign: e.align } : {}
|
135
105
|
},
|
136
|
-
onClick: () => e.sorted &&
|
137
|
-
children: /* @__PURE__ */
|
106
|
+
onClick: () => e.sorted && E(e.key),
|
107
|
+
children: /* @__PURE__ */ _("div", { className: "th-content", children: [
|
138
108
|
e.title,
|
139
|
-
e.sorted && /* @__PURE__ */
|
109
|
+
e.sorted && /* @__PURE__ */ t("span", { className: "sort-icon", children: (n == null ? void 0 : n.key) === e.key ? y[n.order] : y.default })
|
140
110
|
] })
|
141
111
|
},
|
142
|
-
`${e.key}-${
|
112
|
+
`${e.key}-${a}`
|
143
113
|
))
|
144
114
|
}
|
145
115
|
)
|
146
116
|
}
|
147
117
|
),
|
148
|
-
/* @__PURE__ */
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
)),
|
183
|
-
R ? /* @__PURE__ */ n("div", { className: "loading_table_init", children: /* @__PURE__ */ n(ae, { className: "centered" }) }) : null,
|
184
|
-
!R && P && B && /* @__PURE__ */ n("tr", { ref: B, children: /* @__PURE__ */ n("td", { colSpan: f.length, children: Q || /* @__PURE__ */ n(re, { colSpan: f.length }) }) })
|
185
|
-
]
|
186
|
-
}
|
187
|
-
)
|
118
|
+
/* @__PURE__ */ _("tbody", { className: o("table-component__wrapper__table__tbody", I), children: [
|
119
|
+
T.map((e, a) => /* @__PURE__ */ t(
|
120
|
+
G,
|
121
|
+
{
|
122
|
+
record: e,
|
123
|
+
onClickTr: () => m == null ? void 0 : m(e),
|
124
|
+
columns: f,
|
125
|
+
rowKey: i,
|
126
|
+
rowClassName: j,
|
127
|
+
index: a,
|
128
|
+
stickyLeft: h,
|
129
|
+
bordered: l
|
130
|
+
},
|
131
|
+
$(e)
|
132
|
+
)),
|
133
|
+
S ? /* @__PURE__ */ t(
|
134
|
+
"div",
|
135
|
+
{
|
136
|
+
style: {
|
137
|
+
position: "absolute",
|
138
|
+
top: 0,
|
139
|
+
left: 0,
|
140
|
+
right: 0,
|
141
|
+
bottom: 0,
|
142
|
+
display: "flex",
|
143
|
+
justifyContent: "center",
|
144
|
+
alignItems: "center",
|
145
|
+
backgroundColor: "rgba(255, 255, 255, 0.7)",
|
146
|
+
zIndex: 10
|
147
|
+
},
|
148
|
+
children: /* @__PURE__ */ t(H, { className: "centered" })
|
149
|
+
}
|
150
|
+
) : null
|
151
|
+
] })
|
188
152
|
]
|
189
153
|
}
|
190
154
|
)
|
191
155
|
}
|
192
156
|
) });
|
193
|
-
}
|
157
|
+
}
|
158
|
+
const K = U.memo(J);
|
194
159
|
export {
|
195
|
-
|
160
|
+
K as Table
|
196
161
|
};
|
package/dist/main.d.ts
CHANGED
@@ -79,8 +79,8 @@ export declare const ButtonsArray: React.FC<ButtonsArrayProps>;
|
|
79
79
|
export declare interface ButtonsArrayProps {
|
80
80
|
tabs: ButtonTab[];
|
81
81
|
label?: string;
|
82
|
-
|
83
|
-
|
82
|
+
initialActiveTab?: number;
|
83
|
+
onChange?: (status: string | number) => void;
|
84
84
|
}
|
85
85
|
|
86
86
|
declare interface ButtonTab {
|
@@ -516,13 +516,6 @@ className?: string;
|
|
516
516
|
viewBox?: string;
|
517
517
|
}>;
|
518
518
|
|
519
|
-
export declare const IconClickHouse: FC< {
|
520
|
-
size?: number;
|
521
|
-
color?: string;
|
522
|
-
className?: string;
|
523
|
-
viewBox?: string;
|
524
|
-
}>;
|
525
|
-
|
526
519
|
export declare const IconCopy: FC< {
|
527
520
|
size?: number;
|
528
521
|
color?: string;
|
@@ -649,13 +642,6 @@ className?: string;
|
|
649
642
|
viewBox?: string;
|
650
643
|
}>;
|
651
644
|
|
652
|
-
export declare const IconGitBranchX: FC< {
|
653
|
-
size?: number;
|
654
|
-
color?: string;
|
655
|
-
className?: string;
|
656
|
-
viewBox?: string;
|
657
|
-
}>;
|
658
|
-
|
659
645
|
export declare const IconGoogleDrive: FC< {
|
660
646
|
size?: number;
|
661
647
|
color?: string;
|
@@ -1149,9 +1135,7 @@ export declare interface TabItem {
|
|
1149
1135
|
disabled?: boolean;
|
1150
1136
|
}
|
1151
1137
|
|
1152
|
-
export declare const Table: <T extends object>(props: TablesProps<T>
|
1153
|
-
ref?: default_2.ForwardedRef<HTMLTableElement>;
|
1154
|
-
}) => JSX.Element;
|
1138
|
+
export declare const Table: <T extends object>(props: TablesProps<T>) => JSX.Element;
|
1155
1139
|
|
1156
1140
|
declare type TablesProps<T extends object = Record<string, unknown>> = {
|
1157
1141
|
columns: Column<T>[];
|
@@ -1175,12 +1159,6 @@ declare type TablesProps<T extends object = Record<string, unknown>> = {
|
|
1175
1159
|
onClickTr?: (record: T) => void;
|
1176
1160
|
onClickTrHeader?: () => void;
|
1177
1161
|
loading?: boolean;
|
1178
|
-
hasMore?: boolean;
|
1179
|
-
loadingIndicator?: default_2.ReactNode;
|
1180
|
-
loaderRef?: default_2.Ref<HTMLTableRowElement>;
|
1181
|
-
entities?: Record<string, T>;
|
1182
|
-
sortedIds?: string[];
|
1183
|
-
externalSorting?: boolean;
|
1184
1162
|
};
|
1185
1163
|
|
1186
1164
|
export declare const Tabs: React.FC<TabsProps>;
|