@semcore/data-table 4.49.1 → 16.0.0-prerelease.2
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 +6 -0
- package/lib/cjs/Body.js +10 -10
- package/lib/cjs/Body.js.map +1 -1
- package/lib/cjs/DataTable.js +47 -52
- package/lib/cjs/DataTable.js.map +1 -1
- package/lib/cjs/Head.js +6 -5
- package/lib/cjs/Head.js.map +1 -1
- package/lib/cjs/style/data-table.shadow.css +0 -19
- package/lib/es6/Body.js +11 -10
- package/lib/es6/Body.js.map +1 -1
- package/lib/es6/DataTable.js +48 -51
- package/lib/es6/DataTable.js.map +1 -1
- package/lib/es6/Head.js +6 -5
- package/lib/es6/Head.js.map +1 -1
- package/lib/es6/style/data-table.shadow.css +0 -19
- package/lib/esm/Body.mjs +70 -70
- package/lib/esm/DataTable.mjs +265 -268
- package/lib/esm/Head.mjs +10 -9
- package/lib/types/Body.d.ts +1 -1
- package/package.json +5 -8
package/lib/esm/Head.mjs
CHANGED
|
@@ -12,11 +12,11 @@ import { ScreenReaderOnly as Q, Flex as X, Box as D } from "@semcore/flex-box";
|
|
|
12
12
|
import _, { hideScrollBarsFromScreenReadersContext as Y } from "@semcore/scroll-area";
|
|
13
13
|
import Z from "@semcore/icon/SortDesc/m";
|
|
14
14
|
import ee from "@semcore/icon/SortAsc/m";
|
|
15
|
-
import { callAllEventHandlers as A } from "@semcore/
|
|
16
|
-
import { flattenColumns as
|
|
17
|
-
import ie from "@semcore/
|
|
18
|
-
import { setRef as
|
|
19
|
-
import { getFocusableIn as V } from "@semcore/
|
|
15
|
+
import { callAllEventHandlers as A } from "@semcore/core/lib/utils/assignProps";
|
|
16
|
+
import { flattenColumns as O, getFixedStyle as te, getScrollOffsetValue as re } from "./utils.mjs";
|
|
17
|
+
import ie from "@semcore/core/lib/utils/logger";
|
|
18
|
+
import { setRef as B } from "@semcore/core/lib/utils/ref";
|
|
19
|
+
import { getFocusableIn as V } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
|
|
20
20
|
var k = 20, ae = {
|
|
21
21
|
desc: Z,
|
|
22
22
|
asc: ee
|
|
@@ -86,7 +86,7 @@ var ne = /* @__PURE__ */ function(R) {
|
|
|
86
86
|
};
|
|
87
87
|
}), p(m(i), "makeColumnRefHandler", function(e, r) {
|
|
88
88
|
return function(a) {
|
|
89
|
-
if (
|
|
89
|
+
if (B(e.props.ref, a), i.headCellMap.set(r, a), e.props.forwardRef && B(e.props.forwardRef, a), a && a.getAttribute("scope") === "col" && !i.defaultWidths.has(a)) {
|
|
90
90
|
var o = window.getComputedStyle(a);
|
|
91
91
|
i.defaultWidths.set(a, {
|
|
92
92
|
minWidth: M(o.getPropertyValue("min-width")),
|
|
@@ -163,7 +163,7 @@ var ne = /* @__PURE__ */ function(R) {
|
|
|
163
163
|
}, {
|
|
164
164
|
key: "renderColumn",
|
|
165
165
|
value: function(t, s) {
|
|
166
|
-
var l, e, r = this.asProps, a = r.styles, o = r.use, d = r.hidden, h = r.uid, v = X, c = D, f = "div", g = ae[t.sortDirection], S = t.sortable && t.active ? oe[t.sortDirection] : void 0, u = ((e = t.columns) === null || e === void 0 ? void 0 : e.length) > 0, W = u ?
|
|
166
|
+
var l, e, r = this.asProps, a = r.styles, o = r.use, d = r.hidden, h = r.uid, v = X, c = D, f = "div", g = ae[t.sortDirection], S = t.sortable && t.active ? oe[t.sortDirection] : void 0, u = ((e = t.columns) === null || e === void 0 ? void 0 : e.length) > 0, W = u ? O(t.columns).length : 1, b = te(t, this.columns), C = F(b, 2), H = C[0], I = C[1], E = P({
|
|
167
167
|
flexBasis: t.props.flex === void 0 && "".concat(s * W, "%")
|
|
168
168
|
}, t.props.style);
|
|
169
169
|
H !== void 0 && I !== void 0 && (E[H] = I), t.setVar || (E.flexBasis = "var(".concat(t.varWidth, ")"));
|
|
@@ -199,7 +199,8 @@ var ne = /* @__PURE__ */ function(R) {
|
|
|
199
199
|
"aria-sort": S,
|
|
200
200
|
"aria-colindex": u ? void 0 : T + 1,
|
|
201
201
|
onFocus: this.onFocusCell,
|
|
202
|
-
"aria-describedby": w.length > 0 ? w.join(" ") : void 0
|
|
202
|
+
"aria-describedby": w.length > 0 ? w.join(" ") : void 0,
|
|
203
|
+
innerOutline: !0
|
|
203
204
|
})), u ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(v, l.cn("SColumn", {
|
|
204
205
|
id: "igc-table-".concat(h, "-").concat(t.name, "-group"),
|
|
205
206
|
groupHead: !0,
|
|
@@ -215,7 +216,7 @@ var ne = /* @__PURE__ */ function(R) {
|
|
|
215
216
|
key: "render",
|
|
216
217
|
value: function() {
|
|
217
218
|
var t = this.asProps, s, l = D, e = D, r = this.asProps, a = r.Children, o = r.styles, d = r.columnsChildren, h = r.onResize, v = r.$scrollRef, c = r.sticky, f = r.withScrollBar, g = r.animationsDisabled, S = r.getI18nText;
|
|
218
|
-
this.columns =
|
|
219
|
+
this.columns = O(d);
|
|
219
220
|
var u = re(this.columns), W = F(u, 2), b = W[0], C = W[1];
|
|
220
221
|
return ie.warn(c, "'sticky' property is deprecated, use '<Sticky/>' wrapper", this.asProps["data-ui-name"] || y.displayName), s = z(o), /* @__PURE__ */ n.createElement(Y.Provider, {
|
|
221
222
|
value: !0
|
package/lib/types/Body.d.ts
CHANGED
|
@@ -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/
|
|
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
|
+
"version": "16.0.0-prerelease.2",
|
|
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/
|
|
18
|
-
"@semcore/
|
|
19
|
-
"@semcore/scroll-area": "
|
|
20
|
-
"@semcore/utils": "4.48.1"
|
|
17
|
+
"@semcore/icon": "16.0.0-prerelease.2",
|
|
18
|
+
"@semcore/flex-box": "16.0.0-prerelease.2",
|
|
19
|
+
"@semcore/scroll-area": "16.0.0-prerelease.2"
|
|
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/
|
|
41
|
-
"react": "16.8 - 18",
|
|
42
|
-
"react-dom": "16.8 - 18"
|
|
39
|
+
"@semcore/base-components": "^16.0.0-prerelease.2"
|
|
43
40
|
},
|
|
44
41
|
"repository": {
|
|
45
42
|
"type": "git",
|