@dreamcommerce/aurora 2.20.9-1 → 2.20.9-11

package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js

@@ -9,6 +9,7 @@ var icon_list_arrow_down = require('../../../assets/icon_list_arrow_down.js');
 var reactTransitionGroup = require('react-transition-group');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/tree/main.module.less.js');
+var tree_node_add = require('./tree_node_add/tree_node_add.js');
 var tree_hook = require('../hooks/tree_hook.js');
 var tree_node_hook = require('../hooks/tree_node_hook.js');
 
@@ -17,32 +18,62 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent"];
+var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "addNodeLabel", "addNodeOnClick"];
 var TreeNode = function TreeNode(_ref) {
   var children = _ref.children,
       id = _ref.id,
       cssClassNames = _ref.cssClassNames,
       ContentComponent = _ref.ContentComponent,
       LabelComponent = _ref.LabelComponent,
+      addNodeLabel = _ref.addNodeLabel,
+      addNodeOnClick = _ref.addNodeOnClick,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var treeApi = tree_hook.useTree();
   var node = tree_node_hook.useTreeNode(id, rest);
   var nodeChildrenRef = React.useRef(null);
   var childrenCount = React.Children.count(children);
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isNodeHovered = _useState2[0],
+      setIsNodeHovered = _useState2[1];
+
+  React.useEffect(function () {
+    console.log('isNodeHovered', isNodeHovered);
+  }, [isNodeHovered]);
   if (!node) return null;
 
   var toggleNode = function toggleNode() {
     treeApi.toggleNode(node.id);
   };
 
-  var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
+  var Label = LabelComponent ? /*#__PURE__*/React__default['default'].createElement("div", {
+    onMouseEnter: function onMouseEnter() {
+      return setIsNodeHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsNodeHovered(false);
+    }
+  }, LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
     node: node,
     isLeaf: !children
-  }) : /*#__PURE__*/React__default['default'].createElement("span", {
+  }), isNodeHovered && /*#__PURE__*/React__default['default'].createElement(tree_node_add.TreeNodeAdd, {
+    label: addNodeLabel,
+    onClick: addNodeOnClick
+  })) : /*#__PURE__*/React__default['default'].createElement("div", {
     tabIndex: !children ? 0 : -1,
-    className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
-  }, node.label ? node.label : node.id);
+    className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent),
+    onMouseEnter: function onMouseEnter() {
+      return setIsNodeHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsNodeHovered(false);
+    }
+  }, isNodeHovered && /*#__PURE__*/React__default['default'].createElement(tree_node_add.TreeNodeAdd, {
+    label: addNodeLabel,
+    onClick: addNodeOnClick
+  }), node.label ? node.label : node.id);
   var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
     node: node,
     toggleNode: toggleNode,

package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js.map

@@ -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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js

@@ -4,24 +4,49 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var classnames = require('classnames');
 var css_classes = require('../../css_classes.js');
