@dreamcommerce/aurora 2.20.9-12 → 2.20.9-14
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 +20 -19
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node.js +21 -20
- package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map +1 -1
- package/package.json +1 -1
|
@@ -39,16 +39,20 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
39
39
|
isNodeHovered = _useState2[0],
|
|
40
40
|
setIsNodeHovered = _useState2[1];
|
|
41
41
|
|
|
42
|
-
React.useEffect(function () {
|
|
43
|
-
console.log('isNodeHovered', isNodeHovered);
|
|
44
|
-
}, [isNodeHovered]);
|
|
45
42
|
if (!node) return null;
|
|
46
43
|
|
|
47
44
|
var toggleNode = function toggleNode() {
|
|
48
45
|
treeApi.toggleNode(node.id);
|
|
49
46
|
};
|
|
50
47
|
|
|
51
|
-
var Label = LabelComponent ?
|
|
48
|
+
var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
|
|
49
|
+
node: node,
|
|
50
|
+
isLeaf: !children
|
|
51
|
+
}) : /*#__PURE__*/React__default['default'].createElement("div", {
|
|
52
|
+
tabIndex: !children ? 0 : -1,
|
|
53
|
+
className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
|
|
54
|
+
}, node.label ? node.label : node.id);
|
|
55
|
+
var Content = ContentComponent ? /*#__PURE__*/React__default['default'].createElement("div", {
|
|
52
56
|
style: {
|
|
53
57
|
width: '100%'
|
|
54
58
|
},
|
|
@@ -61,34 +65,31 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
61
65
|
}, isNodeHovered && /*#__PURE__*/React__default['default'].createElement(tree_node_add.TreeNodeAdd, {
|
|
62
66
|
label: addNodeLabel,
|
|
63
67
|
onClick: addNodeOnClick
|
|
64
|
-
}),
|
|
68
|
+
}), ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
|
|
65
69
|
node: node,
|
|
66
|
-
|
|
70
|
+
toggleNode: toggleNode,
|
|
71
|
+
isLeaf: !childrenCount
|
|
67
72
|
})) : /*#__PURE__*/React__default['default'].createElement("div", {
|
|
68
|
-
|
|
69
|
-
className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent),
|
|
73
|
+
className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel]),
|
|
70
74
|
onMouseEnter: function onMouseEnter() {
|
|
71
75
|
return setIsNodeHovered(true);
|
|
72
76
|
},
|
|
73
77
|
onMouseLeave: function onMouseLeave() {
|
|
74
78
|
return setIsNodeHovered(false);
|
|
75
79
|
}
|
|
76
|
-
}, isNodeHovered && /*#__PURE__*/React__default['default'].createElement(tree_node_add.TreeNodeAdd, {
|
|
77
|
-
label: addNodeLabel,
|
|
78
|
-
onClick: addNodeOnClick
|
|
79
|
-
}), node.label ? node.label : node.id);
|
|
80
|
-
var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
|
|
81
|
-
node: node,
|
|
82
|
-
toggleNode: toggleNode,
|
|
83
|
-
isLeaf: !childrenCount
|
|
84
|
-
}) : /*#__PURE__*/React__default['default'].createElement("div", {
|
|
85
|
-
className: classnames__default['default'](css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabel])
|
|
86
80
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
87
81
|
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)),
|
|
88
82
|
onClick: toggleNode
|
|
89
83
|
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
90
84
|
className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon], css_classes.TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon)
|
|
91
|
-
}, /*#__PURE__*/React__default['default'].createElement(icon_list_arrow_down.IconListArrowDown, null))),
|
|
85
|
+
}, /*#__PURE__*/React__default['default'].createElement(icon_list_arrow_down.IconListArrowDown, null))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
86
|
+
style: {
|
|
87
|
+
width: '100%'
|
|
88
|
+
}
|
|
89
|
+
}, isNodeHovered && /*#__PURE__*/React__default['default'].createElement(tree_node_add.TreeNodeAdd, {
|
|
90
|
+
label: addNodeLabel,
|
|
91
|
+
onClick: addNodeOnClick
|
|
92
|
+
}), Label));
|
|
92
93
|
return /*#__PURE__*/React__default['default'].createElement("li", {
|
|
93
94
|
role: "treeitem",
|
|
94
95
|
"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;"}
|
|
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;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
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
4
|
import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
|
|
@@ -30,16 +30,20 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
30
30
|
isNodeHovered = _useState2[0],
|
|
31
31
|
setIsNodeHovered = _useState2[1];
|
|
32
32
|
|
|
33
|
-
useEffect(function () {
|
|
34
|
-
console.log('isNodeHovered', isNodeHovered);
|
|
35
|
-
}, [isNodeHovered]);
|
|
36
33
|
if (!node) return null;
|
|
37
34
|
|
|
38
35
|
var toggleNode = function toggleNode() {
|
|
39
36
|
treeApi.toggleNode(node.id);
|
|
40
37
|
};
|
|
41
38
|
|
|
42
|
-
var Label = LabelComponent ?
|
|
39
|
+
var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
|
|
40
|
+
node: node,
|
|
41
|
+
isLeaf: !children
|
|
42
|
+
}) : /*#__PURE__*/React.createElement("div", {
|
|
43
|
+
tabIndex: !children ? 0 : -1,
|
|
44
|
+
className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabelContent], TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
|
|
45
|
+
}, node.label ? node.label : node.id);
|
|
46
|
+
var Content = ContentComponent ? /*#__PURE__*/React.createElement("div", {
|
|
43
47
|
style: {
|
|
44
48
|
width: '100%'
|
|
45
49
|
},
|
|
@@ -52,34 +56,31 @@ var TreeNode = function TreeNode(_ref) {
|
|
|
52
56
|
}, isNodeHovered && /*#__PURE__*/React.createElement(TreeNodeAdd, {
|
|
53
57
|
label: addNodeLabel,
|
|
54
58
|
onClick: addNodeOnClick
|
|
55
|
-
}),
|
|
59
|
+
}), ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
|
|
56
60
|
node: node,
|
|
57
|
-
|
|
61
|
+
toggleNode: toggleNode,
|
|
62
|
+
isLeaf: !childrenCount
|
|
58
63
|
})) : /*#__PURE__*/React.createElement("div", {
|
|
59
|
-
|
|
60
|
-
className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabelContent], TREE_NODE_CSS_CLASSES.treeNodeLabelContent),
|
|
64
|
+
className: classnames(TREE_NODE_CSS_CLASSES.treeNodeLabel, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabel]),
|
|
61
65
|
onMouseEnter: function onMouseEnter() {
|
|
62
66
|
return setIsNodeHovered(true);
|
|
63
67
|
},
|
|
64
68
|
onMouseLeave: function onMouseLeave() {
|
|
65
69
|
return setIsNodeHovered(false);
|
|
66
70
|
}
|
|
67
|
-
}, isNodeHovered && /*#__PURE__*/React.createElement(TreeNodeAdd, {
|
|
68
|
-
label: addNodeLabel,
|
|
69
|
-
onClick: addNodeOnClick
|
|
70
|
-
}), node.label ? node.label : node.id);
|
|
71
|
-
var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
|
|
72
|
-
node: node,
|
|
73
|
-
toggleNode: toggleNode,
|
|
74
|
-
isLeaf: !childrenCount
|
|
75
|
-
}) : /*#__PURE__*/React.createElement("div", {
|
|
76
|
-
className: classnames(TREE_NODE_CSS_CLASSES.treeNodeLabel, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabel])
|
|
77
71
|
}, /*#__PURE__*/React.createElement("button", {
|
|
78
72
|
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)),
|
|
79
73
|
onClick: toggleNode
|
|
80
74
|
}, /*#__PURE__*/React.createElement("span", {
|
|
81
75
|
className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon], TREE_NODE_CSS_CLASSES.treeNodeTogglerBtnIcon)
|
|
82
|
-
}, /*#__PURE__*/React.createElement(IconListArrowDown, null))),
|
|
76
|
+
}, /*#__PURE__*/React.createElement(IconListArrowDown, null))), /*#__PURE__*/React.createElement("div", {
|
|
77
|
+
style: {
|
|
78
|
+
width: '100%'
|
|
79
|
+
}
|
|
80
|
+
}, isNodeHovered && /*#__PURE__*/React.createElement(TreeNodeAdd, {
|
|
81
|
+
label: addNodeLabel,
|
|
82
|
+
onClick: addNodeOnClick
|
|
83
|
+
}), Label));
|
|
83
84
|
return /*#__PURE__*/React.createElement("li", {
|
|
84
85
|
role: "treeitem",
|
|
85
86
|
"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;"}
|
|
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;"}
|