@atlaskit/table-tree 12.2.24 → 12.2.25
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 +8 -0
- package/dist/cjs/components/cell.js +1 -1
- package/dist/cjs/components/headers.compiled.css +1 -1
- package/dist/cjs/components/headers.js +1 -1
- package/dist/cjs/components/internal/common-cell.compiled.css +1 -1
- package/dist/cjs/components/internal/common-cell.js +1 -1
- package/dist/cjs/components/internal/loader-item.js +1 -1
- package/dist/cjs/components/internal/styled.compiled.css +1 -1
- package/dist/cjs/components/internal/styled.js +2 -2
- package/dist/cjs/components/row.js +2 -2
- package/dist/es2019/components/cell.js +1 -1
- package/dist/es2019/components/headers.compiled.css +1 -1
- package/dist/es2019/components/headers.js +1 -1
- package/dist/es2019/components/internal/common-cell.compiled.css +1 -1
- package/dist/es2019/components/internal/common-cell.js +1 -1
- package/dist/es2019/components/internal/loader-item.js +1 -1
- package/dist/es2019/components/internal/styled.compiled.css +1 -1
- package/dist/es2019/components/internal/styled.js +2 -2
- package/dist/es2019/components/row.js +2 -2
- package/dist/esm/components/cell.js +1 -1
- package/dist/esm/components/headers.compiled.css +1 -1
- package/dist/esm/components/headers.js +1 -1
- package/dist/esm/components/internal/common-cell.compiled.css +1 -1
- package/dist/esm/components/internal/common-cell.js +1 -1
- package/dist/esm/components/internal/loader-item.js +1 -1
- package/dist/esm/components/internal/styled.compiled.css +1 -1
- package/dist/esm/components/internal/styled.js +2 -2
- package/dist/esm/components/row.js +2 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/table-tree
|
|
2
2
|
|
|
3
|
+
## 12.2.25
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e2085d35701ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2085d35701ca) -
|
|
8
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 12.2.24
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -20,7 +20,7 @@ var CellComponent = function CellComponent(_ref) {
|
|
|
20
20
|
className = _ref.className,
|
|
21
21
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement(_commonCell.default, (0, _extends2.default)({
|
|
23
|
-
indent: indentLevel ? "calc(".concat("var(--ds-space-300,
|
|
23
|
+
indent: indentLevel ? "calc(".concat("var(--ds-space-300, 24px)", " * ", indentLevel, ")") : undefined,
|
|
24
24
|
width: width
|
|
25
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
26
26
|
,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._179r1hmg{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#0b120e24)}
|
|
2
2
|
._1e0c1txw{display:flex}
|
|
@@ -26,7 +26,7 @@ var Headers = function Headers(_ref) {
|
|
|
26
26
|
var children = _ref.children;
|
|
27
27
|
return /*#__PURE__*/React.createElement("div", {
|
|
28
28
|
role: "row",
|
|
29
|
-
className: (0, _runtime.ax)(["
|
|
29
|
+
className: (0, _runtime.ax)(["_179r1hmg _1e0c1txw"])
|
|
30
30
|
}, _react.Children.map(children, function (header, index) {
|
|
31
31
|
return /*#__PURE__*/(0, _react.cloneElement)(header, {
|
|
32
32
|
key: index,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
-
.
|
|
2
|
+
._1yt412f9{padding:var(--ds-space-100,8px) var(--ds-space-300,24px) var(--ds-space-100,8px) var(--indent,var(--ds-space-300,24px))}
|
|
3
3
|
._1e0c1txw{display:flex}
|
|
4
4
|
._1nmz1hna{word-break:break-word}
|
|
5
5
|
._1tke1ylp{min-height:40px}
|
|
@@ -27,7 +27,7 @@ var CommonCell = function CommonCell(_ref) {
|
|
|
27
27
|
role: "gridcell"
|
|
28
28
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
29
29
|
,
|
|
30
|
-
className: (0, _runtime.ax)(["
|
|
30
|
+
className: (0, _runtime.ax)(["_1yt412f9 _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syazi7uo _ct361wug _1nmz1hna", className])
|
|
31
31
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
32
32
|
}, props, {
|
|
33
33
|
style: {
|
|
@@ -31,7 +31,7 @@ var LoaderItem = function LoaderItem(_ref) {
|
|
|
31
31
|
}
|
|
32
32
|
}, [isCompleting, onComplete, phase]);
|
|
33
33
|
return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
|
|
34
|
-
indent: "calc(".concat("var(--ds-space-300,
|
|
34
|
+
indent: "calc(".concat("var(--ds-space-300, 24px)", " * ", depth, ")"),
|
|
35
35
|
width: "100%"
|
|
36
36
|
}, /*#__PURE__*/_react.default.createElement(_styled.LoaderItemContainer, {
|
|
37
37
|
isRoot: depth === 1
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
._1e0c1txw{display:flex}
|
|
4
4
|
._1pfhj39m{margin-block-start:-3px}
|
|
5
5
|
._4cvr1h6o{align-items:center}
|
|
6
|
-
.
|
|
6
|
+
._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
|
|
7
7
|
._bozg1ssb{padding-inline-start:50%}
|
|
8
8
|
._kqswstnw{position:absolute}
|
|
@@ -35,7 +35,7 @@ var commonChevronContainerStyles = null;
|
|
|
35
35
|
*/
|
|
36
36
|
var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props) {
|
|
37
37
|
return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
|
|
38
|
-
className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o
|
|
38
|
+
className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
39
39
|
}));
|
|
40
40
|
};
|
|
41
41
|
var loadingItemContainerStyles = null;
|
|
@@ -49,6 +49,6 @@ var LoaderItemContainer = exports.LoaderItemContainer = function LoaderItemConta
|
|
|
49
49
|
var isRoot = _ref.isRoot,
|
|
50
50
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
51
51
|
return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
|
|
52
|
-
className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o
|
|
52
|
+
className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
|
|
53
53
|
}));
|
|
54
54
|
};
|
|
@@ -61,7 +61,7 @@ function Row(_ref) {
|
|
|
61
61
|
actionSubject: 'tableTree',
|
|
62
62
|
componentName: 'row',
|
|
63
63
|
packageName: "@atlaskit/table-tree",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "0.0.0-development"
|
|
65
65
|
});
|
|
66
66
|
var onCollapse = (0, _analyticsNext.usePlatformLeafEventHandler)({
|
|
67
67
|
fn: function fn(value) {
|
|
@@ -71,7 +71,7 @@ function Row(_ref) {
|
|
|
71
71
|
actionSubject: 'tableTree',
|
|
72
72
|
componentName: 'row',
|
|
73
73
|
packageName: "@atlaskit/table-tree",
|
|
74
|
-
packageVersion: "
|
|
74
|
+
packageVersion: "0.0.0-development"
|
|
75
75
|
});
|
|
76
76
|
|
|
77
77
|
/**
|
|
@@ -11,7 +11,7 @@ const CellComponent = ({
|
|
|
11
11
|
className,
|
|
12
12
|
...props
|
|
13
13
|
}) => /*#__PURE__*/React.createElement(CommonCell, _extends({
|
|
14
|
-
indent: indentLevel ? `calc(${"var(--ds-space-300,
|
|
14
|
+
indent: indentLevel ? `calc(${"var(--ds-space-300, 24px)"} * ${indentLevel})` : undefined,
|
|
15
15
|
width: width
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
17
17
|
,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._179r1hmg{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#0b120e24)}
|
|
2
2
|
._1e0c1txw{display:flex}
|
|
@@ -18,7 +18,7 @@ const Headers = ({
|
|
|
18
18
|
children
|
|
19
19
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
20
20
|
role: "row",
|
|
21
|
-
className: ax(["
|
|
21
|
+
className: ax(["_179r1hmg _1e0c1txw"])
|
|
22
22
|
}, Children.map(children, (header, index) => /*#__PURE__*/cloneElement(header, {
|
|
23
23
|
key: index,
|
|
24
24
|
columnIndex: index
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
-
.
|
|
2
|
+
._1yt412f9{padding:var(--ds-space-100,8px) var(--ds-space-300,24px) var(--ds-space-100,8px) var(--indent,var(--ds-space-300,24px))}
|
|
3
3
|
._1e0c1txw{display:flex}
|
|
4
4
|
._1nmz1hna{word-break:break-word}
|
|
5
5
|
._1tke1ylp{min-height:40px}
|
|
@@ -16,7 +16,7 @@ const CommonCell = ({
|
|
|
16
16
|
role: "gridcell"
|
|
17
17
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
18
18
|
,
|
|
19
|
-
className: ax(["
|
|
19
|
+
className: ax(["_1yt412f9 _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syazi7uo _ct361wug _1nmz1hna", className])
|
|
20
20
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
21
21
|
}, props, {
|
|
22
22
|
style: {
|
|
@@ -18,7 +18,7 @@ const LoaderItem = ({
|
|
|
18
18
|
}
|
|
19
19
|
}, [isCompleting, onComplete, phase]);
|
|
20
20
|
return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
|
|
21
|
-
indent: `calc(${"var(--ds-space-300,
|
|
21
|
+
indent: `calc(${"var(--ds-space-300, 24px)"} * ${depth})`,
|
|
22
22
|
width: "100%"
|
|
23
23
|
}, /*#__PURE__*/React.createElement(LoaderItemContainer, {
|
|
24
24
|
isRoot: depth === 1
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
._1e0c1txw{display:flex}
|
|
4
4
|
._1pfhj39m{margin-block-start:-3px}
|
|
5
5
|
._4cvr1h6o{align-items:center}
|
|
6
|
-
.
|
|
6
|
+
._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
|
|
7
7
|
._bozg1ssb{padding-inline-start:50%}
|
|
8
8
|
._kqswstnw{position:absolute}
|
|
@@ -21,7 +21,7 @@ const commonChevronContainerStyles = null;
|
|
|
21
21
|
* A wrapper container around the expand table tree button.
|
|
22
22
|
*/
|
|
23
23
|
export const ChevronContainer = props => /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
24
|
-
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o
|
|
24
|
+
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
25
25
|
}));
|
|
26
26
|
const loadingItemContainerStyles = null;
|
|
27
27
|
const paddingLeftStyles = null;
|
|
@@ -34,5 +34,5 @@ export const LoaderItemContainer = ({
|
|
|
34
34
|
isRoot,
|
|
35
35
|
...props
|
|
36
36
|
}) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
37
|
-
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o
|
|
37
|
+
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
|
|
38
38
|
}));
|
|
@@ -47,7 +47,7 @@ function Row({
|
|
|
47
47
|
actionSubject: 'tableTree',
|
|
48
48
|
componentName: 'row',
|
|
49
49
|
packageName: "@atlaskit/table-tree",
|
|
50
|
-
packageVersion: "
|
|
50
|
+
packageVersion: "0.0.0-development"
|
|
51
51
|
});
|
|
52
52
|
const onCollapse = usePlatformLeafEventHandler({
|
|
53
53
|
fn: value => providedOnCollapse && providedOnCollapse(value),
|
|
@@ -55,7 +55,7 @@ function Row({
|
|
|
55
55
|
actionSubject: 'tableTree',
|
|
56
56
|
componentName: 'row',
|
|
57
57
|
packageName: "@atlaskit/table-tree",
|
|
58
|
-
packageVersion: "
|
|
58
|
+
packageVersion: "0.0.0-development"
|
|
59
59
|
});
|
|
60
60
|
|
|
61
61
|
/**
|
|
@@ -13,7 +13,7 @@ var CellComponent = function CellComponent(_ref) {
|
|
|
13
13
|
className = _ref.className,
|
|
14
14
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
15
15
|
return /*#__PURE__*/React.createElement(CommonCell, _extends({
|
|
16
|
-
indent: indentLevel ? "calc(".concat("var(--ds-space-300,
|
|
16
|
+
indent: indentLevel ? "calc(".concat("var(--ds-space-300, 24px)", " * ", indentLevel, ")") : undefined,
|
|
17
17
|
width: width
|
|
18
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
19
19
|
,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._179r1hmg{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#0b120e24)}
|
|
2
2
|
._1e0c1txw{display:flex}
|
|
@@ -18,7 +18,7 @@ var Headers = function Headers(_ref) {
|
|
|
18
18
|
var children = _ref.children;
|
|
19
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
20
|
role: "row",
|
|
21
|
-
className: ax(["
|
|
21
|
+
className: ax(["_179r1hmg _1e0c1txw"])
|
|
22
22
|
}, Children.map(children, function (header, index) {
|
|
23
23
|
return /*#__PURE__*/cloneElement(header, {
|
|
24
24
|
key: index,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
-
.
|
|
2
|
+
._1yt412f9{padding:var(--ds-space-100,8px) var(--ds-space-300,24px) var(--ds-space-100,8px) var(--indent,var(--ds-space-300,24px))}
|
|
3
3
|
._1e0c1txw{display:flex}
|
|
4
4
|
._1nmz1hna{word-break:break-word}
|
|
5
5
|
._1tke1ylp{min-height:40px}
|
|
@@ -18,7 +18,7 @@ var CommonCell = function CommonCell(_ref) {
|
|
|
18
18
|
role: "gridcell"
|
|
19
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
20
20
|
,
|
|
21
|
-
className: ax(["
|
|
21
|
+
className: ax(["_1yt412f9 _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syazi7uo _ct361wug _1nmz1hna", className])
|
|
22
22
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
23
23
|
}, props, {
|
|
24
24
|
style: {
|
|
@@ -22,7 +22,7 @@ var LoaderItem = function LoaderItem(_ref) {
|
|
|
22
22
|
}
|
|
23
23
|
}, [isCompleting, onComplete, phase]);
|
|
24
24
|
return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
|
|
25
|
-
indent: "calc(".concat("var(--ds-space-300,
|
|
25
|
+
indent: "calc(".concat("var(--ds-space-300, 24px)", " * ", depth, ")"),
|
|
26
26
|
width: "100%"
|
|
27
27
|
}, /*#__PURE__*/React.createElement(LoaderItemContainer, {
|
|
28
28
|
isRoot: depth === 1
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
._1e0c1txw{display:flex}
|
|
4
4
|
._1pfhj39m{margin-block-start:-3px}
|
|
5
5
|
._4cvr1h6o{align-items:center}
|
|
6
|
-
.
|
|
6
|
+
._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
|
|
7
7
|
._bozg1ssb{padding-inline-start:50%}
|
|
8
8
|
._kqswstnw{position:absolute}
|
|
@@ -26,7 +26,7 @@ var commonChevronContainerStyles = null;
|
|
|
26
26
|
*/
|
|
27
27
|
export var ChevronContainer = function ChevronContainer(props) {
|
|
28
28
|
return /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
29
|
-
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o
|
|
29
|
+
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
30
30
|
}));
|
|
31
31
|
};
|
|
32
32
|
var loadingItemContainerStyles = null;
|
|
@@ -40,6 +40,6 @@ export var LoaderItemContainer = function LoaderItemContainer(_ref) {
|
|
|
40
40
|
var isRoot = _ref.isRoot,
|
|
41
41
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
42
42
|
return /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
43
|
-
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o
|
|
43
|
+
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
|
|
44
44
|
}));
|
|
45
45
|
};
|
|
@@ -52,7 +52,7 @@ function Row(_ref) {
|
|
|
52
52
|
actionSubject: 'tableTree',
|
|
53
53
|
componentName: 'row',
|
|
54
54
|
packageName: "@atlaskit/table-tree",
|
|
55
|
-
packageVersion: "
|
|
55
|
+
packageVersion: "0.0.0-development"
|
|
56
56
|
});
|
|
57
57
|
var onCollapse = usePlatformLeafEventHandler({
|
|
58
58
|
fn: function fn(value) {
|
|
@@ -62,7 +62,7 @@ function Row(_ref) {
|
|
|
62
62
|
actionSubject: 'tableTree',
|
|
63
63
|
componentName: 'row',
|
|
64
64
|
packageName: "@atlaskit/table-tree",
|
|
65
|
-
packageVersion: "
|
|
65
|
+
packageVersion: "0.0.0-development"
|
|
66
66
|
});
|
|
67
67
|
|
|
68
68
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/table-tree",
|
|
3
|
-
"version": "12.2.
|
|
3
|
+
"version": "12.2.25",
|
|
4
4
|
"description": "A table tree is an expandable table for showing nested hierarchies of information.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
28
28
|
"@atlaskit/button": "^23.10.0",
|
|
29
29
|
"@atlaskit/ds-lib": "^6.0.0",
|
|
30
|
-
"@atlaskit/icon": "^
|
|
30
|
+
"@atlaskit/icon": "^34.0.0",
|
|
31
31
|
"@atlaskit/spinner": "^19.0.0",
|
|
32
32
|
"@atlaskit/tokens": "^11.4.0",
|
|
33
33
|
"@babel/runtime": "^7.0.0",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@atlaskit/link": "^3.3.0",
|
|
48
48
|
"@atlaskit/primitives": "^18.1.0",
|
|
49
49
|
"@atlaskit/section-message": "^8.12.0",
|
|
50
|
-
"@atlaskit/select": "^21.
|
|
50
|
+
"@atlaskit/select": "^21.10.0",
|
|
51
51
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
52
52
|
"@atlassian/ssr-tests": "workspace:^",
|
|
53
53
|
"@atlassian/structured-docs-types": "workspace:^",
|