+var constants = require('../../constants.js');
 var main_module = require('../../../../css/tree/main.module.less.js');
 var tree_node_add_actions = require('./tree_node_add_actions.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var TreeNodeAdd = function TreeNodeAdd(_ref) {
-  var type = _ref.type,
-      label = _ref.label,
+  var label = _ref.label,
       onClick = _ref.onClick,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave,
       actions = _ref.actions;
+  var nodeRef = React__default['default'].useRef(null);
+
+  var _useState = React.useState(0),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      nodeNegativeLeftMargin = _useState2[0],
+      setNodeNegativeLeftMargin = _useState2[1];
+
+  var test = React.useMemo(function () {
+    return nodeNegativeLeftMargin;
+  }, [nodeRef.current]);
+  React.useEffect(function () {
+    if (!nodeRef.current) return;
+    var node = nodeRef.current;
+    var parentTree = node.closest("[role=\"".concat(constants.TREE_ROLE_ATTRIBUTE, "\"]"));
+    if (!parentTree) return;
+    var parentLeftGap = parentTree.getBoundingClientRect().left;
+    var nodeLeftGap = node.getBoundingClientRect().left;
+    setNodeNegativeLeftMargin(nodeLeftGap - parentLeftGap);
+  }, []);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAdd], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddSection], type === 'section'), main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddRow], type === 'row'), main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddColumn], type === 'column')),
-    onClick: onClick
+    className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAdd],
+    style: {
+      marginLeft: "-".concat(test, "px")
+    },
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: nodeRef
   }, label ? /*#__PURE__*/React__default['default'].createElement("span", {
     className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
   }, 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

@@ -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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js

@@ -29,7 +29,7 @@ var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
     return /*#__PURE__*/React__default['default'].createElement(index['default'], {
       align: "center",
       spacing: 12,
-      key: index$1,
+      key: "tree-node-action-".concat(index$1),
       className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
       onClick: onClick
     }, /*#__PURE__*/React__default['default'].createElement(Icon, null), label);

package/build/cjs/packages/aurora/src/components/tree/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TREE_ROLE_ATTRIBUTE = 'tree';
+
+exports.TREE_ROLE_ATTRIBUTE = TREE_ROLE_ATTRIBUTE;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/tree/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/tree/index.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var tree_provider = require('./context/tree_provider.js');
 var css_classes = require('./css_classes.js');
+var constants = require('./constants.js');
+var tree_provider = require('./context/tree_provider.js');
 var main_module = require('../../css/tree/main.module.less.js');
 
 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
       onMouseEnter = _ref.onMouseEnter,
       onMouseLeave = _ref.onMouseLeave;
   return /*#__PURE__*/React__default['default'].createElement(tree_provider.TreeProvider, null, /*#__PURE__*/React__default['default'].createElement("ul", {
+    role: constants.TREE_ROLE_ATTRIBUTE,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: ref,

package/build/cjs/packages/aurora/src/components/tree/index.js.map

@@ -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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/css/tree/main.module.less.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-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_row__3XoId {\n  margin-left: -16px;\n}\n.main-module_tree-node__add_column__1R4FQ {\n  margin-left: -32px;\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";
+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";
 var cssClasses = {
   "tree": "main-module_tree__3D4e3",
   "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
   "tree-node__toggler-btn_expanded": "main-module_tree-node__toggler-btn_expanded__17Joe",
   "tree-node__toggler-btn-icon": "main-module_tree-node__toggler-btn-icon__OA4tk",
   "tree-node__label": "main-module_tree-node__label__DT728",
+  "tree-node__label-content": "main-module_tree-node__label-content__2UM83",
   "tree-node__children": "main-module_tree-node__children__QyEOR",
   "tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
   "tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
@@ -19,8 +20,6 @@ var cssClasses = {
   "tree-node__add": "main-module_tree-node__add__2SAM_",
   "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
   "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
-  "tree-node__add_row": "main-module_tree-node__add_row__3XoId",
-  "tree-node__add_column": "main-module_tree-node__add_column__1R4FQ",
   "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
   "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
 };

package/build/cjs/packages/aurora/src/css/tree/main.module.less.js.map

@@ -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;AACA;AACA;"}
+{"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;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -91,10 +91,9 @@ var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js')
 var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var index$2 = require('./components/tooltip/index.js');
 var index$Q = require('./components/tree/index.js');
-var tree_node = require('./components/tree/components/tree_node.js');
 var values_syncer = require('./components/controls/components/values_syncer.js');
 var index$M = require('./components/with_loader/index.js');
-var tree_node_add = require('./components/tree/components/tree_node_add/tree_node_add.js');
+var tree_node = require('./components/tree/components/tree_node.js');
 
 
 
@@ -189,8 +188,7 @@ exports.TabsPanelList = tabs_panel_list.TabsPanelList;
 exports.TabsWrapper = tabs_wrapper['default'];
 exports.Tooltip = index$2['default'];
 exports.Tree = index$Q.Tree;
-exports.TreeNode = tree_node.TreeNode;
 exports.ValuesSyncer = values_syncer['default'];
 exports.WithLoader = index$M['default'];
-exports.TreeNodeAdd = tree_node_add.TreeNodeAdd;
+exports.TreeNode = tree_node.TreeNode;
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/index.js.map

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -16,6 +16,8 @@ declare type TTreeNodeProps = TPropsWithChildren<ITreeNode & {
     expandIcon?: React.ReactNode;
     LabelComponent?: (props: TTreeLabelComponentProps) => React.ReactNode;
     ContentComponent?: (props: TTreeContentComponentProps) => React.ReactNode;
+    addNodeLabel?: string;
+    addNodeOnClick?: () => void;
 }>;
-export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, ...rest }: TTreeNodeProps) => JSX.Element | null;
+export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, addNodeLabel, addNodeOnClick, ...rest }: TTreeNodeProps) => JSX.Element | null;
 export default TreeNode;

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js

@@ -1,39 +1,70 @@
-import React, { useRef, Children } from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useRef, Children, useState, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
 import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
 import { CSSTransition } from 'react-transition-group';
 import { TREE_NODE_CSS_CLASSES } from '../css_classes.js';
 import cssClasses from '../../../css/tree/main.module.less.js';
+import { TreeNodeAdd } from './tree_node_add/tree_node_add.js';
 import { useTree } from '../hooks/tree_hook.js';
 import { useTreeNode } from '../hooks/tree_node_hook.js';
 
-var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent"];
+var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "addNodeLabel", "addNodeOnClick"];
 var TreeNode = function TreeNode(_ref) {
   var children = _ref.children,
       id = _ref.id,
       cssClassNames = _ref.cssClassNames,
       ContentComponent = _ref.ContentComponent,
       LabelComponent = _ref.LabelComponent,
+      addNodeLabel = _ref.addNodeLabel,
+      addNodeOnClick = _ref.addNodeOnClick,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var treeApi = useTree();
   var node = useTreeNode(id, rest);
   var nodeChildrenRef = useRef(null);
   var childrenCount = Children.count(children);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isNodeHovered = _useState2[0],
+      setIsNodeHovered = _useState2[1];
+
+  useEffect(function () {
+    console.log('isNodeHovered', isNodeHovered);
+  }, [isNodeHovered]);
   if (!node) return null;
 
   var toggleNode = function toggleNode() {
     treeApi.toggleNode(node.id);
   };
 
-  var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
+  var Label = LabelComponent ? /*#__PURE__*/React.createElement("div", {
+    onMouseEnter: function onMouseEnter() {
+      return setIsNodeHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsNodeHovered(false);
+    }
+  }, LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
     node: node,
     isLeaf: !children
-  }) : /*#__PURE__*/React.createElement("span", {
+  }), isNodeHovered && /*#__PURE__*/React.createElement(TreeNodeAdd, {
+    label: addNodeLabel,
+    onClick: addNodeOnClick
+  })) : /*#__PURE__*/React.createElement("div", {
     tabIndex: !children ? 0 : -1,
-    className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabelContent], TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
-  }, node.label ? node.label : node.id);
+    className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabelContent], TREE_NODE_CSS_CLASSES.treeNodeLabelContent),
+    onMouseEnter: function onMouseEnter() {
+      return setIsNodeHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsNodeHovered(false);
+    }
+  }, isNodeHovered && /*#__PURE__*/React.createElement(TreeNodeAdd, {
+    label: addNodeLabel,
+    onClick: addNodeOnClick
+  }), node.label ? node.label : node.id);
   var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
     node: node,
     toggleNode: toggleNode,

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts

