@atlaskit/dynamic-table 17.0.3 → 17.0.4

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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/rankable/table-row.js +3 -4
  3. package/dist/cjs/components/stateless.js +2 -2
  4. package/dist/cjs/components/table-head-cell.compiled.css +8 -3
  5. package/dist/cjs/components/table-head-cell.js +3 -3
  6. package/dist/es2019/components/rankable/table-row.js +4 -4
  7. package/dist/es2019/components/stateless.js +2 -2
  8. package/dist/es2019/components/table-head-cell.compiled.css +8 -3
  9. package/dist/es2019/components/table-head-cell.js +3 -3
  10. package/dist/esm/components/rankable/table-row.js +4 -4
  11. package/dist/esm/components/stateless.js +2 -2
  12. package/dist/esm/components/table-head-cell.compiled.css +8 -3
  13. package/dist/esm/components/table-head-cell.js +3 -3
  14. package/package.json +3 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/dynamic-table
2
2
 
3
+ ## 17.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 17.0.3
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/components/rankable/table-row.js CHANGED
@@ -14,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
14
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
16
  var _react = _interopRequireDefault(require("react"));
17
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
17
  var _pragmaticDragAndDropReactBeautifulDndMigration = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration");
19
18
  var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
20
19
  var _helpers = require("../../internal/helpers");
@@ -73,7 +72,7 @@ var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$
73
72
  index: rowIndex,
74
73
  isDragDisabled: isRankingDisabled
