@salutejs/plasma-new-hope 0.337.0-canary.2253.17999209101.0 → 0.337.0-canary.2254.18028326170.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 (99) hide show
  1. package/cjs/components/Tree/Tree.css +7 -7
  2. package/cjs/components/Tree/Tree.js +4 -13
  3. package/cjs/components/Tree/Tree.js.map +1 -1
  4. package/cjs/components/Tree/Tree.styles.js +7 -37
  5. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  6. package/cjs/components/Tree/Tree.styles_1bw3k0r.css +8 -0
  7. package/cjs/components/Tree/Tree.tokens.js +1 -2
  8. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  9. package/cjs/index.css +8 -8
  10. package/emotion/cjs/components/Scrollbar/Scrollbar.js +418 -0
  11. package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +59 -0
  12. package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
  13. package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
  14. package/emotion/cjs/components/Scrollbar/index.js +26 -0
  15. package/emotion/cjs/components/Scrollbar/variations/_size/base.js +12 -0
  16. package/emotion/cjs/components/Scrollbar/variations/_view/base.js +12 -0
  17. package/emotion/cjs/components/Tree/Tree.js +9 -14
  18. package/emotion/cjs/components/Tree/Tree.styles.js +16 -27
  19. package/emotion/cjs/components/Tree/Tree.tokens.js +1 -2
  20. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +27 -0
  21. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
  22. package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
  23. package/emotion/es/components/Scrollbar/Scrollbar.js +354 -0
  24. package/emotion/es/components/Scrollbar/Scrollbar.styles.js +24 -0
  25. package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
  26. package/emotion/es/components/Scrollbar/Scrollbar.types.js +1 -0
  27. package/emotion/es/components/Scrollbar/index.js +2 -0
  28. package/emotion/es/components/Scrollbar/variations/_size/base.js +2 -0
  29. package/emotion/es/components/Scrollbar/variations/_view/base.js +2 -0
  30. package/emotion/es/components/Tree/Tree.js +5 -10
  31. package/emotion/es/components/Tree/Tree.styles.js +16 -27
  32. package/emotion/es/components/Tree/Tree.tokens.js +1 -2
  33. package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +17 -0
  34. package/emotion/es/examples/components/Scrollbar/Scrollbar.js +5 -0
  35. package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
  36. package/es/components/Tree/Tree.css +7 -7
  37. package/es/components/Tree/Tree.js +4 -12
  38. package/es/components/Tree/Tree.js.map +1 -1
  39. package/es/components/Tree/Tree.styles.js +7 -37
  40. package/es/components/Tree/Tree.styles.js.map +1 -1
  41. package/es/components/Tree/Tree.styles_1bw3k0r.css +8 -0
  42. package/es/components/Tree/Tree.tokens.js +1 -2
  43. package/es/components/Tree/Tree.tokens.js.map +1 -1
  44. package/es/index.css +8 -8
  45. package/package.json +2 -2
  46. package/styled-components/cjs/components/Scrollbar/Scrollbar.js +418 -0
  47. package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +123 -0
  48. package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
  49. package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
  50. package/styled-components/cjs/components/Scrollbar/index.js +26 -0
  51. package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +14 -0
  52. package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +14 -0
  53. package/styled-components/cjs/components/Tree/Tree.js +9 -14
  54. package/styled-components/cjs/components/Tree/Tree.styles.js +25 -36
  55. package/styled-components/cjs/components/Tree/Tree.tokens.js +1 -2
  56. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +45 -0
  57. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
  58. package/styled-components/cjs/examples/components/Tree/Tree.config.js +6 -6
  59. package/styled-components/es/components/Scrollbar/Scrollbar.js +354 -0
  60. package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +53 -0
  61. package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
  62. package/styled-components/es/components/Scrollbar/Scrollbar.types.js +1 -0
  63. package/styled-components/es/components/Scrollbar/index.js +2 -0
  64. package/styled-components/es/components/Scrollbar/variations/_size/base.js +4 -0
  65. package/styled-components/es/components/Scrollbar/variations/_view/base.js +4 -0
  66. package/styled-components/es/components/Tree/Tree.js +5 -10
  67. package/styled-components/es/components/Tree/Tree.styles.js +25 -36
  68. package/styled-components/es/components/Tree/Tree.tokens.js +1 -2
  69. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  70. package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +35 -0
  71. package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +5 -0
  72. package/styled-components/es/examples/components/Tree/Tree.config.js +6 -6
  73. package/types/components/Scrollbar/Scrollbar.d.ts +23 -0
  74. package/types/components/Scrollbar/Scrollbar.d.ts.map +1 -0
  75. package/types/components/Scrollbar/Scrollbar.styles.d.ts +7 -0
  76. package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +1 -0
  77. package/types/components/Scrollbar/Scrollbar.tokens.d.ts +22 -0
  78. package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +1 -0
  79. package/types/components/Scrollbar/Scrollbar.types.d.ts +44 -0
  80. package/types/components/Scrollbar/Scrollbar.types.d.ts.map +1 -0
  81. package/types/components/Scrollbar/index.d.ts +4 -0
  82. package/types/components/Scrollbar/index.d.ts.map +1 -0
  83. package/types/components/Scrollbar/variations/_size/base.d.ts +2 -0
  84. package/types/components/Scrollbar/variations/_size/base.d.ts.map +1 -0
  85. package/types/components/Scrollbar/variations/_view/base.d.ts +2 -0
  86. package/types/components/Scrollbar/variations/_view/base.d.ts.map +1 -0
  87. package/types/components/Tree/Tree.d.ts.map +1 -1
  88. package/types/components/Tree/Tree.styles.d.ts +1 -4
  89. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  90. package/types/components/Tree/Tree.tokens.d.ts +0 -1
  91. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  92. package/types/components/Tree/Tree.types.d.ts +0 -10
  93. package/types/components/Tree/Tree.types.d.ts.map +1 -1
  94. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +16 -0
  95. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +1 -0
  96. package/types/examples/components/Scrollbar/Scrollbar.d.ts +10 -0
  97. package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +1 -0
  98. package/cjs/components/Tree/Tree.styles_doudvp.css +0 -8
  99. package/es/components/Tree/Tree.styles_doudvp.css +0 -8
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get classes () {
13
+ return classes;
14
+ },
15
+ get tokens () {
16
+ return tokens;
17
+ }
18
+ });
19
+ var tokens = {
20
+ width: '--scrollbar-width',
21
+ height: '--scrollbar-height',
22
+ trackWidth: '--scrollbar-track-width',
23
+ trackColor: '--scrollbar-track-color',
24
+ trackBorderRadius: '--scrollbar-track-border-radius',
25
+ thumbColor: '--scrollbar-thumb-color',
26
+ thumbColorHover: '--scrollbar-thumb-color-hover',
27
+ thumbColorActive: '--scrollbar-thumb-color-active',
28
+ thumbBorderRadius: '--scrollbar-thumb-border-radius'
29
+ };
30
+ var classes = {
31
+ scrollBarRoot: 'scrollbar-root',
32
+ scrollBarContainer: 'scrollbar-container',
33
+ scrollBarContent: 'scrollbar-content',
34
+ scrollBarTrack: 'scrollbar-track',
35
+ scrollBarThumb: 'scrollbar-thumb',
36
+ scrollBarVisible: 'scrollbar-visible',
37
+ scrollBarDragging: 'scrollbar-dragging',
38
+ scrollBarTrackVisible: 'scrollbar-track-visible'
39
+ };
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get scrollbarClasses () {
13
+ return _Scrollbartokens.classes;
14
+ },
15
+ get scrollbarConfig () {
16
+ return _Scrollbar.scrollbarConfig;
17
+ },
18
+ get scrollbarRoot () {
19
+ return _Scrollbar.scrollbarRoot;
20
+ },
21
+ get scrollbarTokens () {
22
+ return _Scrollbartokens.tokens;
23
+ }
24
+ });
25
+ var _Scrollbar = require("./Scrollbar");
26
+ var _Scrollbartokens = require("./Scrollbar.tokens");
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "base", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return base;
9
+ }
10
+ });
11
+ var _react = require("@emotion/react");
12
+ var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Njcm9sbGJhci92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQiJ9 */");
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "base", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return base;
9
+ }
10
+ });
11
+ var _react = require("@emotion/react");
12
+ var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TY3JvbGxiYXIvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Njcm9sbGJhci92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQiJ9 */");
@@ -18,9 +18,9 @@ _export(exports, {
18
18
  });
