@dreamcommerce/aurora 2.20.8-9 → 2.20.9-1

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 (32) hide show
  1. package/build/cjs/packages/aurora/src/assets/icon_plus.js +34 -0
  2. package/build/cjs/packages/aurora/src/assets/icon_plus.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/tree/components/{tree_node_add.js → tree_node_add/tree_node_add.js} +14 -8
  4. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +41 -0
  6. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +1 -0
  7. package/build/cjs/packages/aurora/src/components/tree/css_classes.js +4 -1
  8. package/build/cjs/packages/aurora/src/components/tree/css_classes.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +5 -3
  10. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/index.js +2 -2
  12. package/build/esm/packages/aurora/src/assets/icon_plus.d.ts +4 -0
  13. package/build/esm/packages/aurora/src/assets/icon_plus.js +26 -0
  14. package/build/esm/packages/aurora/src/{components/tree/components/tree_node_add.js.map → assets/icon_plus.js.map} +1 -1
  15. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts +11 -0
  16. package/build/esm/packages/aurora/src/components/tree/components/{tree_node_add.js → tree_node_add/tree_node_add.js} +14 -8
  17. package/build/{cjs/packages/aurora/src/components/tree/components → esm/packages/aurora/src/components/tree/components/tree_node_add}/tree_node_add.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.d.ts +6 -0
  19. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +33 -0
  20. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +1 -0
  21. package/build/esm/packages/aurora/src/components/tree/css_classes.d.ts +3 -0
  22. package/build/esm/packages/aurora/src/components/tree/css_classes.js +4 -1
  23. package/build/esm/packages/aurora/src/components/tree/css_classes.js.map +1 -1
  24. package/build/esm/packages/aurora/src/components/tree/types.d.ts +7 -0
  25. package/build/esm/packages/aurora/src/components/tree/types.js +2 -0
  26. package/build/esm/packages/aurora/src/components/tree/types.js.map +1 -0
  27. package/build/esm/packages/aurora/src/css/tree/main.module.less.js +5 -3
  28. package/build/esm/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
  29. package/build/esm/packages/aurora/src/index.d.ts +1 -1
  30. package/build/esm/packages/aurora/src/index.js +1 -1
  31. package/package.json +1 -1
  32. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add.d.ts +0 -9
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var main_module = require('../css/icons/main.module.less.js');
7
+ var icon = require('./icon.js');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+
13
+ var IconPlus = function IconPlus(_ref) {
14
+ var className = _ref.className,
15
+ onClick = _ref.onClick,
16
+ size = _ref.size;
17
+ return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
18
+ width: "7",
19
+ height: "7",
20
+ viewBox: "0 0 7 7",
21
+ className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)]),
22
+ onClick: onClick,
23
+ fill: "none",
24
+ xmlns: "http://www.w3.org/2000/svg"
25
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
26
+ fillRule: "evenodd",
27
+ clipRule: "evenodd",
28
+ d: "M3.5 0C3.74162 0 3.9375 0.223858 3.9375 0.5V3.0625H6.5C6.77614 3.0625 7 3.25838 7 3.5C7 3.74162 6.77614 3.9375 6.5 3.9375H3.9375V6.5C3.9375 6.77614 3.74162 7 3.5 7C3.25838 7 3.0625 6.77614 3.0625 6.5V3.9375H0.5C0.223858 3.9375 0 3.74162 0 3.5C0 3.25838 0.223858 3.0625 0.5 3.0625H3.0625V0.5C3.0625 0.223858 3.25838 0 3.5 0Z",
29
+ fill: "white"
30
+ })));
31
+ };
32
+
33
+ exports.default = IconPlus;
34
+ //# sourceMappingURL=icon_plus.js.map
@@ -0,0 +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;"}
@@ -3,10 +3,11 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var classnames = require('classnames');
8
- var css_classes = require('../css_classes.js');
9
- var main_module = require('../../../css/tree/main.module.less.js');
8
+ var css_classes = require('../../css_classes.js');
9
+ var main_module = require('../../../../css/tree/main.module.less.js');
10
+ var tree_node_add_actions = require('./tree_node_add_actions.js');
10
11
 
