@salutejs/plasma-new-hope 0.88.0-canary.1223.9505247307.0 → 0.88.0-canary.1224.9504044130.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (723) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +67 -28
  2. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  3. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +57 -29
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  6. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  8. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  15. package/cjs/components/Calendar/CalendarDouble/{CalendarDouble.styles_1rc2ejs.css → CalendarDouble.styles_e9ada0.css} +2 -2
  16. package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
  17. package/cjs/components/Calendar/hooks/useDays.js +1 -1
  18. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  19. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  20. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
  21. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  22. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.css +4 -0
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
  25. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  26. package/cjs/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
  27. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
  28. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +31 -17
  29. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  30. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +27 -12
  31. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  32. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +8 -0
  33. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  34. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  35. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  36. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  37. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  38. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +4 -0
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  44. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +4 -0
  45. package/cjs/components/Calendar/utils/index.js.map +1 -1
  46. package/cjs/components/Combobox/Combobox.js +2 -2
  47. package/cjs/components/Combobox/Combobox.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePicker.tokens.js +189 -0
  49. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -0
  50. package/cjs/components/DatePicker/DatePickerBase.styles.js +30 -0
  51. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -0
  52. package/cjs/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
  53. package/cjs/components/DatePicker/RangeDate/DatePicker.css +152 -0
  54. package/cjs/components/DatePicker/RangeDate/DatePicker.js +285 -0
  55. package/cjs/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
  56. package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +51 -0
  57. package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
  58. package/cjs/components/DatePicker/RangeDate/DatePicker.styles_6cvsgx.css +5 -0
  59. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
  60. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +83 -0
  61. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
  62. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +42 -0
  63. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
  64. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
  65. package/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_disabled}/base.js +2 -2
  66. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
  67. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
  68. package/cjs/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_readonly}/base.js +2 -2
  69. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
  70. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.css +1 -0
  71. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +9 -0
  72. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
  73. package/cjs/components/DatePicker/RangeDate/variations/_size/base_c0144z.css +1 -0
  74. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +9 -0
  75. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  76. package/cjs/components/DatePicker/RangeDate/variations/_view/base_1vly6xz.css +1 -0
  77. package/cjs/components/DatePicker/SingleDate/DatePicker.css +134 -0
  78. package/cjs/components/DatePicker/SingleDate/DatePicker.js +183 -0
  79. package/cjs/components/DatePicker/SingleDate/DatePicker.js.map +1 -0
  80. package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +51 -0
  81. package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -0
  82. package/cjs/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css +5 -0
  83. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  84. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  85. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  86. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +9 -0
  87. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  88. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_ayigv4.css +1 -0
  89. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +9 -0
  90. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  91. package/cjs/components/DatePicker/SingleDate/variations/_size/base_jrds3p.css +1 -0
  92. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +9 -0
  93. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  94. package/cjs/components/DatePicker/SingleDate/variations/_view/base_163gwfv.css +1 -0
  95. package/cjs/components/DatePicker/hooks/useDatePicker.js +79 -0
  96. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  97. package/cjs/components/DatePicker/utils/dateHelper.js +84 -0
  98. package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -0
  99. package/cjs/components/Dropdown/Dropdown.js +2 -1
  100. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  101. package/cjs/components/Dropdown/utils/index.js +0 -17
  102. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  103. package/cjs/components/Range/Range.css +6 -6
  104. package/cjs/components/Range/Range.js +17 -2
  105. package/cjs/components/Range/Range.js.map +1 -1
  106. package/cjs/components/Range/Range.styles.js +1 -1
  107. package/cjs/components/Range/Range.styles.js.map +1 -1
  108. package/cjs/components/Range/Range.styles_9rort8.css +8 -0
  109. package/cjs/components/Select/Select.js +2 -2
  110. package/cjs/components/Select/Select.js.map +1 -1
  111. package/cjs/components/Slider/Slider.css +3 -3
  112. package/cjs/components/Slider/components/Double/Double.css +3 -3
  113. package/cjs/components/TextField/TextField.tokens.js +1 -1
  114. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  115. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  116. package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  117. package/cjs/components/TextField/variations/_size/base.js +1 -1
  118. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  119. package/cjs/components/TextField/variations/_size/base_orwx1f.css +1 -0
  120. package/cjs/components/TextField/variations/_view/base.js +1 -1
  121. package/cjs/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  122. package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +23 -0
  123. package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  124. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  125. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  126. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  127. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  128. package/cjs/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +5 -5
  129. package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  130. package/cjs/index.css +69 -38
  131. package/cjs/index.js +12 -8
  132. package/cjs/index.js.map +1 -1
  133. package/cjs/utils/datejs.js +12 -0
  134. package/cjs/utils/datejs.js.map +1 -0
  135. package/cjs/utils/getPopoverPlacement.js +23 -0
  136. package/cjs/utils/getPopoverPlacement.js.map +1 -0
  137. package/cjs/utils/index.js.map +1 -1
  138. package/es/components/Calendar/Calendar.tokens.js +67 -28
  139. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  140. package/es/components/Calendar/Calendar.types.js.map +1 -1
  141. package/es/components/Calendar/CalendarBase/CalendarBase.css +57 -29
  142. package/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  143. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  144. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  145. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  146. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
  147. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
  148. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  149. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  150. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  151. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  152. package/es/components/Calendar/CalendarDouble/{CalendarDouble.styles_1rc2ejs.css → CalendarDouble.styles_e9ada0.css} +2 -2
  153. package/es/components/Calendar/hoc/withRange.js.map +1 -1
  154. package/es/components/Calendar/hooks/useDays.js +1 -1
  155. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  156. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  157. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
  158. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  159. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.css +4 -0
  160. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
  161. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
  162. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  163. package/es/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
  164. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
  165. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
  166. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  167. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +26 -13
  168. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  169. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +8 -0
  170. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  171. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  172. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  173. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  174. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  175. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +4 -0
  176. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  177. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  178. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  179. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  180. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  181. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +4 -0
  182. package/es/components/Calendar/utils/index.js.map +1 -1
  183. package/es/components/Combobox/Combobox.js +1 -1
  184. package/es/components/Combobox/Combobox.js.map +1 -1
  185. package/es/components/DatePicker/DatePicker.tokens.js +184 -0
  186. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -0
  187. package/es/components/DatePicker/DatePickerBase.styles.js +26 -0
  188. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -0
  189. package/es/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
  190. package/es/components/DatePicker/RangeDate/DatePicker.css +152 -0
  191. package/es/components/DatePicker/RangeDate/DatePicker.js +280 -0
  192. package/es/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
  193. package/es/components/DatePicker/RangeDate/DatePicker.styles.js +43 -0
  194. package/es/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
  195. package/es/components/DatePicker/RangeDate/DatePicker.styles_6cvsgx.css +5 -0
  196. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
  197. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +79 -0
  198. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
  199. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +37 -0
  200. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
  201. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
  202. package/es/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_disabled}/base.js +2 -2
  203. package/es/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
  204. package/es/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
  205. package/es/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_readonly}/base.js +2 -2
  206. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
  207. package/es/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.css +1 -0
  208. package/es/components/DatePicker/RangeDate/variations/_size/base.js +5 -0
  209. package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
  210. package/es/components/DatePicker/RangeDate/variations/_size/base_c0144z.css +1 -0
  211. package/es/components/DatePicker/RangeDate/variations/_view/base.js +5 -0
  212. package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  213. package/es/components/DatePicker/RangeDate/variations/_view/base_1vly6xz.css +1 -0
  214. package/es/components/DatePicker/SingleDate/DatePicker.css +134 -0
  215. package/es/components/DatePicker/SingleDate/DatePicker.js +178 -0
  216. package/es/components/DatePicker/SingleDate/DatePicker.js.map +1 -0
  217. package/es/components/DatePicker/SingleDate/DatePicker.styles.js +43 -0
  218. package/es/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -0
  219. package/es/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css +5 -0
  220. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js +5 -0
  221. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  222. package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  223. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js +5 -0
  224. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  225. package/es/components/DatePicker/SingleDate/variations/_readonly/base_ayigv4.css +1 -0
  226. package/es/components/DatePicker/SingleDate/variations/_size/base.js +5 -0
  227. package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  228. package/es/components/DatePicker/SingleDate/variations/_size/base_jrds3p.css +1 -0
  229. package/es/components/DatePicker/SingleDate/variations/_view/base.js +5 -0
  230. package/es/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  231. package/es/components/DatePicker/SingleDate/variations/_view/base_163gwfv.css +1 -0
  232. package/es/components/DatePicker/hooks/useDatePicker.js +75 -0
  233. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  234. package/es/components/DatePicker/utils/dateHelper.js +76 -0
  235. package/es/components/DatePicker/utils/dateHelper.js.map +1 -0
  236. package/es/components/Dropdown/Dropdown.js +2 -1
  237. package/es/components/Dropdown/Dropdown.js.map +1 -1
  238. package/es/components/Dropdown/utils/index.js +1 -16
  239. package/es/components/Dropdown/utils/index.js.map +1 -1
  240. package/es/components/Range/Range.css +6 -6
  241. package/es/components/Range/Range.js +18 -3
  242. package/es/components/Range/Range.js.map +1 -1
  243. package/es/components/Range/Range.styles.js +1 -1
  244. package/es/components/Range/Range.styles.js.map +1 -1
  245. package/es/components/Range/Range.styles_9rort8.css +8 -0
  246. package/es/components/Select/Select.js +1 -1
  247. package/es/components/Select/Select.js.map +1 -1
  248. package/es/components/Slider/Slider.css +3 -3
  249. package/es/components/Slider/components/Double/Double.css +3 -3
  250. package/es/components/TextField/TextField.tokens.js +1 -1
  251. package/es/components/TextField/TextField.tokens.js.map +1 -1
  252. package/es/components/TextField/variations/_read-only/base.js +1 -1
  253. package/es/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  254. package/es/components/TextField/variations/_size/base.js +1 -1
  255. package/es/components/TextField/variations/_size/base.js.map +1 -1
  256. package/es/components/TextField/variations/_size/base_orwx1f.css +1 -0
  257. package/es/components/TextField/variations/_view/base.js +1 -1
  258. package/es/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  259. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +19 -0
  260. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  261. package/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  262. package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  263. package/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  264. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  265. package/es/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +5 -5
  266. package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  267. package/es/index.css +69 -38
  268. package/es/index.js +4 -3
  269. package/es/index.js.map +1 -1
  270. package/es/utils/datejs.js +8 -0
  271. package/es/utils/datejs.js.map +1 -0
  272. package/es/utils/getPopoverPlacement.js +18 -0
  273. package/es/utils/getPopoverPlacement.js.map +1 -0
  274. package/es/utils/index.js.map +1 -1
  275. package/package.json +3 -2
  276. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +67 -28
  277. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  278. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  279. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  280. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  281. package/styled-components/cjs/components/Calendar/hooks/useDays.js +1 -1
  282. package/styled-components/cjs/components/Calendar/mixins/active.js +12 -0
  283. package/styled-components/cjs/components/Calendar/mixins/flex.js +8 -0
  284. package/styled-components/cjs/components/Calendar/mixins/index.js +30 -29
  285. package/styled-components/cjs/components/Calendar/mixins/selected.js +24 -0
  286. package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +27 -20
  287. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  288. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +30 -16
  289. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  290. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  291. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +26 -12
  292. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  293. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +26 -14
  294. package/styled-components/cjs/components/Combobox/Combobox.js +6 -7
  295. package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +150 -0
  296. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +187 -0
  297. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +19 -0
  298. package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.js +293 -0
  299. package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +33 -0
  300. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +81 -0
  301. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +26 -0
  302. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +5 -0
  303. package/styled-components/cjs/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_disabled}/base.js +2 -1
  304. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  305. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +10 -0
  306. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  307. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +10 -0
  308. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  309. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +10 -0
  310. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  311. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.js +190 -0
  312. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +33 -0
  313. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.types.js +5 -0
  314. package/styled-components/cjs/components/{Accordion/variations/_stretching → DatePicker/SingleDate/variations/_disabled}/base.js +2 -1
  315. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  316. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +10 -0
  317. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  318. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +10 -0
  319. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  320. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +10 -0
  321. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  322. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +77 -0
  323. package/styled-components/cjs/components/DatePicker/index.js +44 -0
  324. package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +78 -0
  325. package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -1
  326. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
  327. package/styled-components/cjs/components/Range/Range.js +17 -2
  328. package/styled-components/cjs/components/Range/Range.styles.js +3 -2
  329. package/styled-components/cjs/components/Select/Select.js +7 -8
  330. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
  331. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  332. package/styled-components/cjs/components/_Icon/Icon.assets/{Minus.js → DisclosureDownFill.js} +5 -4
  333. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  334. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  335. package/styled-components/cjs/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +4 -4
  336. package/styled-components/cjs/components/_Icon/index.js +8 -15
  337. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  338. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  339. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
  340. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +31 -0
  341. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.js +13 -0
  342. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +251 -0
  343. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
  344. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  345. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  346. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
  347. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +31 -0
  348. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.js +13 -0
  349. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +251 -0
  350. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
  351. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  352. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  353. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
  354. package/styled-components/cjs/index.js +4 -4
  355. package/styled-components/cjs/utils/datejs.js +11 -0
  356. package/styled-components/cjs/utils/getPopoverPlacement.js +21 -0
  357. package/styled-components/cjs/utils/index.js +22 -0
  358. package/styled-components/es/components/Calendar/Calendar.tokens.js +67 -28
  359. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  360. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  361. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  362. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  363. package/styled-components/es/components/Calendar/hooks/useDays.js +1 -1
  364. package/styled-components/es/components/Calendar/mixins/active.js +6 -0
  365. package/styled-components/es/components/Calendar/mixins/flex.js +2 -0
  366. package/styled-components/es/components/Calendar/mixins/index.js +3 -27
  367. package/styled-components/es/components/Calendar/mixins/selected.js +18 -0
  368. package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +26 -19
  369. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  370. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
  371. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  372. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  373. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +25 -11
  374. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  375. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +25 -13
  376. package/styled-components/es/components/Combobox/Combobox.js +1 -2
  377. package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +150 -0
  378. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +181 -0
  379. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +12 -0
  380. package/styled-components/es/components/DatePicker/RangeDate/DatePicker.js +284 -0
  381. package/styled-components/es/components/DatePicker/RangeDate/DatePicker.styles.js +25 -0
  382. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +74 -0
  383. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +19 -0
  384. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +1 -0
  385. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/base.js +3 -0
  386. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  387. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +4 -0
  388. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  389. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +4 -0
  390. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  391. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +4 -0
  392. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  393. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.js +181 -0
  394. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.styles.js +25 -0
  395. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.types.js +1 -0
  396. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js +3 -0
  397. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  398. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js +4 -0
  399. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  400. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +4 -0
  401. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  402. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js +4 -0
  403. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  404. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +71 -0
  405. package/styled-components/es/components/DatePicker/index.js +3 -0
  406. package/styled-components/es/components/DatePicker/utils/dateHelper.js +72 -0
  407. package/styled-components/es/components/Dropdown/Dropdown.js +2 -2
  408. package/styled-components/es/components/Dropdown/utils/index.js +0 -15
  409. package/styled-components/es/components/Range/Range.js +18 -3
  410. package/styled-components/es/components/Range/Range.styles.js +3 -2
  411. package/styled-components/es/components/Select/Select.js +1 -2
  412. package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
  413. package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
  414. package/styled-components/es/components/_Icon/Icon.assets/{Minus.js → DisclosureDownFill.js} +4 -3
  415. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  416. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  417. package/styled-components/es/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +3 -3
  418. package/styled-components/es/components/_Icon/index.js +2 -3
  419. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  420. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  421. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
  422. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +25 -0
  423. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.js +7 -0
  424. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +251 -0
  425. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
  426. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  427. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  428. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
  429. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +25 -0
  430. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.js +7 -0
  431. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +251 -0
  432. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
  433. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  434. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  435. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
  436. package/styled-components/es/index.js +1 -1
  437. package/styled-components/es/utils/datejs.js +4 -0
  438. package/styled-components/es/utils/getPopoverPlacement.js +15 -0
  439. package/styled-components/es/utils/index.js +1 -0
  440. package/types/components/Calendar/Calendar.tokens.d.ts +60 -26
  441. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  442. package/types/components/Calendar/Calendar.types.d.ts +1 -1
  443. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  444. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +27 -3
  445. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  446. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  447. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +30 -3
  448. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  449. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  450. package/types/components/Calendar/mixins/active.d.ts +17 -0
  451. package/types/components/Calendar/mixins/active.d.ts.map +1 -0
  452. package/types/components/Calendar/mixins/flex.d.ts +3 -0
  453. package/types/components/Calendar/mixins/flex.d.ts.map +1 -0
  454. package/types/components/Calendar/mixins/index.d.ts +3 -8
  455. package/types/components/Calendar/mixins/index.d.ts.map +1 -1
  456. package/types/components/Calendar/mixins/selected.d.ts +40 -0
  457. package/types/components/Calendar/mixins/selected.d.ts.map +1 -0
  458. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
  459. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  460. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  461. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +47 -7
  462. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  463. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +1 -0
  464. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
  465. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  466. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  467. package/types/components/Calendar/utils/index.d.ts +1 -1
  468. package/types/components/Calendar/utils/index.d.ts.map +1 -1
  469. package/types/components/Combobox/Combobox.d.ts.map +1 -1
  470. package/types/components/DatePicker/DatePicker.tokens.d.ts +182 -0
  471. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -0
  472. package/types/components/DatePicker/DatePickerBase.styles.d.ts +8 -0
  473. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -0
  474. package/types/components/DatePicker/DatePickerBase.types.d.ts +37 -0
  475. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -0
  476. package/types/components/DatePicker/RangeDate/DatePicker.d.ts +628 -0
  477. package/types/components/DatePicker/RangeDate/DatePicker.d.ts.map +1 -0
  478. package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts +115 -0
  479. package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts.map +1 -0
  480. package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts +76 -0
  481. package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts.map +1 -0
  482. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +4 -0
  483. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -0
  484. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +5 -0
  485. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -0
  486. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +29 -0
  487. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -0
  488. package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts.map +1 -0
  489. package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -0
  490. package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -0
  491. package/types/components/{Accordion/Accordion.styles.d.ts → DatePicker/RangeDate/variations/_view/base.d.ts} +1 -1
  492. package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -0
  493. package/types/components/DatePicker/SingleDate/DatePicker.d.ts +31 -0
  494. package/types/components/DatePicker/SingleDate/DatePicker.d.ts.map +1 -0
  495. package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts +45 -0
  496. package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts.map +1 -0
  497. package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts +120 -0
  498. package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts.map +1 -0
  499. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts +2 -0
  500. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts.map +1 -0
  501. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts +2 -0
  502. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts.map +1 -0
  503. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts +2 -0
  504. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -0
  505. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts +2 -0
  506. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts.map +1 -0
  507. package/types/components/DatePicker/hooks/useDatePicker.d.ts +10 -0
  508. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -0
  509. package/types/components/DatePicker/index.d.ts +6 -0
  510. package/types/components/DatePicker/index.d.ts.map +1 -0
  511. package/types/components/DatePicker/utils/dateHelper.d.ts +10 -0
  512. package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -0
  513. package/types/components/Dropdown/utils/index.d.ts +1 -3
  514. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  515. package/types/components/Range/Range.d.ts +3 -3
  516. package/types/components/Range/Range.d.ts.map +1 -1
  517. package/types/components/Range/Range.styles.d.ts.map +1 -1
  518. package/types/components/Range/Range.types.d.ts +5 -1
  519. package/types/components/Range/Range.types.d.ts.map +1 -1
  520. package/types/components/Range/index.d.ts +1 -1
  521. package/types/components/Range/index.d.ts.map +1 -1
  522. package/types/components/Select/Select.d.ts.map +1 -1
  523. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  524. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts +4 -0
  525. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts.map +1 -0
  526. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  527. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts +4 -0
  528. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts.map +1 -0
  529. package/types/components/_Icon/index.d.ts +1 -2
  530. package/types/components/_Icon/index.d.ts.map +1 -1
  531. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +15 -4
  532. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
  533. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +3 -0
  534. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  535. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +3 -0
  536. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  537. package/types/examples/plasma_b2c/components/{Accordion/Accordion.config.d.ts → DatePicker/DatePicker.config.d.ts} +7 -2
  538. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  539. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +334 -0
  540. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -0
  541. package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -3
  542. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
  543. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +15 -4
  544. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
  545. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +3 -0
  546. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  547. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +3 -0
  548. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  549. package/types/examples/plasma_web/components/{Accordion/Accordion.config.d.ts → DatePicker/DatePicker.config.d.ts} +6 -5
  550. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  551. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +334 -0
  552. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -0
  553. package/types/examples/plasma_web/components/Range/Range.d.ts +3 -3
  554. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
  555. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +15 -4
  556. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
  557. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +3 -0
  558. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  559. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +3 -0
  560. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  561. package/types/index.d.ts +1 -1
  562. package/types/index.d.ts.map +1 -1
  563. package/types/utils/datejs.d.ts +3 -0
  564. package/types/utils/datejs.d.ts.map +1 -0
  565. package/types/utils/getPopoverPlacement.d.ts +5 -0
  566. package/types/utils/getPopoverPlacement.d.ts.map +1 -0
  567. package/types/utils/index.d.ts +1 -0
  568. package/types/utils/index.d.ts.map +1 -1
  569. package/cjs/components/Accordion/Accordion.css +0 -1
  570. package/cjs/components/Accordion/Accordion.js +0 -81
  571. package/cjs/components/Accordion/Accordion.js.map +0 -1
  572. package/cjs/components/Accordion/Accordion.styles.js +0 -9
  573. package/cjs/components/Accordion/Accordion.styles.js.map +0 -1
  574. package/cjs/components/Accordion/Accordion.styles_rsiff6.css +0 -1
  575. package/cjs/components/Accordion/Accordion.tokens.js +0 -45
  576. package/cjs/components/Accordion/Accordion.tokens.js.map +0 -1
  577. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -106
  578. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
  579. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -63
  580. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
  581. package/cjs/components/Accordion/utils/index.js +0 -30
  582. package/cjs/components/Accordion/utils/index.js.map +0 -1
  583. package/cjs/components/Accordion/variations/_size/base.js.map +0 -1
  584. package/cjs/components/Accordion/variations/_size/base_x642ct.css +0 -1
  585. package/cjs/components/Accordion/variations/_view/base.js.map +0 -1
  586. package/cjs/components/Accordion/variations/_view/base_x642ct.css +0 -1
  587. package/cjs/components/Calendar/mixins/index.js +0 -18
  588. package/cjs/components/Calendar/mixins/index.js.map +0 -1
  589. package/cjs/components/Calendar/mixins/index_o3bz9l.css +0 -1
  590. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  591. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  592. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  593. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  594. package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
  595. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  596. package/cjs/components/TextField/variations/_size/base_ntoddv.css +0 -1
  597. package/cjs/components/TextField/variations/_view/base_19gxyva.css +0 -1
  598. package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -24
  599. package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
  600. package/cjs/components/_Icon/Icon.assets/Minus.js +0 -22
  601. package/cjs/components/_Icon/Icon.assets/Minus.js.map +0 -1
  602. package/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -23
  603. package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
  604. package/cjs/components/_Icon/Icons/IconMinus.js.map +0 -1
  605. package/es/components/Accordion/Accordion.css +0 -1
  606. package/es/components/Accordion/Accordion.js +0 -76
  607. package/es/components/Accordion/Accordion.js.map +0 -1
  608. package/es/components/Accordion/Accordion.styles.js +0 -5
  609. package/es/components/Accordion/Accordion.styles.js.map +0 -1
  610. package/es/components/Accordion/Accordion.styles_rsiff6.css +0 -1
  611. package/es/components/Accordion/Accordion.tokens.js +0 -40
  612. package/es/components/Accordion/Accordion.tokens.js.map +0 -1
  613. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -102
  614. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
  615. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
  616. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
  617. package/es/components/Accordion/utils/index.js +0 -25
  618. package/es/components/Accordion/utils/index.js.map +0 -1
  619. package/es/components/Accordion/variations/_size/base.js.map +0 -1
  620. package/es/components/Accordion/variations/_size/base_x642ct.css +0 -1
  621. package/es/components/Accordion/variations/_view/base.js.map +0 -1
  622. package/es/components/Accordion/variations/_view/base_x642ct.css +0 -1
  623. package/es/components/Calendar/mixins/index.js +0 -14
  624. package/es/components/Calendar/mixins/index.js.map +0 -1
  625. package/es/components/Calendar/mixins/index_o3bz9l.css +0 -1
  626. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  627. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  628. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  629. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  630. package/es/components/Range/Range.styles_mc4w65.css +0 -8
  631. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  632. package/es/components/TextField/variations/_size/base_ntoddv.css +0 -1
  633. package/es/components/TextField/variations/_view/base_19gxyva.css +0 -1
  634. package/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -20
  635. package/es/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
  636. package/es/components/_Icon/Icon.assets/Minus.js +0 -18
  637. package/es/components/_Icon/Icon.assets/Minus.js.map +0 -1
  638. package/es/components/_Icon/Icons/IconChevronDownFill.js +0 -19
  639. package/es/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
  640. package/es/components/_Icon/Icons/IconMinus.js.map +0 -1
  641. package/styled-components/cjs/components/Accordion/Accordion.js +0 -90
  642. package/styled-components/cjs/components/Accordion/Accordion.styles.js +0 -9
  643. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -43
  644. package/styled-components/cjs/components/Accordion/index.js +0 -38
  645. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -112
  646. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
  647. package/styled-components/cjs/components/Accordion/utils/index.js +0 -27
  648. package/styled-components/cjs/components/Accordion/variations/_size/base.js +0 -8
  649. package/styled-components/cjs/components/Accordion/variations/_size/tokens.json +0 -6
  650. package/styled-components/cjs/components/Accordion/variations/_stretching/tokens.json +0 -1
  651. package/styled-components/cjs/components/Accordion/variations/_view/tokens.json +0 -8
  652. package/styled-components/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -23
  653. package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -22
  654. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -26
  655. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.js +0 -17
  656. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -66
  657. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +0 -30
  658. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.js +0 -17
  659. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -65
  660. package/styled-components/es/components/Accordion/Accordion.js +0 -81
  661. package/styled-components/es/components/Accordion/Accordion.styles.js +0 -3
  662. package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -37
  663. package/styled-components/es/components/Accordion/index.js +0 -3
  664. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -103
  665. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -42
  666. package/styled-components/es/components/Accordion/utils/index.js +0 -21
  667. package/styled-components/es/components/Accordion/variations/_size/base.js +0 -2
  668. package/styled-components/es/components/Accordion/variations/_size/tokens.json +0 -6
  669. package/styled-components/es/components/Accordion/variations/_stretching/base.js +0 -2
  670. package/styled-components/es/components/Accordion/variations/_stretching/tokens.json +0 -1
  671. package/styled-components/es/components/Accordion/variations/_view/base.js +0 -2
  672. package/styled-components/es/components/Accordion/variations/_view/tokens.json +0 -8
  673. package/styled-components/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -16
  674. package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +0 -15
  675. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -20
  676. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.js +0 -6
  677. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -66
  678. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +0 -24
  679. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.js +0 -6
  680. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -65
  681. package/types/components/Accordion/Accordion.d.ts +0 -43
  682. package/types/components/Accordion/Accordion.d.ts.map +0 -1
  683. package/types/components/Accordion/Accordion.styles.d.ts.map +0 -1
  684. package/types/components/Accordion/Accordion.tokens.d.ts +0 -38
  685. package/types/components/Accordion/Accordion.tokens.d.ts.map +0 -1
  686. package/types/components/Accordion/Accordion.types.d.ts +0 -36
  687. package/types/components/Accordion/Accordion.types.d.ts.map +0 -1
  688. package/types/components/Accordion/index.d.ts +0 -5
  689. package/types/components/Accordion/index.d.ts.map +0 -1
  690. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +0 -4
  691. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +0 -1
  692. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +0 -13
  693. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +0 -1
  694. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -51
  695. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +0 -1
  696. package/types/components/Accordion/utils/index.d.ts +0 -17
  697. package/types/components/Accordion/utils/index.d.ts.map +0 -1
  698. package/types/components/Accordion/variations/_size/base.d.ts.map +0 -1
  699. package/types/components/Accordion/variations/_stretching/base.d.ts.map +0 -1
  700. package/types/components/Accordion/variations/_view/base.d.ts.map +0 -1
  701. package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts +0 -4
  702. package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts.map +0 -1
  703. package/types/components/_Icon/Icon.assets/Minus.d.ts +0 -4
  704. package/types/components/_Icon/Icon.assets/Minus.d.ts.map +0 -1
  705. package/types/components/_Icon/Icons/IconChevronDownFill.d.ts +0 -4
  706. package/types/components/_Icon/Icons/IconChevronDownFill.d.ts.map +0 -1
  707. package/types/components/_Icon/Icons/IconMinus.d.ts +0 -4
  708. package/types/components/_Icon/Icons/IconMinus.d.ts.map +0 -1
  709. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +0 -1
  710. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +0 -26
  711. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +0 -1
  712. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +0 -1
  713. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +0 -30
  714. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts.map +0 -1
  715. /package/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
  716. /package/es/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
  717. /package/styled-components/cjs/components/{Accordion/Accordion.types.js → DatePicker/DatePickerBase.types.js} +0 -0
  718. /package/styled-components/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.types.js → DatePicker/RangeDate/DatePicker.types.js} +0 -0
  719. /package/styled-components/es/components/{Accordion/Accordion.types.js → DatePicker/DatePickerBase.types.js} +0 -0
  720. /package/styled-components/es/components/{Accordion/ui/AccordionItem/AccordionItem.types.js → DatePicker/RangeDate/DatePicker.types.js} +0 -0
  721. /package/types/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_disabled}/base.d.ts +0 -0
  722. /package/types/components/{Accordion/variations/_stretching → DatePicker/RangeDate/variations/_readonly}/base.d.ts +0 -0
  723. /package/types/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_size}/base.d.ts +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, StyledPopover, base } from './Dropdown.styles';\nimport { getPlacements, childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n items,\n children,\n placement = 'bottom',\n offset = [0, 0],\n closeOnOverlayClick = true,\n onToggle,\n size,\n view,\n itemRole = 'treeitem',\n className,\n listWidth,\n listHeight,\n listOverflow,\n closeOnSelect = true,\n onHover,\n onItemSelect,\n onItemClick,\n trigger = 'click',\n variant = 'normal',\n hasArrow = true,\n ...rest\n },\n ref,\n ) => {\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n\n if (onToggle) {\n onToggle(opened, event);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleGlobalToggle,\n closeOnSelect,\n onItemSelect,\n onItemClick,\n });\n\n const isCurrentListOpen = Boolean(path[0]);\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <Root\n className={cx(className, classes.dropdownRoot)}\n ref={ref}\n view={view}\n size={size}\n items={items}\n {...rest}\n >\n <StyledPopover\n isOpen={isCurrentListOpen}\n usePortal={false}\n onToggle={handleGlobalToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={childrenWithProps(children, {\n role: 'combobox',\n 'aria-controls': 'tree_level_1',\n 'aria-expanded': isCurrentListOpen,\n 'aria-activedescendant': getActiveDescendant(),\n onKeyDown,\n })}\n preventOverflow={false}\n >\n <Ul\n listHeight={listHeight}\n listOverflow={listOverflow}\n role=\"tree\"\n id=\"tree_level_1\"\n listWidth={listWidth}\n >\n {items.map((item, index) => (\n <DropdownInner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n focusedPath={focusedPath}\n trigger={trigger}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n itemRole={itemRole}\n listHeight={listHeight}\n listOverflow={listOverflow}\n handleGlobalToggle={handleGlobalToggle}\n closeOnSelect={closeOnSelect}\n onHover={onHover}\n onItemSelect={onItemSelect}\n onItemClick={onItemClick}\n listWidth={listWidth}\n variant={variant}\n hasArrow={hasArrow}\n />\n ))}\n </Ul>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","_extends","cx","classes","StyledPopover","isOpen","usePortal","getPlacements","isFocusTrapped","target","childrenWithProps","role","preventOverflow","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, StyledPopover, base } from './Dropdown.styles';\nimport { childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n items,\n children,\n placement = 'bottom',\n offset = [0, 0],\n closeOnOverlayClick = true,\n onToggle,\n size,\n view,\n itemRole = 'treeitem',\n className,\n listWidth,\n listHeight,\n listOverflow,\n closeOnSelect = true,\n onHover,\n onItemSelect,\n onItemClick,\n trigger = 'click',\n variant = 'normal',\n hasArrow = true,\n ...rest\n },\n ref,\n ) => {\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n\n if (onToggle) {\n onToggle(opened, event);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleGlobalToggle,\n closeOnSelect,\n onItemSelect,\n onItemClick,\n });\n\n const isCurrentListOpen = Boolean(path[0]);\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <Root\n className={cx(className, classes.dropdownRoot)}\n ref={ref}\n view={view}\n size={size}\n items={items}\n {...rest}\n >\n <StyledPopover\n isOpen={isCurrentListOpen}\n usePortal={false}\n onToggle={handleGlobalToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={childrenWithProps(children, {\n role: 'combobox',\n 'aria-controls': 'tree_level_1',\n 'aria-expanded': isCurrentListOpen,\n 'aria-activedescendant': getActiveDescendant(),\n onKeyDown,\n })}\n preventOverflow={false}\n >\n <Ul\n listHeight={listHeight}\n listOverflow={listOverflow}\n role=\"tree\"\n id=\"tree_level_1\"\n listWidth={listWidth}\n >\n {items.map((item, index) => (\n <DropdownInner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n focusedPath={focusedPath}\n trigger={trigger}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n itemRole={itemRole}\n listHeight={listHeight}\n listOverflow={listOverflow}\n handleGlobalToggle={handleGlobalToggle}\n closeOnSelect={closeOnSelect}\n onHover={onHover}\n onItemSelect={onItemSelect}\n onItemClick={onItemClick}\n listWidth={listWidth}\n variant={variant}\n hasArrow={hasArrow}\n />\n ))}\n </Ul>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","_extends","cx","classes","StyledPopover","isOpen","usePortal","getPlacements","isFocusTrapped","target","childrenWithProps","role","preventOverflow","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -5,21 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
6
  var React = require('react');
7
7
 
8
- var getPlacement = function getPlacement(placement) {
9
- return "".concat(placement, "-start");
10
- };
11
- var getPlacements = function getPlacements(placements) {
12
- if (!placements) {
13
- return;
14
- }
15
- var isArray = Array.isArray(placements);
16
- if (!isArray) {
17
- return getPlacement(placements);
18
- }
19
- return (placements || []).map(function (placement) {
20
- return getPlacement(placement);
21
- });
22
- };
23
8
  var getCorrectHeight = function getCorrectHeight(listHeight) {
24
9
  if (Number.isNaN(Number(listHeight))) {
25
10
  return listHeight.toString();
@@ -50,7 +35,5 @@ var getValidComponent = function getValidComponent(element, props) {
50
35
 
51
36
  exports.childrenWithProps = childrenWithProps;
52
37
  exports.getCorrectHeight = getCorrectHeight;
53
- exports.getPlacement = getPlacement;
54
- exports.getPlacements = getPlacements;
55
38
  exports.getValidComponent = getValidComponent;
56
39
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { Children, HTMLAttributes, ElementType, cloneElement, isValidElement } from 'react';\n\nimport type { PopoverPlacementBasic } from '../../Popover';\nimport type { DropdownPlacement, DropdownPlacementBasic, DropdownProps } from '../Dropdown.types';\n\nexport const getPlacement = (placement: DropdownPlacement) => {\n return `${placement}-start` as PopoverPlacementBasic;\n};\n\nexport const getPlacements = (placements?: DropdownPlacement | DropdownPlacementBasic[]) => {\n if (!placements) {\n return;\n }\n const isArray = Array.isArray(placements);\n\n if (!isArray) {\n return getPlacement(placements as DropdownPlacement);\n }\n return ((placements || []) as DropdownPlacementBasic[]).map((placement) => getPlacement(placement));\n};\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n if (Number.isNaN(Number(listHeight))) {\n return listHeight.toString();\n }\n return `${listHeight}rem`;\n};\n\nexport const childrenWithProps = (children: ReactNode, additionalProps: HTMLAttributes<HTMLLIElement>) =>\n Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, additionalProps);\n }\n return child;\n });\n\nconst isReactObject = (element: any): element is ElementType => {\n return typeof element === 'object' || typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType | ReactNode, props: object) => {\n if (isValidElement(element)) {\n return cloneElement(element, props);\n }\n\n if (isReactObject(element)) {\n const Component = element;\n\n return <Component {...props} />;\n }\n\n return element;\n};\n"],"names":["getPlacement","placement","concat","getPlacements","placements","isArray","Array","map","getCorrectHeight","listHeight","Number","isNaN","toString","childrenWithProps","children","additionalProps","Children","child","React","isValidElement","cloneElement","isReactObject","element","_typeof","getValidComponent","props","Component","createElement"],"mappings":";;;;;;;IAMaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,SAA4B,EAAK;EAC1D,OAAAC,EAAAA,CAAAA,MAAA,CAAUD,SAAS,EAAA,QAAA,CAAA,CAAA;AACvB,EAAC;IAEYE,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,UAAyD,EAAK;EACxF,IAAI,CAACA,UAAU,EAAE;AACb,IAAA,OAAA;AACJ,GAAA;AACA,EAAA,IAAMC,OAAO,GAAGC,KAAK,CAACD,OAAO,CAACD,UAAU,CAAC,CAAA;EAEzC,IAAI,CAACC,OAAO,EAAE;IACV,OAAOL,YAAY,CAACI,UAA+B,CAAC,CAAA;AACxD,GAAA;EACA,OAAO,CAAEA,UAAU,IAAI,EAAE,EAA+BG,GAAG,CAAC,UAACN,SAAS,EAAA;IAAA,OAAKD,YAAY,CAACC,SAAS,CAAC,CAAA;GAAC,CAAA,CAAA;AACvG,EAAC;IAEYO,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAV,EAAAA,CAAAA,MAAA,CAAUO,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB,EAAC;AAEM,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAmB,EAAEC,eAA8C,EAAA;EAAA,OACjGC,cAAQ,CAACT,GAAG,CAACO,QAAQ,EAAE,UAACG,KAAK,EAAK;AAC9B,IAAA,kBAAIC,KAAK,CAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AAC7B,MAAA,oBAAOC,KAAK,CAACE,YAAY,CAACH,KAAK,EAAEF,eAAe,CAAC,CAAA;AACrD,KAAA;AACA,IAAA,OAAOE,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AAAA,EAAA;AAEN,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,gCAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIN,oBAAc,CAACG,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOF,kBAAY,CAACE,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMI,SAAS,GAAGJ,OAAO,CAAA;AAEzB,IAAA,oBAAOJ,KAAA,CAAAS,aAAA,CAACD,SAAS,EAAKD,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { Children, HTMLAttributes, ElementType, cloneElement, isValidElement } from 'react';\n\nimport type { DropdownProps } from '../Dropdown.types';\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n if (Number.isNaN(Number(listHeight))) {\n return listHeight.toString();\n }\n return `${listHeight}rem`;\n};\n\nexport const childrenWithProps = (children: ReactNode, additionalProps: HTMLAttributes<HTMLLIElement>) =>\n Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, additionalProps);\n }\n return child;\n });\n\nconst isReactObject = (element: any): element is ElementType => {\n return typeof element === 'object' || typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType | ReactNode, props: object) => {\n if (isValidElement(element)) {\n return cloneElement(element, props);\n }\n\n if (isReactObject(element)) {\n const Component = element;\n\n return <Component {...props} />;\n }\n\n return element;\n};\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat","childrenWithProps","children","additionalProps","Children","map","child","React","isValidElement","cloneElement","isReactObject","element","_typeof","getValidComponent","props","Component","createElement"],"mappings":";;;;;;;IAKaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB,EAAC;AAEM,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAmB,EAAEC,eAA8C,EAAA;EAAA,OACjGC,cAAQ,CAACC,GAAG,CAACH,QAAQ,EAAE,UAACI,KAAK,EAAK;AAC9B,IAAA,kBAAIC,KAAK,CAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AAC7B,MAAA,oBAAOC,KAAK,CAACE,YAAY,CAACH,KAAK,EAAEH,eAAe,CAAC,CAAA;AACrD,KAAA;AACA,IAAA,OAAOG,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AAAA,EAAA;AAEN,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,gCAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIN,oBAAc,CAACG,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOF,kBAAY,CAACE,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMI,SAAS,GAAGJ,OAAO,CAAA;AAEzB,IAAA,oBAAOJ,KAAA,CAAAS,aAAA,CAACD,SAAS,EAAKD,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;;;"}
@@ -10,13 +10,13 @@
10
10
 
