@salutejs/plasma-new-hope 0.335.0-canary.2197.17377664818.0 → 0.335.0-canary.2198.17378237458.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.js +1 -6
  2. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  3. package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +43 -13
  4. package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
  5. package/cjs/components/Carousel/CarouselNew/Carousel.js +4 -3
  6. package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
  7. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  8. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.js +18 -34
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +3 -2
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -11
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +43 -13
  16. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
  17. package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +24 -0
  18. package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
  19. package/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  20. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  21. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -2
  22. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  23. package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
  24. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  25. package/cjs/components/Popup/ClientOnlyPortal.js +15 -2
  26. package/cjs/components/Popup/ClientOnlyPortal.js.map +1 -1
  27. package/cjs/components/Popup/PopupContext.js +26 -5
  28. package/cjs/components/Popup/PopupContext.js.map +1 -1
  29. package/cjs/components/Select/Select.js +3 -4
  30. package/cjs/components/Select/Select.js.map +1 -1
  31. package/cjs/components/Select/Select.styles.js +3 -2
  32. package/cjs/components/Select/Select.styles.js.map +1 -1
  33. package/cjs/components/Select/ui/Inner/Inner.js +5 -11
  34. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  35. package/cjs/components/Select/ui/VirtualList/VirtualList.js +43 -13
  36. package/cjs/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
  37. package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -8
  38. package/emotion/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +84 -16
  39. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
  40. package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  41. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +28 -48
  42. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +15 -15
  43. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +9 -50
  44. package/emotion/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +84 -16
  45. package/emotion/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
  46. package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
  47. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  48. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
  49. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
  50. package/emotion/cjs/components/Popup/ClientOnlyPortal.js +14 -2
  51. package/emotion/cjs/components/Popup/PopupContext.js +25 -6
  52. package/emotion/cjs/components/Select/Select.js +2 -4
  53. package/emotion/cjs/components/Select/Select.styles.js +7 -7
  54. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -50
  55. package/emotion/cjs/components/Select/ui/VirtualList/VirtualList.js +84 -16
  56. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  57. package/emotion/es/components/Autocomplete/Autocomplete.js +2 -9
  58. package/emotion/es/components/Autocomplete/ui/VirtualList/VirtualList.js +45 -13
  59. package/emotion/es/components/Carousel/CarouselNew/Carousel.js +2 -2
  60. package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  61. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +14 -34
  62. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +15 -15
  63. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -11
  64. package/emotion/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +45 -13
  65. package/emotion/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
  66. package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
  67. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  68. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
  69. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
  70. package/emotion/es/components/Popup/ClientOnlyPortal.js +14 -2
  71. package/emotion/es/components/Popup/PopupContext.js +25 -6
  72. package/emotion/es/components/Select/Select.js +2 -4
  73. package/emotion/es/components/Select/Select.styles.js +7 -7
  74. package/emotion/es/components/Select/ui/Inner/Inner.js +6 -11
  75. package/emotion/es/components/Select/ui/VirtualList/VirtualList.js +45 -13
  76. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  77. package/es/components/Autocomplete/Autocomplete.js +2 -7
  78. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  79. package/es/components/Autocomplete/ui/VirtualList/VirtualList.js +44 -13
  80. package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
  81. package/es/components/Carousel/CarouselNew/Carousel.js +5 -4
  82. package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
  83. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  84. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
  85. package/es/components/Combobox/ComboboxNew/Combobox.js +18 -34
  86. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  87. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +3 -2
  88. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  89. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -12
  90. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  91. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +44 -13
  92. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
  93. package/es/components/Combobox/ComboboxNew/utils/getTextValue.js +20 -0
  94. package/es/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
  95. package/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  96. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  97. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -2
  98. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  99. package/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
  100. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  101. package/es/components/Popup/ClientOnlyPortal.js +15 -2
  102. package/es/components/Popup/ClientOnlyPortal.js.map +1 -1
  103. package/es/components/Popup/PopupContext.js +26 -5
  104. package/es/components/Popup/PopupContext.js.map +1 -1
  105. package/es/components/Select/Select.js +3 -4
  106. package/es/components/Select/Select.js.map +1 -1
  107. package/es/components/Select/Select.styles.js +3 -2
  108. package/es/components/Select/Select.styles.js.map +1 -1
  109. package/es/components/Select/ui/Inner/Inner.js +6 -12
  110. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  111. package/es/components/Select/ui/VirtualList/VirtualList.js +44 -13
  112. package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
  113. package/package.json +4 -5
  114. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -8
  115. package/styled-components/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +84 -16
  116. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
  117. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  118. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +28 -48
  119. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +8 -8
  120. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +9 -50
  121. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +84 -16
  122. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
  123. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
  124. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  125. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
  126. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
  127. package/styled-components/cjs/components/Popup/ClientOnlyPortal.js +14 -2
  128. package/styled-components/cjs/components/Popup/PopupContext.js +25 -6
  129. package/styled-components/cjs/components/Select/Select.js +2 -4
  130. package/styled-components/cjs/components/Select/Select.styles.js +4 -4
  131. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -50
  132. package/styled-components/cjs/components/Select/ui/VirtualList/VirtualList.js +84 -16
  133. package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  134. package/styled-components/es/components/Autocomplete/Autocomplete.js +2 -9
  135. package/styled-components/es/components/Autocomplete/ui/VirtualList/VirtualList.js +45 -13
  136. package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +2 -2
  137. package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  138. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +14 -34
  139. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +8 -8
  140. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -11
  141. package/styled-components/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +45 -13
  142. package/styled-components/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
  143. package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
  144. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  145. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
  146. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
  147. package/styled-components/es/components/Popup/ClientOnlyPortal.js +14 -2
  148. package/styled-components/es/components/Popup/PopupContext.js +25 -6
  149. package/styled-components/es/components/Select/Select.js +2 -4
  150. package/styled-components/es/components/Select/Select.styles.js +4 -4
  151. package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -11
  152. package/styled-components/es/components/Select/ui/VirtualList/VirtualList.js +45 -13
  153. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  154. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  155. package/types/components/Autocomplete/Autocomplete.types.d.ts +17 -17
  156. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  157. package/types/components/Autocomplete/ui/VirtualList/VirtualList.d.ts +1 -1
  158. package/types/components/Autocomplete/ui/VirtualList/VirtualList.d.ts.map +1 -1
  159. package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +1 -1
  160. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +5 -0
  161. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +1 -1
  162. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +1 -1
  163. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  164. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +1 -0
  165. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  166. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +7 -7
  167. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  168. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
  169. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts +1 -2
  170. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts.map +1 -1
  171. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts +2 -6
  172. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  173. package/types/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.d.ts +1 -1
  174. package/types/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.d.ts.map +1 -1
  175. package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts +4 -0
  176. package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts.map +1 -0
  177. package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
  178. package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
  179. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  180. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  181. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  182. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  183. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
  184. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  185. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +18 -18
  186. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  187. package/types/components/Popup/ClientOnlyPortal.d.ts +1 -0
  188. package/types/components/Popup/ClientOnlyPortal.d.ts.map +1 -1
  189. package/types/components/Popup/PopupContext.d.ts +5 -1
  190. package/types/components/Popup/PopupContext.d.ts.map +1 -1
  191. package/types/components/Select/Select.d.ts.map +1 -1
  192. package/types/components/Select/Select.styles.d.ts +1 -0
  193. package/types/components/Select/Select.styles.d.ts.map +1 -1
  194. package/types/components/Select/Select.types.d.ts +14 -14
  195. package/types/components/Select/Select.types.d.ts.map +1 -1
  196. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  197. package/types/components/Select/ui/Inner/Inner.type.d.ts +1 -2
  198. package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
  199. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +3 -11
  200. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  201. package/types/components/Select/ui/VirtualList/VirtualList.d.ts +1 -1
  202. package/types/components/Select/ui/VirtualList/VirtualList.d.ts.map +1 -1
  203. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +18 -18
  204. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  205. package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
  206. package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  207. package/types/examples/components/Combobox/Combobox.d.ts +48 -48
  208. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  209. package/types/examples/components/Select/Select.d.ts +18 -18
  210. package/types/examples/components/Select/Select.d.ts.map +1 -1