11
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
13
 
@@ -15,12 +16,17 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
16
 
16
17
  var TreeNodeAdd = function TreeNodeAdd(_ref) {
17
18
  var type = _ref.type,
18
- label = _ref.label;
19
+ label = _ref.label,
20
+ onClick = _ref.onClick,
21
+ actions = _ref.actions;
19
22
  return /*#__PURE__*/React__default['default'].createElement("div", {
20
- 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'))
21
- }, /*#__PURE__*/React__default['default'].createElement("span", {
22
- className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel]
23
- }, label ? label : '+'));
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
25
+ }, label ? /*#__PURE__*/React__default['default'].createElement("span", {
26
+ className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
27
+ }, label) : /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions.TreeNodeAddActions, {
28
+ actions: actions
29
+ }));
24
30
  };
25
31
 
26
32
  exports.TreeNodeAdd = TreeNodeAdd;
@@ -0,0 +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;"}
@@ -0,0 +1,41 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var index = require('../../../stack/index.js');
7
+ var dropdown = require('../../../dropdown/components/dropdown.js');
8
+ var css_classes = require('../../css_classes.js');
9
+ var main_module = require('../../../../css/tree/main.module.less.js');
10
+ var icon_plus = require('../../../../assets/icon_plus.js');
11
+
12
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
+
14
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
+
16
+ var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
17
+ var actions = _ref.actions;
18
+ return /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("span", {
19
+ className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
20
+ }, /*#__PURE__*/React__default['default'].createElement(icon_plus['default'], null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].MemoizedContent, {
21
+ shouldCloseOnScroll: false,
22
+ shouldCloseOthersOnOpen: true
23
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
24
+ className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActions]
25
+ }, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index$1) {
26
+ var Icon = _ref2.Icon,
27
+ label = _ref2.label,
28
+ onClick = _ref2.onClick;
29
+ return /*#__PURE__*/React__default['default'].createElement(index['default'], {
30
+ align: "center",
31
+ spacing: 12,
32
+ key: index$1,
33
+ className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
34
+ onClick: onClick
35
+ }, /*#__PURE__*/React__default['default'].createElement(Icon, null), label);
36
+ }))));
37
+ };
38
+
39
+ exports.TreeNodeAddActions = TreeNodeAddActions;
40
+ exports.default = TreeNodeAddActions;
41
+ //# sourceMappingURL=tree_node_add_actions.js.map
@@ -0,0 +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;"}
@@ -27,9 +27,12 @@ var TREE_NODE_CSS_CLASSES = {
27
27
  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children"),
28
28
  treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
29
29
  treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
30
+ treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
30
31
  treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
31
32
  treeNodeAddRow: "".concat(treeNodeBaseCssClass, "__add_row"),
32
- treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column")
33
+ treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column"),
34
+ treeNodeAddActions: "".concat(treeNodeBaseCssClass, "__add_actions"),
35
+ treeNodeAddActionsItem: "".concat(treeNodeBaseCssClass, "__add_actions-item")
33
36
  };
34
37
 
35
38
  exports.TREE_CSS_CLASSES = TREE_CSS_CLASSES;
