@atlaskit/table-tree 9.0.13 → 9.1.1
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 +38 -0
- package/dist/cjs/components/cell.js +5 -5
- package/dist/cjs/components/internal/common-cell.js +7 -5
- package/dist/cjs/components/internal/loader-item.js +2 -4
- package/dist/cjs/components/internal/overflow-container.js +2 -2
- package/dist/cjs/components/internal/styled.js +3 -3
- package/dist/cjs/components/internal/with-column-width.js +3 -1
- package/dist/cjs/components/row.js +1 -1
- package/dist/cjs/index.js +12 -12
- package/dist/cjs/utils/table-tree-data-helper.js +2 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/cell.js +2 -4
- package/dist/es2019/components/internal/common-cell.js +5 -3
- package/dist/es2019/components/internal/loader-item.js +2 -4
- package/dist/es2019/components/row.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/cell.js +4 -5
- package/dist/esm/components/internal/common-cell.js +7 -4
- package/dist/esm/components/internal/loader-item.js +2 -4
- package/dist/esm/components/internal/overflow-container.js +2 -1
- package/dist/esm/components/internal/styled.js +2 -1
- package/dist/esm/components/internal/with-column-width.js +2 -1
- package/dist/esm/components/row.js +1 -1
- package/dist/esm/utils/table-tree-data-helper.js +2 -2
- package/dist/esm/version.json +1 -1
- package/dist/types/components/internal/common-cell.d.ts +1 -0
- package/package.json +5 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,47 @@
|
|
|
1
1
|
# @atlaskit/table-tree
|
|
2
2
|
|
|
3
|
+
## 9.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 9.1.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`4dd20cb2110`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4dd20cb2110) - **Note**: It is a re-release of the wrongly `patched` version `21.9.2` that should have been a `minor` release.
|
|
14
|
+
|
|
15
|
+
Package has been migrated from `styled-components` to `@emotion/core`.
|
|
16
|
+
|
|
17
|
+
Other internal changes:
|
|
18
|
+
|
|
19
|
+
- Package has been migrated to typescript
|
|
20
|
+
- Components now have partial type support.
|
|
21
|
+
- Package internally supports `@atlaskit/tokens` colors.
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- Updated dependencies
|
|
26
|
+
|
|
27
|
+
## 9.0.15
|
|
28
|
+
|
|
29
|
+
### Patch Changes
|
|
30
|
+
|
|
31
|
+
- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
|
|
32
|
+
|
|
33
|
+
## 9.0.14
|
|
34
|
+
|
|
35
|
+
### Patch Changes
|
|
36
|
+
|
|
37
|
+
- [`ca37d9b9707`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ca37d9b9707) - Hotfix to resolve an issue introduced in 9.0.12 which meant the indent of rows was not being applied correctly.
|
|
38
|
+
|
|
3
39
|
## 9.0.13
|
|
4
40
|
|
|
5
41
|
### Minor Changes
|
|
6
42
|
|
|
43
|
+
_WRONG RELEASE TYPE - DON'T USE_
|
|
44
|
+
|
|
7
45
|
- [`3fe03999326`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fe03999326) - Package has been migrated from `styled-components` to `@emotion/core`.
|
|
8
46
|
|
|
9
47
|
Other internal changes:
|
|
@@ -31,6 +31,8 @@ var _overflowContainer = _interopRequireDefault(require("./internal/overflow-con
|
|
|
31
31
|
|
|
32
32
|
var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
|
|
33
33
|
|
|
34
|
+
var _excluded = ["children", "singleLine", "indentLevel", "width", "className"];
|
|
35
|
+
|
|
34
36
|
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
37
|
|
|
36
38
|
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; }
|
|
@@ -58,13 +60,11 @@ var Cell = /*#__PURE__*/function (_Component) {
|
|
|
58
60
|
indentLevel = _this$props.indentLevel,
|
|
59
61
|
width = _this$props.width,
|
|
60
62
|
className = _this$props.className,
|
|
61
|
-
props = (0, _objectWithoutProperties2.default)(_this$props,
|
|
63
|
+
props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
|
|
62
64
|
return /*#__PURE__*/_react.default.createElement(_commonCell.default, (0, _extends2.default)({
|
|
63
65
|
role: "gridcell",
|
|
64
|
-
indent: indentLevel ? "".concat(25 * indentLevel) : undefined,
|
|
65
|
-
|
|
66
|
-
width: width
|
|
67
|
-
},
|
|
66
|
+
indent: indentLevel ? "".concat(25 * indentLevel, "px") : undefined,
|
|
67
|
+
width: width,
|
|
68
68
|
className: className
|
|
69
69
|
}, props), /*#__PURE__*/_react.default.createElement(_overflowContainer.default, {
|
|
70
70
|
isSingleLine: singleLine
|
|
@@ -15,7 +15,7 @@ var _core = require("@emotion/core");
|
|
|
15
15
|
|
|
16
16
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
var _excluded = ["indent", "width"];
|
|
19
19
|
var commonStyles = (0, _core.css)({
|
|
20
20
|
display: 'flex',
|
|
21
21
|
boxSizing: 'border-box',
|
|
@@ -32,13 +32,15 @@ var commonStyles = (0, _core.css)({
|
|
|
32
32
|
*/
|
|
33
33
|
var CommonCell = function CommonCell(_ref) {
|
|
34
34
|
var indent = _ref.indent,
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
width = _ref.width,
|
|
36
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
37
|
+
return (0, _core.jsx)("div", (0, _extends2.default)({}, props, {
|
|
37
38
|
style: {
|
|
38
|
-
'--indent': indent
|
|
39
|
+
'--indent': indent,
|
|
40
|
+
width: width
|
|
39
41
|
},
|
|
40
42
|
css: commonStyles
|
|
41
|
-
}
|
|
43
|
+
}));
|
|
42
44
|
};
|
|
43
45
|
|
|
44
46
|
var _default = CommonCell;
|
|
@@ -75,10 +75,8 @@ var LoaderItem = /*#__PURE__*/function (_Component) {
|
|
|
75
75
|
var depth = this.props.depth;
|
|
76
76
|
var phase = this.state.phase;
|
|
77
77
|
return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
width: '100%'
|
|
81
|
-
}
|
|
78
|
+
indent: "".concat(25 * depth, "px"),
|
|
79
|
+
width: "100%"
|
|
82
80
|
}, /*#__PURE__*/_react.default.createElement(_styled.LoaderItemContainer, {
|
|
83
81
|
isRoot: depth === 1
|
|
84
82
|
}, /*#__PURE__*/_react.default.createElement(_spinner.default, {
|
|
@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
13
13
|
|
|
14
14
|
var _core = require("@emotion/core");
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
var _excluded = ["isSingleLine"];
|
|
17
17
|
var overflowContainerStyles = (0, _core.css)({
|
|
18
18
|
overflow: 'hidden',
|
|
19
19
|
textOverflow: 'ellipsis',
|
|
@@ -25,7 +25,7 @@ var overflowContainerStyles = (0, _core.css)({
|
|
|
25
25
|
|
|
26
26
|
var OverflowContainer = function OverflowContainer(_ref) {
|
|
27
27
|
var isSingleLine = _ref.isSingleLine,
|
|
28
|
-
props = (0, _objectWithoutProperties2.default)(_ref,
|
|
28
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
29
29
|
return (0, _core.jsx)("span", (0, _extends2.default)({
|
|
30
30
|
css: isSingleLine && overflowContainerStyles
|
|
31
31
|
}, props));
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.iconColor = exports.TreeRowContainer = exports.LoaderItemContainer = exports.ChevronIconContainer = exports.ChevronContainer = void 0;
|
|
9
9
|
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
|
|
@@ -15,7 +15,7 @@ var _core = require("@emotion/core");
|
|
|
15
15
|
|
|
16
16
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
var _excluded = ["isRoot"];
|
|
19
19
|
var iconColor = "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")");
|
|
20
20
|
exports.iconColor = iconColor;
|
|
21
21
|
var treeRowContainerStyles = (0, _core.css)({
|
|
@@ -83,7 +83,7 @@ var paddingLeftStyles = (0, _core.css)({
|
|
|
83
83
|
|
|
84
84
|
var LoaderItemContainer = function LoaderItemContainer(_ref) {
|
|
85
85
|
var isRoot = _ref.isRoot,
|
|
86
|
-
props = (0, _objectWithoutProperties2.default)(_ref,
|
|
86
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
87
87
|
return (0, _core.jsx)("span", (0, _extends2.default)({
|
|
88
88
|
css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
|
|
89
89
|
}, props));
|
|
@@ -29,6 +29,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
29
29
|
|
|
30
30
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
31
|
|
|
32
|
+
var _excluded = ["width", "columnIndex"];
|
|
33
|
+
|
|
32
34
|
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); }
|
|
33
35
|
|
|
34
36
|
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; }
|
|
@@ -73,7 +75,7 @@ function withColumnWidth(Cell) {
|
|
|
73
75
|
var _this$props = this.props,
|
|
74
76
|
width = _this$props.width,
|
|
75
77
|
columnIndex = _this$props.columnIndex,
|
|
76
|
-
other = (0, _objectWithoutProperties2.default)(_this$props,
|
|
78
|
+
other = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
|
|
77
79
|
var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
|
|
78
80
|
return /*#__PURE__*/_react.default.createElement(Cell, (0, _extends2.default)({
|
|
79
81
|
width: columnWidth
|
|
@@ -44,7 +44,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
44
44
|
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
45
|
|
|
46
46
|
var packageName = "@atlaskit/table-tree";
|
|
47
|
-
var packageVersion = "9.
|
|
47
|
+
var packageVersion = "9.1.1";
|
|
48
48
|
|
|
49
49
|
var Row = /*#__PURE__*/function (_Component) {
|
|
50
50
|
(0, _inherits2.default)(Row, _Component);
|
package/dist/cjs/index.js
CHANGED
|
@@ -5,28 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
Object.defineProperty(exports, "
|
|
8
|
+
Object.defineProperty(exports, "Cell", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return
|
|
11
|
+
return _cell.default;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
-
Object.defineProperty(exports, "
|
|
14
|
+
Object.defineProperty(exports, "Header", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function get() {
|
|
17
|
-
return
|
|
17
|
+
return _header.default;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
Object.defineProperty(exports, "
|
|
20
|
+
Object.defineProperty(exports, "Headers", {
|
|
21
21
|
enumerable: true,
|
|
22
22
|
get: function get() {
|
|
23
|
-
return
|
|
23
|
+
return _headers.default;
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
|
-
Object.defineProperty(exports, "
|
|
26
|
+
Object.defineProperty(exports, "Row", {
|
|
27
27
|
enumerable: true,
|
|
28
28
|
get: function get() {
|
|
29
|
-
return
|
|
29
|
+
return _row.default;
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
32
|
Object.defineProperty(exports, "Rows", {
|
|
@@ -35,16 +35,16 @@ Object.defineProperty(exports, "Rows", {
|
|
|
35
35
|
return _rows.default;
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
Object.defineProperty(exports, "
|
|
38
|
+
Object.defineProperty(exports, "TableTreeDataHelper", {
|
|
39
39
|
enumerable: true,
|
|
40
40
|
get: function get() {
|
|
41
|
-
return
|
|
41
|
+
return _tableTreeDataHelper.default;
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
|
-
Object.defineProperty(exports, "
|
|
44
|
+
Object.defineProperty(exports, "default", {
|
|
45
45
|
enumerable: true,
|
|
46
46
|
get: function get() {
|
|
47
|
-
return
|
|
47
|
+
return _tableTree.default;
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
50
|
|
|
@@ -19,9 +19,9 @@ var _get = _interopRequireDefault(require("lodash/get"));
|
|
|
19
19
|
|
|
20
20
|
var _set = _interopRequireDefault(require("lodash/set"));
|
|
21
21
|
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
25
|
|
|
26
26
|
function updateRootItems(rootItems) {
|
|
27
27
|
var allItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
package/dist/cjs/version.json
CHANGED
|
@@ -16,10 +16,8 @@ class Cell extends Component {
|
|
|
16
16
|
} = this.props;
|
|
17
17
|
return /*#__PURE__*/React.createElement(CommonCell, _extends({
|
|
18
18
|
role: "gridcell",
|
|
19
|
-
indent: indentLevel ? `${25 * indentLevel}` : undefined,
|
|
20
|
-
|
|
21
|
-
width
|
|
22
|
-
},
|
|
19
|
+
indent: indentLevel ? `${25 * indentLevel}px` : undefined,
|
|
20
|
+
width: width,
|
|
23
21
|
className: className
|
|
24
22
|
}, props), /*#__PURE__*/React.createElement(OverflowContainer, {
|
|
25
23
|
isSingleLine: singleLine
|
|
@@ -19,12 +19,14 @@ const commonStyles = css({
|
|
|
19
19
|
*/
|
|
20
20
|
const CommonCell = ({
|
|
21
21
|
indent,
|
|
22
|
+
width,
|
|
22
23
|
...props
|
|
23
|
-
}) => jsx("div", _extends({
|
|
24
|
+
}) => jsx("div", _extends({}, props, {
|
|
24
25
|
style: {
|
|
25
|
-
'--indent': indent
|
|
26
|
+
'--indent': indent,
|
|
27
|
+
width
|
|
26
28
|
},
|
|
27
29
|
css: commonStyles
|
|
28
|
-
}
|
|
30
|
+
}));
|
|
29
31
|
|
|
30
32
|
export default CommonCell;
|
|
@@ -42,10 +42,8 @@ export default class LoaderItem extends Component {
|
|
|
42
42
|
phase
|
|
43
43
|
} = this.state;
|
|
44
44
|
return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
width: '100%'
|
|
48
|
-
}
|
|
45
|
+
indent: `${25 * depth}px`,
|
|
46
|
+
width: "100%"
|
|
49
47
|
}, /*#__PURE__*/React.createElement(LoaderItemContainer, {
|
|
50
48
|
isRoot: depth === 1
|
|
51
49
|
}, /*#__PURE__*/React.createElement(Spinner, {
|
|
@@ -8,7 +8,7 @@ import toItemId from '../utils/to-item-id';
|
|
|
8
8
|
import Chevron from './internal/chevron';
|
|
9
9
|
import { TreeRowContainer } from './internal/styled';
|
|
10
10
|
const packageName = "@atlaskit/table-tree";
|
|
11
|
-
const packageVersion = "9.
|
|
11
|
+
const packageVersion = "9.1.1";
|
|
12
12
|
|
|
13
13
|
class Row extends Component {
|
|
14
14
|
constructor(...args) {
|
package/dist/es2019/version.json
CHANGED
|
@@ -5,6 +5,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
6
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
7
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
8
|
+
var _excluded = ["children", "singleLine", "indentLevel", "width", "className"];
|
|
8
9
|
|
|
9
10
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
10
11
|
|
|
@@ -35,14 +36,12 @@ var Cell = /*#__PURE__*/function (_Component) {
|
|
|
35
36
|
indentLevel = _this$props.indentLevel,
|
|
36
37
|
width = _this$props.width,
|
|
37
38
|
className = _this$props.className,
|
|
38
|
-
props = _objectWithoutProperties(_this$props,
|
|
39
|
+
props = _objectWithoutProperties(_this$props, _excluded);
|
|
39
40
|
|
|
40
41
|
return /*#__PURE__*/React.createElement(CommonCell, _extends({
|
|
41
42
|
role: "gridcell",
|
|
42
|
-
indent: indentLevel ? "".concat(25 * indentLevel) : undefined,
|
|
43
|
-
|
|
44
|
-
width: width
|
|
45
|
-
},
|
|
43
|
+
indent: indentLevel ? "".concat(25 * indentLevel, "px") : undefined,
|
|
44
|
+
width: width,
|
|
46
45
|
className: className
|
|
47
46
|
}, props), /*#__PURE__*/React.createElement(OverflowContainer, {
|
|
48
47
|
isSingleLine: singleLine
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["indent", "width"];
|
|
3
4
|
|
|
4
5
|
/** @jsx jsx */
|
|
5
6
|
import { css, jsx } from '@emotion/core';
|
|
@@ -20,14 +21,16 @@ var commonStyles = css({
|
|
|
20
21
|
*/
|
|
21
22
|
var CommonCell = function CommonCell(_ref) {
|
|
22
23
|
var indent = _ref.indent,
|
|
23
|
-
|
|
24
|
+
width = _ref.width,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
26
|
|
|
25
|
-
return jsx("div", _extends({
|
|
27
|
+
return jsx("div", _extends({}, props, {
|
|
26
28
|
style: {
|
|
27
|
-
'--indent': indent
|
|
29
|
+
'--indent': indent,
|
|
30
|
+
width: width
|
|
28
31
|
},
|
|
29
32
|
css: commonStyles
|
|
30
|
-
}
|
|
33
|
+
}));
|
|
31
34
|
};
|
|
32
35
|
|
|
33
36
|
export default CommonCell;
|
|
@@ -56,10 +56,8 @@ var LoaderItem = /*#__PURE__*/function (_Component) {
|
|
|
56
56
|
var depth = this.props.depth;
|
|
57
57
|
var phase = this.state.phase;
|
|
58
58
|
return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
width: '100%'
|
|
62
|
-
}
|
|
59
|
+
indent: "".concat(25 * depth, "px"),
|
|
60
|
+
width: "100%"
|
|
63
61
|
}, /*#__PURE__*/React.createElement(LoaderItemContainer, {
|
|
64
62
|
isRoot: depth === 1
|
|
65
63
|
}, /*#__PURE__*/React.createElement(Spinner, {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["isSingleLine"];
|
|
3
4
|
|
|
4
5
|
/** @jsx jsx */
|
|
5
6
|
import { css, jsx } from '@emotion/core';
|
|
@@ -14,7 +15,7 @@ var overflowContainerStyles = css({
|
|
|
14
15
|
|
|
15
16
|
var OverflowContainer = function OverflowContainer(_ref) {
|
|
16
17
|
var isSingleLine = _ref.isSingleLine,
|
|
17
|
-
props = _objectWithoutProperties(_ref,
|
|
18
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
19
|
|
|
19
20
|
return jsx("span", _extends({
|
|
20
21
|
css: isSingleLine && overflowContainerStyles
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
var _excluded = ["isRoot"];
|
|
3
4
|
|
|
4
5
|
/** @jsx jsx */
|
|
5
6
|
import { css, jsx } from '@emotion/core';
|
|
@@ -64,7 +65,7 @@ var paddingLeftStyles = css({
|
|
|
64
65
|
|
|
65
66
|
export var LoaderItemContainer = function LoaderItemContainer(_ref) {
|
|
66
67
|
var isRoot = _ref.isRoot,
|
|
67
|
-
props = _objectWithoutProperties(_ref,
|
|
68
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
68
69
|
|
|
69
70
|
return jsx("span", _extends({
|
|
70
71
|
css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
|
|
@@ -6,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
6
6
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
7
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
+
var _excluded = ["width", "columnIndex"];
|
|
9
10
|
|
|
10
11
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
11
12
|
|
|
@@ -51,7 +52,7 @@ export default function withColumnWidth(Cell) {
|
|
|
51
52
|
var _this$props = this.props,
|
|
52
53
|
width = _this$props.width,
|
|
53
54
|
columnIndex = _this$props.columnIndex,
|
|
54
|
-
other = _objectWithoutProperties(_this$props,
|
|
55
|
+
other = _objectWithoutProperties(_this$props, _excluded);
|
|
55
56
|
|
|
56
57
|
var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
|
|
57
58
|
return /*#__PURE__*/React.createElement(Cell, _extends({
|
|
@@ -18,7 +18,7 @@ import toItemId from '../utils/to-item-id';
|
|
|
18
18
|
import Chevron from './internal/chevron';
|
|
19
19
|
import { TreeRowContainer } from './internal/styled';
|
|
20
20
|
var packageName = "@atlaskit/table-tree";
|
|
21
|
-
var packageVersion = "9.
|
|
21
|
+
var packageVersion = "9.1.1";
|
|
22
22
|
|
|
23
23
|
var Row = /*#__PURE__*/function (_Component) {
|
|
24
24
|
_inherits(Row, _Component);
|
|
@@ -3,9 +3,9 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
3
3
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
5
5
|
|
|
6
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
6
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
7
|
|
|
8
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
8
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
9
|
|
|
10
10
|
import get from 'lodash/get';
|
|
11
11
|
import set from 'lodash/set';
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/table-tree",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.1.1",
|
|
4
4
|
"description": "A React Component for displaying expandable tables with tree-like hierarchies",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
"atlaskit:src": "src/index.tsx",
|
|
17
17
|
"atlassian": {
|
|
18
18
|
"team": "Design System Team",
|
|
19
|
-
"inPublicMirror": true,
|
|
20
19
|
"releaseModel": "scheduled",
|
|
21
20
|
"website": {
|
|
22
21
|
"name": "Table Tree"
|
|
@@ -28,20 +27,19 @@
|
|
|
28
27
|
"dependencies": {
|
|
29
28
|
"@atlaskit/analytics-next": "^8.2.0",
|
|
30
29
|
"@atlaskit/button": "^16.0.0",
|
|
31
|
-
"@atlaskit/icon": "^21.
|
|
30
|
+
"@atlaskit/icon": "^21.10.0",
|
|
32
31
|
"@atlaskit/spinner": "^15.0.0",
|
|
33
|
-
"@atlaskit/theme": "^12.
|
|
34
|
-
"@atlaskit/tokens": "^0.
|
|
32
|
+
"@atlaskit/theme": "^12.1.0",
|
|
33
|
+
"@atlaskit/tokens": "^0.5.0",
|
|
35
34
|
"@babel/runtime": "^7.0.0",
|
|
36
35
|
"@emotion/core": "^10.0.9",
|
|
37
|
-
"lodash": "^4.17.
|
|
36
|
+
"lodash": "^4.17.21",
|
|
38
37
|
"prop-types": "^15.5.10"
|
|
39
38
|
},
|
|
40
39
|
"peerDependencies": {
|
|
41
40
|
"react": "^16.8.0"
|
|
42
41
|
},
|
|
43
42
|
"devDependencies": {
|
|
44
|
-
"@atlaskit/build-utils": "*",
|
|
45
43
|
"@atlaskit/docs": "*",
|
|
46
44
|
"@atlaskit/empty-state": "^7.3.0",
|
|
47
45
|
"@atlaskit/section-message": "^6.0.0",
|