@semcore/data-table 16.0.0 → 16.0.1-prerelease.0

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 (69) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/lib/cjs/components/Body/Body.js +40 -37
  3. package/lib/cjs/components/Body/Body.js.map +1 -1
  4. package/lib/cjs/components/Body/Body.types.js.map +1 -1
  5. package/lib/cjs/components/Body/Cell.js +34 -33
  6. package/lib/cjs/components/Body/Cell.js.map +1 -1
  7. package/lib/cjs/components/Body/Row.js +81 -73
  8. package/lib/cjs/components/Body/Row.js.map +1 -1
  9. package/lib/cjs/components/Body/Row.types.js.map +1 -1
  10. package/lib/cjs/components/Body/style.shadow.css +7 -1
  11. package/lib/cjs/components/DataTable/DataTable.js +204 -160
  12. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  13. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  14. package/lib/cjs/components/Head/Column.js +22 -27
  15. package/lib/cjs/components/Head/Column.js.map +1 -1
  16. package/lib/cjs/components/Head/Column.types.js.map +1 -1
  17. package/lib/cjs/components/Head/Group.js +23 -22
  18. package/lib/cjs/components/Head/Group.js.map +1 -1
  19. package/lib/cjs/components/Head/Head.js +67 -65
  20. package/lib/cjs/components/Head/Head.js.map +1 -1
  21. package/lib/cjs/components/Head/Head.types.js.map +1 -1
  22. package/lib/cjs/components/Head/style.shadow.css +5 -1
  23. package/lib/cjs/style/scroll-shadows.shadow.css +6 -0
  24. package/lib/es6/components/Body/Body.js +40 -37
  25. package/lib/es6/components/Body/Body.js.map +1 -1
  26. package/lib/es6/components/Body/Body.types.js.map +1 -1
  27. package/lib/es6/components/Body/Cell.js +34 -33
  28. package/lib/es6/components/Body/Cell.js.map +1 -1
  29. package/lib/es6/components/Body/Row.js +81 -73
  30. package/lib/es6/components/Body/Row.js.map +1 -1
  31. package/lib/es6/components/Body/Row.types.js.map +1 -1
  32. package/lib/es6/components/Body/style.shadow.css +7 -1
  33. package/lib/es6/components/DataTable/DataTable.js +202 -159
  34. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  35. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
  36. package/lib/es6/components/Head/Column.js +22 -27
  37. package/lib/es6/components/Head/Column.js.map +1 -1
  38. package/lib/es6/components/Head/Column.types.js.map +1 -1
  39. package/lib/es6/components/Head/Group.js +24 -23
  40. package/lib/es6/components/Head/Group.js.map +1 -1
  41. package/lib/es6/components/Head/Head.js +68 -66
  42. package/lib/es6/components/Head/Head.js.map +1 -1
  43. package/lib/es6/components/Head/Head.types.js.map +1 -1
  44. package/lib/es6/components/Head/style.shadow.css +5 -1
  45. package/lib/es6/style/scroll-shadows.shadow.css +6 -0
  46. package/lib/esm/components/Body/Body.mjs +40 -38
  47. package/lib/esm/components/Body/Cell.mjs +35 -34
  48. package/lib/esm/components/Body/Row.mjs +63 -57
  49. package/lib/esm/components/Body/style.shadow.css +7 -1
  50. package/lib/esm/components/DataTable/DataTable.mjs +157 -117
  51. package/lib/esm/components/Head/Column.mjs +23 -26
  52. package/lib/esm/components/Head/Group.mjs +25 -24
  53. package/lib/esm/components/Head/Head.mjs +47 -46
  54. package/lib/esm/components/Head/style.shadow.css +5 -1
  55. package/lib/esm/style/scroll-shadows.shadow.css +6 -0
  56. package/lib/types/components/Body/Body.types.d.ts +2 -1
  57. package/lib/types/components/Body/Row.types.d.ts +2 -1
  58. package/lib/types/components/DataTable/DataTable.d.ts +3 -2
  59. package/lib/types/components/DataTable/DataTable.types.d.ts +10 -3
  60. package/lib/types/components/Head/Column.types.d.ts +4 -15
  61. package/lib/types/components/Head/Head.d.ts +3 -3
  62. package/lib/types/components/Head/Head.types.d.ts +6 -1
  63. package/package.json +10 -10
  64. package/lib/cjs/utils.js +0 -66
  65. package/lib/cjs/utils.js.map +0 -1
  66. package/lib/es6/utils.js +0 -56
  67. package/lib/es6/utils.js.map +0 -1
  68. package/lib/esm/utils.mjs +0 -43
  69. package/lib/types/utils.d.ts +0 -8
