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.
Files changed (33) hide show
  1. package/README.md +93 -93
  2. package/dist/_virtual/index2.js +5 -2
  3. package/dist/_virtual/index3.js +4 -0
  4. package/dist/assets/src/components/Ui/Skeleton/Skeleton.module.css +1 -1
  5. package/dist/assets/src/components/Ui/Table/Table.css +1 -1
  6. package/dist/assets/src/components/Ui/Tooltip/Tooltip.stories.module.css +1 -1
  7. package/dist/components/Ui/ButtonsArray/ButtonsArray.js +16 -15
  8. package/dist/components/Ui/ButtonsArray/ButtonsArray.stories.js +8 -8
  9. package/dist/components/Ui/Icons/Icons.js +24 -32
  10. package/dist/components/Ui/Icons/index.js +67 -69
  11. package/dist/components/Ui/Table/MemoizedRow/MemoizedRow.js +31 -30
  12. package/dist/components/Ui/Table/Table.js +103 -138
  13. package/dist/main.d.ts +3 -25
  14. package/dist/main.js +103 -105
  15. package/dist/node_modules/classnames/index.js +1 -1
  16. package/dist/node_modules/fast-deep-equal/index.js +31 -0
  17. package/dist/src/components/Ui/Skeleton/Skeleton.module.scss.js +5 -5
  18. package/dist/src/components/Ui/Tooltip/Tooltip.stories.module.css.js +1 -1
  19. package/dist/styles/_mixins.scss +21 -21
  20. package/dist/styles/fix.scss +3 -3
  21. package/dist/styles/main.scss +26 -26
  22. package/dist/styles/reset.scss +105 -105
  23. package/dist/styles/typography.scss +106 -106
  24. package/dist/styles/variables.scss +277 -277
  25. package/package.json +112 -112
  26. package/src/styles/_mixins.scss +21 -21
  27. package/src/styles/fix.scss +3 -3
  28. package/src/styles/main.scss +26 -26
  29. package/src/styles/reset.scss +105 -105
  30. package/src/styles/typography.scss +106 -106
  31. package/src/styles/variables.scss +277 -277
  32. package/dist/assets/src/components/Ui/Table/TableSkeletonRow/TableSkeletonRow.css +0 -1
  33. 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 h, IconArticle as w, IconAt as p, IconBellSimple as u, IconBookOpenText as g, 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 B, IconCheckCircle as F, IconChecks as T, IconCircleNotch as X, IconClickHouse as f, IconCopy as y, IconCornersOut as R, IconCsv as m, IconCube as x, IconDatabase as H, IconDotsNine as M, IconDotsThreeVertical as v, IconExport as G, IconEye as N, IconEyeSlash as O, IconFile as Q, IconFiles as E, IconFloppyDisk as b, IconFolderSimple as W, IconFolderSimpleX as z, IconFunnel as J, IconGauge as V, IconGear as Y, IconGitBranchX as j, IconGoogleDrive as q, IconHand as K, IconHeadCircuit as Z, IconHouse as _, IconIcon as $, IconInfo as oo, IconJoin as no, IconLanguage as co, IconLink as Io, IconList as eo, IconLock as ro, IconLockOpen as io, IconMariaDB as to, IconMinus as ao, IconMongoDB as lo, IconMoon as so, IconMySQL as Co, IconNavigationArrow as ho, IconNotePencil as wo, IconPassword as po, IconPen as uo, IconPlay as go, IconPlugsX as So, IconPlus as Ao, IconPorsgteSQL as Do, IconPresentationChart as Lo, IconQuestion as ko, IconQuestionFullfilled as Uo, IconRedo as Po, IconRoleX as Bo, IconSearch as Fo, IconSearchX as To, IconSelection as Xo, IconServer as fo, IconSlidersHorizontal as yo, IconSticker as Ro, IconSun as mo, IconThreeDot as xo, IconTrash as Ho, IconTriangleDown as Mo, IconTriangleUp as vo, IconUndo as Go, IconUploadSimple as No, IconUser as Oo, IconUserX as Qo, IconWarningCircle as Eo, IconWrench as bo, IconX as Wo, IconYandexDisk as zo } from "./Icons.js";
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
- h as IconArrowsOut,
14
- w as IconArticle,
13
+ w as IconArrowsOut,
14
+ h as IconArticle,
15
15
  p as IconAt,
16
- u as IconBellSimple,
17
- g as IconBookOpenText,
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
- B as IconCheck,
27
- F as IconCheckCircle,
28
- T as IconChecks,
29
- X as IconCircleNotch,
30
- f as IconClickHouse,
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
- m as IconCsv,
34
- x as IconCube,
35
- H as IconDatabase,
32
+ X as IconCsv,
33
+ m as IconCube,
34
+ x as IconDatabase,
36
35
  M as IconDotsNine,
