@salutejs/plasma-new-hope 0.336.0-canary.2213.17513842134.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 (91) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -8
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Select/Select.js +1 -8
  4. package/cjs/components/Select/Select.js.map +1 -1
  5. package/cjs/components/Tree/Tree.css +6 -6
  6. package/cjs/components/Tree/Tree.js +45 -1
  7. package/cjs/components/Tree/Tree.js.map +1 -1
  8. package/cjs/components/Tree/Tree.styles.js +1 -1
  9. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  10. package/cjs/components/Tree/Tree.styles_6as9wl.css +7 -0
  11. package/cjs/components/Tree/Tree.tokens.js +2 -1
  12. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  13. package/cjs/components/Tree/utils/traverseTree.js +3 -3
  14. package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
  15. package/cjs/engines/common.js.map +1 -1
  16. package/cjs/engines/index.js.map +1 -1
  17. package/cjs/index.css +6 -6
  18. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -6
  19. package/emotion/cjs/components/Select/Select.js +1 -6
  20. package/emotion/cjs/components/Tree/Tree.js +33 -1
  21. package/emotion/cjs/components/Tree/Tree.styles.js +13 -13
  22. package/emotion/cjs/components/Tree/Tree.tokens.js +2 -1
  23. package/emotion/cjs/components/Tree/utils/traverseTree.js +3 -3
  24. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -6
  25. package/emotion/es/components/Select/Select.js +1 -6
  26. package/emotion/es/components/Tree/Tree.js +33 -1
  27. package/emotion/es/components/Tree/Tree.styles.js +13 -13
  28. package/emotion/es/components/Tree/Tree.tokens.js +2 -1
  29. package/emotion/es/components/Tree/utils/traverseTree.js +3 -3
  30. package/es/components/Combobox/ComboboxNew/Combobox.js +1 -8
  31. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  32. package/es/components/Select/Select.js +1 -8
  33. package/es/components/Select/Select.js.map +1 -1
  34. package/es/components/Tree/Tree.css +6 -6
  35. package/es/components/Tree/Tree.js +46 -2
  36. package/es/components/Tree/Tree.js.map +1 -1
  37. package/es/components/Tree/Tree.styles.js +1 -1
  38. package/es/components/Tree/Tree.styles.js.map +1 -1
  39. package/es/components/Tree/Tree.styles_6as9wl.css +7 -0
  40. package/es/components/Tree/Tree.tokens.js +2 -1
  41. package/es/components/Tree/Tree.tokens.js.map +1 -1
  42. package/es/components/Tree/utils/traverseTree.js +3 -3
  43. package/es/components/Tree/utils/traverseTree.js.map +1 -1
  44. package/es/engines/common.js.map +1 -1
  45. package/es/engines/index.js.map +1 -1
  46. package/es/index.css +6 -6
  47. package/package.json +2 -2
  48. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -6
  49. package/styled-components/cjs/components/Select/Select.js +1 -6
  50. package/styled-components/cjs/components/Tree/Tree.js +33 -1
  51. package/styled-components/cjs/components/Tree/Tree.styles.js +9 -8
  52. package/styled-components/cjs/components/Tree/Tree.tokens.js +2 -1
  53. package/styled-components/cjs/components/Tree/utils/traverseTree.js +3 -3
  54. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -6
  55. package/styled-components/es/components/Select/Select.js +1 -6
  56. package/styled-components/es/components/Tree/Tree.js +33 -1
  57. package/styled-components/es/components/Tree/Tree.styles.js +9 -8
  58. package/styled-components/es/components/Tree/Tree.tokens.js +2 -1
  59. package/styled-components/es/components/Tree/utils/traverseTree.js +3 -3
  60. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  61. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  62. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +0 -7
  63. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  64. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -6
  65. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  66. package/types/components/Select/Select.d.ts.map +1 -1
  67. package/types/components/Select/Select.types.d.ts +0 -14
  68. package/types/components/Select/Select.types.d.ts.map +1 -1
  69. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +0 -6
  70. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  71. package/types/components/Tree/Tree.d.ts +3 -3
  72. package/types/components/Tree/Tree.d.ts.map +1 -1
  73. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  74. package/types/components/Tree/Tree.tokens.d.ts +1 -0
  75. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  76. package/types/components/Tree/Tree.types.d.ts +50 -1
  77. package/types/components/Tree/Tree.types.d.ts.map +1 -1
  78. package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
  79. package/types/engines/common.d.ts +3 -3
  80. package/types/engines/common.d.ts.map +1 -1
  81. package/types/engines/index.d.ts +1 -1
  82. package/types/engines/index.d.ts.map +1 -1
  83. package/types/engines/types.d.ts +4 -0
  84. package/types/engines/types.d.ts.map +1 -1
  85. package/types/examples/components/Combobox/Combobox.d.ts +0 -24
  86. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  87. package/types/examples/components/Select/Select.d.ts +0 -6
  88. package/types/examples/components/Select/Select.d.ts.map +1 -1
  89. package/types/examples/components/Tree/Tree.d.ts.map +1 -1
  90. package/cjs/components/Tree/Tree.styles_6sla5y.css +0 -7
  91. 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({
@@ -161,7 +161,7 @@ import { Context } from "./Combobox.context";
161
161
  */ export var comboboxRoot = function(Root) {
162
162
  return /*#__PURE__*/ forwardRef(function(props, ref) {
163
163
  var _getItemByFocused;
164
- var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, // @ts-ignore
164
+ var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, // @ts-ignore
165
165
  _offset = props._offset, rest = _object_without_properties(props, [
166
166
  "name",
167
167
  "multiple",
@@ -205,7 +205,6 @@ import { Context } from "./Combobox.context";
205
205
  "onChangeValue",
206
206
  "onScroll",
207
207
  "onToggle",
208
- "mode",
209
208
  "_offset"
210
209
  ]);
211
210
  var transformedItems = useMemo(function() {
@@ -434,10 +433,6 @@ import { Context } from "./Combobox.context";
434
433
  type: 'reset'
435
434
  });
436
435
  }
437
- // Закрываем список, если элемент уже выбран.
438
- if (mode === 'radio' && isCurrentChecked) {
439
- return;
440
- }
441
436
  if (onChange) {
442
437
  onChange(isCurrentChecked ? '' : item.value, item);
443
438
  }
@@ -121,7 +121,7 @@ import { Context } from "./Select.context";
121
121
  return /*#__PURE__*/ forwardRef(function(props, ref) {
122
122
  var _getItemByFocused;
123
123
  var // eslint-disable-block @typescript-eslint/ban-ts-comment
124
- id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, // @ts-ignore
124
+ id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, // @ts-ignore
125
125
  _offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
126
126
  // @ts-ignore
127
127
  required = props.required, // @ts-ignore
@@ -177,7 +177,6 @@ import { Context } from "./Select.context";
177
177
  "onToggle",
178
178
  "chipType",
179
179
  "multiselect",
180
- "mode",
181
180
  "_offset",
182
181
  "required",
183
182
  "requiredPlacement",
@@ -340,10 +339,6 @@ import { Context } from "./Select.context";
340
339
  type: 'reset'
341
340
  });
342
341
  }
343
- // Закрываем список, если элемент уже выбран.
344
- if (mode === 'radio' && isCurrentChecked) {
345
- return;
346
- }
347
342
  if (onChange) {
348
343
  onChange(isCurrentChecked ? '' : item.value, item);
349
344
  }
@@ -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;
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;
@@ -179,6 +179,38 @@ import { classes } from "./Tree.tokens";
179
179
  fullWidthItemSelection: fullWidthItemSelection,
180
180
  arrowPlacement: arrowPlacement
181
181
  }, /*#__PURE__*/ React.createElement(Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ React.createElement(ContentRight, null, item.contentRight));
182
+ },
183
+ draggable: draggable,
184
+ onDragStart: onDragStart,
185
+ onDragEnter: onDragEnter,
186
+ onDragOver: onDragOver,
187
+ onDragLeave: onDragLeave,
188
+ onDragEnd: onDragEnd,
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
+ });
182
214
  }
183
215
  })));
184
216
  });