@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.
Files changed (36) hide show
  1. package/cjs/components/Dropdown/Dropdown.js +2 -2
  2. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  3. package/cjs/components/Dropdown/hooks/useHashMaps.js +3 -0
  4. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -1
  5. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +43 -20
  6. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
  7. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -7
  8. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  9. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +0 -59
  10. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  11. package/es/components/Dropdown/Dropdown.js +2 -2
  12. package/es/components/Dropdown/Dropdown.js.map +1 -1
  13. package/es/components/Dropdown/hooks/useHashMaps.js +3 -0
  14. package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -1
  15. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +43 -21
  16. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
  17. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -7
  18. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  19. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +0 -59
  20. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  21. package/package.json +2 -2
  22. package/styled-components/cjs/components/Dropdown/Dropdown.js +2 -2
  23. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +3 -0
  24. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +43 -21
  25. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -7
  26. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +0 -60
  27. package/styled-components/es/components/Dropdown/Dropdown.js +2 -2
  28. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +3 -0
  29. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +42 -20
  30. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -7
  31. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +0 -60
  32. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +1 -1
  33. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +14 -0
  34. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -1
  35. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  36. 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: "listbox".concat(currentLevel + 2),
65
+ ariaControls: listId,
64
66
  ariaExpanded: isCurrentListOpen,
65
- ariaHasPopup: "listbox",
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: "listbox".concat(currentLevel + 2),
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, "/currentLevel"),
82
+ key: "".concat(innerIndex, "/").concat(currentLevel),
81
83
  item: innerItem,
82
- currentLevel: currentLevel + 1,
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 === 'ArrowUp') {
37
+ if (code === keys.ArrowUp) {
23
38
  if (focusedPath.length) {
24
- var newIndex = currentIndex <= 0 ? currentLength - 1 : currentIndex - 1;
39
+ if (currentIndex <= 0) {
40
+ return;
41
+ }
25
42
  dispatchFocusedPath({
26
43
  type: 'change_last_focus',
27
- value: newIndex
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 === 'ArrowDown') {
56
+ if (code === keys.ArrowDown) {
40
57
  if (focusedPath.length) {
41
- var _newIndex = currentIndex + 1 >= currentLength ? 0 : currentIndex + 1;
58
+ if (currentIndex + 1 >= currentLength) {
59
+ return;
60
+ }
42
61
  dispatchFocusedPath({
43
62
  type: 'change_last_focus',
44
- value: _newIndex
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 === 'ArrowLeft') {
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 === 'ArrowRight') {
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 === 'Enter' || code === 'Space') {
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) return;
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 === 'Tab' || code === 'Escape') {
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 === 'Home') {
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 === 'End') {
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 === 'PageUp') {
181
+ if (code === keys.PageUp) {
161
182
  if (path[0]) {
162
- if (currentIndex <= 10) {
183
+ if (currentIndex <= JUMP_SIZE) {
163
184
  dispatchFocusedPath({
164
- type: 'set_initial_focus'
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 - 10
191
+ value: currentIndex - JUMP_SIZE
170
192
  });
171
193
  }
172
194
  }
173
195
  }
174
- if (code === 'PageDown') {
196
+ if (code === keys.PageDown) {
175
197
  if (path[0]) {
176
- if (currentLength - currentIndex <= 10) {
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 + 10
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: "listbox".concat(currentLevel + 2),
58
+ ariaControls: listId,
57
59
  ariaExpanded: isCurrentListOpen,
58
- ariaHasPopup: "listbox",
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: "listbox".concat(currentLevel + 2),
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, "/currentLevel"),
75
+ key: "".concat(innerIndex, "/").concat(currentLevel),
74
76
  item: innerItem,
75
- currentLevel: currentLevel + 1,
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;AAEpE,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,yCAwBxD,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;AAQnE,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,aAoIV,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,CA+GzC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
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;AA6DF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;EAoDnE,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"}