@atlaskit/table-tree 9.2.7 → 9.2.9
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/cell.js +6 -31
- package/dist/cjs/components/header.js +0 -21
- package/dist/cjs/components/headers.js +0 -16
- package/dist/cjs/components/internal/chevron.js +4 -31
- package/dist/cjs/components/internal/common-cell.js +2 -11
- package/dist/cjs/components/internal/item.js +5 -25
- package/dist/cjs/components/internal/items.js +6 -32
- package/dist/cjs/components/internal/loader-item.js +0 -26
- package/dist/cjs/components/internal/overflow-container.js +4 -9
- package/dist/cjs/components/internal/styled.js +13 -20
- package/dist/cjs/components/internal/with-column-width.js +3 -25
- package/dist/cjs/components/row.js +7 -46
- package/dist/cjs/components/rows.js +2 -20
- package/dist/cjs/components/table-tree.js +10 -45
- package/dist/cjs/index.js +0 -8
- package/dist/cjs/utils/table-tree-data-helper.js +20 -50
- package/dist/cjs/utils/to-item-id.js +0 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/cell.js +0 -3
- package/dist/es2019/components/header.js +0 -4
- package/dist/es2019/components/headers.js +0 -2
- package/dist/es2019/components/internal/chevron.js +0 -6
- package/dist/es2019/components/internal/common-cell.js +1 -3
- package/dist/es2019/components/internal/item.js +0 -6
- package/dist/es2019/components/internal/items.js +0 -10
- package/dist/es2019/components/internal/loader-item.js +0 -8
- package/dist/es2019/components/internal/overflow-container.js +4 -4
- package/dist/es2019/components/internal/styled.js +13 -10
- package/dist/es2019/components/internal/with-column-width.js +0 -6
- package/dist/es2019/components/row.js +1 -19
- package/dist/es2019/components/rows.js +0 -1
- package/dist/es2019/components/table-tree.js +2 -14
- package/dist/es2019/utils/table-tree-data-helper.js +9 -19
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/cell.js +6 -17
- package/dist/esm/components/header.js +0 -10
- package/dist/esm/components/headers.js +0 -11
- package/dist/esm/components/internal/chevron.js +4 -20
- package/dist/esm/components/internal/common-cell.js +3 -6
- package/dist/esm/components/internal/item.js +5 -19
- package/dist/esm/components/internal/items.js +6 -23
- package/dist/esm/components/internal/loader-item.js +0 -16
- package/dist/esm/components/internal/overflow-container.js +5 -6
- package/dist/esm/components/internal/styled.js +14 -12
- package/dist/esm/components/internal/with-column-width.js +3 -13
- package/dist/esm/components/row.js +7 -31
- package/dist/esm/components/rows.js +2 -12
- package/dist/esm/components/table-tree.js +10 -32
- package/dist/esm/utils/table-tree-data-helper.js +20 -48
- package/dist/esm/version.json +1 -1
- package/package.json +5 -4
- package/report.api.md +14 -1
|
@@ -1,20 +1,14 @@
|
|
|
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.indentBase = exports.iconColor = exports.TreeRowContainer = exports.LoaderItemContainer = exports.ChevronIconContainer = exports.ChevronContainer = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _react = require("@emotion/react");
|
|
15
|
-
|
|
16
11
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
|
|
18
12
|
var _excluded = ["isRoot"];
|
|
19
13
|
var iconColor = "var(--ds-text, ".concat(_colors.N800, ")");
|
|
20
14
|
exports.iconColor = iconColor;
|
|
@@ -24,18 +18,18 @@ var treeRowContainerStyles = (0, _react.css)({
|
|
|
24
18
|
display: 'flex',
|
|
25
19
|
borderBottom: "1px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")"))
|
|
26
20
|
});
|
|
21
|
+
|
|
27
22
|
/**
|
|
28
23
|
* __Tree row container__
|
|
29
24
|
*/
|
|
30
|
-
|
|
31
25
|
var TreeRowContainer = function TreeRowContainer(props) {
|
|
32
|
-
return (
|
|
26
|
+
return (
|
|
27
|
+
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
33
28
|
(0, _react.jsx)("div", (0, _extends2.default)({
|
|
34
29
|
css: treeRowContainerStyles
|
|
35
30
|
}, props))
|
|
36
31
|
);
|
|
37
32
|
};
|
|
38
|
-
|
|
39
33
|
exports.TreeRowContainer = TreeRowContainer;
|
|
40
34
|
var commonChevronContainerStyles = (0, _react.css)({
|
|
41
35
|
display: 'flex',
|
|
@@ -45,35 +39,35 @@ var commonChevronContainerStyles = (0, _react.css)({
|
|
|
45
39
|
top: 7,
|
|
46
40
|
alignItems: 'center'
|
|
47
41
|
});
|
|
42
|
+
|
|
48
43
|
/**
|
|
49
44
|
* __Chevron container__
|
|
50
45
|
*/
|
|
51
|
-
|
|
52
|
-
|
|
46
|
+
var ChevronContainer = function ChevronContainer(props
|
|
47
|
+
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
53
48
|
) {
|
|
54
49
|
return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
|
|
55
50
|
css: commonChevronContainerStyles
|
|
56
51
|
}));
|
|
57
52
|
};
|
|
58
|
-
|
|
59
53
|
exports.ChevronContainer = ChevronContainer;
|
|
60
54
|
var chevronIconContainerStyles = (0, _react.css)({
|
|
61
55
|
position: 'relative',
|
|
62
56
|
top: 1
|
|
63
57
|
});
|
|
58
|
+
|
|
64
59
|
/**
|
|
65
60
|
* __Chevron icon container__
|
|
66
61
|
*
|
|
67
62
|
* A chevron icon container.
|
|
68
63
|
*/
|
|
69
|
-
|
|
70
|
-
|
|
64
|
+
var ChevronIconContainer = function ChevronIconContainer(props
|
|
65
|
+
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
71
66
|
) {
|
|
72
67
|
return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
|
|
73
68
|
css: chevronIconContainerStyles
|
|
74
69
|
}));
|
|
75
70
|
};
|
|
76
|
-
|
|
77
71
|
exports.ChevronIconContainer = ChevronIconContainer;
|
|
78
72
|
var loadingItemContainerStyles = (0, _react.css)({
|
|
79
73
|
width: '100%',
|
|
@@ -84,19 +78,18 @@ var paddingLeftStyles = (0, _react.css)({
|
|
|
84
78
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
|
|
85
79
|
paddingLeft: '50%'
|
|
86
80
|
});
|
|
81
|
+
|
|
87
82
|
/**
|
|
88
83
|
* __Loader item container__
|
|
89
84
|
*
|
|
90
85
|
* A loader item container.
|
|
91
86
|
*/
|
|
92
|
-
|
|
93
87
|
var LoaderItemContainer = function LoaderItemContainer(_ref) {
|
|
94
88
|
var isRoot = _ref.isRoot,
|
|
95
|
-
|
|
89
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
96
90
|
return (0, _react.jsx)("span", (0, _extends2.default)({
|
|
97
|
-
css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
|
|
98
|
-
|
|
91
|
+
css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
|
|
92
|
+
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
99
93
|
}, props));
|
|
100
94
|
};
|
|
101
|
-
|
|
102
95
|
exports.LoaderItemContainer = LoaderItemContainer;
|
|
@@ -1,57 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = withColumnWidth;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
15
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
|
-
|
|
32
19
|
var _excluded = ["width", "columnIndex"];
|
|
33
|
-
|
|
34
20
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
|
-
|
|
36
21
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
37
|
-
|
|
38
22
|
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); }; }
|
|
39
|
-
|
|
40
23
|
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; } }
|
|
41
|
-
|
|
42
24
|
function withColumnWidth(Cell) {
|
|
43
25
|
var _class;
|
|
44
|
-
|
|
45
26
|
return _class = /*#__PURE__*/function (_Component) {
|
|
46
27
|
(0, _inherits2.default)(CellWithColumnWidth, _Component);
|
|
47
|
-
|
|
48
28
|
var _super = _createSuper(CellWithColumnWidth);
|
|
49
|
-
|
|
50
29
|
function CellWithColumnWidth() {
|
|
51
30
|
(0, _classCallCheck2.default)(this, CellWithColumnWidth);
|
|
52
31
|
return _super.apply(this, arguments);
|
|
53
32
|
}
|
|
54
|
-
|
|
55
33
|
(0, _createClass2.default)(CellWithColumnWidth, [{
|
|
56
34
|
key: "UNSAFE_componentWillMount",
|
|
57
35
|
value: function UNSAFE_componentWillMount() {
|
|
@@ -73,9 +51,9 @@ function withColumnWidth(Cell) {
|
|
|
73
51
|
key: "render",
|
|
74
52
|
value: function render() {
|
|
75
53
|
var _this$props = this.props,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
54
|
+
width = _this$props.width,
|
|
55
|
+
columnIndex = _this$props.columnIndex,
|
|
56
|
+
other = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
|
|
79
57
|
var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
|
|
80
58
|
return /*#__PURE__*/_react.default.createElement(Cell, (0, _extends2.default)({
|
|
81
59
|
width: columnWidth
|
|
@@ -1,92 +1,62 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = exports.RowWithoutAnalytics = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
15
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
18
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
31
|
-
|
|
32
19
|
var _toItemId = _interopRequireDefault(require("../utils/to-item-id"));
|
|
33
|
-
|
|
34
20
|
var _chevron = _interopRequireDefault(require("./internal/chevron"));
|
|
35
|
-
|
|
36
21
|
var _styled = require("./internal/styled");
|
|
37
|
-
|
|
38
22
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
39
|
-
|
|
40
23
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
41
|
-
|
|
42
24
|
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); }; }
|
|
43
|
-
|
|
44
25
|
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; } }
|
|
45
|
-
|
|
46
26
|
var packageName = "@atlaskit/table-tree";
|
|
47
|
-
var packageVersion = "9.2.
|
|
48
|
-
|
|
27
|
+
var packageVersion = "9.2.9";
|
|
49
28
|
var Row = /*#__PURE__*/function (_Component) {
|
|
50
29
|
(0, _inherits2.default)(Row, _Component);
|
|
51
|
-
|
|
52
30
|
var _super = _createSuper(Row);
|
|
53
|
-
|
|
54
31
|
function Row() {
|
|
55
32
|
var _this;
|
|
56
|
-
|
|
57
33
|
(0, _classCallCheck2.default)(this, Row);
|
|
58
|
-
|
|
59
34
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
60
35
|
args[_key] = arguments[_key];
|
|
61
36
|
}
|
|
62
|
-
|
|
63
37
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
64
38
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
65
39
|
isExpanded: _this.props.isDefaultExpanded || false
|
|
66
40
|
});
|
|
67
41
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onExpandToggle", function () {
|
|
68
42
|
var isExpanded = _this.props.isExpanded;
|
|
69
|
-
|
|
70
43
|
if (isExpanded !== undefined) {
|
|
71
44
|
_this.onExpandStateChange(!isExpanded);
|
|
72
45
|
} else {
|
|
73
46
|
_this.setState({
|
|
74
47
|
isExpanded: !_this.state.isExpanded
|
|
75
48
|
});
|
|
76
|
-
|
|
77
49
|
_this.onExpandStateChange(!_this.state.isExpanded);
|
|
78
50
|
}
|
|
79
51
|
});
|
|
80
52
|
return _this;
|
|
81
53
|
}
|
|
82
|
-
|
|
83
54
|
(0, _createClass2.default)(Row, [{
|
|
84
55
|
key: "componentDidUpdate",
|
|
85
56
|
value: function componentDidUpdate(prevProps) {
|
|
86
57
|
var _this$props = this.props,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
58
|
+
isDefaultExpanded = _this$props.isDefaultExpanded,
|
|
59
|
+
isExpanded = _this$props.isExpanded;
|
|
90
60
|
if (isExpanded === undefined && isDefaultExpanded !== undefined && prevProps.isDefaultExpanded !== isDefaultExpanded && this.state.isExpanded !== isDefaultExpanded) {
|
|
91
61
|
// eslint-disable-next-line react/no-did-update-set-state
|
|
92
62
|
this.setState({
|
|
@@ -117,11 +87,10 @@ var Row = /*#__PURE__*/function (_Component) {
|
|
|
117
87
|
var props = this.props;
|
|
118
88
|
var isExpanded = this.isExpanded();
|
|
119
89
|
var hasChildren = props.hasChildren,
|
|
120
|
-
|
|
90
|
+
depth = props.depth;
|
|
121
91
|
var isFirstCell = cellIndex === 0;
|
|
122
92
|
var indentLevel = isFirstCell ? depth : 0;
|
|
123
93
|
var cellContent = cell.props.children || [];
|
|
124
|
-
|
|
125
94
|
if (isFirstCell && hasChildren) {
|
|
126
95
|
cellContent = [/*#__PURE__*/_react.default.createElement(_chevron.default, {
|
|
127
96
|
key: "chevron",
|
|
@@ -132,7 +101,6 @@ var Row = /*#__PURE__*/function (_Component) {
|
|
|
132
101
|
ariaControls: (0, _toItemId.default)(props.itemId)
|
|
133
102
|
})].concat(cellContent);
|
|
134
103
|
}
|
|
135
|
-
|
|
136
104
|
return /*#__PURE__*/_react.default.cloneElement(cell, {
|
|
137
105
|
key: cellIndex,
|
|
138
106
|
columnIndex: cellIndex,
|
|
@@ -143,22 +111,18 @@ var Row = /*#__PURE__*/function (_Component) {
|
|
|
143
111
|
key: "render",
|
|
144
112
|
value: function render() {
|
|
145
113
|
var _this2 = this;
|
|
146
|
-
|
|
147
114
|
var _this$props2 = this.props,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
115
|
+
hasChildren = _this$props2.hasChildren,
|
|
116
|
+
depth = _this$props2.depth,
|
|
117
|
+
renderChildren = _this$props2.renderChildren;
|
|
151
118
|
var isExpanded = this.isExpanded();
|
|
152
119
|
var ariaAttrs = {};
|
|
153
|
-
|
|
154
120
|
if (hasChildren) {
|
|
155
121
|
ariaAttrs['aria-expanded'] = isExpanded;
|
|
156
122
|
}
|
|
157
|
-
|
|
158
123
|
if (depth !== undefined) {
|
|
159
124
|
ariaAttrs['aria-level'] = depth;
|
|
160
125
|
}
|
|
161
|
-
|
|
162
126
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, (0, _extends2.default)({
|
|
163
127
|
role: "row"
|
|
164
128
|
}, ariaAttrs), _react.default.Children.map(this.props.children, function (cell, index) {
|
|
@@ -168,10 +132,8 @@ var Row = /*#__PURE__*/function (_Component) {
|
|
|
168
132
|
}]);
|
|
169
133
|
return Row;
|
|
170
134
|
}(_react.Component);
|
|
171
|
-
|
|
172
135
|
exports.RowWithoutAnalytics = Row;
|
|
173
136
|
var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
|
|
174
|
-
|
|
175
137
|
var _default = (0, _analyticsNext.withAnalyticsContext)({
|
|
176
138
|
componentName: 'row',
|
|
177
139
|
packageName: packageName,
|
|
@@ -196,5 +158,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
|
|
|
196
158
|
}
|
|
197
159
|
})
|
|
198
160
|
})(Row));
|
|
199
|
-
|
|
200
161
|
exports.default = _default;
|
|
@@ -1,52 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
15
|
var _items = _interopRequireDefault(require("./internal/items"));
|
|
25
|
-
|
|
26
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
-
|
|
28
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
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 Rows = /*#__PURE__*/function (_Component) {
|
|
35
21
|
(0, _inherits2.default)(Rows, _Component);
|
|
36
|
-
|
|
37
22
|
var _super = _createSuper(Rows);
|
|
38
|
-
|
|
39
23
|
function Rows() {
|
|
40
24
|
(0, _classCallCheck2.default)(this, Rows);
|
|
41
25
|
return _super.apply(this, arguments);
|
|
42
26
|
}
|
|
43
|
-
|
|
44
27
|
(0, _createClass2.default)(Rows, [{
|
|
45
28
|
key: "render",
|
|
46
29
|
value: function render() {
|
|
47
30
|
var _this$props = this.props,
|
|
48
|
-
|
|
49
|
-
|
|
31
|
+
items = _this$props.items,
|
|
32
|
+
render = _this$props.render;
|
|
50
33
|
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_items.default, {
|
|
51
34
|
items: items,
|
|
52
35
|
render: render
|
|
@@ -55,5 +38,4 @@ var Rows = /*#__PURE__*/function (_Component) {
|
|
|
55
38
|
}]);
|
|
56
39
|
return Rows;
|
|
57
40
|
}(_react.Component);
|
|
58
|
-
|
|
59
41
|
exports.default = Rows;
|
|
@@ -1,77 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
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 = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
18
|
var _cell = _interopRequireDefault(require("./cell"));
|
|
31
|
-
|
|
32
19
|
var _header = _interopRequireDefault(require("./header"));
|
|
33
|
-
|
|
34
20
|
var _headers = _interopRequireDefault(require("./headers"));
|
|
35
|
-
|
|
36
21
|
var _row = _interopRequireDefault(require("./row"));
|
|
37
|
-
|
|
38
22
|
var _rows = _interopRequireDefault(require("./rows"));
|
|
39
|
-
|
|
40
23
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
41
|
-
|
|
42
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
43
|
-
|
|
44
25
|
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); }; }
|
|
45
|
-
|
|
46
26
|
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; } }
|
|
47
|
-
|
|
48
27
|
var TableTree = /*#__PURE__*/function (_Component) {
|
|
49
28
|
(0, _inherits2.default)(TableTree, _Component);
|
|
50
|
-
|
|
51
29
|
var _super = _createSuper(TableTree);
|
|
52
|
-
|
|
53
30
|
function TableTree() {
|
|
54
31
|
var _this;
|
|
55
|
-
|
|
56
32
|
(0, _classCallCheck2.default)(this, TableTree);
|
|
57
|
-
|
|
58
33
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
59
34
|
args[_key] = arguments[_key];
|
|
60
35
|
}
|
|
61
|
-
|
|
62
36
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
63
37
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
64
38
|
columnWidths: []
|
|
65
39
|
});
|
|
66
40
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setColumnWidth", function (columnIndex, width) {
|
|
67
41
|
var columnWidths = _this.state.columnWidths;
|
|
68
|
-
|
|
69
42
|
if (width === columnWidths[columnIndex]) {
|
|
70
43
|
return;
|
|
71
44
|
}
|
|
72
|
-
|
|
73
45
|
columnWidths[columnIndex] = width;
|
|
74
|
-
|
|
75
46
|
_this.setState({
|
|
76
47
|
columnWidths: columnWidths
|
|
77
48
|
});
|
|
@@ -81,12 +52,10 @@ var TableTree = /*#__PURE__*/function (_Component) {
|
|
|
81
52
|
});
|
|
82
53
|
return _this;
|
|
83
54
|
}
|
|
84
|
-
|
|
85
55
|
(0, _createClass2.default)(TableTree, [{
|
|
86
56
|
key: "componentDidMount",
|
|
87
57
|
value: function componentDidMount() {
|
|
88
58
|
var widths = this.props.columnWidths;
|
|
89
|
-
|
|
90
59
|
if (widths) {
|
|
91
60
|
this.setState({
|
|
92
61
|
columnWidths: widths
|
|
@@ -108,12 +77,11 @@ var TableTree = /*#__PURE__*/function (_Component) {
|
|
|
108
77
|
key: "render",
|
|
109
78
|
value: function render() {
|
|
110
79
|
var _this$props = this.props,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
80
|
+
items = _this$props.items,
|
|
81
|
+
headers = _this$props.headers,
|
|
82
|
+
columns = _this$props.columns,
|
|
83
|
+
_this$props$columnWid = _this$props.columnWidths,
|
|
84
|
+
columnWidths = _this$props$columnWid === void 0 ? [] : _this$props$columnWid;
|
|
117
85
|
var heads = headers && /*#__PURE__*/_react.default.createElement(_headers.default, null, headers.map(function (header, index) {
|
|
118
86
|
return (
|
|
119
87
|
/*#__PURE__*/
|
|
@@ -125,23 +93,22 @@ var TableTree = /*#__PURE__*/function (_Component) {
|
|
|
125
93
|
}, header)
|
|
126
94
|
);
|
|
127
95
|
}));
|
|
128
|
-
|
|
129
96
|
var rows = null;
|
|
130
|
-
|
|
131
97
|
if (columns && items) {
|
|
132
98
|
rows = /*#__PURE__*/_react.default.createElement(_rows.default, {
|
|
133
99
|
items: items,
|
|
134
100
|
render: function render(_ref) {
|
|
135
101
|
var id = _ref.id,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
102
|
+
children = _ref.children,
|
|
103
|
+
hasChildren = _ref.hasChildren,
|
|
104
|
+
content = _ref.content;
|
|
139
105
|
return /*#__PURE__*/_react.default.createElement(_row.default, {
|
|
140
106
|
itemId: id,
|
|
141
107
|
items: children,
|
|
142
108
|
hasChildren: hasChildren
|
|
143
109
|
}, columns.map(function (CellContent, index) {
|
|
144
|
-
return /*#__PURE__*/_react.default.createElement(_cell.default
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(_cell.default
|
|
111
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
145
112
|
, {
|
|
146
113
|
key: index,
|
|
147
114
|
columnIndex: index,
|
|
@@ -151,7 +118,6 @@ var TableTree = /*#__PURE__*/function (_Component) {
|
|
|
151
118
|
}
|
|
152
119
|
});
|
|
153
120
|
}
|
|
154
|
-
|
|
155
121
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
156
122
|
role: "treegrid",
|
|
157
123
|
"aria-readonly": true
|
|
@@ -160,7 +126,6 @@ var TableTree = /*#__PURE__*/function (_Component) {
|
|
|
160
126
|
}]);
|
|
161
127
|
return TableTree;
|
|
162
128
|
}(_react.Component);
|
|
163
|
-
|
|
164
129
|
exports.default = TableTree;
|
|
165
130
|
(0, _defineProperty2.default)(TableTree, "childContextTypes", {
|
|
166
131
|
tableTree: _propTypes.default.object.isRequired
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
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
|
});
|
|
@@ -47,17 +46,10 @@ Object.defineProperty(exports, "default", {
|
|
|
47
46
|
return _tableTree.default;
|
|
48
47
|
}
|
|
49
48
|
});
|
|
50
|
-
|
|
51
49
|
var _tableTree = _interopRequireDefault(require("./components/table-tree"));
|
|
52
|
-
|
|
53
50
|
var _headers = _interopRequireDefault(require("./components/headers"));
|
|
54
|
-
|
|
55
51
|
var _header = _interopRequireDefault(require("./components/header"));
|
|
56
|
-
|
|
57
52
|
var _cell = _interopRequireDefault(require("./components/cell"));
|
|
58
|
-
|
|
59
53
|
var _rows = _interopRequireDefault(require("./components/rows"));
|
|
60
|
-
|
|
61
54
|
var _row = _interopRequireDefault(require("./components/row"));
|
|
62
|
-
|
|
63
55
|
var _tableTreeDataHelper = _interopRequireDefault(require("./utils/table-tree-data-helper"));
|