11
11
  .outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
12
12
 
13
- .base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_io4bpie__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasChips__fa40a32e{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentLeft__fa40a32e{padding-left:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentRight__fa40a32e{padding-right:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_l13qvwoy__fa40a32e{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_llv9av6__fa40a32e{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e,.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e{margin:var(--plasma-textfield__before-text-margin);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{margin:var(--plasma-textfield__after-text-margin);}
13
+ .base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
14
14
 
15
- .base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f{color:var(--plasma-textfield-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_llv9av6__71a2b28f{color:var(--plasma-textfield__left-helper-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_s600610__71a2b28f{color:var(--plasma-textfield__before-text-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_suk2zst__71a2b28f{color:var(--plasma-textfield__after-text-color);}
15
+ .base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb{color:var(--plasma-textfield-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_llv9av6__e641acbb{color:var(--plasma-textfield__left-helper-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_s600610__e641acbb{color:var(--plasma-textfield__before-text-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_suk2zst__e641acbb{color:var(--plasma-textfield__after-text-color);}
16
16
 
17
17
  .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
18
18
 
19
- .base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
19
+ .base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
20
20
 
21
21
  .TextField_styles_aqmut_iq39zt5__4a8fddcd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
22
22
  .TextField_styles_aqmut_i1j28rg8__4a8fddcd{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
@@ -53,11 +53,11 @@
53
53
 
54
54
  .TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
55
55
 
56
- .Range_styles_mc4w65_s1k2erwt__1561ffb8{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasmas-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_mc4w65_s1k2erwt__1561ffb8.Range_styles_mc4w65_rangeValueError__1561ffb8{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_mc4w65_s1k2erwt__1561ffb8.Range_styles_mc4w65_rangeValueSuccess__1561ffb8{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
56
+ .Range_styles_9rort8_s1k2erwt__3ed127ec{--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_9rort8_s1k2erwt__3ed127ec.Range_styles_9rort8_rangeValueError__3ed127ec{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_9rort8_s1k2erwt__3ed127ec.Range_styles_9rort8_rangeValueSuccess__3ed127ec{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
57
+ .Range_styles_9rort8_b16kyj37__3ed127ec .Range_styles_9rort8_popoverWrapper__3ed127ec{display:block;-webkit-flex:1;-ms-flex:1;flex:1;}.Range_styles_9rort8_b16kyj37__3ed127ec .Range_styles_9rort8_popoverTarget__3ed127ec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
57
58
 
58
59
 
59
-
60
- .Range_styles_mc4w65_czi0aji__1561ffb8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
60
+ .Range_styles_9rort8_czi0aji__3ed127ec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
61
61
 
62
62
 
63
63
 
@@ -56,6 +56,9 @@ var rangeRoot = function rangeRoot(Root) {
56
56
  onBlurFirstTextfield = _ref.onBlurFirstTextfield,
57
57
  onBlurSecondTextfield = _ref.onBlurSecondTextfield,
58
58
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
59
+ var rangeRef = React.useRef(null);
60
+ var firstTextFieldRef = React.useRef(null);
61
+ var secondTextFieldRef = React.useRef(null);
59
62
  var rangeErrorClass = firstValueError && secondValueError ? Range_tokens.classes.rangeError : undefined;
60
63
  var firstValueErrorClass = !rangeErrorClass && firstValueError ? Range_tokens.classes.rangeValueError : undefined;
61
64
  var secondValueErrorClass = !rangeErrorClass && secondValueError ? Range_tokens.classes.rangeValueError : undefined;
@@ -66,6 +69,16 @@ var rangeRoot = function rangeRoot(Root) {
66
69
  var handleChangeSecondValue = index$1.getChangeHandler(onChangeSecondValue, disabled, readOnly);
67
70
  var handleSearchFirstValue = index$1.getSearchHandler(onSearchFirstValue, disabled, readOnly);
68
71
  var handleSearchSecondValue = index$1.getSearchHandler(onSearchSecondValue, disabled, readOnly);
72
+ React.useImperativeHandle(ref, function () {
73
+ return {
74
+ firstTextField: function firstTextField() {
75
+ return firstTextFieldRef;
76
+ },
77
+ secondTextField: function secondTextField() {
78
+ return secondTextFieldRef;
79
+ }
80
+ };
81
+ }, [firstTextFieldRef, secondTextFieldRef]);
69
82
  var Divider = React.useMemo(function () {
70
83
  if (dividerVariant === 'none') {
71
84
  return null;
@@ -76,14 +89,15 @@ var rangeRoot = function rangeRoot(Root) {
76
89
  return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/React.createElement(Range_styles.StyledDivider, null, dividerIcon));
77
90
  }, [dividerVariant, dividerIcon]);
78
91
  return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
92
+ ref: rangeRef,
79
93
  view: view,
80
94
  size: size,
81
95
  disabled: disabled,
82
- readOnly: !disabled && readOnly,
83
- ref: ref
96
+ readOnly: !disabled && readOnly
84
97
  }, rest), label && /*#__PURE__*/React.createElement(Range_styles.StyledLabel, null, label), /*#__PURE__*/React.createElement(Range_styles.ContentWrapper, {
85
98
  className: index.cx(rangeErrorClass, rangeSuccessClass)
86
99
  }, contentLeft && /*#__PURE__*/React.createElement(Range_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(Range_styles.StyledInput, {
100
+ ref: firstTextFieldRef,
87
101
  className: index.cx(firstValueErrorClass, firstValueSuccessClass),
88
102
  value: firstValue,
89
103
  readOnly: readOnly,
@@ -98,6 +112,7 @@ var rangeRoot = function rangeRoot(Root) {
98
112
  onFocus: onFocusFirstTextfield,
99
113
  onBlur: onBlurFirstTextfield
100
114
  }), Divider, /*#__PURE__*/React.createElement(Range_styles.StyledInput, {
115
+ ref: secondTextFieldRef,
101
116
  className: index.cx(secondValueErrorClass, secondValueSuccessClass),
102
117
  value: secondValue,
103
118
  readOnly: readOnly,
@@ -1 +1 @@
1
- {"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledInput,\n StyledLabel,\n base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n forwardRef<HTMLInputElement, RangeProps>(\n (\n {\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n firstValue,\n secondValue,\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n onChangeFirstValue,\n onChangeSecondValue,\n onSearchFirstValue,\n onSearchSecondValue,\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n const firstValueSuccessClass =\n !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n const secondValueSuccessClass =\n !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n const Divider = useMemo(() => {\n if (dividerVariant === 'none') {\n return null;\n }\n\n if (dividerVariant === 'dash') {\n return <StyledDivider>–</StyledDivider>;\n }\n\n return <StyledDivider>{dividerIcon}</StyledDivider>;\n }, [dividerVariant, dividerIcon]);\n\n return (\n <Root view={view} size={size} disabled={disabled} readOnly={!disabled && readOnly} ref={ref} {...rest}>\n {label && <StyledLabel>{label}</StyledLabel>}\n <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledInput\n className={cx(firstValueErrorClass, firstValueSuccessClass)}\n value={firstValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={firstPlaceholder}\n contentLeft={firstTextfieldContentLeft}\n contentRight={firstTextfieldContentRight}\n textBefore={firstTextfieldTextBefore}\n textAfter={firstTextfieldTextAfter}\n onChange={handleChangeFirstValue}\n onSearch={handleSearchFirstValue}\n onFocus={onFocusFirstTextfield}\n onBlur={onBlurFirstTextfield}\n />\n {Divider}\n <StyledInput\n className={cx(secondValueErrorClass, secondValueSuccessClass)}\n value={secondValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={secondPlaceholder}\n contentLeft={secondTextfieldContentLeft}\n contentRight={secondTextfieldContentRight}\n textBefore={secondTextfieldTextBefore}\n textAfter={secondTextfieldTextAfter}\n onChange={handleChangeSecondValue}\n onSearch={handleSearchSecondValue}\n onFocus={onFocusSecondTextfield}\n onBlur={onBlurSecondTextfield}\n />\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </ContentWrapper>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const rangeConfig = {\n name: 'Range',\n tag: 'div',\n layout: rangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeErrorClass","classes","rangeError","undefined","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledLabel","ContentWrapper","className","cx","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledInput,\n StyledLabel,\n base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n forwardRef<RangeInputRefs, RangeProps>(\n (\n {\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n firstValue,\n secondValue,\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n onChangeFirstValue,\n onChangeSecondValue,\n onSearchFirstValue,\n onSearchSecondValue,\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeRef = useRef<HTMLDivElement>(null);\n const firstTextFieldRef = useRef<HTMLInputElement>(null);\n const secondTextFieldRef = useRef<HTMLInputElement>(null);\n const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n const firstValueSuccessClass =\n !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n const secondValueSuccessClass =\n !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n useImperativeHandle(\n ref,\n () => ({\n firstTextField: () => {\n return firstTextFieldRef;\n },\n secondTextField: () => {\n return secondTextFieldRef;\n },\n }),\n [firstTextFieldRef, secondTextFieldRef],\n );\n\n const Divider = useMemo(() => {\n if (dividerVariant === 'none') {\n return null;\n }\n\n if (dividerVariant === 'dash') {\n return <StyledDivider>–</StyledDivider>;\n }\n\n return <StyledDivider>{dividerIcon}</StyledDivider>;\n }, [dividerVariant, dividerIcon]);\n\n return (\n <Root\n ref={rangeRef}\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n {...rest}\n >\n {label && <StyledLabel>{label}</StyledLabel>}\n <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledInput\n ref={firstTextFieldRef}\n className={cx(firstValueErrorClass, firstValueSuccessClass)}\n value={firstValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={firstPlaceholder}\n contentLeft={firstTextfieldContentLeft}\n contentRight={firstTextfieldContentRight}\n textBefore={firstTextfieldTextBefore}\n textAfter={firstTextfieldTextAfter}\n onChange={handleChangeFirstValue}\n onSearch={handleSearchFirstValue}\n onFocus={onFocusFirstTextfield}\n onBlur={onBlurFirstTextfield}\n />\n {Divider}\n <StyledInput\n ref={secondTextFieldRef}\n className={cx(secondValueErrorClass, secondValueSuccessClass)}\n value={secondValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={secondPlaceholder}\n contentLeft={secondTextfieldContentLeft}\n contentRight={secondTextfieldContentRight}\n textBefore={secondTextfieldTextBefore}\n textAfter={secondTextfieldTextAfter}\n onChange={handleChangeSecondValue}\n onSearch={handleSearchSecondValue}\n onFocus={onFocusSecondTextfield}\n onBlur={onBlurSecondTextfield}\n />\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </ContentWrapper>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const rangeConfig = {\n name: 'Range',\n tag: 'div',\n layout: rangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","rangeErrorClass","classes","rangeError","undefined","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledLabel","ContentWrapper","className","cx","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './Range.styles_mc4w65.css';
1
+ import './Range.styles_9rort8.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css``;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div``;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+DhC,EAAA;AAEM,IAAMC,IAAI,GAAQ,WAAA;AAElB,IAAMC,WAAW,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,UAAU,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMI,cAAc,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEtC,IAAMO,kBAAkB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;;"}
1
+ {"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n .${String(popoverClasses.wrapper)} {\n display: block;\n flex: 1;\n }\n\n .${String(popoverClasses.target)} {\n display: flex;\n flex-direction: column;\n }\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div``;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;;AASA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAXkBA,SAWlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6DhC,EAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;AAEM,IAAMC,WAAW,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,UAAU,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMI,cAAc,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEtC,IAAMO,kBAAkB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;;"}
@@ -0,0 +1,8 @@
1
+ .s1k2erwt{--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.s1k2erwt.range-value-error{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.s1k2erwt.range-value-success{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
2
+ .b16kyj37 .popover-wrapper{display:block;-webkit-flex:1;-ms-flex:1;flex:1;}.b16kyj37 .popover-target{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
3
+
4
+
5
+ .czi0aji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
6
+
7
+
8
+
@@ -6,7 +6,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
6
6
  var React = require('react');
7
7
  var plasmaCore = require('@salutejs/plasma-core');
8
8
  var index$1 = require('../../utils/index.js');
9
- var index$2 = require('../Dropdown/utils/index.js');
10
9
  var useForceUpdate = require('../../hooks/useForceUpdate.js');
11
10
  var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
12
11
  var base = require('./variations/_target/base.js');
@@ -23,6 +22,7 @@ var SelectTarget = require('./ui/SelectTarget/SelectTarget.js');
23
22
  var index = require('./utils/index.js');
24
23
  var Select_styles = require('./Select.styles.js');
25
24
  var useKeyNavigation = require('./hooks/useKeyNavigation.js');
25
+ var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
26
26
 
27
27
  var _excluded = ["name", "form", "readOnly", "disabled", "label", "id", "children", "role", "target", "view", "size", "frame", "usePortal", "enumerationType", "opened", "placement", "onToggle"];
28
28
 
@@ -204,7 +204,7 @@ var selectRoot = function selectRoot(Root) {
204
204
  id: innerId,
205
205
  offset: offset,
206
206
  frame: frame,
207
- placement: index$2.getPlacements(placement),
207
+ placement: getPopoverPlacement.getPlacements(placement),
208
208
  trigger: "click",
209
209
  usePortal: usePortal,
210
210
  selectWidth: dynamicTargetWidth,
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as targetCSS } from './variations/_target/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SelectTarget } from './ui';\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { classes } from './Select.tokens';\nimport { StyledNativeSelect, StyledPopover, StyledRoot, StyledSelect } from './Select.styles';\nimport type { SelectPrimitiveValue, SelectProps } from './Select.types';\nimport { useKeyNavigation } from './hooks';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const selectRoot = (Root: RootProps<HTMLSelectElement, SelectProps>) =>\n forwardRef<HTMLSelectElement, SelectProps>(\n (\n {\n name,\n form,\n readOnly,\n disabled,\n label,\n id,\n children,\n role,\n target,\n view,\n size,\n frame,\n usePortal,\n enumerationType = 'comma',\n opened = false,\n placement = 'bottom',\n onToggle,\n ...rest\n },\n outerRootRef,\n ) => {\n const forceUpdate = useForceUpdate();\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const { valueType = 'single', value } = rest;\n const offset = [0, 4] as [number, number];\n\n const [ref, setRef] = useState<HTMLSelectElement | null>(null);\n const rootRef = useRef<HTMLSelectElement | null>(null);\n const handleRef = useForkRef<HTMLSelectElement>(rootRef, outerRootRef);\n\n const targetRef = useRef<HTMLButtonElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n const selectRef = useRef<HTMLDivElement>(null);\n const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n const controlledRefs = { targetRef, chipsRefs, selectRef, itemsRefs };\n\n const [innerOpened, setOpened] = useState(opened);\n\n // INFO: нужно высчитывать для корректной работы портала\n const dynamicTargetWidth = targetRef.current?.offsetWidth;\n const withNativeSelectVisible = valueType === 'native' ? classes.nativeSelectVisible : undefined;\n\n // INFO: Из-за того, что классы передаются через ref,\n // состояние пропсов после изменения view, size, target\n // всегда предыдущее, поэтому нужно делать форс-ререндер\n useDidMountEffect(() => {\n forceUpdate();\n }, [view, size, target]);\n\n useEffect(() => {\n if (disabled || readOnly) {\n return;\n }\n\n setOpened(opened);\n }, [opened, disabled, readOnly]);\n\n const onInnerToggle = useCallback(\n (openValue: boolean, event: React.SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (onToggle) {\n onToggle(openValue, event);\n return;\n }\n\n setOpened(openValue);\n },\n [disabled, readOnly, onToggle],\n );\n\n const updateValue = useCallback(\n (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n const {\n dataset: { value: newValue },\n } = item;\n\n if (rest.valueType === 'multiple') {\n const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n rest.onChangeValue?.(newSelected);\n\n return;\n }\n\n const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n rest.onChangeValue?.(newSelected);\n\n onInnerToggle?.(false, event);\n },\n [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle],\n );\n\n const onClickChildrenItem = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n // INFO: Для корректной работы компонента Popper\n event.stopPropagation();\n\n const item = event.currentTarget as HTMLElement;\n\n updateValue(item, event);\n },\n [updateValue],\n );\n\n const onNativeSelectChange = useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) => {\n if (rest.valueType === 'multiple') {\n return;\n }\n\n const { value: newValue } = event.target;\n const newSelected = getNewSelected(rest.value, newValue, 'native');\n\n rest.onChangeValue?.(newSelected);\n },\n [rest.value, rest.valueType, rest.onChangeValue],\n );\n\n const onChangeChipValue = useCallback(\n (newValue?: Array<SelectPrimitiveValue>) => {\n if (rest.valueType !== 'multiple') {\n return;\n }\n\n rest.onChangeValue?.(newValue);\n },\n [rest.valueType],\n );\n\n const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n controlledRefs,\n opened: innerOpened,\n enumerationType,\n valueType,\n value,\n updateOpened: onInnerToggle,\n updateValue,\n });\n\n const childrenArray = useMemo(() => Children.toArray(children), [children]) as React.ReactElement[];\n\n const childrenMemo = useMemo(\n () => getChildren(childrenArray, { onClick: onClickChildrenItem, childrenRefs: itemsRefs }, value),\n [childrenArray, value, innerOpened],\n );\n\n const values = useMemo(() => getValues(childrenArray, value), [childrenArray, value]);\n\n return (\n <StyledRoot ref={selectRef}>\n <StyledNativeSelect\n aria-invalid=\"false\"\n aria-hidden=\"true\"\n aria-readonly={readOnly}\n tabIndex={valueType === 'native' ? 0 : -1}\n form={form}\n name={name}\n ref={handleRef}\n value={`${value}`}\n disabled={disabled || readOnly}\n onChange={onNativeSelectChange}\n className={cx(ref?.classList.toString(), withNativeSelectVisible)}\n >\n {valueType === 'native' && childrenMemo}\n </StyledNativeSelect>\n <StyledPopover\n role={role}\n isOpen={innerOpened}\n onToggle={onInnerToggle}\n target={\n <SelectTarget\n tabIndex={valueType === 'native' ? -1 : 0}\n opened={innerOpened}\n target={target}\n values={values}\n label={label}\n enumerationType={enumerationType}\n readOnly={readOnly}\n disabled={disabled}\n size={size}\n ref={targetRef}\n chipsRefs={chipsRefs}\n id={innerId}\n onChange={onChangeChipValue}\n onKeyDown={onKeyDownTarget}\n />\n }\n className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n id={innerId}\n offset={offset}\n frame={frame}\n placement={getPlacements(placement)}\n trigger=\"click\"\n usePortal={usePortal}\n selectWidth={dynamicTargetWidth}\n isFocusTrapped={false}\n preventOverflow={false}\n closeOnEsc={false}\n closeOnOverlayClick\n >\n <Root ref={setRef} target={target} view={view} size={size} {...rest}>\n {valueType !== 'native' && (\n <StyledSelect onKeyDown={onKeyDownSelect}>{childrenMemo}</StyledSelect>\n )}\n </Root>\n </StyledPopover>\n </StyledRoot>\n );\n },\n );\n\nexport const selectConfig = {\n name: 'Select',\n tag: 'div',\n layout: selectRoot,\n base: '',\n variations: {\n target: {\n css: targetCSS,\n },\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["selectRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","id","children","role","target","view","size","frame","usePortal","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","rootRef","useRef","handleRef","useForkRef","targetRef","chipsRefs","selectRef","itemsRefs","controlledRefs","_useState3","_useState4","innerOpened","setOpened","dynamicTargetWidth","current","offsetWidth","withNativeSelectVisible","classes","nativeSelectVisible","undefined","useDidMountEffect","useEffect","onInnerToggle","useCallback","openValue","event","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onNativeSelectChange","_rest$onChangeValue3","onChangeChipValue","_rest$onChangeValue4","_useKeyNavigation","useKeyNavigation","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","useMemo","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","values","getValues","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","onChange","className","cx","classList","toString","StyledPopover","isOpen","SelectTarget","onKeyDown","getPlacements","trigger","selectWidth","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","_extends","StyledSelect","selectConfig","tag","layout","base","variations","css","targetCSS","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACtEC,gBAAU,CACN,UAAAC,IAAA,EAqBIC,YAAY,EACX;AAAA,IAAA,IAAAC,kBAAA,CAAA;AAAA,IAAA,IApBGC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;MACRC,KAAK,GAAAP,IAAA,CAALO,KAAK;MACLC,EAAE,GAAAR,IAAA,CAAFQ,EAAE;MACFC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;MACRC,IAAI,GAAAV,IAAA,CAAJU,IAAI;MACJC,MAAM,GAAAX,IAAA,CAANW,MAAM;MACNC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MACJC,IAAI,GAAAb,IAAA,CAAJa,IAAI;MACJC,KAAK,GAAAd,IAAA,CAALc,KAAK;MACLC,SAAS,GAAAf,IAAA,CAATe,SAAS;MAAAC,oBAAA,GAAAhB,IAAA,CACTiB,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,oBAAA;MAAAE,WAAA,GAAAlB,IAAA,CACzBmB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAAAE,cAAA,GAAApB,IAAA,CACdqB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MACpBE,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;AACLC,MAAAA,IAAI,GAAAC,iDAAA,CAAAxB,IAAA,EAAAyB,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,WAAW,GAAGC,6BAAc,EAAE,CAAA;AACpC,IAAA,IAAMC,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAGtB,EAAE,IAAIoB,MAAM,CAAA;AAC5B,IAAA,IAAAG,eAAA,GAAwCR,IAAI,CAApCS,SAAS;AAATA,MAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MAAEE,KAAK,GAAKV,IAAI,CAAdU,KAAK,CAAA;AACnC,IAAA,IAAMC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAqB,CAAA;AAEzC,IAAA,IAAAC,SAAA,GAAsBC,cAAQ,CAA2B,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClB,IAAA,IAAMI,OAAO,GAAGC,YAAM,CAA2B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,SAAS,GAAGC,qBAAU,CAAoBH,OAAO,EAAExC,YAAY,CAAC,CAAA;AAEtE,IAAA,IAAM4C,SAAS,GAAGH,YAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,IAAA,IAAMI,SAAS,GAAGJ,YAAM,CAA2B,EAAE,CAAC,CAAA;AACtD,IAAA,IAAMK,SAAS,GAAGL,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC9C,IAAA,IAAMM,SAAS,GAAGN,YAAM,CAAwB,EAAE,CAAC,CAAA;AACnD,IAAA,IAAMO,cAAc,GAAG;AAAEJ,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,SAAS,EAATA,SAAAA;KAAW,CAAA;AAErE,IAAA,IAAAE,UAAA,GAAiCd,cAAQ,CAACjB,MAAM,CAAC;MAAAgC,UAAA,GAAAb,uCAAA,CAAAY,UAAA,EAAA,CAAA,CAAA;AAA1CE,MAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;;AAE7B;AACA,IAAA,IAAMG,kBAAkB,GAAA,CAAApD,kBAAA,GAAG2C,SAAS,CAACU,OAAO,MAAA,IAAA,IAAArD,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBsD,WAAW,CAAA;IACzD,IAAMC,uBAAuB,GAAGzB,SAAS,KAAK,QAAQ,GAAG0B,qBAAO,CAACC,mBAAmB,GAAGC,SAAS,CAAA;;AAEhG;AACA;AACA;AACAC,IAAAA,mCAAiB,CAAC,YAAM;AACpBnC,MAAAA,WAAW,EAAE,CAAA;KAChB,EAAE,CAACd,IAAI,EAAEC,IAAI,EAAEF,MAAM,CAAC,CAAC,CAAA;AAExBmD,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAIxD,QAAQ,IAAID,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;MAEAgD,SAAS,CAAClC,MAAM,CAAC,CAAA;KACpB,EAAE,CAACA,MAAM,EAAEb,QAAQ,EAAED,QAAQ,CAAC,CAAC,CAAA;IAEhC,IAAM0D,aAAa,GAAGC,iBAAW,CAC7B,UAACC,SAAkB,EAAEC,KAAmC,EAAK;MACzD,IAAI5D,QAAQ,IAAID,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIiB,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAC2C,SAAS,EAAEC,KAAK,CAAC,CAAA;AAC1B,QAAA,OAAA;AACJ,OAAA;MAEAb,SAAS,CAACY,SAAS,CAAC,CAAA;KACvB,EACD,CAAC3D,QAAQ,EAAED,QAAQ,EAAEiB,QAAQ,CACjC,CAAC,CAAA;IAED,IAAM6C,WAAW,GAAGH,iBAAW,CAC3B,UAACI,IAAiB,EAAEF,KAAmC,EAAK;AAAA,MAAA,IAAAG,oBAAA,CAAA;AACxD,MAAA,IACsBC,QAAQ,GAC1BF,IAAI,CADJG,OAAO,CAAItC,KAAK,CAAA;AAGpB,MAAA,IAAIV,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAAA,QAAA,IAAAwC,mBAAA,CAAA;AAC/B,QAAA,IAAMC,YAAW,GAAGC,oBAAc,CAACnD,IAAI,CAACU,KAAK,EAAEqC,QAAQ,EAAE/C,IAAI,CAACS,SAAS,CAAC,CAAA;AACxE,QAAA,CAAAwC,mBAAA,GAAAjD,IAAI,CAACoD,aAAa,MAAAH,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAAI,IAAA,CAAArD,IAAI,EAAiBkD,YAAW,CAAC,CAAA;AAEjC,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMA,WAAW,GAAGC,oBAAc,CAACnD,IAAI,CAACU,KAAK,EAAEqC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAA,CAAAD,oBAAA,GAAA9C,IAAI,CAACoD,aAAa,MAAAN,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAO,IAAA,CAAArD,IAAI,EAAiBkD,WAAW,CAAC,CAAA;MAEjCV,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAG,KAAK,EAAEG,KAAK,CAAC,CAAA;AACjC,KAAC,EACD,CAAC3C,IAAI,CAACU,KAAK,EAAEV,IAAI,CAACS,SAAS,EAAET,IAAI,CAACoD,aAAa,EAAErD,QAAQ,EAAEyC,aAAa,CAC5E,CAAC,CAAA;AAED,IAAA,IAAMc,mBAAmB,GAAGb,iBAAW,CACnC,UAACE,KAAuC,EAAK;AACzC;MACAA,KAAK,CAACY,eAAe,EAAE,CAAA;AAEvB,MAAA,IAAMV,IAAI,GAAGF,KAAK,CAACa,aAA4B,CAAA;AAE/CZ,MAAAA,WAAW,CAACC,IAAI,EAAEF,KAAK,CAAC,CAAA;AAC5B,KAAC,EACD,CAACC,WAAW,CAChB,CAAC,CAAA;AAED,IAAA,IAAMa,oBAAoB,GAAGhB,iBAAW,CACpC,UAACE,KAA2C,EAAK;AAAA,MAAA,IAAAe,oBAAA,CAAA;AAC7C,MAAA,IAAI1D,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAC/B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAesC,QAAQ,GAAKJ,KAAK,CAACvD,MAAM,CAAhCsB,KAAK,CAAA;MACb,IAAMwC,WAAW,GAAGC,oBAAc,CAACnD,IAAI,CAACU,KAAK,EAAEqC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAA,CAAAW,oBAAA,GAAA1D,IAAI,CAACoD,aAAa,MAAAM,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAL,IAAA,CAAArD,IAAI,EAAiBkD,WAAW,CAAC,CAAA;AACrC,KAAC,EACD,CAAClD,IAAI,CAACU,KAAK,EAAEV,IAAI,CAACS,SAAS,EAAET,IAAI,CAACoD,aAAa,CACnD,CAAC,CAAA;AAED,IAAA,IAAMO,iBAAiB,GAAGlB,iBAAW,CACjC,UAACM,QAAsC,EAAK;AAAA,MAAA,IAAAa,oBAAA,CAAA;AACxC,MAAA,IAAI5D,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAC/B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,CAAAmD,oBAAA,GAAA5D,IAAI,CAACoD,aAAa,MAAAQ,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAP,IAAA,CAAArD,IAAI,EAAiB+C,QAAQ,CAAC,CAAA;AAClC,KAAC,EACD,CAAC/C,IAAI,CAACS,SAAS,CACnB,CAAC,CAAA;IAED,IAAAoD,iBAAA,GAA6CC,iCAAgB,CAAC;AAC1DpC,QAAAA,cAAc,EAAdA,cAAc;AACd9B,QAAAA,MAAM,EAAEiC,WAAW;AACnBnC,QAAAA,eAAe,EAAfA,eAAe;AACfe,QAAAA,SAAS,EAATA,SAAS;AACTC,QAAAA,KAAK,EAALA,KAAK;AACLqD,QAAAA,YAAY,EAAEvB,aAAa;AAC3BI,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC;MARMoB,eAAe,GAAAH,iBAAA,CAAfG,eAAe;MAAEC,eAAe,GAAAJ,iBAAA,CAAfI,eAAe,CAAA;IAUxC,IAAMC,aAAa,GAAGC,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,cAAQ,CAACC,OAAO,CAACnF,QAAQ,CAAC,CAAA;KAAE,EAAA,CAACA,QAAQ,CAAC,CAAyB,CAAA;IAEnG,IAAMoF,YAAY,GAAGH,aAAO,CACxB,YAAA;MAAA,OAAMI,iBAAW,CAACL,aAAa,EAAE;AAAEM,QAAAA,OAAO,EAAElB,mBAAmB;AAAEmB,QAAAA,YAAY,EAAEhD,SAAAA;OAAW,EAAEf,KAAK,CAAC,CAAA;AAAA,KAAA,EAClG,CAACwD,aAAa,EAAExD,KAAK,EAAEmB,WAAW,CACtC,CAAC,CAAA;IAED,IAAM6C,MAAM,GAAGP,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMQ,eAAS,CAACT,aAAa,EAAExD,KAAK,CAAC,CAAA;AAAA,KAAA,EAAE,CAACwD,aAAa,EAAExD,KAAK,CAAC,CAAC,CAAA;AAErF,IAAA,oBACIkE,KAAA,CAAAC,aAAA,CAACC,wBAAU,EAAA;AAAC9D,MAAAA,GAAG,EAAEQ,SAAAA;AAAU,KAAA,eACvBoD,KAAA,CAAAC,aAAA,CAACE,gCAAkB,EAAA;AACf,MAAA,cAAA,EAAa,OAAO;AACpB,MAAA,aAAA,EAAY,MAAM;AAClB,MAAA,eAAA,EAAejG,QAAS;MACxBkG,QAAQ,EAAEvE,SAAS,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;AAC1C5B,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXoC,MAAAA,GAAG,EAAEI,SAAU;AACfV,MAAAA,KAAK,EAAAuE,EAAAA,CAAAA,MAAA,CAAKvE,KAAK,CAAG;MAClB3B,QAAQ,EAAEA,QAAQ,IAAID,QAAS;AAC/BoG,MAAAA,QAAQ,EAAEzB,oBAAqB;AAC/B0B,MAAAA,SAAS,EAAEC,UAAE,CAACpE,GAAG,aAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEqE,SAAS,CAACC,QAAQ,EAAE,EAAEpD,uBAAuB,CAAA;KAE/DzB,EAAAA,SAAS,KAAK,QAAQ,IAAI6D,YACX,CAAC,eACrBM,KAAA,CAAAC,aAAA,CAACU,2BAAa,EAAA;AACVpG,MAAAA,IAAI,EAAEA,IAAK;AACXqG,MAAAA,MAAM,EAAE3D,WAAY;AACpB9B,MAAAA,QAAQ,EAAEyC,aAAc;AACxBpD,MAAAA,MAAM,eACFwF,KAAA,CAAAC,aAAA,CAACY,yBAAY,EAAA;QACTT,QAAQ,EAAEvE,SAAS,KAAK,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC1Cb,QAAAA,MAAM,EAAEiC,WAAY;AACpBzC,QAAAA,MAAM,EAAEA,MAAO;AACfsF,QAAAA,MAAM,EAAEA,MAAO;AACf1F,QAAAA,KAAK,EAAEA,KAAM;AACbU,QAAAA,eAAe,EAAEA,eAAgB;AACjCZ,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,QAAQ,EAAEA,QAAS;AACnBO,QAAAA,IAAI,EAAEA,IAAK;AACX0B,QAAAA,GAAG,EAAEM,SAAU;AACfC,QAAAA,SAAS,EAAEA,SAAU;AACrBtC,QAAAA,EAAE,EAAEsB,OAAQ;AACZ2E,QAAAA,QAAQ,EAAEvB,iBAAkB;AAC5B+B,QAAAA,SAAS,EAAE1B,eAAAA;AAAgB,OAC9B,CACJ;AACDmB,MAAAA,SAAS,EAAEC,UAAE,CAACpE,GAAG,aAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEqE,SAAS,CAACC,QAAQ,EAAE,CAAE;AAAC;AAC1CrG,MAAAA,EAAE,EAAEsB,OAAQ;AACZI,MAAAA,MAAM,EAAEA,MAAO;AACfpB,MAAAA,KAAK,EAAEA,KAAM;AACbO,MAAAA,SAAS,EAAE6F,qBAAa,CAAC7F,SAAS,CAAE;AACpC8F,MAAAA,OAAO,EAAC,OAAO;AACfpG,MAAAA,SAAS,EAAEA,SAAU;AACrBqG,MAAAA,WAAW,EAAE9D,kBAAmB;AAChC+D,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,UAAU,EAAE,KAAM;MAClBC,mBAAmB,EAAA,IAAA;AAAA,KAAA,eAEnBrB,KAAA,CAAAC,aAAA,CAACtG,IAAI,EAAA2H,iCAAA,CAAA;AAAClF,MAAAA,GAAG,EAAEC,MAAO;AAAC7B,MAAAA,MAAM,EAAEA,MAAO;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;KAAUU,EAAAA,IAAI,CAC9DS,EAAAA,SAAS,KAAK,QAAQ,iBACnBmE,KAAA,CAAAC,aAAA,CAACsB,0BAAY,EAAA;AAACT,MAAAA,SAAS,EAAEzB,eAAAA;AAAgB,KAAA,EAAEK,YAA2B,CAExE,CACK,CACP,CAAC,CAAA;AAErB,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM8B,YAAY,GAAG;AACxBxH,EAAAA,IAAI,EAAE,QAAQ;AACdyH,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhI,UAAU;AAClBiI,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRpH,IAAAA,MAAM,EAAE;AACJqH,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDrH,IAAAA,IAAI,EAAE;AACFoH,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDrH,IAAAA,IAAI,EAAE;AACFmH,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxH,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
1
+ {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as targetCSS } from './variations/_target/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SelectTarget } from './ui';\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { classes } from './Select.tokens';\nimport { StyledNativeSelect, StyledPopover, StyledRoot, StyledSelect } from './Select.styles';\nimport type { SelectPrimitiveValue, SelectProps } from './Select.types';\nimport { useKeyNavigation } from './hooks';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const selectRoot = (Root: RootProps<HTMLSelectElement, SelectProps>) =>\n forwardRef<HTMLSelectElement, SelectProps>(\n (\n {\n name,\n form,\n readOnly,\n disabled,\n label,\n id,\n children,\n role,\n target,\n view,\n size,\n frame,\n usePortal,\n enumerationType = 'comma',\n opened = false,\n placement = 'bottom',\n onToggle,\n ...rest\n },\n outerRootRef,\n ) => {\n const forceUpdate = useForceUpdate();\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const { valueType = 'single', value } = rest;\n const offset = [0, 4] as [number, number];\n\n const [ref, setRef] = useState<HTMLSelectElement | null>(null);\n const rootRef = useRef<HTMLSelectElement | null>(null);\n const handleRef = useForkRef<HTMLSelectElement>(rootRef, outerRootRef);\n\n const targetRef = useRef<HTMLButtonElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n const selectRef = useRef<HTMLDivElement>(null);\n const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n const controlledRefs = { targetRef, chipsRefs, selectRef, itemsRefs };\n\n const [innerOpened, setOpened] = useState(opened);\n\n // INFO: нужно высчитывать для корректной работы портала\n const dynamicTargetWidth = targetRef.current?.offsetWidth;\n const withNativeSelectVisible = valueType === 'native' ? classes.nativeSelectVisible : undefined;\n\n // INFO: Из-за того, что классы передаются через ref,\n // состояние пропсов после изменения view, size, target\n // всегда предыдущее, поэтому нужно делать форс-ререндер\n useDidMountEffect(() => {\n forceUpdate();\n }, [view, size, target]);\n\n useEffect(() => {\n if (disabled || readOnly) {\n return;\n }\n\n setOpened(opened);\n }, [opened, disabled, readOnly]);\n\n const onInnerToggle = useCallback(\n (openValue: boolean, event: React.SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (onToggle) {\n onToggle(openValue, event);\n return;\n }\n\n setOpened(openValue);\n },\n [disabled, readOnly, onToggle],\n );\n\n const updateValue = useCallback(\n (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n const {\n dataset: { value: newValue },\n } = item;\n\n if (rest.valueType === 'multiple') {\n const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n rest.onChangeValue?.(newSelected);\n\n return;\n }\n\n const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n rest.onChangeValue?.(newSelected);\n\n onInnerToggle?.(false, event);\n },\n [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle],\n );\n\n const onClickChildrenItem = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n // INFO: Для корректной работы компонента Popper\n event.stopPropagation();\n\n const item = event.currentTarget as HTMLElement;\n\n updateValue(item, event);\n },\n [updateValue],\n );\n\n const onNativeSelectChange = useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) => {\n if (rest.valueType === 'multiple') {\n return;\n }\n\n const { value: newValue } = event.target;\n const newSelected = getNewSelected(rest.value, newValue, 'native');\n\n rest.onChangeValue?.(newSelected);\n },\n [rest.value, rest.valueType, rest.onChangeValue],\n );\n\n const onChangeChipValue = useCallback(\n (newValue?: Array<SelectPrimitiveValue>) => {\n if (rest.valueType !== 'multiple') {\n return;\n }\n\n rest.onChangeValue?.(newValue);\n },\n [rest.valueType],\n );\n\n const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n controlledRefs,\n opened: innerOpened,\n enumerationType,\n valueType,\n value,\n updateOpened: onInnerToggle,\n updateValue,\n });\n\n const childrenArray = useMemo(() => Children.toArray(children), [children]) as React.ReactElement[];\n\n const childrenMemo = useMemo(\n () => getChildren(childrenArray, { onClick: onClickChildrenItem, childrenRefs: itemsRefs }, value),\n [childrenArray, value, innerOpened],\n );\n\n const values = useMemo(() => getValues(childrenArray, value), [childrenArray, value]);\n\n return (\n <StyledRoot ref={selectRef}>\n <StyledNativeSelect\n aria-invalid=\"false\"\n aria-hidden=\"true\"\n aria-readonly={readOnly}\n tabIndex={valueType === 'native' ? 0 : -1}\n form={form}\n name={name}\n ref={handleRef}\n value={`${value}`}\n disabled={disabled || readOnly}\n onChange={onNativeSelectChange}\n className={cx(ref?.classList.toString(), withNativeSelectVisible)}\n >\n {valueType === 'native' && childrenMemo}\n </StyledNativeSelect>\n <StyledPopover\n role={role}\n isOpen={innerOpened}\n onToggle={onInnerToggle}\n target={\n <SelectTarget\n tabIndex={valueType === 'native' ? -1 : 0}\n opened={innerOpened}\n target={target}\n values={values}\n label={label}\n enumerationType={enumerationType}\n readOnly={readOnly}\n disabled={disabled}\n size={size}\n ref={targetRef}\n chipsRefs={chipsRefs}\n id={innerId}\n onChange={onChangeChipValue}\n onKeyDown={onKeyDownTarget}\n />\n }\n className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n id={innerId}\n offset={offset}\n frame={frame}\n placement={getPlacements(placement)}\n trigger=\"click\"\n usePortal={usePortal}\n selectWidth={dynamicTargetWidth}\n isFocusTrapped={false}\n preventOverflow={false}\n closeOnEsc={false}\n closeOnOverlayClick\n >\n <Root ref={setRef} target={target} view={view} size={size} {...rest}>\n {valueType !== 'native' && (\n <StyledSelect onKeyDown={onKeyDownSelect}>{childrenMemo}</StyledSelect>\n )}\n </Root>\n </StyledPopover>\n </StyledRoot>\n );\n },\n );\n\nexport const selectConfig = {\n name: 'Select',\n tag: 'div',\n layout: selectRoot,\n base: '',\n variations: {\n target: {\n css: targetCSS,\n },\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["selectRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","id","children","role","target","view","size","frame","usePortal","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","rootRef","useRef","handleRef","useForkRef","targetRef","chipsRefs","selectRef","itemsRefs","controlledRefs","_useState3","_useState4","innerOpened","setOpened","dynamicTargetWidth","current","offsetWidth","withNativeSelectVisible","classes","nativeSelectVisible","undefined","useDidMountEffect","useEffect","onInnerToggle","useCallback","openValue","event","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onNativeSelectChange","_rest$onChangeValue3","onChangeChipValue","_rest$onChangeValue4","_useKeyNavigation","useKeyNavigation","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","useMemo","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","values","getValues","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","onChange","className","cx","classList","toString","StyledPopover","isOpen","SelectTarget","onKeyDown","getPlacements","trigger","selectWidth","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","_extends","StyledSelect","selectConfig","tag","layout","base","variations","css","targetCSS","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACtEC,gBAAU,CACN,UAAAC,IAAA,EAqBIC,YAAY,EACX;AAAA,IAAA,IAAAC,kBAAA,CAAA;AAAA,IAAA,IApBGC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;MACRC,KAAK,GAAAP,IAAA,CAALO,KAAK;MACLC,EAAE,GAAAR,IAAA,CAAFQ,EAAE;MACFC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;MACRC,IAAI,GAAAV,IAAA,CAAJU,IAAI;MACJC,MAAM,GAAAX,IAAA,CAANW,MAAM;MACNC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MACJC,IAAI,GAAAb,IAAA,CAAJa,IAAI;MACJC,KAAK,GAAAd,IAAA,CAALc,KAAK;MACLC,SAAS,GAAAf,IAAA,CAATe,SAAS;MAAAC,oBAAA,GAAAhB,IAAA,CACTiB,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,oBAAA;MAAAE,WAAA,GAAAlB,IAAA,CACzBmB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAAAE,cAAA,GAAApB,IAAA,CACdqB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MACpBE,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;AACLC,MAAAA,IAAI,GAAAC,iDAAA,CAAAxB,IAAA,EAAAyB,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,WAAW,GAAGC,6BAAc,EAAE,CAAA;AACpC,IAAA,IAAMC,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAGtB,EAAE,IAAIoB,MAAM,CAAA;AAC5B,IAAA,IAAAG,eAAA,GAAwCR,IAAI,CAApCS,SAAS;AAATA,MAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MAAEE,KAAK,GAAKV,IAAI,CAAdU,KAAK,CAAA;AACnC,IAAA,IAAMC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAqB,CAAA;AAEzC,IAAA,IAAAC,SAAA,GAAsBC,cAAQ,CAA2B,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClB,IAAA,IAAMI,OAAO,GAAGC,YAAM,CAA2B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,SAAS,GAAGC,qBAAU,CAAoBH,OAAO,EAAExC,YAAY,CAAC,CAAA;AAEtE,IAAA,IAAM4C,SAAS,GAAGH,YAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,IAAA,IAAMI,SAAS,GAAGJ,YAAM,CAA2B,EAAE,CAAC,CAAA;AACtD,IAAA,IAAMK,SAAS,GAAGL,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC9C,IAAA,IAAMM,SAAS,GAAGN,YAAM,CAAwB,EAAE,CAAC,CAAA;AACnD,IAAA,IAAMO,cAAc,GAAG;AAAEJ,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,SAAS,EAATA,SAAAA;KAAW,CAAA;AAErE,IAAA,IAAAE,UAAA,GAAiCd,cAAQ,CAACjB,MAAM,CAAC;MAAAgC,UAAA,GAAAb,uCAAA,CAAAY,UAAA,EAAA,CAAA,CAAA;AAA1CE,MAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;;AAE7B;AACA,IAAA,IAAMG,kBAAkB,GAAA,CAAApD,kBAAA,GAAG2C,SAAS,CAACU,OAAO,MAAA,IAAA,IAAArD,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBsD,WAAW,CAAA;IACzD,IAAMC,uBAAuB,GAAGzB,SAAS,KAAK,QAAQ,GAAG0B,qBAAO,CAACC,mBAAmB,GAAGC,SAAS,CAAA;;AAEhG;AACA;AACA;AACAC,IAAAA,mCAAiB,CAAC,YAAM;AACpBnC,MAAAA,WAAW,EAAE,CAAA;KAChB,EAAE,CAACd,IAAI,EAAEC,IAAI,EAAEF,MAAM,CAAC,CAAC,CAAA;AAExBmD,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAIxD,QAAQ,IAAID,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;MAEAgD,SAAS,CAAClC,MAAM,CAAC,CAAA;KACpB,EAAE,CAACA,MAAM,EAAEb,QAAQ,EAAED,QAAQ,CAAC,CAAC,CAAA;IAEhC,IAAM0D,aAAa,GAAGC,iBAAW,CAC7B,UAACC,SAAkB,EAAEC,KAAmC,EAAK;MACzD,IAAI5D,QAAQ,IAAID,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIiB,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAC2C,SAAS,EAAEC,KAAK,CAAC,CAAA;AAC1B,QAAA,OAAA;AACJ,OAAA;MAEAb,SAAS,CAACY,SAAS,CAAC,CAAA;KACvB,EACD,CAAC3D,QAAQ,EAAED,QAAQ,EAAEiB,QAAQ,CACjC,CAAC,CAAA;IAED,IAAM6C,WAAW,GAAGH,iBAAW,CAC3B,UAACI,IAAiB,EAAEF,KAAmC,EAAK;AAAA,MAAA,IAAAG,oBAAA,CAAA;AACxD,MAAA,IACsBC,QAAQ,GAC1BF,IAAI,CADJG,OAAO,CAAItC,KAAK,CAAA;AAGpB,MAAA,IAAIV,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAAA,QAAA,IAAAwC,mBAAA,CAAA;AAC/B,QAAA,IAAMC,YAAW,GAAGC,oBAAc,CAACnD,IAAI,CAACU,KAAK,EAAEqC,QAAQ,EAAE/C,IAAI,CAACS,SAAS,CAAC,CAAA;AACxE,QAAA,CAAAwC,mBAAA,GAAAjD,IAAI,CAACoD,aAAa,MAAAH,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAAI,IAAA,CAAArD,IAAI,EAAiBkD,YAAW,CAAC,CAAA;AAEjC,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMA,WAAW,GAAGC,oBAAc,CAACnD,IAAI,CAACU,KAAK,EAAEqC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAA,CAAAD,oBAAA,GAAA9C,IAAI,CAACoD,aAAa,MAAAN,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAO,IAAA,CAAArD,IAAI,EAAiBkD,WAAW,CAAC,CAAA;MAEjCV,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAG,KAAK,EAAEG,KAAK,CAAC,CAAA;AACjC,KAAC,EACD,CAAC3C,IAAI,CAACU,KAAK,EAAEV,IAAI,CAACS,SAAS,EAAET,IAAI,CAACoD,aAAa,EAAErD,QAAQ,EAAEyC,aAAa,CAC5E,CAAC,CAAA;AAED,IAAA,IAAMc,mBAAmB,GAAGb,iBAAW,CACnC,UAACE,KAAuC,EAAK;AACzC;MACAA,KAAK,CAACY,eAAe,EAAE,CAAA;AAEvB,MAAA,IAAMV,IAAI,GAAGF,KAAK,CAACa,aAA4B,CAAA;AAE/CZ,MAAAA,WAAW,CAACC,IAAI,EAAEF,KAAK,CAAC,CAAA;AAC5B,KAAC,EACD,CAACC,WAAW,CAChB,CAAC,CAAA;AAED,IAAA,IAAMa,oBAAoB,GAAGhB,iBAAW,CACpC,UAACE,KAA2C,EAAK;AAAA,MAAA,IAAAe,oBAAA,CAAA;AAC7C,MAAA,IAAI1D,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAC/B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAesC,QAAQ,GAAKJ,KAAK,CAACvD,MAAM,CAAhCsB,KAAK,CAAA;MACb,IAAMwC,WAAW,GAAGC,oBAAc,CAACnD,IAAI,CAACU,KAAK,EAAEqC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAA,CAAAW,oBAAA,GAAA1D,IAAI,CAACoD,aAAa,MAAAM,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAL,IAAA,CAAArD,IAAI,EAAiBkD,WAAW,CAAC,CAAA;AACrC,KAAC,EACD,CAAClD,IAAI,CAACU,KAAK,EAAEV,IAAI,CAACS,SAAS,EAAET,IAAI,CAACoD,aAAa,CACnD,CAAC,CAAA;AAED,IAAA,IAAMO,iBAAiB,GAAGlB,iBAAW,CACjC,UAACM,QAAsC,EAAK;AAAA,MAAA,IAAAa,oBAAA,CAAA;AACxC,MAAA,IAAI5D,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAC/B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,CAAAmD,oBAAA,GAAA5D,IAAI,CAACoD,aAAa,MAAAQ,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAP,IAAA,CAAArD,IAAI,EAAiB+C,QAAQ,CAAC,CAAA;AAClC,KAAC,EACD,CAAC/C,IAAI,CAACS,SAAS,CACnB,CAAC,CAAA;IAED,IAAAoD,iBAAA,GAA6CC,iCAAgB,CAAC;AAC1DpC,QAAAA,cAAc,EAAdA,cAAc;AACd9B,QAAAA,MAAM,EAAEiC,WAAW;AACnBnC,QAAAA,eAAe,EAAfA,eAAe;AACfe,QAAAA,SAAS,EAATA,SAAS;AACTC,QAAAA,KAAK,EAALA,KAAK;AACLqD,QAAAA,YAAY,EAAEvB,aAAa;AAC3BI,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC;MARMoB,eAAe,GAAAH,iBAAA,CAAfG,eAAe;MAAEC,eAAe,GAAAJ,iBAAA,CAAfI,eAAe,CAAA;IAUxC,IAAMC,aAAa,GAAGC,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,cAAQ,CAACC,OAAO,CAACnF,QAAQ,CAAC,CAAA;KAAE,EAAA,CAACA,QAAQ,CAAC,CAAyB,CAAA;IAEnG,IAAMoF,YAAY,GAAGH,aAAO,CACxB,YAAA;MAAA,OAAMI,iBAAW,CAACL,aAAa,EAAE;AAAEM,QAAAA,OAAO,EAAElB,mBAAmB;AAAEmB,QAAAA,YAAY,EAAEhD,SAAAA;OAAW,EAAEf,KAAK,CAAC,CAAA;AAAA,KAAA,EAClG,CAACwD,aAAa,EAAExD,KAAK,EAAEmB,WAAW,CACtC,CAAC,CAAA;IAED,IAAM6C,MAAM,GAAGP,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMQ,eAAS,CAACT,aAAa,EAAExD,KAAK,CAAC,CAAA;AAAA,KAAA,EAAE,CAACwD,aAAa,EAAExD,KAAK,CAAC,CAAC,CAAA;AAErF,IAAA,oBACIkE,KAAA,CAAAC,aAAA,CAACC,wBAAU,EAAA;AAAC9D,MAAAA,GAAG,EAAEQ,SAAAA;AAAU,KAAA,eACvBoD,KAAA,CAAAC,aAAA,CAACE,gCAAkB,EAAA;AACf,MAAA,cAAA,EAAa,OAAO;AACpB,MAAA,aAAA,EAAY,MAAM;AAClB,MAAA,eAAA,EAAejG,QAAS;MACxBkG,QAAQ,EAAEvE,SAAS,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;AAC1C5B,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXoC,MAAAA,GAAG,EAAEI,SAAU;AACfV,MAAAA,KAAK,EAAAuE,EAAAA,CAAAA,MAAA,CAAKvE,KAAK,CAAG;MAClB3B,QAAQ,EAAEA,QAAQ,IAAID,QAAS;AAC/BoG,MAAAA,QAAQ,EAAEzB,oBAAqB;AAC/B0B,MAAAA,SAAS,EAAEC,UAAE,CAACpE,GAAG,aAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEqE,SAAS,CAACC,QAAQ,EAAE,EAAEpD,uBAAuB,CAAA;KAE/DzB,EAAAA,SAAS,KAAK,QAAQ,IAAI6D,YACX,CAAC,eACrBM,KAAA,CAAAC,aAAA,CAACU,2BAAa,EAAA;AACVpG,MAAAA,IAAI,EAAEA,IAAK;AACXqG,MAAAA,MAAM,EAAE3D,WAAY;AACpB9B,MAAAA,QAAQ,EAAEyC,aAAc;AACxBpD,MAAAA,MAAM,eACFwF,KAAA,CAAAC,aAAA,CAACY,yBAAY,EAAA;QACTT,QAAQ,EAAEvE,SAAS,KAAK,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC1Cb,QAAAA,MAAM,EAAEiC,WAAY;AACpBzC,QAAAA,MAAM,EAAEA,MAAO;AACfsF,QAAAA,MAAM,EAAEA,MAAO;AACf1F,QAAAA,KAAK,EAAEA,KAAM;AACbU,QAAAA,eAAe,EAAEA,eAAgB;AACjCZ,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,QAAQ,EAAEA,QAAS;AACnBO,QAAAA,IAAI,EAAEA,IAAK;AACX0B,QAAAA,GAAG,EAAEM,SAAU;AACfC,QAAAA,SAAS,EAAEA,SAAU;AACrBtC,QAAAA,EAAE,EAAEsB,OAAQ;AACZ2E,QAAAA,QAAQ,EAAEvB,iBAAkB;AAC5B+B,QAAAA,SAAS,EAAE1B,eAAAA;AAAgB,OAC9B,CACJ;AACDmB,MAAAA,SAAS,EAAEC,UAAE,CAACpE,GAAG,aAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEqE,SAAS,CAACC,QAAQ,EAAE,CAAE;AAAC;AAC1CrG,MAAAA,EAAE,EAAEsB,OAAQ;AACZI,MAAAA,MAAM,EAAEA,MAAO;AACfpB,MAAAA,KAAK,EAAEA,KAAM;AACbO,MAAAA,SAAS,EAAE6F,iCAAa,CAAC7F,SAAS,CAAE;AACpC8F,MAAAA,OAAO,EAAC,OAAO;AACfpG,MAAAA,SAAS,EAAEA,SAAU;AACrBqG,MAAAA,WAAW,EAAE9D,kBAAmB;AAChC+D,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,UAAU,EAAE,KAAM;MAClBC,mBAAmB,EAAA,IAAA;AAAA,KAAA,eAEnBrB,KAAA,CAAAC,aAAA,CAACtG,IAAI,EAAA2H,iCAAA,CAAA;AAAClF,MAAAA,GAAG,EAAEC,MAAO;AAAC7B,MAAAA,MAAM,EAAEA,MAAO;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;KAAUU,EAAAA,IAAI,CAC9DS,EAAAA,SAAS,KAAK,QAAQ,iBACnBmE,KAAA,CAAAC,aAAA,CAACsB,0BAAY,EAAA;AAACT,MAAAA,SAAS,EAAEzB,eAAAA;AAAgB,KAAA,EAAEK,YAA2B,CAExE,CACK,CACP,CAAC,CAAA;AAErB,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM8B,YAAY,GAAG;AACxBxH,EAAAA,IAAI,EAAE,QAAQ;AACdyH,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhI,UAAU;AAClBiI,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRpH,IAAAA,MAAM,EAAE;AACJqH,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDrH,IAAAA,IAAI,EAAE;AACFoH,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDrH,IAAAA,IAAI,EAAE;AACFmH,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxH,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
@@ -19,13 +19,13 @@
19
19
 
20
20
  .outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
21
21
 
22
- .base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_io4bpie__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasChips__fa40a32e{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentLeft__fa40a32e{padding-left:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentRight__fa40a32e{padding-right:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_l13qvwoy__fa40a32e{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_llv9av6__fa40a32e{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e,.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e{margin:var(--plasma-textfield__before-text-margin);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{margin:var(--plasma-textfield__after-text-margin);}
22
+ .base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
23
23
 
24
- .base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f{color:var(--plasma-textfield-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_llv9av6__71a2b28f{color:var(--plasma-textfield__left-helper-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_s600610__71a2b28f{color:var(--plasma-textfield__before-text-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_suk2zst__71a2b28f{color:var(--plasma-textfield__after-text-color);}
24
+ .base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb{color:var(--plasma-textfield-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_llv9av6__e641acbb{color:var(--plasma-textfield__left-helper-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_s600610__e641acbb{color:var(--plasma-textfield__before-text-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_suk2zst__e641acbb{color:var(--plasma-textfield__after-text-color);}
25
25
 
26
26
  .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
27
27
 
28
- .base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
28
+ .base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
29
29
 
30
30
  .TextField_styles_aqmut_iq39zt5__4a8fddcd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
31
31
  .TextField_styles_aqmut_i1j28rg8__4a8fddcd{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}