@dreamcommerce/aurora 2.20.9-21 → 2.20.9-23

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 +2 -2
  2. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +4 -23
  3. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js +53 -0
  5. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js.map +1 -0
  6. package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js +12 -0
  7. package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js.map +1 -0
  8. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +1 -1
  9. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts +4 -2
  10. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +2 -2
  11. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +4 -23
  12. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +1 -1
  13. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.d.ts +6 -0
  14. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js +45 -0
  15. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js.map +1 -0
  16. package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.d.ts +5 -0
  17. package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.js +8 -0
  18. package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.js.map +1 -0
  19. package/build/esm/packages/aurora/src/css/tree/main.module.less.js +1 -1
  20. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js CHANGED
@@ -15,7 +15,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var TreeNodeAdd = function TreeNodeAdd(_ref) {
16
16
  var label = _ref.label,
17
17
  onClick = _ref.onClick,
18
- actions = _ref.actions;
18
+ actions = _ref.actions,
19
+ isTreeNodeAddDropdownOpened = _ref.isTreeNodeAddDropdownOpened;
19
20
 
20
21
  var _useState = React.useState(false),
21
22
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -41,5 +42,4 @@ var TreeNodeAdd = function TreeNodeAdd(_ref) {
41
42
  };
42
43
 
43
44
  exports.TreeNodeAdd = TreeNodeAdd;
44
- exports.default = TreeNodeAdd;
45
45
  //# sourceMappingURL=tree_node_add.js.map
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js CHANGED
@@ -3,11 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var index = require('../../../stack/index.js');
7
6
  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');
7
+ var tree_node_add_actions_content = require('./tree_node_add_actions_content.js');
11
8
 
12
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
10
 
@@ -15,25 +12,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
12
 
16
13
  var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
17
14
  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: "tree-node-action-".concat(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
- }))));
15
+ return /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions_content.TreeNodeAddActionsContent, {
16
+ actions: actions
17
+ }));
37
18
  };
38
19
 
39
20
  exports.TreeNodeAddActions = TreeNodeAddActions;
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.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;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;"}
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js ADDED
@@ -0,0 +1,53 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var index$1 = require('../../../stack/index.js');
7
+ var index = require('../../../dropdown/context/index.js');
8
+ var dropdown = require('../../../dropdown/components/dropdown.js');
9
+ var css_classes = require('../../css_classes.js');
10
+ var main_module = require('../../../../css/tree/main.module.less.js');
11
+ var tree_node_add_context = require('../../context/tree_node_add_context.js');
12
+ var icon_plus = require('../../../../assets/icon_plus.js');
13
+
14
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
+
16
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
+
18
+ var TreeNodeAddActionsContent = function TreeNodeAddActionsContent(_ref) {
19
+ var actions = _ref.actions;
20
+
21
+ var _useContext = React.useContext(tree_node_add_context.TreeNodeAddContext),
22
+ setIsTreeNodeAddDropdownOpened = _useContext.setIsTreeNodeAddDropdownOpened;
23
+
24
+ var _useDropdownContext = index.useDropdownContext(),
25
+ isOpen = _useDropdownContext.isOpen;
26
+
27
+ React.useEffect(function () {
28
+ setIsTreeNodeAddDropdownOpened(!!isOpen);
29
+ }, [isOpen]);
30
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("span", {
31
+ className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
32
+ }, /*#__PURE__*/React__default['default'].createElement(icon_plus['default'], null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].MemoizedContent, {
33
+ shouldCloseOnScroll: false,
34
+ shouldCloseOthersOnOpen: true
35
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
36
+ className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActions]
37
+ }, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index) {
38
+ var Icon = _ref2.Icon,
39
+ label = _ref2.label,
40
+ onClick = _ref2.onClick;
41
+ return /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
42
+ align: "center",
43
+ spacing: 12,
44
+ key: "tree-node-action-".concat(index),
45
+ className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
46
+ onClick: onClick
47
+ }, /*#__PURE__*/React__default['default'].createElement(Icon, null), label);
48
+ }))));
49
+ };
50
+
51
+ exports.TreeNodeAddActionsContent = TreeNodeAddActionsContent;
52
+ exports.default = TreeNodeAddActionsContent;
53
+ //# sourceMappingURL=tree_node_add_actions_content.js.map
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js.map ADDED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ var TreeNodeAddContext = /*#__PURE__*/React.createContext({
8
+ setIsTreeNodeAddDropdownOpened: function setIsTreeNodeAddDropdownOpened() {}
9
+ });
10
+
11
+ exports.TreeNodeAddContext = TreeNodeAddContext;
12
+ //# sourceMappingURL=tree_node_add_context.js.map
package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js.map ADDED
@@ -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;"}
package/build/cjs/packages/aurora/src/css/tree/main.module.less.js CHANGED
@@ -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 padding-top: 15px;\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(-2px);\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";
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: 15px;\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(-1px);\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 position: relative;\n top: -1px;\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",
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts CHANGED
@@ -3,6 +3,8 @@ declare type TTreeNodeAddProps = {
3
3
  label?: string;
4
4
  onClick?: () => void;
5
5
  actions?: ITreeNodeAddAction[];
6
+ isTreeNodeAddDropdownOpened?: boolean;
6
7
  };
