@atlaskit/dynamic-table 17.1.5 → 18.0.1
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 +24 -0
- package/dist/cjs/components/stateless.js +2 -2
- package/dist/cjs/styled/dynamic-table.js +1 -1
- package/dist/cjs/styled/table-head.js +2 -2
- package/dist/es2019/components/stateless.js +2 -2
- package/dist/es2019/styled/dynamic-table.js +1 -1
- package/dist/es2019/styled/table-head.js +2 -2
- package/dist/esm/components/stateless.js +2 -2
- package/dist/esm/styled/dynamic-table.js +1 -1
- package/dist/esm/styled/table-head.js +2 -2
- package/package.json +20 -21
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# @atlaskit/dynamic-table
|
|
2
2
|
|
|
3
|
+
## 18.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 18.0.0
|
|
10
|
+
|
|
11
|
+
### Major Changes
|
|
12
|
+
|
|
13
|
+
- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
|
|
14
|
+
[`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
|
|
15
|
+
This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
|
|
16
|
+
status of only supporting React 18 going forward. No explicit breaking change to React support has
|
|
17
|
+
been made in this release, but this is to signify going forward, breaking changes for React 16 or
|
|
18
|
+
React 17 may come via non-major semver releases.
|
|
19
|
+
|
|
20
|
+
Please refer this community post for more details:
|
|
21
|
+
https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- Updated dependencies
|
|
26
|
+
|
|
3
27
|
## 17.1.5
|
|
4
28
|
|
|
5
29
|
### Patch Changes
|
|
@@ -87,14 +87,14 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
87
87
|
action: 'sorted',
|
|
88
88
|
componentName: 'dynamicTable',
|
|
89
89
|
packageName: "@atlaskit/dynamic-table",
|
|
90
|
-
packageVersion: "
|
|
90
|
+
packageVersion: "18.0.1"
|
|
91
91
|
});
|
|
92
92
|
var onRankEnd = (0, _analyticsNext.usePlatformLeafEventHandler)({
|
|
93
93
|
fn: providedOnRankEnd,
|
|
94
94
|
action: 'ranked',
|
|
95
95
|
componentName: 'dynamicTable',
|
|
96
96
|
packageName: "@atlaskit/dynamic-table",
|
|
97
|
-
packageVersion: "
|
|
97
|
+
packageVersion: "18.0.1"
|
|
98
98
|
});
|
|
99
99
|
(0, _react.useEffect)(function () {
|
|
100
100
|
(0, _helpers.validateSortKey)(sortKey, head);
|
|
@@ -55,7 +55,7 @@ var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
|
|
|
55
55
|
}), children);
|
|
56
56
|
});
|
|
57
57
|
var captionStyles = (0, _react2.css)({
|
|
58
|
-
font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
58
|
+
font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
59
59
|
marginBlockEnd: "var(--ds-space-100, 8px)",
|
|
60
60
|
marginBlockStart: "var(--ds-space-300, 24px)",
|
|
61
61
|
willChange: 'transform'
|
|
@@ -49,7 +49,7 @@ var headCellBaseStyles = (0, _react2.css)({
|
|
|
49
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
50
50
|
borderBlockEnd: "2px solid ".concat(_theme.tableBorder.borderColor),
|
|
51
51
|
color: "var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
|
|
52
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
52
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
53
53
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
54
54
|
textAlign: 'left',
|
|
55
55
|
verticalAlign: 'middle',
|
|
@@ -64,7 +64,7 @@ var headCellBaseStylesOld = (0, _react2.css)({
|
|
|
64
64
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
65
65
|
borderBlockEnd: "2px solid ".concat(_theme.tableBorder.borderColor),
|
|
66
66
|
color: "var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
|
|
67
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
67
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
68
68
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
69
69
|
textAlign: 'left',
|
|
70
70
|
verticalAlign: 'top',
|
|
@@ -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.0.1"
|
|
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.0.1"
|
|
72
72
|
});
|
|
73
73
|
useEffect(() => {
|
|
74
74
|
validateSortKey(sortKey, head);
|
|
@@ -56,7 +56,7 @@ export const Table = /*#__PURE__*/forwardRef(({
|
|
|
56
56
|
}), children);
|
|
57
57
|
});
|
|
58
58
|
const captionStyles = css({
|
|
59
|
-
font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
59
|
+
font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
60
60
|
marginBlockEnd: "var(--ds-space-100, 8px)",
|
|
61
61
|
marginBlockStart: "var(--ds-space-300, 24px)",
|
|
62
62
|
willChange: 'transform'
|
|
@@ -38,7 +38,7 @@ const headCellBaseStyles = css({
|
|
|
38
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
39
39
|
borderBlockEnd: `2px solid ${tableBorder.borderColor}`,
|
|
40
40
|
color: `var(--ds-text-subtle, ${`var(${CSS_VAR_TEXT_COLOR})`})`,
|
|
41
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
41
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
42
42
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
43
43
|
textAlign: 'left',
|
|
44
44
|
verticalAlign: 'middle',
|
|
@@ -53,7 +53,7 @@ const headCellBaseStylesOld = css({
|
|
|
53
53
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
54
54
|
borderBlockEnd: `2px solid ${tableBorder.borderColor}`,
|
|
55
55
|
color: `var(--ds-text-subtle, ${`var(${CSS_VAR_TEXT_COLOR})`})`,
|
|
56
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
56
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
57
57
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
58
58
|
textAlign: 'left',
|
|
59
59
|
verticalAlign: 'top',
|
|
@@ -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.0.1"
|
|
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.0.1"
|
|
88
88
|
});
|
|
89
89
|
useEffect(function () {
|
|
90
90
|
validateSortKey(sortKey, head);
|
|
@@ -49,7 +49,7 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
49
49
|
}), children);
|
|
50
50
|
});
|
|
51
51
|
var captionStyles = css({
|
|
52
|
-
font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
52
|
+
font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
53
53
|
marginBlockEnd: "var(--ds-space-100, 8px)",
|
|
54
54
|
marginBlockStart: "var(--ds-space-300, 24px)",
|
|
55
55
|
willChange: 'transform'
|
|
@@ -43,7 +43,7 @@ var headCellBaseStyles = css({
|
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
44
44
|
borderBlockEnd: "2px solid ".concat(tableBorder.borderColor),
|
|
45
45
|
color: "var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
|
|
46
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
46
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
47
47
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
48
48
|
textAlign: 'left',
|
|
49
49
|
verticalAlign: 'middle',
|
|
@@ -58,7 +58,7 @@ var headCellBaseStylesOld = css({
|
|
|
58
58
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
59
59
|
borderBlockEnd: "2px solid ".concat(tableBorder.borderColor),
|
|
60
60
|
color: "var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
|
|
61
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu,
|
|
61
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
62
62
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
63
63
|
textAlign: 'left',
|
|
64
64
|
verticalAlign: 'top',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/dynamic-table",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "18.0.1",
|
|
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/"
|
|
@@ -39,43 +39,42 @@
|
|
|
39
39
|
"runReact18": true
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@atlaskit/analytics-next": "^
|
|
43
|
-
"@atlaskit/css": "^0.
|
|
44
|
-
"@atlaskit/ds-lib": "^
|
|
45
|
-
"@atlaskit/icon": "^
|
|
46
|
-
"@atlaskit/pagination": "^
|
|
42
|
+
"@atlaskit/analytics-next": "^11.0.0",
|
|
43
|
+
"@atlaskit/css": "^0.10.0",
|
|
44
|
+
"@atlaskit/ds-lib": "^4.0.0",
|
|
45
|
+
"@atlaskit/icon": "^24.1.0",
|
|
46
|
+
"@atlaskit/pagination": "^16.0.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
|
-
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^
|
|
49
|
-
"@atlaskit/primitives": "^
|
|
50
|
-
"@atlaskit/spinner": "^
|
|
51
|
-
"@atlaskit/theme": "^
|
|
52
|
-
"@atlaskit/tokens": "^
|
|
53
|
-
"@atlaskit/tooltip": "^
|
|
48
|
+
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^2.0.0",
|
|
49
|
+
"@atlaskit/primitives": "^14.1.0",
|
|
50
|
+
"@atlaskit/spinner": "^18.0.0",
|
|
51
|
+
"@atlaskit/theme": "^18.0.0",
|
|
52
|
+
"@atlaskit/tokens": "^4.3.0",
|
|
53
|
+
"@atlaskit/tooltip": "^20.0.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@emotion/react": "^11.7.1"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
|
-
"react": "^
|
|
59
|
-
"react-dom": "^
|
|
58
|
+
"react": "^18.2.0",
|
|
59
|
+
"react-dom": "^18.2.0"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@af/accessibility-testing": "*",
|
|
63
63
|
"@af/integration-testing": "*",
|
|
64
64
|
"@af/visual-regression": "*",
|
|
65
|
-
"@atlaskit/avatar": "^
|
|
66
|
-
"@atlaskit/banner": "^
|
|
65
|
+
"@atlaskit/avatar": "^24.0.0",
|
|
66
|
+
"@atlaskit/banner": "^13.0.0",
|
|
67
67
|
"@atlaskit/button": "*",
|
|
68
68
|
"@atlaskit/docs": "*",
|
|
69
|
-
"@atlaskit/drawer": "^
|
|
70
|
-
"@atlaskit/dropdown-menu": "^
|
|
69
|
+
"@atlaskit/drawer": "^10.0.0",
|
|
70
|
+
"@atlaskit/dropdown-menu": "^13.0.0",
|
|
71
71
|
"@atlaskit/link": "*",
|
|
72
72
|
"@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
|
|
73
73
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
|
|
74
74
|
"@atlaskit/section-message": "*",
|
|
75
75
|
"@atlaskit/ssr": "*",
|
|
76
|
-
"@atlaskit/toggle": "^
|
|
77
|
-
"@
|
|
78
|
-
"@atlassian/feature-flags-storybook-utils": "^0.2.0",
|
|
76
|
+
"@atlaskit/toggle": "^15.0.0",
|
|
77
|
+
"@atlassian/feature-flags-storybook-utils": "^0.3.0",
|
|
79
78
|
"@atlassian/feature-flags-test-utils": "*",
|
|
80
79
|
"@emotion/styled": "^11.0.0",
|
|
81
80
|
"@testing-library/react": "^13.4.0",
|