@@ -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;"}
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;"}
@@ -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: 3px;\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_section__6Iru4 .main-module_tree-node__add-label__iKmMX,\n.main-module_tree-node__add_row__3XoId .main-module_tree-node__add-label__iKmMX,\n.main-module_tree-node__add_column__1R4FQ .main-module_tree-node__add-label__iKmMX {\n padding: 2px 8px;\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";
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";
8
8
  var cssClasses = {
9
9
  "tree": "main-module_tree__3D4e3",
10
10
  "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
@@ -18,9 +18,11 @@ var cssClasses = {
18
18
  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI",
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
- "tree-node__add_section": "main-module_tree-node__add_section__6Iru4",
21
+ "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
22
22
  "tree-node__add_row": "main-module_tree-node__add_row__3XoId",
23
- "tree-node__add_column": "main-module_tree-node__add_column__1R4FQ"
23
+ "tree-node__add_column": "main-module_tree-node__add_column__1R4FQ",
24
+ "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
25
+ "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
24
26
  };
25
27
  styleInject_es['default'](css_248z);
26
28
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -92,9 +92,9 @@ var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
92
92
  var index$2 = require('./components/tooltip/index.js');
93
93
  var index$Q = require('./components/tree/index.js');
94
94
  var tree_node = require('./components/tree/components/tree_node.js');
95
- var tree_node_add = require('./components/tree/components/tree_node_add.js');
96
95
  var values_syncer = require('./components/controls/components/values_syncer.js');
97
96
  var index$M = require('./components/with_loader/index.js');
97
+ var tree_node_add = require('./components/tree/components/tree_node_add/tree_node_add.js');
98
98
 
99
99
 
100
100
 
@@ -190,7 +190,7 @@ exports.TabsWrapper = tabs_wrapper['default'];
190
190
  exports.Tooltip = index$2['default'];
191
191
  exports.Tree = index$Q.Tree;
192
192
  exports.TreeNode = tree_node.TreeNode;
193
- exports.TreeNodeAdd = tree_node_add.TreeNodeAdd;
194
193
  exports.ValuesSyncer = values_syncer['default'];
195
194
  exports.WithLoader = index$M['default'];
195
+ exports.TreeNodeAdd = tree_node_add.TreeNodeAdd;
196
196
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,4 @@
1
+ import { IIconProps } from './types';
2
+ import React from 'react';
3
+ declare const IconPlus: React.FC<IIconProps>;
4
+ export default IconPlus;
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import cssClasses from '../css/icons/main.module.less.js';
3
+ import Icon from './icon.js';
4
+
5
+ var IconPlus = function IconPlus(_ref) {
6
+ var className = _ref.className,
7
+ onClick = _ref.onClick,
8
+ size = _ref.size;
9
+ return /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement("svg", {
10
+ width: "7",
11
+ height: "7",
12
+ viewBox: "0 0 7 7",
13
+ className: "".concat(className || '', " ").concat(cssClasses["icon_".concat(size)]),
14
+ onClick: onClick,
15
+ fill: "none",
16
+ xmlns: "http://www.w3.org/2000/svg"
17
+ }, /*#__PURE__*/React.createElement("path", {
18
+ fillRule: "evenodd",
19
+ clipRule: "evenodd",
20
+ d: "M3.5 0C3.74162 0 3.9375 0.223858 3.9375 0.5V3.0625H6.5C6.77614 3.0625 7 3.25838 7 3.5C7 3.74162 6.77614 3.9375 6.5 3.9375H3.9375V6.5C3.9375 6.77614 3.74162 7 3.5 7C3.25838 7 3.0625 6.77614 3.0625 6.5V3.9375H0.5C0.223858 3.9375 0 3.74162 0 3.5C0 3.25838 0.223858 3.0625 0.5 3.0625H3.0625V0.5C3.0625 0.223858 3.25838 0 3.5 0Z",
21
+ fill: "white"
22
+ })));
23
+ };
24
+
25
+ export default IconPlus;
26
+ //# sourceMappingURL=icon_plus.js.map
@@ -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;"}
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;"}
@@ -0,0 +1,11 @@
1
+ import { Any } from 'ts-toolbelt';
2
+ import { ITreeNodeAddAction } from "../../types";
3
+ import { TREE_NODE_TYPES } from "../../constants";
4
+ declare type TTreeNodeAddProps = {
5
+ type: Any.Keys<typeof TREE_NODE_TYPES>;
6
+ label?: string;
7
+ onClick?: () => void;
8
+ actions?: ITreeNodeAddAction[];
9
+ };
10
+ export declare const TreeNodeAdd: ({ type, label, onClick, actions }: TTreeNodeAddProps) => JSX.Element;
11
+ export default TreeNodeAdd;
@@ -1,17 +1,23 @@
1
1
  import React from 'react';
2
- import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import { defineProperty as _defineProperty } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import classnames from 'classnames';
4
- import { TREE_NODE_CSS_CLASSES } from '../css_classes.js';
5
- import cssClasses from '../../../css/tree/main.module.less.js';
4
+ import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
5
+ import cssClasses from '../../../../css/tree/main.module.less.js';
6
+ import { TreeNodeAddActions } from './tree_node_add_actions.js';
6
7
 
7
8
  var TreeNodeAdd = function TreeNodeAdd(_ref) {
8
9
  var type = _ref.type,
9
- label = _ref.label;
10
+ label = _ref.label,
11
+ onClick = _ref.onClick,
12
+ actions = _ref.actions;
10
13
  return /*#__PURE__*/React.createElement("div", {
11
- 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'))
12
- }, /*#__PURE__*/React.createElement("span", {
13
- className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel]
14
- }, label ? label : '+'));
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
16
+ }, label ? /*#__PURE__*/React.createElement("span", {
17
+ className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
18
+ }, label) : /*#__PURE__*/React.createElement(TreeNodeAddActions, {
19
+ actions: actions
20
+ }));
15
21
  };
