@atlaskit/dynamic-table 18.1.0 → 18.1.2
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 +15 -0
- package/dist/cjs/components/rankable/body.js +0 -1
- package/dist/cjs/components/rankable/table-row.js +0 -1
- package/dist/cjs/components/stateless.js +4 -5
- package/dist/cjs/components/table-row.js +1 -2
- package/dist/cjs/styled/dynamic-table.js +0 -1
- package/dist/cjs/styled/empty-body.js +0 -1
- package/dist/cjs/styled/loading-container-advanced.js +0 -2
- package/dist/cjs/styled/loading-container.js +0 -2
- package/dist/cjs/styled/rankable/table-cell.js +1 -1
- package/dist/cjs/styled/rankable/table-row.js +1 -1
- package/dist/cjs/styled/table-head.js +0 -1
- package/dist/es2019/components/rankable/body.js +0 -1
- package/dist/es2019/components/rankable/table-row.js +0 -1
- package/dist/es2019/components/stateless.js +4 -5
- package/dist/es2019/components/table-row.js +1 -2
- package/dist/es2019/styled/dynamic-table.js +0 -3
- package/dist/es2019/styled/empty-body.js +0 -1
- package/dist/es2019/styled/loading-container-advanced.js +0 -3
- package/dist/es2019/styled/loading-container.js +0 -2
- package/dist/es2019/styled/rankable/table-cell.js +0 -2
- package/dist/es2019/styled/rankable/table-row.js +0 -3
- package/dist/es2019/styled/table-head.js +0 -3
- package/dist/esm/components/rankable/body.js +0 -1
- package/dist/esm/components/rankable/table-row.js +0 -1
- package/dist/esm/components/stateless.js +4 -5
- package/dist/esm/components/table-row.js +1 -2
- package/dist/esm/styled/dynamic-table.js +0 -3
- package/dist/esm/styled/empty-body.js +0 -1
- package/dist/esm/styled/loading-container-advanced.js +0 -3
- package/dist/esm/styled/loading-container.js +0 -2
- package/dist/esm/styled/rankable/table-cell.js +0 -2
- package/dist/esm/styled/rankable/table-row.js +0 -3
- package/dist/esm/styled/table-head.js +0 -3
- package/dist/types/types.d.ts +3 -3
- package/dist/types-ts4.5/types.d.ts +3 -3
- package/package.json +15 -18
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/dynamic-table
|
|
2
2
|
|
|
3
|
+
## 18.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#155802](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155802)
|
|
8
|
+
[`08019848e3eab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08019848e3eab) -
|
|
9
|
+
Refreshed "issue" terminology.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 18.1.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 18.1.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
|
@@ -18,7 +18,6 @@ var _withSortedPageRows = _interopRequireDefault(require("../../hoc/with-sorted-
|
|
|
18
18
|
var _tableRow = _interopRequireDefault(require("./table-row"));
|
|
19
19
|
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)); }
|
|
20
20
|
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
|
|
21
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
|
|
22
21
|
// computes destination of ranking
|
|
23
22
|
// - if drag was cancelled returns undefined
|
|
24
23
|
// - if drag was finished, returns new position and after/before key
|
|
@@ -24,7 +24,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
24
24
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
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
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
|
|
28
27
|
var RankableTableRow = /*#__PURE__*/function (_React$Component) {
|
|
29
28
|
function RankableTableRow() {
|
|
30
29
|
var _this;
|
|
@@ -12,7 +12,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
14
14
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
15
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
15
|
var _constants = require("../internal/constants");
|
|
17
16
|
var _helpers = require("../internal/helpers");
|
|
18
17
|
var _dynamicTable = require("../styled/dynamic-table");
|
|
@@ -72,8 +71,8 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
72
71
|
loadingSpinnerSize = _ref.loadingSpinnerSize,
|
|
73
72
|
_ref$paginationi18n = _ref.paginationi18n,
|
|
74
73
|
paginationi18n = _ref$paginationi18n === void 0 ? {
|
|
75
|
-
prev:
|
|
76
|
-
next:
|
|
74
|
+
prev: 'Previous Page',
|
|
75
|
+
next: 'Next Page',
|
|
77
76
|
label: 'Pagination',
|
|
78
77
|
pageLabel: 'Page'
|
|
79
78
|
} : _ref$paginationi18n;
|
|
@@ -87,14 +86,14 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
87
86
|
action: 'sorted',
|
|
88
87
|
componentName: 'dynamicTable',
|
|
89
88
|
packageName: "@atlaskit/dynamic-table",
|
|
90
|
-
packageVersion: "18.1.
|
|
89
|
+
packageVersion: "18.1.2"
|
|
91
90
|
});
|
|
92
91
|
var onRankEnd = (0, _analyticsNext.usePlatformLeafEventHandler)({
|
|
93
92
|
fn: providedOnRankEnd,
|
|
94
93
|
action: 'ranked',
|
|
95
94
|
componentName: 'dynamicTable',
|
|
96
95
|
packageName: "@atlaskit/dynamic-table",
|
|
97
|
-
packageVersion: "18.1.
|
|
96
|
+
packageVersion: "18.1.2"
|
|
98
97
|
});
|
|
99
98
|
(0, _react.useEffect)(function () {
|
|
100
99
|
(0, _helpers.validateSortKey)(sortKey, head);
|
|
@@ -39,8 +39,7 @@ var Row = function Row(_ref) {
|
|
|
39
39
|
"data-testid": cellTestId || testId && "".concat(testId, "--cell-").concat(cellIndex)
|
|
40
40
|
}, restCellProps, {
|
|
41
41
|
isFixedSize: isFixedSize,
|
|
42
|
-
key: cellIndex
|
|
43
|
-
,
|
|
42
|
+
key: cellIndex,
|
|
44
43
|
shouldTruncate: shouldTruncate,
|
|
45
44
|
width: width
|
|
46
45
|
}), content);
|
|
@@ -17,7 +17,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
17
17
|
var _colors = require("@atlaskit/theme/colors");
|
|
18
18
|
var _excluded = ["isFixedSize", "hasDataRow", "children", "testId", "isLoading"];
|
|
19
19
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
21
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
22
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
3
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
3
|
"use strict";
|
|
5
4
|
|
|
6
5
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -17,8 +17,6 @@ var _excluded = ["children", "testId"];
|
|
|
17
17
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
18
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
21
|
-
|
|
22
20
|
var containerStyles = null;
|
|
23
21
|
var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
24
22
|
var children = props.children,
|
|
@@ -17,8 +17,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
17
17
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
18
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
19
19
|
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
21
|
-
|
|
22
20
|
var CSS_VAR_CONTENTS_OPACITY = exports.CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
|
|
23
21
|
var containerStyles = null;
|
|
24
22
|
var Container = exports.Container = function Container(_ref) {
|
|
@@ -13,7 +13,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
13
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
15
|
var _tableCell = require("../table-cell");
|
|
16
|
-
var _excluded = ["isRanking", "innerRef"];
|
|
16
|
+
var _excluded = ["isRanking", "innerRef"];
|
|
17
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
19
|
var rankingStyles = null;
|
|
@@ -15,7 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
15
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
16
16
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
17
|
var _tableRow = require("../table-row");
|
|
18
|
-
var _excluded = ["isRanking", "isRankingItem", "testId"];
|
|
18
|
+
var _excluded = ["isRanking", "isRankingItem", "testId"];
|
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
21
|
var rankingStyles = null;
|
|
@@ -21,7 +21,6 @@ var _constants2 = require("./constants");
|
|
|
21
21
|
var _excluded = ["isRanking", "testId"],
|
|
22
22
|
_excluded2 = ["width", "children", "isSortable", "sortOrder", "isFixedSize", "shouldTruncate", "onClick", "style", "testId"];
|
|
23
23
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
25
24
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
26
25
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
27
26
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
// Allowing existing usage of non Pragmatic drag and drop solution
|
|
6
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
|
|
7
6
|
import { DragDropContext, Droppable } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
|
|
8
7
|
import withSortedPageRows from '../../hoc/with-sorted-page-rows';
|
|
9
8
|
import TableRow from './table-row';
|
|
@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
// Allowing existing usage of non Pragmatic drag and drop solution
|
|
6
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
|
|
7
6
|
import { Draggable } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
|
|
8
7
|
import withDimensions
|
|
9
8
|
// @ts-ignore -- This import is required for default export
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React, { forwardRef, lazy, Suspense, useEffect, useRef, useState } from 'react';
|
|
3
3
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
4
4
|
import noop from '@atlaskit/ds-lib/noop';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { ASC, DESC, LARGE, SMALL } from '../internal/constants';
|
|
7
6
|
import { assertIsSortable, getPageRows, validateSortKey } from '../internal/helpers';
|
|
8
7
|
import { Caption, PaginationWrapper, Table } from '../styled/dynamic-table';
|
|
@@ -48,8 +47,8 @@ const DynamicTable = ({
|
|
|
48
47
|
onRankEnd: providedOnRankEnd = noop,
|
|
49
48
|
loadingSpinnerSize,
|
|
50
49
|
paginationi18n = {
|
|
51
|
-
prev:
|
|
52
|
-
next:
|
|
50
|
+
prev: 'Previous Page',
|
|
51
|
+
next: 'Next Page',
|
|
53
52
|
label: 'Pagination',
|
|
54
53
|
pageLabel: 'Page'
|
|
55
54
|
}
|
|
@@ -61,14 +60,14 @@ const DynamicTable = ({
|
|
|
61
60
|
action: 'sorted',
|
|
62
61
|
componentName: 'dynamicTable',
|
|
63
62
|
packageName: "@atlaskit/dynamic-table",
|
|
64
|
-
packageVersion: "18.1.
|
|
63
|
+
packageVersion: "18.1.2"
|
|
65
64
|
});
|
|
66
65
|
const onRankEnd = usePlatformLeafEventHandler({
|
|
67
66
|
fn: providedOnRankEnd,
|
|
68
67
|
action: 'ranked',
|
|
69
68
|
componentName: 'dynamicTable',
|
|
70
69
|
packageName: "@atlaskit/dynamic-table",
|
|
71
|
-
packageVersion: "18.1.
|
|
70
|
+
packageVersion: "18.1.2"
|
|
72
71
|
});
|
|
73
72
|
useEffect(() => {
|
|
74
73
|
validateSortKey(sortKey, head);
|
|
@@ -35,8 +35,7 @@ const Row = ({
|
|
|
35
35
|
"data-testid": cellTestId || testId && `${testId}--cell-${cellIndex}`
|
|
36
36
|
}, restCellProps, {
|
|
37
37
|
isFixedSize: isFixedSize,
|
|
38
|
-
key: cellIndex
|
|
39
|
-
,
|
|
38
|
+
key: cellIndex,
|
|
40
39
|
shouldTruncate: shouldTruncate,
|
|
41
40
|
width: width
|
|
42
41
|
}), content);
|
|
@@ -6,9 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
7
7
|
|
|
8
8
|
import { forwardRef } from 'react';
|
|
9
|
-
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
-
|
|
12
9
|
import { B100, B50, B75, N10, N40 } from '@atlaskit/theme/colors';
|
|
13
10
|
const fixedSizeTableStyles = null;
|
|
14
11
|
const tableStyles = null;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
3
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
3
|
import "./empty-body.compiled.css";
|
|
5
4
|
import * as React from 'react';
|
|
6
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -6,9 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
7
7
|
|
|
8
8
|
import { forwardRef } from 'react';
|
|
9
|
-
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
-
|
|
12
9
|
const containerStyles = null;
|
|
13
10
|
export const Container = /*#__PURE__*/forwardRef((props, ref) => {
|
|
14
11
|
const {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/* loading-container.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
3
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
3
|
import "./loading-container.compiled.css";
|
|
5
4
|
import * as React from 'react';
|
|
6
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -19,7 +18,6 @@ export const ContentsContainer = ({
|
|
|
19
18
|
contentsOpacity,
|
|
20
19
|
testId
|
|
21
20
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
23
21
|
style: {
|
|
24
22
|
[CSS_VAR_CONTENTS_OPACITY]: contentsOpacity
|
|
25
23
|
},
|
|
@@ -3,8 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import "./table-cell.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
|
-
|
|
8
6
|
import { TableBodyCell } from '../table-cell';
|
|
9
7
|
const rankingStyles = null;
|
|
10
8
|
|
|
@@ -4,9 +4,6 @@ import "./table-row.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { forwardRef } from 'react';
|
|
7
|
-
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
-
|
|
10
7
|
import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';
|
|
11
8
|
import { TableBodyRow } from '../table-row';
|
|
12
9
|
const rankingStyles = null;
|
|
@@ -6,9 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
7
7
|
|
|
8
8
|
import { forwardRef } from 'react';
|
|
9
|
-
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
-
|
|
12
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
10
|
import { B100, N300, N30A, N40 } from '@atlaskit/theme/colors';
|
|
14
11
|
import { ASC, DESC } from '../internal/constants';
|
|
@@ -10,7 +10,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
10
10
|
import React from 'react';
|
|
11
11
|
|
|
12
12
|
// Allowing existing usage of non Pragmatic drag and drop solution
|
|
13
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
|
|
14
13
|
import { DragDropContext, Droppable } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
|
|
15
14
|
import withSortedPageRows from '../../hoc/with-sorted-page-rows';
|
|
16
15
|
import TableRow from './table-row';
|
|
@@ -14,7 +14,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
14
14
|
import React from 'react';
|
|
15
15
|
|
|
16
16
|
// Allowing existing usage of non Pragmatic drag and drop solution
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
|
|
18
17
|
import { Draggable } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
|
|
19
18
|
import withDimensions
|
|
20
19
|
// @ts-ignore -- This import is required for default export
|
|
@@ -5,7 +5,6 @@ var _excluded = ["isRankable", "isRanking", "onRankStart", "onRankEnd", "isRanki
|
|
|
5
5
|
import React, { forwardRef, lazy, Suspense, useEffect, useRef, useState } from 'react';
|
|
6
6
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
7
7
|
import noop from '@atlaskit/ds-lib/noop';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { ASC, DESC, LARGE, SMALL } from '../internal/constants';
|
|
10
9
|
import { assertIsSortable, getPageRows, validateSortKey } from '../internal/helpers';
|
|
11
10
|
import { Caption, PaginationWrapper, Table } from '../styled/dynamic-table';
|
|
@@ -62,8 +61,8 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
62
61
|
loadingSpinnerSize = _ref.loadingSpinnerSize,
|
|
63
62
|
_ref$paginationi18n = _ref.paginationi18n,
|
|
64
63
|
paginationi18n = _ref$paginationi18n === void 0 ? {
|
|
65
|
-
prev:
|
|
66
|
-
next:
|
|
64
|
+
prev: 'Previous Page',
|
|
65
|
+
next: 'Next Page',
|
|
67
66
|
label: 'Pagination',
|
|
68
67
|
pageLabel: 'Page'
|
|
69
68
|
} : _ref$paginationi18n;
|
|
@@ -77,14 +76,14 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
77
76
|
action: 'sorted',
|
|
78
77
|
componentName: 'dynamicTable',
|
|
79
78
|
packageName: "@atlaskit/dynamic-table",
|
|
80
|
-
packageVersion: "18.1.
|
|
79
|
+
packageVersion: "18.1.2"
|
|
81
80
|
});
|
|
82
81
|
var onRankEnd = usePlatformLeafEventHandler({
|
|
83
82
|
fn: providedOnRankEnd,
|
|
84
83
|
action: 'ranked',
|
|
85
84
|
componentName: 'dynamicTable',
|
|
86
85
|
packageName: "@atlaskit/dynamic-table",
|
|
87
|
-
packageVersion: "18.1.
|
|
86
|
+
packageVersion: "18.1.2"
|
|
88
87
|
});
|
|
89
88
|
useEffect(function () {
|
|
90
89
|
validateSortKey(sortKey, head);
|
|
@@ -32,8 +32,7 @@ var Row = function Row(_ref) {
|
|
|
32
32
|
"data-testid": cellTestId || testId && "".concat(testId, "--cell-").concat(cellIndex)
|
|
33
33
|
}, restCellProps, {
|
|
34
34
|
isFixedSize: isFixedSize,
|
|
35
|
-
key: cellIndex
|
|
36
|
-
,
|
|
35
|
+
key: cellIndex,
|
|
37
36
|
shouldTruncate: shouldTruncate,
|
|
38
37
|
width: width
|
|
39
38
|
}), content);
|
|
@@ -11,9 +11,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
11
11
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
12
12
|
|
|
13
13
|
import { forwardRef } from 'react';
|
|
14
|
-
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
|
-
|
|
17
14
|
import { B100, B50, B75, N10, N40 } from '@atlaskit/theme/colors';
|
|
18
15
|
var fixedSizeTableStyles = null;
|
|
19
16
|
var tableStyles = null;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
3
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
3
|
import "./empty-body.compiled.css";
|
|
5
4
|
import * as React from 'react';
|
|
6
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -8,9 +8,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
8
8
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
9
9
|
|
|
10
10
|
import { forwardRef } from 'react';
|
|
11
|
-
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
13
|
-
|
|
14
11
|
var containerStyles = null;
|
|
15
12
|
export var Container = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
16
13
|
var children = props.children,
|
|
@@ -7,8 +7,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
7
7
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
8
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
9
9
|
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
-
|
|
12
10
|
export var CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
|
|
13
11
|
var containerStyles = null;
|
|
14
12
|
export var Container = function Container(_ref) {
|
|
@@ -5,8 +5,6 @@ var _excluded = ["isRanking", "innerRef"];
|
|
|
5
5
|
import "./table-cell.compiled.css";
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
-
|
|
10
8
|
import { TableBodyCell } from '../table-cell';
|
|
11
9
|
var rankingStyles = null;
|
|
12
10
|
|
|
@@ -6,9 +6,6 @@ import "./table-row.compiled.css";
|
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
8
8
|
import { forwardRef } from 'react';
|
|
9
|
-
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
-
|
|
12
9
|
import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';
|
|
13
10
|
import { TableBodyRow } from '../table-row';
|
|
14
11
|
var rankingStyles = null;
|
|
@@ -12,9 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
12
12
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
13
13
|
|
|
14
14
|
import { forwardRef } from 'react';
|
|
15
|
-
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
|
-
|
|
18
15
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
16
|
import { B100, N300, N30A, N40 } from '@atlaskit/theme/colors';
|
|
20
17
|
import { ASC, DESC } from '../internal/constants';
|
package/dist/types/types.d.ts
CHANGED
|
@@ -160,7 +160,7 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
|
|
|
160
160
|
/**
|
|
161
161
|
* If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies.
|
|
162
162
|
* Avoid using both at the same time as they may conflict.
|
|
163
|
-
* Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira
|
|
163
|
+
* Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira work items table".
|
|
164
164
|
*/
|
|
165
165
|
label?: string;
|
|
166
166
|
}
|
|
@@ -197,7 +197,7 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
|
|
|
197
197
|
isLoading?: boolean;
|
|
198
198
|
/**
|
|
199
199
|
* Use this to set a label for assistive technology that describes the loading state.
|
|
200
|
-
* The default label is "Loading table". You can customize this to be more specific to your table, for example “Loading
|
|
200
|
+
* The default label is "Loading table". You can customize this to be more specific to your table, for example “Loading work items table”.
|
|
201
201
|
*/
|
|
202
202
|
loadingLabel?: string;
|
|
203
203
|
/**
|
|
@@ -292,7 +292,7 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
|
|
|
292
292
|
/**
|
|
293
293
|
* If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies.
|
|
294
294
|
* Avoid using both at the same time as they may conflict.
|
|
295
|
-
* Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira
|
|
295
|
+
* Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira work items table".
|
|
296
296
|
*/
|
|
297
297
|
label?: string;
|
|
298
298
|
}
|
|
@@ -160,7 +160,7 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
|
|
|
160
160
|
/**
|
|
161
161
|
* If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies.
|
|
162
162
|
* Avoid using both at the same time as they may conflict.
|
|
163
|
-
* Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira
|
|
163
|
+
* Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira work items table".
|
|
164
164
|
*/
|
|
165
165
|
label?: string;
|
|
166
166
|
}
|
|
@@ -197,7 +197,7 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
|
|
|
197
197
|
isLoading?: boolean;
|
|
198
198
|
/**
|
|
199
199
|
* Use this to set a label for assistive technology that describes the loading state.
|
|
200
|
-
* The default label is "Loading table". You can customize this to be more specific to your table, for example “Loading
|
|
200
|
+
* The default label is "Loading table". You can customize this to be more specific to your table, for example “Loading work items table”.
|
|
201
201
|
*/
|
|
202
202
|
loadingLabel?: string;
|
|
203
203
|
/**
|
|
@@ -292,7 +292,7 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
|
|
|
292
292
|
/**
|
|
293
293
|
* If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies.
|
|
294
294
|
* Avoid using both at the same time as they may conflict.
|
|
295
|
-
* Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira
|
|
295
|
+
* Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira work items table".
|
|
296
296
|
*/
|
|
297
297
|
label?: string;
|
|
298
298
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/dynamic-table",
|
|
3
|
-
"version": "18.1.
|
|
3
|
+
"version": "18.1.2",
|
|
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/"
|
|
@@ -42,15 +42,15 @@
|
|
|
42
42
|
"@atlaskit/analytics-next": "^11.0.0",
|
|
43
43
|
"@atlaskit/css": "^0.10.0",
|
|
44
44
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
45
|
-
"@atlaskit/icon": "^
|
|
45
|
+
"@atlaskit/icon": "^26.4.0",
|
|
46
46
|
"@atlaskit/pagination": "^16.1.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
48
|
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^2.0.0",
|
|
49
|
-
"@atlaskit/primitives": "^14.
|
|
49
|
+
"@atlaskit/primitives": "^14.8.0",
|
|
50
50
|
"@atlaskit/spinner": "^18.0.0",
|
|
51
51
|
"@atlaskit/theme": "^18.0.0",
|
|
52
|
-
"@atlaskit/tokens": "^4.
|
|
53
|
-
"@atlaskit/tooltip": "^20.
|
|
52
|
+
"@atlaskit/tokens": "^4.9.0",
|
|
53
|
+
"@atlaskit/tooltip": "^20.1.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@compiled/react": "^0.18.3",
|
|
56
56
|
"@emotion/react": "^11.7.1"
|
|
@@ -60,20 +60,20 @@
|
|
|
60
60
|
"react-dom": "^18.2.0"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
|
-
"@af/accessibility-testing": "
|
|
64
|
-
"@af/integration-testing": "
|
|
65
|
-
"@af/visual-regression": "
|
|
66
|
-
"@atlaskit/avatar": "^25.
|
|
63
|
+
"@af/accessibility-testing": "workspace:^",
|
|
64
|
+
"@af/integration-testing": "workspace:^",
|
|
65
|
+
"@af/visual-regression": "workspace:^",
|
|
66
|
+
"@atlaskit/avatar": "^25.1.0",
|
|
67
67
|
"@atlaskit/banner": "^14.0.0",
|
|
68
|
-
"@atlaskit/button": "^23.
|
|
68
|
+
"@atlaskit/button": "^23.2.0",
|
|
69
69
|
"@atlaskit/docs": "^10.0.0",
|
|
70
70
|
"@atlaskit/drawer": "^10.1.0",
|
|
71
|
-
"@atlaskit/dropdown-menu": "^
|
|
72
|
-
"@atlaskit/link": "^3.
|
|
73
|
-
"@atlaskit/pragmatic-drag-and-drop": "^1.
|
|
74
|
-
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.
|
|
71
|
+
"@atlaskit/dropdown-menu": "^16.0.0",
|
|
72
|
+
"@atlaskit/link": "^3.2.0",
|
|
73
|
+
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
74
|
+
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
|
|
75
75
|
"@atlaskit/section-message": "^8.2.0",
|
|
76
|
-
"@atlaskit/ssr": "
|
|
76
|
+
"@atlaskit/ssr": "workspace:^",
|
|
77
77
|
"@atlaskit/toggle": "^15.0.0",
|
|
78
78
|
"@atlassian/feature-flags-storybook-utils": "^0.3.0",
|
|
79
79
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
@@ -105,9 +105,6 @@
|
|
|
105
105
|
"platform-feature-flags": {
|
|
106
106
|
"platform-component-visual-refresh": {
|
|
107
107
|
"type": "boolean"
|
|
108
|
-
},
|
|
109
|
-
"eax-1131_fix_a11y_issues_global_issues_settings": {
|
|
110
|
-
"type": "boolean"
|
|
111
108
|
}
|
|
112
109
|
}
|
|
113
110
|
}
|