@atlaskit/dynamic-table 18.2.16 → 18.2.17

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 (53) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/stateless.js +2 -2
  3. package/dist/cjs/components/table-head-cell.js +1 -1
  4. package/dist/cjs/hoc/with-sorted-page-rows.js +2 -0
  5. package/dist/cjs/styled/dynamic-table.js +1 -1
  6. package/dist/cjs/styled/empty-body.js +1 -1
  7. package/dist/cjs/styled/loading-container-advanced.js +1 -1
  8. package/dist/cjs/styled/loading-container.js +1 -1
  9. package/dist/cjs/styled/rankable/table-cell.js +1 -1
  10. package/dist/cjs/styled/rankable/table-row.js +1 -1
  11. package/dist/cjs/styled/table-cell.js +1 -1
  12. package/dist/cjs/styled/table-head.compiled.css +19 -10
  13. package/dist/cjs/styled/table-head.js +1 -1
  14. package/dist/cjs/styled/table-row.compiled.css +1 -1
  15. package/dist/cjs/styled/table-row.js +5 -9
  16. package/dist/es2019/components/stateless.js +2 -2
  17. package/dist/es2019/components/table-head-cell.js +1 -1
  18. package/dist/es2019/hoc/with-sorted-page-rows.js +2 -0
  19. package/dist/es2019/styled/dynamic-table.js +1 -1
  20. package/dist/es2019/styled/empty-body.js +1 -1
  21. package/dist/es2019/styled/loading-container-advanced.js +1 -1
  22. package/dist/es2019/styled/loading-container.js +1 -1
  23. package/dist/es2019/styled/rankable/table-cell.js +1 -1
  24. package/dist/es2019/styled/rankable/table-row.js +1 -1
  25. package/dist/es2019/styled/table-cell.js +1 -1
  26. package/dist/es2019/styled/table-head.compiled.css +19 -10
  27. package/dist/es2019/styled/table-head.js +1 -1
  28. package/dist/es2019/styled/table-row.js +1 -1
  29. package/dist/esm/components/stateless.js +2 -2
  30. package/dist/esm/components/table-head-cell.js +1 -1
  31. package/dist/esm/hoc/with-sorted-page-rows.js +2 -0
  32. package/dist/esm/styled/dynamic-table.js +1 -1
  33. package/dist/esm/styled/empty-body.js +1 -1
  34. package/dist/esm/styled/loading-container-advanced.js +1 -1
  35. package/dist/esm/styled/loading-container.js +1 -1
  36. package/dist/esm/styled/rankable/table-cell.js +1 -1
  37. package/dist/esm/styled/rankable/table-row.js +1 -1
  38. package/dist/esm/styled/table-cell.js +1 -1
  39. package/dist/esm/styled/table-head.compiled.css +19 -10
  40. package/dist/esm/styled/table-head.js +1 -1
  41. package/dist/esm/styled/table-row.compiled.css +1 -1
  42. package/dist/esm/styled/table-row.js +5 -9
  43. package/dist/types/styled/dynamic-table.d.ts +1 -1
  44. package/dist/types/styled/loading-container-advanced.d.ts +2 -2
  45. package/dist/types/styled/rankable/table-row.d.ts +4 -2
  46. package/dist/types/styled/table-head.d.ts +1 -1
  47. package/dist/types/styled/table-row.d.ts +1 -1
  48. package/dist/types-ts4.5/styled/dynamic-table.d.ts +1 -1
  49. package/dist/types-ts4.5/styled/loading-container-advanced.d.ts +2 -2
  50. package/dist/types-ts4.5/styled/rankable/table-row.d.ts +4 -2
  51. package/dist/types-ts4.5/styled/table-head.d.ts +1 -1
  52. package/dist/types-ts4.5/styled/table-row.d.ts +1 -1
  53. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/dynamic-table
2
2
 
3
+ ## 18.2.17
4
+
5
+ ### Patch Changes
6
+
7
+ - [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
8
+ add type info to forwardRef components
9
+ - Updated dependencies
10
+
3
11
  ## 18.2.16
4
12
 
5
13
  ### Patch Changes
@@ -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: "0.0.0-development"
88
+ packageVersion: "18.2.16"
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: "0.0.0-development"
95
+ packageVersion: "18.2.16"
96
96
  });