16
22
 
17
23
  export default TreeNodeAdd;
@@ -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;"}
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;"}
@@ -0,0 +1,6 @@
1
+ import { ITreeNodeAddAction } from "../../types";
2
+ declare type TTreeNodeAddActionsProps = {
3
+ actions?: ITreeNodeAddAction[];
4
+ };
5
+ export declare const TreeNodeAddActions: ({ actions }: TTreeNodeAddActionsProps) => JSX.Element;
6
+ export default TreeNodeAddActions;
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import Stack from '../../../stack/index.js';
3
+ import Dropdown from '../../../dropdown/components/dropdown.js';
4
+ import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
5
+ import cssClasses from '../../../../css/tree/main.module.less.js';
6
+ import IconPlus from '../../../../assets/icon_plus.js';
7
+
8
+ var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
9
+ var actions = _ref.actions;
10
+ return /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("span", {
11
+ className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
12
+ }, /*#__PURE__*/React.createElement(IconPlus, null))), /*#__PURE__*/React.createElement(Dropdown.MemoizedContent, {
13
+ shouldCloseOnScroll: false,
14
+ shouldCloseOthersOnOpen: true
15
+ }, /*#__PURE__*/React.createElement("div", {
16
+ className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActions]
17
+ }, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index) {
18
+ var Icon = _ref2.Icon,
19
+ label = _ref2.label,
20
+ onClick = _ref2.onClick;
21
+ return /*#__PURE__*/React.createElement(Stack, {
22
+ align: "center",
23
+ spacing: 12,
24
+ key: index,
25
+ className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
26
+ onClick: onClick
27
+ }, /*#__PURE__*/React.createElement(Icon, null), label);
28
+ }))));
29
+ };
30
+
31
+ export default TreeNodeAddActions;
32
+ export { TreeNodeAddActions };
33
+ //# sourceMappingURL=tree_node_add_actions.js.map
@@ -0,0 +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;"}
@@ -21,7 +21,10 @@ export declare const TREE_NODE_CSS_CLASSES: {
21
21
  readonly treeNodeWithoutChildren: "tree-node_without-children";
22
22
  readonly treeNodeAdd: "tree-node__add";
23
23
  readonly treeNodeAddLabel: "tree-node__add-label";
24
+ readonly treeNodeAddLabelIcon: "tree-node__add-label_icon";
24
25
  readonly treeNodeAddSection: "tree-node__add_section";
25
26
  readonly treeNodeAddRow: "tree-node__add_row";
26
27
  readonly treeNodeAddColumn: "tree-node__add_column";
28
+ readonly treeNodeAddActions: "tree-node__add_actions";
29
+ readonly treeNodeAddActionsItem: "tree-node__add_actions-item";
27
30
  };
