@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.
- package/CHANGELOG.md +7 -1
- package/lib/cjs/components/Body/Body.js +40 -37
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Body.types.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +34 -33
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +81 -73
- package/lib/cjs/components/Body/Row.js.map +1 -1
- package/lib/cjs/components/Body/Row.types.js.map +1 -1
- package/lib/cjs/components/Body/style.shadow.css +7 -1
- package/lib/cjs/components/DataTable/DataTable.js +204 -160
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/cjs/components/Head/Column.js +22 -27
- package/lib/cjs/components/Head/Column.js.map +1 -1
- package/lib/cjs/components/Head/Column.types.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +23 -22
- package/lib/cjs/components/Head/Group.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +67 -65
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/components/Head/Head.types.js.map +1 -1
- package/lib/cjs/components/Head/style.shadow.css +5 -1
- package/lib/cjs/style/scroll-shadows.shadow.css +6 -0
- package/lib/es6/components/Body/Body.js +40 -37
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Body.types.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +34 -33
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/Row.js +81 -73
- package/lib/es6/components/Body/Row.js.map +1 -1
- package/lib/es6/components/Body/Row.types.js.map +1 -1
- package/lib/es6/components/Body/style.shadow.css +7 -1
- package/lib/es6/components/DataTable/DataTable.js +202 -159
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/es6/components/Head/Column.js +22 -27
- package/lib/es6/components/Head/Column.js.map +1 -1
- package/lib/es6/components/Head/Column.types.js.map +1 -1
- package/lib/es6/components/Head/Group.js +24 -23
- package/lib/es6/components/Head/Group.js.map +1 -1
- package/lib/es6/components/Head/Head.js +68 -66
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/components/Head/Head.types.js.map +1 -1
- package/lib/es6/components/Head/style.shadow.css +5 -1
- package/lib/es6/style/scroll-shadows.shadow.css +6 -0
- package/lib/esm/components/Body/Body.mjs +40 -38
- package/lib/esm/components/Body/Cell.mjs +35 -34
- package/lib/esm/components/Body/Row.mjs +63 -57
- package/lib/esm/components/Body/style.shadow.css +7 -1
- package/lib/esm/components/DataTable/DataTable.mjs +157 -117
- package/lib/esm/components/Head/Column.mjs +23 -26
- package/lib/esm/components/Head/Group.mjs +25 -24
- package/lib/esm/components/Head/Head.mjs +47 -46
- package/lib/esm/components/Head/style.shadow.css +5 -1
- package/lib/esm/style/scroll-shadows.shadow.css +6 -0
- package/lib/types/components/Body/Body.types.d.ts +2 -1
- package/lib/types/components/Body/Row.types.d.ts +2 -1
- package/lib/types/components/DataTable/DataTable.d.ts +3 -2
- package/lib/types/components/DataTable/DataTable.types.d.ts +10 -3
- package/lib/types/components/Head/Column.types.d.ts +4 -15
- package/lib/types/components/Head/Head.d.ts +3 -3
- package/lib/types/components/Head/Head.types.d.ts +6 -1
- package/package.json +10 -10
- package/lib/cjs/utils.js +0 -66
- package/lib/cjs/utils.js.map +0 -1
- package/lib/es6/utils.js +0 -56
- package/lib/es6/utils.js.map +0 -1
- package/lib/esm/utils.mjs +0 -43
- 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
|
package/lib/es6/utils.js.map
DELETED
|
@@ -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
|
-
};
|
package/lib/types/utils.d.ts
DELETED
|
@@ -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];
|