97
97
  (0, _react.useEffect)(function () {
98
98
  (0, _helpers.validateSortKey)(sortKey, head);
@@ -1,4 +1,4 @@
1
- /* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-head-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -167,6 +167,8 @@ function withSortedPageRows(WrappedComponent) {
167
167
  }]);
168
168
  }(_react.default.Component);
169
169
  return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
170
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
171
+ // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
170
172
  return /*#__PURE__*/_react.default.createElement(WithSortedPageRows, (0, _extends2.default)({}, props, {
171
173
  forwardedRef: ref
172
174
  }));
@@ -1,4 +1,4 @@
1
- /* dynamic-table.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* dynamic-table.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* empty-body.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  /* eslint-disable @repo/internal/react/require-jsdoc */
3
3
  "use strict";
4
4
 
@@ -1,4 +1,4 @@
1
- /* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* loading-container.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* loading-container.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -2,9 +2,12 @@
2
2
  ._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)}
3
3
  ._173zglyw>button{background:none}
4
4
  ._pw6dglyw>button{border:none}
5
- ._1xgk1j28>button:after, ._1wfn1j28>button:before{border-color:transparent}
6
- ._sklb1l7b>button:after, ._1j091l7b>button:before{border-width:3px}
7
- ._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
5
+ ._1j091l7b>button:before{border-width:3px}
6
+ ._1wfn1j28>button:before{border-color:transparent}
7
+ ._1xgk1j28>button:after{border-color:transparent}
8
+ ._997wnqa1>button:before{border-style:solid}
9
+ ._sklb1l7b>button:after{border-width:3px}
10
+ ._y9yonqa1>button:after{border-style:solid}
8
11
  ._h7alglyw{border-inline:none}
9
12
  ._izbqglyw{border-block:none}
10
13
  ._179r1tpy{border-block-end:var(--_mwqor1)}
@@ -16,31 +19,37 @@
16
19
  ._f4732wk4>button:after{border-block-start:var(--_1qca9zt)}
17
20
  ._mqm2glyw{border-block-start:none}
18
21
  ._t51zglyw{border-inline-end:none}._10pp1kw7>button{font-weight:inherit}
19
- ._14gsx0bf>button:after, ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
22
+ ._14gsx0bf>button:after{inset-inline-end:var(--ds-space-negative-100,-8px)}
20
23
  ._18m915vq{overflow-y:hidden}
21
- ._19w61ule>button:after, ._1w611ule>button:before{display:block}
24
+ ._19w61ule>button:after{display:block}
22
25
  ._1ay31kw7>button{cursor:inherit}
23
26
  ._1bsb8a2a{width:var(--local-dynamic-table-width)}
24
27
  ._1bto1l2s{text-overflow:ellipsis}
28
+ ._1d4oidpf>button:before{height:0}
25
29
  ._1e0c1ule{display:block}
26
30
  ._1fpyidpf>button:after{inset-block-end:0}
27
- ._1hvvidpf>button:after, ._n56nidpf>button:before{width:0}
31
+ ._1hvvidpf>button:after{width:0}
28
32
  ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
29
33
  ._1reo15vq{overflow-x:hidden}
30
34
  ._1s37ze3t:first-of-type{padding-inline-start:var(--ds-space-0,0)}
35
+ ._1w611ule>button:before{display:block}
31
36
  ._1yw3ze3t>button{padding-block-end:var(--ds-space-0,0)}
32
- ._4b5mb3bt>button:after, ._hn3bb3bt>button:before{content:""}
37
+ ._4b5mb3bt>button:after{content:""}
33
38
  ._58ej1kw7>button{color:inherit}
34
39
  ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
35
40
  ._8607ze3t>button{padding-inline-end:var(--ds-space-0,0)}
36
41
  ._a04fh2mm>button{position:relative}
37
42
  ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
43
+ ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
44
+ ._hn3bb3bt>button:before{content:""}
38
45
  ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
39
46
  ._kqswh2mm{position:relative}
40
47
  ._mdbq1kw7>button{font-size:inherit}
41
48
  ._n2fdze3t>button{padding-block-start:var(--ds-space-0,0)}
42
- ._no7mstnw>button:after, ._qh32stnw>button:before{position:absolute}
49
+ ._n56nidpf>button:before{width:0}
50
+ ._no7mstnw>button:after{position:absolute}
43
51
  ._o5721q9c{white-space:nowrap}
52
+ ._qh32stnw>button:before{position:absolute}
44
53
  ._qzvtu2gc>button:before{inset-block-end:var(--ds-space-100,8px)}
45
54
  ._s7n4jp4b{vertical-align:top}
46
55
  ._s7n4nkob{vertical-align:middle}
@@ -48,11 +57,11 @@
48
57
  ._szhwze3t>button{padding-inline-start:var(--ds-space-0,0)}
49
58
  ._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
50
59
  ._vchhusvi{box-sizing:border-box}
51
- ._wyc4idpf>button:after, ._1d4oidpf>button:before{height:0}
60
+ ._wyc4idpf>button:after{height:0}
52
61
  ._xv14glyw>button{-webkit-appearance:none;appearance:none}
53
62
  ._y3gn1e5h{text-align:left}
54
63
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
55
64
  ._1ygb1x42:focus-visible{outline:var(--_z3oznn)}
56
65
  ._d0altlke:hover{cursor:pointer}
57
66
  ._irr3bfnf:hover{background-color:var(--_6j4ewu)}
58
- @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
67
+ @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after{border-color:Canvas}._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after{border-style:solid}._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after{border-width:3px}._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
@@ -1,4 +1,4 @@
1
- /* table-head.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-head.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
3
3
  ._bfhktkjs{background-color:var(--ds-background-selected,var(--local-dynamic-table-highlighted-bg))}
4
- ._1ygb1i4z:focus-visible{outline:var(--_4vkylo)}._1ah312gs:focus-visible{outline-offset:-2px}
4
+ ._1ygbsglb:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,var(--local-dynamic-table-hover-bg))}._1ah312gs:focus-visible{outline-offset:-2px}
5
5
  ._irr31ae3:hover{background-color:var(--ds-background-selected-hovered,var(--local-dynamic-table-hover-highlighted-bg))}
6
6
  ._irr3s8ts:hover{background-color:var(--ds-background-neutral-subtle-hovered,var(--local-dynamic-table-hover-bg))}
@@ -1,4 +1,4 @@
1
- /* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -12,12 +12,9 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
15
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
16
  var _excluded = ["isHighlighted", "children", "style", "testId", "className"];
18
17
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
19
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
18
  var rowStyles = null;
22
19
  var rowBackgroundStyles = null;
23
20
  var rowHighlightedBackgroundStyles = null;
@@ -31,17 +28,16 @@ var TableBodyRow = exports.TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(fu
31
28
  className = _ref.className,
32
29
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
33
30
  return /*#__PURE__*/React.createElement("tr", (0, _extends2.default)({
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
32
+ style: style,
34
33
  /**
35
34
  * We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
36
35
  * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
37
36
  */
38
37
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
39
- className: (0, _runtime.ax)(["_bfhkqtfy _1ygb1i4z _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
38
+ className: (0, _runtime.ax)(["_bfhkqtfy _1ygbsglb _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
40
39
  }, rest, {
41
40
  ref: ref,
42
- "data-testid": testId,
43
- style: _objectSpread(_objectSpread({}, style), {}, {
44
- "--_4vkylo": (0, _runtime.ix)("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
45
- })
41
+ "data-testid": testId
46
42
  }), children);
47
43
  });
@@ -60,14 +60,14 @@ const DynamicTable = ({
60
60
  action: 'sorted',
61
61
  componentName: 'dynamicTable',
62
62
  packageName: "@atlaskit/dynamic-table",
63
- packageVersion: "0.0.0-development"
63
+ packageVersion: "18.2.16"
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: "0.0.0-development"
70
+ packageVersion: "18.2.16"
71
71
  });
72
72
  useEffect(() => {
73
73
  validateSortKey(sortKey, head);
@@ -1,4 +1,4 @@
1
- /* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-head-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./table-head-cell.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -136,6 +136,8 @@ export default function withSortedPageRows(WrappedComponent) {
136
136
  }
137
137
  }
138
138
  return /*#__PURE__*/React.forwardRef((props, ref) => {
139
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
140
+ // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
139
141
  return /*#__PURE__*/React.createElement(WithSortedPageRows, _extends({}, props, {
140
142
  forwardedRef: ref
141
143
  }));
@@ -1,4 +1,4 @@
1
- /* dynamic-table.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* dynamic-table.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./dynamic-table.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* empty-body.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  /* eslint-disable @repo/internal/react/require-jsdoc */
3
3
  import "./empty-body.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./loading-container-advanced.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* loading-container.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* loading-container.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  /* eslint-disable @repo/internal/react/require-jsdoc */
3
3
  import "./loading-container.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./table-cell.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./table-row.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./table-cell.compiled.css";
4
4
  import * as React from 'react';
@@ -2,9 +2,12 @@
2
2
  ._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)}
3
3
  ._173zglyw>button{background:none}
4
4
  ._pw6dglyw>button{border:none}
5
- ._1xgk1j28>button:after, ._1wfn1j28>button:before{border-color:transparent}
6
- ._sklb1l7b>button:after, ._1j091l7b>button:before{border-width:3px}
7
- ._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
5
+ ._1j091l7b>button:before{border-width:3px}
6
+ ._1wfn1j28>button:before{border-color:transparent}
7
+ ._1xgk1j28>button:after{border-color:transparent}
8
+ ._997wnqa1>button:before{border-style:solid}
9
+ ._sklb1l7b>button:after{border-width:3px}
10
+ ._y9yonqa1>button:after{border-style:solid}
8
11
  ._h7alglyw{border-inline:none}
9
12
  ._izbqglyw{border-block:none}
10
13
  ._179r1md5{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
@@ -16,31 +19,37 @@
16
19
  ._f473via6>button:after{border-block-start:3px solid var(--ds-icon-disabled,#dfe1e6)}
17
20
  ._mqm2glyw{border-block-start:none}
18
21
  ._t51zglyw{border-inline-end:none}._10pp1kw7>button{font-weight:inherit}
19
- ._14gsx0bf>button:after, ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
22
+ ._14gsx0bf>button:after{inset-inline-end:var(--ds-space-negative-100,-8px)}
20
23
  ._18m915vq{overflow-y:hidden}
21
- ._19w61ule>button:after, ._1w611ule>button:before{display:block}
24
+ ._19w61ule>button:after{display:block}
22
25
  ._1ay31kw7>button{cursor:inherit}
23
26
  ._1bsb8a2a{width:var(--local-dynamic-table-width)}
24
27
  ._1bto1l2s{text-overflow:ellipsis}
28
+ ._1d4oidpf>button:before{height:0}
25
29
  ._1e0c1ule{display:block}
26
30
  ._1fpyidpf>button:after{inset-block-end:0}
27
- ._1hvvidpf>button:after, ._n56nidpf>button:before{width:0}
31
+ ._1hvvidpf>button:after{width:0}
28
32
  ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
29
33
  ._1reo15vq{overflow-x:hidden}
30
34
  ._1s37ze3t:first-of-type{padding-inline-start:var(--ds-space-0,0)}
35
+ ._1w611ule>button:before{display:block}
31
36
  ._1yw3ze3t>button{padding-block-end:var(--ds-space-0,0)}
32
- ._4b5mb3bt>button:after, ._hn3bb3bt>button:before{content:""}
37
+ ._4b5mb3bt>button:after{content:""}
33
38
  ._58ej1kw7>button{color:inherit}
34
39
  ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
35
40
  ._8607ze3t>button{padding-inline-end:var(--ds-space-0,0)}
36
41
  ._a04fh2mm>button{position:relative}
37
42
  ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
43
+ ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
44
+ ._hn3bb3bt>button:before{content:""}
38
45
  ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
39
46
  ._kqswh2mm{position:relative}
40
47
  ._mdbq1kw7>button{font-size:inherit}
41
48
  ._n2fdze3t>button{padding-block-start:var(--ds-space-0,0)}
42
- ._no7mstnw>button:after, ._qh32stnw>button:before{position:absolute}
49
+ ._n56nidpf>button:before{width:0}
50
+ ._no7mstnw>button:after{position:absolute}
43
51
  ._o5721q9c{white-space:nowrap}
52
+ ._qh32stnw>button:before{position:absolute}
44
53
  ._qzvtu2gc>button:before{inset-block-end:var(--ds-space-100,8px)}
45
54
  ._s7n4jp4b{vertical-align:top}
46
55
  ._s7n4nkob{vertical-align:middle}
@@ -48,11 +57,11 @@
48
57
  ._szhwze3t>button{padding-inline-start:var(--ds-space-0,0)}
49
58
  ._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
50
59
  ._vchhusvi{box-sizing:border-box}
51
- ._wyc4idpf>button:after, ._1d4oidpf>button:before{height:0}
60
+ ._wyc4idpf>button:after{height:0}
52
61
  ._xv14glyw>button{-webkit-appearance:none;appearance:none}
53
62
  ._y3gn1e5h{text-align:left}
54
63
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
55
64
  ._1ygbjc5g:focus-visible{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#4c9aff)}
56
65
  ._d0altlke:hover{cursor:pointer}
57
66
  ._irr317ks:hover{background-color:var(--ds-background-neutral-hovered,rgba(9,30,66,.08))}
58
- @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
67
+ @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after{border-color:Canvas}._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after{border-style:solid}._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after{border-width:3px}._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
@@ -1,4 +1,4 @@
1
- /* table-head.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-head.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./table-head.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./table-row.compiled.css";
4
4
  import * as React from 'react';
@@ -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: "0.0.0-development"
79
+ packageVersion: "18.2.16"
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: "0.0.0-development"
86
+ packageVersion: "18.2.16"
87
87
  });
88
88
  useEffect(function () {
89
89
  validateSortKey(sortKey, head);
@@ -1,4 +1,4 @@
1
- /* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-head-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -160,6 +160,8 @@ export default function withSortedPageRows(WrappedComponent) {
160
160
  }]);
161
161
  }(React.Component);
162
162
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
163
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
164
+ // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
163
165
  return /*#__PURE__*/React.createElement(WithSortedPageRows, _extends({}, props, {
164
166
  forwardedRef: ref
165
167
  }));
@@ -1,4 +1,4 @@
1
- /* dynamic-table.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* dynamic-table.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -1,4 +1,4 @@
1
- /* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* empty-body.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  /* eslint-disable @repo/internal/react/require-jsdoc */
3
3
  import "./empty-body.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["children", "testId"];
@@ -1,4 +1,4 @@
1
- /* loading-container.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* loading-container.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./loading-container.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["isRanking", "innerRef"];
@@ -1,4 +1,4 @@
1
- /* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["isRanking", "isRankingItem", "testId"];
@@ -1,4 +1,4 @@
1
- /* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["width", "isFixedSize", "shouldTruncate", "innerRef"];
@@ -2,9 +2,12 @@
2
2
  ._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)}
3
3
  ._173zglyw>button{background:none}
4
4
  ._pw6dglyw>button{border:none}
5
- ._1xgk1j28>button:after, ._1wfn1j28>button:before{border-color:transparent}
6
- ._sklb1l7b>button:after, ._1j091l7b>button:before{border-width:3px}
7
- ._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
5
+ ._1j091l7b>button:before{border-width:3px}
6
+ ._1wfn1j28>button:before{border-color:transparent}
7
+ ._1xgk1j28>button:after{border-color:transparent}
8
+ ._997wnqa1>button:before{border-style:solid}
9
+ ._sklb1l7b>button:after{border-width:3px}
10
+ ._y9yonqa1>button:after{border-style:solid}
8
11
  ._h7alglyw{border-inline:none}
9
12
  ._izbqglyw{border-block:none}
10
13
  ._179r1tpy{border-block-end:var(--_mwqor1)}
@@ -16,31 +19,37 @@
16
19
  ._f4732wk4>button:after{border-block-start:var(--_1qca9zt)}
17
20
  ._mqm2glyw{border-block-start:none}
18
21
  ._t51zglyw{border-inline-end:none}._10pp1kw7>button{font-weight:inherit}
19
- ._14gsx0bf>button:after, ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
22
+ ._14gsx0bf>button:after{inset-inline-end:var(--ds-space-negative-100,-8px)}
20
23
  ._18m915vq{overflow-y:hidden}
21
- ._19w61ule>button:after, ._1w611ule>button:before{display:block}
24
+ ._19w61ule>button:after{display:block}
22
25
  ._1ay31kw7>button{cursor:inherit}
23
26
  ._1bsb8a2a{width:var(--local-dynamic-table-width)}
24
27
  ._1bto1l2s{text-overflow:ellipsis}
28
+ ._1d4oidpf>button:before{height:0}
25
29
  ._1e0c1ule{display:block}
26
30
  ._1fpyidpf>button:after{inset-block-end:0}
27
- ._1hvvidpf>button:after, ._n56nidpf>button:before{width:0}
31
+ ._1hvvidpf>button:after{width:0}
28
32
  ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
29
33
  ._1reo15vq{overflow-x:hidden}
30
34
  ._1s37ze3t:first-of-type{padding-inline-start:var(--ds-space-0,0)}
35
+ ._1w611ule>button:before{display:block}
31
36
  ._1yw3ze3t>button{padding-block-end:var(--ds-space-0,0)}
32
- ._4b5mb3bt>button:after, ._hn3bb3bt>button:before{content:""}
37
+ ._4b5mb3bt>button:after{content:""}
33
38
  ._58ej1kw7>button{color:inherit}
34
39
  ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
35
40
  ._8607ze3t>button{padding-inline-end:var(--ds-space-0,0)}
36
41
  ._a04fh2mm>button{position:relative}
37
42
  ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
43
+ ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
44
+ ._hn3bb3bt>button:before{content:""}
38
45
  ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
39
46
  ._kqswh2mm{position:relative}
40
47
  ._mdbq1kw7>button{font-size:inherit}
41
48
  ._n2fdze3t>button{padding-block-start:var(--ds-space-0,0)}
42
- ._no7mstnw>button:after, ._qh32stnw>button:before{position:absolute}
49
+ ._n56nidpf>button:before{width:0}
50
+ ._no7mstnw>button:after{position:absolute}
43
51
  ._o5721q9c{white-space:nowrap}
52
+ ._qh32stnw>button:before{position:absolute}
44
53
  ._qzvtu2gc>button:before{inset-block-end:var(--ds-space-100,8px)}
45
54
  ._s7n4jp4b{vertical-align:top}
46
55
  ._s7n4nkob{vertical-align:middle}
@@ -48,11 +57,11 @@
48
57
  ._szhwze3t>button{padding-inline-start:var(--ds-space-0,0)}
49
58
  ._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
50
59
  ._vchhusvi{box-sizing:border-box}
51
- ._wyc4idpf>button:after, ._1d4oidpf>button:before{height:0}
60
+ ._wyc4idpf>button:after{height:0}
52
61
  ._xv14glyw>button{-webkit-appearance:none;appearance:none}
53
62
  ._y3gn1e5h{text-align:left}
54
63
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
55
64
  ._1ygb1x42:focus-visible{outline:var(--_z3oznn)}
56
65
  ._d0altlke:hover{cursor:pointer}
57
66
  ._irr3bfnf:hover{background-color:var(--_6j4ewu)}
58
- @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
67
+ @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after{border-color:Canvas}._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after{border-style:solid}._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after{border-width:3px}._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
@@ -1,4 +1,4 @@
1
- /* table-head.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-head.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _extends from "@babel/runtime/helpers/extends";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
3
3
  ._bfhktkjs{background-color:var(--ds-background-selected,var(--local-dynamic-table-highlighted-bg))}
4
- ._1ygb1i4z:focus-visible{outline:var(--_4vkylo)}._1ah312gs:focus-visible{outline-offset:-2px}
4
+ ._1ygbsglb:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,var(--local-dynamic-table-hover-bg))}._1ah312gs:focus-visible{outline-offset:-2px}
5
5
  ._irr31ae3:hover{background-color:var(--ds-background-selected-hovered,var(--local-dynamic-table-hover-highlighted-bg))}
6
6
  ._irr3s8ts:hover{background-color:var(--ds-background-neutral-subtle-hovered,var(--local-dynamic-table-hover-bg))}
@@ -1,13 +1,10 @@
1
- /* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
4
  var _excluded = ["isHighlighted", "children", "style", "testId", "className"];
6
5
  import "./table-row.compiled.css";
7
6
  import * as React from 'react';
8
7
  import { ax, ix } from "@compiled/react/runtime";
9
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
8
  import { forwardRef } from 'react';
12
9
  var rowStyles = null;
13
10
  var rowBackgroundStyles = null;
@@ -22,17 +19,16 @@ export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
22
19
  className = _ref.className,
23
20
  rest = _objectWithoutProperties(_ref, _excluded);
24
21
  return /*#__PURE__*/React.createElement("tr", _extends({
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
23
+ style: style,
25
24
  /**
26
25
  * We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
27
26
  * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
28
27
  */
29
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
30
- className: ax(["_bfhkqtfy _1ygb1i4z _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
29
+ className: ax(["_bfhkqtfy _1ygbsglb _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
31
30
  }, rest, {
32
31
  ref: ref,
33
- "data-testid": testId,
34
- style: _objectSpread(_objectSpread({}, style), {}, {
35
- "--_4vkylo": ix("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
36
- })
32
+ "data-testid": testId
37
33
  }), children);
38
34
  });
@@ -9,7 +9,7 @@ type TableProps = HTMLProps<HTMLTableElement> & {
9
9
  hasDataRow: boolean;
10
10
  testId?: string;
11
11
  };
12
- export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
12
+ export declare const Table: React.ForwardRefExoticComponent<React.PropsWithoutRef<TableProps> & React.RefAttributes<HTMLTableElement>>;
13
13
  export declare const Caption: FC<{
14
14
  children: ReactNode;
15
15
  }>;
@@ -6,11 +6,11 @@ import { type FC, type HTMLProps, type ReactNode } from 'react';
6
6
  type ContainerProps = HTMLProps<HTMLDivElement> & {
7
7
  testId?: string;
8
8
  };
9
- export declare const Container: import("react").ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
9
+ export declare const Container: React.ForwardRefExoticComponent<React.PropsWithoutRef<ContainerProps> & React.RefAttributes<HTMLDivElement>>;
10
10
  type SpinnerBackdropProps = {
11
11
  testId?: string;
12
12
  children: ReactNode;
13
13
  };
14
14
  export declare const SpinnerBackdrop: FC<SpinnerBackdropProps>;
15
- export declare const SpinnerContainer: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
15
+ export declare const SpinnerContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<HTMLProps<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
16
16
  export {};
@@ -4,8 +4,10 @@
4
4
  */
5
5
  import { type HTMLAttributes } from 'react';
6
6
  import { type ITableRowProps } from '../table-row';
7
- export declare const RankableTableBodyRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
7
+ type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
8
8
  isRanking?: boolean;
9
9
  isRankingItem?: boolean;
10
10
  testId?: string;
11
- } & import("react").RefAttributes<HTMLTableRowElement>>;
11
+ };
12
+ export declare const RankableTableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<RankableTableBodyRowProps> & React.RefAttributes<HTMLTableRowElement>>;
13
+ export {};
@@ -17,5 +17,5 @@ type HeadCellProps = TruncateStyleProps & HTMLProps<HTMLTableCellElement> & {
17
17
  sortOrder?: SortOrderType;
18
18
  testId?: string;
19
19
  };
20
- export declare const HeadCell: import("react").ForwardRefExoticComponent<Omit<HeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
20
+ export declare const HeadCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeadCellProps> & React.RefAttributes<HTMLTableCellElement>>;
21
21
  export {};
@@ -10,4 +10,4 @@ export type ITableRowProps = {
10
10
  className?: string;
11
11
  testId?: string;
12
12
  };
13
- export declare const TableBodyRow: import("react").ForwardRefExoticComponent<ITableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
13
+ export declare const TableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<ITableRowProps> & React.RefAttributes<HTMLTableRowElement>>;
@@ -9,7 +9,7 @@ type TableProps = HTMLProps<HTMLTableElement> & {
9
9
  hasDataRow: boolean;
10
10
  testId?: string;
11
11
  };
12
- export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
12
+ export declare const Table: React.ForwardRefExoticComponent<React.PropsWithoutRef<TableProps> & React.RefAttributes<HTMLTableElement>>;
13
13
  export declare const Caption: FC<{
14
14
  children: ReactNode;
15
15
  }>;
@@ -6,11 +6,11 @@ import { type FC, type HTMLProps, type ReactNode } from 'react';
6
6
  type ContainerProps = HTMLProps<HTMLDivElement> & {
7
7
  testId?: string;
8
8
  };
9
- export declare const Container: import("react").ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
9
+ export declare const Container: React.ForwardRefExoticComponent<React.PropsWithoutRef<ContainerProps> & React.RefAttributes<HTMLDivElement>>;
10
10
  type SpinnerBackdropProps = {
11
11
  testId?: string;
12
12
  children: ReactNode;
13
13
  };
14
14
  export declare const SpinnerBackdrop: FC<SpinnerBackdropProps>;
15
- export declare const SpinnerContainer: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
15
+ export declare const SpinnerContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<HTMLProps<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
16
16
  export {};
@@ -4,8 +4,10 @@
4
4
  */
5
5
  import { type HTMLAttributes } from 'react';
6
6
  import { type ITableRowProps } from '../table-row';
7
- export declare const RankableTableBodyRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
7
+ type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
8
8
  isRanking?: boolean;
9
9
  isRankingItem?: boolean;
10
10
  testId?: string;
11
- } & import("react").RefAttributes<HTMLTableRowElement>>;
11
+ };
12
+ export declare const RankableTableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<RankableTableBodyRowProps> & React.RefAttributes<HTMLTableRowElement>>;
13
+ export {};
@@ -17,5 +17,5 @@ type HeadCellProps = TruncateStyleProps & HTMLProps<HTMLTableCellElement> & {
17
17
  sortOrder?: SortOrderType;
18
18
  testId?: string;
19
19
  };
20
- export declare const HeadCell: import("react").ForwardRefExoticComponent<Omit<HeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
20
+ export declare const HeadCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeadCellProps> & React.RefAttributes<HTMLTableCellElement>>;
21
21
  export {};
@@ -10,4 +10,4 @@ export type ITableRowProps = {
10
10
  className?: string;
11
11
  testId?: string;
12
12
  };
13
- export declare const TableBodyRow: import("react").ForwardRefExoticComponent<ITableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
13
+ export declare const TableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<ITableRowProps> & React.RefAttributes<HTMLTableRowElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "18.2.16",
3
+ "version": "18.2.17",
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,16 +35,16 @@
35
35
  "dependencies": {
36
36
  "@atlaskit/analytics-next": "^11.1.0",
37
37
  "@atlaskit/css": "^0.14.0",
38
- "@atlaskit/ds-lib": "^5.0.0",
39
- "@atlaskit/icon": "^28.2.0",
38
+ "@atlaskit/ds-lib": "^5.1.0",
39
+ "@atlaskit/icon": "^28.3.0",
40
40
  "@atlaskit/pagination": "^16.1.0",
41
41
  "@atlaskit/platform-feature-flags": "^1.1.0",
42
42
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^2.0.0",
43
- "@atlaskit/primitives": "^14.14.0",
43
+ "@atlaskit/primitives": "^14.15.0",
44
44
  "@atlaskit/spinner": "^19.0.0",
45
45
  "@atlaskit/theme": "^21.0.0",
46
- "@atlaskit/tokens": "^6.3.0",
47
- "@atlaskit/tooltip": "^20.4.0",
46
+ "@atlaskit/tokens": "^6.4.0",
47
+ "@atlaskit/tooltip": "^20.5.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@compiled/react": "^0.18.3"
50
50
  },
@@ -56,7 +56,7 @@
56
56
  "@af/accessibility-testing": "workspace:^",
57
57
  "@af/integration-testing": "workspace:^",
58
58
  "@af/visual-regression": "workspace:^",
59
- "@atlaskit/avatar": "^25.1.0",
59
+ "@atlaskit/avatar": "^25.2.0",
60
60
  "@atlaskit/banner": "^14.0.0",
61
61
  "@atlaskit/button": "^23.4.0",
62
62
  "@atlaskit/docs": "^11.1.0",