@dreamcommerce/aurora 2.20.9-3 → 2.20.9-5

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 (20) hide show
  1. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +24 -6
  2. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/tree/constants.js +8 -0
  4. package/build/cjs/packages/aurora/src/components/tree/constants.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/components/tree/index.js +3 -1
  6. package/build/cjs/packages/aurora/src/components/tree/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +1 -3
  8. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts +1 -4
  10. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +26 -7
  11. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/tree/constants.d.ts +1 -5
  13. package/build/esm/packages/aurora/src/components/tree/constants.js +4 -6
  14. package/build/esm/packages/aurora/src/components/tree/constants.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/tree/index.js +3 -1
  16. package/build/esm/packages/aurora/src/components/tree/index.js.map +1 -1
  17. package/build/esm/packages/aurora/src/css/tree/main.module.less.js +1 -3
  18. package/build/esm/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
  19. package/build/esm/packages/aurora/src/index.d.ts +1 -1
  20. package/package.json +1 -1
@@ -4,24 +4,42 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var classnames = require('classnames');
8
7
  var css_classes = require('../../css_classes.js');
8
+ var constants = require('../../constants.js');
9
9
  var main_module = require('../../../../css/tree/main.module.less.js');
10
10
  var tree_node_add_actions = require('./tree_node_add_actions.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
16
15
 
17
16
  var TreeNodeAdd = function TreeNodeAdd(_ref) {
18
- var type = _ref.type,
19
- label = _ref.label,
17
+ var label = _ref.label,
20
18
  onClick = _ref.onClick,
21
19
  actions = _ref.actions;
20
+ var nodeRef = React__default['default'].useRef(null);
21
+
22
+ var _useState = React.useState(0),
23
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
24
+ nodeNegativeLeftMargin = _useState2[0],
25
+ setNodeNegativeLeftMargin = _useState2[1];
26
+
27
+ React.useEffect(function () {
28
+ if (!nodeRef.current) return;
29
+ var node = nodeRef.current;
30
+ var parentTree = node.closest("[role=\"".concat(constants.TREE_ROLE_ATTRIBUTE, "\"]"));
31
+ if (!parentTree) return;
32
+ var parentLeftGap = parentTree.getBoundingClientRect().left;
33
+ var nodeLeftGap = node.getBoundingClientRect().left;
34
+ setNodeNegativeLeftMargin(nodeLeftGap - parentLeftGap);
35
+ }, []);
22
36
  return /*#__PURE__*/React__default['default'].createElement("div", {
23
- className: 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')),
24
- onClick: onClick
37
+ className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAdd],
38
+ style: {
39
+ marginLeft: "-".concat(nodeNegativeLeftMargin, "px")
40
+ },
41
+ onClick: onClick,
42
+ ref: nodeRef
25
43
  }, label ? /*#__PURE__*/React__default['default'].createElement("span", {
26
44
  className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
27
45
  }, label) : /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions.TreeNodeAddActions, {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -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
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
- var tree_provider = require('./context/tree_provider.js');
8
7
  var css_classes = require('./css_classes.js');
8
+ var constants = require('./constants.js');
9
+ var tree_provider = require('./context/tree_provider.js');
9
10
  var main_module = require('../../css/tree/main.module.less.js');
10
11
 
11
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,6 +21,7 @@ var Tree = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref
20
21
  onMouseEnter = _ref.onMouseEnter,
21
22
  onMouseLeave = _ref.onMouseLeave;
22
23
  return /*#__PURE__*/React__default['default'].createElement(tree_provider.TreeProvider, null, /*#__PURE__*/React__default['default'].createElement("ul", {
24
+ role: constants.TREE_ROLE_ATTRIBUTE,
23
25
  onMouseEnter: onMouseEnter,
24
26
  onMouseLeave: onMouseLeave,
25
27
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add-label__iKmMX {\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n padding: 2px 6px;\n}\n.main-module_tree-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}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add-label__iKmMX {\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n cursor: pointer;\n color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n margin-bottom: 15px;\n}\n";
8
8
  var cssClasses = {
9
9
  "tree": "main-module_tree__3D4e3",
10
10
  "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
@@ -19,8 +19,6 @@ var cssClasses = {
19
19
  "tree-node__add": "main-module_tree-node__add__2SAM_",
20
20
  "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
21
21
  "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
22
- "tree-node__add_row": "main-module_tree-node__add_row__3XoId",
23
- "tree-node__add_column": "main-module_tree-node__add_column__1R4FQ",
24
22
  "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
25
23
  "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
26
24
  };
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -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;
@@ -1,18 +1,37 @@
1
- import React from 'react';
2
- import { defineProperty as _defineProperty } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import classnames from 'classnames';
1
+ import React, { useState, useEffect } from 'react';
2
+ import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
3
  import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
4
+ import { TREE_ROLE_ATTRIBUTE } from '../../constants.js';
5
5
  import cssClasses from '../../../../css/tree/main.module.less.js';
6
6
  import { TreeNodeAddActions } from './tree_node_add_actions.js';
7
7
 
8
8
  var TreeNodeAdd = function TreeNodeAdd(_ref) {
9
- var type = _ref.type,
10
- label = _ref.label,
9
+ var label = _ref.label,
11
10
  onClick = _ref.onClick,
12
11
  actions = _ref.actions;
12
+ var nodeRef = React.useRef(null);
13
+
14
+ var _useState = useState(0),
15
+ _useState2 = _slicedToArray(_useState, 2),
16
+ nodeNegativeLeftMargin = _useState2[0],
17
+ setNodeNegativeLeftMargin = _useState2[1];
18
+
19
+ useEffect(function () {
20
+ if (!nodeRef.current) return;
21
+ var node = nodeRef.current;
22
+ var parentTree = node.closest("[role=\"".concat(TREE_ROLE_ATTRIBUTE, "\"]"));
23
+ if (!parentTree) return;
24
+ var parentLeftGap = parentTree.getBoundingClientRect().left;
25
+ var nodeLeftGap = node.getBoundingClientRect().left;
26
+ setNodeNegativeLeftMargin(nodeLeftGap - parentLeftGap);
27
+ }, []);
13
28
  return /*#__PURE__*/React.createElement("div", {
14
- className: 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')),
15
- onClick: onClick
29
+ className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAdd],
30
+ style: {
31
+ marginLeft: "-".concat(nodeNegativeLeftMargin, "px")
32
+ },
33
+ onClick: onClick,
34
+ ref: nodeRef
16
35
  }, label ? /*#__PURE__*/React.createElement("span", {
17
36
  className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
18
37
  }, label) : /*#__PURE__*/React.createElement(TreeNodeAddActions, {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -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";
@@ -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
@@ -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;"}
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
- import { TreeProvider } from './context/tree_provider.js';
4
3
  import { TREE_CSS_CLASSES } from './css_classes.js';
4
+ import { TREE_ROLE_ATTRIBUTE } from './constants.js';
5
+ import { TreeProvider } from './context/tree_provider.js';
5
6
  import cssClasses from '../../css/tree/main.module.less.js';
6
7
 
7
8
  var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -11,6 +12,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
11
12
  onMouseEnter = _ref.onMouseEnter,
12
13
  onMouseLeave = _ref.onMouseLeave;
13
14
  return /*#__PURE__*/React.createElement(TreeProvider, null, /*#__PURE__*/React.createElement("ul", {
15
+ role: TREE_ROLE_ATTRIBUTE,
14
16
  onMouseEnter: onMouseEnter,
15
17
  onMouseLeave: onMouseLeave,
16
18
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add-label__iKmMX {\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n padding: 2px 6px;\n}\n.main-module_tree-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}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add-label__iKmMX {\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n cursor: pointer;\n color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n margin-bottom: 15px;\n}\n";
4
4
  var cssClasses = {
5
5
  "tree": "main-module_tree__3D4e3",
6
6
  "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
@@ -15,8 +15,6 @@ var cssClasses = {
15
15
  "tree-node__add": "main-module_tree-node__add__2SAM_",
16
16
  "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
17
17
  "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
18
- "tree-node__add_row": "main-module_tree-node__add_row__3XoId",
19
- "tree-node__add_column": "main-module_tree-node__add_column__1R4FQ",
20
18
  "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
21
19
  "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
22
20
  };
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -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-3",
5
+ "version": "2.20.9-5",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",