@@ -1,11 +1,10 @@
-import { Any } from 'ts-toolbelt';
 import { ITreeNodeAddAction } from "../../types";
-import { TREE_NODE_TYPES } from "../../constants";
 declare type TTreeNodeAddProps = {
-    type: Any.Keys<typeof TREE_NODE_TYPES>;
     label?: string;
     onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
     actions?: ITreeNodeAddAction[];
 };
-export declare const TreeNodeAdd: ({ type, label, onClick, actions }: TTreeNodeAddProps) => JSX.Element;
+export declare const TreeNodeAdd: ({ label, onClick, onMouseEnter, onMouseLeave, actions }: TTreeNodeAddProps) => JSX.Element;
 export default TreeNodeAdd;

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js

@@ -1,18 +1,44 @@
-import React from 'react';
-import { defineProperty as _defineProperty } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import classnames from 'classnames';
+import React, { useState, useMemo, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
+import { TREE_ROLE_ATTRIBUTE } from '../../constants.js';
 import cssClasses from '../../../../css/tree/main.module.less.js';
 import { TreeNodeAddActions } from './tree_node_add_actions.js';
 
 var TreeNodeAdd = function TreeNodeAdd(_ref) {
-  var type = _ref.type,
-      label = _ref.label,
+  var label = _ref.label,
       onClick = _ref.onClick,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave,
       actions = _ref.actions;
+  var nodeRef = React.useRef(null);
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      nodeNegativeLeftMargin = _useState2[0],
+      setNodeNegativeLeftMargin = _useState2[1];
+
+  var test = useMemo(function () {
+    return nodeNegativeLeftMargin;
+  }, [nodeRef.current]);
+  useEffect(function () {
+    if (!nodeRef.current) return;
+    var node = nodeRef.current;
+    var parentTree = node.closest("[role=\"".concat(TREE_ROLE_ATTRIBUTE, "\"]"));
+    if (!parentTree) return;
+    var parentLeftGap = parentTree.getBoundingClientRect().left;
+    var nodeLeftGap = node.getBoundingClientRect().left;
+    setNodeNegativeLeftMargin(nodeLeftGap - parentLeftGap);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAdd], _defineProperty(_defineProperty(_defineProperty({}, cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddSection], type === 'section'), cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddRow], type === 'row'), cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddColumn], type === 'column')),
-    onClick: onClick
+    className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAdd],
+    style: {
+      marginLeft: "-".concat(test, "px")
+    },
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: nodeRef
   }, label ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
   }, label) : /*#__PURE__*/React.createElement(TreeNodeAddActions, {

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js

@@ -21,7 +21,7 @@ var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
     return /*#__PURE__*/React.createElement(Stack, {
       align: "center",
       spacing: 12,
-      key: index,
+      key: "tree-node-action-".concat(index),
       className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
       onClick: onClick
     }, /*#__PURE__*/React.createElement(Icon, null), label);

package/build/esm/packages/aurora/src/components/tree/constants.d.ts

@@ -1,5 +1 @@
-export declare const TREE_NODE_TYPES: {
-    readonly section: "section";
-    readonly column: "column";
-    readonly row: "row";
-};
+export declare const TREE_ROLE_ATTRIBUTE = "tree";

package/build/esm/packages/aurora/src/components/tree/constants.js

@@ -1,6 +1,4 @@
-export const TREE_NODE_TYPES = {
-    section: 'section',
-    column: 'column',
-    row: 'row'
-};
-//# sourceMappingURL=constants.js.map
+var TREE_ROLE_ATTRIBUTE = 'tree';
+
+export { TREE_ROLE_ATTRIBUTE };
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/tree/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/tree/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;CACJ,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/tree/index.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
-import { TreeProvider } from './context/tree_provider.js';
 import { TREE_CSS_CLASSES } from './css_classes.js';
+import { TREE_ROLE_ATTRIBUTE } from './constants.js';
+import { TreeProvider } from './context/tree_provider.js';
 import cssClasses from '../../css/tree/main.module.less.js';
 
 var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -11,6 +12,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onMouseEnter = _ref.onMouseEnter,
       onMouseLeave = _ref.onMouseLeave;
   return /*#__PURE__*/React.createElement(TreeProvider, null, /*#__PURE__*/React.createElement("ul", {
+    role: TREE_ROLE_ATTRIBUTE,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: ref,

package/build/esm/packages/aurora/src/components/tree/index.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/css/tree/main.module.less.js

@@ -1,12 +1,13 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-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_row__3XoId {\n  margin-left: -16px;\n}\n.main-module_tree-node__add_column__1R4FQ {\n  margin-left: -32px;\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";
+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";
 var cssClasses = {
   "tree": "main-module_tree__3D4e3",
   "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
   "tree-node__toggler-btn_expanded": "main-module_tree-node__toggler-btn_expanded__17Joe",
   "tree-node__toggler-btn-icon": "main-module_tree-node__toggler-btn-icon__OA4tk",
   "tree-node__label": "main-module_tree-node__label__DT728",
+  "tree-node__label-content": "main-module_tree-node__label-content__2UM83",
   "tree-node__children": "main-module_tree-node__children__QyEOR",
   "tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
   "tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
@@ -15,8 +16,6 @@ var cssClasses = {
   "tree-node__add": "main-module_tree-node__add__2SAM_",
   "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
   "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
-  "tree-node__add_row": "main-module_tree-node__add_row__3XoId",
-  "tree-node__add_column": "main-module_tree-node__add_column__1R4FQ",
   "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
   "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
 };

package/build/esm/packages/aurora/src/css/tree/main.module.less.js.map

@@ -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;AACA;AACA;"}
+{"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;AACA;"}

package/build/esm/packages/aurora/src/index.d.ts

@@ -110,7 +110,6 @@ import TagsSelector from "./components/tags_selector";
 import Tooltip from "./components/tooltip";
 import { Tree } from "./components/tree";
 import { TreeNode } from "./components/tree/components/tree_node";
-import TreeNodeAdd from "./components/tree/components/tree_node_add/tree_node_add";
 import { Typography } from "./components/typography";
 import ValuesSyncer from "./components/controls/components/values_syncer";
 import WithLoader from "./components/with_loader";
@@ -127,7 +126,7 @@ import { useToggle } from "./components/dropdown/hooks";
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, TreeNodeAdd, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
 /**
  * export types
  */

package/build/esm/packages/aurora/src/index.js

@@ -87,8 +87,7 @@ export { TabsPanelList } from './components/tabs/components/tabs_panel_list.js';
 export { default as TabsWrapper } from './components/tabs/components/tabs_wrapper.js';
 export { default as Tooltip } from './components/tooltip/index.js';
 export { Tree } from './components/tree/index.js';
-export { TreeNode } from './components/tree/components/tree_node.js';
 export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
 export { default as WithLoader } from './components/with_loader/index.js';
-export { TreeNodeAdd } from './components/tree/components/tree_node_add/tree_node_add.js';
+export { TreeNode } from './components/tree/components/tree_node.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.js.map

@@ -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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.20.9-1",
+  "version": "2.20.9-11",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",