@atlaskit/dynamic-table 18.2.18 → 18.3.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 (75) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/body.js +1 -0
  3. package/dist/cjs/components/error-boundary.js +1 -0
  4. package/dist/cjs/components/loading-container-advanced.js +1 -0
  5. package/dist/cjs/components/loading-container.js +1 -0
  6. package/dist/cjs/components/managed-pagination.js +1 -0
  7. package/dist/cjs/components/rankable/body.js +2 -0
  8. package/dist/cjs/components/rankable/table-cell.js +1 -0
  9. package/dist/cjs/components/rankable/table-head-cell.js +1 -0
  10. package/dist/cjs/components/rankable/table-row.js +1 -0
  11. package/dist/cjs/components/stateful.js +1 -0
  12. package/dist/cjs/components/stateless.js +2 -2
  13. package/dist/cjs/components/table-head.js +2 -17
  14. package/dist/cjs/hoc/with-sorted-page-rows.js +1 -0
  15. package/dist/cjs/styled/dynamic-table.compiled.css +1 -1
  16. package/dist/cjs/styled/dynamic-table.js +10 -16
  17. package/dist/cjs/styled/rankable/table-row.compiled.css +4 -4
  18. package/dist/cjs/styled/rankable/table-row.js +1 -7
  19. package/dist/cjs/styled/table-head.compiled.css +2 -45
  20. package/dist/cjs/styled/table-head.js +4 -17
  21. package/dist/es2019/components/body.js +1 -0
  22. package/dist/es2019/components/error-boundary.js +1 -0
  23. package/dist/es2019/components/loading-container-advanced.js +1 -0
  24. package/dist/es2019/components/loading-container.js +1 -0
  25. package/dist/es2019/components/managed-pagination.js +1 -0
  26. package/dist/es2019/components/rankable/body.js +2 -0
  27. package/dist/es2019/components/rankable/table-cell.js +1 -0
  28. package/dist/es2019/components/rankable/table-head-cell.js +2 -0
  29. package/dist/es2019/components/rankable/table-row.js +1 -0
  30. package/dist/es2019/components/stateful.js +1 -0
  31. package/dist/es2019/components/stateless.js +2 -2
  32. package/dist/es2019/components/table-head.js +2 -17
  33. package/dist/es2019/hoc/with-sorted-page-rows.js +1 -0
  34. package/dist/es2019/styled/dynamic-table.compiled.css +1 -1
  35. package/dist/es2019/styled/dynamic-table.js +5 -6
  36. package/dist/es2019/styled/rankable/table-row.compiled.css +4 -4
  37. package/dist/es2019/styled/rankable/table-row.js +1 -2
  38. package/dist/es2019/styled/table-head.compiled.css +2 -45
  39. package/dist/es2019/styled/table-head.js +3 -11
  40. package/dist/esm/components/body.js +1 -0
  41. package/dist/esm/components/error-boundary.js +1 -0
  42. package/dist/esm/components/loading-container-advanced.js +1 -0
  43. package/dist/esm/components/loading-container.js +1 -0
  44. package/dist/esm/components/managed-pagination.js +1 -0
  45. package/dist/esm/components/rankable/body.js +2 -0
  46. package/dist/esm/components/rankable/table-cell.js +1 -0
  47. package/dist/esm/components/rankable/table-head-cell.js +2 -0
  48. package/dist/esm/components/rankable/table-row.js +1 -0
  49. package/dist/esm/components/stateful.js +1 -0
  50. package/dist/esm/components/stateless.js +2 -2
  51. package/dist/esm/components/table-head.js +2 -17
  52. package/dist/esm/hoc/with-sorted-page-rows.js +1 -0
  53. package/dist/esm/styled/dynamic-table.compiled.css +1 -1
  54. package/dist/esm/styled/dynamic-table.js +10 -16
  55. package/dist/esm/styled/rankable/table-row.compiled.css +4 -4
  56. package/dist/esm/styled/rankable/table-row.js +1 -7
  57. package/dist/esm/styled/table-head.compiled.css +2 -45
  58. package/dist/esm/styled/table-head.js +4 -17
  59. package/dist/types/styled/dynamic-table.d.ts +1 -1
  60. package/dist/types/styled/rankable/table-row.d.ts +2 -4
  61. package/dist/types/styled/table-head.d.ts +1 -1
  62. package/dist/types-ts4.5/styled/dynamic-table.d.ts +1 -1
  63. package/dist/types-ts4.5/styled/rankable/table-row.d.ts +2 -4
  64. package/dist/types-ts4.5/styled/table-head.d.ts +1 -1
  65. package/package.json +3 -11
  66. package/dist/cjs/components/rankable/table-head-cell-old.js +0 -46
  67. package/dist/cjs/components/table-head-cell-old.js +0 -39
  68. package/dist/es2019/components/rankable/table-head-cell-old.js +0 -26
  69. package/dist/es2019/components/table-head-cell-old.js +0 -32
  70. package/dist/esm/components/rankable/table-head-cell-old.js +0 -42
  71. package/dist/esm/components/table-head-cell-old.js +0 -33
  72. package/dist/types/components/rankable/table-head-cell-old.d.ts +0 -5
  73. package/dist/types/components/table-head-cell-old.d.ts +0 -19
  74. package/dist/types-ts4.5/components/rankable/table-head-cell-old.d.ts +0 -5
  75. package/dist/types-ts4.5/components/table-head-cell-old.d.ts +0 -19
