@dreamcommerce/aurora 2.20.9-2 → 2.20.9-4
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_add/tree_node_add.js +24 -6
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +1 -1
- package/build/cjs/packages/aurora/src/components/tree/constants.js +8 -0
- package/build/cjs/packages/aurora/src/components/tree/constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/tree/index.js +3 -1
- package/build/cjs/packages/aurora/src/components/tree/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +1 -3
- package/build/cjs/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts +1 -4
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +26 -7
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +1 -1
- package/build/esm/packages/aurora/src/components/tree/constants.d.ts +1 -5
- package/build/esm/packages/aurora/src/components/tree/constants.js +4 -6
- package/build/esm/packages/aurora/src/components/tree/constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tree/index.js +3 -1
- package/build/esm/packages/aurora/src/components/tree/index.js.map +1 -1
- package/build/esm/packages/aurora/src/css/tree/main.module.less.js +1 -3
- package/build/esm/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
- package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js
CHANGED
|
@@ -4,24 +4,42 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var classnames = require('classnames');
|
|
8
7
|
var css_classes = require('../../css_classes.js');
|
|
8
|
+
var constants = require('../../constants.js');
|
|
9
9
|
var main_module = require('../../../../css/tree/main.module.less.js');
|
|
10
10
|
var tree_node_add_actions = require('./tree_node_add_actions.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
16
15
|
|
|
17
16
|
var TreeNodeAdd = function TreeNodeAdd(_ref) {
|
|
18
|
-
var
|
|
19
|
-
label = _ref.label,
|
|
17
|
+
var label = _ref.label,
|
|
20
18
|
onClick = _ref.onClick,
|
|
21
19
|
actions = _ref.actions;
|
|
20
|
+
var nodeRef = React__default['default'].useRef(null);
|
|
21
|
+
|
|
22
|
+
var _useState = React.useState(0),
|
|
23
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
24
|
+
nodeNegativeLeftMargin = _useState2[0],
|
|
25
|
+
setNodeNegativeLeftMargin = _useState2[1];
|
|
26
|
+
|
|
27
|
+
React.useEffect(function () {
|
|
28
|
+
if (!nodeRef.current) return;
|
|
29
|
+
var node = nodeRef.current;
|
|
30
|
+
var parentTree = node.closest("[role=\"".concat(constants.TREE_ROLE_ATTRIBUTE, "\"]"));
|
|
31
|
+
if (!parentTree) return;
|
|
32
|
+
var parentLeftGap = parentTree.getBoundingClientRect().left;
|
|
33
|
+
var nodeLeftGap = node.getBoundingClientRect().left;
|
|
34
|
+
setNodeNegativeLeftMargin(nodeLeftGap - parentLeftGap);
|
|
35
|
+
}, []);
|
|
22
36
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
23
|
-
className:
|
|
24
|
-
|
|
37
|
+
className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAdd],
|
|
38
|
+
style: {
|
|
39
|
+
marginLeft: "-".concat(nodeNegativeLeftMargin, "px")
|
|
40
|
+
},
|
|
41
|
+
onClick: onClick,
|
|
42
|
+
ref: nodeRef
|
|
25
43
|
}, label ? /*#__PURE__*/React__default['default'].createElement("span", {
|
|
26
44
|
className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
|
|
27
45
|
}, label) : /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions.TreeNodeAddActions, {
|
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map
CHANGED
|
@@ -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;"}
|
|
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;"}
|
|
@@ -29,7 +29,7 @@ var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
|
|
|
29
29
|
return /*#__PURE__*/React__default['default'].createElement(index['default'], {
|
|
30
30
|
align: "center",
|
|
31
31
|
spacing: 12,
|
|
32
|
-
key: index$1,
|
|
32
|
+
key: "tree-node-action-".concat(index$1),
|
|
33
33
|
className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
|
|
34
34
|
onClick: onClick
|
|
35
35
|
}, /*#__PURE__*/React__default['default'].createElement(Icon, null), label);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
|
-
var tree_provider = require('./context/tree_provider.js');
|
|
8
7
|
var css_classes = require('./css_classes.js');
|
|
8
|
+
var constants = require('./constants.js');
|
|
9
|
+
var tree_provider = require('./context/tree_provider.js');
|
|
9
10
|
var main_module = require('../../css/tree/main.module.less.js');
|
|
10
11
|
|
|
11
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -20,6 +21,7 @@ var Tree = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref
|
|
|
20
21
|
onMouseEnter = _ref.onMouseEnter,
|
|
21
22
|
onMouseLeave = _ref.onMouseLeave;
|
|
22
23
|
return /*#__PURE__*/React__default['default'].createElement(tree_provider.TreeProvider, null, /*#__PURE__*/React__default['default'].createElement("ul", {
|
|
24
|
+
role: constants.TREE_ROLE_ATTRIBUTE,
|
|
23
25
|
onMouseEnter: onMouseEnter,
|
|
24
26
|
onMouseLeave: onMouseLeave,
|
|
25
27
|
ref: ref,
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -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__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-
|
|
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__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";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"tree": "main-module_tree__3D4e3",
|
|
10
10
|
"tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
|
|
@@ -19,8 +19,6 @@ var cssClasses = {
|
|
|
19
19
|
"tree-node__add": "main-module_tree-node__add__2SAM_",
|
|
20
20
|
"tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
|
|
21
21
|
"tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
|
|
22
|
-
"tree-node__add_row": "main-module_tree-node__add_row__3XoId",
|
|
23
|
-
"tree-node__add_column": "main-module_tree-node__add_column__1R4FQ",
|
|
24
22
|
"tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
|
|
25
23
|
"tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
|
|
26
24
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;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,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import { Any } from 'ts-toolbelt';
|
|
2
1
|
import { ITreeNodeAddAction } from "../../types";
|
|
3
|
-
import { TREE_NODE_TYPES } from "../../constants";
|
|
4
2
|
declare type TTreeNodeAddProps = {
|
|
5
|
-
type: Any.Keys<typeof TREE_NODE_TYPES>;
|
|
6
3
|
label?: string;
|
|
7
4
|
onClick?: () => void;
|
|
8
5
|
actions?: ITreeNodeAddAction[];
|
|
9
6
|
};
|
|
10
|
-
export declare const TreeNodeAdd: ({
|
|
7
|
+
export declare const TreeNodeAdd: ({ label, onClick, actions }: TTreeNodeAddProps) => JSX.Element;
|
|
11
8
|
export default TreeNodeAdd;
|
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js
CHANGED
|
@@ -1,18 +1,37 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import classnames from 'classnames';
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
3
|
import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
|
|
4
|
+
import { TREE_ROLE_ATTRIBUTE } from '../../constants.js';
|
|
5
5
|
import cssClasses from '../../../../css/tree/main.module.less.js';
|
|
6
6
|
import { TreeNodeAddActions } from './tree_node_add_actions.js';
|
|
7
7
|
|
|
8
8
|
var TreeNodeAdd = function TreeNodeAdd(_ref) {
|
|
9
|
-
var
|
|
10
|
-
label = _ref.label,
|
|
9
|
+
var label = _ref.label,
|
|
11
10
|
onClick = _ref.onClick,
|
|
12
11
|
actions = _ref.actions;
|
|
12
|
+
var nodeRef = React.useRef(null);
|
|
13
|
+
|
|
14
|
+
var _useState = useState(0),
|
|
15
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
16
|
+
nodeNegativeLeftMargin = _useState2[0],
|
|
17
|
+
setNodeNegativeLeftMargin = _useState2[1];
|
|
18
|
+
|
|
19
|
+
useEffect(function () {
|
|
20
|
+
if (!nodeRef.current) return;
|
|
21
|
+
var node = nodeRef.current;
|
|
22
|
+
var parentTree = node.closest("[role=\"".concat(TREE_ROLE_ATTRIBUTE, "\"]"));
|
|
23
|
+
if (!parentTree) return;
|
|
24
|
+
var parentLeftGap = parentTree.getBoundingClientRect().left;
|
|
25
|
+
var nodeLeftGap = node.getBoundingClientRect().left;
|
|
26
|
+
setNodeNegativeLeftMargin(nodeLeftGap - parentLeftGap);
|
|
27
|
+
}, []);
|
|
13
28
|
return /*#__PURE__*/React.createElement("div", {
|
|
14
|
-
className:
|
|
15
|
-
|
|
29
|
+
className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAdd],
|
|
30
|
+
style: {
|
|
31
|
+
marginLeft: "-".concat(nodeNegativeLeftMargin, "px")
|
|
32
|
+
},
|
|
33
|
+
onClick: onClick,
|
|
34
|
+
ref: nodeRef
|
|
16
35
|
}, label ? /*#__PURE__*/React.createElement("span", {
|
|
17
36
|
className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
|
|
18
37
|
}, label) : /*#__PURE__*/React.createElement(TreeNodeAddActions, {
|
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map
CHANGED
|
@@ -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;"}
|
|
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;"}
|
|
@@ -21,7 +21,7 @@ var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
|
|
|
21
21
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
22
22
|
align: "center",
|
|
23
23
|
spacing: 12,
|
|
24
|
-
key: index,
|
|
24
|
+
key: "tree-node-action-".concat(index),
|
|
25
25
|
className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
|
|
26
26
|
onClick: onClick
|
|
27
27
|
}, /*#__PURE__*/React.createElement(Icon, null), label);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { TreeProvider } from './context/tree_provider.js';
|
|
4
3
|
import { TREE_CSS_CLASSES } from './css_classes.js';
|
|
4
|
+
import { TREE_ROLE_ATTRIBUTE } from './constants.js';
|
|
5
|
+
import { TreeProvider } from './context/tree_provider.js';
|
|
5
6
|
import cssClasses from '../../css/tree/main.module.less.js';
|
|
6
7
|
|
|
7
8
|
var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
@@ -11,6 +12,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
11
12
|
onMouseEnter = _ref.onMouseEnter,
|
|
12
13
|
onMouseLeave = _ref.onMouseLeave;
|
|
13
14
|
return /*#__PURE__*/React.createElement(TreeProvider, null, /*#__PURE__*/React.createElement("ul", {
|
|
15
|
+
role: TREE_ROLE_ATTRIBUTE,
|
|
14
16
|
onMouseEnter: onMouseEnter,
|
|
15
17
|
onMouseLeave: onMouseLeave,
|
|
16
18
|
ref: ref,
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -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__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-
|
|
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__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";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"tree": "main-module_tree__3D4e3",
|
|
6
6
|
"tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
|
|
@@ -15,8 +15,6 @@ var cssClasses = {
|
|
|
15
15
|
"tree-node__add": "main-module_tree-node__add__2SAM_",
|
|
16
16
|
"tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
|
|
17
17
|
"tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
|
|
18
|
-
"tree-node__add_row": "main-module_tree-node__add_row__3XoId",
|
|
19
|
-
"tree-node__add_column": "main-module_tree-node__add_column__1R4FQ",
|
|
20
18
|
"tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
|
|
21
19
|
"tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
|
|
22
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;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,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|