@salutejs/plasma-new-hope 0.121.0-dev.0 → 0.122.0-canary.1349.10334518391.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Select/Select.js +13 -5
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.js +4 -2
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +3 -2
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Select/utils/getView.js +27 -0
- package/cjs/components/Select/utils/getView.js.map +1 -0
- package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/cjs/components/Select/utils/updateAncestors.js.map +1 -1
- package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
- package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/emotion/cjs/components/Select/Select.js +12 -5
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +4 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -2
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +3 -2
- package/emotion/cjs/components/Select/utils/getView.js +26 -0
- package/emotion/cjs/components/Select/utils/index.js +8 -1
- package/emotion/es/components/Select/Select.js +13 -6
- package/emotion/es/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/emotion/es/components/Select/ui/Target/Target.js +4 -2
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +4 -2
- package/emotion/es/components/Select/utils/getButtonLabel.js +3 -2
- package/emotion/es/components/Select/utils/getView.js +20 -0
- package/emotion/es/components/Select/utils/index.js +2 -1
- package/es/components/Select/Select.js +13 -5
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +2 -2
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Target/Target.js +4 -2
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +4 -2
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +3 -2
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Select/utils/getView.js +23 -0
- package/es/components/Select/utils/getView.js.map +1 -0
- package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/es/components/Select/utils/updateAncestors.js.map +1 -1
- package/es/components/Select/utils/updateDescendants.js.map +1 -1
- package/es/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Select/Select.js +12 -5
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +4 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -2
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +3 -2
- package/styled-components/cjs/components/Select/utils/getView.js +26 -0
- package/styled-components/cjs/components/Select/utils/index.js +8 -1
- package/styled-components/es/components/Select/Select.js +13 -6
- package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +4 -2
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +4 -2
- package/styled-components/es/components/Select/utils/getButtonLabel.js +3 -2
- package/styled-components/es/components/Select/utils/getView.js +20 -0
- package/styled-components/es/components/Select/utils/index.js +2 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +123 -27
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +3 -3
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +137 -9
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -6
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +6 -6
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +4 -4
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +18 -3
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +4 -3
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/components/Select/utils/getView.d.ts +3 -0
- package/types/components/Select/utils/getView.d.ts.map +1 -0
- package/types/components/Select/utils/index.d.ts +1 -0
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts +2 -2
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
- package/types/components/Select/utils/updateAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateAncestors.d.ts.map +1 -1
- package/types/components/Select/utils/updateDescendants.d.ts +2 -2
- package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
- package/types/components/Select/utils/updateSingleAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +123 -27
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +123 -27
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.122.0-canary.1349.10334518391.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "bb99ae20d276fd046d72028767156fb539188c8e"
|
122
122
|
}
|
@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
|
|
16
16
|
var _Select = /*#__PURE__*/require("./Select.styles");
|
17
17
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
18
18
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
19
|
-
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
19
|
+
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -62,6 +62,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
62
62
|
portal = props.portal,
|
63
63
|
renderValue = props.renderValue,
|
64
64
|
renderItem = props.renderItem,
|
65
|
+
status = props.status,
|
66
|
+
onItemSelect = props.onItemSelect,
|
67
|
+
separator = props.separator,
|
65
68
|
rest = _objectWithoutProperties(props, _excluded);
|
66
69
|
var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
|
67
70
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -75,7 +78,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
75
78
|
setInternalValue(e);
|
76
79
|
};
|
77
80
|
var transformedItems = (0, _react.useMemo)(function () {
|
78
|
-
return (0, _utils2.initialItemsTransform)(items);
|
81
|
+
return (0, _utils2.initialItemsTransform)(items || []);
|
79
82
|
}, [items]);
|
80
83
|
var _usePathMaps = (0, _usePathMaps3.usePathMaps)(transformedItems),
|
81
84
|
_usePathMaps2 = _slicedToArray(_usePathMaps, 4),
|
@@ -167,6 +170,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
167
170
|
if (onChange) {
|
168
171
|
onChange(isCurrentChecked ? '' : item.value);
|
169
172
|
}
|
173
|
+
if (onItemSelect) {
|
174
|
+
onItemSelect(item);
|
175
|
+
}
|
170
176
|
}
|
171
177
|
};
|
172
178
|
var handleChipClick = function handleChipClick(currentValue) {
|
@@ -228,7 +234,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
228
234
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
229
235
|
ref: ref,
|
230
236
|
size: size,
|
231
|
-
view: view,
|
237
|
+
view: status ? (0, _utils2.getView)(status) : view,
|
232
238
|
chipView: chipView
|
233
239
|
}, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/_react["default"].createElement(_Select.OuterLabel, null, label), /*#__PURE__*/_react["default"].createElement(Context.Provider, {
|
234
240
|
value: {
|
@@ -265,11 +271,12 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
265
271
|
size: size,
|
266
272
|
contentLeft: contentLeft,
|
267
273
|
disabled: disabled,
|
268
|
-
renderValue: renderValue
|
274
|
+
renderValue: renderValue,
|
275
|
+
separator: separator
|
269
276
|
}),
|
270
277
|
preventOverflow: false,
|
271
278
|
closeOnOverlayClick: true
|
272
|
-
}, /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
279
|
+
}, items && /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
273
280
|
size: size
|
274
281
|
}, rest), /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
|
275
282
|
role: "tree",
|
@@ -11,10 +11,10 @@ var usePathMaps = exports.usePathMaps = function usePathMaps(items) {
|
|
11
11
|
var focusedToValueMap = new Map();
|
12
12
|
var valueToCheckedMap = new Map();
|
13
13
|
var valueToItemMap = new Map();
|
14
|
-
pathMap.set('root', items.length);
|
14
|
+
pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
|
15
15
|
var rec = function rec(items) {
|
16
16
|
var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
17
|
-
items.forEach(function (item, index) {
|
17
|
+
items === null || items === void 0 || items.forEach(function (item, index) {
|
18
18
|
var value = item.value,
|
19
19
|
innerItems = item.items;
|
20
20
|
var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
|
@@ -88,7 +88,7 @@ var Item = exports.Item = function Item(_ref) {
|
|
88
88
|
}))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
|
89
89
|
size: (0, _utils.sizeToIconSize)(size, variant),
|
90
90
|
color: "inherit"
|
91
|
-
})), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem && renderItem(value, label) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
|
91
|
+
})), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem && renderItem(value.toString(), label) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
|
92
92
|
size: (0, _utils.sizeToIconSize)(size, variant),
|
93
93
|
color: "inherit"
|
94
94
|
})));
|
@@ -23,7 +23,8 @@ var Target = exports.Target = function Target(_ref) {
|
|
23
23
|
renderValue = _ref.renderValue,
|
24
24
|
focusedPath = _ref.focusedPath,
|
25
25
|
focusedToValueMap = _ref.focusedToValueMap,
|
26
|
-
selectProps = _ref.selectProps
|
26
|
+
selectProps = _ref.selectProps,
|
27
|
+
separator = _ref.separator;
|
27
28
|
return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
28
29
|
opened: opened,
|
29
30
|
value: value,
|
@@ -35,7 +36,8 @@ var Target = exports.Target = function Target(_ref) {
|
|
35
36
|
renderValue: renderValue,
|
36
37
|
focusedPath: focusedPath,
|
37
38
|
focusedToValueMap: focusedToValueMap,
|
38
|
-
selectProps: selectProps
|
39
|
+
selectProps: selectProps,
|
40
|
+
separator: separator
|
39
41
|
}) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
|
40
42
|
opened: opened,
|
41
43
|
value: value,
|
@@ -21,7 +21,8 @@ var Button = exports.Button = function Button(_ref) {
|
|
21
21
|
renderValue = _ref.renderValue,
|
22
22
|
focusedPath = _ref.focusedPath,
|
23
23
|
focusedToValueMap = _ref.focusedToValueMap,
|
24
|
-
selectProps = _ref.selectProps
|
24
|
+
selectProps = _ref.selectProps,
|
25
|
+
separator = _ref.separator;
|
25
26
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
26
27
|
var getActiveDescendant = function getActiveDescendant() {
|
27
28
|
var _focusedToValueMap$ge;
|
@@ -51,6 +52,7 @@ var Button = exports.Button = function Button(_ref) {
|
|
51
52
|
valueToItemMap: valueToItemMap,
|
52
53
|
label: label,
|
53
54
|
renderValue: renderValue,
|
54
|
-
selectProps: selectProps
|
55
|
+
selectProps: selectProps,
|
56
|
+
separator: separator
|
55
57
|
}))));
|
56
58
|
};
|
@@ -18,7 +18,8 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
|
18
18
|
valueToItemMap = _ref3.valueToItemMap,
|
19
19
|
label = _ref3.label,
|
20
20
|
renderValue = _ref3.renderValue,
|
21
|
-
selectProps = _ref3.selectProps
|
21
|
+
selectProps = _ref3.selectProps,
|
22
|
+
separator = _ref3.separator;
|
22
23
|
if ((0, _utils.isEmpty)(value)) {
|
23
24
|
return label || '';
|
24
25
|
}
|
@@ -32,7 +33,7 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
|
32
33
|
valueToItemMap: valueToItemMap,
|
33
34
|
renderValue: renderValue
|
34
35
|
});
|
35
|
-
}).join(', ');
|
36
|
+
}).join(separator || ', ');
|
36
37
|
}
|
37
38
|
return getLabel({
|
38
39
|
renderValue: renderValue,
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.getView = void 0;
|
7
|
+
var getView = exports.getView = function getView(status) {
|
8
|
+
switch (status) {
|
9
|
+
case 'success':
|
10
|
+
{
|
11
|
+
return 'positive';
|
12
|
+
}
|
13
|
+
case 'error':
|
14
|
+
{
|
15
|
+
return 'negative';
|
16
|
+
}
|
17
|
+
case 'warning':
|
18
|
+
{
|
19
|
+
return 'warning';
|
20
|
+
}
|
21
|
+
default:
|
22
|
+
{
|
23
|
+
return 'default';
|
24
|
+
}
|
25
|
+
}
|
26
|
+
};
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "getCorrectHeight", {
|
|
15
15
|
return _getCorrectHeight.getCorrectHeight;
|
16
16
|
}
|
17
17
|
});
|
18
|
+
Object.defineProperty(exports, "getView", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _getView.getView;
|
22
|
+
}
|
23
|
+
});
|
18
24
|
Object.defineProperty(exports, "initialItemsTransform", {
|
19
25
|
enumerable: true,
|
20
26
|
get: function get() {
|
@@ -51,4 +57,5 @@ var _updateAncestors = /*#__PURE__*/require("./updateAncestors");
|
|
51
57
|
var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
|
52
58
|
var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
|
53
59
|
var _getCorrectHeight = /*#__PURE__*/require("./getCorrectHeight");
|
54
|
-
var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
|
60
|
+
var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
|
61
|
+
var _getView = /*#__PURE__*/require("./getView");
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
1
|
+
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -12,7 +12,7 @@ import React, { forwardRef, useState, useReducer, useMemo, createContext, useLay
|
|
12
12
|
import { isEmpty, getPlacements } from '../../utils';
|
13
13
|
import { useOutsideClick } from '../../hooks';
|
14
14
|
import { useKeyNavigation } from './hooks/useKeyboardNavigation';
|
15
|
-
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors } from './utils';
|
15
|
+
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';
|
16
16
|
import { Inner, Target } from './ui';
|
17
17
|
import { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';
|
18
18
|
import { usePathMaps } from './hooks/usePathMaps';
|
@@ -53,6 +53,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
53
53
|
portal = props.portal,
|
54
54
|
renderValue = props.renderValue,
|
55
55
|
renderItem = props.renderItem,
|
56
|
+
status = props.status,
|
57
|
+
onItemSelect = props.onItemSelect,
|
58
|
+
separator = props.separator,
|
56
59
|
rest = _objectWithoutProperties(props, _excluded);
|
57
60
|
var _useState = useState(outerValue || props.multiselect ? [] : ''),
|
58
61
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -66,7 +69,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
66
69
|
setInternalValue(e);
|
67
70
|
};
|
68
71
|
var transformedItems = useMemo(function () {
|
69
|
-
return initialItemsTransform(items);
|
72
|
+
return initialItemsTransform(items || []);
|
70
73
|
}, [items]);
|
71
74
|
var _usePathMaps = usePathMaps(transformedItems),
|
72
75
|
_usePathMaps2 = _slicedToArray(_usePathMaps, 4),
|
@@ -158,6 +161,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
158
161
|
if (onChange) {
|
159
162
|
onChange(isCurrentChecked ? '' : item.value);
|
160
163
|
}
|
164
|
+
if (onItemSelect) {
|
165
|
+
onItemSelect(item);
|
166
|
+
}
|
161
167
|
}
|
162
168
|
};
|
163
169
|
var handleChipClick = function handleChipClick(currentValue) {
|
@@ -219,7 +225,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
219
225
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
220
226
|
ref: ref,
|
221
227
|
size: size,
|
222
|
-
view: view,
|
228
|
+
view: status ? getView(status) : view,
|
223
229
|
chipView: chipView
|
224
230
|
}, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/React.createElement(OuterLabel, null, label), /*#__PURE__*/React.createElement(Context.Provider, {
|
225
231
|
value: {
|
@@ -256,11 +262,12 @@ export var selectRoot = function selectRoot(Root) {
|
|
256
262
|
size: size,
|
257
263
|
contentLeft: contentLeft,
|
258
264
|
disabled: disabled,
|
259
|
-
renderValue: renderValue
|
265
|
+
renderValue: renderValue,
|
266
|
+
separator: separator
|
260
267
|
}),
|
261
268
|
preventOverflow: false,
|
262
269
|
closeOnOverlayClick: true
|
263
|
-
}, /*#__PURE__*/React.createElement(Root, _extends({
|
270
|
+
}, items && /*#__PURE__*/React.createElement(Root, _extends({
|
264
271
|
size: size
|
265
272
|
}, rest), /*#__PURE__*/React.createElement(Ul, {
|
266
273
|
role: "tree",
|
@@ -5,10 +5,10 @@ export var usePathMaps = function usePathMaps(items) {
|
|
5
5
|
var focusedToValueMap = new Map();
|
6
6
|
var valueToCheckedMap = new Map();
|
7
7
|
var valueToItemMap = new Map();
|
8
|
-
pathMap.set('root', items.length);
|
8
|
+
pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
|
9
9
|
var rec = function rec(items) {
|
10
10
|
var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
11
|
-
items.forEach(function (item, index) {
|
11
|
+
items === null || items === void 0 || items.forEach(function (item, index) {
|
12
12
|
var value = item.value,
|
13
13
|
innerItems = item.items;
|
14
14
|
var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
|
@@ -79,7 +79,7 @@ export var Item = function Item(_ref) {
|
|
79
79
|
}))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
|
80
80
|
size: sizeToIconSize(size, variant),
|
81
81
|
color: "inherit"
|
82
|
-
})), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, renderItem && renderItem(value, label) || label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
|
82
|
+
})), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, renderItem && renderItem(value.toString(), label) || label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
|
83
83
|
size: sizeToIconSize(size, variant),
|
84
84
|
color: "inherit"
|
85
85
|
})));
|
@@ -16,7 +16,8 @@ export var Target = function Target(_ref) {
|
|
16
16
|
renderValue = _ref.renderValue,
|
17
17
|
focusedPath = _ref.focusedPath,
|
18
18
|
focusedToValueMap = _ref.focusedToValueMap,
|
19
|
-
selectProps = _ref.selectProps
|
19
|
+
selectProps = _ref.selectProps,
|
20
|
+
separator = _ref.separator;
|
20
21
|
return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
|
21
22
|
opened: opened,
|
22
23
|
value: value,
|
@@ -28,7 +29,8 @@ export var Target = function Target(_ref) {
|
|
28
29
|
renderValue: renderValue,
|
29
30
|
focusedPath: focusedPath,
|
30
31
|
focusedToValueMap: focusedToValueMap,
|
31
|
-
selectProps: selectProps
|
32
|
+
selectProps: selectProps,
|
33
|
+
separator: separator
|
32
34
|
}) : /*#__PURE__*/React.createElement(Textfield, {
|
33
35
|
opened: opened,
|
34
36
|
value: value,
|
@@ -14,7 +14,8 @@ export var Button = function Button(_ref) {
|
|
14
14
|
renderValue = _ref.renderValue,
|
15
15
|
focusedPath = _ref.focusedPath,
|
16
16
|
focusedToValueMap = _ref.focusedToValueMap,
|
17
|
-
selectProps = _ref.selectProps
|
17
|
+
selectProps = _ref.selectProps,
|
18
|
+
separator = _ref.separator;
|
18
19
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
19
20
|
var getActiveDescendant = function getActiveDescendant() {
|
20
21
|
var _focusedToValueMap$ge;
|
@@ -44,6 +45,7 @@ export var Button = function Button(_ref) {
|
|
44
45
|
valueToItemMap: valueToItemMap,
|
45
46
|
label: label,
|
46
47
|
renderValue: renderValue,
|
47
|
-
selectProps: selectProps
|
48
|
+
selectProps: selectProps,
|
49
|
+
separator: separator
|
48
50
|
}))));
|
49
51
|
};
|
@@ -12,7 +12,8 @@ export var getButtonLabel = function getButtonLabel(_ref3) {
|
|
12
12
|
valueToItemMap = _ref3.valueToItemMap,
|
13
13
|
label = _ref3.label,
|
14
14
|
renderValue = _ref3.renderValue,
|
15
|
-
selectProps = _ref3.selectProps
|
15
|
+
selectProps = _ref3.selectProps,
|
16
|
+
separator = _ref3.separator;
|
16
17
|
if (isEmpty(value)) {
|
17
18
|
return label || '';
|
18
19
|
}
|
@@ -26,7 +27,7 @@ export var getButtonLabel = function getButtonLabel(_ref3) {
|
|
26
27
|
valueToItemMap: valueToItemMap,
|
27
28
|
renderValue: renderValue
|
28
29
|
});
|
29
|
-
}).join(', ');
|
30
|
+
}).join(separator || ', ');
|
30
31
|
}
|
31
32
|
return getLabel({
|
32
33
|
renderValue: renderValue,
|
@@ -0,0 +1,20 @@
|
|
1
|
+
export var getView = function getView(status) {
|
2
|
+
switch (status) {
|
3
|
+
case 'success':
|
4
|
+
{
|
5
|
+
return 'positive';
|
6
|
+
}
|
7
|
+
case 'error':
|
8
|
+
{
|
9
|
+
return 'negative';
|
10
|
+
}
|
11
|
+
case 'warning':
|
12
|
+
{
|
13
|
+
return 'warning';
|
14
|
+
}
|
15
|
+
default:
|
16
|
+
{
|
17
|
+
return 'default';
|
18
|
+
}
|
19
|
+
}
|
20
|
+
};
|
@@ -4,4 +4,5 @@ export { updateAncestors } from './updateAncestors';
|
|
4
4
|
export { updateSingleAncestors } from './updateSingleAncestors';
|
5
5
|
export { sizeToIconSize } from './sizeToIconSize';
|
6
6
|
export { getCorrectHeight } from './getCorrectHeight';
|
7
|
-
export { getButtonLabel } from './getButtonLabel';
|
7
|
+
export { getButtonLabel } from './getButtonLabel';
|
8
|
+
export { getView } from './getView';
|
package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts
CHANGED
@@ -1,57 +1,153 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export declare const SelectPerPageRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
3
|
-
export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((
|
3
|
+
export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
|
4
|
+
target?: "textfield-like" | undefined;
|
5
|
+
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
6
|
+
contentLeft?: import("react").ReactNode;
|
7
|
+
labelPlacement?: "inner" | "outer" | undefined;
|
8
|
+
placeholder?: string | undefined;
|
9
|
+
helperText?: string | undefined;
|
10
|
+
} & {
|
4
11
|
multiselect?: false | undefined;
|
5
|
-
|
6
|
-
onChange?: ((value: string) => void) | undefined;
|
7
|
-
isTargetAmount?: false | undefined;
|
8
|
-
renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
|
12
|
+
separator?: undefined;
|
9
13
|
} & {
|
14
|
+
value: any;
|
15
|
+
onChange?: ((value: any) => void) | undefined;
|
16
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
17
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
18
|
+
status?: "error" | "success" | "warning" | undefined;
|
19
|
+
placeholder?: string | undefined;
|
20
|
+
helperText?: string | undefined;
|
21
|
+
disabled?: boolean | undefined;
|
22
|
+
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
23
|
+
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => void) | undefined;
|
24
|
+
hasItems?: boolean | undefined;
|
25
|
+
children?: undefined;
|
26
|
+
isOpen?: boolean | undefined;
|
27
|
+
isTargetAmount?: boolean | undefined;
|
28
|
+
renderTarget?: ((value: any) => import("react").ReactNode) | undefined;
|
29
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
30
|
+
label?: string | undefined;
|
31
|
+
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
32
|
+
variant?: "normal" | "tight" | undefined;
|
33
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
34
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
35
|
+
renderValue?: ((value: string, label: string) => string) | undefined;
|
36
|
+
renderItem?: ((value: string, label: string) => import("react").ReactNode) | undefined;
|
37
|
+
size?: string | undefined;
|
38
|
+
view?: string | undefined;
|
39
|
+
chipView?: string | undefined;
|
40
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
10
41
|
target?: "textfield-like" | undefined;
|
11
42
|
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
12
43
|
contentLeft?: import("react").ReactNode;
|
13
44
|
labelPlacement?: "inner" | "outer" | undefined;
|
14
45
|
placeholder?: string | undefined;
|
15
46
|
helperText?: string | undefined;
|
16
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
|
17
|
-
multiselect?: false | undefined;
|
18
|
-
value?: string | undefined;
|
19
|
-
onChange?: ((value: string) => void) | undefined;
|
20
|
-
isTargetAmount?: false | undefined;
|
21
|
-
renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
|
22
47
|
} & {
|
48
|
+
multiselect?: true | undefined;
|
49
|
+
separator?: string | undefined;
|
50
|
+
} & {
|
51
|
+
value: any;
|
52
|
+
onChange?: ((value: any) => void) | undefined;
|
53
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
54
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
55
|
+
status?: "error" | "success" | "warning" | undefined;
|
56
|
+
placeholder?: string | undefined;
|
57
|
+
helperText?: string | undefined;
|
58
|
+
disabled?: boolean | undefined;
|
59
|
+
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
60
|
+
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => void) | undefined;
|
61
|
+
hasItems?: boolean | undefined;
|
62
|
+
children?: undefined;
|
63
|
+
isOpen?: boolean | undefined;
|
64
|
+
isTargetAmount?: boolean | undefined;
|
65
|
+
renderTarget?: ((value: any) => import("react").ReactNode) | undefined;
|
66
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
67
|
+
label?: string | undefined;
|
68
|
+
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
69
|
+
variant?: "normal" | "tight" | undefined;
|
70
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
71
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
72
|
+
renderValue?: ((value: string, label: string) => string) | undefined;
|
73
|
+
renderItem?: ((value: string, label: string) => import("react").ReactNode) | undefined;
|
74
|
+
size?: string | undefined;
|
75
|
+
view?: string | undefined;
|
76
|
+
chipView?: string | undefined;
|
77
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
23
78
|
target?: "button-like" | undefined;
|
24
79
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
25
80
|
contentLeft?: undefined;
|
26
81
|
labelPlacement?: undefined;
|
27
82
|
placeholder?: undefined;
|
28
83
|
helperText?: undefined;
|
29
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
|
30
|
-
multiselect: true;
|
31
|
-
value?: string[] | undefined;
|
32
|
-
onChange?: ((value: string[]) => void) | undefined;
|
33
|
-
isTargetAmount?: boolean | undefined;
|
34
|
-
renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
|
35
84
|
} & {
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
85
|
+
multiselect?: false | undefined;
|
86
|
+
separator?: undefined;
|
87
|
+
} & {
|
88
|
+
value: any;
|
89
|
+
onChange?: ((value: any) => void) | undefined;
|
90
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
91
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
92
|
+
status?: "error" | "success" | "warning" | undefined;
|
40
93
|
placeholder?: string | undefined;
|
41
94
|
helperText?: string | undefined;
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
95
|
+
disabled?: boolean | undefined;
|
96
|
+
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
97
|
+
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => void) | undefined;
|
98
|
+
hasItems?: boolean | undefined;
|
99
|
+
children?: undefined;
|
100
|
+
isOpen?: boolean | undefined;
|
46
101
|
isTargetAmount?: boolean | undefined;
|
47
|
-
renderTarget?: ((value:
|
48
|
-
|
102
|
+
renderTarget?: ((value: any) => import("react").ReactNode) | undefined;
|
103
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
104
|
+
label?: string | undefined;
|
105
|
+
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
106
|
+
variant?: "normal" | "tight" | undefined;
|
107
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
108
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
109
|
+
renderValue?: ((value: string, label: string) => string) | undefined;
|
110
|
+
renderItem?: ((value: string, label: string) => import("react").ReactNode) | undefined;
|
111
|
+
size?: string | undefined;
|
112
|
+
view?: string | undefined;
|
113
|
+
chipView?: string | undefined;
|
114
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
49
115
|
target?: "button-like" | undefined;
|
50
116
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
51
117
|
contentLeft?: undefined;
|
52
118
|
labelPlacement?: undefined;
|
53
119
|
placeholder?: undefined;
|
54
120
|
helperText?: undefined;
|
121
|
+
} & {
|
122
|
+
multiselect?: true | undefined;
|
123
|
+
separator?: string | undefined;
|
124
|
+
} & {
|
125
|
+
value: any;
|
126
|
+
onChange?: ((value: any) => void) | undefined;
|
127
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
128
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
129
|
+
status?: "error" | "success" | "warning" | undefined;
|
130
|
+
placeholder?: string | undefined;
|
131
|
+
helperText?: string | undefined;
|
132
|
+
disabled?: boolean | undefined;
|
133
|
+
items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
134
|
+
onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => void) | undefined;
|
135
|
+
hasItems?: boolean | undefined;
|
136
|
+
children?: undefined;
|
137
|
+
isOpen?: boolean | undefined;
|
138
|
+
isTargetAmount?: boolean | undefined;
|
139
|
+
renderTarget?: ((value: any) => import("react").ReactNode) | undefined;
|
140
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
141
|
+
label?: string | undefined;
|
142
|
+
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
143
|
+
variant?: "normal" | "tight" | undefined;
|
144
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
145
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
146
|
+
renderValue?: ((value: string, label: string) => string) | undefined;
|
147
|
+
renderItem?: ((value: string, label: string) => import("react").ReactNode) | undefined;
|
148
|
+
size?: string | undefined;
|
149
|
+
view?: string | undefined;
|
150
|
+
chipView?: string | undefined;
|
55
151
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
|
56
152
|
export declare const SelectPerPageTypography: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
57
153
|
//# sourceMappingURL=PaginationSelectPerPage.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaginationSelectPerPage.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB
|
1
|
+
{"version":3,"file":"PaginationSelectPerPage.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAsB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAOnC,CAAC"}
|
@@ -1,15 +1,15 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { RootProps } from '../../engines';
|
3
|
-
import type {
|
3
|
+
import type { ItemContext, MergedSelectProps } from './Select.types';
|
4
4
|
export declare const Context: React.Context<ItemContext>;
|
5
5
|
/**
|
6
6
|
* Выпадающий список. Поддерживает выбор одного или нескольких значений.
|
7
7
|
*/
|
8
|
-
export declare const selectRoot: (Root: RootProps<HTMLButtonElement, Omit<
|
8
|
+
export declare const selectRoot: (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) => React.ForwardRefExoticComponent<MergedSelectProps<any> & React.RefAttributes<HTMLButtonElement>>;
|
9
9
|
export declare const selectConfig: {
|
10
10
|
name: string;
|
11
11
|
tag: string;
|
12
|
-
layout: (Root: RootProps<HTMLButtonElement, Omit<
|
12
|
+
layout: (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) => React.ForwardRefExoticComponent<MergedSelectProps<any> & React.RefAttributes<HTMLButtonElement>>;
|
13
13
|
base: import("@linaria/core").LinariaClassName;
|
14
14
|
variations: {
|
15
15
|
view: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAEzG,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAAE,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAEzG,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKrE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,UAAU,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC,qGAqRzF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAvRQ,UAAU,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;CAyS9F,CAAC"}
|