@atlaskit/dynamic-table 14.11.0 → 14.11.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.
Files changed (23) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/stateless.js +1 -1
  3. package/dist/cjs/styled/dynamic-table.js +1 -1
  4. package/dist/cjs/styled/empty-body.js +2 -2
  5. package/dist/cjs/styled/loading-container-advanced.js +1 -1
  6. package/dist/cjs/styled/rankable/table-row.js +2 -2
  7. package/dist/cjs/styled/table-head.js +3 -3
  8. package/dist/cjs/version.json +1 -1
  9. package/dist/es2019/components/stateless.js +1 -1
  10. package/dist/es2019/styled/dynamic-table.js +1 -1
  11. package/dist/es2019/styled/empty-body.js +2 -2
  12. package/dist/es2019/styled/loading-container-advanced.js +1 -1
  13. package/dist/es2019/styled/rankable/table-row.js +2 -2
  14. package/dist/es2019/styled/table-head.js +3 -3
  15. package/dist/es2019/version.json +1 -1
  16. package/dist/esm/components/stateless.js +1 -1
  17. package/dist/esm/styled/dynamic-table.js +1 -1
  18. package/dist/esm/styled/empty-body.js +2 -2
  19. package/dist/esm/styled/loading-container-advanced.js +1 -1
  20. package/dist/esm/styled/rankable/table-row.js +2 -2
  21. package/dist/esm/styled/table-head.js +3 -3
  22. package/dist/esm/version.json +1 -1
  23. package/package.json +5 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/dynamic-table
2
2
 
3
+ ## 14.11.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
8
+
3
9
  ## 14.11.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/components/stateless.js CHANGED
@@ -29,7 +29,7 @@ var _tableHead = _interopRequireDefault(require("./table-head"));
29
29
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
30
30
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
31
31
  var packageName = "@atlaskit/dynamic-table";
32
- var packageVersion = "14.11.0";
32
+ var packageVersion = "14.11.1";
33
33
  function toggleSortOrder(currentSortOrder) {
34
34
  switch (currentSortOrder) {
35
35
  case _constants.DESC:
package/dist/cjs/styled/dynamic-table.js CHANGED
@@ -54,7 +54,7 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
54
54
  });
55
55
  exports.Table = Table;