19
19
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  var _rctree = /*#__PURE__*/ _interop_require_default(require("rc-tree"));
21
- var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
21
+ var _utils = require("../../utils");
22
22
  var _Treestyles = require("./Tree.styles");
23
- var _utils = require("./utils");
23
+ var _utils1 = require("./utils");
24
24
  var _Treetokens = require("./Tree.tokens");
25
25
  function _array_like_to_array(arr, len) {
26
26
  if (len == null || len > arr.length) len = arr.length;
@@ -168,7 +168,7 @@ function _unsupported_iterable_to_array(o, minLen) {
168
168
  }
169
169
  var treeRoot = function(Root) {
170
170
  return /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
171
- 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, variant = param.variant, _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_singleLine = param.singleLine, singleLine = _param_singleLine === void 0 ? true : _param_singleLine, _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;
171
+ 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;
172
172
  var _useState = _sliced_to_array((0, _react.useState)(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
173
173
  var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
174
174
  var isRadioMode = mode === 'radio' && !multiple;
@@ -184,11 +184,10 @@ var treeRoot = function(Root) {
184
184
  var invertedClass = arrowPlacement === 'right' ? _Treetokens.classes.treeInverted : undefined;
185
185
  var itemFilledClass = fullWidthItemSelection ? _Treetokens.classes.treeItemFilled : undefined;
186
186
  var radioModeClass = isRadioMode ? _Treetokens.classes.treeRadioMode : undefined;
187
- var tightVariantClass = variant === 'tight' ? _Treetokens.classes.treeTightVariant : undefined;
188
187
  // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,
189
188
  // чтобы соблюсти иерархию вложенности в UI.
190
189
  var treeData = (0, _react.useMemo)(function() {
191
- return (0, _utils.traverseTree)(items, selectedKeys);
190
+ return (0, _utils1.traverseTree)(items, selectedKeys);
192
191
  }, [
193
192
  items,
194
193
  selectedKeys
@@ -196,7 +195,6 @@ var treeRoot = function(Root) {
196
195
  return /*#__PURE__*/ _react.default.createElement(Root, {
197
196
  view: view,
198
197
  size: size,
199
- variant: variant,
200
198
  ref: ref,
201
199
  items: items
202
200
  }, /*#__PURE__*/ _react.default.createElement(_rctree.default, _object_spread_props(_object_spread({
@@ -205,7 +203,7 @@ var treeRoot = function(Root) {
205
203
  virtual: virtual,
206
204
  multiple: multiple,
207
205
  checkable: checkable,
208
- className: (0, _classnames.default)(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass),
206
+ className: (0, _utils.cx)(className, invertedClass, itemFilledClass, radioModeClass),
209
207
  defaultExpandAll: defaultExpandAll,
210
208
  autoExpandParent: autoExpandParent,
211
209
  style: {
@@ -229,23 +227,20 @@ var treeRoot = function(Root) {
229
227
  return null;
230
228
  }
231
229
  return /*#__PURE__*/ _react.default.createElement(_Treestyles.IconArrowWrapper, null, /*#__PURE__*/ _react.default.createElement(_Treestyles.StyledArrow, {
232
- size: (0, _utils.sizeToIconSize)(size),
230
+ size: (0, _utils1.sizeToIconSize)(size),
233
231
  color: "inherit",
234
232
  className: "arrow"
235
233
  }));
236
234
  },
237
235
  icon: hasIcon && (icon || /*#__PURE__*/ _react.default.createElement(_Treestyles.StyledFolder, {
238
- size: (0, _utils.sizeToIconSize)(size),
236
+ size: (0, _utils1.sizeToIconSize)(size),
239
237
  color: "inherit"
240
238
  })),
241
239
  titleRender: function(item) {
242
240
  return /*#__PURE__*/ _react.default.createElement(_Treestyles.TitleWrapper, {
243
241
  fullWidthItemSelection: fullWidthItemSelection,
244
- arrowPlacement: arrowPlacement,
245
- singleLine: singleLine
246
- }, /*#__PURE__*/ _react.default.createElement(_Treestyles.Title, {
247
- singleLine: singleLine
248
- }, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ _react.default.createElement(_Treestyles.ContentRight, null, item.contentRight));
242
+ arrowPlacement: arrowPlacement
243
+ }, /*#__PURE__*/ _react.default.createElement(_Treestyles.Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ _react.default.createElement(_Treestyles.ContentRight, null, item.contentRight));
249
244
  },
250
245
  draggable: draggable,
251
246
  onDragStart: onDragStart,