@atlaskit/table-tree 12.2.26 → 12.2.27
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 +6 -0
- package/dist/cjs/components/internal/chevron-container.compiled.css +5 -0
- package/dist/cjs/components/internal/chevron-container.js +26 -0
- package/dist/cjs/components/internal/chevron.js +2 -2
- package/dist/cjs/components/internal/{styled.compiled.css → loader-item-container.compiled.css} +0 -2
- package/dist/cjs/components/internal/{styled.js → loader-item-container.js} +4 -27
- package/dist/cjs/components/internal/loader-item.js +4 -3
- package/dist/cjs/components/internal/tree-row-container.compiled.css +2 -0
- package/dist/cjs/components/internal/tree-row-container.js +26 -0
- package/dist/cjs/components/row.js +2 -2
- package/dist/es2019/components/internal/chevron-container.compiled.css +5 -0
- package/dist/es2019/components/internal/chevron-container.js +15 -0
- package/dist/es2019/components/internal/chevron.js +1 -1
- package/dist/{esm/components/internal/styled.compiled.css → es2019/components/internal/loader-item-container.compiled.css} +0 -2
- package/dist/es2019/components/internal/loader-item-container.js +19 -0
- package/dist/es2019/components/internal/loader-item.js +2 -1
- package/dist/es2019/components/internal/tree-row-container.compiled.css +2 -0
- package/dist/es2019/components/internal/tree-row-container.js +15 -0
- package/dist/es2019/components/row.js +1 -1
- package/dist/esm/components/internal/chevron-container.compiled.css +5 -0
- package/dist/esm/components/internal/chevron-container.js +17 -0
- package/dist/esm/components/internal/chevron.js +1 -1
- package/dist/{es2019/components/internal/styled.compiled.css → esm/components/internal/loader-item-container.compiled.css} +0 -2
- package/dist/esm/components/internal/{styled.js → loader-item-container.js} +3 -26
- package/dist/esm/components/internal/loader-item.js +2 -1
- package/dist/esm/components/internal/tree-row-container.compiled.css +2 -0
- package/dist/esm/components/internal/tree-row-container.js +17 -0
- package/dist/esm/components/row.js +1 -1
- package/dist/types/components/internal/{styled.d.ts → chevron-container.d.ts} +0 -16
- package/dist/types/components/internal/loader-item-container.d.ts +16 -0
- package/dist/types/components/internal/tree-row-container.d.ts +11 -0
- package/dist/types-ts4.5/components/internal/{styled.d.ts → chevron-container.d.ts} +0 -16
- package/dist/types-ts4.5/components/internal/loader-item-container.d.ts +16 -0
- package/dist/types-ts4.5/components/internal/tree-row-container.d.ts +11 -0
- package/package.json +6 -6
- package/dist/es2019/components/internal/styled.js +0 -38
package/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/* chevron-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports.ChevronContainer = void 0;
|
|
10
|
+
require("./chevron-container.compiled.css");
|
|
11
|
+
var React = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _runtime = require("@compiled/react/runtime");
|
|
13
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
|
+
var commonCellElementStyles = null;
|
|
16
|
+
var commonChevronContainerStyles = null;
|
|
17
|
+
/**
|
|
18
|
+
* __Chevron container__
|
|
19
|
+
*
|
|
20
|
+
* A wrapper container around the expand table tree button.
|
|
21
|
+
*/
|
|
22
|
+
var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props) {
|
|
23
|
+
return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
|
|
24
|
+
className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
25
|
+
}));
|
|
26
|
+
};
|
|
@@ -11,7 +11,7 @@ var _new = require("@atlaskit/button/new");
|
|
|
11
11
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
12
12
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
13
13
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
14
|
-
var
|
|
14
|
+
var _chevronContainer = require("./chevron-container");
|
|
15
15
|
/* eslint-disable @repo/internal/react/consistent-props-definitions */
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -31,7 +31,7 @@ var Chevron = function Chevron(_ref) {
|
|
|
31
31
|
var getLabel = function getLabel(defaultLabel) {
|
|
32
32
|
return extendedLabel ? "".concat(defaultLabel, " ").concat(extendedLabel, " row") : "".concat(defaultLabel, " row ").concat(rowId);
|
|
33
33
|
};
|
|
34
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement(_chevronContainer.ChevronContainer, null, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
35
35
|
appearance: "subtle",
|
|
36
36
|
onClick: onExpandToggle,
|
|
37
37
|
spacing: "compact",
|
package/dist/cjs/components/internal/{styled.compiled.css → loader-item-container.compiled.css}
RENAMED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
|
|
2
1
|
._1bsb1osq{width:100%}
|
|
3
2
|
._1e0c1txw{display:flex}
|
|
4
|
-
._1pfhj39m{margin-block-start:-3px}
|
|
5
3
|
._4cvr1h6o{align-items:center}
|
|
6
4
|
._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
|
|
7
5
|
._bozg1ssb{padding-inline-start:50%}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/* loader-item-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -6,38 +6,15 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
value: true
|
|
8
8
|
});
|
|
9
|
-
exports.
|
|
10
|
-
require("./
|
|
9
|
+
exports.LoaderItemContainer = void 0;
|
|
10
|
+
require("./loader-item-container.compiled.css");
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
14
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
15
|
var _excluded = ["isRoot"];
|
|
16
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
17
|
-
var treeRowContainerStyles = null;
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* __Tree row container__
|
|
21
|
-
*/
|
|
22
|
-
var TreeRowContainer = exports.TreeRowContainer = function TreeRowContainer(props) {
|
|
23
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
|
24
|
-
role: "row"
|
|
25
|
-
}, props, {
|
|
26
|
-
className: (0, _runtime.ax)(["_179ria51 _1e0c1txw"])
|
|
27
|
-
}));
|
|
28
|
-
};
|
|
29
17
|
var commonCellElementStyles = null;
|
|
30
|
-
var commonChevronContainerStyles = null;
|
|
31
|
-
/**
|
|
32
|
-
* __Chevron container__
|
|
33
|
-
*
|
|
34
|
-
* A wrapper container around the expand table tree button.
|
|
35
|
-
*/
|
|
36
|
-
var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props) {
|
|
37
|
-
return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
|
|
38
|
-
className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
39
|
-
}));
|
|
40
|
-
};
|
|
41
18
|
var loadingItemContainerStyles = null;
|
|
42
19
|
var paddingLeftStyles = null;
|
|
43
20
|
/**
|
|
@@ -10,7 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
12
12
|
var _commonCell = _interopRequireDefault(require("./common-cell"));
|
|
13
|
-
var
|
|
13
|
+
var _loaderItemContainer = require("./loader-item-container");
|
|
14
|
+
var _treeRowContainer = require("./tree-row-container");
|
|
14
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
16
|
var LoaderItem = function LoaderItem(_ref) {
|
|
16
17
|
var _ref$depth = _ref.depth,
|
|
@@ -30,10 +31,10 @@ var LoaderItem = function LoaderItem(_ref) {
|
|
|
30
31
|
});
|
|
31
32
|
}
|
|
32
33
|
}, [isCompleting, onComplete, phase]);
|
|
33
|
-
return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(
|
|
34
|
+
return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_treeRowContainer.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
|
|
34
35
|
indent: "calc(".concat("var(--ds-space-300, 24px)", " * ", depth, ")"),
|
|
35
36
|
width: "100%"
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
37
|
+
}, /*#__PURE__*/_react.default.createElement(_loaderItemContainer.LoaderItemContainer, {
|
|
37
38
|
isRoot: depth === 1
|
|
38
39
|
}, /*#__PURE__*/_react.default.createElement(_spinner.default, {
|
|
39
40
|
size: "small",
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/* tree-row-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports.TreeRowContainer = void 0;
|
|
10
|
+
require("./tree-row-container.compiled.css");
|
|
11
|
+
var React = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _runtime = require("@compiled/react/runtime");
|
|
13
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
|
+
var treeRowContainerStyles = null;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* __Tree row container__
|
|
19
|
+
*/
|
|
20
|
+
var TreeRowContainer = exports.TreeRowContainer = function TreeRowContainer(props) {
|
|
21
|
+
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
|
22
|
+
role: "row"
|
|
23
|
+
}, props, {
|
|
24
|
+
className: (0, _runtime.ax)(["_179ria51 _1e0c1txw"])
|
|
25
|
+
}));
|
|
26
|
+
};
|
|
@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
14
14
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
15
15
|
var _toItemId = _interopRequireDefault(require("../utils/to-item-id"));
|
|
16
16
|
var _chevron = _interopRequireDefault(require("./internal/chevron"));
|
|
17
|
-
var
|
|
17
|
+
var _treeRowContainer = require("./internal/tree-row-container");
|
|
18
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
19
|
var treeRowClickableStyles = null;
|
|
20
20
|
var getExtendedLabel = function getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel) {
|
|
@@ -129,7 +129,7 @@ function Row(_ref) {
|
|
|
129
129
|
indentLevel: indentLevel
|
|
130
130
|
}, cellContent);
|
|
131
131
|
};
|
|
132
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
132
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_treeRowContainer.TreeRowContainer, {
|
|
133
133
|
onClick: hasChildren && shouldExpandOnClick ? onClickHandler : undefined,
|
|
134
134
|
"aria-expanded": hasChildren ? isExpandedState : undefined,
|
|
135
135
|
"aria-level": depth ? depth : undefined,
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* chevron-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import "./chevron-container.compiled.css";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
const commonCellElementStyles = null;
|
|
7
|
+
const commonChevronContainerStyles = null;
|
|
8
|
+
/**
|
|
9
|
+
* __Chevron container__
|
|
10
|
+
*
|
|
11
|
+
* A wrapper container around the expand table tree button.
|
|
12
|
+
*/
|
|
13
|
+
export const ChevronContainer = props => /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
14
|
+
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
15
|
+
}));
|
|
@@ -5,7 +5,7 @@ import { IconButton } from '@atlaskit/button/new';
|
|
|
5
5
|
import __noop from '@atlaskit/ds-lib/noop';
|
|
6
6
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
7
7
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
8
|
-
import { ChevronContainer } from './
|
|
8
|
+
import { ChevronContainer } from './chevron-container';
|
|
9
9
|
/**
|
|
10
10
|
* Internal chevron component.
|
|
11
11
|
*/
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
|
|
2
1
|
._1bsb1osq{width:100%}
|
|
3
2
|
._1e0c1txw{display:flex}
|
|
4
|
-
._1pfhj39m{margin-block-start:-3px}
|
|
5
3
|
._4cvr1h6o{align-items:center}
|
|
6
4
|
._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
|
|
7
5
|
._bozg1ssb{padding-inline-start:50%}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/* loader-item-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import "./loader-item-container.compiled.css";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
const commonCellElementStyles = null;
|
|
7
|
+
const loadingItemContainerStyles = null;
|
|
8
|
+
const paddingLeftStyles = null;
|
|
9
|
+
/**
|
|
10
|
+
* __Loader item container__
|
|
11
|
+
*
|
|
12
|
+
* A loader item container.
|
|
13
|
+
*/
|
|
14
|
+
export const LoaderItemContainer = ({
|
|
15
|
+
isRoot,
|
|
16
|
+
...props
|
|
17
|
+
}) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
18
|
+
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
|
|
19
|
+
}));
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import Spinner from '@atlaskit/spinner';
|
|
3
3
|
import CommonCell from './common-cell';
|
|
4
|
-
import { LoaderItemContainer
|
|
4
|
+
import { LoaderItemContainer } from './loader-item-container';
|
|
5
|
+
import { TreeRowContainer } from './tree-row-container';
|
|
5
6
|
const LoaderItem = ({
|
|
6
7
|
depth = 1,
|
|
7
8
|
loadingLabel,
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* tree-row-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import "./tree-row-container.compiled.css";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
const treeRowContainerStyles = null;
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* __Tree row container__
|
|
10
|
+
*/
|
|
11
|
+
export const TreeRowContainer = props => /*#__PURE__*/React.createElement("div", _extends({
|
|
12
|
+
role: "row"
|
|
13
|
+
}, props, {
|
|
14
|
+
className: ax(["_179ria51 _1e0c1txw"])
|
|
15
|
+
}));
|
|
@@ -5,7 +5,7 @@ import React, { Fragment, useEffect, useState } from 'react';
|
|
|
5
5
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
6
6
|
import toItemId from '../utils/to-item-id';
|
|
7
7
|
import Chevron from './internal/chevron';
|
|
8
|
-
import { TreeRowContainer } from './internal/
|
|
8
|
+
import { TreeRowContainer } from './internal/tree-row-container';
|
|
9
9
|
const treeRowClickableStyles = null;
|
|
10
10
|
const getExtendedLabel = (cellContent, cellIndex, mainColumnForExpandCollapseLabel) => {
|
|
11
11
|
/**
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/* chevron-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import "./chevron-container.compiled.css";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
var commonCellElementStyles = null;
|
|
7
|
+
var commonChevronContainerStyles = null;
|
|
8
|
+
/**
|
|
9
|
+
* __Chevron container__
|
|
10
|
+
*
|
|
11
|
+
* A wrapper container around the expand table tree button.
|
|
12
|
+
*/
|
|
13
|
+
export var ChevronContainer = function ChevronContainer(props) {
|
|
14
|
+
return /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
15
|
+
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
16
|
+
}));
|
|
17
|
+
};
|
|
@@ -5,7 +5,7 @@ import { IconButton } from '@atlaskit/button/new';
|
|
|
5
5
|
import __noop from '@atlaskit/ds-lib/noop';
|
|
6
6
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
7
7
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
8
|
-
import { ChevronContainer } from './
|
|
8
|
+
import { ChevronContainer } from './chevron-container';
|
|
9
9
|
/**
|
|
10
10
|
* Internal chevron component.
|
|
11
11
|
*/
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
|
|
2
1
|
._1bsb1osq{width:100%}
|
|
3
2
|
._1e0c1txw{display:flex}
|
|
4
|
-
._1pfhj39m{margin-block-start:-3px}
|
|
5
3
|
._4cvr1h6o{align-items:center}
|
|
6
4
|
._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
|
|
7
5
|
._bozg1ssb{padding-inline-start:50%}
|
|
@@ -1,34 +1,11 @@
|
|
|
1
|
-
/*
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
1
|
+
/* loader-item-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
3
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["isRoot"];
|
|
5
|
-
import "./
|
|
5
|
+
import "./loader-item-container.compiled.css";
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
8
|
-
var treeRowContainerStyles = null;
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* __Tree row container__
|
|
12
|
-
*/
|
|
13
|
-
export var TreeRowContainer = function TreeRowContainer(props) {
|
|
14
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
15
|
-
role: "row"
|
|
16
|
-
}, props, {
|
|
17
|
-
className: ax(["_179ria51 _1e0c1txw"])
|
|
18
|
-
}));
|
|
19
|
-
};
|
|
20
8
|
var commonCellElementStyles = null;
|
|
21
|
-
var commonChevronContainerStyles = null;
|
|
22
|
-
/**
|
|
23
|
-
* __Chevron container__
|
|
24
|
-
*
|
|
25
|
-
* A wrapper container around the expand table tree button.
|
|
26
|
-
*/
|
|
27
|
-
export var ChevronContainer = function ChevronContainer(props) {
|
|
28
|
-
return /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
29
|
-
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
30
|
-
}));
|
|
31
|
-
};
|
|
32
9
|
var loadingItemContainerStyles = null;
|
|
33
10
|
var paddingLeftStyles = null;
|
|
34
11
|
/**
|
|
@@ -2,7 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import Spinner from '@atlaskit/spinner';
|
|
4
4
|
import CommonCell from './common-cell';
|
|
5
|
-
import { LoaderItemContainer
|
|
5
|
+
import { LoaderItemContainer } from './loader-item-container';
|
|
6
|
+
import { TreeRowContainer } from './tree-row-container';
|
|
6
7
|
var LoaderItem = function LoaderItem(_ref) {
|
|
7
8
|
var _ref$depth = _ref.depth,
|
|
8
9
|
depth = _ref$depth === void 0 ? 1 : _ref$depth,
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/* tree-row-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import "./tree-row-container.compiled.css";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
var treeRowContainerStyles = null;
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* __Tree row container__
|
|
10
|
+
*/
|
|
11
|
+
export var TreeRowContainer = function TreeRowContainer(props) {
|
|
12
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
13
|
+
role: "row"
|
|
14
|
+
}, props, {
|
|
15
|
+
className: ax(["_179ria51 _1e0c1txw"])
|
|
16
|
+
}));
|
|
17
|
+
};
|
|
@@ -6,7 +6,7 @@ import React, { Fragment, useEffect, useState } from 'react';
|
|
|
6
6
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
7
7
|
import toItemId from '../utils/to-item-id';
|
|
8
8
|
import Chevron from './internal/chevron';
|
|
9
|
-
import { TreeRowContainer } from './internal/
|
|
9
|
+
import { TreeRowContainer } from './internal/tree-row-container';
|
|
10
10
|
var treeRowClickableStyles = null;
|
|
11
11
|
var getExtendedLabel = function getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel) {
|
|
12
12
|
/**
|
|
@@ -3,12 +3,6 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import type { FC, HTMLAttributes, ReactNode } from 'react';
|
|
6
|
-
/**
|
|
7
|
-
* __Tree row container__
|
|
8
|
-
*/
|
|
9
|
-
export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement> & {
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
}>;
|
|
12
6
|
type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
|
|
13
7
|
children: ReactNode;
|
|
14
8
|
};
|
|
@@ -18,14 +12,4 @@ type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
|
|
|
18
12
|
* A wrapper container around the expand table tree button.
|
|
19
13
|
*/
|
|
20
14
|
export declare const ChevronContainer: FC<ChevronContainerProps>;
|
|
21
|
-
type LoaderItemContainerProps = {
|
|
22
|
-
isRoot?: boolean;
|
|
23
|
-
children: ReactNode;
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* __Loader item container__
|
|
27
|
-
*
|
|
28
|
-
* A loader item container.
|
|
29
|
-
*/
|
|
30
|
-
export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
|
|
31
15
|
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import type { FC, ReactNode } from 'react';
|
|
6
|
+
type LoaderItemContainerProps = {
|
|
7
|
+
isRoot?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* __Loader item container__
|
|
12
|
+
*
|
|
13
|
+
* A loader item container.
|
|
14
|
+
*/
|
|
15
|
+
export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
|
|
16
|
+
export {};
|
|
@@ -3,12 +3,6 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import type { FC, HTMLAttributes, ReactNode } from 'react';
|
|
6
|
-
/**
|
|
7
|
-
* __Tree row container__
|
|
8
|
-
*/
|
|
9
|
-
export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement> & {
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
}>;
|
|
12
6
|
type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
|
|
13
7
|
children: ReactNode;
|
|
14
8
|
};
|
|
@@ -18,14 +12,4 @@ type ChevronContainerProps = HTMLAttributes<HTMLSpanElement> & {
|
|
|
18
12
|
* A wrapper container around the expand table tree button.
|
|
19
13
|
*/
|
|
20
14
|
export declare const ChevronContainer: FC<ChevronContainerProps>;
|
|
21
|
-
type LoaderItemContainerProps = {
|
|
22
|
-
isRoot?: boolean;
|
|
23
|
-
children: ReactNode;
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* __Loader item container__
|
|
27
|
-
*
|
|
28
|
-
* A loader item container.
|
|
29
|
-
*/
|
|
30
|
-
export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
|
|
31
15
|
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import type { FC, ReactNode } from 'react';
|
|
6
|
+
type LoaderItemContainerProps = {
|
|
7
|
+
isRoot?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* __Loader item container__
|
|
12
|
+
*
|
|
13
|
+
* A loader item container.
|
|
14
|
+
*/
|
|
15
|
+
export declare const LoaderItemContainer: FC<LoaderItemContainerProps>;
|
|
16
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/table-tree",
|
|
3
|
-
"version": "12.2.
|
|
3
|
+
"version": "12.2.27",
|
|
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/"
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
35
|
-
"@atlaskit/button": "^23.
|
|
36
|
-
"@atlaskit/ds-lib": "^
|
|
35
|
+
"@atlaskit/button": "^23.11.0",
|
|
36
|
+
"@atlaskit/ds-lib": "^7.0.0",
|
|
37
37
|
"@atlaskit/icon": "^34.0.0",
|
|
38
|
-
"@atlaskit/spinner": "^19.
|
|
39
|
-
"@atlaskit/tokens": "^
|
|
38
|
+
"@atlaskit/spinner": "^19.1.0",
|
|
39
|
+
"@atlaskit/tokens": "^12.0.0",
|
|
40
40
|
"@babel/runtime": "^7.0.0",
|
|
41
41
|
"@compiled/react": "^0.20.0",
|
|
42
42
|
"lodash": "^4.17.21"
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@atlaskit/docs": "^11.7.0",
|
|
52
52
|
"@atlaskit/empty-state": "^10.1.0",
|
|
53
53
|
"@atlaskit/form": "^15.5.0",
|
|
54
|
-
"@atlaskit/link": "^3.
|
|
54
|
+
"@atlaskit/link": "^3.4.0",
|
|
55
55
|
"@atlaskit/primitives": "^18.1.0",
|
|
56
56
|
"@atlaskit/section-message": "^8.12.0",
|
|
57
57
|
"@atlaskit/select": "^21.10.0",
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./styled.compiled.css";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
const treeRowContainerStyles = null;
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* __Tree row container__
|
|
10
|
-
*/
|
|
11
|
-
export const TreeRowContainer = props => /*#__PURE__*/React.createElement("div", _extends({
|
|
12
|
-
role: "row"
|
|
13
|
-
}, props, {
|
|
14
|
-
className: ax(["_179ria51 _1e0c1txw"])
|
|
15
|
-
}));
|
|
16
|
-
const commonCellElementStyles = null;
|
|
17
|
-
const commonChevronContainerStyles = null;
|
|
18
|
-
/**
|
|
19
|
-
* __Chevron container__
|
|
20
|
-
*
|
|
21
|
-
* A wrapper container around the expand table tree button.
|
|
22
|
-
*/
|
|
23
|
-
export const ChevronContainer = props => /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
24
|
-
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
|
|
25
|
-
}));
|
|
26
|
-
const loadingItemContainerStyles = null;
|
|
27
|
-
const paddingLeftStyles = null;
|
|
28
|
-
/**
|
|
29
|
-
* __Loader item container__
|
|
30
|
-
*
|
|
31
|
-
* A loader item container.
|
|
32
|
-
*/
|
|
33
|
-
export const LoaderItemContainer = ({
|
|
34
|
-
isRoot,
|
|
35
|
-
...props
|
|
36
|
-
}) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
37
|
-
className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
|
|
38
|
-
}));
|