@atlaskit/table-tree 9.9.0 → 9.10.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 +673 -657
- package/README.md +2 -1
- package/dist/cjs/components/cell.js +3 -1
- package/dist/cjs/components/header.js +3 -1
- package/dist/cjs/components/headers.js +4 -2
- package/dist/cjs/components/internal/common-cell.js +6 -0
- package/dist/cjs/components/internal/item.js +3 -1
- package/dist/cjs/components/internal/overflow-container.js +7 -5
- package/dist/cjs/components/internal/styled.js +8 -6
- package/dist/cjs/components/row.js +4 -2
- package/dist/es2019/components/cell.js +3 -1
- package/dist/es2019/components/header.js +5 -0
- package/dist/es2019/components/headers.js +6 -1
- package/dist/es2019/components/internal/common-cell.js +6 -0
- package/dist/es2019/components/internal/item.js +5 -0
- package/dist/es2019/components/internal/overflow-container.js +6 -3
- package/dist/es2019/components/internal/styled.js +6 -3
- package/dist/es2019/components/row.js +6 -1
- package/dist/esm/components/cell.js +3 -1
- package/dist/esm/components/header.js +5 -0
- package/dist/esm/components/headers.js +6 -1
- package/dist/esm/components/internal/common-cell.js +6 -0
- package/dist/esm/components/internal/item.js +5 -0
- package/dist/esm/components/internal/overflow-container.js +7 -5
- package/dist/esm/components/internal/styled.js +8 -6
- package/dist/esm/components/row.js +6 -1
- package/dist/types/components/cell.d.ts +1 -1
- package/dist/types/components/headers.d.ts +3 -0
- package/dist/types/components/internal/common-cell.d.ts +3 -0
- package/dist/types/components/internal/item.d.ts +3 -0
- package/dist/types/components/internal/overflow-container.d.ts +3 -0
- package/dist/types/components/internal/styled.d.ts +3 -0
- package/dist/types/components/row.d.ts +3 -0
- package/dist/types-ts4.5/components/cell.d.ts +1 -1
- package/dist/types-ts4.5/components/headers.d.ts +3 -0
- package/dist/types-ts4.5/components/internal/common-cell.d.ts +3 -0
- package/dist/types-ts4.5/components/internal/item.d.ts +3 -0
- package/dist/types-ts4.5/components/internal/overflow-container.d.ts +3 -0
- package/dist/types-ts4.5/components/internal/styled.d.ts +3 -0
- package/dist/types-ts4.5/components/row.d.ts +3 -0
- package/extract-react-types/table-tree-cell.tsx +2 -2
- package/extract-react-types/table-tree-header.tsx +5 -5
- package/extract-react-types/table-tree-row.tsx +64 -64
- package/extract-react-types/table-tree-rows.tsx +17 -17
- package/extract-react-types/table-tree.tsx +46 -47
- package/package.json +97 -99
- package/report.api.md +49 -48
package/README.md
CHANGED
|
@@ -10,4 +10,5 @@ yarn add @atlaskit/table-tree
|
|
|
10
10
|
|
|
11
11
|
## Usage
|
|
12
12
|
|
|
13
|
-
Detailed docs and examples can be found in the
|
|
13
|
+
Detailed docs and examples can be found in the
|
|
14
|
+
[Atlassian Design System documentation](https://atlassian.design/components/table-tree/).
|
|
@@ -42,7 +42,9 @@ var Cell = /*#__PURE__*/function (_Component) {
|
|
|
42
42
|
props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
|
|
43
43
|
return /*#__PURE__*/_react.default.createElement(_commonCell.default, (0, _extends2.default)({
|
|
44
44
|
indent: indentLevel ? "calc(".concat(_styled.indentBase, " * ").concat(indentLevel, ")") : undefined,
|
|
45
|
-
width: width
|
|
45
|
+
width: width
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
47
|
+
,
|
|
46
48
|
className: className
|
|
47
49
|
}, props), /*#__PURE__*/_react.default.createElement(_overflowContainer.default, {
|
|
48
50
|
isSingleLine: singleLine
|
|
@@ -17,7 +17,9 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
17
17
|
var _commonCell = _interopRequireDefault(require("./internal/common-cell"));
|
|
18
18
|
var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
|
|
19
19
|
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); }; }
|
|
20
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
20
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
21
|
+
* @jsxRuntime classic
|
|
22
|
+
*/ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
21
23
|
var headerStyles = (0, _react2.css)({
|
|
22
24
|
color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
|
|
23
25
|
fontSize: "var(--ds-font-size-075, 12px)",
|
|
@@ -13,10 +13,12 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
13
13
|
var _react = require("react");
|
|
14
14
|
var _react2 = require("@emotion/react");
|
|
15
15
|
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); }; }
|
|
16
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
16
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
17
|
+
* @jsxRuntime classic
|
|
18
|
+
*/ /** @jsx jsx */ /* eslint-disable @repo/internal/react/no-clone-element */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
19
|
var containerStyles = (0, _react2.css)({
|
|
18
20
|
display: 'flex',
|
|
19
|
-
|
|
21
|
+
borderBlockEnd: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
|
|
20
22
|
});
|
|
21
23
|
var Headers = exports.default = /*#__PURE__*/function (_Component) {
|
|
22
24
|
(0, _inherits2.default)(Headers, _Component);
|
|
@@ -11,11 +11,16 @@ var _react = require("@emotion/react");
|
|
|
11
11
|
var _colors = require("@atlaskit/theme/colors");
|
|
12
12
|
var _styled = require("./styled");
|
|
13
13
|
var _excluded = ["indent", "width"];
|
|
14
|
+
/**
|
|
15
|
+
* @jsxRuntime classic
|
|
16
|
+
*/
|
|
14
17
|
/** @jsx jsx */
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
19
|
var commonStyles = (0, _react.css)({
|
|
16
20
|
display: 'flex',
|
|
17
21
|
boxSizing: 'border-box',
|
|
18
22
|
minHeight: 40,
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
19
24
|
padding: "var(--ds-space-100, 10px)".concat(" ", _styled.indentBase, " ", "var(--ds-space-100, 10px)", " var(--indent, ").concat(_styled.indentBase, ")"),
|
|
20
25
|
position: 'relative',
|
|
21
26
|
alignItems: 'center',
|
|
@@ -35,6 +40,7 @@ var CommonCell = function CommonCell(_ref) {
|
|
|
35
40
|
role: "gridcell"
|
|
36
41
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
37
42
|
}, props, {
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
38
44
|
style: {
|
|
39
45
|
'--indent': indent,
|
|
40
46
|
width: width
|
|
@@ -16,7 +16,9 @@ var _react2 = require("@emotion/react");
|
|
|
16
16
|
var _toItemId = _interopRequireDefault(require("../../utils/to-item-id"));
|
|
17
17
|
var _items = _interopRequireDefault(require("./items"));
|
|
18
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); }; }
|
|
19
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
19
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
20
|
+
* @jsxRuntime classic
|
|
21
|
+
*/ /** @jsx jsx */ /* eslint-disable @repo/internal/react/no-clone-element */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
20
22
|
var Item = exports.default = /*#__PURE__*/function (_Component) {
|
|
21
23
|
(0, _inherits2.default)(Item, _Component);
|
|
22
24
|
var _super = _createSuper(Item);
|
|
@@ -9,7 +9,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = require("@emotion/react");
|
|
11
11
|
var _excluded = ["isSingleLine"];
|
|
12
|
+
/**
|
|
13
|
+
* @jsxRuntime classic
|
|
14
|
+
*/
|
|
12
15
|
/** @jsx jsx */
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
13
17
|
var overflowContainerStyles = (0, _react.css)({
|
|
14
18
|
overflow: 'hidden',
|
|
15
19
|
textOverflow: 'ellipsis',
|
|
@@ -22,11 +26,9 @@ var overflowContainerStyles = (0, _react.css)({
|
|
|
22
26
|
var OverflowContainer = function OverflowContainer(_ref) {
|
|
23
27
|
var isSingleLine = _ref.isSingleLine,
|
|
24
28
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
25
|
-
return (
|
|
29
|
+
return (0, _react.jsx)("span", (0, _extends2.default)({
|
|
30
|
+
css: isSingleLine && overflowContainerStyles
|
|
26
31
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
27
|
-
|
|
28
|
-
css: isSingleLine && overflowContainerStyles
|
|
29
|
-
}, props))
|
|
30
|
-
);
|
|
32
|
+
}, props));
|
|
31
33
|
};
|
|
32
34
|
var _default = exports.default = OverflowContainer;
|
|
@@ -10,7 +10,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _react = require("@emotion/react");
|
|
11
11
|
var _colors = require("@atlaskit/theme/colors");
|
|
12
12
|
var _excluded = ["isRoot"];
|
|
13
|
+
/**
|
|
14
|
+
* @jsxRuntime classic
|
|
15
|
+
*/
|
|
13
16
|
/** @jsx jsx */
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
18
|
var indentBase = exports.indentBase = "var(--ds-space-300, 25px)";
|
|
15
19
|
var treeRowContainerStyles = (0, _react.css)({
|
|
16
20
|
display: 'flex',
|
|
@@ -21,13 +25,11 @@ var treeRowContainerStyles = (0, _react.css)({
|
|
|
21
25
|
* __Tree row container__
|
|
22
26
|
*/
|
|
23
27
|
var TreeRowContainer = exports.TreeRowContainer = function TreeRowContainer(props) {
|
|
24
|
-
return (
|
|
28
|
+
return (0, _react.jsx)("div", (0, _extends2.default)({
|
|
29
|
+
role: "row",
|
|
30
|
+
css: treeRowContainerStyles
|
|
25
31
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
26
|
-
|
|
27
|
-
role: "row",
|
|
28
|
-
css: treeRowContainerStyles
|
|
29
|
-
}, props))
|
|
30
|
-
);
|
|
32
|
+
}, props));
|
|
31
33
|
};
|
|
32
34
|
var commonCellElementStyles = (0, _react.css)({
|
|
33
35
|
display: 'flex',
|
|
@@ -23,12 +23,14 @@ var _styled = require("./internal/styled");
|
|
|
23
23
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
24
24
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
25
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); }; }
|
|
26
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
26
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
27
|
+
* @jsxRuntime classic
|
|
28
|
+
*/ /** @jsx jsx */ /* eslint-disable @repo/internal/react/no-clone-element */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
27
29
|
var treeRowClickableStyles = (0, _react2.css)({
|
|
28
30
|
cursor: 'pointer'
|
|
29
31
|
});
|
|
30
32
|
var packageName = "@atlaskit/table-tree";
|
|
31
|
-
var packageVersion = "9.
|
|
33
|
+
var packageVersion = "9.10.1";
|
|
32
34
|
var Row = exports.RowWithoutAnalytics = /*#__PURE__*/function (_Component) {
|
|
33
35
|
(0, _inherits2.default)(Row, _Component);
|
|
34
36
|
var _super = _createSuper(Row);
|
|
@@ -16,7 +16,9 @@ class Cell extends Component {
|
|
|
16
16
|
} = this.props;
|
|
17
17
|
return /*#__PURE__*/React.createElement(CommonCell, _extends({
|
|
18
18
|
indent: indentLevel ? `calc(${indentBase} * ${indentLevel})` : undefined,
|
|
19
|
-
width: width
|
|
19
|
+
width: width
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
21
|
+
,
|
|
20
22
|
className: className
|
|
21
23
|
}, props), /*#__PURE__*/React.createElement(OverflowContainer, {
|
|
22
24
|
isSingleLine: singleLine
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
import { Component } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
9
|
import { css, jsx } from '@emotion/react';
|
|
5
10
|
import { N300 } from '@atlaskit/theme/colors';
|
|
6
11
|
import ColumnCell from './internal/common-cell';
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
/* eslint-disable @repo/internal/react/no-clone-element */
|
|
3
6
|
import { Children, cloneElement, Component } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
9
|
import { css, jsx } from '@emotion/react';
|
|
5
10
|
const containerStyles = css({
|
|
6
11
|
display: 'flex',
|
|
7
|
-
|
|
12
|
+
borderBlockEnd: `solid 2px ${"var(--ds-border, #dfe1e6)"}`
|
|
8
13
|
});
|
|
9
14
|
export default class Headers extends Component {
|
|
10
15
|
render() {
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
8
|
import { css, jsx } from '@emotion/react';
|
|
5
9
|
import { N800 } from '@atlaskit/theme/colors';
|
|
6
10
|
import { indentBase } from './styled';
|
|
@@ -8,6 +12,7 @@ const commonStyles = css({
|
|
|
8
12
|
display: 'flex',
|
|
9
13
|
boxSizing: 'border-box',
|
|
10
14
|
minHeight: 40,
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
11
16
|
padding: `${"var(--ds-space-100, 10px)"} ${indentBase} ${"var(--ds-space-100, 10px)"} var(--indent, ${indentBase})`,
|
|
12
17
|
position: 'relative',
|
|
13
18
|
alignItems: 'center',
|
|
@@ -27,6 +32,7 @@ const CommonCell = ({
|
|
|
27
32
|
role: "gridcell"
|
|
28
33
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
34
|
}, props, {
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
30
36
|
style: {
|
|
31
37
|
'--indent': indent,
|
|
32
38
|
width
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
/* eslint-disable @repo/internal/react/no-clone-element */
|
|
4
7
|
import { cloneElement, Component } from 'react';
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
5
10
|
import { jsx } from '@emotion/react';
|
|
6
11
|
import toItemId from '../../utils/to-item-id';
|
|
7
12
|
import Items from './items';
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
8
|
import { css, jsx } from '@emotion/react';
|
|
5
9
|
const overflowContainerStyles = css({
|
|
6
10
|
overflow: 'hidden',
|
|
@@ -14,9 +18,8 @@ const overflowContainerStyles = css({
|
|
|
14
18
|
const OverflowContainer = ({
|
|
15
19
|
isSingleLine,
|
|
16
20
|
...props
|
|
17
|
-
}) =>
|
|
18
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
19
|
-
jsx("span", _extends({
|
|
21
|
+
}) => jsx("span", _extends({
|
|
20
22
|
css: isSingleLine && overflowContainerStyles
|
|
23
|
+
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
21
24
|
}, props));
|
|
22
25
|
export default OverflowContainer;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
8
|
import { css, jsx } from '@emotion/react';
|
|
5
9
|
import { N30 } from '@atlaskit/theme/colors';
|
|
6
10
|
export const indentBase = "var(--ds-space-300, 25px)";
|
|
@@ -12,11 +16,10 @@ const treeRowContainerStyles = css({
|
|
|
12
16
|
/**
|
|
13
17
|
* __Tree row container__
|
|
14
18
|
*/
|
|
15
|
-
export const TreeRowContainer = props =>
|
|
16
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
17
|
-
jsx("div", _extends({
|
|
19
|
+
export const TreeRowContainer = props => jsx("div", _extends({
|
|
18
20
|
role: "row",
|
|
19
21
|
css: treeRowContainerStyles
|
|
22
|
+
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
20
23
|
}, props));
|
|
21
24
|
const commonCellElementStyles = css({
|
|
22
25
|
display: 'flex',
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
/**
|
|
4
|
+
* @jsxRuntime classic
|
|
5
|
+
*/
|
|
3
6
|
/** @jsx jsx */
|
|
4
7
|
/* eslint-disable @repo/internal/react/no-clone-element */
|
|
5
8
|
import React, { Component, Fragment } from 'react';
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
11
|
import { css, jsx } from '@emotion/react';
|
|
7
12
|
import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
8
13
|
import toItemId from '../utils/to-item-id';
|
|
@@ -12,7 +17,7 @@ const treeRowClickableStyles = css({
|
|
|
12
17
|
cursor: 'pointer'
|
|
13
18
|
});
|
|
14
19
|
const packageName = "@atlaskit/table-tree";
|
|
15
|
-
const packageVersion = "9.
|
|
20
|
+
const packageVersion = "9.10.1";
|
|
16
21
|
class Row extends Component {
|
|
17
22
|
constructor(...args) {
|
|
18
23
|
super(...args);
|
|
@@ -32,7 +32,9 @@ var Cell = /*#__PURE__*/function (_Component) {
|
|
|
32
32
|
props = _objectWithoutProperties(_this$props, _excluded);
|
|
33
33
|
return /*#__PURE__*/React.createElement(CommonCell, _extends({
|
|
34
34
|
indent: indentLevel ? "calc(".concat(indentBase, " * ").concat(indentLevel, ")") : undefined,
|
|
35
|
-
width: width
|
|
35
|
+
width: width
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
37
|
+
,
|
|
36
38
|
className: className
|
|
37
39
|
}, props), /*#__PURE__*/React.createElement(OverflowContainer, {
|
|
38
40
|
isSingleLine: singleLine
|
|
@@ -6,8 +6,13 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
|
|
|
6
6
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
7
|
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); }; }
|
|
8
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
|
+
/**
|
|
10
|
+
* @jsxRuntime classic
|
|
11
|
+
*/
|
|
9
12
|
/** @jsx jsx */
|
|
10
13
|
import { Component } from 'react';
|
|
14
|
+
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
16
|
import { css, jsx } from '@emotion/react';
|
|
12
17
|
import { N300 } from '@atlaskit/theme/colors';
|
|
13
18
|
import ColumnCell from './internal/common-cell';
|
|
@@ -5,13 +5,18 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
|
|
|
5
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
6
|
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); }; }
|
|
7
7
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
8
|
+
/**
|
|
9
|
+
* @jsxRuntime classic
|
|
10
|
+
*/
|
|
8
11
|
/** @jsx jsx */
|
|
9
12
|
/* eslint-disable @repo/internal/react/no-clone-element */
|
|
10
13
|
import { Children, cloneElement, Component } from 'react';
|
|
14
|
+
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
16
|
import { css, jsx } from '@emotion/react';
|
|
12
17
|
var containerStyles = css({
|
|
13
18
|
display: 'flex',
|
|
14
|
-
|
|
19
|
+
borderBlockEnd: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
|
|
15
20
|
});
|
|
16
21
|
var Headers = /*#__PURE__*/function (_Component) {
|
|
17
22
|
_inherits(Headers, _Component);
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["indent", "width"];
|
|
4
|
+
/**
|
|
5
|
+
* @jsxRuntime classic
|
|
6
|
+
*/
|
|
4
7
|
/** @jsx jsx */
|
|
5
8
|
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
10
|
import { css, jsx } from '@emotion/react';
|
|
7
11
|
import { N800 } from '@atlaskit/theme/colors';
|
|
8
12
|
import { indentBase } from './styled';
|
|
@@ -10,6 +14,7 @@ var commonStyles = css({
|
|
|
10
14
|
display: 'flex',
|
|
11
15
|
boxSizing: 'border-box',
|
|
12
16
|
minHeight: 40,
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
13
18
|
padding: "var(--ds-space-100, 10px)".concat(" ", indentBase, " ", "var(--ds-space-100, 10px)", " var(--indent, ").concat(indentBase, ")"),
|
|
14
19
|
position: 'relative',
|
|
15
20
|
alignItems: 'center',
|
|
@@ -29,6 +34,7 @@ var CommonCell = function CommonCell(_ref) {
|
|
|
29
34
|
role: "gridcell"
|
|
30
35
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
31
36
|
}, props, {
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
32
38
|
style: {
|
|
33
39
|
'--indent': indent,
|
|
34
40
|
width: width
|
|
@@ -6,9 +6,14 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
7
|
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); }; }
|
|
8
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
|
+
/**
|
|
10
|
+
* @jsxRuntime classic
|
|
11
|
+
*/
|
|
9
12
|
/** @jsx jsx */
|
|
10
13
|
/* eslint-disable @repo/internal/react/no-clone-element */
|
|
11
14
|
import { cloneElement, Component } from 'react';
|
|
15
|
+
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
17
|
import { jsx } from '@emotion/react';
|
|
13
18
|
import toItemId from '../../utils/to-item-id';
|
|
14
19
|
import Items from './items';
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["isSingleLine"];
|
|
4
|
+
/**
|
|
5
|
+
* @jsxRuntime classic
|
|
6
|
+
*/
|
|
4
7
|
/** @jsx jsx */
|
|
5
8
|
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
10
|
import { css, jsx } from '@emotion/react';
|
|
7
11
|
var overflowContainerStyles = css({
|
|
8
12
|
overflow: 'hidden',
|
|
@@ -16,11 +20,9 @@ var overflowContainerStyles = css({
|
|
|
16
20
|
var OverflowContainer = function OverflowContainer(_ref) {
|
|
17
21
|
var isSingleLine = _ref.isSingleLine,
|
|
18
22
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return (
|
|
23
|
+
return jsx("span", _extends({
|
|
24
|
+
css: isSingleLine && overflowContainerStyles
|
|
20
25
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
21
|
-
|
|
22
|
-
css: isSingleLine && overflowContainerStyles
|
|
23
|
-
}, props))
|
|
24
|
-
);
|
|
26
|
+
}, props));
|
|
25
27
|
};
|
|
26
28
|
export default OverflowContainer;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
var _excluded = ["isRoot"];
|
|
4
|
+
/**
|
|
5
|
+
* @jsxRuntime classic
|
|
6
|
+
*/
|
|
4
7
|
/** @jsx jsx */
|
|
5
8
|
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
10
|
import { css, jsx } from '@emotion/react';
|
|
7
11
|
import { N30 } from '@atlaskit/theme/colors';
|
|
8
12
|
export var indentBase = "var(--ds-space-300, 25px)";
|
|
@@ -15,13 +19,11 @@ var treeRowContainerStyles = css({
|
|
|
15
19
|
* __Tree row container__
|
|
16
20
|
*/
|
|
17
21
|
export var TreeRowContainer = function TreeRowContainer(props) {
|
|
18
|
-
return (
|
|
22
|
+
return jsx("div", _extends({
|
|
23
|
+
role: "row",
|
|
24
|
+
css: treeRowContainerStyles
|
|
19
25
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
20
|
-
|
|
21
|
-
role: "row",
|
|
22
|
-
css: treeRowContainerStyles
|
|
23
|
-
}, props))
|
|
24
|
-
);
|
|
26
|
+
}, props));
|
|
25
27
|
};
|
|
26
28
|
var commonCellElementStyles = css({
|
|
27
29
|
display: 'flex',
|
|
@@ -8,9 +8,14 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
9
|
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
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
|
+
/**
|
|
12
|
+
* @jsxRuntime classic
|
|
13
|
+
*/
|
|
11
14
|
/** @jsx jsx */
|
|
12
15
|
/* eslint-disable @repo/internal/react/no-clone-element */
|
|
13
16
|
import React, { Component, Fragment } from 'react';
|
|
17
|
+
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
19
|
import { css, jsx } from '@emotion/react';
|
|
15
20
|
import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
16
21
|
import toItemId from '../utils/to-item-id';
|
|
@@ -20,7 +25,7 @@ var treeRowClickableStyles = css({
|
|
|
20
25
|
cursor: 'pointer'
|
|
21
26
|
});
|
|
22
27
|
var packageName = "@atlaskit/table-tree";
|
|
23
|
-
var packageVersion = "9.
|
|
28
|
+
var packageVersion = "9.10.1";
|
|
24
29
|
var Row = /*#__PURE__*/function (_Component) {
|
|
25
30
|
_inherits(Row, _Component);
|
|
26
31
|
var _super = _createSuper(Row);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
2
|
export interface CellProps {
|
|
3
3
|
/**
|
|
4
4
|
* Sets whether the cell contents should wrap or display on a single line and be truncated. For accessibility reasons, wrapping the content is strongly recommended.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
2
|
export interface CellProps {
|
|
3
3
|
/**
|
|
4
4
|
* Sets whether the cell contents should wrap or display on a single line and be truncated. For accessibility reasons, wrapping the content is strongly recommended.
|