@semcore/data-table 4.49.1 → 16.0.0-prerelease.11

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 (37) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Body.js +10 -10
  3. package/lib/cjs/Body.js.map +1 -1
  4. package/lib/cjs/DataTable.js +47 -52
  5. package/lib/cjs/DataTable.js.map +1 -1
  6. package/lib/cjs/Head.js +6 -5
  7. package/lib/cjs/Head.js.map +1 -1
  8. package/lib/cjs/style/data-table.shadow.css +0 -19
  9. package/lib/es6/Body.js +11 -10
  10. package/lib/es6/Body.js.map +1 -1
  11. package/lib/es6/DataTable.js +48 -51
  12. package/lib/es6/DataTable.js.map +1 -1
  13. package/lib/es6/Head.js +6 -5
  14. package/lib/es6/Head.js.map +1 -1
  15. package/lib/es6/style/data-table.shadow.css +0 -19
  16. package/lib/esm/Body.mjs +344 -237
  17. package/lib/esm/DataTable.mjs +476 -336
  18. package/lib/esm/Head.mjs +318 -206
  19. package/lib/esm/index.mjs +6 -6
  20. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +30 -30
  21. package/lib/esm/translations/de.json.mjs +5 -4
  22. package/lib/esm/translations/en.json.mjs +5 -4
  23. package/lib/esm/translations/es.json.mjs +5 -4
  24. package/lib/esm/translations/fr.json.mjs +5 -4
  25. package/lib/esm/translations/it.json.mjs +5 -4
  26. package/lib/esm/translations/ja.json.mjs +5 -4
  27. package/lib/esm/translations/ko.json.mjs +5 -4
  28. package/lib/esm/translations/nl.json.mjs +5 -4
  29. package/lib/esm/translations/pl.json.mjs +5 -4
  30. package/lib/esm/translations/pt.json.mjs +5 -4
  31. package/lib/esm/translations/sv.json.mjs +5 -4
  32. package/lib/esm/translations/tr.json.mjs +5 -4
  33. package/lib/esm/translations/vi.json.mjs +5 -4
  34. package/lib/esm/translations/zh.json.mjs +5 -4
  35. package/lib/esm/utils.mjs +44 -29
  36. package/lib/types/Body.d.ts +1 -1
  37. package/package.json +5 -8