37
36
  v as IconDotsThreeVertical,
38
- G as IconExport,
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
- b as IconFloppyDisk,
44
- W as IconFolderSimple,
45
- z as IconFolderSimpleX,
46
- J as IconFunnel,
47
- V as IconGauge,
48
- Y as IconGear,
49
- j as IconGitBranchX,
50
- q as IconGoogleDrive,
51
- K as IconHand,
52
- Z as IconHeadCircuit,
53
- _ as IconHouse,
54
- $ as IconIcon,
55
- oo as IconInfo,
56
- no as IconJoin,
57
- co as IconLanguage,
58
- Io as IconLink,
59
- eo as IconList,
60
- ro as IconLock,
61
- io as IconLockOpen,
62
- to as IconMariaDB,
63
- ao as IconMinus,
64
- lo as IconMongoDB,
65
- so as IconMoon,
66
- Co as IconMySQL,
67
- ho as IconNavigationArrow,
68
- wo as IconNotePencil,
69
- po as IconPassword,
70
- uo as IconPen,
71
- go as IconPlay,
72
- So as IconPlugsX,
73
- Ao as IconPlus,
74
- Do as IconPorsgteSQL,
75
- Lo as IconPresentationChart,
76
- ko as IconQuestion,
77
- Uo as IconQuestionFullfilled,
78
- Po as IconRedo,
79
- Bo as IconRoleX,
80
- Fo as IconSearch,
81
- To as IconSearchX,
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
- Ro as IconSticker,
86
- mo as IconSun,
87
- xo as IconThreeDot,
88
- Ho as IconTrash,
89
- Mo as IconTriangleDown,
90
- vo as IconTriangleUp,
91
- Go as IconUndo,
92
- No as IconUploadSimple,
93
- Oo as IconUser,
94
- Qo as IconUserX,
95
- Eo as IconWarningCircle,
96
- bo as IconWrench,
97
- Wo as IconX,
98
- zo as IconYandexDisk
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 b } from "react/jsx-runtime";
2
- import f from "react";
3
- import o from "../../../../_virtual/index.js";
4
- const K = f.memo(
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: n,
8
+ columns: _,
8
9
  rowKey: a,
9
- rowClassName: d,
10
- index: i,
11
- stickyLeft: e,
12
- bordered: y,
13
- id: c
10
+ rowClassName: n,
11
+ index: l,
12
+ stickyLeft: r,
13
+ onClickTr: b,
14
+ bordered: i
14
15
  }) => {
15
- const m = c || (typeof a == "function" ? a(t) : String(t[a]));
16
- return /* @__PURE__ */ b(
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
- "data-id": m,
20
- className: o(
22
+ className: d(
21
23
  "table-component__wrapper__table__tbody__tr",
22
- d == null ? void 0 : d(t, i)
24
+ n == null ? void 0 : n(t, l),
25
+ {
26
+ "table-component__wrapper__table__tbody__tr--hoverable": !!b
27
+ }
23
28
  ),
24
- children: n.map((_, r) => /* @__PURE__ */ b(
29
+ onClick: s,
30
+ children: _.map((e, o) => /* @__PURE__ */ p(
25
31
  "td",
26
32
  {
27
- className: o("table-component__wrapper__table__tbody__td", _.className, {
28
- "table-component__wrapper__table__tbody__td--bordered": y,
29
- "table-component__wrapper__table__tbody__td--sticky-left": e && r === 0
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: _.align,
32
- children: _.render ? _.render(t[_.dataIndex], t) : String(t[_.dataIndex] ?? "")
37
+ align: e.align,
38
+ children: e.render ? e.render(t[e.dataIndex], t) : String(t[e.dataIndex] ?? "")
33
39
  },
34
- `${_.key}-${r}`
40
+ `${e.key}-${o}`
35
41
  ))
36
42
  },
37
- m
43
+ typeof a == "function" ? a(t) : String(t[a])
38
44
  );
39
45
  },
40
- (t, n) => {
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
- K as MemoizedRow
49
+ h as MemoizedRow
49
50
  };
@@ -1,196 +1,161 @@
1
- import { jsx as n, jsxs as g } from "react/jsx-runtime";
2
- import Z, { forwardRef as K, useState as M, useMemo as ee, useCallback as k, useEffect as te } from "react";
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 j, IconCaretUp as ne } from "../Icons/Icons.js";
6
- import { MemoizedRow as z } from "./MemoizedRow/MemoizedRow.js";
7
- import { Loader as ae } from "../Loader/Loader.js";
8
- import { TableSkeletonRow as re } from "./TableSkeletonRow/TableSkeletonRow.js";
9
- const C = {
10
- asc: /* @__PURE__ */ n(j, { viewBox: "0 -6 24 24", "aria-hidden": "true" }),
11
- desc: /* @__PURE__ */ n(ne, { viewBox: "0 -4 24 24", "aria-hidden": "true" }),
12
- default: /* @__PURE__ */ n(j, { viewBox: "0 -6 24 24", "aria-hidden": "true" })
13
- }, se = ({
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: m,
15
+ dataSource: c,
16
16
  rowKey: i,
17
- tableClassName: L,
18
- theadClassName: $,
19
- trTheadClassNames: O,
20
- thTheadClassNames: U,
21
- tbodyClassName: q,
22
- wrapperClassName: F,
23
- borderBottom: y = !1,
24
- stickyHeader: G = !1,
25
- stickyLeft: b = !1,
26
- bordered: p = !1,
27
- rowClassName: x,
28
- defaultSort: H,
29
- onClickTr: _,
30
- onClickTrHeader: J,
31
- loading: R = !1,
32
- hasMore: P = !1,
33
- loadingIndicator: Q,
34
- loaderRef: B,
35
- externalSorting: D = !1,
36
- entities: c,
37
- sortedIds: u
38
- }, V) => {
39
- const T = Z.useRef(null), l = !!c && !!u, [A, W] = M(m || []), [s, S] = M(
40
- H || null
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
- ), X = k(
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 d = (s == null ? void 0 : s.key) === e && s.order === "asc" ? "desc" : "asc";
62
- E(e, d);
49
+ const p = (n == null ? void 0 : n.key) === e && n.order === "asc" ? "desc" : "asc";
50
+ g(e, p);
63
51
  },
64
- [s, E]
52
+ [n, g]
65
53
  );
66
- return te(() => {
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: p,
90
- borderBottom: y
60
+ bordered: l,
61
+ borderBottom: u
91
62
  },
92
- L
63
+ v
93
64
  ),
94
- children: /* @__PURE__ */ g(
65
+ children: /* @__PURE__ */ _(
95
66
  "table",
96
67
  {
97
68
  className: o("table-component__wrapper__table", {
98
- bordered: p,
99
- borderBottom: y
69
+ bordered: l,
70
+ borderBottom: u
100
71
  }),
101
- ref: V,
102
72
  children: [
103
- /* @__PURE__ */ n(
73
+ /* @__PURE__ */ t(
104
74
  "thead",
105
75
  {
106
76
  className: o(
107
77
  "table-component__wrapper__table__thead",
108
78
  {
109
- stickyHeader: G
79
+ stickyHeader: C
110
80
  },
111
- $
81
+ k
112
82
  ),
113
- children: /* @__PURE__ */ n(
83
+ children: /* @__PURE__ */ t(
114
84
  "tr",
115
85
  {
116
86
  className: o(
117
87
  "table-component__wrapper__table__thead__tr",
118
- O
88
+ x
119
89
  ),
120
- onClick: J,
121
- children: f.map((e, t) => /* @__PURE__ */ n(
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: p,
128
- stickyLeft: b && t === 0
97
+ bordered: l,
98
+ stickyLeft: h && a === 0
129
99
  },
130
- U
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 && X(e.key),
137
- children: /* @__PURE__ */ g("div", { className: "th-content", children: [
106
+ onClick: () => e.sorted && E(e.key),
107
+ children: /* @__PURE__ */ _("div", { className: "th-content", children: [
138
108
  e.title,
139
- e.sorted && /* @__PURE__ */ n("span", { className: "sort-icon", children: (s == null ? void 0 : s.key) === e.key ? C[s.order] : C.default })
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}-${t}`
112
+ `${e.key}-${a}`
143
113
  ))
144
114
  }
145
115
  )
146
116
  }
147
117
  ),
148
- /* @__PURE__ */ g(
149
- "tbody",
150
- {
151
- ref: T,
152
- className: o("table-component__wrapper__table__tbody", q),
153
- children: [
154
- l && u ? u.map((e) => {
155
- const t = c == null ? void 0 : c[e];
156
- return t ? /* @__PURE__ */ n(
157
- z,
158
- {
159
- record: t,
160
- columns: f,
161
- rowKey: i,
162
- rowClassName: x,
163
- index: u.indexOf(e),
164
- stickyLeft: b,
165
- bordered: p,
166
- id: e
167
- },
168
- e
169
- ) : null;
170
- }) : N == null ? void 0 : N.map((e, t) => /* @__PURE__ */ n(
171
- z,
172
- {
173
- record: e,
174
- columns: f,
175
- rowKey: i,
176
- rowClassName: x,
177
- index: t,
178
- stickyLeft: b,
179
- bordered: p
180
- },
181
- v(e)
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
- }, _e = K(se);
157
+ }
158
+ const K = U.memo(J);
194
159
  export {
195
- _e as Table
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
- onChange?: (key: string | number) => void;
83
- activeKey?: string | number | null | undefined;
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>;