@atlaskit/dynamic-table 18.3.4 → 18.3.5
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/dist/cjs/components/stateless.js +2 -2
- package/dist/cjs/components/table-head-cell.compiled.css +1 -1
- package/dist/cjs/components/table-head-cell.js +3 -3
- package/dist/cjs/styled/dynamic-table.compiled.css +1 -1
- package/dist/cjs/styled/dynamic-table.js +5 -5
- package/dist/cjs/styled/rankable/table-row.compiled.css +2 -2
- package/dist/cjs/styled/rankable/table-row.js +1 -1
- package/dist/cjs/styled/table-head.compiled.css +2 -2
- package/dist/cjs/styled/table-head.js +2 -2
- package/dist/es2019/components/stateless.js +2 -2
- package/dist/es2019/components/table-head-cell.compiled.css +1 -1
- package/dist/es2019/components/table-head-cell.js +3 -3
- package/dist/es2019/styled/dynamic-table.compiled.css +1 -1
- package/dist/es2019/styled/dynamic-table.js +5 -5
- package/dist/es2019/styled/rankable/table-row.compiled.css +2 -2
- package/dist/es2019/styled/rankable/table-row.js +1 -1
- package/dist/es2019/styled/table-head.compiled.css +2 -2
- package/dist/es2019/styled/table-head.js +2 -2
- package/dist/esm/components/stateless.js +2 -2
- package/dist/esm/components/table-head-cell.compiled.css +1 -1
- package/dist/esm/components/table-head-cell.js +3 -3
- package/dist/esm/styled/dynamic-table.compiled.css +1 -1
- package/dist/esm/styled/dynamic-table.js +5 -5
- package/dist/esm/styled/rankable/table-row.compiled.css +2 -2
- package/dist/esm/styled/rankable/table-row.js +1 -1
- package/dist/esm/styled/table-head.compiled.css +2 -2
- package/dist/esm/styled/table-head.js +2 -2
- package/package.json +9 -10
package/CHANGELOG.md
CHANGED
|
@@ -86,14 +86,14 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
86
86
|
action: 'sorted',
|
|
87
87
|
componentName: 'dynamicTable',
|
|
88
88
|
packageName: "@atlaskit/dynamic-table",
|
|
89
|
-
packageVersion: "
|
|
89
|
+
packageVersion: "18.3.4"
|
|
90
90
|
});
|
|
91
91
|
var onRankEnd = (0, _analyticsNext.usePlatformLeafEventHandler)({
|
|
92
92
|
fn: providedOnRankEnd,
|
|
93
93
|
action: 'ranked',
|
|
94
94
|
componentName: 'dynamicTable',
|
|
95
95
|
packageName: "@atlaskit/dynamic-table",
|
|
96
|
-
packageVersion: "
|
|
96
|
+
packageVersion: "18.3.4"
|
|
97
97
|
});
|
|
98
98
|
(0, _react.useEffect)(function () {
|
|
99
99
|
(0, _helpers.validateSortKey)(sortKey, head);
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
11
11
|
._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
|
|
12
12
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
13
|
-
.
|
|
13
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
14
14
|
._tzy4idpf{opacity:0}
|
|
15
15
|
._tzy4kb7n{opacity:1}
|
|
16
16
|
._u5f31b66{padding-right:var(--ds-space-050,4px)}
|
|
@@ -30,7 +30,7 @@ var styles = {
|
|
|
30
30
|
};
|
|
31
31
|
var headCellStyles = {
|
|
32
32
|
headCellContainer: "_1e0c1txw _4cvr1h6o",
|
|
33
|
-
text: "_11c81o8v
|
|
33
|
+
text: "_11c81o8v _syazazsu _k48pmoej"
|
|
34
34
|
};
|
|
35
35
|
var TableHeadCell = function TableHeadCell(_ref) {
|
|
36
36
|
var content = _ref.content,
|
|
@@ -95,11 +95,11 @@ var TableHeadCell = function TableHeadCell(_ref) {
|
|
|
95
95
|
xcss: isSortIconVisible ? styles.sortIconVisibleWrapper : styles.sortIconHiddenWrapper
|
|
96
96
|
}, sortOrder === _constants.ASC ? /*#__PURE__*/_react.default.createElement(_arrowUp.default, {
|
|
97
97
|
label: "",
|
|
98
|
-
color: "var(--ds-text-subtle, #
|
|
98
|
+
color: "var(--ds-text-subtle, #505258)",
|
|
99
99
|
testId: testId && "".concat(testId, "--up--icon")
|
|
100
100
|
}) : /*#__PURE__*/_react.default.createElement(_arrowDown.default, {
|
|
101
101
|
label: "",
|
|
102
|
-
color: "var(--ds-text-subtle, #
|
|
102
|
+
color: "var(--ds-text-subtle, #505258)",
|
|
103
103
|
testId: testId && "".concat(testId, "--down--icon")
|
|
104
104
|
})))));
|
|
105
105
|
return /*#__PURE__*/_react.default.createElement(_tableHead.HeadCell
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
-
.
|
|
2
|
+
._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
|
|
3
3
|
._1bah1h6o{justify-content:center}
|
|
4
4
|
._1bsb1osq{width:100%}
|
|
5
5
|
._1e0c1txw{display:flex}
|
|
@@ -30,18 +30,18 @@ var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
|
|
|
30
30
|
inert: isLoading ? '' : undefined,
|
|
31
31
|
style: {
|
|
32
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
33
|
-
'--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, #
|
|
33
|
+
'--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, #0515240F)",
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
35
|
-
'--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, #
|
|
35
|
+
'--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, #E9F2FE)",
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
37
|
-
'--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, #
|
|
37
|
+
'--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, #CFE1FD)",
|
|
38
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
39
|
-
'--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, #
|
|
39
|
+
'--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, #4688EC)"
|
|
40
40
|
},
|
|
41
41
|
ref: ref
|
|
42
42
|
}, rest, {
|
|
43
43
|
"data-testid": testId && "".concat(testId, "--table"),
|
|
44
|
-
className: (0, _runtime.ax)(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "
|
|
44
|
+
className: (0, _runtime.ax)(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1uh4"])
|
|
45
45
|
}), children);
|
|
46
46
|
});
|
|
47
47
|
var captionStyles = null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12y3e4h9{outline-width:var(--ds-border-width,1px)}
|
|
3
|
-
.
|
|
3
|
+
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
4
|
._1e0c1ule{display:block}
|
|
5
5
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
6
|
-
.
|
|
6
|
+
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
|
|
7
7
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
@@ -30,6 +30,6 @@ var RankableTableBodyRow = exports.RankableTableBodyRow = /*#__PURE__*/(0, _reac
|
|
|
30
30
|
ref: ref,
|
|
31
31
|
testId: testId
|
|
32
32
|
}, props, {
|
|
33
|
-
className: (0, _runtime.ax)([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1bhr
|
|
33
|
+
className: (0, _runtime.ax)([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1bhr _16qs130s", "_12y3e4h9 _mizu1v1w _ra3xnqa1"])
|
|
34
34
|
}));
|
|
35
35
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._h7alglyw{border-inline:none}
|
|
3
3
|
._izbqglyw{border-block:none}
|
|
4
|
-
.
|
|
4
|
+
._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
|
|
5
5
|
._179rglyw{border-block-end:none}
|
|
6
6
|
._mqm2glyw{border-block-start:none}
|
|
7
7
|
._18m915vq{overflow-y:hidden}
|
|
@@ -21,4 +21,4 @@
|
|
|
21
21
|
._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
|
|
22
22
|
._y3gn1e5h{text-align:left}
|
|
23
23
|
._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
|
|
24
|
-
.
|
|
24
|
+
._1ygbd0i9:focus-visible{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#4688ec)}
|
|
@@ -54,7 +54,7 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
|
|
|
54
54
|
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
|
|
55
55
|
var mergedStyles = _objectSpread(_objectSpread(_objectSpread({}, style), width && (0, _constants2.getTruncationStyleVars)({
|
|
56
56
|
width: width
|
|
57
|
-
})), {}, (0, _defineProperty2.default)({}, CSS_VAR_TEXT_COLOR, "var(--ds-text-subtlest, #
|
|
57
|
+
})), {}, (0, _defineProperty2.default)({}, CSS_VAR_TEXT_COLOR, "var(--ds-text-subtlest, #6B6E76)"));
|
|
58
58
|
var isASC = sortOrder === _constants.ASC;
|
|
59
59
|
var isDESC = sortOrder === _constants.DESC;
|
|
60
60
|
var getFormattedSortOrder = function getFormattedSortOrder() {
|
|
@@ -78,7 +78,7 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
|
|
|
78
78
|
ref: ref,
|
|
79
79
|
"data-testid": testId
|
|
80
80
|
}, rest, {
|
|
81
|
-
className: (0, _runtime.ax)(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8dcr7
|
|
81
|
+
className: (0, _runtime.ax)(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8dcr7 _179r1uh4 _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbd0i9", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq"]),
|
|
82
82
|
style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
|
|
83
83
|
"--_17ckjys": (0, _runtime.ix)("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"))
|
|
84
84
|
})
|
|
@@ -61,14 +61,14 @@ const DynamicTable = ({
|
|
|
61
61
|
action: 'sorted',
|
|
62
62
|
componentName: 'dynamicTable',
|
|
63
63
|
packageName: "@atlaskit/dynamic-table",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "18.3.4"
|
|
65
65
|
});
|
|
66
66
|
const onRankEnd = usePlatformLeafEventHandler({
|
|
67
67
|
fn: providedOnRankEnd,
|
|
68
68
|
action: 'ranked',
|
|
69
69
|
componentName: 'dynamicTable',
|
|
70
70
|
packageName: "@atlaskit/dynamic-table",
|
|
71
|
-
packageVersion: "
|
|
71
|
+
packageVersion: "18.3.4"
|
|
72
72
|
});
|
|
73
73
|
useEffect(() => {
|
|
74
74
|
validateSortKey(sortKey, head);
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
11
11
|
._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
|
|
12
12
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
13
|
-
.
|
|
13
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
14
14
|
._tzy4idpf{opacity:0}
|
|
15
15
|
._tzy4kb7n{opacity:1}
|
|
16
16
|
._u5f31b66{padding-right:var(--ds-space-050,4px)}
|
|
@@ -18,7 +18,7 @@ const styles = {
|
|
|
18
18
|
};
|
|
19
19
|
const headCellStyles = {
|
|
20
20
|
headCellContainer: "_1e0c1txw _4cvr1h6o",
|
|
21
|
-
text: "_11c81o8v
|
|
21
|
+
text: "_11c81o8v _syazazsu _k48pmoej"
|
|
22
22
|
};
|
|
23
23
|
const TableHeadCell = ({
|
|
24
24
|
content,
|
|
@@ -75,11 +75,11 @@ const TableHeadCell = ({
|
|
|
75
75
|
xcss: isSortIconVisible ? styles.sortIconVisibleWrapper : styles.sortIconHiddenWrapper
|
|
76
76
|
}, sortOrder === ASC ? /*#__PURE__*/React.createElement(ArrowUpIcon, {
|
|
77
77
|
label: "",
|
|
78
|
-
color: "var(--ds-text-subtle, #
|
|
78
|
+
color: "var(--ds-text-subtle, #505258)",
|
|
79
79
|
testId: testId && `${testId}--up--icon`
|
|
80
80
|
}) : /*#__PURE__*/React.createElement(ArrowDownIcon, {
|
|
81
81
|
label: "",
|
|
82
|
-
color: "var(--ds-text-subtle, #
|
|
82
|
+
color: "var(--ds-text-subtle, #505258)",
|
|
83
83
|
testId: testId && `${testId}--down--icon`
|
|
84
84
|
})))));
|
|
85
85
|
return /*#__PURE__*/React.createElement(HeadCell
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
-
.
|
|
2
|
+
._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
|
|
3
3
|
._1bah1h6o{justify-content:center}
|
|
4
4
|
._1bsb1osq{width:100%}
|
|
5
5
|
._1e0c1txw{display:flex}
|
|
@@ -21,18 +21,18 @@ export const Table = /*#__PURE__*/forwardRef(({
|
|
|
21
21
|
inert: isLoading ? '' : undefined,
|
|
22
22
|
style: {
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
24
|
-
'--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, #
|
|
24
|
+
'--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, #0515240F)",
|
|
25
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
26
|
-
'--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, #
|
|
26
|
+
'--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, #E9F2FE)",
|
|
27
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
28
|
-
'--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, #
|
|
28
|
+
'--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, #CFE1FD)",
|
|
29
29
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
30
|
-
'--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, #
|
|
30
|
+
'--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, #4688EC)"
|
|
31
31
|
},
|
|
32
32
|
ref: ref
|
|
33
33
|
}, rest, {
|
|
34
34
|
"data-testid": testId && `${testId}--table`,
|
|
35
|
-
className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "
|
|
35
|
+
className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1uh4"])
|
|
36
36
|
}), children);
|
|
37
37
|
});
|
|
38
38
|
const captionStyles = null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12y3e4h9{outline-width:var(--ds-border-width,1px)}
|
|
3
|
-
.
|
|
3
|
+
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
4
|
._1e0c1ule{display:block}
|
|
5
5
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
6
|
-
.
|
|
6
|
+
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
|
|
7
7
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
@@ -20,6 +20,6 @@ export const RankableTableBodyRow = /*#__PURE__*/forwardRef(({
|
|
|
20
20
|
ref: ref,
|
|
21
21
|
testId: testId
|
|
22
22
|
}, props, {
|
|
23
|
-
className: ax([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1bhr
|
|
23
|
+
className: ax([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1bhr _16qs130s", "_12y3e4h9 _mizu1v1w _ra3xnqa1"])
|
|
24
24
|
}));
|
|
25
25
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._h7alglyw{border-inline:none}
|
|
3
3
|
._izbqglyw{border-block:none}
|
|
4
|
-
.
|
|
4
|
+
._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
|
|
5
5
|
._179rglyw{border-block-end:none}
|
|
6
6
|
._mqm2glyw{border-block-start:none}
|
|
7
7
|
._18m915vq{overflow-y:hidden}
|
|
@@ -21,4 +21,4 @@
|
|
|
21
21
|
._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
|
|
22
22
|
._y3gn1e5h{text-align:left}
|
|
23
23
|
._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
|
|
24
|
-
.
|
|
24
|
+
._1ygbd0i9:focus-visible{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#4688ec)}
|
|
@@ -45,7 +45,7 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
|
|
|
45
45
|
...(width && getTruncationStyleVars({
|
|
46
46
|
width
|
|
47
47
|
})),
|
|
48
|
-
[CSS_VAR_TEXT_COLOR]: "var(--ds-text-subtlest, #
|
|
48
|
+
[CSS_VAR_TEXT_COLOR]: "var(--ds-text-subtlest, #6B6E76)"
|
|
49
49
|
};
|
|
50
50
|
const isASC = sortOrder === ASC;
|
|
51
51
|
const isDESC = sortOrder === DESC;
|
|
@@ -70,6 +70,6 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
|
|
|
70
70
|
ref: ref,
|
|
71
71
|
"data-testid": testId
|
|
72
72
|
}, rest, {
|
|
73
|
-
className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8dcr7
|
|
73
|
+
className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8dcr7 _179r1uh4 _mqm2glyw _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4nkob _1ygbd0i9", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq"])
|
|
74
74
|
}), children);
|
|
75
75
|
});
|
|
@@ -77,14 +77,14 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
77
77
|
action: 'sorted',
|
|
78
78
|
componentName: 'dynamicTable',
|
|
79
79
|
packageName: "@atlaskit/dynamic-table",
|
|
80
|
-
packageVersion: "
|
|
80
|
+
packageVersion: "18.3.4"
|
|
81
81
|
});
|
|
82
82
|
var onRankEnd = usePlatformLeafEventHandler({
|
|
83
83
|
fn: providedOnRankEnd,
|
|
84
84
|
action: 'ranked',
|
|
85
85
|
componentName: 'dynamicTable',
|
|
86
86
|
packageName: "@atlaskit/dynamic-table",
|
|
87
|
-
packageVersion: "
|
|
87
|
+
packageVersion: "18.3.4"
|
|
88
88
|
});
|
|
89
89
|
useEffect(function () {
|
|
90
90
|
validateSortKey(sortKey, head);
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
11
11
|
._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
|
|
12
12
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
13
|
-
.
|
|
13
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
14
14
|
._tzy4idpf{opacity:0}
|
|
15
15
|
._tzy4kb7n{opacity:1}
|
|
16
16
|
._u5f31b66{padding-right:var(--ds-space-050,4px)}
|
|
@@ -21,7 +21,7 @@ var styles = {
|
|
|
21
21
|
};
|
|
22
22
|
var headCellStyles = {
|
|
23
23
|
headCellContainer: "_1e0c1txw _4cvr1h6o",
|
|
24
|
-
text: "_11c81o8v
|
|
24
|
+
text: "_11c81o8v _syazazsu _k48pmoej"
|
|
25
25
|
};
|
|
26
26
|
var TableHeadCell = function TableHeadCell(_ref) {
|
|
27
27
|
var content = _ref.content,
|
|
@@ -86,11 +86,11 @@ var TableHeadCell = function TableHeadCell(_ref) {
|
|
|
86
86
|
xcss: isSortIconVisible ? styles.sortIconVisibleWrapper : styles.sortIconHiddenWrapper
|
|
87
87
|
}, sortOrder === ASC ? /*#__PURE__*/React.createElement(ArrowUpIcon, {
|
|
88
88
|
label: "",
|
|
89
|
-
color: "var(--ds-text-subtle, #
|
|
89
|
+
color: "var(--ds-text-subtle, #505258)",
|
|
90
90
|
testId: testId && "".concat(testId, "--up--icon")
|
|
91
91
|
}) : /*#__PURE__*/React.createElement(ArrowDownIcon, {
|
|
92
92
|
label: "",
|
|
93
|
-
color: "var(--ds-text-subtle, #
|
|
93
|
+
color: "var(--ds-text-subtle, #505258)",
|
|
94
94
|
testId: testId && "".concat(testId, "--down--icon")
|
|
95
95
|
})))));
|
|
96
96
|
return /*#__PURE__*/React.createElement(HeadCell
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
-
.
|
|
2
|
+
._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
|
|
3
3
|
._1bah1h6o{justify-content:center}
|
|
4
4
|
._1bsb1osq{width:100%}
|
|
5
5
|
._1e0c1txw{display:flex}
|
|
@@ -22,18 +22,18 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22
22
|
inert: isLoading ? '' : undefined,
|
|
23
23
|
style: {
|
|
24
24
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
25
|
-
'--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, #
|
|
25
|
+
'--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, #0515240F)",
|
|
26
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
27
|
-
'--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, #
|
|
27
|
+
'--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, #E9F2FE)",
|
|
28
28
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
29
|
-
'--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, #
|
|
29
|
+
'--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, #CFE1FD)",
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
31
|
-
'--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, #
|
|
31
|
+
'--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, #4688EC)"
|
|
32
32
|
},
|
|
33
33
|
ref: ref
|
|
34
34
|
}, rest, {
|
|
35
35
|
"data-testid": testId && "".concat(testId, "--table"),
|
|
36
|
-
className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "
|
|
36
|
+
className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1uh4"])
|
|
37
37
|
}), children);
|
|
38
38
|
});
|
|
39
39
|
var captionStyles = null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12y3e4h9{outline-width:var(--ds-border-width,1px)}
|
|
3
|
-
.
|
|
3
|
+
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
4
4
|
._1e0c1ule{display:block}
|
|
5
5
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
6
|
-
.
|
|
6
|
+
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
|
|
7
7
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
@@ -21,6 +21,6 @@ export var RankableTableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
21
21
|
ref: ref,
|
|
22
22
|
testId: testId
|
|
23
23
|
}, props, {
|
|
24
|
-
className: ax([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1bhr
|
|
24
|
+
className: ax([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1bhr _16qs130s", "_12y3e4h9 _mizu1v1w _ra3xnqa1"])
|
|
25
25
|
}));
|
|
26
26
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._h7alglyw{border-inline:none}
|
|
3
3
|
._izbqglyw{border-block:none}
|
|
4
|
-
.
|
|
4
|
+
._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
|
|
5
5
|
._179rglyw{border-block-end:none}
|
|
6
6
|
._mqm2glyw{border-block-start:none}
|
|
7
7
|
._18m915vq{overflow-y:hidden}
|
|
@@ -21,4 +21,4 @@
|
|
|
21
21
|
._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
|
|
22
22
|
._y3gn1e5h{text-align:left}
|
|
23
23
|
._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
|
|
24
|
-
.
|
|
24
|
+
._1ygbd0i9:focus-visible{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#4688ec)}
|
|
@@ -46,7 +46,7 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
46
46
|
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
47
47
|
var mergedStyles = _objectSpread(_objectSpread(_objectSpread({}, style), width && getTruncationStyleVars({
|
|
48
48
|
width: width
|
|
49
|
-
})), {}, _defineProperty({}, CSS_VAR_TEXT_COLOR, "var(--ds-text-subtlest, #
|
|
49
|
+
})), {}, _defineProperty({}, CSS_VAR_TEXT_COLOR, "var(--ds-text-subtlest, #6B6E76)"));
|
|
50
50
|
var isASC = sortOrder === ASC;
|
|
51
51
|
var isDESC = sortOrder === DESC;
|
|
52
52
|
var getFormattedSortOrder = function getFormattedSortOrder() {
|
|
@@ -70,7 +70,7 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
70
70
|
ref: ref,
|
|
71
71
|
"data-testid": testId
|
|
72
72
|
}, rest, {
|
|
73
|
-
className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8dcr7
|
|
73
|
+
className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8dcr7 _179r1uh4 _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbd0i9", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq"]),
|
|
74
74
|
style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
|
|
75
75
|
"--_17ckjys": ix("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"))
|
|
76
76
|
})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/dynamic-table",
|
|
3
|
-
"version": "18.3.
|
|
3
|
+
"version": "18.3.5",
|
|
4
4
|
"description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -35,15 +35,14 @@
|
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
37
37
|
"@atlaskit/css": "^0.15.0",
|
|
38
|
-
"@atlaskit/ds-lib": "^5.
|
|
38
|
+
"@atlaskit/ds-lib": "^5.2.0",
|
|
39
39
|
"@atlaskit/icon": "^28.5.0",
|
|
40
40
|
"@atlaskit/pagination": "^16.1.0",
|
|
41
41
|
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^2.0.0",
|
|
42
|
-
"@atlaskit/primitives": "^16.
|
|
42
|
+
"@atlaskit/primitives": "^16.1.0",
|
|
43
43
|
"@atlaskit/spinner": "^19.0.0",
|
|
44
|
-
"@atlaskit/
|
|
45
|
-
"@atlaskit/
|
|
46
|
-
"@atlaskit/tooltip": "^20.6.0",
|
|
44
|
+
"@atlaskit/tokens": "^8.0.0",
|
|
45
|
+
"@atlaskit/tooltip": "^20.8.0",
|
|
47
46
|
"@babel/runtime": "^7.0.0",
|
|
48
47
|
"@compiled/react": "^0.18.6"
|
|
49
48
|
},
|
|
@@ -55,19 +54,19 @@
|
|
|
55
54
|
"@af/accessibility-testing": "workspace:^",
|
|
56
55
|
"@af/integration-testing": "workspace:^",
|
|
57
56
|
"@af/visual-regression": "workspace:^",
|
|
58
|
-
"@atlaskit/avatar": "^25.
|
|
57
|
+
"@atlaskit/avatar": "^25.5.0",
|
|
59
58
|
"@atlaskit/banner": "^14.0.0",
|
|
60
|
-
"@atlaskit/button": "^23.
|
|
59
|
+
"@atlaskit/button": "^23.6.0",
|
|
61
60
|
"@atlaskit/docs": "^11.2.0",
|
|
62
61
|
"@atlaskit/drawer": "^11.0.0",
|
|
63
62
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
64
63
|
"@atlaskit/link": "^3.2.0",
|
|
65
64
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
66
65
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
|
|
67
|
-
"@atlaskit/section-message": "^8.
|
|
66
|
+
"@atlaskit/section-message": "^8.9.0",
|
|
68
67
|
"@atlaskit/ssr": "workspace:^",
|
|
69
68
|
"@atlaskit/toggle": "^15.1.0",
|
|
70
|
-
"@atlassian/ssr-tests": "
|
|
69
|
+
"@atlassian/ssr-tests": "workspace:^",
|
|
71
70
|
"@testing-library/react": "^13.4.0",
|
|
72
71
|
"@testing-library/user-event": "^14.4.3",
|
|
73
72
|
"react-dom": "^18.2.0",
|