@@ -1,33 +1,33 @@
1
- import r from "./de.json.mjs";
2
- import o from "./en.json.mjs";
3
- import m from "./es.json.mjs";
4
- import t from "./fr.json.mjs";
5
- import i from "./it.json.mjs";
6
- import p from "./ja.json.mjs";
7
- import f from "./ko.json.mjs";
8
- import e from "./nl.json.mjs";
9
- import s from "./pt.json.mjs";
10
- import a from "./tr.json.mjs";
11
- import l from "./vi.json.mjs";
12
- import v from "./zh.json.mjs";
13
- import d from "./pl.json.mjs";
14
- import n from "./sv.json.mjs";
15
- var B = {
16
- de: r,
17
- en: o,
18
- es: m,
19
- fr: t,
20
- it: i,
21
- ja: p,
22
- ko: f,
23
- nl: e,
24
- pt: s,
25
- tr: a,
26
- vi: l,
27
- zh: v,
28
- pl: d,
29
- sv: n
1
+ import de from "./de.json.mjs";
2
+ import en from "./en.json.mjs";
3
+ import es from "./es.json.mjs";
4
+ import fr from "./fr.json.mjs";
5
+ import it from "./it.json.mjs";
6
+ import ja from "./ja.json.mjs";
7
+ import ko from "./ko.json.mjs";
8
+ import nl from "./nl.json.mjs";
9
+ import pt from "./pt.json.mjs";
10
+ import tr from "./tr.json.mjs";
11
+ import vi from "./vi.json.mjs";
12
+ import zh from "./zh.json.mjs";
13
+ import pl from "./pl.json.mjs";
14
+ import sv from "./sv.json.mjs";
15
+ var localizedMessages = {
16
+ de,
17
+ en,
18
+ es,
19
+ fr,
20
+ it,
21
+ ja,
22
+ ko,
23
+ nl,
24
+ pt,
25
+ tr,
26
+ vi,
27
+ zh,
28
+ pl,
29
+ sv
30
30
  };
31
31
  export {
32
- B as localizedMessages
32
+ localizedMessages
33
33
  };
@@ -1,7 +1,8 @@
1
- const o = "Sortierbar", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "Sortierbar";
2
+ const de = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ de as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "Sortable", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "Sortable";
2
+ const en = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ en as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const e = "Ordenable", o = {
2
- sortableColumn: e
1
+ const sortableColumn = "Ordenable";
2
+ const es = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- o as default,
6
- e as sortableColumn
6
+ es as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "Triable", l = {
2
- sortableColumn: o
1
+ const sortableColumn = "Triable";
2
+ const fr = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- l as default,
6
- o as sortableColumn
6
+ fr as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "Ordinabile", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "Ordinabile";
2
+ const it = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ it as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "分類可能", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "分類可能";
2
+ const ja = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ ja as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "정렬 가능", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "정렬 가능";
2
+ const ko = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ ko as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "Sorteerbaar", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "Sorteerbaar";
2
+ const nl = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ nl as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "Umożliwia sortowanie", l = {
2
- sortableColumn: o
1
+ const sortableColumn = "Umożliwia sortowanie";
2
+ const pl = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- l as default,
6
- o as sortableColumn
6
+ pl as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const l = "Classificável", o = {
2
- sortableColumn: l
1
+ const sortableColumn = "Classificável";
2
+ const pt = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- o as default,
6
- l as sortableColumn
6
+ pt as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "Sorterbar", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "Sorterbar";
2
+ const sv = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ sv as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Sıralanabilir", l = {
2
- sortableColumn: a
1
+ const sortableColumn = "Sıralanabilir";
2
+ const tr = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- l as default,
6
- a as sortableColumn
6
+ tr as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "Có thể sắp xếp", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "Có thể sắp xếp";
2
+ const vi = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ vi as default,
7
+ sortableColumn
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "可排序", t = {
2
- sortableColumn: o
1
+ const sortableColumn = "可排序";
2
+ const zh = {
3
+ sortableColumn
3
4
  };
4
5
  export {
5
- t as default,
6
- o as sortableColumn
6
+ zh as default,
7
+ sortableColumn
7
8
  };
package/lib/esm/utils.mjs CHANGED
@@ -1,37 +1,52 @@
1
- var g = function(n) {
2
- return n.reduce(function(t, e) {
3
- return e.fixed === "left" && (t[0] += e.width), e.fixed === "right" && (t[1] += e.width), t;
1
+ var getScrollOffsetValue = function getScrollOffsetValue2(columns) {
2
+ return columns.reduce(function(acc, column) {
3
+ if (column.fixed === "left") {
4
+ acc[0] += column.width;
5
+ }
6
+ if (column.fixed === "right") {
7
+ acc[1] += column.width;
8
+ }
9
+ return acc;
4
10
  }, [0, 0]);
5
- }, h = function i(n) {
6
- return n.reduce(function(t, e) {
7
- var r = "columns" in e && e.columns.length > 0, a = r ? i(e.columns) : [e];
8
- return t = t.concat(a), t;
11
+ };
12
+ var flattenColumns = function flattenColumns2(columns) {
13
+ return columns.reduce(function(acc, column) {
14
+ var hasNestedColumns = "columns" in column && column.columns.length > 0;
15
+ var columns2 = hasNestedColumns ? flattenColumns2(column.columns) : [column];
16
+ acc = acc.concat(columns2);
17
+ return acc;
9
18
  }, []);
10
- }, x = function(n, t) {
11
- var e = n.fixed;
12
- if (!e) return [void 0, void 0];
13
- var r = n.name.split("/"), a = {
14
- left: r[0],
15
- right: r[r.length - 1]
16
- }, v = a[e], d = t.findIndex(function(u) {
17
- return u.name === v;
19
+ };
20
+ var getFixedStyle = function getFixedStyle2(cell, columns) {
21
+ var side = cell.fixed;
22
+ if (!side) return [void 0, void 0];
23
+ var names = cell.name.split("/");
24
+ var nameSideMap = {
25
+ left: names[0],
26
+ right: names[names.length - 1]
27
+ };
28
+ var name = nameSideMap[side];
29
+ var index = columns.findIndex(function(column) {
30
+ return column.name === name;
18
31
  });
19
- if (d === -1) return [void 0, void 0];
20
- var o = {
32
+ if (index === -1) return [void 0, void 0];
33
+ var startIndexSideMap = {
21
34
  left: 0,
22
- right: d + 1
23
- }, s = {
24
- left: d,
25
- right: t.length
26
- }, l = t.slice(o[e], s[e]);
27
- if (l.length < 1) return [e, 0];
28
- var f = l.map(function(u) {
29
- return "var(--".concat(u.name, "_width)");
35
+ right: index + 1
36
+ };
37
+ var endIndexSideMap = {
38
+ left: index,
39
+ right: columns.length
40
+ };
41
+ var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
42
+ if (columnsFixed.length < 1) return [side, 0];
43
+ var vars = columnsFixed.map(function(column) {
44
+ return "var(--".concat(column.name, "_width)");
30
45
  });
31
- return [e, f.length === 1 ? f[0] : "calc(".concat(f.join(" + "), ")")];
46
+ return [side, vars.length === 1 ? vars[0] : "calc(".concat(vars.join(" + "), ")")];
32
47
  };
33
48
  export {
34
- h as flattenColumns,
35
- x as getFixedStyle,
36
- g as getScrollOffsetValue
49
+ flattenColumns,
50
+ getFixedStyle,
51
+ getScrollOffsetValue
37
52
  };
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Component } from '@semcore/core';
3
3
  import { RowData, Column, NestedCells, PropsLayer, Cell } from './types';
4
- import syncScroll from '@semcore/utils/lib/syncScroll';
4
+ import syncScroll from '@semcore/core/lib/utils/syncScroll';
5
5
  type AsProps = {
6
6
  rows: NestedCells[][];
7
7
  columns: Column[];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/data-table",
3
3
  "description": "Semrush DataTable Component",
4
- "version": "4.49.1",
4
+ "version": "16.0.0-prerelease.11",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,10 +14,9 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "5.41.1",
18
- "@semcore/icon": "4.60.1",
19
- "@semcore/scroll-area": "5.45.1",
20
- "@semcore/utils": "4.48.1"
17
+ "@semcore/icon": "16.0.0-prerelease.11",
18
+ "@semcore/flex-box": "16.0.0-prerelease.11",
19
+ "@semcore/scroll-area": "16.0.0-prerelease.11"
21
20
  },
22
21
  "devDependencies": {
23
22
  "@types/react": "18.0.21",
@@ -37,9 +36,7 @@
37
36
  "csstype": "3.0.8"
38
37
  },
39
38
  "peerDependencies": {
40
- "@semcore/core": "^2.17.5",
41
- "react": "16.8 - 18",
42
- "react-dom": "16.8 - 18"
39
+ "@semcore/base-components": "^16.0.0-prerelease.11"
43
40
  },
44
41
  "repository": {
45
42
  "type": "git",