@dreamcommerce/aurora 2.20.9-2 → 2.20.9-20

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.
Files changed (27) hide show
  1. package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +17 -6
  3. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +1 -1
  5. package/build/cjs/packages/aurora/src/components/tree/constants.js +8 -0
  6. package/build/cjs/packages/aurora/src/components/tree/constants.js.map +1 -0
  7. package/build/cjs/packages/aurora/src/components/tree/css_classes.js +1 -0
  8. package/build/cjs/packages/aurora/src/components/tree/css_classes.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/tree/index.js +3 -1
  10. package/build/cjs/packages/aurora/src/components/tree/index.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +3 -3
  12. package/build/esm/packages/aurora/src/components/tree/components/tree_node.js +1 -1
  13. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts +1 -4
  14. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +19 -7
  15. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +1 -1
  17. package/build/esm/packages/aurora/src/components/tree/constants.d.ts +1 -5
  18. package/build/esm/packages/aurora/src/components/tree/constants.js +4 -6
  19. package/build/esm/packages/aurora/src/components/tree/constants.js.map +1 -1
  20. package/build/esm/packages/aurora/src/components/tree/css_classes.d.ts +1 -0
  21. package/build/esm/packages/aurora/src/components/tree/css_classes.js +1 -0
  22. package/build/esm/packages/aurora/src/components/tree/css_classes.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/tree/index.js +3 -1
  24. package/build/esm/packages/aurora/src/components/tree/index.js.map +1 -1
  25. package/build/esm/packages/aurora/src/css/tree/main.module.less.js +3 -3
  26. package/build/esm/packages/aurora/src/index.d.ts +1 -1
  27. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js CHANGED
@@ -39,7 +39,7 @@ var TreeNode = function TreeNode(_ref) {
39
39
  var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
40
40
  node: node,
41
41
  isLeaf: !children
42
- }) : /*#__PURE__*/React__default['default'].createElement("span", {
42
+ }) : /*#__PURE__*/React__default['default'].createElement("div", {
43
43
  tabIndex: !children ? 0 : -1,
44
44
  className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
45
45
  }, node.label ? node.label : node.id);
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js CHANGED
@@ -4,7 +4,6 @@ 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');
9
8
  var main_module = require('../../../../css/tree/main.module.less.js');
10
9
  var tree_node_add_actions = require('./tree_node_add_actions.js');
@@ -12,21 +11,33 @@ var tree_node_add_actions = require('./tree_node_add_actions.js');
12
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
12
 
14
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
16
14
 
17
15
  var TreeNodeAdd = function TreeNodeAdd(_ref) {
18
- var type = _ref.type,
19
- label = _ref.label,
16
+ var label = _ref.label,
20
17
  onClick = _ref.onClick,
21
18
  actions = _ref.actions;
19
+
20
+ var _useState = React.useState(false),
21
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
22
+ isNodeHovered = _useState2[0],
23
+ setIsNodeHovered = _useState2[1];
24
+
22
25
  return /*#__PURE__*/React__default['default'].createElement("div", {
23
- 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')),
26
+ className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddWrapper],
27
+ onMouseEnter: function onMouseEnter() {
28
+ return setIsNodeHovered(true);
29
+ },
30
+ onMouseLeave: function onMouseLeave() {
31
+ return setIsNodeHovered(false);
32
+ }
33
+ }, isNodeHovered && /*#__PURE__*/React__default['default'].createElement("div", {
34
+ className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAdd],
24
35
  onClick: onClick
25
36
  }, label ? /*#__PURE__*/React__default['default'].createElement("span", {
26
37
  className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
27
38
  }, label) : /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions.TreeNodeAddActions, {
28
39
  actions: actions
29
- }));
40
+ })));
30
41
  };
31
42
 
