@atlaskit/dynamic-table 18.1.3 → 18.2.0

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 (16) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/stateless.js +2 -2
  3. package/dist/cjs/components/table-head-cell.compiled.css +3 -0
  4. package/dist/cjs/components/table-head-cell.js +4 -6
  5. package/dist/cjs/styled/table-head.js +1 -1
  6. package/dist/es2019/components/stateless.js +2 -2
  7. package/dist/es2019/components/table-head-cell.compiled.css +3 -0
  8. package/dist/es2019/components/table-head-cell.js +5 -7
  9. package/dist/es2019/styled/table-head.js +1 -1
  10. package/dist/esm/components/stateless.js +2 -2
  11. package/dist/esm/components/table-head-cell.compiled.css +3 -0
  12. package/dist/esm/components/table-head-cell.js +5 -7
  13. package/dist/esm/styled/table-head.js +1 -1
  14. package/dist/types/components/table-head-cell.d.ts +4 -0
  15. package/dist/types-ts4.5/components/table-head-cell.d.ts +4 -0
  16. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/dynamic-table
2
2
 
3
+ ## 18.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#164968](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/164968)
8
+ [`78aa9e650b3b7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/78aa9e650b3b7) -
9
+ Fix visually-refreshed DynamicTable headers being truncated.
10
+
11
+ ## 18.1.4
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 18.1.3
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/components/stateless.js CHANGED
@@ -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: "18.1.3"
88
+ packageVersion: "18.2.0"
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: "18.1.3"
95
+ packageVersion: "18.2.0"
96
96
  });
97
97
  (0, _react.useEffect)(function () {
98
98
  (0, _helpers.validateSortKey)(sortKey, head);
package/dist/cjs/components/table-head-cell.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
2
  ._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
2
3
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
3
4
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
@@ -6,8 +7,10 @@
6
7
  ._bfhk1j28{background-color:transparent}
7
8
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
9
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
10
+ ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
9
11
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
10
12
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
13
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
11
14
  ._tzy4idpf{opacity:0}
12
15
  ._tzy4kb7n{opacity:1}
13
16
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
package/dist/cjs/components/table-head-cell.js CHANGED
@@ -29,7 +29,8 @@ var styles = {
29
29
  visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
30
30
  };
31
31
  var headCellStyles = {
32
- headCellContainer: "_1e0c1txw _4cvr1h6o"
32
+ headCellContainer: "_1e0c1txw _4cvr1h6o",
33
+ text: "_11c81o8v _syaz1gjq _k48pmoej"
33
34
  };
34
35
  var TableHeadCell = function TableHeadCell(_ref) {
35
36
  var content = _ref.content,
@@ -88,11 +89,8 @@ var TableHeadCell = function TableHeadCell(_ref) {
88
89
  "aria-roledescription": buttonAriaRoleDescription
89
90
  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
90
91
  xcss: isVisibleIconOnlyHeader ? styles.hideIconHeaderWrapper : styles.visibleHeaderWrapper
91
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
92
- size: "small",
93
- color: "color.text.subtle",
94
- weight: "bold",
95
- maxLines: 1
92
+ }, /*#__PURE__*/_react.default.createElement("span", {
93
+ className: (0, _runtime.ax)([headCellStyles.text])
96
94
  }, content)), shouldRenderSortIcon && /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
97
95
  xcss: isSortIconVisible ? styles.sortIconVisibleWrapper : styles.sortIconHiddenWrapper
98
96
  }, sortOrder === _constants.ASC ? /*#__PURE__*/_react.default.createElement(_arrowUp.default, {
package/dist/cjs/styled/table-head.js CHANGED
@@ -85,7 +85,7 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
85
85
  ref: ref,
86
86
  "data-testid": testId
87
87
  }, rest, {
88
- className: (0, _runtime.ax)(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179rralu _mqm2glyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbuwsq" : "_11c8dcr7 _179rralu _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbuwsq", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
88
+ className: (0, _runtime.ax)(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179rralu _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbuwsq" : "_11c8dcr7 _179rralu _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbuwsq", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
89
89
  style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
90
90
  "--_k02y3n": (0, _runtime.ix)("2px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))),
91
91
  "--_17ckjys": (0, _runtime.ix)("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")")),
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: "18.1.3"
63
+ packageVersion: "18.2.0"
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: "18.1.3"
70
+ packageVersion: "18.2.0"
71
71
  });
72
72
  useEffect(() => {
73
73
  validateSortKey(sortKey, head);
package/dist/es2019/components/table-head-cell.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
2
  ._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
2
3
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
3
4
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
@@ -6,8 +7,10 @@
6
7
  ._bfhk1j28{background-color:transparent}
7
8
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
9
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
10
+ ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
9
11
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
10
12
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
13
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
11
14
  ._tzy4idpf{opacity:0}
12
15
  ._tzy4kb7n{opacity:1}
13
16
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
package/dist/es2019/components/table-head-cell.js CHANGED
@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useCallback, useState } from 'react';
6
6
  import ArrowDownIcon from '@atlaskit/icon/core/arrow-down';
7
7
  import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
8
- import { Box, Flex, Pressable, Text } from '@atlaskit/primitives/compiled';
8
+ import { Box, Flex, Pressable } from '@atlaskit/primitives/compiled';
9
9
  import Tooltip from '@atlaskit/tooltip';
10
10
  import { ASC } from '../internal/constants';
11
11
  import { HeadCell } from '../styled/table-head';
@@ -17,7 +17,8 @@ const styles = {
17
17
  visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
18
18
  };
19
19
  const headCellStyles = {
20
- headCellContainer: "_1e0c1txw _4cvr1h6o"
20
+ headCellContainer: "_1e0c1txw _4cvr1h6o",
21
+ text: "_11c81o8v _syaz1gjq _k48pmoej"
21
22
  };
22
23
  const TableHeadCell = ({
23
24
  content,
@@ -68,11 +69,8 @@ const TableHeadCell = ({
68
69
  "aria-roledescription": buttonAriaRoleDescription
69
70
  }, /*#__PURE__*/React.createElement(Flex, {
70
71
  xcss: isVisibleIconOnlyHeader ? styles.hideIconHeaderWrapper : styles.visibleHeaderWrapper
71
- }, /*#__PURE__*/React.createElement(Text, {
72
- size: "small",
73
- color: "color.text.subtle",
74
- weight: "bold",
75
- maxLines: 1
72
+ }, /*#__PURE__*/React.createElement("span", {
73
+ className: ax([headCellStyles.text])
76
74
  }, content)), shouldRenderSortIcon && /*#__PURE__*/React.createElement(Flex, {
77
75
  xcss: isSortIconVisible ? styles.sortIconVisibleWrapper : styles.sortIconHiddenWrapper
78
76
  }, sortOrder === ASC ? /*#__PURE__*/React.createElement(ArrowUpIcon, {
package/dist/es2019/styled/table-head.js CHANGED
@@ -77,6 +77,6 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
77
77
  ref: ref,
78
78
  "data-testid": testId
79
79
  }, rest, {
80
- className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179r1on0 _mqm2glyw _vchhusvi _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4nkob _1ygbvd8c" : "_11c8dcr7 _179r1on0 _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbvd8c", !isVisuallyRefreshed && onClick && "_irr317ks _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77kvia6 _qzvtu2gc _f473via6 _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k1thn _142s94yt", !isVisuallyRefreshed && isDESC && "_f4731thn _17x894yt"])
80
+ className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179r1on0 _mqm2glyw _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4nkob _1ygbvd8c" : "_11c8dcr7 _179r1on0 _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbvd8c", !isVisuallyRefreshed && onClick && "_irr317ks _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77kvia6 _qzvtu2gc _f473via6 _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k1thn _142s94yt", !isVisuallyRefreshed && isDESC && "_f4731thn _17x894yt"])
81
81
  }), children);
82
82
  });
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: "18.1.3"
79
+ packageVersion: "18.2.0"
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: "18.1.3"
86
+ packageVersion: "18.2.0"
87
87
  });
88
88
  useEffect(function () {
89
89
  validateSortKey(sortKey, head);
package/dist/esm/components/table-head-cell.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
2
  ._18u010v4{margin-left:var(--ds-space-negative-300,-24px)}
2
3
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
3
4
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
@@ -6,8 +7,10 @@
6
7
  ._bfhk1j28{background-color:transparent}
7
8
  ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
8
9
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
10
+ ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
9
11
  ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
10
12
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
13
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
11
14
  ._tzy4idpf{opacity:0}
12
15
  ._tzy4kb7n{opacity:1}
13
16
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
package/dist/esm/components/table-head-cell.js CHANGED
@@ -8,7 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
8
8
  import React, { useCallback, useState } from 'react';
9
9
  import ArrowDownIcon from '@atlaskit/icon/core/arrow-down';
10
10
  import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
11
- import { Box, Flex, Pressable, Text } from '@atlaskit/primitives/compiled';
11
+ import { Box, Flex, Pressable } from '@atlaskit/primitives/compiled';
12
12
  import Tooltip from '@atlaskit/tooltip';
13
13
  import { ASC } from '../internal/constants';
14
14
  import { HeadCell } from '../styled/table-head';
@@ -20,7 +20,8 @@ var styles = {
20
20
  visibleHeaderWrapper: "_tzy4kb7n _u5f31b66"
21
21
  };
22
22
  var headCellStyles = {
23
- headCellContainer: "_1e0c1txw _4cvr1h6o"
23
+ headCellContainer: "_1e0c1txw _4cvr1h6o",
24
+ text: "_11c81o8v _syaz1gjq _k48pmoej"
24
25
  };
25
26
  var TableHeadCell = function TableHeadCell(_ref) {
26
27
  var content = _ref.content,
@@ -79,11 +80,8 @@ var TableHeadCell = function TableHeadCell(_ref) {
79
80
  "aria-roledescription": buttonAriaRoleDescription
80
81
  }, /*#__PURE__*/React.createElement(Flex, {
81
82
  xcss: isVisibleIconOnlyHeader ? styles.hideIconHeaderWrapper : styles.visibleHeaderWrapper
82
- }, /*#__PURE__*/React.createElement(Text, {
83
- size: "small",
84
- color: "color.text.subtle",
85
- weight: "bold",
86
- maxLines: 1
83
+ }, /*#__PURE__*/React.createElement("span", {
84
+ className: ax([headCellStyles.text])
87
85
  }, content)), shouldRenderSortIcon && /*#__PURE__*/React.createElement(Flex, {
88
86
  xcss: isSortIconVisible ? styles.sortIconVisibleWrapper : styles.sortIconHiddenWrapper
89
87
  }, sortOrder === ASC ? /*#__PURE__*/React.createElement(ArrowUpIcon, {
package/dist/esm/styled/table-head.js CHANGED
@@ -77,7 +77,7 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
77
77
  ref: ref,
78
78
  "data-testid": testId
79
79
  }, rest, {
80
- className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179rralu _mqm2glyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbuwsq" : "_11c8dcr7 _179rralu _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbuwsq", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
80
+ className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179rralu _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbuwsq" : "_11c8dcr7 _179rralu _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbuwsq", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
81
81
  style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
82
82
  "--_k02y3n": ix("2px solid ".concat("var(--ds-border, ".concat(N40, ")"))),
83
83
  "--_17ckjys": ix("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")")),
package/dist/types/components/table-head-cell.d.ts CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
1
5
  import React, { type FC, type Ref } from 'react';
2
6
  import { type SortOrderType } from '../types';
3
7
  export interface TableHeadCellProps {
package/dist/types-ts4.5/components/table-head-cell.d.ts CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
1
5
  import React, { type FC, type Ref } from 'react';
2
6
  import { type SortOrderType } from '../types';
3
7
  export interface TableHeadCellProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "18.1.3",
3
+ "version": "18.2.0",
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,7 +39,7 @@
39
39
  "runReact18": true
40
40
  },
41
41
  "dependencies": {
42
- "@atlaskit/analytics-next": "^11.0.0",
42
+ "@atlaskit/analytics-next": "^11.1.0",
43
43
  "@atlaskit/css": "^0.10.0",
44
44
  "@atlaskit/ds-lib": "^4.0.0",
45
45
  "@atlaskit/icon": "^26.4.0",
@@ -49,8 +49,8 @@
49
49
  "@atlaskit/primitives": "^14.8.0",
50
50
  "@atlaskit/spinner": "^18.0.0",
51
51
  "@atlaskit/theme": "^18.0.0",
52
- "@atlaskit/tokens": "^4.9.0",
53
- "@atlaskit/tooltip": "^20.2.0",
52
+ "@atlaskit/tokens": "^5.1.0",
53
+ "@atlaskit/tooltip": "^20.3.0",
54
54
  "@babel/runtime": "^7.0.0",
55
55
  "@compiled/react": "^0.18.3"
56
56
  },
@@ -66,7 +66,7 @@
66
66
  "@atlaskit/banner": "^14.0.0",
67
67
  "@atlaskit/button": "^23.2.0",
68
68
  "@atlaskit/docs": "^10.0.0",
69
- "@atlaskit/drawer": "^10.1.0",
69
+ "@atlaskit/drawer": "^11.0.0",
70
70
  "@atlaskit/dropdown-menu": "^16.0.0",
71
71
  "@atlaskit/link": "^3.2.0",
72
72
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",