@salutejs/plasma-new-hope 0.336.0-canary.2214.17514828735.0 → 0.336.0-canary.2214.17533375543.0
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/cjs/components/Tree/Tree.css +6 -6
- package/cjs/components/Tree/Tree.js +31 -2
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +1 -1
- package/cjs/components/Tree/Tree.styles.js.map +1 -1
- package/cjs/components/Tree/Tree.styles_6as9wl.css +7 -0
- package/cjs/components/Tree/Tree.tokens.js +2 -1
- package/cjs/components/Tree/Tree.tokens.js.map +1 -1
- package/cjs/components/Tree/utils/traverseTree.js +3 -3
- package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
- package/cjs/engines/common.js.map +1 -1
- package/cjs/engines/index.js.map +1 -1
- package/cjs/index.css +6 -6
- package/emotion/cjs/components/Tree/Tree.js +27 -2
- package/emotion/cjs/components/Tree/Tree.styles.js +13 -13
- package/emotion/cjs/components/Tree/Tree.tokens.js +2 -1
- package/emotion/cjs/components/Tree/utils/traverseTree.js +3 -3
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/Tree/Tree.js +0 -1
- package/emotion/es/components/Tree/Tree.js +27 -2
- package/emotion/es/components/Tree/Tree.styles.js +13 -13
- package/emotion/es/components/Tree/Tree.tokens.js +2 -1
- package/emotion/es/components/Tree/utils/traverseTree.js +3 -3
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/emotion/es/examples/components/Tree/Tree.js +0 -1
- package/es/components/Tree/Tree.css +6 -6
- package/es/components/Tree/Tree.js +32 -3
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Tree/Tree.styles.js +1 -1
- package/es/components/Tree/Tree.styles.js.map +1 -1
- package/es/components/Tree/Tree.styles_6as9wl.css +7 -0
- package/es/components/Tree/Tree.tokens.js +2 -1
- package/es/components/Tree/Tree.tokens.js.map +1 -1
- package/es/components/Tree/utils/traverseTree.js +3 -3
- package/es/components/Tree/utils/traverseTree.js.map +1 -1
- package/es/engines/common.js.map +1 -1
- package/es/engines/index.js.map +1 -1
- package/es/index.css +6 -6
- package/package.json +2 -2
- package/styled-components/cjs/components/Tree/Tree.js +27 -2
- package/styled-components/cjs/components/Tree/Tree.styles.js +9 -8
- package/styled-components/cjs/components/Tree/Tree.tokens.js +2 -1
- package/styled-components/cjs/components/Tree/utils/traverseTree.js +3 -3
- package/styled-components/cjs/examples/components/Tree/Tree.js +0 -1
- package/styled-components/es/components/Tree/Tree.js +27 -2
- package/styled-components/es/components/Tree/Tree.styles.js +9 -8
- package/styled-components/es/components/Tree/Tree.tokens.js +2 -1
- package/styled-components/es/components/Tree/utils/traverseTree.js +3 -3
- package/styled-components/es/examples/components/Tree/Tree.js +0 -1
- package/types/components/Tree/Tree.d.ts +3 -3
- package/types/components/Tree/Tree.d.ts.map +1 -1
- package/types/components/Tree/Tree.styles.d.ts.map +1 -1
- package/types/components/Tree/Tree.tokens.d.ts +1 -0
- package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
- package/types/components/Tree/Tree.types.d.ts +27 -0
- package/types/components/Tree/Tree.types.d.ts.map +1 -1
- package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
- package/types/engines/common.d.ts +3 -3
- package/types/engines/common.d.ts.map +1 -1
- package/types/engines/index.d.ts +1 -1
- package/types/engines/index.d.ts.map +1 -1
- package/types/engines/types.d.ts +4 -0
- package/types/engines/types.d.ts.map +1 -1
- package/types/examples/components/Tree/Tree.d.ts +1 -1
- package/types/examples/components/Tree/Tree.d.ts.map +1 -1
- package/cjs/components/Tree/Tree.styles_6sla5y.css +0 -7
- package/es/components/Tree/Tree.styles_6sla5y.css +0 -7
@@ -21,7 +21,8 @@ var classes = {
|
|
21
21
|
treeItemFilled: 'tree-item-filled',
|
22
22
|
treeItemPrimaryBackground: 'tree-item-primary-background',
|
23
23
|
treeItemHasSelectedChildren: 'tree-item-has-selected-children',
|
24
|
-
treeRadioMode: 'tree-radio-mode'
|
24
|
+
treeRadioMode: 'tree-radio-mode',
|
25
|
+
treeLeafNode: 'tree-leaf-node'
|
25
26
|
};
|
26
27
|
var treeTokens = {
|
27
28
|
arrowColor: '--plasma-tree-arrow-color',
|
@@ -117,6 +117,9 @@ var dfs = function(node, selectedKeys, rootParentsSelected, parents) {
|
|
117
117
|
})[0]) === null || _parents_filter_ === void 0 ? void 0 : _parents_filter_.key)) {
|
118
118
|
node.className = (0, _dedupe.default)(node.className, _Treetokens.classes.treeItemPrimaryBackground);
|
119
119
|
}
|
120
|
+
if (!node.children) {
|
121
|
+
node.className = (0, _dedupe.default)(node.className, _Treetokens.classes.treeLeafNode);
|
122
|
+
}
|
120
123
|
};
|
121
124
|
var getRootParentsSelectedChildren = function(node, selectedKeysSet) {
|
122
125
|
var rootParentsSelected = new Set();
|
@@ -141,9 +144,6 @@ var getRootParentsSelectedChildren = function(node, selectedKeysSet) {
|
|
141
144
|
return rootParentsSelected;
|
142
145
|
};
|
143
146
|
var traverseTree = function(items, selectedKeys) {
|
144
|
-
if (!selectedKeys || selectedKeys.length === 0) {
|
145
|
-
return items;
|
146
|
-
}
|
147
147
|
var selectedKeysSet = new Set(selectedKeys);
|
148
148
|
var copyItems = deepCopy(items);
|
149
149
|
var rootParentsSelected = getRootParentsSelectedChildren({
|
@@ -1 +1,16 @@
|
|
1
1
|
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
6
|
+
enumerable: true,
|
7
|
+
get: function() {
|
8
|
+
return Combobox;
|
9
|
+
}
|
10
|
+
});
|
11
|
+
var _engines = require("../../../engines");
|
12
|
+
var _ = require("../../..");
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
16
|
+
var Combobox = ComboboxComponent;
|
@@ -11,6 +11,5 @@ Object.defineProperty(exports, "Tree", {
|
|
11
11
|
var _Tree = require("../../../components/Tree");
|
12
12
|
var _engines = require("../../../engines");
|
13
13
|
var _Treeconfig = require("./Tree.config");
|
14
|
-
// @ts-ignore
|
15
14
|
var mergedConfig = (0, _engines.mergeConfig)(_Tree.treeConfig, _Treeconfig.config);
|
16
15
|
var Tree = (0, _engines.component)(mergedConfig);
|
@@ -106,7 +106,7 @@ import { classes } from "./Tree.tokens";
|
|
106
106
|
* Многоуровневый раскрывающийся список в виде дерева.
|
107
107
|
*/ export var treeRoot = function(Root) {
|
108
108
|
return /*#__PURE__*/ forwardRef(function(param, ref) {
|
109
|
-
var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop;
|
109
|
+
var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
|
110
110
|
var _useState = _sliced_to_array(useState(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
|
111
111
|
var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
|
112
112
|
var isRadioMode = mode === 'radio' && !multiple;
|
@@ -186,7 +186,32 @@ import { classes } from "./Tree.tokens";
|
|
186
186
|
onDragOver: onDragOver,
|
187
187
|
onDragLeave: onDragLeave,
|
188
188
|
onDragEnd: onDragEnd,
|
189
|
-
onDrop: onDrop
|
189
|
+
onDrop: onDrop,
|
190
|
+
allowDrop: allowDrop,
|
191
|
+
dropIndicatorRender: function(props) {
|
192
|
+
var offset = 0;
|
193
|
+
var dropPosition = props.dropPosition, dropLevelOffset = props.dropLevelOffset, indent = props.indent, _props_direction = props.direction, direction = _props_direction === void 0 ? 'ltr' : _props_direction;
|
194
|
+
var startPosition = direction === 'ltr' ? 'left' : 'right';
|
195
|
+
var endPosition = direction === 'ltr' ? 'right' : 'left';
|
196
|
+
var _obj;
|
197
|
+
var style = (_obj = {}, _define_property(_obj, startPosition, -dropLevelOffset * indent + offset), _define_property(_obj, endPosition, 0), _define_property(_obj, "position", 'absolute'), _define_property(_obj, "zIndex", 1), _define_property(_obj, "height", 2), _define_property(_obj, "backgroundColor", 'black'), _define_property(_obj, "borderRadius", 1), _define_property(_obj, "pointerEvents", 'none'), _obj);
|
198
|
+
switch(dropPosition){
|
199
|
+
case -1:
|
200
|
+
style.top = 0;
|
201
|
+
break;
|
202
|
+
case 1:
|
203
|
+
style.bottom = 0;
|
204
|
+
break;
|
205
|
+
default:
|
206
|
+
style.bottom = 0;
|
207
|
+
style[startPosition] = indent + offset;
|
208
|
+
break;
|
209
|
+
}
|
210
|
+
return /*#__PURE__*/ React.createElement("div", {
|
211
|
+
style: style,
|
212
|
+
className: "rc-tree-drop-indicator"
|
213
|
+
});
|
214
|
+
}
|
190
215
|
})));
|
191
216
|
});
|
192
217
|
};
|