32
43
  exports.TreeNodeAdd = TreeNodeAdd;
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;"}
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js CHANGED
@@ -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);
package/build/cjs/packages/aurora/src/components/tree/constants.js ADDED
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var TREE_ROLE_ATTRIBUTE = 'tree';
6
+
7
+ exports.TREE_ROLE_ATTRIBUTE = TREE_ROLE_ATTRIBUTE;
8
+ //# sourceMappingURL=constants.js.map
package/build/cjs/packages/aurora/src/components/tree/constants.js.map ADDED
@@ -0,0 +1 @@
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/css_classes.js CHANGED
@@ -26,6 +26,7 @@ var TREE_NODE_CSS_CLASSES = {
26
26
  treeNodeFocused: "".concat(treeNodeBaseCssClass, "_focused"),
27
27
  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children"),
28
28
  treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
29
+ treeNodeAddWrapper: "".concat(treeNodeBaseCssClass, "__add-wrapper"),
29
30
  treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
30
31
  treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
31
32
  treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
package/build/cjs/packages/aurora/src/components/tree/css_classes.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;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;"}
package/build/cjs/packages/aurora/src/components/tree/index.js CHANGED
@@ -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,
package/build/cjs/packages/aurora/src/components/tree/index.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;"}
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;"}
package/build/cjs/packages/aurora/src/css/tree/main.module.less.js CHANGED
@@ -4,23 +4,23 @@ 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-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";
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 padding-top: 14px;\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: 11px;\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-wrapper__2LbV9 {\n width: 100%;\n margin: -5px 0;\n padding: 3px 0;\n transform: translateY(-3px);\n}\n.main-module_tree-node__add__2SAM_ > *:not(.main-module_tree-node__add-label__iKmMX) {\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",
11
11
  "tree-node__toggler-btn_expanded": "main-module_tree-node__toggler-btn_expanded__17Joe",
12
12
  "tree-node__toggler-btn-icon": "main-module_tree-node__toggler-btn-icon__OA4tk",
13
13
  "tree-node__label": "main-module_tree-node__label__DT728",
14
+ "tree-node__label-content": "main-module_tree-node__label-content__2UM83",
14
15
  "tree-node__children": "main-module_tree-node__children__QyEOR",
15
16
  "tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
16
17
  "tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
17
18
  "tree-node__children-exit": "main-module_tree-node__children-exit__1NXHe",
18
19
  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI",
19
20
  "tree-node__add": "main-module_tree-node__add__2SAM_",
21
+ "tree-node__add-wrapper": "main-module_tree-node__add-wrapper__2LbV9",
20
22
  "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
21
23
  "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
24
  "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
25
25
  "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
26
26
  };
package/build/esm/packages/aurora/src/components/tree/components/tree_node.js CHANGED
@@ -30,7 +30,7 @@ var TreeNode = function TreeNode(_ref) {
30
30
  var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
31
31
  node: node,
32
32
  isLeaf: !children
33
- }) : /*#__PURE__*/React.createElement("span", {
33
+ }) : /*#__PURE__*/React.createElement("div", {
34
34
  tabIndex: !children ? 0 : -1,
35
35
  className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabelContent], TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
36
36
  }, node.label ? node.label : node.id);
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: ({ type, label, onClick, actions }: TTreeNodeAddProps) => JSX.Element;
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,23 +1,35 @@
1
- import React from 'react';
2
- import { defineProperty as _defineProperty } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import classnames from 'classnames';
1
+ import React, { useState } from 'react';
2
+ import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
3
  import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
5
4
  import cssClasses from '../../../../css/tree/main.module.less.js';
6
5
  import { TreeNodeAddActions } from './tree_node_add_actions.js';
7
6
 
8
7
  var TreeNodeAdd = function TreeNodeAdd(_ref) {
9
- var type = _ref.type,
10
- label = _ref.label,
8
+ var label = _ref.label,
11
9
  onClick = _ref.onClick,
12
10
  actions = _ref.actions;
11
+
12
+ var _useState = useState(false),
13
+ _useState2 = _slicedToArray(_useState, 2),
14
+ isNodeHovered = _useState2[0],
15
+ setIsNodeHovered = _useState2[1];
16
+
13
17
  return /*#__PURE__*/React.createElement("div", {
14
- 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')),
18
+ className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddWrapper],
19
+ onMouseEnter: function onMouseEnter() {
20
+ return setIsNodeHovered(true);
21
+ },
22
+ onMouseLeave: function onMouseLeave() {
23
+ return setIsNodeHovered(false);
24
+ }
25
+ }, isNodeHovered && /*#__PURE__*/React.createElement("div", {
26
+ className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAdd],
15
27
  onClick: onClick
16
28
  }, label ? /*#__PURE__*/React.createElement("span", {
17
29
  className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
18
30
  }, label) : /*#__PURE__*/React.createElement(TreeNodeAddActions, {
19
31
  actions: actions
20
- }));
32
+ })));
21
33
  };
22
34
 
