@atlaskit/dynamic-table 18.3.24 → 18.3.26
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 +17 -0
- package/dist/cjs/components/loading-container-advanced.js +1 -1
- package/dist/cjs/components/stateless.js +2 -2
- package/dist/cjs/styled/table-head.compiled.css +1 -1
- package/dist/cjs/styled/table-head.js +2 -5
- package/dist/cjs/styled/table-row.compiled.css +5 -5
- package/dist/cjs/styled/table-row.js +1 -1
- package/dist/es2019/components/loading-container-advanced.js +2 -2
- package/dist/es2019/components/stateless.js +2 -2
- package/dist/es2019/styled/table-head.compiled.css +1 -1
- package/dist/es2019/styled/table-head.js +1 -1
- package/dist/es2019/styled/table-row.compiled.css +5 -5
- package/dist/es2019/styled/table-row.js +1 -1
- package/dist/esm/components/loading-container-advanced.js +2 -2
- package/dist/esm/components/stateless.js +2 -2
- package/dist/esm/styled/table-head.compiled.css +1 -1
- package/dist/esm/styled/table-head.js +2 -5
- package/dist/esm/styled/table-row.compiled.css +5 -5
- package/dist/esm/styled/table-row.js +1 -1
- package/package.json +9 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/dynamic-table
|
|
2
2
|
|
|
3
|
+
## 18.3.26
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
|
|
8
|
+
Enrol all Design System UI packages into the React Compiler with platform gating via
|
|
9
|
+
isReactCompilerActivePlatform.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 18.3.25
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
|
|
17
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 18.3.24
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -196,6 +196,6 @@ var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$C
|
|
|
196
196
|
(0, _defineProperty2.default)(LoadingContainerAdvanced, "defaultProps", {
|
|
197
197
|
isLoading: true,
|
|
198
198
|
spinnerSize: _constants.LARGE,
|
|
199
|
-
contentsOpacity: "var(--ds-opacity-loading,
|
|
199
|
+
contentsOpacity: "var(--ds-opacity-loading, 0.2)",
|
|
200
200
|
loadingLabel: 'Loading table'
|
|
201
201
|
});
|
|
@@ -85,14 +85,14 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
85
85
|
action: 'sorted',
|
|
86
86
|
componentName: 'dynamicTable',
|
|
87
87
|
packageName: "@atlaskit/dynamic-table",
|
|
88
|
-
packageVersion: "
|
|
88
|
+
packageVersion: "0.0.0-development"
|
|
89
89
|
});
|
|
90
90
|
var onRankEnd = (0, _analyticsNext.usePlatformLeafEventHandler)({
|
|
91
91
|
fn: providedOnRankEnd,
|
|
92
92
|
action: 'ranked',
|
|
93
93
|
componentName: 'dynamicTable',
|
|
94
94
|
packageName: "@atlaskit/dynamic-table",
|
|
95
|
-
packageVersion: "
|
|
95
|
+
packageVersion: "0.0.0-development"
|
|
96
96
|
});
|
|
97
97
|
(0, _react.useEffect)(function () {
|
|
98
98
|
(0, _helpers.validateSortKey)(sortKey, head);
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
._kqswh2mm{position:relative}
|
|
18
18
|
._o5721q9c{white-space:nowrap}
|
|
19
19
|
._s7n4nkob{vertical-align:middle}
|
|
20
|
-
.
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
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)}
|
|
@@ -73,14 +73,11 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
|
|
|
73
73
|
"aria-sort": getFormattedSortOrder()
|
|
74
74
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
75
75
|
,
|
|
76
|
-
|
|
76
|
+
style: mergedStyles,
|
|
77
77
|
onClick: undefined,
|
|
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", "_11c8wadc _179r1uh4 _mqm2glyw _kqswh2mm
|
|
82
|
-
style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
|
|
83
|
-
"--_17ckjys": (0, _runtime.ix)("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"))
|
|
84
|
-
})
|
|
81
|
+
className: (0, _runtime.ax)(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8wadc _179r1uh4 _mqm2glyw _kqswh2mm _syazazsu _k48pwu06 _y3gn1e5h _s7n4nkob _1ygbd0i9", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq"])
|
|
85
82
|
}), children);
|
|
86
83
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
2
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
3
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
4
|
+
._1ygbdfik:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}._1ah312gs:focus-visible{outline-offset:-2px}
|
|
5
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
6
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
@@ -34,7 +34,7 @@ var TableBodyRow = exports.TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
34
34
|
* With Compiled it needs to be statically analyzable. It does not get applied via spread props.
|
|
35
35
|
*/
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
37
|
-
className: (0, _runtime.ax)(["
|
|
37
|
+
className: (0, _runtime.ax)(["_bfhksm61 _1ygbdfik _1ah312gs", isHighlighted ? "_bfhk15s3 _irr3ufnl" : "_irr31dpa", className])
|
|
38
38
|
}, rest, {
|
|
39
39
|
ref: ref,
|
|
40
40
|
"data-testid": testId
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import Spinner from '@atlaskit/spinner';
|
|
5
|
-
import { LARGE
|
|
5
|
+
import { LARGE } from '../internal/constants';
|
|
6
6
|
import { Container, SpinnerBackdrop, SpinnerContainer } from '../styled/loading-container-advanced';
|
|
7
7
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
8
8
|
export default class LoadingContainerAdvanced extends React.Component {
|
|
@@ -173,6 +173,6 @@ export default class LoadingContainerAdvanced extends React.Component {
|
|
|
173
173
|
_defineProperty(LoadingContainerAdvanced, "defaultProps", {
|
|
174
174
|
isLoading: true,
|
|
175
175
|
spinnerSize: LARGE,
|
|
176
|
-
contentsOpacity:
|
|
176
|
+
contentsOpacity: "var(--ds-opacity-loading, 0.2)",
|
|
177
177
|
loadingLabel: 'Loading table'
|
|
178
178
|
});
|
|
@@ -60,14 +60,14 @@ const DynamicTable = ({
|
|
|
60
60
|
action: 'sorted',
|
|
61
61
|
componentName: 'dynamicTable',
|
|
62
62
|
packageName: "@atlaskit/dynamic-table",
|
|
63
|
-
packageVersion: "
|
|
63
|
+
packageVersion: "0.0.0-development"
|
|
64
64
|
});
|
|
65
65
|
const onRankEnd = usePlatformLeafEventHandler({
|
|
66
66
|
fn: providedOnRankEnd,
|
|
67
67
|
action: 'ranked',
|
|
68
68
|
componentName: 'dynamicTable',
|
|
69
69
|
packageName: "@atlaskit/dynamic-table",
|
|
70
|
-
packageVersion: "
|
|
70
|
+
packageVersion: "0.0.0-development"
|
|
71
71
|
});
|
|
72
72
|
useEffect(() => {
|
|
73
73
|
validateSortKey(sortKey, head);
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
._kqswh2mm{position:relative}
|
|
18
18
|
._o5721q9c{white-space:nowrap}
|
|
19
19
|
._s7n4nkob{vertical-align:middle}
|
|
20
|
-
.
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
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)}
|
|
@@ -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", "_11c8wadc _179r1uh4 _mqm2glyw _kqswh2mm
|
|
73
|
+
className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8wadc _179r1uh4 _mqm2glyw _kqswh2mm _syazazsu _k48pwu06 _y3gn1e5h _s7n4nkob _1ygbd0i9", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq"])
|
|
74
74
|
}), children);
|
|
75
75
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
2
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
3
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
4
|
+
._1ygbdfik:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}._1ah312gs:focus-visible{outline-offset:-2px}
|
|
5
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
6
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
@@ -24,7 +24,7 @@ export const TableBodyRow = /*#__PURE__*/forwardRef(({
|
|
|
24
24
|
* With Compiled it needs to be statically analyzable. It does not get applied via spread props.
|
|
25
25
|
*/
|
|
26
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
27
|
-
className: ax(["
|
|
27
|
+
className: ax(["_bfhksm61 _1ygbdfik _1ah312gs", isHighlighted ? "_bfhk15s3 _irr3ufnl" : "_irr31dpa", className])
|
|
28
28
|
}, rest, {
|
|
29
29
|
ref: ref,
|
|
30
30
|
"data-testid": testId
|
|
@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
10
10
|
/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import Spinner from '@atlaskit/spinner';
|
|
13
|
-
import { LARGE
|
|
13
|
+
import { LARGE } from '../internal/constants';
|
|
14
14
|
import { Container, SpinnerBackdrop, SpinnerContainer } from '../styled/loading-container-advanced';
|
|
15
15
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
16
16
|
var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
@@ -190,7 +190,7 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
190
190
|
_defineProperty(LoadingContainerAdvanced, "defaultProps", {
|
|
191
191
|
isLoading: true,
|
|
192
192
|
spinnerSize: LARGE,
|
|
193
|
-
contentsOpacity: "var(--ds-opacity-loading,
|
|
193
|
+
contentsOpacity: "var(--ds-opacity-loading, 0.2)",
|
|
194
194
|
loadingLabel: 'Loading table'
|
|
195
195
|
});
|
|
196
196
|
export { LoadingContainerAdvanced as default };
|
|
@@ -76,14 +76,14 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
76
76
|
action: 'sorted',
|
|
77
77
|
componentName: 'dynamicTable',
|
|
78
78
|
packageName: "@atlaskit/dynamic-table",
|
|
79
|
-
packageVersion: "
|
|
79
|
+
packageVersion: "0.0.0-development"
|
|
80
80
|
});
|
|
81
81
|
var onRankEnd = usePlatformLeafEventHandler({
|
|
82
82
|
fn: providedOnRankEnd,
|
|
83
83
|
action: 'ranked',
|
|
84
84
|
componentName: 'dynamicTable',
|
|
85
85
|
packageName: "@atlaskit/dynamic-table",
|
|
86
|
-
packageVersion: "
|
|
86
|
+
packageVersion: "0.0.0-development"
|
|
87
87
|
});
|
|
88
88
|
useEffect(function () {
|
|
89
89
|
validateSortKey(sortKey, head);
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
._kqswh2mm{position:relative}
|
|
18
18
|
._o5721q9c{white-space:nowrap}
|
|
19
19
|
._s7n4nkob{vertical-align:middle}
|
|
20
|
-
.
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
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)}
|
|
@@ -65,14 +65,11 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
65
65
|
"aria-sort": getFormattedSortOrder()
|
|
66
66
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
67
67
|
,
|
|
68
|
-
|
|
68
|
+
style: mergedStyles,
|
|
69
69
|
onClick: undefined,
|
|
70
70
|
ref: ref,
|
|
71
71
|
"data-testid": testId
|
|
72
72
|
}, rest, {
|
|
73
|
-
className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8wadc _179r1uh4 _mqm2glyw _kqswh2mm
|
|
74
|
-
style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
|
|
75
|
-
"--_17ckjys": ix("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"))
|
|
76
|
-
})
|
|
73
|
+
className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8wadc _179r1uh4 _mqm2glyw _kqswh2mm _syazazsu _k48pwu06 _y3gn1e5h _s7n4nkob _1ygbd0i9", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq"])
|
|
77
74
|
}), children);
|
|
78
75
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
2
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
3
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
4
|
+
._1ygbdfik:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}._1ah312gs:focus-visible{outline-offset:-2px}
|
|
5
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
6
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
@@ -25,7 +25,7 @@ export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
25
25
|
* With Compiled it needs to be statically analyzable. It does not get applied via spread props.
|
|
26
26
|
*/
|
|
27
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
28
|
-
className: ax(["
|
|
28
|
+
className: ax(["_bfhksm61 _1ygbdfik _1ah312gs", isHighlighted ? "_bfhk15s3 _irr3ufnl" : "_irr31dpa", className])
|
|
29
29
|
}, rest, {
|
|
30
30
|
ref: ref,
|
|
31
31
|
"data-testid": testId
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/dynamic-table",
|
|
3
|
-
"version": "18.3.
|
|
3
|
+
"version": "18.3.26",
|
|
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/"
|
|
@@ -26,6 +26,13 @@
|
|
|
26
26
|
],
|
|
27
27
|
"atlaskit:src": "src/index.tsx",
|
|
28
28
|
"atlassian": {
|
|
29
|
+
"react-compiler": {
|
|
30
|
+
"enabled": true,
|
|
31
|
+
"gating": {
|
|
32
|
+
"source": "@atlassian/react-compiler-gating",
|
|
33
|
+
"importSpecifierName": "isReactCompilerActivePlatform"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
29
36
|
"team": "Design System Team",
|
|
30
37
|
"website": {
|
|
31
38
|
"name": "Dynamic table",
|
|
@@ -65,6 +72,7 @@
|
|
|
65
72
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
|
|
66
73
|
"@atlaskit/section-message": "^8.12.0",
|
|
67
74
|
"@atlaskit/toggle": "^15.2.0",
|
|
75
|
+
"@atlassian/react-compiler-gating": "workspace:^",
|
|
68
76
|
"@atlassian/ssr-tests": "workspace:^",
|
|
69
77
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
70
78
|
"@testing-library/react": "^16.3.0",
|