@salutejs/plasma-new-hope 0.138.0-canary.1406.10666365265.0 → 0.138.0-canary.1406.10670971125.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -8
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +22 -6
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_79kgrq.css → Combobox.styles_iq2uzw.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +25 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -7
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +2 -1
- package/cjs/components/Combobox/ComboboxNew/utils/filterItems.js.map +1 -1
- package/cjs/components/Popup/PopupContext.js +1 -1
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/hooks/useOutsideClick.js +1 -4
- package/cjs/hooks/useOutsideClick.js.map +1 -1
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -8
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +11 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -7
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +2 -1
- package/emotion/cjs/components/Popup/PopupContext.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +12 -14
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +1 -9
- package/emotion/cjs/hooks/useOutsideClick.js +1 -4
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +13 -8
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +11 -5
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -7
- package/emotion/es/components/Combobox/ComboboxNew/utils/filterItems.js +2 -1
- package/emotion/es/components/Popup/PopupContext.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +12 -14
- package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +1 -9
- package/emotion/es/hooks/useOutsideClick.js +1 -4
- package/es/components/Combobox/ComboboxNew/Combobox.css +3 -3
- package/es/components/Combobox/ComboboxNew/Combobox.js +13 -8
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -7
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_79kgrq.css → Combobox.styles_iq2uzw.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +25 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -7
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/utils/filterItems.js +2 -1
- package/es/components/Combobox/ComboboxNew/utils/filterItems.js.map +1 -1
- package/es/components/Popup/PopupContext.js +1 -1
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/hooks/useOutsideClick.js +1 -4
- package/es/hooks/useOutsideClick.js.map +1 -1
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -8
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +2 -1
- package/styled-components/cjs/components/Popup/PopupContext.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +1 -9
- package/styled-components/cjs/hooks/useOutsideClick.js +1 -4
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +13 -8
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -1
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +4 -7
- package/styled-components/es/components/Combobox/ComboboxNew/utils/filterItems.js +2 -1
- package/styled-components/es/components/Popup/PopupContext.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -2
- package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +1 -9
- package/styled-components/es/hooks/useOutsideClick.js +1 -4
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/filterItems.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +1 -1
- package/types/hooks/useOutsideClick.d.ts.map +1 -1
@@ -44,12 +44,12 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
44
44
|
// Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
|
45
45
|
// Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
|
46
46
|
// но выпадающий список должен позиционироваться непосредственно возле самого инпута.
|
47
|
-
var
|
47
|
+
var isTargetAsFunction = typeof target === 'function';
|
48
48
|
return /*#__PURE__*/React.createElement("div", {
|
49
49
|
ref: ref,
|
50
50
|
id: wrappedId
|
51
51
|
}, /*#__PURE__*/React.createElement("div", {
|
52
|
-
ref:
|
52
|
+
ref: isTargetAsFunction ? undefined : refs.setReference,
|
53
53
|
onClick: handleClick
|
54
54
|
}, typeof target === 'function' ? target(refs.setReference) : target), opened &&
|
55
55
|
/*#__PURE__*/
|
@@ -33,8 +33,7 @@ export var Item = function Item(_ref) {
|
|
33
33
|
renderItem = _useContext.renderItem,
|
34
34
|
valueToItemMap = _useContext.valueToItemMap,
|
35
35
|
treeId = _useContext.treeId;
|
36
|
-
var
|
37
|
-
var isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
|
36
|
+
var isDisabledClassName = disabled ? classes.dropdownItemIsDisabled : undefined;
|
38
37
|
var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
|
39
38
|
var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
|
40
39
|
useDidMountEffect(function () {
|
@@ -47,12 +46,12 @@ export var Item = function Item(_ref) {
|
|
47
46
|
}
|
48
47
|
}, [focusedClass]);
|
49
48
|
var handleChange = function handleChange(e) {
|
50
|
-
if (
|
49
|
+
if (disabled) return;
|
51
50
|
e.stopPropagation();
|
52
51
|
handleCheckboxChange(item);
|
53
52
|
};
|
54
53
|
var handleClick = function handleClick(e) {
|
55
|
-
if (
|
54
|
+
if (disabled) {
|
56
55
|
e.stopPropagation();
|
57
56
|
return;
|
58
57
|
}
|
@@ -87,9 +86,7 @@ export var Item = function Item(_ref) {
|
|
87
86
|
}))), !multiple && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
|
88
87
|
size: sizeToIconSize(size, variant),
|
89
88
|
color: "inherit"
|
90
|
-
})), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(valueToItemMap.get(value))) : /*#__PURE__*/React.createElement(StyledWrapper, {
|
91
|
-
className: "dima"
|
92
|
-
}, /*#__PURE__*/React.createElement(StyledCell, {
|
89
|
+
})), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(valueToItemMap.get(value))) : /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell, {
|
93
90
|
view: "default",
|
94
91
|
size: "l",
|
95
92
|
contentLeft: contentLeft,
|
@@ -13,9 +13,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
13
13
|
// Не мутирует исходные данные.
|
14
14
|
export var filterItems = function filterItems(items, textValue, currentLabel, customFilter) {
|
15
15
|
if (!textValue || textValue === currentLabel) return items;
|
16
|
-
var
|
16
|
+
var defaultFilter = function defaultFilter(label, value) {
|
17
17
|
return label.toLowerCase().includes(value.toLowerCase());
|
18
18
|
};
|
19
|
+
var filter = customFilter || defaultFilter;
|
19
20
|
var dfs = function dfs(items) {
|
20
21
|
var newItems = [];
|
21
22
|
items.forEach(function (item) {
|
@@ -26,7 +26,7 @@ export var usePopupContext = function usePopupContext() {
|
|
26
26
|
};
|
27
27
|
export var PopupProvider = function PopupProvider(_ref) {
|
28
28
|
var children = _ref.children;
|
29
|
-
var prevBodyOverflowY = useRef(document.body.style.overflowY);
|
29
|
+
var prevBodyOverflowY = useRef(typeof document !== 'undefined' ? document.body.style.overflowY : '');
|
30
30
|
var _useState = useState([]),
|
31
31
|
_useState2 = _slicedToArray(_useState, 2),
|
32
32
|
items = _useState2[0],
|
@@ -40,12 +40,6 @@ const meta: Meta<StorySelectProps> = {
|
|
40
40
|
type: 'select',
|
41
41
|
},
|
42
42
|
},
|
43
|
-
chipView: {
|
44
|
-
options: chip,
|
45
|
-
control: {
|
46
|
-
type: 'select',
|
47
|
-
},
|
48
|
-
},
|
49
43
|
variant: {
|
50
44
|
options: variant,
|
51
45
|
control: {
|
@@ -75,7 +69,6 @@ const meta: Meta<StorySelectProps> = {
|
|
75
69
|
helperText: 'Helper text',
|
76
70
|
size: 'm',
|
77
71
|
view: 'default',
|
78
|
-
chipView: 'default',
|
79
72
|
enableContentLeft: false,
|
80
73
|
isTargetAmount: false,
|
81
74
|
variant: 'normal',
|
@@ -87,7 +80,6 @@ const meta: Meta<StorySelectProps> = {
|
|
87
80
|
include: [
|
88
81
|
'size',
|
89
82
|
'view',
|
90
|
-
'chipView',
|
91
83
|
'enableContentLeft',
|
92
84
|
'label',
|
93
85
|
'labelPlacement',
|
@@ -316,7 +308,7 @@ const items = [
|
|
316
308
|
{
|
317
309
|
value: 'africa',
|
318
310
|
label: 'Африка',
|
319
|
-
|
311
|
+
disabled: true,
|
320
312
|
},
|
321
313
|
];
|
322
314
|
|
@@ -3,10 +3,7 @@ export var useOutsideClick = function useOutsideClick(callback, secondaryRef) {
|
|
3
3
|
var ref = useRef(null);
|
4
4
|
useEffect(function () {
|
5
5
|
var handleClickOutside = function handleClickOutside(event) {
|
6
|
-
if (ref.current && !ref.current.contains(event.target)
|
7
|
-
// secondaryRef.current &&
|
8
|
-
// !secondaryRef.current.contains(event.target as Node)
|
9
|
-
) {
|
6
|
+
if (ref.current && !ref.current.contains(event.target)) {
|
10
7
|
if (!(secondaryRef !== null && secondaryRef !== void 0 && secondaryRef.current) || secondaryRef.current && !secondaryRef.current.contains(event.target)) {
|
11
8
|
callback();
|
12
9
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,2FAmYtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBArYQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA0Z3F,CAAC"}
|
@@ -6,7 +6,9 @@ export declare const Ul: import("@linaria/react").StyledComponent<import("react"
|
|
6
6
|
listWidth?: ComboboxProps['listWidth'];
|
7
7
|
isInnerUl?: boolean | undefined;
|
8
8
|
}>;
|
9
|
-
export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> &
|
9
|
+
export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
10
|
+
disabled: boolean;
|
11
|
+
}>;
|
10
12
|
export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../_Icon/IconRoot").IconProps>;
|
11
13
|
export declare const base: import("@linaria/core").LinariaClassName;
|
12
14
|
export declare const StyledEmptyState: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & import("../../EmptyState/EmptyState.types").Props & import("react").RefAttributes<HTMLDivElement>>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAmBzC,CAAC;AAEF,eAAO,MAAM,gBAAgB,
|
1
|
+
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAmBzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAA0B,OAAO;EAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,oGAAuC,CAAC;AAEhE,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,gBAAgB,oQAS5B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAc,MAAM,OAAO,CAAC;AAStD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAazC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAc,MAAM,OAAO,CAAC;AAStD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAazC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAqH9B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"filterItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/filterItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AASvE,eAAO,MAAM,WAAW,UACb,MAAM,qBAAqB,CAAC,aACxB,MAAM,gBACH,MAAM,0BACG,MAAM,SAAS,MAAM,KAAK,OAAO,kBACzD,MAAM,qBAAqB,
|
1
|
+
{"version":3,"file":"filterItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/filterItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AASvE,eAAO,MAAM,WAAW,UACb,MAAM,qBAAqB,CAAC,aACxB,MAAM,gBACH,MAAM,0BACG,MAAM,SAAS,MAAM,KAAK,OAAO,kBACzD,MAAM,qBAAqB,CAgC7B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Combobox.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0gBlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,eAAe,kDACd,MAAM,IAAI,
|
1
|
+
{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,eAAe,kDACd,MAAM,IAAI,gHA0BvB,CAAC"}
|