23
35
  export default TreeNodeAdd;
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;"}
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js CHANGED
@@ -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);
package/build/esm/packages/aurora/src/components/tree/constants.d.ts CHANGED
@@ -1,5 +1 @@
1
- export declare const TREE_NODE_TYPES: {
2
- readonly section: "section";
3
- readonly column: "column";
4
- readonly row: "row";
5
- };
1
+ export declare const TREE_ROLE_ATTRIBUTE = "tree";
package/build/esm/packages/aurora/src/components/tree/constants.js CHANGED
@@ -1,6 +1,4 @@
1
- export const TREE_NODE_TYPES = {
2
- section: 'section',
3
- column: 'column',
4
- row: 'row'
5
- };
6
- //# sourceMappingURL=constants.js.map
1
+ var TREE_ROLE_ATTRIBUTE = 'tree';
2
+
3
+ export { TREE_ROLE_ATTRIBUTE };
4
+ //# sourceMappingURL=constants.js.map
package/build/esm/packages/aurora/src/components/tree/constants.js.map CHANGED
@@ -1 +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"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/tree/css_classes.d.ts CHANGED
@@ -20,6 +20,7 @@ export declare const TREE_NODE_CSS_CLASSES: {
20
20
  readonly treeNodeFocused: "tree-node_focused";
21
21
  readonly treeNodeWithoutChildren: "tree-node_without-children";
22
22
  readonly treeNodeAdd: "tree-node__add";
23
+ readonly treeNodeAddWrapper: "tree-node__add-wrapper";
23
24
  readonly treeNodeAddLabel: "tree-node__add-label";
24
25
  readonly treeNodeAddLabelIcon: "tree-node__add-label_icon";
25
26
  readonly treeNodeAddSection: "tree-node__add_section";
package/build/esm/packages/aurora/src/components/tree/css_classes.js CHANGED
@@ -22,6 +22,7 @@ var TREE_NODE_CSS_CLASSES = {
22
22
  treeNodeFocused: "".concat(treeNodeBaseCssClass, "_focused"),
23
23
  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children"),
24
24
  treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
25
+ treeNodeAddWrapper: "".concat(treeNodeBaseCssClass, "__add-wrapper"),
25
26
  treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
26
27
  treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
27
28
  treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
package/build/esm/packages/aurora/src/components/tree/css_classes.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;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;"}
package/build/esm/packages/aurora/src/components/tree/index.js CHANGED
@@ -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,
package/build/esm/packages/aurora/src/components/tree/index.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;"}
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;"}
package/build/esm/packages/aurora/src/css/tree/main.module.less.js CHANGED
@@ -1,22 +1,22 @@
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-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";
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 padding-top: 14px;\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: 11px;\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-wrapper__2LbV9 {\n width: 100%;\n margin: -5px 0;\n padding: 3px 0;\n transform: translateY(-3px);\n}\n.main-module_tree-node__add__2SAM_ > *:not(.main-module_tree-node__add-label__iKmMX) {\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",
7
7
  "tree-node__toggler-btn_expanded": "main-module_tree-node__toggler-btn_expanded__17Joe",
8
8
  "tree-node__toggler-btn-icon": "main-module_tree-node__toggler-btn-icon__OA4tk",
9
9
  "tree-node__label": "main-module_tree-node__label__DT728",
10
+ "tree-node__label-content": "main-module_tree-node__label-content__2UM83",
10
11
  "tree-node__children": "main-module_tree-node__children__QyEOR",
11
12
  "tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
12
13
  "tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
13
14
  "tree-node__children-exit": "main-module_tree-node__children-exit__1NXHe",
14
15
  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI",
15
16
  "tree-node__add": "main-module_tree-node__add__2SAM_",
17
+ "tree-node__add-wrapper": "main-module_tree-node__add-wrapper__2LbV9",
16
18
  "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
17
19
  "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
20
  "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
21
21
  "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
22
22
  };
package/build/esm/packages/aurora/src/index.d.ts CHANGED
@@ -110,7 +110,7 @@ import TagsSelector from "./components/tags_selector";
110
110
  import Tooltip from "./components/tooltip";
111
111
  import { Tree } from "./components/tree";
112
112
  import { TreeNode } from "./components/tree/components/tree_node";
113
- import TreeNodeAdd from "./components/tree/components/tree_node_add/tree_node_add";
113
+ import { TreeNodeAdd } from "./components/tree/components/tree_node_add/tree_node_add";
114
114
  import { Typography } from "./components/typography";
115
115
  import ValuesSyncer from "./components/controls/components/values_syncer";
116
116
  import WithLoader from "./components/with_loader";
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.20.9-2",
5
+ "version": "2.20.9-20",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",