@salutejs/plasma-new-hope 0.190.0-canary.1552.11794692529.0 → 0.190.1-canary.1532.11798057558.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
- package/cjs/components/Breadcrumbs/utils/index.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +0 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -31
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +0 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +0 -2
- package/cjs/components/Dropdown/Dropdown.js +6 -4
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/index.css +3 -5
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -32
- package/emotion/cjs/components/Dropdown/Dropdown.js +6 -4
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +7 -33
- package/emotion/es/components/Dropdown/Dropdown.js +6 -4
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
- package/es/components/Breadcrumbs/utils/index.css +3 -3
- package/es/components/Combobox/ComboboxNew/Combobox.css +0 -2
- package/es/components/Combobox/ComboboxNew/Combobox.js +8 -33
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +0 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +0 -2
- package/es/components/Dropdown/Dropdown.js +6 -4
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/index.css +3 -5
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -32
- package/styled-components/cjs/components/Dropdown/Dropdown.js +6 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +7 -33
- package/styled-components/es/components/Dropdown/Dropdown.js +6 -4
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +2 -24
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +4 -0
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +120 -1080
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +120 -1080
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.css +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -37
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js.map +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -15
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js.map +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles_22v2s5.css +0 -1
- package/cjs/utils/syntheticEvent.js +0 -55
- package/cjs/utils/syntheticEvent.js.map +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -38
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -13
- package/emotion/cjs/utils/syntheticEvent.js +0 -53
- package/emotion/es/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -29
- package/emotion/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -6
- package/emotion/es/utils/syntheticEvent.js +0 -47
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.css +0 -1
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -33
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.js.map +0 -1
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -11
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js.map +0 -1
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles_22v2s5.css +0 -1
- package/es/utils/syntheticEvent.js +0 -50
- package/es/utils/syntheticEvent.js.map +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -38
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -12
- package/styled-components/cjs/utils/syntheticEvent.js +0 -53
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -29
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -5
- package/styled-components/es/utils/syntheticEvent.js +0 -47
- package/types/components/Combobox/ComboboxNew/ui/Form/Form.d.ts +0 -6
- package/types/components/Combobox/ComboboxNew/ui/Form/Form.d.ts.map +0 -1
- package/types/components/Combobox/ComboboxNew/ui/Form/Form.styles.d.ts +0 -3
- package/types/components/Combobox/ComboboxNew/ui/Form/Form.styles.d.ts.map +0 -1
- package/types/utils/syntheticEvent.d.ts +0 -4
- package/types/utils/syntheticEvent.d.ts.map +0 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "portal"];
|
1
|
+
var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "alwaysOpened", "portal"];
|
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."); }
|
@@ -57,6 +57,8 @@ export var dropdownRoot = function dropdownRoot(Root) {
|
|
57
57
|
variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
|
58
58
|
_ref$hasArrow = _ref.hasArrow,
|
59
59
|
hasArrow = _ref$hasArrow === void 0 ? true : _ref$hasArrow,
|
60
|
+
_ref$alwaysOpened = _ref.alwaysOpened,
|
61
|
+
alwaysOpened = _ref$alwaysOpened === void 0 ? false : _ref$alwaysOpened,
|
60
62
|
portal = _ref.portal,
|
61
63
|
rest = _objectWithoutProperties(_ref, _excluded);
|
62
64
|
var _useReducer = useReducer(pathReducer, []),
|
@@ -77,7 +79,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
|
|
77
79
|
|
78
80
|
// Логика работы при клике за пределами выпадающего списка
|
79
81
|
var targetRef = useOutsideClick(function (event) {
|
80
|
-
if (!isCurrentListOpen || !closeOnOverlayClick) {
|
82
|
+
if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {
|
81
83
|
return;
|
82
84
|
}
|
83
85
|
dispatchPath({
|
@@ -91,7 +93,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
|
|
91
93
|
}
|
92
94
|
}, floatingPopoverRef);
|
93
95
|
var handleGlobalToggle = function handleGlobalToggle(opened, event) {
|
94
|
-
if (opened) {
|
96
|
+
if (alwaysOpened || opened) {
|
95
97
|
dispatchPath({
|
96
98
|
type: 'opened_first_level'
|
97
99
|
});
|
@@ -120,7 +122,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
|
|
120
122
|
onItemClick: onItemClick
|
121
123
|
}),
|
122
124
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
123
|
-
var isCurrentListOpen = Boolean(path[0]);
|
125
|
+
var isCurrentListOpen = alwaysOpened || Boolean(path[0]);
|
124
126
|
return /*#__PURE__*/React.createElement(Context.Provider, {
|
125
127
|
value: {
|
126
128
|
focusedPath: focusedPath,
|
@@ -353,11 +353,11 @@ const items = [
|
|
353
353
|
|
354
354
|
const SingleStory = (args: StorySelectProps) => {
|
355
355
|
const [value, setValue] = useState('');
|
356
|
+
|
356
357
|
return (
|
357
358
|
<div style={{ width: '400px' }}>
|
358
359
|
<Combobox
|
359
360
|
{...args}
|
360
|
-
name="mau"
|
361
361
|
items={items}
|
362
362
|
value={value}
|
363
363
|
onChange={setValue}
|
@@ -45,6 +45,14 @@ const meta: Meta<StoryDropdownProps> = {
|
|
45
45
|
type: 'select',
|
46
46
|
},
|
47
47
|
},
|
48
|
+
closeOnOverlayClick: {
|
49
|
+
control: { type: 'boolean' },
|
50
|
+
if: { arg: 'alwaysOpened', truthy: false },
|
51
|
+
},
|
52
|
+
closeOnSelect: {
|
53
|
+
control: { type: 'boolean' },
|
54
|
+
if: { arg: 'alwaysOpened', truthy: false },
|
55
|
+
},
|
48
56
|
},
|
49
57
|
args: {
|
50
58
|
size: 'm',
|
@@ -54,6 +62,7 @@ const meta: Meta<StoryDropdownProps> = {
|
|
54
62
|
offset: [0, 0],
|
55
63
|
listWidth: '',
|
56
64
|
hasArrow: true,
|
65
|
+
alwaysOpened: false,
|
57
66
|
closeOnOverlayClick: true,
|
58
67
|
closeOnSelect: true,
|
59
68
|
},
|
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
|
|
25
25
|
contentRight: string;
|
26
26
|
stretch: boolean;
|
27
27
|
helperText: string;
|
28
|
+
maxItemWidth: string;
|
28
29
|
};
|
29
30
|
|
30
31
|
const contentLeftOptions = ['none', 'icon'];
|
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
|
|
59
60
|
component: Tabs,
|
60
61
|
decorators: [WithTheme],
|
61
62
|
argTypes: {
|
62
|
-
...disableProps([
|
63
|
-
'orientation',
|
64
|
-
'tabItemContentLeft',
|
65
|
-
'pilled',
|
66
|
-
'animated',
|
67
|
-
'view',
|
68
|
-
'as',
|
69
|
-
'forwardedAs',
|
70
|
-
'outsideScroll',
|
71
|
-
'index',
|
72
|
-
]),
|
73
63
|
contentRight: {
|
74
64
|
options: contentRightOptions,
|
75
65
|
control: {
|
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
|
|
83
73
|
},
|
84
74
|
if: { arg: 'stretch', truthy: false },
|
85
75
|
},
|
76
|
+
...disableProps([
|
77
|
+
'orientation',
|
78
|
+
'tabItemContentLeft',
|
79
|
+
'pilled',
|
80
|
+
'animated',
|
81
|
+
'view',
|
82
|
+
'as',
|
83
|
+
'forwardedAs',
|
84
|
+
'outsideScroll',
|
85
|
+
'index',
|
86
|
+
]),
|
86
87
|
},
|
87
88
|
};
|
88
89
|
|
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
99
100
|
stretch,
|
100
101
|
maxItemWidth,
|
101
102
|
helperText,
|
103
|
+
clip,
|
102
104
|
} = props;
|
103
105
|
const items = Array(itemQuantity).fill(0);
|
104
106
|
const [index, setIndex] = useState(0);
|
105
107
|
|
106
108
|
return (
|
107
|
-
<Tabs clip=
|
109
|
+
<Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
|
108
110
|
{items.map((_, i) => {
|
109
111
|
if (helperText !== '') {
|
110
112
|
return (
|
@@ -651,7 +653,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
|
|
651
653
|
size={size as HeaderSize}
|
652
654
|
maxItemWidth={maxItemWidth}
|
653
655
|
>
|
654
|
-
{
|
656
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
655
657
|
</TabItem>
|
656
658
|
))}
|
657
659
|
</Tabs>
|
@@ -45,6 +45,14 @@ const meta: Meta<StoryDropdownProps> = {
|
|
45
45
|
type: 'select',
|
46
46
|
},
|
47
47
|
},
|
48
|
+
closeOnOverlayClick: {
|
49
|
+
control: { type: 'boolean' },
|
50
|
+
if: { arg: 'alwaysOpened', truthy: false },
|
51
|
+
},
|
52
|
+
closeOnSelect: {
|
53
|
+
control: { type: 'boolean' },
|
54
|
+
if: { arg: 'alwaysOpened', truthy: false },
|
55
|
+
},
|
48
56
|
},
|
49
57
|
args: {
|
50
58
|
size: 'm',
|
@@ -54,6 +62,7 @@ const meta: Meta<StoryDropdownProps> = {
|
|
54
62
|
offset: [0, 0],
|
55
63
|
listWidth: '',
|
56
64
|
hasArrow: true,
|
65
|
+
alwaysOpened: false,
|
57
66
|
closeOnOverlayClick: true,
|
58
67
|
closeOnSelect: true,
|
59
68
|
},
|
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
|
|
25
25
|
contentRight: string;
|
26
26
|
stretch: boolean;
|
27
27
|
helperText: string;
|
28
|
+
maxItemWidth: string;
|
28
29
|
};
|
29
30
|
|
30
31
|
const contentLeftOptions = ['none', 'icon'];
|
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
|
|
59
60
|
component: Tabs,
|
60
61
|
decorators: [WithTheme],
|
61
62
|
argTypes: {
|
62
|
-
...disableProps([
|
63
|
-
'orientation',
|
64
|
-
'tabItemContentLeft',
|
65
|
-
'pilled',
|
66
|
-
'animated',
|
67
|
-
'view',
|
68
|
-
'as',
|
69
|
-
'forwardedAs',
|
70
|
-
'outsideScroll',
|
71
|
-
'index',
|
72
|
-
]),
|
73
63
|
contentRight: {
|
74
64
|
options: contentRightOptions,
|
75
65
|
control: {
|
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
|
|
83
73
|
},
|
84
74
|
if: { arg: 'stretch', truthy: false },
|
85
75
|
},
|
76
|
+
...disableProps([
|
77
|
+
'orientation',
|
78
|
+
'tabItemContentLeft',
|
79
|
+
'pilled',
|
80
|
+
'animated',
|
81
|
+
'view',
|
82
|
+
'as',
|
83
|
+
'forwardedAs',
|
84
|
+
'outsideScroll',
|
85
|
+
'index',
|
86
|
+
]),
|
86
87
|
},
|
87
88
|
};
|
88
89
|
|
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
99
100
|
stretch,
|
100
101
|
maxItemWidth,
|
101
102
|
helperText,
|
103
|
+
clip,
|
102
104
|
} = props;
|
103
105
|
const items = Array(itemQuantity).fill(0);
|
104
106
|
const [index, setIndex] = useState(0);
|
105
107
|
|
106
108
|
return (
|
107
|
-
<Tabs clip=
|
109
|
+
<Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
|
108
110
|
{items.map((_, i) => {
|
109
111
|
if (helperText !== '') {
|
110
112
|
return (
|
@@ -8,9 +8,9 @@
|
|
8
8
|
|
9
9
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
10
10
|
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
11
|
+
.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4.Breadcrumbs_styles_1icsgdr_focusVisible__3049ecb4:focus::before,.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
12
|
+
.Breadcrumbs_styles_1icsgdr_bkgt5xr__3049ecb4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
13
|
+
.Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
|
14
14
|
|
15
15
|
|
16
16
|
.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Breadcrumbs.
|
1
|
+
import './Breadcrumbs.styles_1icsgdr.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
import { tokens } from './Breadcrumbs.tokens.js';
|
4
4
|
import { component, mergeConfig } from '../../engines/common.js';
|
@@ -13,19 +13,13 @@ var _exp = function _exp() {
|
|
13
13
|
var _exp2 = function _exp2() {
|
14
14
|
return function (_ref) {
|
15
15
|
var isHref = _ref.isHref;
|
16
|
-
return isHref ?
|
16
|
+
return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
|
17
17
|
};
|
18
18
|
};
|
19
|
-
var
|
19
|
+
var _exp4 = function _exp4() {
|
20
20
|
return function (_ref2) {
|
21
21
|
var isHref = _ref2.isHref;
|
22
|
-
return isHref ?
|
23
|
-
};
|
24
|
-
};
|
25
|
-
var _exp4 = function _exp4() {
|
26
|
-
return function (_ref3) {
|
27
|
-
var isHref = _ref3.isHref;
|
28
|
-
return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
|
22
|
+
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
29
23
|
};
|
30
24
|
};
|
31
25
|
var StyledLink = /*#__PURE__*/styled(_exp())({
|
@@ -34,15 +28,14 @@ var StyledLink = /*#__PURE__*/styled(_exp())({
|
|
34
28
|
propsAsIs: true,
|
35
29
|
vars: {
|
36
30
|
"shehk3i-0": [/*#__PURE__*/_exp2()],
|
37
|
-
"shehk3i-1": [/*#__PURE__*/
|
38
|
-
"shehk3i-2": [/*#__PURE__*/_exp4()]
|
31
|
+
"shehk3i-1": [/*#__PURE__*/_exp4()]
|
39
32
|
}
|
40
33
|
});
|
41
34
|
var base = "bkgt5xr";
|
42
|
-
var
|
35
|
+
var _exp14 = function _exp14() {
|
43
36
|
return IconDisclosureRight;
|
44
37
|
};
|
45
|
-
var Separator = /*#__PURE__*/styled(
|
38
|
+
var Separator = /*#__PURE__*/styled(_exp14())({
|
46
39
|
name: "Separator",
|
47
40
|
"class": "sajtslk",
|
48
41
|
propsAsIs: true
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n
|
1
|
+
{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n --plasma__private-color: ${({ isHref }) =>\n isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`};\n\n --plasma-link-color: var(--plasma__private-color);\n --plasma-link-color-hover: var(--plasma__private-color);\n --plasma-link-color-active: var(--plasma__private-color);\n\n --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n cursor: pointer;\n\n ${addFocus({\n outlineOffset: '0rem',\n outlineSize: '0.125rem',\n outlineRadius: '0rem',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n\n color: var(${tokens.breadcrumbsColor});\n font-family: var(${tokens.breadcrumbsFontFamily});\n font-size: var(${tokens.breadcrumbsFontSize});\n font-weight: var(${tokens.breadcrumbsFontWeight});\n font-style: var(${tokens.breadcrumbsFontStyle});\n letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n color: var(${tokens.breadcrumbsColorSeparator});\n opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsColor","breadcrumbsColorText","_exp4","_ref2","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp14","IconDisclosureRight","Separator"],"mappings":";;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACN,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAC1BA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,oBAAqB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdxEA,SAcwEA,KAAAA,GAAA;AAAA,EAAA,OAO3E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACK,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT1E,IAAMC,UAAU,gBAAGC,MAAM,CAAAZ,IAAA,EAAA,CAAA,CAAA;AAAAa,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACDf,KAC2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAO3EO,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhF,EAAA;AAEM,IAAMS,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GA9CgBA,SA8ChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
|
package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css}
RENAMED
@@ -1,3 +1,3 @@
|
|
1
|
-
.shehk3i{
|
1
|
+
.shehk3i{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
2
2
|
.bkgt5xr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
3
3
|
.sajtslk{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
|
@@ -12,6 +12,6 @@
|
|
12
12
|
|
13
13
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
14
14
|
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
15
|
+
.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4.Breadcrumbs_styles_1icsgdr_focusVisible__3049ecb4:focus::before,.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
16
|
+
.Breadcrumbs_styles_1icsgdr_bkgt5xr__3049ecb4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
17
|
+
.Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
|
@@ -157,5 +157,3 @@
|
|
157
157
|
|
158
158
|
|
159
159
|
.Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
160
|
-
|
161
|
-
.Form_styles_22v2s5_sngk5la__4621e773{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends
|
2
|
-
import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect,
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect, createContext } from 'react';
|
3
3
|
import { useForkRef, safeUseId } from '@salutejs/plasma-core';
|
4
4
|
import { classes } from './Combobox.tokens.js';
|
5
5
|
import { FloatingPopover } from './FloatingPopover.js';
|
@@ -8,7 +8,6 @@ import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
|
|
8
8
|
import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
|
9
9
|
import { base as base$1 } from './variations/_view/base.js';
|
10
10
|
import { base as base$2 } from './variations/_size/base.js';
|
11
|
-
import { Form } from './ui/Form/Form.js';
|
12
11
|
import { initialItemsTransform } from './utils/initialItemsTransform.js';
|
13
12
|
import { getInitialValue } from './utils/getInitialValue.js';
|
14
13
|
import { filterItems } from './utils/filterItems.js';
|
@@ -24,21 +23,18 @@ import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
|
|
24
23
|
import { getItemId } from './utils/getItemId.js';
|
25
24
|
import { Inner } from './ui/Inner/Inner.js';
|
26
25
|
|
27
|
-
var _excluded = ["
|
26
|
+
var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
|
28
27
|
var Context = /*#__PURE__*/createContext({});
|
29
28
|
|
30
29
|
/**
|
31
30
|
* Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
|
32
31
|
*/
|
33
|
-
|
34
32
|
var comboboxRoot = function comboboxRoot(Root) {
|
35
33
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
36
34
|
var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
|
37
|
-
var
|
38
|
-
multiple = props.multiple,
|
35
|
+
var multiple = props.multiple,
|
39
36
|
outerValue = props.value,
|
40
37
|
outerOnChange = props.onChange,
|
41
|
-
defaultValue = props.defaultValue,
|
42
38
|
isTargetAmount = props.isTargetAmount,
|
43
39
|
targetAmount = props.targetAmount,
|
44
40
|
items = props.items,
|
@@ -147,19 +143,9 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
147
143
|
}, floatingPopoverRef);
|
148
144
|
var onChange = function onChange(newValue) {
|
149
145
|
if (outerOnChange) {
|
150
|
-
|
151
|
-
outerOnChange(newValue);
|
152
|
-
}
|
153
|
-
if (!name && multiple && Array.isArray(newValue)) {
|
154
|
-
outerOnChange(newValue);
|
155
|
-
}
|
156
|
-
if (name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
|
157
|
-
outerOnChange(newValue);
|
158
|
-
}
|
159
|
-
}
|
160
|
-
if (typeof newValue === 'string' || Array.isArray(newValue)) {
|
161
|
-
setInternalValue(newValue);
|
146
|
+
outerOnChange(newValue);
|
162
147
|
}
|
148
|
+
setInternalValue(newValue);
|
163
149
|
};
|
164
150
|
var handleClickArrow = function handleClickArrow() {
|
165
151
|
if (disabled || readOnly) {
|
@@ -348,24 +334,13 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
348
334
|
// Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
|
349
335
|
// А переменную, содержащую сложные типы данных, нельзя помещать в deps.
|
350
336
|
}, [outerValue, internalValue, items]);
|
351
|
-
useEffect(function () {
|
352
|
-
if (defaultValue) {
|
353
|
-
setInternalValue(defaultValue);
|
354
|
-
}
|
355
|
-
}, [defaultValue]);
|
356
337
|
return /*#__PURE__*/React.createElement(Root, {
|
357
338
|
size: size,
|
358
339
|
view: view,
|
359
340
|
labelPlacement: labelPlacement,
|
360
341
|
disabled: disabled,
|
361
342
|
readOnly: readOnly
|
362
|
-
},
|
363
|
-
name: name,
|
364
|
-
value: internalValue,
|
365
|
-
multiple: multiple,
|
366
|
-
onChange: onChange,
|
367
|
-
ref: ref
|
368
|
-
}), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
|
343
|
+
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
|
369
344
|
value: {
|
370
345
|
focusedPath: focusedPath,
|
371
346
|
checked: checked,
|
@@ -389,7 +364,7 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
389
364
|
listWidth: listWidth,
|
390
365
|
target: function target(referenceRef) {
|
391
366
|
return /*#__PURE__*/React.createElement(StyledTextField, _extends({
|
392
|
-
ref:
|
367
|
+
ref: inputForkRef,
|
393
368
|
inputWrapperRef: referenceRef,
|
394
369
|
value: textValue,
|
395
370
|
onChange: handleTextValueChange,
|