@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.
- package/build/cjs/packages/aurora/src/assets/icon_plus.js +34 -0
- package/build/cjs/packages/aurora/src/assets/icon_plus.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/tree/components/{tree_node_add.js → tree_node_add/tree_node_add.js} +14 -8
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +41 -0
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/tree/css_classes.js +4 -1
- package/build/cjs/packages/aurora/src/components/tree/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +5 -3
- package/build/cjs/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +2 -2
- package/build/esm/packages/aurora/src/assets/icon_plus.d.ts +4 -0
- package/build/esm/packages/aurora/src/assets/icon_plus.js +26 -0
- package/build/esm/packages/aurora/src/{components/tree/components/tree_node_add.js.map → assets/icon_plus.js.map} +1 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts +11 -0
- package/build/esm/packages/aurora/src/components/tree/components/{tree_node_add.js → tree_node_add/tree_node_add.js} +14 -8
- 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
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +33 -0
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +1 -0
- package/build/esm/packages/aurora/src/components/tree/css_classes.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/tree/css_classes.js +4 -1
- package/build/esm/packages/aurora/src/components/tree/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tree/types.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/tree/types.js +2 -0
- package/build/esm/packages/aurora/src/components/tree/types.js.map +1 -0
- package/build/esm/packages/aurora/src/css/tree/main.module.less.js +5 -3
- package/build/esm/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/index.js +1 -1
- package/package.json +1 -1
- 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('
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
|
-
var css_classes = require('
|
|
9
|
-
var main_module = require('
|
|
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
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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;
|
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.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;"}
|
|
@@ -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:
|
|
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-
|
|
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,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;"}
|
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts
ADDED
|
@@ -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 '
|
|
2
|
+
import { defineProperty as _defineProperty } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
|
-
import { TREE_NODE_CSS_CLASSES } from '
|
|
5
|
-
import cssClasses from '
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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;
|
|
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,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 @@
|
|
|
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:
|
|
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-
|
|
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
|
@@ -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;
|