@salutejs/plasma-new-hope 0.78.0-canary.1201.8967294034.0 → 0.78.0-canary.1201.8969250152.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Dropdown/Dropdown.js +2 -2
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/hooks/useHashMaps.js +3 -0
- package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -1
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +43 -20
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -7
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +0 -59
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +2 -2
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/hooks/useHashMaps.js +3 -0
- package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -1
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js +43 -21
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -7
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +0 -59
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Dropdown/Dropdown.js +2 -2
- package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +3 -0
- package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +43 -21
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -7
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +0 -60
- package/styled-components/es/components/Dropdown/Dropdown.js +2 -2
- package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +3 -0
- package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +42 -20
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -7
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +0 -60
- package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +1 -1
- package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +14 -0
- package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
@@ -42,6 +42,8 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
|
42
42
|
}
|
43
43
|
};
|
44
44
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
45
|
+
var listId = "listbox".concat(currentLevel + 2);
|
46
|
+
var nextLevel = currentLevel + 1;
|
45
47
|
if (item !== null && item !== void 0 && item.items) {
|
46
48
|
return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
|
47
49
|
isOpen: isCurrentListOpen,
|
@@ -60,26 +62,26 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
|
60
62
|
onItemClick: onItemClick,
|
61
63
|
variant: variant,
|
62
64
|
hasArrow: hasArrow,
|
63
|
-
ariaControls:
|
65
|
+
ariaControls: listId,
|
64
66
|
ariaExpanded: isCurrentListOpen,
|
65
|
-
|
66
|
-
ariaLevel: currentLevel + 1,
|
67
|
+
ariaLevel: nextLevel,
|
67
68
|
ariaLabel: item.label
|
68
69
|
}),
|
69
70
|
onToggle: handleToggle,
|
70
|
-
isFocusTrapped: false
|
71
|
+
isFocusTrapped: false,
|
72
|
+
preventOverflow: false
|
71
73
|
}, /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
|
72
74
|
listHeight: listHeight,
|
73
75
|
listOverflow: listOverflow,
|
74
76
|
role: "group",
|
75
|
-
id:
|
77
|
+
id: listId,
|
76
78
|
listWidth: listWidth,
|
77
79
|
isInnerUl: true
|
78
80
|
}, item.items.map(function (innerItem, innerIndex) {
|
79
81
|
return /*#__PURE__*/_react["default"].createElement(DropdownInner, {
|
80
|
-
key: "".concat(innerIndex, "/
|
82
|
+
key: "".concat(innerIndex, "/").concat(currentLevel),
|
81
83
|
item: innerItem,
|
82
|
-
currentLevel:
|
84
|
+
currentLevel: nextLevel,
|
83
85
|
focusedPath: focusedPath,
|
84
86
|
path: path,
|
85
87
|
dispatchPath: dispatchPath,
|
@@ -20,66 +20,6 @@ var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styled
|
|
20
20
|
var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-hs0ek1-3"
|
22
22
|
})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
23
|
-
|
24
|
-
// TODO: Remove baseContent after refactoring a Select component
|
25
|
-
// export const baseContent = `
|
26
|
-
// box-sizing: content-box;
|
27
|
-
// display: flex;
|
28
|
-
// align-items: center;
|
29
|
-
// user-select: none;
|
30
|
-
//
|
31
|
-
// :focus {
|
32
|
-
// outline: none;
|
33
|
-
// }
|
34
|
-
//
|
35
|
-
// ${addFocus({
|
36
|
-
// outlineSize: '0.0625rem',
|
37
|
-
// outlineOffset: '0',
|
38
|
-
// outlineColor: `var(${tokens.focusColor})`,
|
39
|
-
// outlineRadius: `var(${tokens.itemBorderRadius})`,
|
40
|
-
// hasTransition: false,
|
41
|
-
// customFocusRules: `
|
42
|
-
// &.${classes.dropdownItemIsFocused}:before {
|
43
|
-
// outline: none;
|
44
|
-
// box-shadow: 0 0 0 0.0625rem var(${tokens.focusColor});
|
45
|
-
// }
|
46
|
-
// `,
|
47
|
-
// })};
|
48
|
-
//
|
49
|
-
// width: 100%;
|
50
|
-
//
|
51
|
-
// font-family: var(${tokens.itemFontFamily});
|
52
|
-
// font-size: var(${tokens.itemFontSize});
|
53
|
-
// font-style: var(${tokens.itemFontStyle});
|
54
|
-
// font-weight: var(${tokens.itemFontWeightBold});
|
55
|
-
// letter-spacing: var(${tokens.itemFontLetterSpacing});
|
56
|
-
// line-height: var(${tokens.itemFontLineHeight});
|
57
|
-
//
|
58
|
-
// background: var(${tokens.itemBackground});
|
59
|
-
// color: var(${tokens.itemColor});
|
60
|
-
// border-radius: var(${tokens.itemBorderRadius});
|
61
|
-
//
|
62
|
-
// padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom}) var(${
|
63
|
-
// tokens.itemPaddingLeft
|
64
|
-
// });
|
65
|
-
//
|
66
|
-
// margin: 0;
|
67
|
-
//
|
68
|
-
// &:hover:not(.${classes.dropdownItemIsDisabled}) {
|
69
|
-
// cursor: pointer;
|
70
|
-
// background: var(${tokens.itemBackgroundHover});
|
71
|
-
// }
|
72
|
-
//
|
73
|
-
// &.${classes.dropdownItemIsActive} {
|
74
|
-
// background: var(${tokens.itemBackgroundHover});
|
75
|
-
// }
|
76
|
-
//
|
77
|
-
// &.${classes.dropdownItemIsDisabled} {
|
78
|
-
// opacity: var(${tokens.disabledOpacity});
|
79
|
-
// cursor: not-allowed;
|
80
|
-
// }
|
81
|
-
// `;
|
82
|
-
|
83
23
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
84
24
|
componentId: "plasma-new-hope__sc-hs0ek1-4"
|
85
25
|
})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref) {
|
@@ -124,10 +124,10 @@ export var dropdownRoot = function dropdownRoot(Root) {
|
|
124
124
|
role: 'combobox',
|
125
125
|
'aria-controls': 'listbox1',
|
126
126
|
'aria-expanded': isCurrentListOpen,
|
127
|
-
'aria-haspopup': 'listbox',
|
128
127
|
'aria-activedescendant': getActiveDescendant(),
|
129
128
|
onKeyDown: onKeyDown
|
130
|
-
})
|
129
|
+
}),
|
130
|
+
preventOverflow: false
|
131
131
|
}, /*#__PURE__*/React.createElement(Ul, {
|
132
132
|
listHeight: listHeight,
|
133
133
|
listOverflow: listOverflow,
|
@@ -1,4 +1,7 @@
|
|
1
1
|
import { useMemo } from 'react';
|
2
|
+
// Данный хук рекурсивно проходится по дереву items и создаем 2 мапы: мапу путей и мапу фокусов.
|
3
|
+
// Нужно для получения информации всей об item, зная только путь до нее.
|
4
|
+
|
2
5
|
export var useHashMaps = function useHashMaps(items) {
|
3
6
|
return useMemo(function () {
|
4
7
|
var pathMap = new Map();
|
@@ -1,3 +1,18 @@
|
|
1
|
+
var JUMP_SIZE = 10;
|
2
|
+
export var keys = {
|
3
|
+
Enter: 'Enter',
|
4
|
+
Space: 'Space',
|
5
|
+
Tab: 'Tab',
|
6
|
+
Escape: 'Escape',
|
7
|
+
ArrowLeft: 'ArrowLeft',
|
8
|
+
ArrowRight: 'ArrowRight',
|
9
|
+
ArrowUp: 'ArrowUp',
|
10
|
+
ArrowDown: 'ArrowDown',
|
11
|
+
Home: 'Home',
|
12
|
+
End: 'End',
|
13
|
+
PageUp: 'PageUp',
|
14
|
+
PageDown: 'PageDown'
|
15
|
+
};
|
1
16
|
var getFurtherPath = function getFurtherPath(focusedPath, focusedToValueMap) {
|
2
17
|
var focusedPathAsString = focusedPath.reduce(function (acc, n) {
|
3
18
|
return "".concat(acc, "/").concat(n);
|
@@ -19,12 +34,14 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
19
34
|
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
20
35
|
var onKeyDown = function onKeyDown(event) {
|
21
36
|
var code = event.code;
|
22
|
-
if (code ===
|
37
|
+
if (code === keys.ArrowUp) {
|
23
38
|
if (focusedPath.length) {
|
24
|
-
|
39
|
+
if (currentIndex <= 0) {
|
40
|
+
return;
|
41
|
+
}
|
25
42
|
dispatchFocusedPath({
|
26
43
|
type: 'change_last_focus',
|
27
|
-
value:
|
44
|
+
value: currentIndex - 1
|
28
45
|
});
|
29
46
|
} else {
|
30
47
|
dispatchPath({
|
@@ -36,12 +53,14 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
36
53
|
handleGlobalToggle(true, event);
|
37
54
|
}
|
38
55
|
}
|
39
|
-
if (code ===
|
56
|
+
if (code === keys.ArrowDown) {
|
40
57
|
if (focusedPath.length) {
|
41
|
-
|
58
|
+
if (currentIndex + 1 >= currentLength) {
|
59
|
+
return;
|
60
|
+
}
|
42
61
|
dispatchFocusedPath({
|
43
62
|
type: 'change_last_focus',
|
44
|
-
value:
|
63
|
+
value: currentIndex + 1
|
45
64
|
});
|
46
65
|
} else {
|
47
66
|
dispatchPath({
|
@@ -53,7 +72,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
53
72
|
handleGlobalToggle(true, event);
|
54
73
|
}
|
55
74
|
}
|
56
|
-
if (code ===
|
75
|
+
if (code === keys.ArrowLeft) {
|
57
76
|
if (focusedPath.length) {
|
58
77
|
dispatchPath({
|
59
78
|
type: 'removed_last_level'
|
@@ -66,7 +85,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
66
85
|
handleGlobalToggle(false, event);
|
67
86
|
}
|
68
87
|
}
|
69
|
-
if (code ===
|
88
|
+
if (code === keys.ArrowRight) {
|
70
89
|
if (focusedPath.length) {
|
71
90
|
var currentItem = getFurtherPath(focusedPath, focusedToValueMap);
|
72
91
|
if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
|
@@ -81,11 +100,13 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
81
100
|
}
|
82
101
|
}
|
83
102
|
}
|
84
|
-
if (code ===
|
103
|
+
if (code === keys.Enter || code === keys.Space) {
|
85
104
|
event.preventDefault();
|
86
105
|
if (path[0]) {
|
87
106
|
var _currentItem = getFurtherPath(focusedPath, focusedToValueMap);
|
88
|
-
if (_currentItem !== null && _currentItem !== void 0 && _currentItem.disabled || _currentItem !== null && _currentItem !== void 0 && _currentItem.isDisabled)
|
107
|
+
if (_currentItem !== null && _currentItem !== void 0 && _currentItem.disabled || _currentItem !== null && _currentItem !== void 0 && _currentItem.isDisabled) {
|
108
|
+
return;
|
109
|
+
}
|
89
110
|
if (_currentItem !== null && _currentItem !== void 0 && _currentItem.items) {
|
90
111
|
dispatchPath({
|
91
112
|
type: 'added_next_level',
|
@@ -115,7 +136,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
115
136
|
});
|
116
137
|
}
|
117
138
|
}
|
118
|
-
if (code ===
|
139
|
+
if (code === keys.Tab || code === keys.Escape) {
|
119
140
|
dispatchFocusedPath({
|
120
141
|
type: 'reset'
|
121
142
|
});
|
@@ -124,7 +145,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
124
145
|
});
|
125
146
|
handleGlobalToggle(false, event);
|
126
147
|
}
|
127
|
-
if (code ===
|
148
|
+
if (code === keys.Home) {
|
128
149
|
if (path[0]) {
|
129
150
|
dispatchFocusedPath({
|
130
151
|
type: 'change_last_focus',
|
@@ -140,7 +161,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
140
161
|
handleGlobalToggle(true, event);
|
141
162
|
}
|
142
163
|
}
|
143
|
-
if (code ===
|
164
|
+
if (code === keys.End) {
|
144
165
|
if (path[0]) {
|
145
166
|
dispatchFocusedPath({
|
146
167
|
type: 'change_last_focus',
|
@@ -157,23 +178,24 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
157
178
|
handleGlobalToggle(true, event);
|
158
179
|
}
|
159
180
|
}
|
160
|
-
if (code ===
|
181
|
+
if (code === keys.PageUp) {
|
161
182
|
if (path[0]) {
|
162
|
-
if (currentIndex <=
|
183
|
+
if (currentIndex <= JUMP_SIZE) {
|
163
184
|
dispatchFocusedPath({
|
164
|
-
type: '
|
185
|
+
type: 'change_last_focus',
|
186
|
+
value: 0
|
165
187
|
});
|
166
188
|
} else {
|
167
189
|
dispatchFocusedPath({
|
168
190
|
type: 'change_last_focus',
|
169
|
-
value: currentIndex -
|
191
|
+
value: currentIndex - JUMP_SIZE
|
170
192
|
});
|
171
193
|
}
|
172
194
|
}
|
173
195
|
}
|
174
|
-
if (code ===
|
196
|
+
if (code === keys.PageDown) {
|
175
197
|
if (path[0]) {
|
176
|
-
if (currentLength - currentIndex <=
|
198
|
+
if (currentLength - currentIndex <= JUMP_SIZE) {
|
177
199
|
dispatchFocusedPath({
|
178
200
|
type: 'change_last_focus',
|
179
201
|
value: currentLength - 1
|
@@ -181,7 +203,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
181
203
|
} else {
|
182
204
|
dispatchFocusedPath({
|
183
205
|
type: 'change_last_focus',
|
184
|
-
value: currentIndex +
|
206
|
+
value: currentIndex + JUMP_SIZE
|
185
207
|
});
|
186
208
|
}
|
187
209
|
}
|
@@ -35,6 +35,8 @@ var DropdownInner = function DropdownInner(_ref) {
|
|
35
35
|
}
|
36
36
|
};
|
37
37
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
38
|
+
var listId = "listbox".concat(currentLevel + 2);
|
39
|
+
var nextLevel = currentLevel + 1;
|
38
40
|
if (item !== null && item !== void 0 && item.items) {
|
39
41
|
return /*#__PURE__*/React.createElement(StyledPopover, {
|
40
42
|
isOpen: isCurrentListOpen,
|
@@ -53,26 +55,26 @@ var DropdownInner = function DropdownInner(_ref) {
|
|
53
55
|
onItemClick: onItemClick,
|
54
56
|
variant: variant,
|
55
57
|
hasArrow: hasArrow,
|
56
|
-
ariaControls:
|
58
|
+
ariaControls: listId,
|
57
59
|
ariaExpanded: isCurrentListOpen,
|
58
|
-
|
59
|
-
ariaLevel: currentLevel + 1,
|
60
|
+
ariaLevel: nextLevel,
|
60
61
|
ariaLabel: item.label
|
61
62
|
}),
|
62
63
|
onToggle: handleToggle,
|
63
|
-
isFocusTrapped: false
|
64
|
+
isFocusTrapped: false,
|
65
|
+
preventOverflow: false
|
64
66
|
}, /*#__PURE__*/React.createElement(Ul, {
|
65
67
|
listHeight: listHeight,
|
66
68
|
listOverflow: listOverflow,
|
67
69
|
role: "group",
|
68
|
-
id:
|
70
|
+
id: listId,
|
69
71
|
listWidth: listWidth,
|
70
72
|
isInnerUl: true
|
71
73
|
}, item.items.map(function (innerItem, innerIndex) {
|
72
74
|
return /*#__PURE__*/React.createElement(DropdownInner, {
|
73
|
-
key: "".concat(innerIndex, "/
|
75
|
+
key: "".concat(innerIndex, "/").concat(currentLevel),
|
74
76
|
item: innerItem,
|
75
|
-
currentLevel:
|
77
|
+
currentLevel: nextLevel,
|
76
78
|
focusedPath: focusedPath,
|
77
79
|
path: path,
|
78
80
|
dispatchPath: dispatchPath,
|
@@ -13,66 +13,6 @@ export var DisclosureIconWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
export var StyledText = /*#__PURE__*/styled.div.withConfig({
|
14
14
|
componentId: "plasma-new-hope__sc-hs0ek1-3"
|
15
15
|
})(["", ";flex:1;"], /*#__PURE__*/applyEllipsis());
|
16
|
-
|
17
|
-
// TODO: Remove baseContent after refactoring a Select component
|
18
|
-
// export const baseContent = `
|
19
|
-
// box-sizing: content-box;
|
20
|
-
// display: flex;
|
21
|
-
// align-items: center;
|
22
|
-
// user-select: none;
|
23
|
-
//
|
24
|
-
// :focus {
|
25
|
-
// outline: none;
|
26
|
-
// }
|
27
|
-
//
|
28
|
-
// ${addFocus({
|
29
|
-
// outlineSize: '0.0625rem',
|
30
|
-
// outlineOffset: '0',
|
31
|
-
// outlineColor: `var(${tokens.focusColor})`,
|
32
|
-
// outlineRadius: `var(${tokens.itemBorderRadius})`,
|
33
|
-
// hasTransition: false,
|
34
|
-
// customFocusRules: `
|
35
|
-
// &.${classes.dropdownItemIsFocused}:before {
|
36
|
-
// outline: none;
|
37
|
-
// box-shadow: 0 0 0 0.0625rem var(${tokens.focusColor});
|
38
|
-
// }
|
39
|
-
// `,
|
40
|
-
// })};
|
41
|
-
//
|
42
|
-
// width: 100%;
|
43
|
-
//
|
44
|
-
// font-family: var(${tokens.itemFontFamily});
|
45
|
-
// font-size: var(${tokens.itemFontSize});
|
46
|
-
// font-style: var(${tokens.itemFontStyle});
|
47
|
-
// font-weight: var(${tokens.itemFontWeightBold});
|
48
|
-
// letter-spacing: var(${tokens.itemFontLetterSpacing});
|
49
|
-
// line-height: var(${tokens.itemFontLineHeight});
|
50
|
-
//
|
51
|
-
// background: var(${tokens.itemBackground});
|
52
|
-
// color: var(${tokens.itemColor});
|
53
|
-
// border-radius: var(${tokens.itemBorderRadius});
|
54
|
-
//
|
55
|
-
// padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom}) var(${
|
56
|
-
// tokens.itemPaddingLeft
|
57
|
-
// });
|
58
|
-
//
|
59
|
-
// margin: 0;
|
60
|
-
//
|
61
|
-
// &:hover:not(.${classes.dropdownItemIsDisabled}) {
|
62
|
-
// cursor: pointer;
|
63
|
-
// background: var(${tokens.itemBackgroundHover});
|
64
|
-
// }
|
65
|
-
//
|
66
|
-
// &.${classes.dropdownItemIsActive} {
|
67
|
-
// background: var(${tokens.itemBackgroundHover});
|
68
|
-
// }
|
69
|
-
//
|
70
|
-
// &.${classes.dropdownItemIsDisabled} {
|
71
|
-
// opacity: var(${tokens.disabledOpacity});
|
72
|
-
// cursor: not-allowed;
|
73
|
-
// }
|
74
|
-
// `;
|
75
|
-
|
76
16
|
export var Wrapper = /*#__PURE__*/styled.li.withConfig({
|
77
17
|
componentId: "plasma-new-hope__sc-hs0ek1-4"
|
78
18
|
})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useHashMaps.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useHashMaps.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,oBAAY,WAAW,GAAG,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AACvD,oBAAY,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"useHashMaps.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useHashMaps.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,oBAAY,WAAW,GAAG,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AACvD,oBAAY,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;AAKpE,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,yCAwBxD,CAAC"}
|
@@ -3,6 +3,20 @@ import { PathAction, PathState } from '../reducers/pathReducer';
|
|
3
3
|
import { FocusedPathAction, FocusedPathState } from '../reducers/focusedPathReducer';
|
4
4
|
import { HandleGlobalToggleType, DropdownProps } from '../Dropdown.types';
|
5
5
|
import { PathMapType, FocusedToValueMapType } from './useHashMaps';
|
6
|
+
export declare const keys: {
|
7
|
+
Enter: string;
|
8
|
+
Space: string;
|
9
|
+
Tab: string;
|
10
|
+
Escape: string;
|
11
|
+
ArrowLeft: string;
|
12
|
+
ArrowRight: string;
|
13
|
+
ArrowUp: string;
|
14
|
+
ArrowDown: string;
|
15
|
+
Home: string;
|
16
|
+
End: string;
|
17
|
+
PageUp: string;
|
18
|
+
PageDown: string;
|
19
|
+
};
|
6
20
|
interface Props {
|
7
21
|
focusedPath: FocusedPathState;
|
8
22
|
dispatchFocusedPath: Dispatch<FocusedPathAction>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAInE,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAahB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,wJAW1B,KAAK,KAAG,aA4IV,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownInner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,
|
1
|
+
{"version":3,"file":"DropdownInner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAkHzC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAGjC,CAAC;AAEF,eAAO,MAAM,UAAU,qKAGtB,CAAC;
|
1
|
+
{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAGjC,CAAC;AAEF,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;EAoDnE,CAAC"}
|