@@ -4,10 +4,8 @@
4
4
  */
5
5
  import { type HTMLAttributes } from 'react';
6
6
  import { type ITableRowProps } from '../table-row';
7
- type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
7
+ export declare const RankableTableBodyRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
8
8
  isRanking?: boolean;
9
9
  isRankingItem?: boolean;
10
10
  testId?: string;
11
- };
12
- export declare const RankableTableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<RankableTableBodyRowProps> & React.RefAttributes<HTMLTableRowElement>>;
13
- export {};
11
+ } & import("react").RefAttributes<HTMLTableRowElement>>;
@@ -17,5 +17,5 @@ type HeadCellProps = TruncateStyleProps & HTMLProps<HTMLTableCellElement> & {
17
17
  sortOrder?: SortOrderType;
18
18
  testId?: string;
19
19
  };
20
- export declare const HeadCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeadCellProps> & React.RefAttributes<HTMLTableCellElement>>;
20
+ export declare const HeadCell: import("react").ForwardRefExoticComponent<Omit<HeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
21
21
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "18.2.18",
3
+ "version": "18.3.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/"
@@ -38,7 +38,6 @@
38
38
  "@atlaskit/ds-lib": "^5.1.0",
39
39
  "@atlaskit/icon": "^28.3.0",
40
40
  "@atlaskit/pagination": "^16.1.0",
41
- "@atlaskit/platform-feature-flags": "^1.1.0",
42
41
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^2.0.0",
43
42
  "@atlaskit/primitives": "^14.15.0",
44
43
  "@atlaskit/spinner": "^19.0.0",
@@ -56,9 +55,9 @@
56
55
  "@af/accessibility-testing": "workspace:^",
57
56
  "@af/integration-testing": "workspace:^",
58
57
  "@af/visual-regression": "workspace:^",
59
- "@atlaskit/avatar": "^25.2.0",
58
+ "@atlaskit/avatar": "^25.3.0",
60
59
  "@atlaskit/banner": "^14.0.0",
61
- "@atlaskit/button": "^23.4.0",
60
+ "@atlaskit/button": "^23.5.0",
62
61
  "@atlaskit/docs": "^11.1.0",
63
62
  "@atlaskit/drawer": "^11.0.0",
64
63
  "@atlaskit/dropdown-menu": "^16.3.0",
@@ -68,8 +67,6 @@
68
67
  "@atlaskit/section-message": "^8.7.0",
69
68
  "@atlaskit/ssr": "workspace:^",
70
69
  "@atlaskit/toggle": "^15.1.0",
71
- "@atlassian/feature-flags-storybook-utils": "^0.3.0",
72
- "@atlassian/feature-flags-test-utils": "^0.3.0",
73
70
  "@atlassian/ssr-tests": "^0.3.0",
74
71
  "@testing-library/react": "^13.4.0",
75
72
  "@testing-library/user-event": "^14.4.3",
@@ -92,10 +89,5 @@
92
89
  "emotion"
93
90
  ]
94
91
  }
95
- },
96
- "platform-feature-flags": {
97
- "platform-component-visual-refresh": {
98
- "type": "boolean"
99
- }
100
92
  }
101
93
  }
