@atlaskit/dynamic-table 17.0.4 → 17.1.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.
- package/CHANGELOG.md +20 -0
- package/dist/cjs/components/rankable/table-row.js +2 -2
- package/dist/cjs/components/stateless.js +2 -2
- package/dist/cjs/components/table-head-cell.js +1 -1
- package/dist/es2019/components/body.js +3 -1
- package/dist/es2019/components/rankable/table-cell.js +3 -1
- package/dist/es2019/components/rankable/table-head-cell-old.js +3 -1
- package/dist/es2019/components/rankable/table-head-cell.js +3 -1
- package/dist/es2019/components/rankable/table-row.js +4 -2
- package/dist/es2019/components/stateless.js +2 -2
- package/dist/es2019/components/table-head-cell.js +1 -1
- package/dist/esm/components/body.js +3 -1
- package/dist/esm/components/rankable/table-cell.js +3 -1
- package/dist/esm/components/rankable/table-head-cell-old.js +3 -1
- package/dist/esm/components/rankable/table-head-cell.js +3 -1
- package/dist/esm/components/rankable/table-row.js +5 -5
- package/dist/esm/components/stateless.js +2 -2
- package/dist/esm/components/table-head-cell.js +1 -1
- package/dist/types/components/body.d.ts +2 -2
- package/dist/types/components/loading-container-advanced.d.ts +2 -1
- package/dist/types/components/rankable/body.d.ts +1 -1
- package/dist/types/components/rankable/table-cell.d.ts +3 -3
- package/dist/types/components/rankable/table-head-cell-old.d.ts +2 -2
- package/dist/types/components/rankable/table-head-cell.d.ts +2 -2
- package/dist/types/components/rankable/table-row.d.ts +3 -7
- package/dist/types/styled/dynamic-table.d.ts +3 -2
- package/dist/types/styled/loading-container-advanced.d.ts +2 -2
- package/dist/types/styled/rankable/table-row.d.ts +0 -5
- package/dist/types/styled/table-head.d.ts +1 -1
- package/dist/types-ts4.5/components/body.d.ts +2 -2
- package/dist/types-ts4.5/components/loading-container-advanced.d.ts +2 -1
- package/dist/types-ts4.5/components/rankable/body.d.ts +1 -1
- package/dist/types-ts4.5/components/rankable/table-cell.d.ts +3 -3
- package/dist/types-ts4.5/components/rankable/table-head-cell-old.d.ts +2 -2
- package/dist/types-ts4.5/components/rankable/table-head-cell.d.ts +2 -2
- package/dist/types-ts4.5/components/rankable/table-row.d.ts +3 -7
- package/dist/types-ts4.5/styled/dynamic-table.d.ts +3 -2
- package/dist/types-ts4.5/styled/loading-container-advanced.d.ts +2 -2
- package/dist/types-ts4.5/styled/rankable/table-row.d.ts +0 -5
- package/dist/types-ts4.5/styled/table-head.d.ts +1 -1
- package/package.json +26 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @atlaskit/dynamic-table
|
|
2
2
|
|
|
3
|
+
## 17.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
|
|
8
|
+
[`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
|
|
9
|
+
Update `React` from v16 to v18
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 17.0.5
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [#107074](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107074)
|
|
20
|
+
[`97099e70a5731`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/97099e70a5731) -
|
|
21
|
+
Update dependencies and remove unused internal exports.
|
|
22
|
+
|
|
3
23
|
## 17.0.4
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.default =
|
|
7
|
+
exports.default = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
@@ -25,7 +25,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
25
25
|
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)); }
|
|
26
26
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Allowing existing usage of non Pragmatic drag and drop solution
|
|
27
27
|
// eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
|
|
28
|
-
var RankableTableRow =
|
|
28
|
+
var RankableTableRow = /*#__PURE__*/function (_React$Component) {
|
|
29
29
|
function RankableTableRow() {
|
|
30
30
|
var _this;
|
|
31
31
|
(0, _classCallCheck2.default)(this, RankableTableRow);
|
|
@@ -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
|
|
89
|
+
packageVersion: "17.1.0"
|
|
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
|
|
96
|
+
packageVersion: "17.1.0"
|
|
97
97
|
});
|
|
98
98
|
(0, _react.useEffect)(function () {
|
|
99
99
|
(0, _helpers.validateSortKey)(sortKey, head);
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import withSortedPageRows
|
|
3
|
+
import withSortedPageRows
|
|
4
|
+
// @ts-ignore -- Required for the below export of Body
|
|
5
|
+
from '../hoc/with-sorted-page-rows';
|
|
4
6
|
import TableRow from './table-row';
|
|
5
7
|
class BodyComponent extends React.Component {
|
|
6
8
|
render() {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import withDimensions
|
|
3
|
+
import withDimensions
|
|
4
|
+
// @ts-ignore -- This import is required for default export
|
|
5
|
+
from '../../hoc/with-dimensions';
|
|
4
6
|
import { inlineStylesIfRanking } from '../../internal/helpers';
|
|
5
7
|
import { RankableTableBodyCell } from '../../styled/rankable/table-cell';
|
|
6
8
|
export class RankableTableCell extends React.Component {
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
// Delete this file when cleaning up platform-component-visual-refresh FG
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import withDimensions
|
|
4
|
+
import withDimensions
|
|
5
|
+
// @ts-ignore -- This import is required for default export
|
|
6
|
+
from '../../hoc/with-dimensions';
|
|
5
7
|
import { inlineStylesIfRanking } from '../../internal/helpers';
|
|
6
8
|
import HeadCell from '../table-head-cell-old';
|
|
7
9
|
class RankableTableHeadCellComponentOld extends React.Component {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import withDimensions
|
|
3
|
+
import withDimensions
|
|
4
|
+
// @ts-ignore -- This import is required for default export
|
|
5
|
+
from '../../hoc/with-dimensions';
|
|
4
6
|
import { inlineStylesIfRanking } from '../../internal/helpers';
|
|
5
7
|
import HeadCell from '../table-head-cell';
|
|
6
8
|
class RankableTableHeadCellComponent extends React.Component {
|
|
@@ -5,11 +5,13 @@ import React from 'react';
|
|
|
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';
|
|
8
|
-
import withDimensions
|
|
8
|
+
import withDimensions
|
|
9
|
+
// @ts-ignore -- This import is required for default export
|
|
10
|
+
from '../../hoc/with-dimensions';
|
|
9
11
|
import { inlineStylesIfRanking } from '../../internal/helpers';
|
|
10
12
|
import { RankableTableBodyRow } from '../../styled/rankable/table-row';
|
|
11
13
|
import TableCell from './table-cell';
|
|
12
|
-
|
|
14
|
+
class RankableTableRow extends React.Component {
|
|
13
15
|
constructor(...args) {
|
|
14
16
|
super(...args);
|
|
15
17
|
_defineProperty(this, "innerRef", innerRefFn => ref => {
|
|
@@ -60,14 +60,14 @@ const DynamicTable = ({
|
|
|
60
60
|
action: 'sorted',
|
|
61
61
|
componentName: 'dynamicTable',
|
|
62
62
|
packageName: "@atlaskit/dynamic-table",
|
|
63
|
-
packageVersion: "17.0
|
|
63
|
+
packageVersion: "17.1.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: "17.0
|
|
70
|
+
packageVersion: "17.1.0"
|
|
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.
|
|
1
|
+
/* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
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";
|
|
@@ -7,7 +7,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
7
7
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
8
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
9
|
import React from 'react';
|
|
10
|
-
import withSortedPageRows
|
|
10
|
+
import withSortedPageRows
|
|
11
|
+
// @ts-ignore -- Required for the below export of Body
|
|
12
|
+
from '../hoc/with-sorted-page-rows';
|
|
11
13
|
import TableRow from './table-row';
|
|
12
14
|
var BodyComponent = /*#__PURE__*/function (_React$Component) {
|
|
13
15
|
function BodyComponent() {
|
|
@@ -9,7 +9,9 @@ var _excluded = ["content", "testId"];
|
|
|
9
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
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
11
|
import React from 'react';
|
|
12
|
-
import withDimensions
|
|
12
|
+
import withDimensions
|
|
13
|
+
// @ts-ignore -- This import is required for default export
|
|
14
|
+
from '../../hoc/with-dimensions';
|
|
13
15
|
import { inlineStylesIfRanking } from '../../internal/helpers';
|
|
14
16
|
import { RankableTableBodyCell } from '../../styled/rankable/table-cell';
|
|
15
17
|
export var RankableTableCell = /*#__PURE__*/function (_React$Component) {
|
|
@@ -10,7 +10,9 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
|
|
|
10
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
11
|
// Delete this file when cleaning up platform-component-visual-refresh FG
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import withDimensions
|
|
13
|
+
import withDimensions
|
|
14
|
+
// @ts-ignore -- This import is required for default export
|
|
15
|
+
from '../../hoc/with-dimensions';
|
|
14
16
|
import { inlineStylesIfRanking } from '../../internal/helpers';
|
|
15
17
|
import HeadCell from '../table-head-cell-old';
|
|
16
18
|
var RankableTableHeadCellComponentOld = /*#__PURE__*/function (_React$Component) {
|
|
@@ -9,7 +9,9 @@ var _excluded = ["isRanking", "refHeight", "refWidth"];
|
|
|
9
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
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
11
|
import React from 'react';
|
|
12
|
-
import withDimensions
|
|
12
|
+
import withDimensions
|
|
13
|
+
// @ts-ignore -- This import is required for default export
|
|
14
|
+
from '../../hoc/with-dimensions';
|
|
13
15
|
import { inlineStylesIfRanking } from '../../internal/helpers';
|
|
14
16
|
import HeadCell from '../table-head-cell';
|
|
15
17
|
var RankableTableHeadCellComponent = /*#__PURE__*/function (_React$Component) {
|
|
@@ -16,11 +16,13 @@ import React from 'react';
|
|
|
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';
|
|
19
|
-
import withDimensions
|
|
19
|
+
import withDimensions
|
|
20
|
+
// @ts-ignore -- This import is required for default export
|
|
21
|
+
from '../../hoc/with-dimensions';
|
|
20
22
|
import { inlineStylesIfRanking } from '../../internal/helpers';
|
|
21
23
|
import { RankableTableBodyRow } from '../../styled/rankable/table-row';
|
|
22
24
|
import TableCell from './table-cell';
|
|
23
|
-
|
|
25
|
+
var RankableTableRow = /*#__PURE__*/function (_React$Component) {
|
|
24
26
|
function RankableTableRow() {
|
|
25
27
|
var _this;
|
|
26
28
|
_classCallCheck(this, RankableTableRow);
|
|
@@ -106,7 +108,5 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
|
|
|
106
108
|
});
|
|
107
109
|
}
|
|
108
110
|
}]);
|
|
109
|
-
}(React.Component);
|
|
110
|
-
|
|
111
|
-
// eslint-disable-next-line import/no-anonymous-default-export
|
|
111
|
+
}(React.Component); // eslint-disable-next-line import/no-anonymous-default-export
|
|
112
112
|
export default withDimensions(RankableTableRow);
|
|
@@ -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
|
|
79
|
+
packageVersion: "17.1.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: "17.0
|
|
86
|
+
packageVersion: "17.1.0"
|
|
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.
|
|
1
|
+
/* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
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";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
|
|
2
|
+
import { TableProps, type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
|
|
3
3
|
import { type HeadType } from '../types';
|
|
4
4
|
interface BodyProps extends WithSortedPageRowsProps {
|
|
5
5
|
head?: HeadType;
|
|
@@ -8,7 +8,7 @@ interface BodyProps extends WithSortedPageRowsProps {
|
|
|
8
8
|
forwardedRef?: React.Ref<HTMLTableSectionElement>;
|
|
9
9
|
testId?: string;
|
|
10
10
|
}
|
|
11
|
-
declare const Body: React.ForwardRefExoticComponent<Omit<BodyProps &
|
|
11
|
+
declare const Body: React.ForwardRefExoticComponent<Omit<BodyProps & TableProps, "pageRows"> & {
|
|
12
12
|
forwardedRef?: React.Ref<HTMLTableSectionElement> | undefined;
|
|
13
13
|
} & React.RefAttributes<HTMLTableSectionElement>>;
|
|
14
14
|
export default Body;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { SpinnerSizeType } from '../types';
|
|
3
|
-
|
|
3
|
+
interface LoadingContainerAdvancedProps {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
isLoading?: boolean;
|
|
6
6
|
spinnerSize?: SpinnerSizeType;
|
|
@@ -41,3 +41,4 @@ export default class LoadingContainerAdvanced extends React.Component<LoadingCon
|
|
|
41
41
|
updateSpinnerPosition(): void;
|
|
42
42
|
render(): JSX.Element;
|
|
43
43
|
}
|
|
44
|
+
export {};
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { type DragStart, type DropResult } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
|
|
3
3
|
import { type WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
|
|
4
4
|
import { type HeadType, type RankEnd, type RankStart } from '../../types';
|
|
5
|
-
|
|
5
|
+
interface RankableBodyProps extends WithSortedPageRowsProps {
|
|
6
6
|
highlightedRowIndex?: number | number[];
|
|
7
7
|
onRankStart: (rankStart: RankStart) => void;
|
|
8
8
|
onRankEnd: (rankEnd: RankEnd) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
2
|
+
import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
3
3
|
import { type HeadCellType, type RowCellType } from '../../types';
|
|
4
|
-
|
|
4
|
+
interface RankableTableCellProps extends WithDimensionsProps {
|
|
5
5
|
head?: HeadCellType;
|
|
6
6
|
cell: RowCellType;
|
|
7
7
|
isFixedSize: boolean;
|
|
@@ -10,5 +10,5 @@ export interface RankableTableCellProps extends WithDimensionsProps {
|
|
|
10
10
|
export declare class RankableTableCell extends React.Component<RankableTableCellProps, {}> {
|
|
11
11
|
render(): JSX.Element;
|
|
12
12
|
}
|
|
13
|
-
declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">,
|
|
13
|
+
declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
|
|
14
14
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
2
|
+
import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
3
3
|
import { type TableHeadCellProps } from '../table-head-cell-old';
|
|
4
|
-
declare const RankableTableHeadCellOld: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">,
|
|
4
|
+
declare const RankableTableHeadCellOld: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
|
|
5
5
|
export default RankableTableHeadCellOld;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
2
|
+
import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
3
3
|
import { type TableHeadCellProps } from '../table-head-cell';
|
|
4
|
-
declare const RankableTableHeadCell: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">,
|
|
4
|
+
declare const RankableTableHeadCell: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
|
|
5
5
|
export default RankableTableHeadCell;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
2
|
+
import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
3
3
|
import { type HeadType, type RowType } from '../../types';
|
|
4
|
-
|
|
4
|
+
interface RankableTableRowProps extends WithDimensionsProps {
|
|
5
5
|
head?: HeadType;
|
|
6
6
|
isFixedSize: boolean;
|
|
7
7
|
row: RowType;
|
|
@@ -10,9 +10,5 @@ export interface RankableTableRowProps extends WithDimensionsProps {
|
|
|
10
10
|
isHighlighted?: boolean;
|
|
11
11
|
testId?: string;
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
innerRef: (innerRefFn: Function) => (ref: HTMLTableRowElement) => void;
|
|
15
|
-
render(): JSX.Element;
|
|
16
|
-
}
|
|
17
|
-
declare const _default: React.ComponentClass<Omit<RankableTableRowProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
|
|
13
|
+
declare const _default: React.ComponentClass<Omit<RankableTableRowProps, "innerRef" | "refWidth" | "refHeight">, State>;
|
|
18
14
|
export default _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import { type FC, type HTMLProps, type ReactNode } from 'react';
|
|
6
|
-
|
|
6
|
+
type TableProps = HTMLProps<HTMLTableElement> & {
|
|
7
7
|
isFixedSize?: boolean;
|
|
8
8
|
isLoading?: boolean;
|
|
9
9
|
hasDataRow: boolean;
|
|
@@ -15,7 +15,7 @@ export declare const tableRowCSSVars: {
|
|
|
15
15
|
CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND: string;
|
|
16
16
|
CSS_VAR_ROW_FOCUS_OUTLINE: string;
|
|
17
17
|
};
|
|
18
|
-
export declare const Table: import("react").ForwardRefExoticComponent<
|
|
18
|
+
export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
|
|
19
19
|
export declare const Caption: FC<{
|
|
20
20
|
children: ReactNode;
|
|
21
21
|
}>;
|
|
@@ -23,3 +23,4 @@ export declare const PaginationWrapper: FC<{
|
|
|
23
23
|
children: ReactNode;
|
|
24
24
|
testId?: string;
|
|
25
25
|
}>;
|
|
26
|
+
export {};
|
|
@@ -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<
|
|
9
|
+
export declare const Container: import("react").ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import("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<
|
|
15
|
+
export declare const SpinnerContainer: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
16
|
export {};
|
|
@@ -4,11 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { type HTMLAttributes } from 'react';
|
|
6
6
|
import { type ITableRowProps } from '../table-row';
|
|
7
|
-
export type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
|
|
8
|
-
isRanking?: boolean;
|
|
9
|
-
isRankingItem?: boolean;
|
|
10
|
-
testId?: string;
|
|
11
|
-
};
|
|
12
7
|
export declare const RankableTableBodyRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
|
|
13
8
|
isRanking?: boolean | undefined;
|
|
14
9
|
isRankingItem?: boolean | undefined;
|
|
@@ -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<
|
|
20
|
+
export declare const HeadCell: import("react").ForwardRefExoticComponent<Omit<HeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
21
21
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
|
|
2
|
+
import { TableProps, type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
|
|
3
3
|
import { type HeadType } from '../types';
|
|
4
4
|
interface BodyProps extends WithSortedPageRowsProps {
|
|
5
5
|
head?: HeadType;
|
|
@@ -8,7 +8,7 @@ interface BodyProps extends WithSortedPageRowsProps {
|
|
|
8
8
|
forwardedRef?: React.Ref<HTMLTableSectionElement>;
|
|
9
9
|
testId?: string;
|
|
10
10
|
}
|
|
11
|
-
declare const Body: React.ForwardRefExoticComponent<Omit<BodyProps &
|
|
11
|
+
declare const Body: React.ForwardRefExoticComponent<Omit<BodyProps & TableProps, "pageRows"> & {
|
|
12
12
|
forwardedRef?: React.Ref<HTMLTableSectionElement> | undefined;
|
|
13
13
|
} & React.RefAttributes<HTMLTableSectionElement>>;
|
|
14
14
|
export default Body;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { SpinnerSizeType } from '../types';
|
|
3
|
-
|
|
3
|
+
interface LoadingContainerAdvancedProps {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
isLoading?: boolean;
|
|
6
6
|
spinnerSize?: SpinnerSizeType;
|
|
@@ -41,3 +41,4 @@ export default class LoadingContainerAdvanced extends React.Component<LoadingCon
|
|
|
41
41
|
updateSpinnerPosition(): void;
|
|
42
42
|
render(): JSX.Element;
|
|
43
43
|
}
|
|
44
|
+
export {};
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { type DragStart, type DropResult } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
|
|
3
3
|
import { type WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
|
|
4
4
|
import { type HeadType, type RankEnd, type RankStart } from '../../types';
|
|
5
|
-
|
|
5
|
+
interface RankableBodyProps extends WithSortedPageRowsProps {
|
|
6
6
|
highlightedRowIndex?: number | number[];
|
|
7
7
|
onRankStart: (rankStart: RankStart) => void;
|
|
8
8
|
onRankEnd: (rankEnd: RankEnd) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
2
|
+
import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
3
3
|
import { type HeadCellType, type RowCellType } from '../../types';
|
|
4
|
-
|
|
4
|
+
interface RankableTableCellProps extends WithDimensionsProps {
|
|
5
5
|
head?: HeadCellType;
|
|
6
6
|
cell: RowCellType;
|
|
7
7
|
isFixedSize: boolean;
|
|
@@ -10,5 +10,5 @@ export interface RankableTableCellProps extends WithDimensionsProps {
|
|
|
10
10
|
export declare class RankableTableCell extends React.Component<RankableTableCellProps, {}> {
|
|
11
11
|
render(): JSX.Element;
|
|
12
12
|
}
|
|
13
|
-
declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">,
|
|
13
|
+
declare const _default: React.ComponentClass<Omit<RankableTableCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
|
|
14
14
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
2
|
+
import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
3
3
|
import { type TableHeadCellProps } from '../table-head-cell-old';
|
|
4
|
-
declare const RankableTableHeadCellOld: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">,
|
|
4
|
+
declare const RankableTableHeadCellOld: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
|
|
5
5
|
export default RankableTableHeadCellOld;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
2
|
+
import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
3
3
|
import { type TableHeadCellProps } from '../table-head-cell';
|
|
4
|
-
declare const RankableTableHeadCell: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">,
|
|
4
|
+
declare const RankableTableHeadCell: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, State>;
|
|
5
5
|
export default RankableTableHeadCell;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
2
|
+
import { type State, type WithDimensionsProps } from '../../hoc/with-dimensions';
|
|
3
3
|
import { type HeadType, type RowType } from '../../types';
|
|
4
|
-
|
|
4
|
+
interface RankableTableRowProps extends WithDimensionsProps {
|
|
5
5
|
head?: HeadType;
|
|
6
6
|
isFixedSize: boolean;
|
|
7
7
|
row: RowType;
|
|
@@ -10,9 +10,5 @@ export interface RankableTableRowProps extends WithDimensionsProps {
|
|
|
10
10
|
isHighlighted?: boolean;
|
|
11
11
|
testId?: string;
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
innerRef: (innerRefFn: Function) => (ref: HTMLTableRowElement) => void;
|
|
15
|
-
render(): JSX.Element;
|
|
16
|
-
}
|
|
17
|
-
declare const _default: React.ComponentClass<Omit<RankableTableRowProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
|
|
13
|
+
declare const _default: React.ComponentClass<Omit<RankableTableRowProps, "innerRef" | "refWidth" | "refHeight">, State>;
|
|
18
14
|
export default _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import { type FC, type HTMLProps, type ReactNode } from 'react';
|
|
6
|
-
|
|
6
|
+
type TableProps = HTMLProps<HTMLTableElement> & {
|
|
7
7
|
isFixedSize?: boolean;
|
|
8
8
|
isLoading?: boolean;
|
|
9
9
|
hasDataRow: boolean;
|
|
@@ -15,7 +15,7 @@ export declare const tableRowCSSVars: {
|
|
|
15
15
|
CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND: string;
|
|
16
16
|
CSS_VAR_ROW_FOCUS_OUTLINE: string;
|
|
17
17
|
};
|
|
18
|
-
export declare const Table: import("react").ForwardRefExoticComponent<
|
|
18
|
+
export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
|
|
19
19
|
export declare const Caption: FC<{
|
|
20
20
|
children: ReactNode;
|
|
21
21
|
}>;
|
|
@@ -23,3 +23,4 @@ export declare const PaginationWrapper: FC<{
|
|
|
23
23
|
children: ReactNode;
|
|
24
24
|
testId?: string;
|
|
25
25
|
}>;
|
|
26
|
+
export {};
|
|
@@ -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<
|
|
9
|
+
export declare const Container: import("react").ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import("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<
|
|
15
|
+
export declare const SpinnerContainer: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
16
|
export {};
|
|
@@ -4,11 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { type HTMLAttributes } from 'react';
|
|
6
6
|
import { type ITableRowProps } from '../table-row';
|
|
7
|
-
export type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
|
|
8
|
-
isRanking?: boolean;
|
|
9
|
-
isRankingItem?: boolean;
|
|
10
|
-
testId?: string;
|
|
11
|
-
};
|
|
12
7
|
export declare const RankableTableBodyRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
|
|
13
8
|
isRanking?: boolean | undefined;
|
|
14
9
|
isRankingItem?: boolean | undefined;
|
|
@@ -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<
|
|
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": "17.0
|
|
3
|
+
"version": "17.1.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,17 +39,20 @@
|
|
|
39
39
|
"runReact18": true
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@atlaskit/analytics-next": "^10.
|
|
43
|
-
"@atlaskit/
|
|
44
|
-
"@atlaskit/
|
|
42
|
+
"@atlaskit/analytics-next": "^10.3.0",
|
|
43
|
+
"@atlaskit/css": "^0.8.0",
|
|
44
|
+
"@atlaskit/ds-lib": "^3.5.0",
|
|
45
|
+
"@atlaskit/icon": "^23.5.0",
|
|
46
|
+
"@atlaskit/pagination": "^15.1.0",
|
|
45
47
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
46
|
-
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.
|
|
47
|
-
"@atlaskit/
|
|
48
|
-
"@atlaskit/
|
|
49
|
-
"@atlaskit/
|
|
48
|
+
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.4.0",
|
|
49
|
+
"@atlaskit/primitives": "^13.4.0",
|
|
50
|
+
"@atlaskit/spinner": "^17.1.0",
|
|
51
|
+
"@atlaskit/theme": "^14.1.0",
|
|
52
|
+
"@atlaskit/tokens": "^3.3.0",
|
|
53
|
+
"@atlaskit/tooltip": "^19.1.0",
|
|
50
54
|
"@babel/runtime": "^7.0.0",
|
|
51
|
-
"@emotion/react": "^11.7.1"
|
|
52
|
-
"react-beautiful-dnd": "^12.2.0"
|
|
55
|
+
"@emotion/react": "^11.7.1"
|
|
53
56
|
},
|
|
54
57
|
"peerDependencies": {
|
|
55
58
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -59,16 +62,25 @@
|
|
|
59
62
|
"@af/accessibility-testing": "*",
|
|
60
63
|
"@af/integration-testing": "*",
|
|
61
64
|
"@af/visual-regression": "*",
|
|
65
|
+
"@atlaskit/avatar": "^21.18.0",
|
|
66
|
+
"@atlaskit/banner": "^12.7.0",
|
|
62
67
|
"@atlaskit/button": "*",
|
|
68
|
+
"@atlaskit/docs": "*",
|
|
69
|
+
"@atlaskit/drawer": "^9.4.0",
|
|
70
|
+
"@atlaskit/dropdown-menu": "^12.26.0",
|
|
63
71
|
"@atlaskit/link": "*",
|
|
72
|
+
"@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
|
|
73
|
+
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
|
|
74
|
+
"@atlaskit/section-message": "*",
|
|
64
75
|
"@atlaskit/ssr": "*",
|
|
65
|
-
"@atlaskit/toggle": "^14.
|
|
76
|
+
"@atlaskit/toggle": "^14.1.0",
|
|
66
77
|
"@atlaskit/visual-regression": "*",
|
|
78
|
+
"@atlassian/feature-flags-storybook-utils": "^0.2.0",
|
|
79
|
+
"@atlassian/feature-flags-test-utils": "*",
|
|
67
80
|
"@emotion/styled": "^11.0.0",
|
|
68
|
-
"@testing-library/react": "^
|
|
81
|
+
"@testing-library/react": "^13.4.0",
|
|
69
82
|
"@testing-library/user-event": "^14.4.3",
|
|
70
|
-
"
|
|
71
|
-
"react-dom": "^16.8.0",
|
|
83
|
+
"react-dom": "^18.2.0",
|
|
72
84
|
"typescript": "~5.4.2"
|
|
73
85
|
},
|
|
74
86
|
"techstack": {
|