@salutejs/plasma-new-hope 0.336.0-canary.2214.17514828735.0 → 0.336.0-canary.2214.17526953179.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.
Files changed (67) hide show
  1. package/cjs/components/Tree/Tree.css +6 -6
  2. package/cjs/components/Tree/Tree.js +31 -2
  3. package/cjs/components/Tree/Tree.js.map +1 -1
  4. package/cjs/components/Tree/Tree.styles.js +1 -1
  5. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  6. package/cjs/components/Tree/Tree.styles_6as9wl.css +7 -0
  7. package/cjs/components/Tree/Tree.tokens.js +2 -1
  8. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  9. package/cjs/components/Tree/utils/traverseTree.js +3 -3
  10. package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
  11. package/cjs/engines/common.js.map +1 -1
  12. package/cjs/engines/index.js.map +1 -1
  13. package/cjs/index.css +6 -6
  14. package/emotion/cjs/components/Tree/Tree.js +27 -2
  15. package/emotion/cjs/components/Tree/Tree.styles.js +13 -13
  16. package/emotion/cjs/components/Tree/Tree.tokens.js +2 -1
  17. package/emotion/cjs/components/Tree/utils/traverseTree.js +3 -3
  18. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  19. package/emotion/cjs/examples/components/Tree/Tree.js +0 -1
  20. package/emotion/es/components/Tree/Tree.js +27 -2
  21. package/emotion/es/components/Tree/Tree.styles.js +13 -13
  22. package/emotion/es/components/Tree/Tree.tokens.js +2 -1
  23. package/emotion/es/components/Tree/utils/traverseTree.js +3 -3
  24. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  25. package/emotion/es/examples/components/Tree/Tree.js +0 -1
  26. package/es/components/Tree/Tree.css +6 -6
  27. package/es/components/Tree/Tree.js +32 -3
  28. package/es/components/Tree/Tree.js.map +1 -1
  29. package/es/components/Tree/Tree.styles.js +1 -1
  30. package/es/components/Tree/Tree.styles.js.map +1 -1
  31. package/es/components/Tree/Tree.styles_6as9wl.css +7 -0
  32. package/es/components/Tree/Tree.tokens.js +2 -1
  33. package/es/components/Tree/Tree.tokens.js.map +1 -1
  34. package/es/components/Tree/utils/traverseTree.js +3 -3
  35. package/es/components/Tree/utils/traverseTree.js.map +1 -1
  36. package/es/engines/common.js.map +1 -1
  37. package/es/engines/index.js.map +1 -1
  38. package/es/index.css +6 -6
  39. package/package.json +2 -2
  40. package/styled-components/cjs/components/Tree/Tree.js +27 -2
  41. package/styled-components/cjs/components/Tree/Tree.styles.js +9 -8
  42. package/styled-components/cjs/components/Tree/Tree.tokens.js +2 -1
  43. package/styled-components/cjs/components/Tree/utils/traverseTree.js +3 -3
  44. package/styled-components/cjs/examples/components/Tree/Tree.js +0 -1
  45. package/styled-components/es/components/Tree/Tree.js +27 -2
  46. package/styled-components/es/components/Tree/Tree.styles.js +9 -8
  47. package/styled-components/es/components/Tree/Tree.tokens.js +2 -1
  48. package/styled-components/es/components/Tree/utils/traverseTree.js +3 -3
  49. package/styled-components/es/examples/components/Tree/Tree.js +0 -1
  50. package/types/components/Tree/Tree.d.ts +3 -3
  51. package/types/components/Tree/Tree.d.ts.map +1 -1
  52. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  53. package/types/components/Tree/Tree.tokens.d.ts +1 -0
  54. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  55. package/types/components/Tree/Tree.types.d.ts +27 -0
  56. package/types/components/Tree/Tree.types.d.ts.map +1 -1
  57. package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
  58. package/types/engines/common.d.ts +3 -3
  59. package/types/engines/common.d.ts.map +1 -1
  60. package/types/engines/index.d.ts +1 -1
  61. package/types/engines/index.d.ts.map +1 -1
  62. package/types/engines/types.d.ts +4 -0
  63. package/types/engines/types.d.ts.map +1 -1
  64. package/types/examples/components/Tree/Tree.d.ts +1 -1
  65. package/types/examples/components/Tree/Tree.d.ts.map +1 -1
  66. package/cjs/components/Tree/Tree.styles_6sla5y.css +0 -7
  67. 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
  };