@dreamcommerce/aurora 2.20.9-13 → 2.20.9-15
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/build/cjs/packages/aurora/src/components/tree/components/tree_node.js +19 -12
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node.js +20 -13
- package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
- package/build/esm/packages/aurora/src/css/tree/main.module.less.js +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
|
+
var index = require('../../stack/index.js');
|
|
8
9
|
var icon_list_arrow_down = require('../../../assets/icon_list_arrow_down.js');
|
|
9
10
|
var reactTransitionGroup = require('react-transition-group');
|
|
10
11
|
var css_classes = require('../css_classes.js');
|
|
@@ -39,9 +40,6 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
39
40
|
isNodeHovered = _useState2[0],
|
|
40
41
|
setIsNodeHovered = _useState2[1];
|
|
41
42
|
|
|
42
|
-
React.useEffect(function () {
|
|
43
|
-
console.log('isNodeHovered', isNodeHovered);
|
|
44
|
-
}, [isNodeHovered]);
|
|
45
43
|
if (!node) return null;
|
|
46
44
|
|
|
47
45
|
var toggleNode = function toggleNode() {
|
|
@@ -73,26 +71,35 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
73
71
|
toggleNode: toggleNode,
|
|
74
72
|
isLeaf: !childrenCount
|
|
75
73
|
})) : /*#__PURE__*/React__default['default'].createElement("div", {
|
|
76
|
-
className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel])
|
|
74
|
+
className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel])
|
|
75
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
76
|
+
style: {
|
|
77
|
+
width: '100%'
|
|
78
|
+
}
|
|
79
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
80
|
+
style: {
|
|
81
|
+
width: '100%',
|
|
82
|
+
padding: '3px 0'
|
|
83
|
+
},
|
|
77
84
|
onMouseEnter: function onMouseEnter() {
|
|
78
85
|
return setIsNodeHovered(true);
|
|
79
86
|
},
|
|
80
87
|
onMouseLeave: function onMouseLeave() {
|
|
81
88
|
return setIsNodeHovered(false);
|
|
82
89
|
}
|
|
90
|
+
}, isNodeHovered && /*#__PURE__*/React__default['default'].createElement(tree_node_add.TreeNodeAdd, {
|
|
91
|
+
label: addNodeLabel,
|
|
92
|
+
onClick: addNodeOnClick
|
|
93
|
+
})), /*#__PURE__*/React__default['default'].createElement(index['default'], {
|
|
94
|
+
style: {
|
|
95
|
+
width: '100%'
|
|
96
|
+
}
|
|
83
97
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
84
98
|
className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded, node.expanded), main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded], node.expanded)),
|
|
85
99
|
onClick: toggleNode
|
|
86
100
|
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
87
101
|
className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon], css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon)
|
|
88
|
-
}, /*#__PURE__*/React__default['default'].createElement(icon_list_arrow_down.IconListArrowDown, null))),
|
|
89
|
-
style: {
|
|
90
|
-
width: '100%'
|
|
91
|
-
}
|
|
92
|
-
}, isNodeHovered && /*#__PURE__*/React__default['default'].createElement(tree_node_add.TreeNodeAdd, {
|
|
93
|
-
label: addNodeLabel,
|
|
94
|
-
onClick: addNodeOnClick
|
|
95
|
-
}), Label));
|
|
102
|
+
}, /*#__PURE__*/React__default['default'].createElement(icon_list_arrow_down.IconListArrowDown, null))), Label)));
|
|
96
103
|
return /*#__PURE__*/React__default['default'].createElement("li", {
|
|
97
104
|
role: "treeitem",
|
|
98
105
|
"aria-expanded": node.expanded,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add-label__iKmMX {\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n cursor: pointer;\n color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n margin-bottom: 15px;\n}\n";
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add__2SAM_ > * {\n transform: translateY(-9px);\n}\n.main-module_tree-node__add-label__iKmMX {\n position: absolute;\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n cursor: pointer;\n color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n margin-bottom: 15px;\n}\n";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"tree": "main-module_tree__3D4e3",
|
|
10
10
|
"tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React, { useRef, Children, useState
|
|
1
|
+
import React, { useRef, Children, useState } from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
|
+
import Stack from '../../stack/index.js';
|
|
4
5
|
import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
|
|
5
6
|
import { CSSTransition } from 'react-transition-group';
|
|
6
7
|
import { TREE_NODE_CSS_CLASSES } from '../css_classes.js';
|
|
@@ -30,9 +31,6 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
30
31
|
isNodeHovered = _useState2[0],
|
|
31
32
|
setIsNodeHovered = _useState2[1];
|
|
32
33
|
|
|
33
|
-
useEffect(function () {
|
|
34
|
-
console.log('isNodeHovered', isNodeHovered);
|
|
35
|
-
}, [isNodeHovered]);
|
|
36
34
|
if (!node) return null;
|
|
37
35
|
|
|
38
36
|
var toggleNode = function toggleNode() {
|
|
@@ -64,26 +62,35 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
64
62
|
toggleNode: toggleNode,
|
|
65
63
|
isLeaf: !childrenCount
|
|
66
64
|
})) : /*#__PURE__*/React.createElement("div", {
|
|
67
|
-
className: classnames(TREE_NODE_CSS_CLASSES.treeNodeLabel, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabel])
|
|
65
|
+
className: classnames(TREE_NODE_CSS_CLASSES.treeNodeLabel, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabel])
|
|
66
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
67
|
+
style: {
|
|
68
|
+
width: '100%'
|
|
69
|
+
}
|
|
70
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
71
|
+
style: {
|
|
72
|
+
width: '100%',
|
|
73
|
+
padding: '3px 0'
|
|
74
|
+
},
|
|
68
75
|
onMouseEnter: function onMouseEnter() {
|
|
69
76
|
return setIsNodeHovered(true);
|
|
70
77
|
},
|
|
71
78
|
onMouseLeave: function onMouseLeave() {
|
|
72
79
|
return setIsNodeHovered(false);
|
|
73
80
|
}
|
|
81
|
+
}, isNodeHovered && /*#__PURE__*/React.createElement(TreeNodeAdd, {
|
|
82
|
+
label: addNodeLabel,
|
|
83
|
+
onClick: addNodeOnClick
|
|
84
|
+
})), /*#__PURE__*/React.createElement(Stack, {
|
|
85
|
+
style: {
|
|
86
|
+
width: '100%'
|
|
87
|
+
}
|
|
74
88
|
}, /*#__PURE__*/React.createElement("button", {
|
|
75
89
|
className: classnames(TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeTogglerBtn], _defineProperty(_defineProperty({}, TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded, node.expanded), cssClasses[TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnExpanded], node.expanded)),
|
|
76
90
|
onClick: toggleNode
|
|
77
91
|
}, /*#__PURE__*/React.createElement("span", {
|
|
78
92
|
className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon], TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon)
|
|
79
|
-
}, /*#__PURE__*/React.createElement(IconListArrowDown, null))),
|
|
80
|
-
style: {
|
|
81
|
-
width: '100%'
|
|
82
|
-
}
|
|
83
|
-
}, isNodeHovered && /*#__PURE__*/React.createElement(TreeNodeAdd, {
|
|
84
|
-
label: addNodeLabel,
|
|
85
|
-
onClick: addNodeOnClick
|
|
86
|
-
}), Label));
|
|
93
|
+
}, /*#__PURE__*/React.createElement(IconListArrowDown, null))), Label)));
|
|
87
94
|
return /*#__PURE__*/React.createElement("li", {
|
|
88
95
|
role: "treeitem",
|
|
89
96
|
"aria-expanded": node.expanded,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add-label__iKmMX {\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n cursor: pointer;\n color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n margin-bottom: 15px;\n}\n";
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add__2SAM_ > * {\n transform: translateY(-9px);\n}\n.main-module_tree-node__add-label__iKmMX {\n position: absolute;\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n cursor: pointer;\n color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n margin-bottom: 15px;\n}\n";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"tree": "main-module_tree__3D4e3",
|
|
6
6
|
"tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
|