@@ -1,25 +1,57 @@
1
- import React from "react";
2
- import List from "rc-virtual-list";
1
+ import React, { useRef } from "react";
2
+ import { useVirtualizer } from "@tanstack/react-virtual";
3
3
  import { getHeightAsNumber } from "../../../../../utils";
4
4
  import { Item } from "../Inner/ui";
5
5
  export var VirtualList = function(param) {
6
6
  var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll;
7
- return /*#__PURE__*/ React.createElement(List, {
8
- data: items,
9
- height: getHeightAsNumber(listMaxHeight),
10
- fullHeight: false,
11
- itemHeight: 100,
12
- itemKey: "id",
7
+ var _virtualItems_;
8
+ var parentRef = useRef(null);
9
+ var virtualizer = useVirtualizer({
10
+ count: items.length,
11
+ getScrollElement: function() {
12
+ return parentRef.current;
13
+ },
14
+ estimateSize: function() {
15
+ return 48;
16
+ }
17
+ });
18
+ var virtualItems = virtualizer.getVirtualItems();
19
+ var _virtualItems__start;
20
+ return /*#__PURE__*/ React.createElement("div", {
21
+ ref: parentRef,
22
+ style: {
23
+ height: 'auto',
24
+ maxHeight: getHeightAsNumber(listMaxHeight),
25
+ overflowY: 'auto'
26
+ },
13
27
  onScroll: onScroll
14
- }, function(item, index, props) {
15
- return /*#__PURE__*/ React.createElement("div", props, /*#__PURE__*/ React.createElement(Item, {
16
- item: item,
28
+ }, /*#__PURE__*/ React.createElement("div", {
29
+ style: {
30
+ height: virtualizer.getTotalSize(),
31
+ width: '100%',
32
+ position: 'relative'
33
+ }
34
+ }, /*#__PURE__*/ React.createElement("div", {
35
+ style: {
36
+ position: 'absolute',
37
+ top: 0,
38
+ left: 0,
39
+ width: '100%',
40
+ transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
41
+ }
42
+ }, virtualItems.map(function(virtualRow) {
43
+ return /*#__PURE__*/ React.createElement("div", {
44
+ key: virtualRow.key,
45
+ "data-index": virtualRow.index,
46
+ ref: virtualizer.measureElement
47
+ }, /*#__PURE__*/ React.createElement(Item, {
48
+ item: items[virtualRow.index],
17
49
  path: [
18
50
  'root'
19
51
  ],
20
52
  currentLevel: 0,
21
- index: index,
53
+ index: virtualRow.index,
22
54
  ariaLevel: 1
23
55
  }));
24
- });
56
+ }))));
25
57
  };
@@ -0,0 +1,16 @@
1
+ // Type Guard для multiple.
2
+ // @ts-ignore
3
+ function isMultiple(multiple, value) {
4
+ return Boolean(multiple);
5
+ }
6
+ // Хелпер для генерации начального состояния поля ввода.
7
+ export var getTextValue = function(multiple, value, valueToItemMap, renderValue) {
8
+ var _valueToItemMap_get;
9
+ if (isMultiple(multiple, value) || !value) {
10
+ return '';
11
+ }
12
+ return (renderValue === null || renderValue === void 0 ? void 0 : renderValue({
13
+ value: value,
14
+ label: ''
15
+ })) || ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
16
+ };
@@ -6,3 +6,4 @@ export { sizeToIconSize } from "./sizeToIconSize";
6
6
  export { filterItems } from "./filterItems";
7
7
  export { getItemId } from "./getItemId";
8
8
  export { getRemovedElement } from "./getRemovedElement";
9
+ export { getTextValue } from "./getTextValue";
@@ -141,7 +141,7 @@ import { LeftHelper, StyledRange, base } from "./RangeDate.styles";
141
141
  import { RangeDatePopover } from "./RangeDatePopover/RangeDatePopover";
142
142
  export var datePickerRangeRoot = function(Root) {
143
143
  return /*#__PURE__*/ forwardRef(function(_param, ref) {
144
- var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
144
+ var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
145
145
  'top',
146
146
  'bottom'
147
147
  ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
@@ -199,6 +199,7 @@ export var datePickerRangeRoot = function(Root) {
199
199
  "type",
200
200
  "frame",
201
201
  "usePortal",
202
+ "zIndex",
202
203
  "placement",
203
204
  "closeOnOverlayClick",
204
205
  "closeOnEsc",
@@ -568,6 +569,7 @@ export var datePickerRangeRoot = function(Root) {
568
569
  renderFromDate: renderFromDate,
569
570
  frame: frame,
570
571
  usePortal: usePortal,
572
+ zIndex: zIndex,
571
573
  placement: placement,
572
574
  closeOnOverlayClick: closeOnOverlayClick,
573
575
  closeOnEsc: closeOnEsc,
@@ -18,7 +18,7 @@ import { StyledPopover } from "../RangeDate.styles";
18
18
  import { classes } from "../../DatePicker.tokens";
19
19
  import { StyledCalendar, StyledCalendarDouble } from "./RangeDatePopover.styles";
20
20
  export var RangeDatePopover = function(param) {
21
- var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_placement = param.placement, placement = _param_placement === void 0 ? [
21
+ var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
22
22
  'top',
23
23
  'bottom'
24
24
  ] : _param_placement, _param_closeOnOverlayClick = param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, closeOnEsc = param.closeOnEsc, offset = param.offset, calendarContainerWidth = param.calendarContainerWidth, calendarContainerHeight = param.calendarContainerHeight, stretched = param.stretched, type = param.type, size = param.size, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, setIsInnerOpen = param.setIsInnerOpen, onChangeValue = param.onChangeValue, onChangeStartOfRange = param.onChangeStartOfRange, onToggle = param.onToggle;
@@ -51,7 +51,8 @@ export var RangeDatePopover = function(param) {
51
51
  closeOnOverlayClick: closeOnOverlayClick,
52
52
  isFocusTrapped: false,
53
53
  target: target,
54
- preventOverflow: false
54
+ preventOverflow: false,
55
+ zIndex: zIndex
55
56
  }, /*#__PURE__*/ React.createElement(Root, {
56
57
  ref: doubleCalendarRootRef,
57
58
  className: cls(classes.datePickerRoot, _define_property({}, classes.datePickerstretched, stretched)),
@@ -92,7 +93,8 @@ export var RangeDatePopover = function(param) {
92
93
  isFocusTrapped: false,
93
94
  target: target,
94
95
  preventOverflow: false,
95
- closeOnEsc: closeOnEsc
96
+ closeOnEsc: closeOnEsc,
97
+ zIndex: zIndex
96
98
  }, /*#__PURE__*/ React.createElement(Root, {
97
99
  ref: calendarRootRef,
98
100
  className: cls(classes.datePickerRoot, _define_property({}, classes.datePickerstretched, stretched)),
@@ -115,7 +115,7 @@ import { base as readOnlyCSS } from "./variations/_readonly/base";
115
115
  import { LeftHelper, StyledInput, StyledPopover, base } from "./SingleDate.styles";
116
116
  export var datePickerRoot = function(Root) {
117
117
  return /*#__PURE__*/ forwardRef(function(_param, ref) {
118
- var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
118
+ var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
119
119
  'top',
120
120
  'bottom'
121
121
  ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, autoComplete = _param.autoComplete, rest = _object_without_properties(_param, [
@@ -161,6 +161,7 @@ export var datePickerRoot = function(Root) {
161
161
  "type",
162
162
  "frame",
163
163
  "usePortal",
164
+ "zIndex",
164
165
  "placement",
165
166
  "closeOnOverlayClick",
166
167
  "closeOnEsc",
@@ -348,7 +349,8 @@ export var datePickerRoot = function(Root) {
348
349
  closeOnOverlayClick: closeOnOverlayClick,
349
350
  isFocusTrapped: false,
350
351
  target: DatePickerInput,
351
- preventOverflow: false
352
+ preventOverflow: false,
353
+ zIndex: zIndex
352
354
  }, /*#__PURE__*/ React.createElement(Root, {
353
355
  ref: calendarRootRef,
354
356
  view: view,
@@ -50,12 +50,24 @@ import { useIsomorphicLayoutEffect } from "../../hooks";
50
50
  // Полиморфная версия портала для рендера как на сервере, так и на клиенте.
51
51
  // Позволяет избежать ошибок, связанных с гидрацией.
52
52
  var ClientOnlyPortal = function(param) {
53
- var children = param.children;
53
+ var children = param.children, providerFrame = param.providerFrame;
54
54
  var ref = useRef(null);
55
55
  var _useState = _sliced_to_array(useState(false), 2), mounted = _useState[0], setMounted = _useState[1];
56
56
  useIsomorphicLayoutEffect(function() {
57
- ref.current = document.body;
58
57
  setMounted(true);
58
+ if (typeof providerFrame !== 'string' && providerFrame && providerFrame.current) {
59
+ ref.current = providerFrame.current;
60
+ return;
61
+ }
62
+ if (typeof providerFrame === 'string' && providerFrame !== 'document') {
63
+ var containerElement = document.getElementById(providerFrame);
64
+ if (!containerElement) {
65
+ ref.current = document.body;
66
+ }
67
+ ref.current = containerElement;
68
+ return;
69
+ }
70
+ ref.current = document.body;
59
71
  }, []);
60
72
  return mounted && ref.current ? /*#__PURE__*/ createPortal(children, ref.current) : null;
61
73
  };
@@ -69,7 +69,7 @@ export var usePopupContext = function() {
69
69
  };
70
70
  // TODO: #1599
71
71
  export var PopupProvider = function(param) {
72
- var children = param.children, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
72
+ var children = param.children, providerFrame = param.providerFrame, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
73
73
  var prevBodyOverflowY = useRef(canUseDOM ? document.body.style.overflowY : '');
74
74
  var _useState = _sliced_to_array(useState(initialItems), 2), items = _useState[0], setItems = _useState[1];
75
75
  var uuid = safeUseId();
@@ -112,13 +112,32 @@ export var PopupProvider = function(param) {
112
112
  register: register,
113
113
  unregister: unregister
114
114
  };
115
+ var getDefaultPortal = function() {
116
+ if (typeof providerFrame !== 'string' && providerFrame && providerFrame.current && canUseDOM) {
117
+ return /*#__PURE__*/ React.createElement(Portal, {
118
+ container: providerFrame.current
119
+ }, /*#__PURE__*/ React.createElement(StyledPortal, {
120
+ id: rootId
121
+ }));
122
+ }
123
+ var withFrameId = typeof providerFrame === 'string' && providerFrame !== 'document';
124
+ var containerElement = withFrameId && canUseDOM && document.getElementById(providerFrame);
125
+ if (containerElement) {
126
+ return /*#__PURE__*/ React.createElement(Portal, {
127
+ container: containerElement
128
+ }, /*#__PURE__*/ React.createElement(StyledPortal, {
129
+ id: rootId
130
+ }));
131
+ }
132
+ return /*#__PURE__*/ React.createElement(Portal, {
133
+ container: document.body
134
+ }, /*#__PURE__*/ React.createElement(StyledPortal, {
135
+ id: rootId
136
+ }));
137
+ };
115
138
  return /*#__PURE__*/ React.createElement(PopupContext.Provider, {
116
139
  value: context
117
140
  }, children, UNSAFE_SSR_ENABLED ? /*#__PURE__*/ React.createElement(ClientOnlyPortal, null, /*#__PURE__*/ React.createElement(StyledPortal, {
118
141
  id: rootId
119
- })) : /*#__PURE__*/ React.createElement(Portal, {
120
- container: document.body
121
- }, /*#__PURE__*/ React.createElement(StyledPortal, {
122
- id: rootId
123
- })));
142
+ })) : getDefaultPortal());
124
143
  };
@@ -210,7 +210,6 @@ import { Context } from "./Select.context";
210
210
  var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
211
211
  var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
212
212
  var treeId = safeUseId();
213
- var listWrapperRef = useRef(null);
214
213
  var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
215
214
  // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
216
215
  var requiredProps = props.target === 'button-like' ? undefined : {
@@ -497,12 +496,12 @@ import { Context } from "./Select.context";
497
496
  disabled: disabled,
498
497
  readOnly: readOnly
499
498
  }, rest), /*#__PURE__*/ React.createElement(ListWrapper, {
500
- ref: listWrapperRef,
501
499
  listWidth: listWidth
502
500
  }, /*#__PURE__*/ React.createElement(Ul, {
503
501
  role: "tree",
504
502
  id: "".concat(treeId, "_tree_level_1"),
505
503
  "aria-multiselectable": Boolean(props.multiselect),
504
+ listOverflow: listOverflow,
506
505
  listMaxHeight: listMaxHeight || listHeight,
507
506
  onScroll: virtual ? undefined : handleScroll,
508
507
  ref: targetRef,
@@ -523,8 +522,7 @@ import { Context } from "./Select.context";
523
522
  path: path,
524
523
  dispatchPath: dispatchPath,
525
524
  index: index,
526
- listWidth: listWidth,
527
- portal: listWrapperRef
525
+ listWidth: listWidth
528
526
  });
529
527
  }), afterList))))));
530
528
  });
@@ -4,7 +4,7 @@ import { getCorrectHeight } from "./utils";
4
4
  import { tokens, constants } from "./Select.tokens";
5
5
  export var ListWrapper = styled.div.withConfig({
6
6
  displayName: "Select.styles__ListWrapper",
7
- componentId: "sc-23c571db-0"
7
+ componentId: "sc-30266665-0"
8
8
  })([
9
9
  "width:",
10
10
  ";padding:calc(var(",
@@ -21,7 +21,7 @@ export var ListWrapper = styled.div.withConfig({
21
21
  }, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
22
22
  export var Ul = styled.ul.withConfig({
23
23
  displayName: "Select.styles__Ul",
24
- componentId: "sc-23c571db-1"
24
+ componentId: "sc-30266665-1"
25
25
  })([
26
26
  "max-height:",
27
27
  ";overflow-y:",
@@ -33,8 +33,8 @@ export var Ul = styled.ul.withConfig({
33
33
  return(// eslint-disable-next-line no-nested-ternary
34
34
  virtual ? 'auto' : listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto');
35
35
  }, function(param) {
36
- var virtual = param.virtual;
37
- return virtual ? 'visible' : 'auto';
36
+ var virtual = param.virtual, listOverflow = param.listOverflow;
37
+ return virtual ? 'visible' : listOverflow || 'visible';
38
38
  }, tokens.borderRadius, tokens.dropdownBorderWidth);
39
39
  export var base = css([
40
40
  ""
@@ -1,10 +1,10 @@
1
- import React, { useRef } from "react";
1
+ import React from "react";
2
2
  import { isEmpty, safeUseId } from "../../../../utils";
3
3
  import { Ul, ListWrapper } from "../../Select.styles";
4
4
  import { FloatingPopover } from "../../FloatingPopover";
5
5
  import { Item } from "./ui/Item/Item";
6
6
  export var Inner = function(param) {
7
- var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth, portal = param.portal;
7
+ var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth;
8
8
  var handleToggle = function(opened) {
9
9
  if (opened) {
10
10
  dispatchPath({
@@ -19,7 +19,6 @@ export var Inner = function(param) {
19
19
  });
20
20
  }
21
21
  };
22
- var listWrapperRef = useRef(null);
23
22
  var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
24
23
  var treeId = safeUseId();
25
24
  var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
@@ -40,16 +39,13 @@ export var Inner = function(param) {
40
39
  ariaLevel: nextLevel,
41
40
  ariaLabel: item.label
42
41
  }),
43
- isInner: true,
44
- portal: portal
42
+ isInner: true
45
43
  }, /*#__PURE__*/ React.createElement(ListWrapper, {
46
- listWidth: listWidth,
47
- ref: listWrapperRef
44
+ listWidth: listWidth
48
45
  }, /*#__PURE__*/ React.createElement(Ul, {
49
46
  role: "group",
50
47
  id: listId,
51
- virtual: false,
52
- listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
48
+ virtual: false
53
49
  }, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
54
50
  return /*#__PURE__*/ React.createElement(Inner, {
55
51
  key: "".concat(innerIndex, "/").concat(currentLevel),
@@ -58,8 +54,7 @@ export var Inner = function(param) {
58
54
  path: path,
59
55
  dispatchPath: dispatchPath,
60
56
  index: innerIndex,
61
- listWidth: listWidth,
62
- portal: listWrapperRef
57
+ listWidth: listWidth
63
58
  });
64
59
  }))));
65
60
  }
@@ -1,25 +1,57 @@
1
- import React from "react";
2
- import List from "rc-virtual-list";
1
+ import React, { useRef } from "react";
2
+ import { useVirtualizer } from "@tanstack/react-virtual";
3
3
  import { getHeightAsNumber } from "../../../../utils";
4
4
  import { Item } from "../Inner/ui";
5
5
  export var VirtualList = function(param) {
6
6
  var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll;
7
- return /*#__PURE__*/ React.createElement(List, {
8
- data: items,
9
- height: getHeightAsNumber(listMaxHeight),
10
- fullHeight: false,
11
- itemHeight: 100,
12
- itemKey: "id",
7
+ var _virtualItems_;
8
+ var parentRef = useRef(null);
9
+ var virtualizer = useVirtualizer({
10
+ count: items.length,
11
+ getScrollElement: function() {
12
+ return parentRef.current;
13
+ },
14
+ estimateSize: function() {
15
+ return 48;
16
+ }
17
+ });
18
+ var virtualItems = virtualizer.getVirtualItems();
19
+ var _virtualItems__start;
20
+ return /*#__PURE__*/ React.createElement("div", {
21
+ ref: parentRef,
22
+ style: {
23
+ height: 'auto',
24
+ maxHeight: getHeightAsNumber(listMaxHeight),
25
+ overflowY: 'auto'
26
+ },
13
27
  onScroll: onScroll
14
- }, function(item, index, props) {
15
- return /*#__PURE__*/ React.createElement("div", props, /*#__PURE__*/ React.createElement(Item, {
16
- item: item,
28
+ }, /*#__PURE__*/ React.createElement("div", {
29
+ style: {
30
+ height: virtualizer.getTotalSize(),
31
+ width: '100%',
32
+ position: 'relative'
33
+ }
34
+ }, /*#__PURE__*/ React.createElement("div", {
35
+ style: {
36
+ position: 'absolute',
37
+ top: 0,
38
+ left: 0,
39
+ width: '100%',
40
+ transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
41
+ }
42
+ }, virtualItems.map(function(virtualRow) {
43
+ return /*#__PURE__*/ React.createElement("div", {
44
+ key: virtualRow.key,
45
+ "data-index": virtualRow.index,
46
+ ref: virtualizer.measureElement
47
+ }, /*#__PURE__*/ React.createElement(Item, {
48
+ item: items[virtualRow.index],
17
49
  path: [
18
50
  'root'
19
51
  ],
20
52
  currentLevel: 0,
21
- index: index,
53
+ index: virtualRow.index,
22
54
  ariaLevel: 1
23
55
  }));
24
- });
56
+ }))));
25
57
  };
@@ -0,0 +1,7 @@
1
+ import { component, mergeConfig } from "../../../engines";
2
+ import { comboboxNewConfig } from "../../..";
3
+ import { config } from "./Combobox.config";
4
+ var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
+ var ComboboxComponent = component(mergedConfig);
6
+ var Combobox = ComboboxComponent;
7
+ export { Combobox };
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAGzF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,+FAwOlG,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA1OQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;;;CAyPtG,CAAC"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,+FAkOlG,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBApOQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;;;CAmPtG,CAAC"}
@@ -16,16 +16,6 @@ export type SuggestionItemType = {
16
16
  contentRight?: ReactNode;
17
17
  };
18
18
  export type AutocompleteProps = {
19
- /**
20
- * Размер контрола.
21
- * @default l
22
- */
23
- size?: string;
24
- /**
25
- * Вид контрола.
26
- * @default default
27
- */
28
- view?: string;
29
19
  /**
30
20
  * Расположение лейбла.
31
21
  * @default outer
@@ -48,9 +38,13 @@ export type AutocompleteProps = {
48
38
  */
49
39
  zIndex?: CSSProperties['zIndex'];
50
40
  /**
51
- * Значение инпута.
41
+ * Значение поля ввода.
52
42
  */
53
43
  value?: string;
44
+ /**
45
+ * Значение поля ввода по-умолчанию.
46
+ */
47
+ defaultValue?: string;
54
48
  /**
55
49
  * Массив подсказок.
56
50
  */
@@ -71,7 +65,7 @@ export type AutocompleteProps = {
71
65
  /**
72
66
  * Коллбэк, срабатывающий при скролле.
73
67
  */
74
- onScroll?: (e: React.UIEvent<HTMLUListElement>) => void;
68
+ onScroll?: (e: React.UIEvent<HTMLElement>) => void;
75
69
  /**
76
70
  * Максимальная высота выпадающего списка подсказок.
77
71
  * @default 25rem
@@ -93,10 +87,6 @@ export type AutocompleteProps = {
93
87
  * Callback для кастомной настройки элемента в выпадающем списке.
94
88
  */
95
89
  renderItem?: (item: SuggestionItemType) => React.ReactNode;
96
- /**
97
- * Изначальное значение.
98
- */
99
- defaultValue?: string;
100
90
  /**
101
91
  * Ячейка для контента в начале выпадающего списка.
102
92
  */
@@ -110,7 +100,17 @@ export type AutocompleteProps = {
110
100
  * @default false
111
101
  */
112
102
  virtual?: boolean;
113
- } & DistributiveOmit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'labelPlacement' | 'chipView' | 'chipValidator' | 'chipType'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
103
+ /**
104
+ * Размер контрола.
105
+ * @default l
106
+ */
107
+ size?: string;
108
+ /**
109
+ * Вид контрола.
110
+ * @default default
111
+ */
112
+ view?: string;
113
+ } & DistributiveOmit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'labelPlacement' | 'chipView' | 'chipValidator' | 'chipType'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required' | 'value' | 'defaultValue'>;
114
114
  export type FloatingPopoverProps = {
115
115
  target: React.ReactNode | ((ref: React.MutableRefObject<HTMLElement | null>) => React.ReactNode);
116
116
  children: React.ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ interface Props {
5
5
  onClick: (e: SuggestionItemType) => void;
6
6
  listId: string;
7
7
  listMaxHeight?: string;
8
- onScroll?: (e: React.UIEvent<HTMLUListElement>) => void;
8
+ onScroll?: (e: React.UIEvent<HTMLElement>) => void;
9
9
  renderItem?: (item: SuggestionItemType) => React.ReactNode;
10
10
  }
11
11
  export declare const VirtualList: React.FC<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,UAAU,KAAK;IACX,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBvC,CAAC"}
1
+ {"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,UAAU,KAAK;IACX,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwDvC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FAqE5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAvEQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAwFhF,CAAC"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FAwE5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA1EQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CA2FhF,CAAC"}
@@ -1,6 +1,11 @@
1
1
  import type { HTMLAttributes, CSSProperties } from 'react';
2
2
  export type ScrollAlign = 'start' | 'center' | 'end';
3
3
  export interface CarouselNewProps extends HTMLAttributes<HTMLDivElement> {
4
+ /**
5
+ * Номер слайда по-умолчанию.
6
+ * @default 0
7
+ */
8
+ defaultIndex?: number;
4
9
  /**
5
10
  * Центрирование активного элемента при скролле.
6
11
  * @default start
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAChB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAChB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,kEAM1B;IACC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C,KAAG,MA2BH,CAAC;AAEF,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,WAAW,2BAA4B,kBAAkB,KAAG,qBA6BxE,CAAC"}
1
+ {"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,kEAM1B;IACC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C,KAAG,MA2BH,CAAC;AAEF,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,WAAW,2BAA4B,kBAAkB,KAAG,qBAkCxE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAKlG,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AA6B7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA+kBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAjlBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAsmB3F,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA6jBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA/jBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAolB3F,CAAC"}