@atlaskit/dynamic-table 14.8.8 → 14.8.10
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 +12 -0
- package/dist/cjs/components/body.js +5 -22
- package/dist/cjs/components/loading-container-advanced.js +17 -61
- package/dist/cjs/components/loading-container.js +5 -23
- package/dist/cjs/components/managed-pagination.js +7 -28
- package/dist/cjs/components/rankable/body.js +12 -41
- package/dist/cjs/components/rankable/table-cell.js +10 -34
- package/dist/cjs/components/rankable/table-head-cell.js +4 -25
- package/dist/cjs/components/rankable/table-row.js +11 -46
- package/dist/cjs/components/stateful.js +23 -54
- package/dist/cjs/components/stateless.js +31 -84
- package/dist/cjs/components/table-head-cell.js +8 -16
- package/dist/cjs/components/table-head.js +12 -42
- package/dist/cjs/components/table-row.js +13 -23
- package/dist/cjs/hoc/with-dimensions.js +6 -27
- package/dist/cjs/hoc/with-sorted-page-rows.js +27 -64
- package/dist/cjs/index.js +0 -3
- package/dist/cjs/internal/helpers.js +9 -30
- package/dist/cjs/styled/constants.js +3 -9
- package/dist/cjs/styled/dynamic-table.js +5 -21
- package/dist/cjs/styled/empty-body.js +3 -10
- package/dist/cjs/styled/loading-container-advanced.js +5 -15
- package/dist/cjs/styled/loading-container.js +5 -15
- package/dist/cjs/styled/rankable/row-placeholder.js +6 -9
- package/dist/cjs/styled/rankable/table-cell.js +6 -12
- package/dist/cjs/styled/rankable/table-row.js +4 -11
- package/dist/cjs/styled/table-cell.js +8 -15
- package/dist/cjs/styled/table-head.js +12 -31
- package/dist/cjs/styled/table-row.js +5 -11
- package/dist/cjs/theme.js +0 -5
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/body.js +0 -3
- package/dist/es2019/components/loading-container-advanced.js +7 -40
- package/dist/es2019/components/loading-container.js +0 -2
- package/dist/es2019/components/managed-pagination.js +2 -5
- package/dist/es2019/components/rankable/body.js +0 -8
- package/dist/es2019/components/rankable/table-cell.js +0 -1
- package/dist/es2019/components/rankable/table-head-cell.js +0 -3
- package/dist/es2019/components/rankable/table-row.js +2 -7
- package/dist/es2019/components/stateful.js +0 -14
- package/dist/es2019/components/stateless.js +3 -34
- package/dist/es2019/components/table-head-cell.js +2 -4
- package/dist/es2019/components/table-head.js +2 -10
- package/dist/es2019/components/table-row.js +2 -3
- package/dist/es2019/hoc/with-dimensions.js +4 -11
- package/dist/es2019/hoc/with-sorted-page-rows.js +16 -33
- package/dist/es2019/internal/helpers.js +6 -11
- package/dist/es2019/styled/constants.js +3 -3
- package/dist/es2019/styled/dynamic-table.js +2 -6
- package/dist/es2019/styled/empty-body.js +1 -1
- package/dist/es2019/styled/loading-container-advanced.js +3 -5
- package/dist/es2019/styled/loading-container.js +1 -1
- package/dist/es2019/styled/rankable/row-placeholder.js +6 -5
- package/dist/es2019/styled/rankable/table-cell.js +5 -4
- package/dist/es2019/styled/rankable/table-row.js +2 -2
- package/dist/es2019/styled/table-cell.js +7 -5
- package/dist/es2019/styled/table-head.js +4 -5
- package/dist/es2019/styled/table-row.js +2 -2
- package/dist/es2019/types.js +1 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/body.js +5 -15
- package/dist/esm/components/loading-container-advanced.js +17 -65
- package/dist/esm/components/loading-container.js +5 -16
- package/dist/esm/components/managed-pagination.js +7 -23
- package/dist/esm/components/rankable/body.js +12 -30
- package/dist/esm/components/rankable/table-cell.js +10 -21
- package/dist/esm/components/rankable/table-head-cell.js +4 -15
- package/dist/esm/components/rankable/table-row.js +11 -31
- package/dist/esm/components/stateful.js +23 -51
- package/dist/esm/components/stateless.js +31 -70
- package/dist/esm/components/table-head-cell.js +8 -11
- package/dist/esm/components/table-head.js +12 -33
- package/dist/esm/components/table-row.js +13 -18
- package/dist/esm/hoc/with-dimensions.js +6 -22
- package/dist/esm/hoc/with-sorted-page-rows.js +27 -54
- package/dist/esm/internal/helpers.js +9 -16
- package/dist/esm/styled/constants.js +3 -3
- package/dist/esm/styled/dynamic-table.js +5 -11
- package/dist/esm/styled/empty-body.js +3 -3
- package/dist/esm/styled/loading-container-advanced.js +5 -8
- package/dist/esm/styled/loading-container.js +5 -6
- package/dist/esm/styled/rankable/row-placeholder.js +6 -5
- package/dist/esm/styled/rankable/table-cell.js +7 -7
- package/dist/esm/styled/rankable/table-row.js +4 -5
- package/dist/esm/styled/table-cell.js +11 -10
- package/dist/esm/styled/table-head.js +12 -19
- package/dist/esm/styled/table-row.js +5 -6
- package/dist/esm/types.js +1 -0
- package/dist/esm/version.json +1 -1
- package/package.json +1 -1
- package/report.api.md +14 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/dynamic-table
|
|
2
2
|
|
|
3
|
+
## 14.8.10
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
|
|
8
|
+
|
|
9
|
+
## 14.8.9
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`b0f6dd0bc35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b0f6dd0bc35) - Updated to use typography tokens. There is no expected behaviour or visual change.
|
|
14
|
+
|
|
3
15
|
## 14.8.8
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -1,51 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireDefault(require("react"));
|
|
21
|
-
|
|
22
14
|
var _withSortedPageRows = _interopRequireDefault(require("../hoc/with-sorted-page-rows"));
|
|
23
|
-
|
|
24
15
|
var _tableRow = _interopRequireDefault(require("./table-row"));
|
|
25
|
-
|
|
26
16
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
27
|
-
|
|
28
17
|
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; } }
|
|
29
|
-
|
|
30
18
|
var Body = /*#__PURE__*/function (_React$Component) {
|
|
31
19
|
(0, _inherits2.default)(Body, _React$Component);
|
|
32
|
-
|
|
33
20
|
var _super = _createSuper(Body);
|
|
34
|
-
|
|
35
21
|
function Body() {
|
|
36
22
|
(0, _classCallCheck2.default)(this, Body);
|
|
37
23
|
return _super.apply(this, arguments);
|
|
38
24
|
}
|
|
39
|
-
|
|
40
25
|
(0, _createClass2.default)(Body, [{
|
|
41
26
|
key: "render",
|
|
42
27
|
value: function render() {
|
|
43
28
|
var _this$props = this.props,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
29
|
+
pageRows = _this$props.pageRows,
|
|
30
|
+
head = _this$props.head,
|
|
31
|
+
isFixedSize = _this$props.isFixedSize,
|
|
32
|
+
highlightedRowIndex = _this$props.highlightedRowIndex,
|
|
33
|
+
testId = _this$props.testId;
|
|
49
34
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
50
35
|
"data-testid": testId && "".concat(testId, "--body")
|
|
51
36
|
}, pageRows.map(function (row, rowIndex) {
|
|
@@ -62,7 +47,5 @@ var Body = /*#__PURE__*/function (_React$Component) {
|
|
|
62
47
|
}]);
|
|
63
48
|
return Body;
|
|
64
49
|
}(_react.default.Component);
|
|
65
|
-
|
|
66
50
|
var _default = (0, _withSortedPageRows.default)(Body);
|
|
67
|
-
|
|
68
51
|
exports.default = _default;
|
|
@@ -1,42 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _reactDom = require("react-dom");
|
|
29
|
-
|
|
30
18
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
31
|
-
|
|
32
19
|
var _constants = require("../internal/constants");
|
|
33
|
-
|
|
34
20
|
var _loadingContainerAdvanced = require("../styled/loading-container-advanced");
|
|
35
|
-
|
|
36
21
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
37
|
-
|
|
38
22
|
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; } }
|
|
39
|
-
|
|
40
23
|
// there is a bug with findDOMNode and Suspense in React < 16.9: https://github.com/facebook/react/issues/14188
|
|
41
24
|
var safeFindDOMNode = function safeFindDOMNode(component) {
|
|
42
25
|
try {
|
|
@@ -45,28 +28,20 @@ var safeFindDOMNode = function safeFindDOMNode(component) {
|
|
|
45
28
|
return null;
|
|
46
29
|
}
|
|
47
30
|
};
|
|
48
|
-
|
|
49
31
|
var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
50
32
|
(0, _inherits2.default)(LoadingContainerAdvanced, _React$Component);
|
|
51
|
-
|
|
52
33
|
var _super = _createSuper(LoadingContainerAdvanced);
|
|
53
|
-
|
|
54
34
|
function LoadingContainerAdvanced() {
|
|
55
35
|
var _this;
|
|
56
|
-
|
|
57
36
|
(0, _classCallCheck2.default)(this, LoadingContainerAdvanced);
|
|
58
|
-
|
|
59
37
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
60
38
|
args[_key] = arguments[_key];
|
|
61
39
|
}
|
|
62
|
-
|
|
63
40
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
64
41
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidMount", function () {
|
|
65
42
|
if (_this.props.isLoading && _this.hasTargetNode()) {
|
|
66
43
|
_this.attachListeners();
|
|
67
|
-
|
|
68
44
|
_this.updateTargetAppearance();
|
|
69
|
-
|
|
70
45
|
_this.updateSpinnerPosition();
|
|
71
46
|
}
|
|
72
47
|
});
|
|
@@ -80,7 +55,6 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
80
55
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidUpdate", function () {
|
|
81
56
|
if (_this.hasTargetNode()) {
|
|
82
57
|
_this.updateTargetAppearance();
|
|
83
|
-
|
|
84
58
|
if (_this.props.isLoading) {
|
|
85
59
|
_this.updateSpinnerPosition();
|
|
86
60
|
}
|
|
@@ -91,10 +65,10 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
91
65
|
});
|
|
92
66
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTargetNode", function () {
|
|
93
67
|
var nextProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props;
|
|
94
|
-
var targetRef = nextProps.targetRef;
|
|
95
|
-
|
|
96
|
-
var targetElement = targetRef ? targetRef() : _this.children;
|
|
97
|
-
|
|
68
|
+
var targetRef = nextProps.targetRef;
|
|
69
|
+
// targetRef prop may be defined but it is not guaranteed it returns an element
|
|
70
|
+
var targetElement = targetRef ? targetRef() : _this.children;
|
|
71
|
+
// @ts-ignore - targetElement is not assignable to type 'ReactInstance'
|
|
98
72
|
var targetNode = safeFindDOMNode(targetElement);
|
|
99
73
|
return targetNode;
|
|
100
74
|
});
|
|
@@ -109,17 +83,15 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
109
83
|
});
|
|
110
84
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isVerticallyVisible", function (elementRect, viewportHeight) {
|
|
111
85
|
var top = elementRect.top,
|
|
112
|
-
|
|
113
|
-
|
|
86
|
+
bottom = elementRect.bottom;
|
|
114
87
|
if (bottom <= 0) {
|
|
115
88
|
return false;
|
|
116
89
|
}
|
|
117
|
-
|
|
118
90
|
return top < viewportHeight;
|
|
119
91
|
});
|
|
120
92
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isFullyVerticallyVisible", function (elementRect, viewportHeight) {
|
|
121
93
|
var top = elementRect.top,
|
|
122
|
-
|
|
94
|
+
bottom = elementRect.bottom;
|
|
123
95
|
return top >= 0 && bottom <= viewportHeight;
|
|
124
96
|
});
|
|
125
97
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function () {
|
|
@@ -134,11 +106,9 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
134
106
|
});
|
|
135
107
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateTargetAppearance", function () {
|
|
136
108
|
var targetNode = _this.getTargetNode();
|
|
137
|
-
|
|
138
109
|
var _this$props = _this.props,
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
110
|
+
isLoading = _this$props.isLoading,
|
|
111
|
+
contentsOpacity = _this$props.contentsOpacity;
|
|
142
112
|
if (targetNode && targetNode.style && (0, _typeof2.default)(targetNode.style) === 'object') {
|
|
143
113
|
targetNode.style.pointerEvents = isLoading ? 'none' : '';
|
|
144
114
|
targetNode.style.opacity = isLoading ? contentsOpacity.toString() : '';
|
|
@@ -146,7 +116,6 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
146
116
|
});
|
|
147
117
|
return _this;
|
|
148
118
|
}
|
|
149
|
-
|
|
150
119
|
(0, _createClass2.default)(LoadingContainerAdvanced, [{
|
|
151
120
|
key: "attachListeners",
|
|
152
121
|
value: function attachListeners() {
|
|
@@ -165,24 +134,20 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
165
134
|
var viewportHeight = window.innerHeight;
|
|
166
135
|
var targetNode = this.getTargetNode();
|
|
167
136
|
var spinnerNode = this.getSpinnerNode();
|
|
168
|
-
|
|
169
137
|
if (!targetNode || !spinnerNode) {
|
|
170
138
|
return;
|
|
171
139
|
}
|
|
172
|
-
|
|
173
140
|
var targetRect = targetNode.getBoundingClientRect();
|
|
174
141
|
var spinnerRect = spinnerNode.getBoundingClientRect();
|
|
175
142
|
var spinnerHeight = spinnerRect.height;
|
|
176
143
|
var isInViewport = this.isVerticallyVisible(targetRect, viewportHeight);
|
|
177
144
|
var top = targetRect.top,
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
145
|
+
bottom = targetRect.bottom,
|
|
146
|
+
height = targetRect.height;
|
|
181
147
|
if (isInViewport) {
|
|
182
148
|
// The spinner may follow the element only if there is enough space:
|
|
183
149
|
// Let's say the element can fit at least three spinners (vertically)
|
|
184
150
|
var canFollow = height >= spinnerHeight * 3;
|
|
185
|
-
|
|
186
151
|
if (canFollow && !this.isFullyVerticallyVisible(targetRect, viewportHeight)) {
|
|
187
152
|
if (top >= 0) {
|
|
188
153
|
// Only the head of the element is visible
|
|
@@ -193,17 +158,13 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
193
158
|
} else if (top < 0 && bottom > viewportHeight) {
|
|
194
159
|
// The element takes all viewport, nor its head nor tail are visible
|
|
195
160
|
var _y = viewportHeight / 2 - spinnerHeight / 2;
|
|
196
|
-
|
|
197
161
|
this.translateSpinner(spinnerNode, _y, true);
|
|
198
162
|
} else {
|
|
199
163
|
// Only the tail of the element is visible
|
|
200
164
|
var _diff = bottom / 2 - spinnerHeight / 2;
|
|
201
|
-
|
|
202
165
|
var _y2 = _diff < spinnerHeight ? _diff - (spinnerHeight - _diff) : _diff;
|
|
203
|
-
|
|
204
166
|
this.translateSpinner(spinnerNode, _y2, true);
|
|
205
167
|
}
|
|
206
|
-
|
|
207
168
|
return;
|
|
208
169
|
}
|
|
209
170
|
} else {
|
|
@@ -211,19 +172,16 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
211
172
|
if (!this.isVerticallyVisible(spinnerRect, viewportHeight)) {
|
|
212
173
|
return;
|
|
213
174
|
}
|
|
214
|
-
}
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
// Three options here:
|
|
215
178
|
// 1) the element is fully visible
|
|
216
179
|
// 2) the element is too small for the spinner to follow
|
|
217
180
|
// 3) the spinner might still be visible while the element isn't
|
|
218
|
-
|
|
219
|
-
|
|
220
181
|
var thisNode = this.getThisNode();
|
|
221
|
-
|
|
222
182
|
if (thisNode && typeof thisNode.getBoundingClientRect === 'function') {
|
|
223
183
|
var thisTop = thisNode.getBoundingClientRect().top;
|
|
224
|
-
|
|
225
184
|
var _y3 = (top - thisTop) / 2;
|
|
226
|
-
|
|
227
185
|
this.translateSpinner(spinnerNode, _y3, false);
|
|
228
186
|
}
|
|
229
187
|
}
|
|
@@ -231,12 +189,11 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
231
189
|
key: "render",
|
|
232
190
|
value: function render() {
|
|
233
191
|
var _this2 = this;
|
|
234
|
-
|
|
235
192
|
var _this$props2 = this.props,
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
193
|
+
children = _this$props2.children,
|
|
194
|
+
isLoading = _this$props2.isLoading,
|
|
195
|
+
spinnerSize = _this$props2.spinnerSize,
|
|
196
|
+
testId = _this$props2.testId;
|
|
240
197
|
return /*#__PURE__*/_react.default.createElement(_loadingContainerAdvanced.Container, {
|
|
241
198
|
testId: testId && "".concat(testId, "--loading--container--advanced")
|
|
242
199
|
}, /*#__PURE__*/_react.default.cloneElement(children, {
|
|
@@ -257,7 +214,6 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
|
257
214
|
}]);
|
|
258
215
|
return LoadingContainerAdvanced;
|
|
259
216
|
}(_react.default.Component);
|
|
260
|
-
|
|
261
217
|
exports.default = LoadingContainerAdvanced;
|
|
262
218
|
(0, _defineProperty2.default)(LoadingContainerAdvanced, "defaultProps", {
|
|
263
219
|
isLoading: true,
|
|
@@ -1,55 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
15
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
25
|
-
|
|
26
16
|
var _constants = require("../internal/constants");
|
|
27
|
-
|
|
28
17
|
var _loadingContainer = require("../styled/loading-container");
|
|
29
|
-
|
|
30
18
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
31
|
-
|
|
32
19
|
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; } }
|
|
33
|
-
|
|
34
20
|
var LoadingContainer = /*#__PURE__*/function (_React$Component) {
|
|
35
21
|
(0, _inherits2.default)(LoadingContainer, _React$Component);
|
|
36
|
-
|
|
37
22
|
var _super = _createSuper(LoadingContainer);
|
|
38
|
-
|
|
39
23
|
function LoadingContainer() {
|
|
40
24
|
(0, _classCallCheck2.default)(this, LoadingContainer);
|
|
41
25
|
return _super.apply(this, arguments);
|
|
42
26
|
}
|
|
43
|
-
|
|
44
27
|
(0, _createClass2.default)(LoadingContainer, [{
|
|
45
28
|
key: "render",
|
|
46
29
|
value: function render() {
|
|
47
30
|
var _this$props = this.props,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
31
|
+
children = _this$props.children,
|
|
32
|
+
isLoading = _this$props.isLoading,
|
|
33
|
+
spinnerSize = _this$props.spinnerSize,
|
|
34
|
+
contentsOpacity = _this$props.contentsOpacity,
|
|
35
|
+
testId = _this$props.testId;
|
|
53
36
|
return /*#__PURE__*/_react.default.createElement(_loadingContainer.Container, {
|
|
54
37
|
testId: testId
|
|
55
38
|
}, !isLoading ? children : /*#__PURE__*/_react.default.createElement(_loadingContainer.ContentsContainer, {
|
|
@@ -65,7 +48,6 @@ var LoadingContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
65
48
|
}]);
|
|
66
49
|
return LoadingContainer;
|
|
67
50
|
}(_react.default.Component);
|
|
68
|
-
|
|
69
51
|
exports.default = LoadingContainer;
|
|
70
52
|
(0, _defineProperty2.default)(LoadingContainer, "defaultProps", {
|
|
71
53
|
isLoading: true,
|
|
@@ -1,71 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _pagination = _interopRequireDefault(require("@atlaskit/pagination"));
|
|
29
|
-
|
|
30
18
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
31
|
-
|
|
32
19
|
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; } }
|
|
33
|
-
|
|
34
20
|
var ManagedPagination = /*#__PURE__*/function (_React$Component) {
|
|
35
21
|
(0, _inherits2.default)(ManagedPagination, _React$Component);
|
|
36
|
-
|
|
37
22
|
var _super = _createSuper(ManagedPagination);
|
|
38
|
-
|
|
39
23
|
function ManagedPagination() {
|
|
40
24
|
var _this;
|
|
41
|
-
|
|
42
25
|
(0, _classCallCheck2.default)(this, ManagedPagination);
|
|
43
|
-
|
|
44
26
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
45
27
|
args[_key] = arguments[_key];
|
|
46
28
|
}
|
|
47
|
-
|
|
48
29
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
49
30
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (_event, newValue, analyticsEvent) {
|
|
50
31
|
_this.props.onChange(newValue, analyticsEvent);
|
|
51
32
|
});
|
|
52
33
|
return _this;
|
|
53
34
|
}
|
|
54
|
-
|
|
55
35
|
(0, _createClass2.default)(ManagedPagination, [{
|
|
56
36
|
key: "render",
|
|
57
37
|
value: function render() {
|
|
58
38
|
var _this$props = this.props,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
39
|
+
total = _this$props.total,
|
|
40
|
+
_this$props$value = _this$props.value,
|
|
41
|
+
value = _this$props$value === void 0 ? 1 : _this$props$value,
|
|
42
|
+
i18n = _this$props.i18n,
|
|
43
|
+
testId = _this$props.testId;
|
|
64
44
|
var pages = (0, _toConsumableArray2.default)(Array(total)).map(function (_, index) {
|
|
65
45
|
return index + 1;
|
|
66
|
-
});
|
|
46
|
+
});
|
|
47
|
+
// Pagination accepts array now thus selectedIndex starts with 0
|
|
67
48
|
// So, we are substracting value by one thus not breaking dynamic table
|
|
68
|
-
|
|
69
49
|
var selectedIndex = value - 1;
|
|
70
50
|
return /*#__PURE__*/_react.default.createElement(_pagination.default, {
|
|
71
51
|
selectedIndex: selectedIndex,
|
|
@@ -80,5 +60,4 @@ var ManagedPagination = /*#__PURE__*/function (_React$Component) {
|
|
|
80
60
|
}]);
|
|
81
61
|
return ManagedPagination;
|
|
82
62
|
}(_react.default.Component);
|
|
83
|
-
|
|
84
63
|
exports.default = ManagedPagination;
|
|
@@ -1,47 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.RankableBody = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _reactBeautifulDnd = require("react-beautiful-dnd");
|
|
29
|
-
|
|
30
18
|
var _withSortedPageRows = _interopRequireDefault(require("../../hoc/with-sorted-page-rows"));
|
|
31
|
-
|
|
32
19
|
var _tableRow = _interopRequireDefault(require("./table-row"));
|
|
33
|
-
|
|
34
20
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
35
|
-
|
|
36
21
|
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; } }
|
|
37
|
-
|
|
38
22
|
// computes destination of ranking
|
|
39
23
|
// - if drag was cancelled returns undefined
|
|
40
24
|
// - if drag was finished, returns new position and after/before key
|
|
41
25
|
var computeRankDestination = function computeRankDestination(result, pageRows) {
|
|
42
26
|
var sourceIndex = result.source.index,
|
|
43
|
-
|
|
44
|
-
|
|
27
|
+
destination = result.destination;
|
|
45
28
|
if (destination) {
|
|
46
29
|
var index = destination.index;
|
|
47
30
|
var keyIndex = index < sourceIndex ? index - 1 : index;
|
|
@@ -54,41 +37,33 @@ var computeRankDestination = function computeRankDestination(result, pageRows) {
|
|
|
54
37
|
beforeKey: beforeKey
|
|
55
38
|
};
|
|
56
39
|
}
|
|
57
|
-
|
|
58
40
|
return undefined;
|
|
59
41
|
};
|
|
60
|
-
|
|
61
42
|
var RankableBody = /*#__PURE__*/function (_React$Component) {
|
|
62
43
|
(0, _inherits2.default)(RankableBody, _React$Component);
|
|
63
|
-
|
|
64
44
|
var _super = _createSuper(RankableBody);
|
|
65
|
-
|
|
66
45
|
function RankableBody() {
|
|
67
46
|
var _this;
|
|
68
|
-
|
|
69
47
|
(0, _classCallCheck2.default)(this, RankableBody);
|
|
70
|
-
|
|
71
48
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
72
49
|
args[_key] = arguments[_key];
|
|
73
50
|
}
|
|
74
|
-
|
|
75
51
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
76
52
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBeforeDragStart", function (dragStart) {
|
|
77
53
|
var key = dragStart.draggableId,
|
|
78
|
-
|
|
54
|
+
index = dragStart.source.index;
|
|
79
55
|
var rankStartProps = {
|
|
80
56
|
index: index,
|
|
81
57
|
key: key
|
|
82
58
|
};
|
|
83
|
-
|
|
84
59
|
_this.props.onRankStart(rankStartProps);
|
|
85
60
|
});
|
|
86
61
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDragEnd", function (result) {
|
|
87
62
|
var _this$props = _this.props,
|
|
88
|
-
|
|
89
|
-
|
|
63
|
+
pageRows = _this$props.pageRows,
|
|
64
|
+
onRankEnd = _this$props.onRankEnd;
|
|
90
65
|
var sourceKey = result.draggableId,
|
|
91
|
-
|
|
66
|
+
sourceIndex = result.source.index;
|
|
92
67
|
var destination = computeRankDestination(result, pageRows);
|
|
93
68
|
var rankEndProps = {
|
|
94
69
|
sourceIndex: sourceIndex,
|
|
@@ -99,18 +74,17 @@ var RankableBody = /*#__PURE__*/function (_React$Component) {
|
|
|
99
74
|
});
|
|
100
75
|
return _this;
|
|
101
76
|
}
|
|
102
|
-
|
|
103
77
|
(0, _createClass2.default)(RankableBody, [{
|
|
104
78
|
key: "render",
|
|
105
79
|
value: function render() {
|
|
106
80
|
var _this$props2 = this.props,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
81
|
+
highlightedRowIndex = _this$props2.highlightedRowIndex,
|
|
82
|
+
pageRows = _this$props2.pageRows,
|
|
83
|
+
head = _this$props2.head,
|
|
84
|
+
isFixedSize = _this$props2.isFixedSize,
|
|
85
|
+
isRanking = _this$props2.isRanking,
|
|
86
|
+
isRankingDisabled = _this$props2.isRankingDisabled,
|
|
87
|
+
testId = _this$props2.testId;
|
|
114
88
|
return /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.DragDropContext, {
|
|
115
89
|
onBeforeDragStart: this.onBeforeDragStart,
|
|
116
90
|
onDragEnd: this.onDragEnd
|
|
@@ -139,9 +113,6 @@ var RankableBody = /*#__PURE__*/function (_React$Component) {
|
|
|
139
113
|
}]);
|
|
140
114
|
return RankableBody;
|
|
141
115
|
}(_react.default.Component);
|
|
142
|
-
|
|
143
116
|
exports.RankableBody = RankableBody;
|
|
144
|
-
|
|
145
117
|
var _default = (0, _withSortedPageRows.default)(RankableBody);
|
|
146
|
-
|
|
147
118
|
exports.default = _default;
|