75
74
  }, function (provided, snapshot) {
76
- var _provided$dragHandleP, _provided$dragHandleP2;
75
+ var _provided$dragHandleP;
77
76
  return /*#__PURE__*/_react.default.createElement(_tableRow.RankableTableBodyRow, (0, _extends2.default)({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
78
77
  /**
79
78
  * `provided.dragHandleProps` provides `role="button"` which we don't want to apply to table rows.
@@ -81,13 +80,13 @@ var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$
81
80
  * Providing `role="button"` is the RBD 13 behavior which the migration layer emulates.
82
81
  * Previously we used RBD 12 which did not provide a role to the drag handle.
83
82
  */
84
- role: (0, _platformFeatureFlags.fg)('platform_design_system_dynamic_table_row_role') ? undefined : (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP.role
83
+ role: undefined
85
84
  // It is necessary to prevent the passing of aria-labelledby
86
85
  ,
87
86
  "aria-labelledby": undefined
88
87
  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
89
88
  ,
90
- "aria-describedby": (_provided$dragHandleP2 = provided.dragHandleProps) === null || _provided$dragHandleP2 === void 0 ? void 0 : _provided$dragHandleP2['aria-describedby'],
89
+ "aria-describedby": (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP['aria-describedby'],
91
90
  ref: _this2.innerRef(provided.innerRef)
92
91
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
93
92
  ,
package/dist/cjs/components/stateless.js 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: "17.0.3"
89
+ packageVersion: "17.0.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: "17.0.3"
96
+ packageVersion: "17.0.4"
97
97
  });
98
98
  (0, _react.useEffect)(function () {
99
99
  (0, _helpers.validateSortKey)(sortKey, head);
package/dist/cjs/components/table-head-cell.compiled.css CHANGED
@@ -1,11 +1,16 @@
1
-
2
- ._1yt41b66{padding:var(--ds-space-050,4px)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
1
+ ._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
2
+ ._19bv1b66{padding-left:var(--ds-space-050,4px)}
3
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._1e0c1txw{display:flex}
5
5
  ._4cvr1h6o{align-items:center}
6
6
  ._bfhk18uv{background-color:initial}
7
+ ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
9
+ ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
10
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
7
11
  ._tzy4idpf{opacity:0}
8
12
  ._tzy4kb7n{opacity:1}
9
13
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
14
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
10
15
  ._1h7hkb7n:focus{opacity:1}
11
16
  ._d0altlke:hover{cursor:pointer}
package/dist/cjs/components/table-head-cell.js CHANGED
@@ -23,9 +23,9 @@ var _excluded = ["content", "inlineStyles", "testId", "isRanking", "innerRef", "
23
23
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
24
24
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
25
25
  var styles = {
26
- buttonWrapper: "_1yt4ze3t _1e0c1txw _bfhk18uv _4cvr1h6o _d0altlke",
27
- sortIconHiddenWrapper: "_1yt41b66 _1e0c1txw _tzy4idpf _bfhk18uv _1h7hkb7n",
28
- sortIconVisibleWrapper: "_1yt41b66 _1e0c1txw _tzy4kb7n _bfhk18uv",
26
+ buttonWrapper: "_1e0c1txw _bfhk18uv _4cvr1h6o _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0altlke",
27
+ sortIconHiddenWrapper: "_1e0c1txw _tzy4idpf _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1h7hkb7n",
28
+ sortIconVisibleWrapper: "_1e0c1txw _tzy4kb7n _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
29
29
  hideIconHeaderWrapper: "_tzy4idpf _18u010v4",
30
30
  visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
31
31
  };
package/dist/es2019/components/rankable/table-row.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import React from 'react';
4
- import { fg } from '@atlaskit/platform-feature-flags';
4
+
5
5
  // Allowing existing usage of non Pragmatic drag and drop solution
6
6
  // eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
7
7
  import { Draggable } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
@@ -48,7 +48,7 @@ export class RankableTableRow extends React.Component {
48
48
  index: rowIndex,
49
49
  isDragDisabled: isRankingDisabled
50
50
  }, (provided, snapshot) => {
51
- var _provided$dragHandleP, _provided$dragHandleP2;
51
+ var _provided$dragHandleP;
52
52
  return /*#__PURE__*/React.createElement(RankableTableBodyRow, _extends({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
53
53
  /**
54
54
  * `provided.dragHandleProps` provides `role="button"` which we don't want to apply to table rows.
@@ -56,13 +56,13 @@ export class RankableTableRow extends React.Component {
56
56
  * Providing `role="button"` is the RBD 13 behavior which the migration layer emulates.
57
57
  * Previously we used RBD 12 which did not provide a role to the drag handle.
58
58
  */
59
- role: fg('platform_design_system_dynamic_table_row_role') ? undefined : (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP.role
59
+ role: undefined
60
60
  // It is necessary to prevent the passing of aria-labelledby
61
61
  ,
62
62
  "aria-labelledby": undefined
63
63
  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
64
64
  ,
65
- "aria-describedby": (_provided$dragHandleP2 = provided.dragHandleProps) === null || _provided$dragHandleP2 === void 0 ? void 0 : _provided$dragHandleP2['aria-describedby'],
65
+ "aria-describedby": (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP['aria-describedby'],
66
66
  ref: this.innerRef(provided.innerRef)
67
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
68
68
  ,
package/dist/es2019/components/stateless.js CHANGED
@@ -60,14 +60,14 @@ const DynamicTable = ({
60
60
  action: 'sorted',
61
61
  componentName: 'dynamicTable',
62
62
  packageName: "@atlaskit/dynamic-table",
63
- packageVersion: "17.0.3"
63
+ packageVersion: "17.0.4"
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: "17.0.3"
70
+ packageVersion: "17.0.4"
71
71
  });
72
72
  useEffect(() => {
73
73
  validateSortKey(sortKey, head);
package/dist/es2019/components/table-head-cell.compiled.css CHANGED
@@ -1,11 +1,16 @@
1
-
2
- ._1yt41b66{padding:var(--ds-space-050,4px)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
1
+ ._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
2
+ ._19bv1b66{padding-left:var(--ds-space-050,4px)}
3
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._1e0c1txw{display:flex}
5
5
  ._4cvr1h6o{align-items:center}
6
6
  ._bfhk18uv{background-color:initial}
7
+ ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
9
+ ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
10
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
7
11
  ._tzy4idpf{opacity:0}
8
12
  ._tzy4kb7n{opacity:1}
9
13
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
14
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
10
15
  ._1h7hkb7n:focus{opacity:1}
11
16
  ._d0altlke:hover{cursor:pointer}
package/dist/es2019/components/table-head-cell.js CHANGED
@@ -10,9 +10,9 @@ import Tooltip from '@atlaskit/tooltip';
10
10
  import { ASC } from '../internal/constants';
11
11
  import { HeadCell } from '../styled/table-head';
12
12
  const styles = {
13
- buttonWrapper: "_1yt4ze3t _1e0c1txw _bfhk18uv _4cvr1h6o _d0altlke",
14
- sortIconHiddenWrapper: "_1yt41b66 _1e0c1txw _tzy4idpf _bfhk18uv _1h7hkb7n",
15
- sortIconVisibleWrapper: "_1yt41b66 _1e0c1txw _tzy4kb7n _bfhk18uv",
13
+ buttonWrapper: "_1e0c1txw _bfhk18uv _4cvr1h6o _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0altlke",
14
+ sortIconHiddenWrapper: "_1e0c1txw _tzy4idpf _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1h7hkb7n",
15
+ sortIconVisibleWrapper: "_1e0c1txw _tzy4kb7n _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
16
16
  hideIconHeaderWrapper: "_tzy4idpf _18u010v4",
17
17
  visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
18
18
  };
package/dist/esm/components/rankable/table-row.js CHANGED
@@ -12,7 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
12
12
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
13
13
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
14
14
  import React from 'react';
15
- import { fg } from '@atlaskit/platform-feature-flags';
15
+
16
16
  // Allowing existing usage of non Pragmatic drag and drop solution
17
17
  // eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
18
18
  import { Draggable } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
@@ -67,7 +67,7 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
67
67
  index: rowIndex,
68
68
  isDragDisabled: isRankingDisabled
69
69
  }, function (provided, snapshot) {
70
- var _provided$dragHandleP, _provided$dragHandleP2;
70
+ var _provided$dragHandleP;
71
71
  return /*#__PURE__*/React.createElement(RankableTableBodyRow, _extends({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
72
72
  /**
73
73
  * `provided.dragHandleProps` provides `role="button"` which we don't want to apply to table rows.
@@ -75,13 +75,13 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
75
75
  * Providing `role="button"` is the RBD 13 behavior which the migration layer emulates.
76
76
  * Previously we used RBD 12 which did not provide a role to the drag handle.
77
77
  */
78
- role: fg('platform_design_system_dynamic_table_row_role') ? undefined : (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP.role
78
+ role: undefined
79
79
  // It is necessary to prevent the passing of aria-labelledby
80
80
  ,
81
81
  "aria-labelledby": undefined
82
82
  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
83
83
  ,
84
- "aria-describedby": (_provided$dragHandleP2 = provided.dragHandleProps) === null || _provided$dragHandleP2 === void 0 ? void 0 : _provided$dragHandleP2['aria-describedby'],
84
+ "aria-describedby": (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP['aria-describedby'],
85
85
  ref: _this2.innerRef(provided.innerRef)
86
86
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
87
87
  ,
package/dist/esm/components/stateless.js CHANGED
@@ -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: "17.0.3"
79
+ packageVersion: "17.0.4"
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: "17.0.3"
86
+ packageVersion: "17.0.4"
87
87
  });
88
88
  useEffect(function () {
89
89
  validateSortKey(sortKey, head);
package/dist/esm/components/table-head-cell.compiled.css CHANGED
@@ -1,11 +1,16 @@
1
-
2
- ._1yt41b66{padding:var(--ds-space-050,4px)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
1
+ ._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
2
+ ._19bv1b66{padding-left:var(--ds-space-050,4px)}
3
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._1e0c1txw{display:flex}
5
5
  ._4cvr1h6o{align-items:center}
6
6
  ._bfhk18uv{background-color:initial}
7
+ ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
9
+ ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
10
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
7
11
  ._tzy4idpf{opacity:0}
8
12
  ._tzy4kb7n{opacity:1}
9
13
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
14
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
10
15
  ._1h7hkb7n:focus{opacity:1}
11
16
  ._d0altlke:hover{cursor:pointer}
package/dist/esm/components/table-head-cell.js CHANGED
@@ -13,9 +13,9 @@ import Tooltip from '@atlaskit/tooltip';
13
13
  import { ASC } from '../internal/constants';
14
14
  import { HeadCell } from '../styled/table-head';
15
15
  var styles = {
16
- buttonWrapper: "_1yt4ze3t _1e0c1txw _bfhk18uv _4cvr1h6o _d0altlke",
17
- sortIconHiddenWrapper: "_1yt41b66 _1e0c1txw _tzy4idpf _bfhk18uv _1h7hkb7n",
18
- sortIconVisibleWrapper: "_1yt41b66 _1e0c1txw _tzy4kb7n _bfhk18uv",
16
+ buttonWrapper: "_1e0c1txw _bfhk18uv _4cvr1h6o _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _d0altlke",
17
+ sortIconHiddenWrapper: "_1e0c1txw _tzy4idpf _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1h7hkb7n",
18
+ sortIconVisibleWrapper: "_1e0c1txw _tzy4kb7n _bfhk18uv _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
19
19
  hideIconHeaderWrapper: "_tzy4idpf _18u010v4",
20
20
  visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
21
21
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "17.0.3",
3
+ "version": "17.0.4",
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/"
@@ -44,9 +44,9 @@
44
44
  "@atlaskit/pagination": "^15.0.0",
45
45
  "@atlaskit/platform-feature-flags": "^0.3.0",
46
46
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.3.0",
47
- "@atlaskit/spinner": "^16.3.0",
47
+ "@atlaskit/spinner": "^17.0.0",
48
48
  "@atlaskit/theme": "^14.0.0",
49
- "@atlaskit/tokens": "^3.1.0",
49
+ "@atlaskit/tokens": "^3.2.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@emotion/react": "^11.7.1",
52
52
  "react-beautiful-dnd": "^12.2.0"
@@ -89,9 +89,6 @@
89
89
  }
90
90
  },
91
91
  "platform-feature-flags": {
92
- "platform_design_system_dynamic_table_row_role": {
93
- "type": "boolean"
94
- },
95
92
  "platform-component-visual-refresh": {
96
93
  "type": "boolean"
97
94
  }