package/lib/es6/utils.js DELETED
@@ -1,56 +0,0 @@
1
- export var getScrollOffsetValue = function getScrollOffsetValue(columns) {
2
- return columns.reduce(function (acc, column) {
3
- if (column.fixed === 'left') {
4
- acc[0] += column.calculatedWidth;
5
- }
6
- if (column.fixed === 'right') {
7
- acc[1] += column.calculatedWidth;
8
- }
9
- return acc;
10
- }, [0, 0]);
11
- };
12
- var cssVarReg = /[:;\W]/g;
13
- export var createCssVarForWidth = function createCssVarForWidth(name) {
14
- return "--".concat(name.replace(cssVarReg, '_'), "_width");
15
- };
16
-
17
- /**
18
- * todo: Remove after v16
19
- */
20
- export var flattenColumns = function flattenColumns(columns) {
21
- return columns.reduce(function (acc, column) {
22
- var hasNestedColumns = 'columns' in column && column.columns.length > 0;
23
- var columns = hasNestedColumns ? flattenColumns(column.columns) : [column];
24
- acc = acc.concat(columns);
25
- return acc;
26
- }, []);
27
- };
28
- export var getFixedStyle = function getFixedStyle(cell, columns) {
29
- var side = cell.fixed;
30
- if (!side) return [undefined, undefined];
31
- var names = cell.name.split('/');
32
- var nameSideMap = {
33
- left: names[0],
34
- right: names[names.length - 1]
35
- };
36
- var name = nameSideMap[side];
37
- var index = columns.findIndex(function (column) {
38
- return column.name === name;
39
- });
40
- if (index === -1) return [undefined, undefined];
41
- var startIndexSideMap = {
42
- left: 0,
43
- right: index + 1
44
- };
45
- var endIndexSideMap = {
46
- left: index,
47
- right: columns.length
48
- };
49
- var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
50
- if (columnsFixed.length < 1) return [side, 0];
51
- var sum = columnsFixed.reduce(function (acc, column) {
52
- return acc + column.calculatedWidth;
53
- }, 0);
54
- return [side, "".concat(sum, "px")];
55
- };
56
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","calculatedWidth","cssVarReg","createCssVarForWidth","name","concat","replace","flattenColumns","hasNestedColumns","length","getFixedStyle","cell","side","undefined","names","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","sum"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { DTColumn } from './components/Head/Column.types';\n\nexport const getScrollOffsetValue = (columns: DTColumn[]) =>\n columns.reduce(\n (acc, column) => {\n if (column.fixed === 'left') {\n acc[0] += column.calculatedWidth;\n }\n if (column.fixed === 'right') {\n acc[1] += column.calculatedWidth;\n }\n return acc;\n },\n [0, 0] as [leftOffset: number, rightOffset: number],\n );\n\nconst cssVarReg = /[:;\\W]/g;\n\nexport const createCssVarForWidth = (name: string) => {\n return `--${name.replace(cssVarReg, '_')}_width`;\n};\n\n/**\n * todo: Remove after v16\n */\nexport const flattenColumns = (columns: any[]) =>\n columns.reduce((acc, column) => {\n const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n const columns: any[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n acc = acc.concat(columns);\n return acc;\n }, [] as any[]);\n\nexport const getFixedStyle = (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n columns: DTColumn[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n const side = cell.fixed;\n if (!side) return [undefined, undefined];\n const names = cell.name.split('/');\n const nameSideMap = {\n left: names[0],\n right: names[names.length - 1],\n };\n const name = nameSideMap[side];\n const index = columns.findIndex((column) => column.name === name);\n\n if (index === -1) return [undefined, undefined];\n\n const startIndexSideMap = {\n left: 0,\n right: index + 1,\n };\n const endIndexSideMap = {\n left: index,\n right: columns.length,\n };\n const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n if (columnsFixed.length < 1) return [side, 0];\n\n const sum = columnsFixed.reduce((acc, column) => acc + column.calculatedWidth, 0);\n return [side, `${sum}px`];\n};\n"],"mappings":"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"}
package/lib/esm/utils.mjs DELETED
@@ -1,43 +0,0 @@
1
- var getScrollOffsetValue = function getScrollOffsetValue2(columns) {
2
- return columns.reduce(function(acc, column) {
3
- if (column.fixed === "left") {
4
- acc[0] += column.calculatedWidth;
5
- }
6
- if (column.fixed === "right") {
7
- acc[1] += column.calculatedWidth;
8
- }
9
- return acc;
10
- }, [0, 0]);
11
- };
12
- var getFixedStyle = function getFixedStyle2(cell, columns) {
13
- var side = cell.fixed;
14
- if (!side) return [void 0, void 0];
15
- var names = cell.name.split("/");
16
- var nameSideMap = {
17
- left: names[0],
18
- right: names[names.length - 1]
19
- };
20
- var name = nameSideMap[side];
21
- var index = columns.findIndex(function(column) {
22
- return column.name === name;
23
- });
24
- if (index === -1) return [void 0, void 0];
25
- var startIndexSideMap = {
26
- left: 0,
27
- right: index + 1
28
- };
29
- var endIndexSideMap = {
30
- left: index,
31
- right: columns.length
32
- };
33
- var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
34
- if (columnsFixed.length < 1) return [side, 0];
35
- var sum = columnsFixed.reduce(function(acc, column) {
36
- return acc + column.calculatedWidth;
37
- }, 0);
38
- return [side, "".concat(sum, "px")];
39
- };
40
- export {
41
- getFixedStyle,
42
- getScrollOffsetValue
43
- };
@@ -1,8 +0,0 @@
1
- import type { DTColumn } from './components/Head/Column.types';
2
- export declare const getScrollOffsetValue: (columns: DTColumn[]) => [leftOffset: number, rightOffset: number];
3
- export declare const createCssVarForWidth: (name: string) => string;
4
- /**
5
- * todo: Remove after v16
6
- */
7
- export declare const flattenColumns: (columns: any[]) => any;
8
- export declare const getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>, columns: DTColumn[]) => [side: "left" | "right", style: string | number] | [side: undefined, style: undefined];