@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.
- package/cjs/components/Tree/Tree.css +7 -7
- package/cjs/components/Tree/Tree.js +4 -13
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +7 -37
- package/cjs/components/Tree/Tree.styles.js.map +1 -1
- package/cjs/components/Tree/Tree.styles_1bw3k0r.css +8 -0
- package/cjs/components/Tree/Tree.tokens.js +1 -2
- package/cjs/components/Tree/Tree.tokens.js.map +1 -1
- package/cjs/index.css +8 -8
- package/emotion/cjs/components/Scrollbar/Scrollbar.js +418 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +59 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
- package/emotion/cjs/components/Scrollbar/index.js +26 -0
- package/emotion/cjs/components/Scrollbar/variations/_size/base.js +12 -0
- package/emotion/cjs/components/Scrollbar/variations/_view/base.js +12 -0
- package/emotion/cjs/components/Tree/Tree.js +9 -14
- package/emotion/cjs/components/Tree/Tree.styles.js +16 -27
- package/emotion/cjs/components/Tree/Tree.tokens.js +1 -2
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +27 -0
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
- package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
- package/emotion/es/components/Scrollbar/Scrollbar.js +354 -0
- package/emotion/es/components/Scrollbar/Scrollbar.styles.js +24 -0
- package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
- package/emotion/es/components/Scrollbar/Scrollbar.types.js +1 -0
- package/emotion/es/components/Scrollbar/index.js +2 -0
- package/emotion/es/components/Scrollbar/variations/_size/base.js +2 -0
- package/emotion/es/components/Scrollbar/variations/_view/base.js +2 -0
- package/emotion/es/components/Tree/Tree.js +5 -10
- package/emotion/es/components/Tree/Tree.styles.js +16 -27
- package/emotion/es/components/Tree/Tree.tokens.js +1 -2
- package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +17 -0
- package/emotion/es/examples/components/Scrollbar/Scrollbar.js +5 -0
- package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
- package/es/components/Tree/Tree.css +7 -7
- package/es/components/Tree/Tree.js +4 -12
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Tree/Tree.styles.js +7 -37
- package/es/components/Tree/Tree.styles.js.map +1 -1
- package/es/components/Tree/Tree.styles_1bw3k0r.css +8 -0
- package/es/components/Tree/Tree.tokens.js +1 -2
- package/es/components/Tree/Tree.tokens.js.map +1 -1
- package/es/index.css +8 -8
- package/package.json +2 -2
- package/styled-components/cjs/components/Scrollbar/Scrollbar.js +418 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +123 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
- package/styled-components/cjs/components/Scrollbar/index.js +26 -0
- package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +14 -0
- package/styled-components/cjs/components/Tree/Tree.js +9 -14
- package/styled-components/cjs/components/Tree/Tree.styles.js +25 -36
- package/styled-components/cjs/components/Tree/Tree.tokens.js +1 -2
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +45 -0
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
- package/styled-components/cjs/examples/components/Tree/Tree.config.js +6 -6
- package/styled-components/es/components/Scrollbar/Scrollbar.js +354 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +53 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.types.js +1 -0
- package/styled-components/es/components/Scrollbar/index.js +2 -0
- package/styled-components/es/components/Scrollbar/variations/_size/base.js +4 -0
- package/styled-components/es/components/Scrollbar/variations/_view/base.js +4 -0
- package/styled-components/es/components/Tree/Tree.js +5 -10
- package/styled-components/es/components/Tree/Tree.styles.js +25 -36
- package/styled-components/es/components/Tree/Tree.tokens.js +1 -2
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +35 -0
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +5 -0
- package/styled-components/es/examples/components/Tree/Tree.config.js +6 -6
- package/types/components/Scrollbar/Scrollbar.d.ts +23 -0
- package/types/components/Scrollbar/Scrollbar.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.styles.d.ts +7 -0
- package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts +22 -0
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.types.d.ts +44 -0
- package/types/components/Scrollbar/Scrollbar.types.d.ts.map +1 -0
- package/types/components/Scrollbar/index.d.ts +4 -0
- package/types/components/Scrollbar/index.d.ts.map +1 -0
- package/types/components/Scrollbar/variations/_size/base.d.ts +2 -0
- package/types/components/Scrollbar/variations/_size/base.d.ts.map +1 -0
- package/types/components/Scrollbar/variations/_view/base.d.ts +2 -0
- package/types/components/Scrollbar/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tree/Tree.d.ts.map +1 -1
- package/types/components/Tree/Tree.styles.d.ts +1 -4
- package/types/components/Tree/Tree.styles.d.ts.map +1 -1
- package/types/components/Tree/Tree.tokens.d.ts +0 -1
- package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
- package/types/components/Tree/Tree.types.d.ts +0 -10
- package/types/components/Tree/Tree.types.d.ts.map +1 -1
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +16 -0
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +1 -0
- package/types/examples/components/Scrollbar/Scrollbar.d.ts +10 -0
- package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +1 -0
- package/cjs/components/Tree/Tree.styles_doudvp.css +0 -8
- 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,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
|
|
21
|
+
var _utils = require("../../utils");
|
|
22
22
|
var _Treestyles = require("./Tree.styles");
|
|
23
|
-
var
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
-
|
|
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,
|