@@ -1,46 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
14
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
- var _react = _interopRequireDefault(require("react"));
16
- var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
17
- var _helpers = require("../../internal/helpers");
18
- var _tableHeadCellOld = _interopRequireDefault(require("../table-head-cell-old"));
19
- var _excluded = ["isRanking", "refHeight", "refWidth"];
20
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
21
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Delete this file when cleaning up platform-component-visual-refresh FG
22
- var RankableTableHeadCellComponentOld = /*#__PURE__*/function (_React$Component) {
23
- function RankableTableHeadCellComponentOld() {
24
- (0, _classCallCheck2.default)(this, RankableTableHeadCellComponentOld);
25
- return _callSuper(this, RankableTableHeadCellComponentOld, arguments);
26
- }
27
- (0, _inherits2.default)(RankableTableHeadCellComponentOld, _React$Component);
28
- return (0, _createClass2.default)(RankableTableHeadCellComponentOld, [{
29
- key: "render",
30
- value: function render() {
31
- var _this$props = this.props,
32
- isRanking = _this$props.isRanking,
33
- refHeight = _this$props.refHeight,
34
- refWidth = _this$props.refWidth,
35
- restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
36
- var inlineStyles = (0, _helpers.inlineStylesIfRanking)(isRanking, refWidth);
37
- return /*#__PURE__*/_react.default.createElement(_tableHeadCellOld.default, (0, _extends2.default)({
38
- inlineStyles: inlineStyles
39
- }, restProps));
40
- }
41
- }]);
42
- }(_react.default.Component);
43
- var RankableTableHeadCellOld = (0, _withDimensions.default)(RankableTableHeadCellComponentOld);
44
-
45
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
46
- var _default = exports.default = RankableTableHeadCellOld;
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _tableHead = require("../styled/table-head");
12
- var _excluded = ["content", "inlineStyles", "testId", "isRanking", "innerRef", "isSortable", "onClick"]; // Delete this file when cleaning up platform-component-visual-refresh FG
13
- var TableHeadCellOld = function TableHeadCellOld(_ref) {
14
- var content = _ref.content,
15
- inlineStyles = _ref.inlineStyles,
16
- testId = _ref.testId,
17
- isRanking = _ref.isRanking,
18
- innerRef = _ref.innerRef,
19
- isSortable = _ref.isSortable,
20
- onClick = _ref.onClick,
21
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
22
- return /*#__PURE__*/_react.default.createElement(_tableHead.HeadCell
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
24
- , (0, _extends2.default)({
25
- style: inlineStyles,
26
- testId: testId && "".concat(testId, "--head--cell"),
27
- ref: typeof innerRef !== 'string' ? innerRef : null // string refs must be discarded as LegacyRefs are not compatible with FC forwardRefs
28
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
29
- }, rest, {
30
- onClick: onClick,
31
- isSortable: isSortable
32
- }), isSortable ? /*#__PURE__*/_react.default.createElement("button", {
33
- type: "button",
34
- "aria-roledescription": "Sort button"
35
- }, content) : content);
36
- };
37
-
38
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
39
- var _default = exports.default = TableHeadCellOld;
@@ -1,26 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- // Delete this file when cleaning up platform-component-visual-refresh FG
3
- import React from 'react';
4
- import withDimensions
5
- // @ts-ignore -- This import is required for default export
6
- from '../../hoc/with-dimensions';
7
- import { inlineStylesIfRanking } from '../../internal/helpers';
8
- import HeadCell from '../table-head-cell-old';
9
- class RankableTableHeadCellComponentOld extends React.Component {
10
- render() {
11
- const {
12
- isRanking,
13
- refHeight,
14
- refWidth,
15
- ...restProps
16
- } = this.props;
17
- const inlineStyles = inlineStylesIfRanking(isRanking, refWidth);
18
- return /*#__PURE__*/React.createElement(HeadCell, _extends({
19
- inlineStyles: inlineStyles
20
- }, restProps));
21
- }
22
- }
23
- const RankableTableHeadCellOld = withDimensions(RankableTableHeadCellComponentOld);
24
-
25
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
26
- export default RankableTableHeadCellOld;
@@ -1,32 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- // Delete this file when cleaning up platform-component-visual-refresh FG
3
- import React from 'react';
4
- import { HeadCell } from '../styled/table-head';
5
- const TableHeadCellOld = ({
6
- content,
7
- inlineStyles,
8
- testId,
9
- isRanking,
10
- innerRef,
11
- isSortable,
12
- onClick,
13
- ...rest
14
- }) => {
15
- return /*#__PURE__*/React.createElement(HeadCell
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
17
- , _extends({
18
- style: inlineStyles,
19
- testId: testId && `${testId}--head--cell`,
20
- ref: typeof innerRef !== 'string' ? innerRef : null // string refs must be discarded as LegacyRefs are not compatible with FC forwardRefs
21
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
22
- }, rest, {
23
- onClick: onClick,
24
- isSortable: isSortable
25
- }), isSortable ? /*#__PURE__*/React.createElement("button", {
26
- type: "button",
27
- "aria-roledescription": "Sort button"
28
- }, content) : content);
29
- };
30
-
31
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
32
- export default TableHeadCellOld;
@@ -1,42 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
4
- import _createClass from "@babel/runtime/helpers/createClass";
5
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
- import _inherits from "@babel/runtime/helpers/inherits";
8
- var _excluded = ["isRanking", "refHeight", "refWidth"];
9
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
10
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
11
- // Delete this file when cleaning up platform-component-visual-refresh FG
12
- import React from 'react';
13
- import withDimensions
14
- // @ts-ignore -- This import is required for default export
15
- from '../../hoc/with-dimensions';
16
- import { inlineStylesIfRanking } from '../../internal/helpers';
17
- import HeadCell from '../table-head-cell-old';
18
- var RankableTableHeadCellComponentOld = /*#__PURE__*/function (_React$Component) {
19
- function RankableTableHeadCellComponentOld() {
20
- _classCallCheck(this, RankableTableHeadCellComponentOld);
21
- return _callSuper(this, RankableTableHeadCellComponentOld, arguments);
22
- }
23
- _inherits(RankableTableHeadCellComponentOld, _React$Component);
24
- return _createClass(RankableTableHeadCellComponentOld, [{
25
- key: "render",
26
- value: function render() {
27
- var _this$props = this.props,
28
- isRanking = _this$props.isRanking,
29
- refHeight = _this$props.refHeight,
30
- refWidth = _this$props.refWidth,
31
- restProps = _objectWithoutProperties(_this$props, _excluded);
32
- var inlineStyles = inlineStylesIfRanking(isRanking, refWidth);
33
- return /*#__PURE__*/React.createElement(HeadCell, _extends({
34
- inlineStyles: inlineStyles
35
- }, restProps));
36
- }
37
- }]);
38
- }(React.Component);
39
- var RankableTableHeadCellOld = withDimensions(RankableTableHeadCellComponentOld);
40
-
41
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
42
- export default RankableTableHeadCellOld;
@@ -1,33 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["content", "inlineStyles", "testId", "isRanking", "innerRef", "isSortable", "onClick"];
4
- // Delete this file when cleaning up platform-component-visual-refresh FG
5
- import React from 'react';
6
- import { HeadCell } from '../styled/table-head';
7
- var TableHeadCellOld = function TableHeadCellOld(_ref) {
8
- var content = _ref.content,
9
- inlineStyles = _ref.inlineStyles,
10
- testId = _ref.testId,
11
- isRanking = _ref.isRanking,
12
- innerRef = _ref.innerRef,
13
- isSortable = _ref.isSortable,
14
- onClick = _ref.onClick,
15
- rest = _objectWithoutProperties(_ref, _excluded);
16
- return /*#__PURE__*/React.createElement(HeadCell
17
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
18
- , _extends({
19
- style: inlineStyles,
20
- testId: testId && "".concat(testId, "--head--cell"),
21
- ref: typeof innerRef !== 'string' ? innerRef : null // string refs must be discarded as LegacyRefs are not compatible with FC forwardRefs
22
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
23
- }, rest, {
24
- onClick: onClick,
25
- isSortable: isSortable
26
- }), isSortable ? /*#__PURE__*/React.createElement("button", {
27
- type: "button",
28
- "aria-roledescription": "Sort button"
29
- }, content) : content);
30
- };
31
-
32
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
33
- export default TableHeadCellOld;
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
3
- import { type TableHeadCellProps } from '../table-head-cell-old';
4
- declare const RankableTableHeadCellOld: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
5
- export default RankableTableHeadCellOld;
@@ -1,19 +0,0 @@
1
- import React, { type FC, type Ref } from 'react';
2
- import { type SortOrderType } from '../types';
3
- export interface TableHeadCellProps {
4
- colSpan?: number;
5
- sortKey?: string;
6
- isSortable?: boolean;
7
- sortOrder?: SortOrderType;
8
- isFixedSize?: boolean;
9
- innerRef?: Ref<HTMLTableCellElement>;
10
- inlineStyles?: {};
11
- content?: React.ReactNode;
12
- onClick?: () => void;
13
- shouldTruncate?: boolean;
14
- testId?: string;
15
- width?: number;
16
- isRanking?: boolean;
17
- }
18
- declare const TableHeadCellOld: FC<TableHeadCellProps>;
19
- export default TableHeadCellOld;
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
3
- import { type TableHeadCellProps } from '../table-head-cell-old';
4
- declare const RankableTableHeadCellOld: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
5
- export default RankableTableHeadCellOld;
@@ -1,19 +0,0 @@
1
- import React, { type FC, type Ref } from 'react';
2
- import { type SortOrderType } from '../types';
3
- export interface TableHeadCellProps {
4
- colSpan?: number;
5
- sortKey?: string;
6
- isSortable?: boolean;
7
- sortOrder?: SortOrderType;
8
- isFixedSize?: boolean;
9
- innerRef?: Ref<HTMLTableCellElement>;
10
- inlineStyles?: {};
11
- content?: React.ReactNode;
12
- onClick?: () => void;
13
- shouldTruncate?: boolean;
14
- testId?: string;
15
- width?: number;
16
- isRanking?: boolean;
17
- }
18
- declare const TableHeadCellOld: FC<TableHeadCellProps>;
19
- export default TableHeadCellOld;