7
- export declare const TreeNodeAdd: ({ label, onClick, actions }: TTreeNodeAddProps) => JSX.Element;
8
- export default TreeNodeAdd;
8
+ export declare const TreeNodeAdd: ({ label, onClick, actions, isTreeNodeAddDropdownOpened }: TTreeNodeAddProps) => JSX.Element;
9
+ export declare const TreeNodeAddWithProvider: ({ label, onClick, actions }: TTreeNodeAddProps) => JSX.Element;
10
+ export default TreeNodeAddWithProvider;
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js CHANGED
@@ -7,7 +7,8 @@ import { TreeNodeAddActions } from './tree_node_add_actions.js';
7
7
  var TreeNodeAdd = function TreeNodeAdd(_ref) {
8
8
  var label = _ref.label,
9
9
  onClick = _ref.onClick,
10
- actions = _ref.actions;
10
+ actions = _ref.actions,
11
+ isTreeNodeAddDropdownOpened = _ref.isTreeNodeAddDropdownOpened;
11
12
 
12
13
  var _useState = useState(false),
13
14
  _useState2 = _slicedToArray(_useState, 2),
@@ -32,6 +33,5 @@ var TreeNodeAdd = function TreeNodeAdd(_ref) {
32
33
  })));
33
34
  };
34
35
 
35
- export default TreeNodeAdd;
36
36
  export { TreeNodeAdd };
37
37
  //# sourceMappingURL=tree_node_add.js.map
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js CHANGED
@@ -1,31 +1,12 @@
1
1
  import React from 'react';
2
- import Stack from '../../../stack/index.js';
3
2
  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';
3
+ import { TreeNodeAddActionsContent } from './tree_node_add_actions_content.js';
7
4
 
8
5
  var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
9
6
  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: "tree-node-action-".concat(index),
25
- className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
26
- onClick: onClick
27
- }, /*#__PURE__*/React.createElement(Icon, null), label);
28
- }))));
7
+ return /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(TreeNodeAddActionsContent, {
8
+ actions: actions
9
+ }));
29
10
  };
30
11
 
31
12
  export default TreeNodeAddActions;
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.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;"}
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { ITreeNodeAddAction } from "../../types";
2
+ declare type TTreeNodeAddActionsContentProps = {
3
+ actions?: ITreeNodeAddAction[];
4
+ };
5
+ export declare const TreeNodeAddActionsContent: ({ actions }: TTreeNodeAddActionsContentProps) => JSX.Element;
6
+ export default TreeNodeAddActionsContent;
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js ADDED
@@ -0,0 +1,45 @@
1
+ import React, { useContext, useEffect } from 'react';
2
+ import Stack from '../../../stack/index.js';
3
+ import { useDropdownContext } from '../../../dropdown/context/index.js';
4
+ import Dropdown from '../../../dropdown/components/dropdown.js';
5
+ import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
6
+ import cssClasses from '../../../../css/tree/main.module.less.js';
7
+ import { TreeNodeAddContext } from '../../context/tree_node_add_context.js';
8
+ import IconPlus from '../../../../assets/icon_plus.js';
9
+
10
+ var TreeNodeAddActionsContent = function TreeNodeAddActionsContent(_ref) {
11
+ var actions = _ref.actions;
12
+
13
+ var _useContext = useContext(TreeNodeAddContext),
14
+ setIsTreeNodeAddDropdownOpened = _useContext.setIsTreeNodeAddDropdownOpened;
15
+
16
+ var _useDropdownContext = useDropdownContext(),
17
+ isOpen = _useDropdownContext.isOpen;
18
+
19
+ useEffect(function () {
20
+ setIsTreeNodeAddDropdownOpened(!!isOpen);
21
+ }, [isOpen]);
22
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("span", {
23
+ className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
24
+ }, /*#__PURE__*/React.createElement(IconPlus, null))), /*#__PURE__*/React.createElement(Dropdown.MemoizedContent, {
25
+ shouldCloseOnScroll: false,
26
+ shouldCloseOthersOnOpen: true
27
+ }, /*#__PURE__*/React.createElement("div", {
28
+ className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActions]
29
+ }, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index) {
30
+ var Icon = _ref2.Icon,
31
+ label = _ref2.label,
32
+ onClick = _ref2.onClick;
33
+ return /*#__PURE__*/React.createElement(Stack, {
34
+ align: "center",
35
+ spacing: 12,
36
+ key: "tree-node-action-".concat(index),
37
+ className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
38
+ onClick: onClick
39
+ }, /*#__PURE__*/React.createElement(Icon, null), label);
40
+ }))));
41
+ };
42
+
43
+ export default TreeNodeAddActionsContent;
44
+ export { TreeNodeAddActionsContent };
45
+ //# sourceMappingURL=tree_node_add_actions_content.js.map
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js.map ADDED
@@ -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;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export interface ITreeNodeAddContext {
3
+ setIsTreeNodeAddDropdownOpened: (isOpen: boolean) => void;
4
+ }
5
+ export declare const TreeNodeAddContext: import("react").Context<ITreeNodeAddContext>;
package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.js ADDED
@@ -0,0 +1,8 @@
1
+ import { createContext } from 'react';
2
+
3
+ var TreeNodeAddContext = /*#__PURE__*/createContext({
4
+ setIsTreeNodeAddDropdownOpened: function setIsTreeNodeAddDropdownOpened() {}
5
+ });
6
+
7
+ export { TreeNodeAddContext };
8
+ //# sourceMappingURL=tree_node_add_context.js.map
package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.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/esm/packages/aurora/src/css/tree/main.module.less.js CHANGED
@@ -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 padding-top: 15px;\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(-2px);\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";
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: 15px;\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(-1px);\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 position: relative;\n top: -1px;\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",
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-21",
5
+ "version": "2.20.9-23",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",