56
56
  var captionStyles = (0, _react2.css)({
57
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
57
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
58
58
  marginTop: "".concat(gridSize * 3.5, "px"),
59
59
  marginBottom: "var(--ds-space-100, 8px)",
60
60
  fontSize: '1.42857143em',
package/dist/cjs/styled/empty-body.js CHANGED
@@ -25,9 +25,9 @@ var EmptyViewWithFixedHeight = function EmptyViewWithFixedHeight(_ref) {
25
25
  exports.EmptyViewWithFixedHeight = EmptyViewWithFixedHeight;
26
26
  var emptyViewContainerStyles = (0, _react.css)({
27
27
  width: '50%',
28
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
28
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
29
29
  margin: 'auto',
30
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
30
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
31
31
  padding: '10px',
32
32
  textAlign: 'center'
33
33
  });
package/dist/cjs/styled/loading-container-advanced.js CHANGED
@@ -50,7 +50,7 @@ var SpinnerBackdrop = function SpinnerBackdrop(_ref) {
50
50
  exports.SpinnerBackdrop = SpinnerBackdrop;
51
51
  var spinnerContainerStyles = (0, _react2.css)({
52
52
  position: 'relative',
53
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
53
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
54
54
  top: 0
55
55
  });
56
56
  var SpinnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
package/dist/cjs/styled/rankable/table-row.js CHANGED
@@ -18,11 +18,11 @@ var rankingStyles = (0, _react2.css)({
18
18
  });
19
19
  var rankingItemStyles = (0, _react2.css)({
20
20
  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N20, ")"),
21
- borderRadius: '2px',
21
+ borderRadius: "var(--ds-border-radius-050, 2px)",
22
22
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")
23
23
  });
24
24
  var draggableStyles = (0, _react2.css)({
25
- outlineWidth: '2px',
25
+ outlineWidth: "var(--ds-border-width, 2px)",
26
26
  '&:focus': {
27
27
  outlineColor: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
28
28
  outlineStyle: 'solid'
package/dist/cjs/styled/table-head.js CHANGED
@@ -77,18 +77,18 @@ var baseStyles = (0, _react2.css)({
77
77
  width: 0,
78
78
  height: 0,
79
79
  position: 'absolute',
80
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
80
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
81
81
  right: "-".concat(gridSize, "px"),
82
82
  border: '3px solid transparent',
83
83
  content: '""'
84
84
  },
85
85
  '&::before': {
86
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
86
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
87
87
  bottom: '8px',
88
88
  borderBottom: "3px solid ".concat(_theme.arrow.defaultColor)
89
89
  },
90
90
  '&::after': {
91
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
91
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
92
92
  bottom: 0,
93
93
  borderTop: "3px solid ".concat(_theme.arrow.defaultColor)
94
94
  }
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.11.0",
3
+ "version": "14.11.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/stateless.js CHANGED
@@ -14,7 +14,7 @@ import ManagedPagination from './managed-pagination';
14
14
  import RankableTableBody from './rankable/body';
15
15
  import TableHead from './table-head';
16
16
  const packageName = "@atlaskit/dynamic-table";
17
- const packageVersion = "14.11.0";
17
+ const packageVersion = "14.11.1";
18
18
  function toggleSortOrder(currentSortOrder) {
19
19
  switch (currentSortOrder) {
20
20
  case DESC:
package/dist/es2019/styled/dynamic-table.js CHANGED
@@ -48,7 +48,7 @@ export const Table = /*#__PURE__*/forwardRef(({
48
48
  }), children);
49
49
  });
50
50
  const captionStyles = css({
51
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
51
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
52
52
  marginTop: `${gridSize * 3.5}px`,
53
53
  marginBottom: "var(--ds-space-100, 8px)",
54
54
  fontSize: '1.42857143em',
package/dist/es2019/styled/empty-body.js CHANGED
@@ -17,9 +17,9 @@ export const EmptyViewWithFixedHeight = ({
17
17
  }, children);
18
18
  const emptyViewContainerStyles = css({
19
19
  width: '50%',
20
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
20
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
21
21
  margin: 'auto',
22
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
22
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
23
23
  padding: '10px',
24
24
  textAlign: 'center'
25
25
  });
package/dist/es2019/styled/loading-container-advanced.js CHANGED
@@ -40,7 +40,7 @@ export const SpinnerBackdrop = ({
40
40
  }, children);
41
41
  const spinnerContainerStyles = css({
42
42
  position: 'relative',
43
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
43
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
44
44
  top: 0
45
45
  });
46
46
  export const SpinnerContainer = /*#__PURE__*/forwardRef(({
package/dist/es2019/styled/rankable/table-row.js CHANGED
@@ -9,11 +9,11 @@ const rankingStyles = css({
9
9
  });
10
10
  const rankingItemStyles = css({
11
11
  backgroundColor: `var(--ds-surface-overlay, ${N20})`,
12
- borderRadius: '2px',
12
+ borderRadius: "var(--ds-border-radius-050, 2px)",
13
13
  boxShadow: `var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`
14
14
  });
15
15
  const draggableStyles = css({
16
- outlineWidth: '2px',
16
+ outlineWidth: "var(--ds-border-width, 2px)",
17
17
  '&:focus': {
18
18
  outlineColor: `var(--ds-border-focused, ${B100})`,
19
19
  outlineStyle: 'solid'
package/dist/es2019/styled/table-head.js CHANGED
@@ -64,18 +64,18 @@ const baseStyles = css({
64
64
  width: 0,
65
65
  height: 0,
66
66
  position: 'absolute',
67
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
67
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
68
68
  right: `-${gridSize}px`,
69
69
  border: '3px solid transparent',
70
70
  content: '""'
71
71
  },
72
72
  '&::before': {
73
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
73
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
74
74
  bottom: '8px',
75
75
  borderBottom: `3px solid ${arrow.defaultColor}`
76
76
  },
77
77
  '&::after': {
78
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
78
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
79
79
  bottom: 0,
80
80
  borderTop: `3px solid ${arrow.defaultColor}`
81
81
  }
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.11.0",
3
+ "version": "14.11.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/stateless.js CHANGED
@@ -22,7 +22,7 @@ import ManagedPagination from './managed-pagination';
22
22
  import RankableTableBody from './rankable/body';
23
23
  import TableHead from './table-head';
24
24
  var packageName = "@atlaskit/dynamic-table";
25
- var packageVersion = "14.11.0";
25
+ var packageVersion = "14.11.1";
26
26
  function toggleSortOrder(currentSortOrder) {
27
27
  switch (currentSortOrder) {
28
28
  case DESC:
package/dist/esm/styled/dynamic-table.js CHANGED
@@ -46,7 +46,7 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
46
46
  }), children);
47
47
  });
48
48
  var captionStyles = css({
49
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
49
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
50
50
  marginTop: "".concat(gridSize * 3.5, "px"),
51
51
  marginBottom: "var(--ds-space-100, 8px)",
52
52
  fontSize: '1.42857143em',
package/dist/esm/styled/empty-body.js CHANGED
@@ -18,9 +18,9 @@ export var EmptyViewWithFixedHeight = function EmptyViewWithFixedHeight(_ref) {
18
18
  };
19
19
  var emptyViewContainerStyles = css({
20
20
  width: '50%',
21
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
21
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
22
22
  margin: 'auto',
23
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
23
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
24
24
  padding: '10px',
25
25
  textAlign: 'center'
26
26
  });
package/dist/esm/styled/loading-container-advanced.js CHANGED
@@ -41,7 +41,7 @@ export var SpinnerBackdrop = function SpinnerBackdrop(_ref) {
41
41
  };
42
42
  var spinnerContainerStyles = css({
43
43
  position: 'relative',
44
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
44
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
45
45
  top: 0
46
46
  });
47
47
  export var SpinnerContainer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
package/dist/esm/styled/rankable/table-row.js CHANGED
@@ -11,11 +11,11 @@ var rankingStyles = css({
11
11
  });
12
12
  var rankingItemStyles = css({
13
13
  backgroundColor: "var(--ds-surface-overlay, ".concat(N20, ")"),
14
- borderRadius: '2px',
14
+ borderRadius: "var(--ds-border-radius-050, 2px)",
15
15
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")
16
16
  });
17
17
  var draggableStyles = css({
18
- outlineWidth: '2px',
18
+ outlineWidth: "var(--ds-border-width, 2px)",
19
19
  '&:focus': {
20
20
  outlineColor: "var(--ds-border-focused, ".concat(B100, ")"),
21
21
  outlineStyle: 'solid'
package/dist/esm/styled/table-head.js CHANGED
@@ -69,18 +69,18 @@ var baseStyles = css({
69
69
  width: 0,
70
70
  height: 0,
71
71
  position: 'absolute',
72
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
72
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
73
73
  right: "-".concat(gridSize, "px"),
74
74
  border: '3px solid transparent',
75
75
  content: '""'
76
76
  },
77
77
  '&::before': {
78
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
78
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
79
79
  bottom: '8px',
80
80
  borderBottom: "3px solid ".concat(arrow.defaultColor)
81
81
  },
82
82
  '&::after': {
83
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
83
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
84
84
  bottom: 0,
85
85
  borderTop: "3px solid ".concat(arrow.defaultColor)
86
86
  }
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.11.0",
3
+ "version": "14.11.1",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.11.0",
3
+ "version": "14.11.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/"
@@ -41,7 +41,7 @@
41
41
  "@atlaskit/pagination": "^14.4.0",
42
42
  "@atlaskit/spinner": "^15.5.0",
43
43
  "@atlaskit/theme": "^12.5.0",
44
- "@atlaskit/tokens": "^1.6.0",
44
+ "@atlaskit/tokens": "^1.11.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "@emotion/react": "^11.7.1",
47
47
  "react-beautiful-dnd": "^12.1.1"
@@ -52,9 +52,9 @@
52
52
  },
53
53
  "devDependencies": {
54
54
  "@atlaskit/avatar": "^21.3.0",
55
- "@atlaskit/button": "^16.7.0",
55
+ "@atlaskit/button": "^16.8.0",
56
56
  "@atlaskit/docs": "*",
57
- "@atlaskit/dropdown-menu": "^11.9.0",
57
+ "@atlaskit/dropdown-menu": "^11.10.0",
58
58
  "@atlaskit/ssr": "*",
59
59
  "@atlaskit/toggle": "^12.6.0",
60
60
  "@atlaskit/visual-regression": "*",
@@ -63,6 +63,7 @@
63
63
  "@emotion/styled": "^11.0.0",
64
64
  "@testing-library/react": "^12.1.5",
65
65
  "@testing-library/user-event": "^14.4.3",
66
+ "jest-axe": "^4.0.0",
66
67
  "react-dom": "^16.8.0",
67
68
  "typescript": "~4.9.5"
68
69
  },