@@ -23,9 +23,12 @@ var TREE_NODE_CSS_CLASSES = {
23
23
  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children"),
24
24
  treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
25
25
  treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
26
+ treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
26
27
  treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
27
28
  treeNodeAddRow: "".concat(treeNodeBaseCssClass, "__add_row"),
28
- treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column")
29
+ treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column"),
30
+ treeNodeAddActions: "".concat(treeNodeBaseCssClass, "__add_actions"),
31
+ treeNodeAddActionsItem: "".concat(treeNodeBaseCssClass, "__add_actions-item")
29
32
  };
30
33
 
31
34
  export { TREE_CSS_CLASSES, TREE_NODE_CSS_CLASSES };
@@ -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;"}
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;"}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { IIconProps } from "../../assets/types";
3
+ export interface ITreeNodeAddAction {
4
+ Icon: React.FC<IIconProps>;
5
+ label: string;
6
+ onClick: () => void;
7
+ }
@@ -0,0 +1,2 @@
1
+ import '@auroraAssets/types';
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/tree/types.ts"],"names":[],"mappings":"AAAA,OAA2B,qBAAqB,CAAC"}
@@ -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: 3px;\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_section__6Iru4 .main-module_tree-node__add-label__iKmMX,\n.main-module_tree-node__add_row__3XoId .main-module_tree-node__add-label__iKmMX,\n.main-module_tree-node__add_column__1R4FQ .main-module_tree-node__add-label__iKmMX {\n padding: 2px 8px;\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";
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";
4
4
  var cssClasses = {
5
5
  "tree": "main-module_tree__3D4e3",
6
6
  "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
@@ -14,9 +14,11 @@ var cssClasses = {
14
14
  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI",
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
- "tree-node__add_section": "main-module_tree-node__add_section__6Iru4",
17
+ "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
18
18
  "tree-node__add_row": "main-module_tree-node__add_row__3XoId",
19
- "tree-node__add_column": "main-module_tree-node__add_column__1R4FQ"
19
+ "tree-node__add_column": "main-module_tree-node__add_column__1R4FQ",
20
+ "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
21
+ "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
20
22
  };
21
23
  styleInject(css_248z);
22
24
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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";
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";
@@ -88,7 +88,7 @@ export { default as TabsWrapper } from './components/tabs/components/tabs_wrappe
88
88
  export { default as Tooltip } from './components/tooltip/index.js';
89
89
  export { Tree } from './components/tree/index.js';
90
90
  export { TreeNode } from './components/tree/components/tree_node.js';
91
- export { TreeNodeAdd } from './components/tree/components/tree_node_add.js';
92
91
  export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
93
92
  export { default as WithLoader } from './components/with_loader/index.js';
93
+ export { TreeNodeAdd } from './components/tree/components/tree_node_add/tree_node_add.js';
94
94
  //# sourceMappingURL=index.js.map
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.8-9",
5
+ "version": "2.20.9-1",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -1,9 +0,0 @@
1
- import { Any } from 'ts-toolbelt';
2
- import { TREE_NODE_TYPES } from '../constants';
3
- declare type TTreeNodeAddProps = {
4
- type: TTreeNodeAddType;
5
- label?: string;
6
- };
7
- export declare type TTreeNodeAddType = Any.Keys<typeof TREE_NODE_TYPES>;
8
- export declare const TreeNodeAdd: ({ type, label }: TTreeNodeAddProps) => JSX.Element;
9
- export default TreeNodeAdd;