@atlaskit/dynamic-table 14.5.3 → 14.6.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 +22 -0
- package/dist/cjs/components/Stateless.js +3 -2
- package/dist/cjs/components/managed-pagination.js +4 -2
- package/dist/cjs/styled/TableHead.js +2 -2
- package/dist/cjs/theme.js +8 -8
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/Stateless.js +3 -2
- package/dist/es2019/components/managed-pagination.js +4 -2
- package/dist/es2019/styled/TableHead.js +2 -2
- package/dist/es2019/theme.js +8 -8
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/Stateless.js +3 -2
- package/dist/esm/components/managed-pagination.js +4 -2
- package/dist/esm/styled/TableHead.js +2 -2
- package/dist/esm/theme.js +8 -8
- package/dist/esm/version.json +1 -1
- package/dist/types/components/Body.d.ts +21 -21
- package/dist/types/components/Stateful.d.ts +1 -1
- package/dist/types/components/Stateless.d.ts +1 -1
- package/dist/types/components/managed-pagination.d.ts +1 -0
- package/dist/types/components/rankable/Body.d.ts +21 -21
- package/dist/types/components/rankable/TableCell.d.ts +1 -1
- package/dist/types/components/rankable/TableHeadCell.d.ts +1 -1
- package/dist/types/components/rankable/TableRow.d.ts +1 -1
- package/dist/types/hoc/withSortedPageRows.d.ts +20 -20
- package/dist/types/styled/TableHead.d.ts +1 -1
- package/dist/types/styled/constants.d.ts +0 -2
- package/dist/types/theme.d.ts +4 -4
- package/dist/types/types.d.ts +16 -14
- package/package.json +7 -7
- package/theme/package.json +1 -0
- package/types/package.json +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @atlaskit/dynamic-table
|
|
2
2
|
|
|
3
|
+
## 14.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`1cc3c9f1c8f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1cc3c9f1c8f) - Add test ID to table pagination so it can be queried in tests. It will be prefixed with the `testId` prop: `{testId}--pagination`.
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [`0b545855a57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b545855a57) - [ux] Updated tokens in `@atlaskit/dynamic-table`
|
|
12
|
+
|
|
13
|
+
## 14.5.5
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
19
|
+
## 14.5.4
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
24
|
+
|
|
3
25
|
## 14.5.3
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
|
@@ -52,7 +52,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
52
52
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
53
53
|
|
|
54
54
|
var packageName = "@atlaskit/dynamic-table";
|
|
55
|
-
var packageVersion = "14.
|
|
55
|
+
var packageVersion = "14.6.0";
|
|
56
56
|
|
|
57
57
|
function toggleSortOrder(currentSortOrder) {
|
|
58
58
|
switch (currentSortOrder) {
|
|
@@ -277,7 +277,8 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
|
|
|
277
277
|
value: page,
|
|
278
278
|
onChange: this.onSetPage,
|
|
279
279
|
total: totalPages,
|
|
280
|
-
i18n: paginationi18n
|
|
280
|
+
i18n: paginationi18n,
|
|
281
|
+
testId: testId
|
|
281
282
|
})), !rowsExist && emptyBody && /*#__PURE__*/_react.default.createElement(_LoadingContainer.default, {
|
|
282
283
|
isLoading: isLoading,
|
|
283
284
|
spinnerSize: _constants.LARGE,
|
|
@@ -59,7 +59,8 @@ var ManagedPagination = /*#__PURE__*/function (_React$Component) {
|
|
|
59
59
|
total = _this$props.total,
|
|
60
60
|
_this$props$value = _this$props.value,
|
|
61
61
|
value = _this$props$value === void 0 ? 1 : _this$props$value,
|
|
62
|
-
i18n = _this$props.i18n
|
|
62
|
+
i18n = _this$props.i18n,
|
|
63
|
+
testId = _this$props.testId;
|
|
63
64
|
var pages = (0, _toConsumableArray2.default)(Array(total)).map(function (_, index) {
|
|
64
65
|
return index + 1;
|
|
65
66
|
}); // Pagination accepts array now thus selectedIndex starts with 0
|
|
@@ -72,7 +73,8 @@ var ManagedPagination = /*#__PURE__*/function (_React$Component) {
|
|
|
72
73
|
nextLabel: i18n === null || i18n === void 0 ? void 0 : i18n.next,
|
|
73
74
|
previousLabel: i18n === null || i18n === void 0 ? void 0 : i18n.prev,
|
|
74
75
|
onChange: this.onChange,
|
|
75
|
-
pages: pages
|
|
76
|
+
pages: pages,
|
|
77
|
+
testId: testId && "".concat(testId, "--pagination")
|
|
76
78
|
});
|
|
77
79
|
}
|
|
78
80
|
}]);
|
|
@@ -44,9 +44,9 @@ var rankingStyles = (0, _core.css)({
|
|
|
44
44
|
|
|
45
45
|
var getHeadStyles = function getHeadStyles(theme) {
|
|
46
46
|
return (0, _core.css)({
|
|
47
|
-
borderBottom: "2px solid ".concat(
|
|
47
|
+
borderBottom: "2px solid ".concat(_theme.head.borderColor({
|
|
48
48
|
theme: theme
|
|
49
|
-
})
|
|
49
|
+
}))
|
|
50
50
|
});
|
|
51
51
|
};
|
|
52
52
|
|
package/dist/cjs/theme.js
CHANGED
|
@@ -24,16 +24,16 @@ var MSThemeColors = {
|
|
|
24
24
|
exports.MSThemeColors = MSThemeColors;
|
|
25
25
|
var arrow = {
|
|
26
26
|
defaultColor: (0, _components.themed)({
|
|
27
|
-
light: "var(--ds-
|
|
28
|
-
dark: "var(--ds-
|
|
27
|
+
light: "var(--ds-icon-disabled, ".concat(colors.N40, ")"),
|
|
28
|
+
dark: "var(--ds-icon-disabled, ".concat(colors.DN40, ")")
|
|
29
29
|
}),
|
|
30
30
|
selectedColor: (0, _components.themed)({
|
|
31
|
-
light: "var(--ds-
|
|
32
|
-
dark: "var(--ds-
|
|
31
|
+
light: "var(--ds-icon-subtle, ".concat(colors.N300, ")"),
|
|
32
|
+
dark: "var(--ds-icon-subtle, ".concat(colors.DN300, ")")
|
|
33
33
|
}),
|
|
34
34
|
hoverColor: (0, _components.themed)({
|
|
35
|
-
light: "var(--ds-
|
|
36
|
-
dark: "var(--ds-
|
|
35
|
+
light: "var(--ds-icon-disabled, ".concat(colors.N60, ")"),
|
|
36
|
+
dark: "var(--ds-icon-disabled, ".concat(colors.DN60, ")")
|
|
37
37
|
})
|
|
38
38
|
};
|
|
39
39
|
exports.arrow = arrow;
|
|
@@ -47,8 +47,8 @@ var row = {
|
|
|
47
47
|
dark: "var(--ds-background-selected, ".concat(colors.DN50, ")")
|
|
48
48
|
}),
|
|
49
49
|
hoverBackground: (0, _components.themed)({
|
|
50
|
-
light: "var(--ds-background-
|
|
51
|
-
dark: "var(--ds-background-
|
|
50
|
+
light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N10, ")"),
|
|
51
|
+
dark: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.DN40, ")")
|
|
52
52
|
}),
|
|
53
53
|
hoverHighlightedBackground: (0, _components.themed)({
|
|
54
54
|
light: "var(--ds-background-selected-hovered, ".concat(colors.B75, ")"),
|
package/dist/cjs/version.json
CHANGED
|
@@ -13,7 +13,7 @@ import ManagedPagination from './managed-pagination';
|
|
|
13
13
|
import RankableTableBody from './rankable/Body';
|
|
14
14
|
import TableHead from './TableHead';
|
|
15
15
|
const packageName = "@atlaskit/dynamic-table";
|
|
16
|
-
const packageVersion = "14.
|
|
16
|
+
const packageVersion = "14.6.0";
|
|
17
17
|
|
|
18
18
|
function toggleSortOrder(currentSortOrder) {
|
|
19
19
|
switch (currentSortOrder) {
|
|
@@ -230,7 +230,8 @@ class DynamicTable extends React.Component {
|
|
|
230
230
|
value: page,
|
|
231
231
|
onChange: this.onSetPage,
|
|
232
232
|
total: totalPages,
|
|
233
|
-
i18n: paginationi18n
|
|
233
|
+
i18n: paginationi18n,
|
|
234
|
+
testId: testId
|
|
234
235
|
})), !rowsExist && emptyBody && /*#__PURE__*/React.createElement(LoadingContainer, {
|
|
235
236
|
isLoading: isLoading,
|
|
236
237
|
spinnerSize: LARGE,
|
|
@@ -14,7 +14,8 @@ export default class ManagedPagination extends React.Component {
|
|
|
14
14
|
const {
|
|
15
15
|
total,
|
|
16
16
|
value = 1,
|
|
17
|
-
i18n
|
|
17
|
+
i18n,
|
|
18
|
+
testId
|
|
18
19
|
} = this.props;
|
|
19
20
|
const pages = [...Array(total)].map((_, index) => index + 1); // Pagination accepts array now thus selectedIndex starts with 0
|
|
20
21
|
// So, we are substracting value by one thus not breaking dynamic table
|
|
@@ -26,7 +27,8 @@ export default class ManagedPagination extends React.Component {
|
|
|
26
27
|
nextLabel: i18n === null || i18n === void 0 ? void 0 : i18n.next,
|
|
27
28
|
previousLabel: i18n === null || i18n === void 0 ? void 0 : i18n.prev,
|
|
28
29
|
onChange: this.onChange,
|
|
29
|
-
pages: pages
|
|
30
|
+
pages: pages,
|
|
31
|
+
testId: testId && `${testId}--pagination`
|
|
30
32
|
});
|
|
31
33
|
}
|
|
32
34
|
|
|
@@ -16,9 +16,9 @@ const rankingStyles = css({
|
|
|
16
16
|
});
|
|
17
17
|
|
|
18
18
|
const getHeadStyles = theme => css({
|
|
19
|
-
borderBottom: `2px solid ${
|
|
19
|
+
borderBottom: `2px solid ${head.borderColor({
|
|
20
20
|
theme
|
|
21
|
-
})}
|
|
21
|
+
})}`
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
export const Head = ({
|
package/dist/es2019/theme.js
CHANGED
|
@@ -8,16 +8,16 @@ export const MSThemeColors = {
|
|
|
8
8
|
};
|
|
9
9
|
export const arrow = {
|
|
10
10
|
defaultColor: themed({
|
|
11
|
-
light: `var(--ds-
|
|
12
|
-
dark: `var(--ds-
|
|
11
|
+
light: `var(--ds-icon-disabled, ${colors.N40})`,
|
|
12
|
+
dark: `var(--ds-icon-disabled, ${colors.DN40})`
|
|
13
13
|
}),
|
|
14
14
|
selectedColor: themed({
|
|
15
|
-
light: `var(--ds-
|
|
16
|
-
dark: `var(--ds-
|
|
15
|
+
light: `var(--ds-icon-subtle, ${colors.N300})`,
|
|
16
|
+
dark: `var(--ds-icon-subtle, ${colors.DN300})`
|
|
17
17
|
}),
|
|
18
18
|
hoverColor: themed({
|
|
19
|
-
light: `var(--ds-
|
|
20
|
-
dark: `var(--ds-
|
|
19
|
+
light: `var(--ds-icon-disabled, ${colors.N60})`,
|
|
20
|
+
dark: `var(--ds-icon-disabled, ${colors.DN60})`
|
|
21
21
|
})
|
|
22
22
|
};
|
|
23
23
|
export const row = {
|
|
@@ -30,8 +30,8 @@ export const row = {
|
|
|
30
30
|
dark: `var(--ds-background-selected, ${colors.DN50})`
|
|
31
31
|
}),
|
|
32
32
|
hoverBackground: themed({
|
|
33
|
-
light: `var(--ds-background-
|
|
34
|
-
dark: `var(--ds-background-
|
|
33
|
+
light: `var(--ds-background-neutral-subtle-hovered, ${colors.N10})`,
|
|
34
|
+
dark: `var(--ds-background-neutral-subtle-hovered, ${colors.DN40})`
|
|
35
35
|
}),
|
|
36
36
|
hoverHighlightedBackground: themed({
|
|
37
37
|
light: `var(--ds-background-selected-hovered, ${colors.B75})`,
|
package/dist/es2019/version.json
CHANGED
|
@@ -24,7 +24,7 @@ import ManagedPagination from './managed-pagination';
|
|
|
24
24
|
import RankableTableBody from './rankable/Body';
|
|
25
25
|
import TableHead from './TableHead';
|
|
26
26
|
var packageName = "@atlaskit/dynamic-table";
|
|
27
|
-
var packageVersion = "14.
|
|
27
|
+
var packageVersion = "14.6.0";
|
|
28
28
|
|
|
29
29
|
function toggleSortOrder(currentSortOrder) {
|
|
30
30
|
switch (currentSortOrder) {
|
|
@@ -257,7 +257,8 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
|
|
|
257
257
|
value: page,
|
|
258
258
|
onChange: this.onSetPage,
|
|
259
259
|
total: totalPages,
|
|
260
|
-
i18n: paginationi18n
|
|
260
|
+
i18n: paginationi18n,
|
|
261
|
+
testId: testId
|
|
261
262
|
})), !rowsExist && emptyBody && /*#__PURE__*/React.createElement(LoadingContainer, {
|
|
262
263
|
isLoading: isLoading,
|
|
263
264
|
spinnerSize: LARGE,
|
|
@@ -44,7 +44,8 @@ var ManagedPagination = /*#__PURE__*/function (_React$Component) {
|
|
|
44
44
|
total = _this$props.total,
|
|
45
45
|
_this$props$value = _this$props.value,
|
|
46
46
|
value = _this$props$value === void 0 ? 1 : _this$props$value,
|
|
47
|
-
i18n = _this$props.i18n
|
|
47
|
+
i18n = _this$props.i18n,
|
|
48
|
+
testId = _this$props.testId;
|
|
48
49
|
|
|
49
50
|
var pages = _toConsumableArray(Array(total)).map(function (_, index) {
|
|
50
51
|
return index + 1;
|
|
@@ -59,7 +60,8 @@ var ManagedPagination = /*#__PURE__*/function (_React$Component) {
|
|
|
59
60
|
nextLabel: i18n === null || i18n === void 0 ? void 0 : i18n.next,
|
|
60
61
|
previousLabel: i18n === null || i18n === void 0 ? void 0 : i18n.prev,
|
|
61
62
|
onChange: this.onChange,
|
|
62
|
-
pages: pages
|
|
63
|
+
pages: pages,
|
|
64
|
+
testId: testId && "".concat(testId, "--pagination")
|
|
63
65
|
});
|
|
64
66
|
}
|
|
65
67
|
}]);
|
|
@@ -25,9 +25,9 @@ var rankingStyles = css({
|
|
|
25
25
|
|
|
26
26
|
var getHeadStyles = function getHeadStyles(theme) {
|
|
27
27
|
return css({
|
|
28
|
-
borderBottom: "2px solid ".concat(
|
|
28
|
+
borderBottom: "2px solid ".concat(head.borderColor({
|
|
29
29
|
theme: theme
|
|
30
|
-
})
|
|
30
|
+
}))
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
33
|
|
package/dist/esm/theme.js
CHANGED
|
@@ -8,16 +8,16 @@ export var MSThemeColors = {
|
|
|
8
8
|
};
|
|
9
9
|
export var arrow = {
|
|
10
10
|
defaultColor: themed({
|
|
11
|
-
light: "var(--ds-
|
|
12
|
-
dark: "var(--ds-
|
|
11
|
+
light: "var(--ds-icon-disabled, ".concat(colors.N40, ")"),
|
|
12
|
+
dark: "var(--ds-icon-disabled, ".concat(colors.DN40, ")")
|
|
13
13
|
}),
|
|
14
14
|
selectedColor: themed({
|
|
15
|
-
light: "var(--ds-
|
|
16
|
-
dark: "var(--ds-
|
|
15
|
+
light: "var(--ds-icon-subtle, ".concat(colors.N300, ")"),
|
|
16
|
+
dark: "var(--ds-icon-subtle, ".concat(colors.DN300, ")")
|
|
17
17
|
}),
|
|
18
18
|
hoverColor: themed({
|
|
19
|
-
light: "var(--ds-
|
|
20
|
-
dark: "var(--ds-
|
|
19
|
+
light: "var(--ds-icon-disabled, ".concat(colors.N60, ")"),
|
|
20
|
+
dark: "var(--ds-icon-disabled, ".concat(colors.DN60, ")")
|
|
21
21
|
})
|
|
22
22
|
};
|
|
23
23
|
export var row = {
|
|
@@ -30,8 +30,8 @@ export var row = {
|
|
|
30
30
|
dark: "var(--ds-background-selected, ".concat(colors.DN50, ")")
|
|
31
31
|
}),
|
|
32
32
|
hoverBackground: themed({
|
|
33
|
-
light: "var(--ds-background-
|
|
34
|
-
dark: "var(--ds-background-
|
|
33
|
+
light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N10, ")"),
|
|
34
|
+
dark: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.DN40, ")")
|
|
35
35
|
}),
|
|
36
36
|
hoverHighlightedBackground: themed({
|
|
37
37
|
light: "var(--ds-background-selected-hovered, ".concat(colors.B75, ")"),
|
package/dist/esm/version.json
CHANGED
|
@@ -8,12 +8,12 @@ interface Props extends WithSortedPageRowsProps {
|
|
|
8
8
|
testId?: string;
|
|
9
9
|
}
|
|
10
10
|
declare const _default: {
|
|
11
|
-
new (props: Readonly<
|
|
11
|
+
new (props: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>): {
|
|
12
12
|
state: {
|
|
13
13
|
pageRows: never[];
|
|
14
14
|
};
|
|
15
15
|
componentDidMount(): void;
|
|
16
|
-
componentDidUpdate(_prevProps:
|
|
16
|
+
componentDidUpdate(_prevProps: Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">, prevState: {
|
|
17
17
|
pageRows: import("../types").RowType[];
|
|
18
18
|
}): void;
|
|
19
19
|
render(): JSX.Element;
|
|
@@ -22,7 +22,7 @@ declare const _default: {
|
|
|
22
22
|
pageRows: import("../types").RowType[];
|
|
23
23
|
} | ((prevState: Readonly<{
|
|
24
24
|
pageRows: import("../types").RowType[];
|
|
25
|
-
}>, props: Readonly<
|
|
25
|
+
}>, props: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>) => {
|
|
26
26
|
pageRows: import("../types").RowType[];
|
|
27
27
|
} | Pick<{
|
|
28
28
|
pageRows: import("../types").RowType[];
|
|
@@ -30,37 +30,37 @@ declare const _default: {
|
|
|
30
30
|
pageRows: import("../types").RowType[];
|
|
31
31
|
}, K> | null, callback?: (() => void) | undefined): void;
|
|
32
32
|
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
33
|
-
readonly props: Readonly<
|
|
33
|
+
readonly props: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">> & Readonly<{
|
|
34
34
|
children?: React.ReactNode;
|
|
35
35
|
}>;
|
|
36
36
|
refs: {
|
|
37
37
|
[key: string]: React.ReactInstance;
|
|
38
38
|
};
|
|
39
|
-
shouldComponentUpdate?(nextProps: Readonly<
|
|
39
|
+
shouldComponentUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
40
40
|
pageRows: import("../types").RowType[];
|
|
41
41
|
}>, nextContext: any): boolean;
|
|
42
42
|
componentWillUnmount?(): void;
|
|
43
43
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
44
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<
|
|
44
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, prevState: Readonly<{
|
|
45
45
|
pageRows: import("../types").RowType[];
|
|
46
46
|
}>): any;
|
|
47
47
|
componentWillMount?(): void;
|
|
48
48
|
UNSAFE_componentWillMount?(): void;
|
|
49
|
-
componentWillReceiveProps?(nextProps: Readonly<
|
|
50
|
-
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<
|
|
51
|
-
componentWillUpdate?(nextProps: Readonly<
|
|
49
|
+
componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
|
|
50
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
|
|
51
|
+
componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
52
52
|
pageRows: import("../types").RowType[];
|
|
53
53
|
}>, nextContext: any): void;
|
|
54
|
-
UNSAFE_componentWillUpdate?(nextProps: Readonly<
|
|
54
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
55
55
|
pageRows: import("../types").RowType[];
|
|
56
56
|
}>, nextContext: any): void;
|
|
57
57
|
};
|
|
58
|
-
new (props:
|
|
58
|
+
new (props: Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">, context?: any): {
|
|
59
59
|
state: {
|
|
60
60
|
pageRows: never[];
|
|
61
61
|
};
|
|
62
62
|
componentDidMount(): void;
|
|
63
|
-
componentDidUpdate(_prevProps:
|
|
63
|
+
componentDidUpdate(_prevProps: Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">, prevState: {
|
|
64
64
|
pageRows: import("../types").RowType[];
|
|
65
65
|
}): void;
|
|
66
66
|
render(): JSX.Element;
|
|
@@ -69,7 +69,7 @@ declare const _default: {
|
|
|
69
69
|
pageRows: import("../types").RowType[];
|
|
70
70
|
} | ((prevState: Readonly<{
|
|
71
71
|
pageRows: import("../types").RowType[];
|
|
72
|
-
}>, props: Readonly<
|
|
72
|
+
}>, props: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>) => {
|
|
73
73
|
pageRows: import("../types").RowType[];
|
|
74
74
|
} | Pick<{
|
|
75
75
|
pageRows: import("../types").RowType[];
|
|
@@ -77,32 +77,32 @@ declare const _default: {
|
|
|
77
77
|
pageRows: import("../types").RowType[];
|
|
78
78
|
}, K> | null, callback?: (() => void) | undefined): void;
|
|
79
79
|
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
80
|
-
readonly props: Readonly<
|
|
80
|
+
readonly props: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">> & Readonly<{
|
|
81
81
|
children?: React.ReactNode;
|
|
82
82
|
}>;
|
|
83
83
|
refs: {
|
|
84
84
|
[key: string]: React.ReactInstance;
|
|
85
85
|
};
|
|
86
|
-
shouldComponentUpdate?(nextProps: Readonly<
|
|
86
|
+
shouldComponentUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
87
87
|
pageRows: import("../types").RowType[];
|
|
88
88
|
}>, nextContext: any): boolean;
|
|
89
89
|
componentWillUnmount?(): void;
|
|
90
90
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
91
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<
|
|
91
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, prevState: Readonly<{
|
|
92
92
|
pageRows: import("../types").RowType[];
|
|
93
93
|
}>): any;
|
|
94
94
|
componentWillMount?(): void;
|
|
95
95
|
UNSAFE_componentWillMount?(): void;
|
|
96
|
-
componentWillReceiveProps?(nextProps: Readonly<
|
|
97
|
-
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<
|
|
98
|
-
componentWillUpdate?(nextProps: Readonly<
|
|
96
|
+
componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
|
|
97
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
|
|
98
|
+
componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
99
99
|
pageRows: import("../types").RowType[];
|
|
100
100
|
}>, nextContext: any): void;
|
|
101
|
-
UNSAFE_componentWillUpdate?(nextProps: Readonly<
|
|
101
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
102
102
|
pageRows: import("../types").RowType[];
|
|
103
103
|
}>, nextContext: any): void;
|
|
104
104
|
};
|
|
105
|
-
getDerivedStateFromProps(props:
|
|
105
|
+
getDerivedStateFromProps(props: Omit<Props & import("../hoc/withSortedPageRows").Props, "pageRows">, state: {
|
|
106
106
|
pageRows: import("../types").RowType[];
|
|
107
107
|
}): {
|
|
108
108
|
pageRows: import("../types").RowType[];
|
|
@@ -46,7 +46,7 @@ export default class DynamicTable extends React.Component<StatefulProps, State>
|
|
|
46
46
|
state: {
|
|
47
47
|
page: number | undefined;
|
|
48
48
|
sortKey: string | undefined;
|
|
49
|
-
sortOrder:
|
|
49
|
+
sortOrder: SortOrderType | undefined;
|
|
50
50
|
rows: RowType[] | undefined;
|
|
51
51
|
};
|
|
52
52
|
UNSAFE_componentWillReceiveProps(newProps: StatefulProps): void;
|
|
@@ -37,7 +37,7 @@ declare class DynamicTable extends React.Component<Props, State> {
|
|
|
37
37
|
render(): JSX.Element;
|
|
38
38
|
}
|
|
39
39
|
export { DynamicTable as DynamicTableWithoutAnalytics };
|
|
40
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Pick<
|
|
40
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "caption" | "head" | "label" | "rows" | "sortKey" | "sortOrder" | "onPageRowsUpdate" | "testId" | "highlightedRowIndex" | "emptyView" | "loadingSpinnerSize" | "totalRows"> & Partial<Pick<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isFixedSize" | "page" | "rowsPerPage" | "isLoading" | "isRankingDisabled" | "onRankStart" | "onRankEnd" | "onSort" | "isRankable" | "onSetPage" | "paginationi18n">> & Partial<Pick<{
|
|
41
41
|
isLoading: boolean;
|
|
42
42
|
isFixedSize: boolean;
|
|
43
43
|
rowsPerPage: number;
|
|
@@ -6,6 +6,7 @@ interface ManagedPaginationProps {
|
|
|
6
6
|
onChange: (newValue: any, analyticsEvent?: UIAnalyticsEvent) => void;
|
|
7
7
|
total: number;
|
|
8
8
|
i18n?: I18nShape;
|
|
9
|
+
testId?: string;
|
|
9
10
|
}
|
|
10
11
|
export default class ManagedPagination extends React.Component<ManagedPaginationProps> {
|
|
11
12
|
onChange: (_event: any, newValue: any, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
|
|
@@ -18,12 +18,12 @@ export declare class RankableBody extends React.Component<Props, {}> {
|
|
|
18
18
|
render(): JSX.Element;
|
|
19
19
|
}
|
|
20
20
|
declare const _default: {
|
|
21
|
-
new (props: Readonly<
|
|
21
|
+
new (props: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>): {
|
|
22
22
|
state: {
|
|
23
23
|
pageRows: never[];
|
|
24
24
|
};
|
|
25
25
|
componentDidMount(): void;
|
|
26
|
-
componentDidUpdate(_prevProps:
|
|
26
|
+
componentDidUpdate(_prevProps: Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">, prevState: {
|
|
27
27
|
pageRows: RowType[];
|
|
28
28
|
}): void;
|
|
29
29
|
render(): JSX.Element;
|
|
@@ -32,7 +32,7 @@ declare const _default: {
|
|
|
32
32
|
pageRows: RowType[];
|
|
33
33
|
} | ((prevState: Readonly<{
|
|
34
34
|
pageRows: RowType[];
|
|
35
|
-
}>, props: Readonly<
|
|
35
|
+
}>, props: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>) => {
|
|
36
36
|
pageRows: RowType[];
|
|
37
37
|
} | Pick<{
|
|
38
38
|
pageRows: RowType[];
|
|
@@ -40,37 +40,37 @@ declare const _default: {
|
|
|
40
40
|
pageRows: RowType[];
|
|
41
41
|
}, K> | null, callback?: (() => void) | undefined): void;
|
|
42
42
|
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
43
|
-
readonly props: Readonly<
|
|
43
|
+
readonly props: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">> & Readonly<{
|
|
44
44
|
children?: React.ReactNode;
|
|
45
45
|
}>;
|
|
46
46
|
refs: {
|
|
47
47
|
[key: string]: React.ReactInstance;
|
|
48
48
|
};
|
|
49
|
-
shouldComponentUpdate?(nextProps: Readonly<
|
|
49
|
+
shouldComponentUpdate?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
50
50
|
pageRows: RowType[];
|
|
51
51
|
}>, nextContext: any): boolean;
|
|
52
52
|
componentWillUnmount?(): void;
|
|
53
53
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
54
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<
|
|
54
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, prevState: Readonly<{
|
|
55
55
|
pageRows: RowType[];
|
|
56
56
|
}>): any;
|
|
57
57
|
componentWillMount?(): void;
|
|
58
58
|
UNSAFE_componentWillMount?(): void;
|
|
59
|
-
componentWillReceiveProps?(nextProps: Readonly<
|
|
60
|
-
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<
|
|
61
|
-
componentWillUpdate?(nextProps: Readonly<
|
|
59
|
+
componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
|
|
60
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
|
|
61
|
+
componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
62
62
|
pageRows: RowType[];
|
|
63
63
|
}>, nextContext: any): void;
|
|
64
|
-
UNSAFE_componentWillUpdate?(nextProps: Readonly<
|
|
64
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
65
65
|
pageRows: RowType[];
|
|
66
66
|
}>, nextContext: any): void;
|
|
67
67
|
};
|
|
68
|
-
new (props:
|
|
68
|
+
new (props: Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">, context?: any): {
|
|
69
69
|
state: {
|
|
70
70
|
pageRows: never[];
|
|
71
71
|
};
|
|
72
72
|
componentDidMount(): void;
|
|
73
|
-
componentDidUpdate(_prevProps:
|
|
73
|
+
componentDidUpdate(_prevProps: Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">, prevState: {
|
|
74
74
|
pageRows: RowType[];
|
|
75
75
|
}): void;
|
|
76
76
|
render(): JSX.Element;
|
|
@@ -79,7 +79,7 @@ declare const _default: {
|
|
|
79
79
|
pageRows: RowType[];
|
|
80
80
|
} | ((prevState: Readonly<{
|
|
81
81
|
pageRows: RowType[];
|
|
82
|
-
}>, props: Readonly<
|
|
82
|
+
}>, props: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>) => {
|
|
83
83
|
pageRows: RowType[];
|
|
84
84
|
} | Pick<{
|
|
85
85
|
pageRows: RowType[];
|
|
@@ -87,32 +87,32 @@ declare const _default: {
|
|
|
87
87
|
pageRows: RowType[];
|
|
88
88
|
}, K> | null, callback?: (() => void) | undefined): void;
|
|
89
89
|
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
90
|
-
readonly props: Readonly<
|
|
90
|
+
readonly props: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">> & Readonly<{
|
|
91
91
|
children?: React.ReactNode;
|
|
92
92
|
}>;
|
|
93
93
|
refs: {
|
|
94
94
|
[key: string]: React.ReactInstance;
|
|
95
95
|
};
|
|
96
|
-
shouldComponentUpdate?(nextProps: Readonly<
|
|
96
|
+
shouldComponentUpdate?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
97
97
|
pageRows: RowType[];
|
|
98
98
|
}>, nextContext: any): boolean;
|
|
99
99
|
componentWillUnmount?(): void;
|
|
100
100
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
101
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<
|
|
101
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, prevState: Readonly<{
|
|
102
102
|
pageRows: RowType[];
|
|
103
103
|
}>): any;
|
|
104
104
|
componentWillMount?(): void;
|
|
105
105
|
UNSAFE_componentWillMount?(): void;
|
|
106
|
-
componentWillReceiveProps?(nextProps: Readonly<
|
|
107
|
-
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<
|
|
108
|
-
componentWillUpdate?(nextProps: Readonly<
|
|
106
|
+
componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
|
|
107
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextContext: any): void;
|
|
108
|
+
componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
109
109
|
pageRows: RowType[];
|
|
110
110
|
}>, nextContext: any): void;
|
|
111
|
-
UNSAFE_componentWillUpdate?(nextProps: Readonly<
|
|
111
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">>, nextState: Readonly<{
|
|
112
112
|
pageRows: RowType[];
|
|
113
113
|
}>, nextContext: any): void;
|
|
114
114
|
};
|
|
115
|
-
getDerivedStateFromProps(props:
|
|
115
|
+
getDerivedStateFromProps(props: Omit<Props & import("../../hoc/withSortedPageRows").Props, "pageRows">, state: {
|
|
116
116
|
pageRows: RowType[];
|
|
117
117
|
}): {
|
|
118
118
|
pageRows: RowType[];
|
|
@@ -10,5 +10,5 @@ export interface Props extends WithDimensionsProps {
|
|
|
10
10
|
export declare class RankableTableCell extends React.Component<Props, {}> {
|
|
11
11
|
render(): JSX.Element;
|
|
12
12
|
}
|
|
13
|
-
declare const _default: React.ComponentClass<
|
|
13
|
+
declare const _default: React.ComponentClass<Omit<Props, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/withDimensions").State>;
|
|
14
14
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { WithDimensionsProps } from '../../hoc/withDimensions';
|
|
3
3
|
import { Props as HeadCellProps } from '../TableHeadCell';
|
|
4
|
-
declare const _default: React.ComponentClass<
|
|
4
|
+
declare const _default: React.ComponentClass<Omit<WithDimensionsProps & HeadCellProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/withDimensions").State>;
|
|
5
5
|
export default _default;
|
|
@@ -14,5 +14,5 @@ export declare class RankableTableRow extends React.Component<Props> {
|
|
|
14
14
|
innerRef: (innerRefFn: Function) => (ref: HTMLTableRowElement) => void;
|
|
15
15
|
render(): JSX.Element;
|
|
16
16
|
}
|
|
17
|
-
declare const _default: React.ComponentClass<
|
|
17
|
+
declare const _default: React.ComponentClass<Omit<Props, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/withDimensions").State>;
|
|
18
18
|
export default _default;
|
|
@@ -14,12 +14,12 @@ export interface WithSortedPageRowsProps {
|
|
|
14
14
|
isTotalPagesControlledExternally?: boolean;
|
|
15
15
|
}
|
|
16
16
|
export default function withSortedPageRows<WrappedComponentProps extends WithSortedPageRowsProps & Props>(WrappedComponent: React.ComponentType<WrappedComponentProps>): {
|
|
17
|
-
new (props: Readonly<
|
|
17
|
+
new (props: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>): {
|
|
18
18
|
state: {
|
|
19
19
|
pageRows: never[];
|
|
20
20
|
};
|
|
21
21
|
componentDidMount(): void;
|
|
22
|
-
componentDidUpdate(_prevProps:
|
|
22
|
+
componentDidUpdate(_prevProps: Omit<WrappedComponentProps & Props, "pageRows">, prevState: {
|
|
23
23
|
pageRows: Array<RowType>;
|
|
24
24
|
}): void;
|
|
25
25
|
render(): JSX.Element;
|
|
@@ -28,7 +28,7 @@ export default function withSortedPageRows<WrappedComponentProps extends WithSor
|
|
|
28
28
|
pageRows: Array<RowType>;
|
|
29
29
|
} | ((prevState: Readonly<{
|
|
30
30
|
pageRows: Array<RowType>;
|
|
31
|
-
}>, props: Readonly<
|
|
31
|
+
}>, props: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>) => {
|
|
32
32
|
pageRows: Array<RowType>;
|
|
33
33
|
} | Pick<{
|
|
34
34
|
pageRows: Array<RowType>;
|
|
@@ -36,37 +36,37 @@ export default function withSortedPageRows<WrappedComponentProps extends WithSor
|
|
|
36
36
|
pageRows: Array<RowType>;
|
|
37
37
|
}, K> | null, callback?: (() => void) | undefined): void;
|
|
38
38
|
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
39
|
-
readonly props: Readonly<
|
|
39
|
+
readonly props: Readonly<Omit<WrappedComponentProps & Props, "pageRows">> & Readonly<{
|
|
40
40
|
children?: React.ReactNode;
|
|
41
41
|
}>;
|
|
42
42
|
refs: {
|
|
43
43
|
[key: string]: React.ReactInstance;
|
|
44
44
|
};
|
|
45
|
-
shouldComponentUpdate?(nextProps: Readonly<
|
|
45
|
+
shouldComponentUpdate?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextState: Readonly<{
|
|
46
46
|
pageRows: Array<RowType>;
|
|
47
47
|
}>, nextContext: any): boolean;
|
|
48
48
|
componentWillUnmount?(): void;
|
|
49
49
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
50
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<
|
|
50
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, prevState: Readonly<{
|
|
51
51
|
pageRows: Array<RowType>;
|
|
52
52
|
}>): any;
|
|
53
53
|
componentWillMount?(): void;
|
|
54
54
|
UNSAFE_componentWillMount?(): void;
|
|
55
|
-
componentWillReceiveProps?(nextProps: Readonly<
|
|
56
|
-
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<
|
|
57
|
-
componentWillUpdate?(nextProps: Readonly<
|
|
55
|
+
componentWillReceiveProps?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextContext: any): void;
|
|
56
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextContext: any): void;
|
|
57
|
+
componentWillUpdate?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextState: Readonly<{
|
|
58
58
|
pageRows: Array<RowType>;
|
|
59
59
|
}>, nextContext: any): void;
|
|
60
|
-
UNSAFE_componentWillUpdate?(nextProps: Readonly<
|
|
60
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextState: Readonly<{
|
|
61
61
|
pageRows: Array<RowType>;
|
|
62
62
|
}>, nextContext: any): void;
|
|
63
63
|
};
|
|
64
|
-
new (props:
|
|
64
|
+
new (props: Omit<WrappedComponentProps & Props, "pageRows">, context?: any): {
|
|
65
65
|
state: {
|
|
66
66
|
pageRows: never[];
|
|
67
67
|
};
|
|
68
68
|
componentDidMount(): void;
|
|
69
|
-
componentDidUpdate(_prevProps:
|
|
69
|
+
componentDidUpdate(_prevProps: Omit<WrappedComponentProps & Props, "pageRows">, prevState: {
|
|
70
70
|
pageRows: Array<RowType>;
|
|
71
71
|
}): void;
|
|
72
72
|
render(): JSX.Element;
|
|
@@ -75,7 +75,7 @@ export default function withSortedPageRows<WrappedComponentProps extends WithSor
|
|
|
75
75
|
pageRows: Array<RowType>;
|
|
76
76
|
} | ((prevState: Readonly<{
|
|
77
77
|
pageRows: Array<RowType>;
|
|
78
|
-
}>, props: Readonly<
|
|
78
|
+
}>, props: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>) => {
|
|
79
79
|
pageRows: Array<RowType>;
|
|
80
80
|
} | Pick<{
|
|
81
81
|
pageRows: Array<RowType>;
|
|
@@ -83,28 +83,28 @@ export default function withSortedPageRows<WrappedComponentProps extends WithSor
|
|
|
83
83
|
pageRows: Array<RowType>;
|
|
84
84
|
}, K> | null, callback?: (() => void) | undefined): void;
|
|
85
85
|
forceUpdate(callBack?: (() => void) | undefined): void;
|
|
86
|
-
readonly props: Readonly<
|
|
86
|
+
readonly props: Readonly<Omit<WrappedComponentProps & Props, "pageRows">> & Readonly<{
|
|
87
87
|
children?: React.ReactNode;
|
|
88
88
|
}>;
|
|
89
89
|
refs: {
|
|
90
90
|
[key: string]: React.ReactInstance;
|
|
91
91
|
};
|
|
92
|
-
shouldComponentUpdate?(nextProps: Readonly<
|
|
92
|
+
shouldComponentUpdate?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextState: Readonly<{
|
|
93
93
|
pageRows: Array<RowType>;
|
|
94
94
|
}>, nextContext: any): boolean;
|
|
95
95
|
componentWillUnmount?(): void;
|
|
96
96
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
97
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<
|
|
97
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, prevState: Readonly<{
|
|
98
98
|
pageRows: Array<RowType>;
|
|
99
99
|
}>): any;
|
|
100
100
|
componentWillMount?(): void;
|
|
101
101
|
UNSAFE_componentWillMount?(): void;
|
|
102
|
-
componentWillReceiveProps?(nextProps: Readonly<
|
|
103
|
-
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<
|
|
104
|
-
componentWillUpdate?(nextProps: Readonly<
|
|
102
|
+
componentWillReceiveProps?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextContext: any): void;
|
|
103
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextContext: any): void;
|
|
104
|
+
componentWillUpdate?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextState: Readonly<{
|
|
105
105
|
pageRows: Array<RowType>;
|
|
106
106
|
}>, nextContext: any): void;
|
|
107
|
-
UNSAFE_componentWillUpdate?(nextProps: Readonly<
|
|
107
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<WrappedComponentProps & Props, "pageRows">>, nextState: Readonly<{
|
|
108
108
|
pageRows: Array<RowType>;
|
|
109
109
|
}>, nextContext: any): void;
|
|
110
110
|
};
|
|
@@ -12,6 +12,6 @@ declare type HeadCellProps = TruncateStyleProps & HTMLProps<HTMLTableCellElement
|
|
|
12
12
|
isSortable?: boolean;
|
|
13
13
|
sortOrder?: SortOrderType;
|
|
14
14
|
};
|
|
15
|
-
export declare const getArrowStyles: (isSortable?: boolean | undefined, sortOrder?:
|
|
15
|
+
export declare const getArrowStyles: (isSortable?: boolean | undefined, sortOrder?: SortOrderType | undefined, theme?: GlobalThemeTokens | undefined) => import("@emotion/utils").SerializedStyles | "";
|
|
16
16
|
export declare const HeadCell: import("react").ForwardRefExoticComponent<Pick<HeadCellProps, "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "content" | "height" | "width" | "isFixedSize" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "sortOrder" | "shouldTruncate" | "innerRef" | "testId" | "isSortable"> & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
17
17
|
export {};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { LegacyRef, ReactNode } from 'react';
|
|
2
|
-
declare const CSS_VAR_WIDTH = "--local-dynamic-table-width";
|
|
3
2
|
export interface TruncateStyleProps {
|
|
4
3
|
width?: number;
|
|
5
4
|
isFixedSize?: boolean;
|
|
@@ -15,4 +14,3 @@ export declare const getTruncationStyleVars: ({ width }: TruncateStyleProps) =>
|
|
|
15
14
|
"--local-dynamic-table-width": string | undefined;
|
|
16
15
|
};
|
|
17
16
|
export declare const cellStyles: import("@emotion/utils").SerializedStyles;
|
|
18
|
-
export {};
|
package/dist/types/theme.d.ts
CHANGED
|
@@ -5,14 +5,14 @@ export declare const MSThemeColors: {
|
|
|
5
5
|
SelectedText: string;
|
|
6
6
|
};
|
|
7
7
|
export declare const arrow: {
|
|
8
|
-
defaultColor: import("@atlaskit/theme").ThemedValue<"var(--ds-
|
|
9
|
-
selectedColor: import("@atlaskit/theme").ThemedValue<"var(--ds-
|
|
10
|
-
hoverColor: import("@atlaskit/theme").ThemedValue<"var(--ds-
|
|
8
|
+
defaultColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-disabled)">;
|
|
9
|
+
selectedColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-subtle)">;
|
|
10
|
+
hoverColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-disabled)">;
|
|
11
11
|
};
|
|
12
12
|
export declare const row: {
|
|
13
13
|
focusOutline: import("@atlaskit/theme").ThemedValue<"var(--ds-border-focused)">;
|
|
14
14
|
highlightedBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-selected)">;
|
|
15
|
-
hoverBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-
|
|
15
|
+
hoverBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral-subtle-hovered)">;
|
|
16
16
|
hoverHighlightedBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-selected-hovered)">;
|
|
17
17
|
};
|
|
18
18
|
export declare const head: {
|
package/dist/types/types.d.ts
CHANGED
|
@@ -134,13 +134,14 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
|
|
|
134
134
|
`data-testid` in the rendered code, serving as a hook for automated tests.
|
|
135
135
|
|
|
136
136
|
The value of `testId` is used to prefix `testId` props in given elements.
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
137
|
+
- `{testId}--table` - Table.
|
|
138
|
+
- `{testId}--head` - Table header.
|
|
139
|
+
- `{testId}--head--{content of the cell}` - Table header cell can be identified by their content.
|
|
140
|
+
- `{testId}--row--{index - content of the first cell}` - Table row.
|
|
141
|
+
- `{testId}--body` - Table body.
|
|
142
|
+
- `{testId}--body--{content of the cell}` - Table body cell can be identified by their content.
|
|
143
|
+
- `{testId}--loadingSpinner` - The spinner overlaid when loading.
|
|
144
|
+
- `{testId}--pagination` - The table pagination.
|
|
144
145
|
*/
|
|
145
146
|
testId?: string;
|
|
146
147
|
/**
|
|
@@ -265,13 +266,14 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
|
|
|
265
266
|
`data-testid` in the rendered code, serving as a hook for automated tests.
|
|
266
267
|
|
|
267
268
|
The value of `testId` is used to prefix `testId` props in given elements.
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
269
|
+
- `{testId}--table` - Table.
|
|
270
|
+
- `{testId}--head` - Table header.
|
|
271
|
+
- `{testId}--head--{content of the cell}` - Table header cell can be identified by their content.
|
|
272
|
+
- `{testId}--row--{index - content of the first cell}` - Table row.
|
|
273
|
+
- `{testId}--body` - Table body.
|
|
274
|
+
- `{testId}--body--{content of the cell}` - Table body cell can be identified by their content.
|
|
275
|
+
- `{testId}--loadingSpinner` - The spinner overlaid when loading.
|
|
276
|
+
- `{testId}--pagination` - The table pagination.
|
|
275
277
|
*/
|
|
276
278
|
testId?: string;
|
|
277
279
|
/**
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/dynamic-table",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.6.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/"
|
|
7
7
|
},
|
|
8
8
|
"homepage": "https://atlassian.design/components/dynamic-table/",
|
|
9
|
-
"repository": "https://bitbucket.org/atlassian/atlassian-frontend",
|
|
9
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
10
10
|
"author": "Atlassian Pty Ltd",
|
|
11
11
|
"license": "Apache-2.0",
|
|
12
12
|
"main": "dist/cjs/index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"@atlaskit/pagination": "^14.0.0",
|
|
29
29
|
"@atlaskit/spinner": "^15.0.0",
|
|
30
30
|
"@atlaskit/theme": "^12.1.0",
|
|
31
|
-
"@atlaskit/tokens": "^0.
|
|
31
|
+
"@atlaskit/tokens": "^0.10.0",
|
|
32
32
|
"@babel/runtime": "^7.0.0",
|
|
33
33
|
"@emotion/core": "^10.0.9",
|
|
34
34
|
"react-beautiful-dnd": "^12.1.1"
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"react-dom": "^16.8.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@atlaskit/avatar": "^
|
|
42
|
-
"@atlaskit/button": "^16.
|
|
41
|
+
"@atlaskit/avatar": "^21.0.0",
|
|
42
|
+
"@atlaskit/button": "^16.3.0",
|
|
43
43
|
"@atlaskit/docs": "*",
|
|
44
|
-
"@atlaskit/dropdown-menu": "^11.
|
|
44
|
+
"@atlaskit/dropdown-menu": "^11.2.0",
|
|
45
45
|
"@atlaskit/ssr": "*",
|
|
46
46
|
"@atlaskit/toggle": "^12.4.0",
|
|
47
47
|
"@atlaskit/visual-regression": "*",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"enzyme": "^3.10.0",
|
|
53
53
|
"react-dom": "^16.8.0",
|
|
54
54
|
"styled-components": "^3.2.6",
|
|
55
|
-
"typescript": "
|
|
55
|
+
"typescript": "4.2.4",
|
|
56
56
|
"uuid": "^3.1.0"
|
|
57
57
|
},
|
|
58
58
|
"techstack": {
|
package/theme/package.json
CHANGED