@salutejs/plasma-new-hope 0.190.0-canary.1550.11795356464.0 → 0.190.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (609) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +22 -21
  2. package/cjs/components/Cell/Cell.js +1 -3
  3. package/cjs/components/Cell/Cell.js.map +1 -1
  4. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
  5. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  6. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
  7. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  8. package/cjs/components/Chip/Chip.js +1 -3
  9. package/cjs/components/Chip/Chip.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.css +22 -21
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  14. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
  16. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  17. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
  19. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  20. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +22 -21
  21. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +22 -21
  22. package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -21
  23. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -21
  24. package/cjs/components/DatePicker/SingleDate/SingleDate.css +22 -21
  25. package/cjs/components/Dropdown/Dropdown.js +6 -4
  26. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  27. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  28. package/cjs/components/Pagination/Pagination.css +37 -86
  29. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +37 -86
  30. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  31. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +3 -0
  33. package/cjs/components/Range/Range.css +22 -21
  34. package/cjs/components/Select/Select.css +34 -83
  35. package/cjs/components/Select/Select.js +139 -179
  36. package/cjs/components/Select/Select.js.map +1 -1
  37. package/cjs/components/Select/Select.styles.js +50 -17
  38. package/cjs/components/Select/Select.styles.js.map +1 -1
  39. package/cjs/components/Select/Select.styles_768h42.css +5 -0
  40. package/cjs/components/Select/Select.tokens.js +78 -122
  41. package/cjs/components/Select/Select.tokens.js.map +1 -1
  42. package/cjs/components/Select/hooks/useKeyboardNavigation.js +72 -19
  43. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  44. package/cjs/components/Select/hooks/usePathMaps.js +1 -4
  45. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  46. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +39 -0
  47. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
  48. package/cjs/components/Select/ui/Inner/Inner.css +34 -83
  49. package/cjs/components/Select/ui/Inner/Inner.js +9 -9
  50. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  51. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +34 -83
  52. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -20
  53. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  54. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +51 -34
  55. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  56. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +9 -0
  57. package/cjs/components/Select/ui/Target/Target.css +17 -58
  58. package/cjs/components/Select/ui/Target/Target.js +16 -34
  59. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  60. package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
  61. package/cjs/components/Select/ui/Target/ui/Button/Button.js +14 -10
  62. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  64. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  65. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +5 -0
  66. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +38 -53
  67. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +97 -84
  68. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +103 -38
  70. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  71. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +12 -0
  72. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +21 -0
  73. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +36 -0
  74. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
  75. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +22 -0
  76. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
  77. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +1 -0
  78. package/cjs/components/Select/utils/getView.js +2 -2
  79. package/cjs/components/Select/utils/getView.js.map +1 -1
  80. package/cjs/components/Select/variations/_size/base.js +9 -0
  81. package/cjs/components/Select/variations/_size/base.js.map +1 -0
  82. package/cjs/components/Select/variations/_size/base_x642ct.css +1 -0
  83. package/cjs/components/Select/variations/_view/base.js +9 -0
  84. package/cjs/components/Select/variations/_view/base.js.map +1 -0
  85. package/cjs/components/Select/variations/_view/base_x642ct.css +1 -0
  86. package/cjs/components/Slider/Slider.css +22 -21
  87. package/cjs/components/Slider/components/Double/Double.css +22 -21
  88. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +22 -21
  89. package/cjs/components/TextField/TextField.js +0 -7
  90. package/cjs/components/TextField/TextField.js.map +1 -1
  91. package/cjs/components/TextField/TextField.styles.js +22 -14
  92. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  93. package/{es/components/TextField/TextField.styles_j7dqpn.css → cjs/components/TextField/TextField.styles_grgg7q.css} +7 -6
  94. package/cjs/components/TextField/ui/Hint/Hint.css +21 -20
  95. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
  96. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  97. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  98. package/cjs/components/TextField/variations/_clear/{base_1396md2.css → base_1i91sjp.css} +1 -1
  99. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  100. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  101. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  102. package/cjs/components/TextField/variations/_read-only/{base_1jvcf9a.css → base_17ypmu7.css} +1 -1
  103. package/cjs/components/TextField/variations/_size/base.js +1 -1
  104. package/cjs/components/TextField/variations/_size/{base_1tei47x.css → base_1xdmaqh.css} +1 -1
  105. package/cjs/components/TextField/variations/_view/base.js +1 -1
  106. package/cjs/components/TextField/variations/_view/{base_8ogww5.css → base_qhyte8.css} +1 -1
  107. package/cjs/index.css +61 -46
  108. package/cjs/index.js +0 -2
  109. package/cjs/index.js.map +1 -1
  110. package/cjs/utils/index.js.map +1 -1
  111. package/emotion/cjs/components/Cell/Cell.js +1 -3
  112. package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
  113. package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
  114. package/emotion/cjs/components/Chip/Chip.js +1 -3
  115. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
  116. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  117. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -19
  118. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
  119. package/emotion/cjs/components/Dropdown/Dropdown.js +6 -4
  120. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  121. package/emotion/cjs/components/Select/Select.js +136 -177
  122. package/emotion/cjs/components/Select/Select.styles.js +31 -13
  123. package/emotion/cjs/components/Select/Select.tokens.js +60 -125
  124. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +73 -19
  125. package/emotion/cjs/components/Select/hooks/usePathMaps.js +1 -4
  126. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
  127. package/emotion/cjs/components/Select/reducers/index.js +11 -0
  128. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  129. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -19
  130. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +50 -27
  131. package/emotion/cjs/components/Select/ui/Target/Target.js +18 -38
  132. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +16 -13
  133. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  134. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +99 -88
  135. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +74 -27
  136. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +37 -0
  137. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +22 -0
  138. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +16 -0
  139. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  140. package/emotion/cjs/components/Select/utils/index.js +1 -22
  141. package/emotion/cjs/components/Select/variations/_size/base.js +8 -0
  142. package/emotion/cjs/components/Select/variations/_size/tokens.json +9 -0
  143. package/emotion/cjs/components/Select/variations/_view/base.js +8 -0
  144. package/emotion/cjs/components/Select/variations/_view/tokens.json +1 -0
  145. package/emotion/cjs/components/TextField/TextField.js +1 -8
  146. package/emotion/cjs/components/TextField/TextField.styles.js +40 -36
  147. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
  148. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  149. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
  150. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -28
  151. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
  152. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
  153. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +20 -28
  154. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
  155. package/emotion/cjs/index.js +0 -11
  156. package/emotion/cjs/utils/index.js +1 -9
  157. package/emotion/es/components/Cell/Cell.js +1 -3
  158. package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
  159. package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
  160. package/emotion/es/components/Chip/Chip.js +1 -3
  161. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
  162. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  163. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
  164. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
  165. package/emotion/es/components/Dropdown/Dropdown.js +6 -4
  166. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  167. package/emotion/es/components/Select/Select.js +141 -182
  168. package/emotion/es/components/Select/Select.styles.js +30 -12
  169. package/emotion/es/components/Select/Select.tokens.js +60 -125
  170. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +72 -18
  171. package/emotion/es/components/Select/hooks/usePathMaps.js +1 -4
  172. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
  173. package/emotion/es/components/Select/reducers/index.js +2 -1
  174. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  175. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +15 -22
  176. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +49 -26
  177. package/emotion/es/components/Select/ui/Target/Target.js +17 -35
  178. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +16 -11
  179. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  180. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +99 -86
  181. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +74 -27
  182. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
  183. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +15 -0
  184. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +1 -0
  185. package/emotion/es/components/Select/utils/getView.js +2 -2
  186. package/emotion/es/components/Select/utils/index.js +1 -4
  187. package/emotion/es/components/Select/variations/_size/base.js +2 -0
  188. package/emotion/es/components/Select/variations/_size/tokens.json +9 -0
  189. package/emotion/es/components/Select/variations/_view/base.js +2 -0
  190. package/emotion/es/components/Select/variations/_view/tokens.json +1 -0
  191. package/emotion/es/components/TextField/TextField.js +1 -8
  192. package/emotion/es/components/TextField/TextField.styles.js +40 -36
  193. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
  194. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  195. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
  196. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +21 -29
  197. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
  198. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
  199. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +21 -29
  200. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
  201. package/emotion/es/index.js +0 -1
  202. package/emotion/es/utils/index.js +1 -2
  203. package/es/components/Autocomplete/Autocomplete.css +22 -21
  204. package/es/components/Cell/Cell.js +1 -3
  205. package/es/components/Cell/Cell.js.map +1 -1
  206. package/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
  207. package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  208. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
  209. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  210. package/es/components/Chip/Chip.js +1 -3
  211. package/es/components/Chip/Chip.js.map +1 -1
  212. package/es/components/Combobox/ComboboxNew/Combobox.css +22 -21
  213. package/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
  214. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  215. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  216. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  217. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
  218. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  219. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  220. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
  221. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  222. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +22 -21
  223. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +22 -21
  224. package/es/components/DatePicker/RangeDate/RangeDate.css +22 -21
  225. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -21
  226. package/es/components/DatePicker/SingleDate/SingleDate.css +22 -21
  227. package/es/components/Dropdown/Dropdown.js +6 -4
  228. package/es/components/Dropdown/Dropdown.js.map +1 -1
  229. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  230. package/es/components/Pagination/Pagination.css +37 -86
  231. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +37 -86
  232. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  233. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  234. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +3 -0
  235. package/es/components/Range/Range.css +22 -21
  236. package/es/components/Select/Select.css +34 -83
  237. package/es/components/Select/Select.js +142 -182
  238. package/es/components/Select/Select.js.map +1 -1
  239. package/es/components/Select/Select.styles.js +48 -18
  240. package/es/components/Select/Select.styles.js.map +1 -1
  241. package/es/components/Select/Select.styles_768h42.css +5 -0
  242. package/es/components/Select/Select.tokens.js +78 -123
  243. package/es/components/Select/Select.tokens.js.map +1 -1
  244. package/es/components/Select/hooks/useKeyboardNavigation.js +73 -19
  245. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  246. package/es/components/Select/hooks/usePathMaps.js +1 -4
  247. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  248. package/es/components/Select/reducers/focusedChipIndexReducer.js +35 -0
  249. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
  250. package/es/components/Select/ui/Inner/Inner.css +34 -83
  251. package/es/components/Select/ui/Inner/Inner.js +10 -10
  252. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  253. package/es/components/Select/ui/Inner/ui/Item/Item.css +34 -83
  254. package/es/components/Select/ui/Inner/ui/Item/Item.js +14 -22
  255. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  256. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +50 -33
  257. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  258. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +9 -0
  259. package/es/components/Select/ui/Target/Target.css +17 -58
  260. package/es/components/Select/ui/Target/Target.js +17 -35
  261. package/es/components/Select/ui/Target/Target.js.map +1 -1
  262. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  263. package/es/components/Select/ui/Target/ui/Button/Button.js +15 -11
  264. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  265. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  266. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  267. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +5 -0
  268. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +38 -53
  269. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +99 -86
  270. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  271. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +95 -39
  272. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  273. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +12 -0
  274. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +21 -0
  275. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +32 -0
  276. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
  277. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +18 -0
  278. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
  279. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +1 -0
  280. package/es/components/Select/utils/getView.js +2 -2
  281. package/es/components/Select/utils/getView.js.map +1 -1
  282. package/es/components/Select/variations/_size/base.js +5 -0
  283. package/es/components/Select/variations/_size/base.js.map +1 -0
  284. package/es/components/Select/variations/_size/base_x642ct.css +1 -0
  285. package/es/components/Select/variations/_view/base.js +5 -0
  286. package/es/components/Select/variations/_view/base.js.map +1 -0
  287. package/es/components/Select/variations/_view/base_x642ct.css +1 -0
  288. package/es/components/Slider/Slider.css +22 -21
  289. package/es/components/Slider/components/Double/Double.css +22 -21
  290. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +22 -21
  291. package/es/components/TextField/TextField.js +0 -7
  292. package/es/components/TextField/TextField.js.map +1 -1
  293. package/es/components/TextField/TextField.styles.js +22 -14
  294. package/es/components/TextField/TextField.styles.js.map +1 -1
  295. package/{cjs/components/TextField/TextField.styles_j7dqpn.css → es/components/TextField/TextField.styles_grgg7q.css} +7 -6
  296. package/es/components/TextField/ui/Hint/Hint.css +21 -20
  297. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
  298. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  299. package/es/components/TextField/variations/_clear/base.js +1 -1
  300. package/es/components/TextField/variations/_clear/{base_1396md2.css → base_1i91sjp.css} +1 -1
  301. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  302. package/es/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  303. package/es/components/TextField/variations/_read-only/base.js +1 -1
  304. package/es/components/TextField/variations/_read-only/{base_1jvcf9a.css → base_17ypmu7.css} +1 -1
  305. package/es/components/TextField/variations/_size/base.js +1 -1
  306. package/es/components/TextField/variations/_size/{base_1tei47x.css → base_1xdmaqh.css} +1 -1
  307. package/es/components/TextField/variations/_view/base.js +1 -1
  308. package/es/components/TextField/variations/_view/{base_8ogww5.css → base_qhyte8.css} +1 -1
  309. package/es/index.css +61 -46
  310. package/es/index.js +0 -1
  311. package/es/index.js.map +1 -1
  312. package/es/utils/index.js.map +1 -1
  313. package/package.json +2 -2
  314. package/styled-components/cjs/components/Cell/Cell.js +1 -3
  315. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
  316. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
  317. package/styled-components/cjs/components/Chip/Chip.js +1 -3
  318. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
  319. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  320. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -19
  321. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
  322. package/styled-components/cjs/components/Dropdown/Dropdown.js +6 -4
  323. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  324. package/styled-components/cjs/components/Select/Select.js +136 -177
  325. package/styled-components/cjs/components/Select/Select.styles.js +27 -12
  326. package/styled-components/cjs/components/Select/Select.tokens.js +60 -125
  327. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +73 -19
  328. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +1 -4
  329. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
  330. package/styled-components/cjs/components/Select/reducers/index.js +11 -0
  331. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  332. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -19
  333. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -20
  334. package/styled-components/cjs/components/Select/ui/Target/Target.js +18 -38
  335. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +16 -13
  336. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  337. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +99 -88
  338. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +61 -23
  339. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +37 -0
  340. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +21 -0
  341. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +16 -0
  342. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  343. package/styled-components/cjs/components/Select/utils/index.js +1 -22
  344. package/styled-components/cjs/components/Select/variations/_size/base.js +8 -0
  345. package/styled-components/cjs/components/Select/variations/_size/tokens.json +9 -0
  346. package/styled-components/cjs/components/Select/variations/_view/base.js +8 -0
  347. package/styled-components/cjs/components/Select/variations/_view/tokens.json +1 -0
  348. package/styled-components/cjs/components/TextField/TextField.js +0 -7
  349. package/styled-components/cjs/components/TextField/TextField.styles.js +15 -12
  350. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
  351. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  352. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
  353. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -28
  354. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
  355. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
  356. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +20 -28
  357. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
  358. package/styled-components/cjs/index.js +0 -11
  359. package/styled-components/cjs/utils/index.js +1 -9
  360. package/styled-components/es/components/Cell/Cell.js +1 -3
  361. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
  362. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
  363. package/styled-components/es/components/Chip/Chip.js +1 -3
  364. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
  365. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  366. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
  367. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
  368. package/styled-components/es/components/Dropdown/Dropdown.js +6 -4
  369. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  370. package/styled-components/es/components/Select/Select.js +141 -182
  371. package/styled-components/es/components/Select/Select.styles.js +26 -11
  372. package/styled-components/es/components/Select/Select.tokens.js +60 -125
  373. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +72 -18
  374. package/styled-components/es/components/Select/hooks/usePathMaps.js +1 -4
  375. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
  376. package/styled-components/es/components/Select/reducers/index.js +2 -1
  377. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  378. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +15 -22
  379. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +25 -19
  380. package/styled-components/es/components/Select/ui/Target/Target.js +17 -35
  381. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +16 -11
  382. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  383. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +99 -86
  384. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +61 -23
  385. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
  386. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +14 -0
  387. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +1 -0
  388. package/styled-components/es/components/Select/utils/getView.js +2 -2
  389. package/styled-components/es/components/Select/utils/index.js +1 -4
  390. package/styled-components/es/components/Select/variations/_size/base.js +2 -0
  391. package/styled-components/es/components/Select/variations/_size/tokens.json +9 -0
  392. package/styled-components/es/components/Select/variations/_view/base.js +2 -0
  393. package/styled-components/es/components/Select/variations/_view/tokens.json +1 -0
  394. package/styled-components/es/components/TextField/TextField.js +0 -7
  395. package/styled-components/es/components/TextField/TextField.styles.js +15 -12
  396. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
  397. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  398. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
  399. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +21 -29
  400. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
  401. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
  402. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +21 -29
  403. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
  404. package/styled-components/es/index.js +0 -1
  405. package/styled-components/es/utils/index.js +1 -2
  406. package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
  407. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
  408. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
  409. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  410. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
  411. package/types/components/Cell/Cell.d.ts.map +1 -1
  412. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
  413. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
  414. package/types/components/Chip/Chip.d.ts.map +1 -1
  415. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  416. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
  417. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  418. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  419. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  420. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  421. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +3 -1
  422. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  423. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
  424. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  425. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
  426. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  427. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  428. package/types/components/Dropdown/Dropdown.types.d.ts +4 -0
  429. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  430. package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
  431. package/types/components/Notification/Notification.styles.d.ts +2 -2
  432. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
  433. package/types/components/Pagination/Pagination.styles.d.ts +4 -4
  434. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
  435. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
  436. package/types/components/Range/Range.styles.d.ts +16 -16
  437. package/types/components/Range/Range.styles.d.ts.map +1 -1
  438. package/types/components/Select/Select.d.ts +11 -5
  439. package/types/components/Select/Select.d.ts.map +1 -1
  440. package/types/components/Select/Select.styles.d.ts +9 -0
  441. package/types/components/Select/Select.styles.d.ts.map +1 -1
  442. package/types/components/Select/Select.tokens.d.ts +58 -121
  443. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  444. package/types/components/Select/Select.types.d.ts +20 -41
  445. package/types/components/Select/Select.types.d.ts.map +1 -1
  446. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +11 -5
  447. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  448. package/types/components/Select/hooks/usePathMaps.d.ts +1 -2
  449. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  450. package/types/components/Select/index.d.ts +1 -1
  451. package/types/components/Select/index.d.ts.map +1 -1
  452. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +11 -0
  453. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +1 -0
  454. package/types/components/Select/reducers/index.d.ts +1 -0
  455. package/types/components/Select/reducers/index.d.ts.map +1 -1
  456. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  457. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  458. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +2 -32
  459. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  460. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +0 -9
  461. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  462. package/types/components/Select/ui/Target/Target.d.ts +2 -14
  463. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  464. package/types/components/Select/ui/Target/Target.types.d.ts +9 -10
  465. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  466. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  467. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  468. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
  469. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  470. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  471. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  472. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  473. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +60 -628
  474. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  475. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +4 -1
  476. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  477. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +9 -0
  478. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +1 -0
  479. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +3 -0
  480. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +1 -0
  481. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +2 -0
  482. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +1 -0
  483. package/types/components/Select/utils/getView.d.ts +1 -1
  484. package/types/components/Select/utils/getView.d.ts.map +1 -1
  485. package/types/components/Select/utils/index.d.ts +0 -3
  486. package/types/components/Select/utils/index.d.ts.map +1 -1
  487. package/types/components/Select/variations/_size/base.d.ts +2 -0
  488. package/types/components/Select/variations/_size/base.d.ts.map +1 -0
  489. package/types/components/Select/variations/_view/base.d.ts +2 -0
  490. package/types/components/Select/variations/_view/base.d.ts.map +1 -0
  491. package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
  492. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  493. package/types/components/TextField/TextField.d.ts.map +1 -1
  494. package/types/components/TextField/TextField.styles.d.ts +3 -1
  495. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  496. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +1 -3
  497. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  498. package/types/components/Toast/Toast.styles.d.ts +2 -2
  499. package/types/components/Toast/utils.d.ts +2 -2
  500. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
  501. package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
  502. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  503. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
  504. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
  505. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  506. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  507. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
  508. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +7 -15
  509. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  510. package/types/examples/plasma_b2c/components/Select/Select.d.ts +46 -53
  511. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  512. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
  513. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
  514. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  515. package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
  516. package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
  517. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  518. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
  519. package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
  520. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  521. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
  522. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
  523. package/types/examples/plasma_web/components/Select/Select.config.d.ts +7 -15
  524. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  525. package/types/examples/plasma_web/components/Select/Select.d.ts +46 -53
  526. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  527. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
  528. package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
  529. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  530. package/types/index.d.ts +0 -1
  531. package/types/index.d.ts.map +1 -1
  532. package/types/types/index.d.ts +0 -2
  533. package/types/types/index.d.ts.map +1 -1
  534. package/types/utils/index.d.ts +0 -1
  535. package/types/utils/index.d.ts.map +1 -1
  536. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +0 -3
  537. package/cjs/components/Select/FloatingPopover.js +0 -87
  538. package/cjs/components/Select/FloatingPopover.js.map +0 -1
  539. package/cjs/components/Select/Select.styles_1p5c9p3.css +0 -2
  540. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +0 -9
  541. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +0 -5
  542. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_lu1i4v.css +0 -3
  543. package/cjs/components/Select/utils/getFallbackPlacements.js +0 -15
  544. package/cjs/components/Select/utils/getFallbackPlacements.js.map +0 -1
  545. package/cjs/components/Select/utils/getItemId.js +0 -10
  546. package/cjs/components/Select/utils/getItemId.js.map +0 -1
  547. package/cjs/components/Select/utils/getPlacement.js +0 -13
  548. package/cjs/components/Select/utils/getPlacement.js.map +0 -1
  549. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
  550. package/cjs/utils/fixedForwardRef.js +0 -12
  551. package/cjs/utils/fixedForwardRef.js.map +0 -1
  552. package/emotion/cjs/components/Select/FloatingPopover.js +0 -91
  553. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +0 -14
  554. package/emotion/cjs/components/Select/utils/getItemId.js +0 -9
  555. package/emotion/cjs/components/Select/utils/getPlacement.js +0 -12
  556. package/emotion/cjs/types/DistributiveOmit.js +0 -5
  557. package/emotion/cjs/types/DistributivePick.js +0 -5
  558. package/emotion/cjs/utils/fixedForwardRef.js +0 -11
  559. package/emotion/es/components/Select/FloatingPopover.js +0 -84
  560. package/emotion/es/components/Select/utils/getFallbackPlacements.js +0 -8
  561. package/emotion/es/components/Select/utils/getItemId.js +0 -3
  562. package/emotion/es/components/Select/utils/getPlacement.js +0 -6
  563. package/emotion/es/types/DistributiveOmit.js +0 -1
  564. package/emotion/es/types/DistributivePick.js +0 -1
  565. package/emotion/es/utils/fixedForwardRef.js +0 -4
  566. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +0 -3
  567. package/es/components/Select/FloatingPopover.js +0 -83
  568. package/es/components/Select/FloatingPopover.js.map +0 -1
  569. package/es/components/Select/Select.styles_1p5c9p3.css +0 -2
  570. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +0 -9
  571. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +0 -5
  572. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_lu1i4v.css +0 -3
  573. package/es/components/Select/utils/getFallbackPlacements.js +0 -11
  574. package/es/components/Select/utils/getFallbackPlacements.js.map +0 -1
  575. package/es/components/Select/utils/getItemId.js +0 -6
  576. package/es/components/Select/utils/getItemId.js.map +0 -1
  577. package/es/components/Select/utils/getPlacement.js +0 -9
  578. package/es/components/Select/utils/getPlacement.js.map +0 -1
  579. package/es/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
  580. package/es/utils/fixedForwardRef.js +0 -8
  581. package/es/utils/fixedForwardRef.js.map +0 -1
  582. package/styled-components/cjs/components/Select/FloatingPopover.js +0 -91
  583. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +0 -14
  584. package/styled-components/cjs/components/Select/utils/getItemId.js +0 -9
  585. package/styled-components/cjs/components/Select/utils/getPlacement.js +0 -12
  586. package/styled-components/cjs/types/DistributiveOmit.js +0 -5
  587. package/styled-components/cjs/types/DistributivePick.js +0 -5
  588. package/styled-components/cjs/utils/fixedForwardRef.js +0 -11
  589. package/styled-components/es/components/Select/FloatingPopover.js +0 -84
  590. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +0 -8
  591. package/styled-components/es/components/Select/utils/getItemId.js +0 -3
  592. package/styled-components/es/components/Select/utils/getPlacement.js +0 -6
  593. package/styled-components/es/types/DistributiveOmit.js +0 -1
  594. package/styled-components/es/types/DistributivePick.js +0 -1
  595. package/styled-components/es/utils/fixedForwardRef.js +0 -4
  596. package/types/components/Select/FloatingPopover.d.ts +0 -5
  597. package/types/components/Select/FloatingPopover.d.ts.map +0 -1
  598. package/types/components/Select/utils/getFallbackPlacements.d.ts +0 -4
  599. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +0 -1
  600. package/types/components/Select/utils/getItemId.d.ts +0 -2
  601. package/types/components/Select/utils/getItemId.d.ts.map +0 -1
  602. package/types/components/Select/utils/getPlacement.d.ts +0 -4
  603. package/types/components/Select/utils/getPlacement.d.ts.map +0 -1
  604. package/types/types/DistributiveOmit.d.ts +0 -2
  605. package/types/types/DistributiveOmit.d.ts.map +0 -1
  606. package/types/types/DistributivePick.d.ts +0 -2
  607. package/types/types/DistributivePick.d.ts.map +0 -1
  608. package/types/utils/fixedForwardRef.d.ts +0 -3
  609. package/types/utils/fixedForwardRef.d.ts.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: getPlacement(placement),\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth || `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":";;;;;;;AAOMA,IAAAA,eAAe,gBAAGC,UAAU,CAC9B,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,EAAA,IAAxFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAAC,WAAA,GAAAT,IAAA,CAAEU,MAAM;AAANA,IAAAA,QAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,WAAA,CAAA;EAC3E,IAAAE,YAAA,GAAiCC,WAAW,CAAC;AACzCN,MAAAA,SAAS,EAAEO,YAAY,CAACP,SAAS,CAAC;AAClCQ,MAAAA,IAAI,EAAEV,MAAM;MACZW,UAAU,EAAE,CACRC,MAAgB,CAACN,QAAM,CAAC,EACxBO,IAAI,CAAC;QAAEC,kBAAkB,EAAEC,qBAAqB,CAACb,SAAS,CAAA;AAAE,OAAC,CAAC,EAC9Dc,KAAK,EAAE,EACPC,IAAI,CAAC;QACDC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ,CAAA;UACnBC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;YACnCC,KAAK,EAAEtB,SAAS,IAAAuB,EAAAA,CAAAA,MAAA,CAAOP,KAAK,CAACQ,SAAS,CAACF,KAAK,EAAA,IAAA,CAAA;AAChD,WAAC,CAAC,CAAA;AACN,SAAA;AACJ,OAAC,CAAC,CAAA;AAEV,KAAC,CAAC;IAfMG,IAAI,GAAAtB,YAAA,CAAJsB,IAAI;IAAEC,cAAc,GAAAvB,YAAA,CAAduB,cAAc,CAAA;AAiB5B,EAAA,IAAMC,SAAS,GAAGC,SAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAIhC,QAAQ,EAAE;MACVA,QAAQ,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,KAAA;GACH,CAAA;;AAED;AACA;AACA;AACA;AACA,EAAA,IAAMkC,kBAAkB,GAAG,OAAOpC,MAAM,KAAK,UAAU,CAAA;EAEvD,oBACIqC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvC,IAAAA,GAAG,EAAEA,GAAI;AAACwC,IAAAA,EAAE,EAAEN,SAAAA;GACfI,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvC,IAAAA,GAAG,EAAEqC,kBAAkB,GAAGI,SAAS,GAAGT,IAAI,CAACU,YAAa;AAACC,IAAAA,OAAO,EAAEP,WAAAA;AAAY,GAAA,EAC9E,OAAOnC,MAAM,KAAK,UAAU,GAAGA,MAAM,CAAC+B,IAAI,CAACU,YAAmB,CAAC,GAAGzC,MAClE,CAAC,EAELE,MAAM;AAAA;AACH;AACA;AACAmC,EAAAA,KAAA,CAAAC,aAAA,CAACK,cAAc,EAAKC,sBAAsB,CAACvC,MAAM,EAAE4B,SAAS,CAAC,eACzDI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKvC,GAAG,EAAEgC,IAAI,CAACc,WAAY;AAAClB,IAAAA,KAAK,EAAAmB,cAAA,CAAAA,cAAA,KAAOd,cAAc,CAAA,EAAA,EAAA,EAAA;AAAEe,MAAAA,MAAM,EAAE,CAAA;AAAC,KAAA,CAAA;GAC5D9C,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,IAAM2C,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBvC,MAAsC,EACtC4B,SAAiB,EACa;EAC9B,IAAI,CAAC5B,MAAM,EAAE;IACT,OAAO;AAAEkC,MAAAA,EAAE,EAAEN,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAO5B,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEkC,MAAAA,EAAE,EAAElC,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;AAAE2C,IAAAA,IAAI,EAAE3C,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}
@@ -1,2 +0,0 @@
1
- .upxbau6{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);height:var(--upxbau6-1);overflow:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
2
-
@@ -1,9 +0,0 @@
1
- .s1vls8ri{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s1vls8ri div.cell-content,.s1vls8ri div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s1vls8ri div.cell-textbox-title{position:relative;}.s1vls8ri div.cell-textbox-title:before{content:'&nbsp;';visibility:hidden;}.s1vls8ri div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
2
-
3
- .s17z4dei{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
4
- .s1nd9idj{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
5
- .dnb2nsj{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dnb2nsj:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
6
- .i581hb1{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
7
- .scgpql7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
8
- .wzzpzvq{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;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.wzzpzvq:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wzzpzvq:focus{outline:none;}.wzzpzvq::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.wzzpzvq.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
9
-
@@ -1,5 +0,0 @@
1
- .sfn0xs0{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
2
- .i1akdel6{line-height:0;color:var(--plasma-select-button-arrow-color);}.i1akdel6:hover{color:var(--plasma-select-button-arrow-color-hover);}.i1akdel6:active{color:var(--plasma-select-button-arrow-color-active);}
3
- .sn98tws{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .ba2820e{display:inline;}.ba2820e .select-without-box-shadow::before{box-shadow:none !important;}.ba2820e .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
5
- .lpf11kx{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -1,3 +0,0 @@
1
- .s1yhwv5r{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.s1yhwv5r div[class^='InputWrapper']:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
2
- .i7x5udn{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.i7x5udn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i7x5udn:hover,.i7x5udn:active{color:var(--i7x5udn-1);}
3
-
@@ -1,11 +0,0 @@
1
- var getFallbackPlacements = function getFallbackPlacements(placement) {
2
- if (placement instanceof Array) {
3
- return placement.map(function (p) {
4
- return "".concat(p, "-start");
5
- });
6
- }
7
- return undefined;
8
- };
9
-
10
- export { getFallbackPlacements };
11
- //# sourceMappingURL=getFallbackPlacements.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getFallbackPlacements.js","sources":["../../../../src/components/Select/utils/getFallbackPlacements.ts"],"sourcesContent":["import { AlignedPlacement, Placement } from '@floating-ui/react';\n\nimport type { FloatingPopoverProps } from '../Select.types';\n\nexport const getFallbackPlacements = (\n placement: NonNullable<FloatingPopoverProps['placement']>,\n): Placement[] | undefined => {\n if (placement instanceof Array) {\n return placement.map((p) => `${p}-start`) as AlignedPlacement[];\n }\n\n return undefined;\n};\n"],"names":["getFallbackPlacements","placement","Array","map","p","concat","undefined"],"mappings":"IAIaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,SAAyD,EAC/B;EAC1B,IAAIA,SAAS,YAAYC,KAAK,EAAE;AAC5B,IAAA,OAAOD,SAAS,CAACE,GAAG,CAAC,UAACC,CAAC,EAAA;MAAA,OAAAC,EAAAA,CAAAA,MAAA,CAAQD,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,KAAQ,CAAC,CAAA;AAC7C,GAAA;AAEA,EAAA,OAAOE,SAAS,CAAA;AACpB;;;;"}
@@ -1,6 +0,0 @@
1
- var getItemId = function getItemId(treeId, value) {
2
- return "".concat(treeId, "-").concat(value);
3
- };
4
-
5
- export { getItemId };
6
- //# sourceMappingURL=getItemId.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getItemId.js","sources":["../../../../src/components/Select/utils/getItemId.ts"],"sourcesContent":["export const getItemId = (treeId: string, value: string): string => {\n return `${treeId}-${value}`;\n};\n"],"names":["getItemId","treeId","value","concat"],"mappings":"AAAO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAIC,MAAc,EAAEC,KAAa,EAAa;AAChE,EAAA,OAAA,EAAA,CAAAC,MAAA,CAAUF,MAAM,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAID,KAAK,CAAA,CAAA;AAC7B;;;;"}
@@ -1,9 +0,0 @@
1
- var getPlacement = function getPlacement(placement) {
2
- if (placement instanceof Array) {
3
- return undefined;
4
- }
5
- return "".concat(placement, "-start");
6
- };
7
-
8
- export { getPlacement };
9
- //# sourceMappingURL=getPlacement.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getPlacement.js","sources":["../../../../src/components/Select/utils/getPlacement.ts"],"sourcesContent":["import { AlignedPlacement, Placement } from '@floating-ui/react';\n\nimport type { FloatingPopoverProps } from '../Select.types';\n\nexport const getPlacement = (placement: NonNullable<FloatingPopoverProps['placement']>): Placement | undefined => {\n if (placement instanceof Array) {\n return undefined;\n }\n\n return `${placement}-start` as AlignedPlacement;\n};\n"],"names":["getPlacement","placement","Array","undefined","concat"],"mappings":"IAIaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,SAAyD,EAA4B;EAC9G,IAAIA,SAAS,YAAYC,KAAK,EAAE;AAC5B,IAAA,OAAOC,SAAS,CAAA;AACpB,GAAA;EAEA,OAAAC,EAAAA,CAAAA,MAAA,CAAUH,SAAS,EAAA,QAAA,CAAA,CAAA;AACvB;;;;"}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .smqgwd8,.b15d3bnf.label-placement-inner .s7hnwwb{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
-
3
- function fixedForwardRef(render) {
4
- return /*#__PURE__*/React.forwardRef(render);
5
- }
6
-
7
- export { fixedForwardRef };
8
- //# sourceMappingURL=fixedForwardRef.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fixedForwardRef.js","sources":["../../src/utils/fixedForwardRef.ts"],"sourcesContent":["import React from 'react';\n\nexport function fixedForwardRef<T, P = {}>(\n render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,\n): (props: P & React.RefAttributes<T>) => React.ReactElement | null {\n return React.forwardRef(render as any) as any;\n}\n"],"names":["fixedForwardRef","render","React","forwardRef"],"mappings":";;AAEO,SAASA,eAAeA,CAC3BC,MAAkE,EACF;AAChE,EAAA,oBAAOC,KAAK,CAACC,UAAU,CAACF,MAAa,CAAC,CAAA;AAC1C;;;;"}
@@ -1,91 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.FloatingPopover = void 0;
7
- var _react = /*#__PURE__*/require("@floating-ui/react");
8
- var _react2 = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
- var _utils = /*#__PURE__*/require("./utils");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
14
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
18
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
19
- var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
20
- var target = _ref.target,
21
- children = _ref.children,
22
- opened = _ref.opened,
23
- onToggle = _ref.onToggle,
24
- placement = _ref.placement,
25
- portal = _ref.portal,
26
- listWidth = _ref.listWidth,
27
- _ref$offset = _ref.offset,
28
- offset = _ref$offset === void 0 ? 0 : _ref$offset;
29
- var _useFloating = (0, _react.useFloating)({
30
- placement: (0, _utils.getPlacement)(placement),
31
- open: opened,
32
- middleware: [(0, _react.offset)(offset), (0, _react.flip)({
33
- fallbackPlacements: (0, _utils.getFallbackPlacements)(placement)
34
- }), (0, _react.shift)(), (0, _react.size)({
35
- apply: function apply(_ref2) {
36
- var rects = _ref2.rects,
37
- elements = _ref2.elements;
38
- Object.assign(elements.floating.style, {
39
- width: listWidth || "".concat(rects.reference.width, "px")
40
- });
41
- }
42
- })]
43
- }),
44
- refs = _useFloating.refs,
45
- floatingStyles = _useFloating.floatingStyles;
46
- var wrappedId = (0, _plasmaCore.safeUseId)();
47
- var handleClick = function handleClick() {
48
- if (onToggle) {
49
- onToggle(!opened);
50
- }
51
- };
52
-
53
- // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
54
- // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
55
- // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
56
- // но выпадающий список должен позиционироваться непосредственно возле самого инпута.
57
- var isTargetAsFunction = typeof target === 'function';
58
- return /*#__PURE__*/_react2["default"].createElement("div", {
59
- ref: ref,
60
- id: wrappedId
61
- }, /*#__PURE__*/_react2["default"].createElement("div", {
62
- ref: isTargetAsFunction ? undefined : refs.setReference,
63
- onClick: handleClick
64
- }, typeof target === 'function' ? target(refs.setReference) : target), opened &&
65
- /*#__PURE__*/
66
- // root - принимает ref контейнера портала.
67
- // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
68
- _react2["default"].createElement(_react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/_react2["default"].createElement("div", {
69
- ref: refs.setFloating,
70
- style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
71
- zIndex: 1
72
- })
73
- }, children)));
74
- });
75
- // root - принимает ref контейнера портала.
76
- // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
77
- var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
78
- if (!portal) {
79
- return {
80
- id: wrappedId
81
- };
82
- }
83
- if (typeof portal === 'string') {
84
- return {
85
- id: portal
86
- };
87
- }
88
- return {
89
- root: portal
90
- };
91
- };
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getFallbackPlacements = void 0;
7
- var getFallbackPlacements = exports.getFallbackPlacements = function getFallbackPlacements(placement) {
8
- if (placement instanceof Array) {
9
- return placement.map(function (p) {
10
- return "".concat(p, "-start");
11
- });
12
- }
13
- return undefined;
14
- };
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getItemId = void 0;
7
- var getItemId = exports.getItemId = function getItemId(treeId, value) {
8
- return "".concat(treeId, "-").concat(value);
9
- };
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getPlacement = void 0;
7
- var getPlacement = exports.getPlacement = function getPlacement(placement) {
8
- if (placement instanceof Array) {
9
- return undefined;
10
- }
11
- return "".concat(placement, "-start");
12
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.fixedForwardRef = fixedForwardRef;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
- function fixedForwardRef(render) {
10
- return /*#__PURE__*/_react["default"].forwardRef(render);
11
- }
@@ -1,84 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';
8
- import React, { forwardRef } from 'react';
9
- import { safeUseId } from '@salutejs/plasma-core';
10
- import { getPlacement, getFallbackPlacements } from './utils';
11
- var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
12
- var target = _ref.target,
13
- children = _ref.children,
14
- opened = _ref.opened,
15
- onToggle = _ref.onToggle,
16
- placement = _ref.placement,
17
- portal = _ref.portal,
18
- listWidth = _ref.listWidth,
19
- _ref$offset = _ref.offset,
20
- offset = _ref$offset === void 0 ? 0 : _ref$offset;
21
- var _useFloating = useFloating({
22
- placement: getPlacement(placement),
23
- open: opened,
24
- middleware: [offsetMiddleware(offset), flip({
25
- fallbackPlacements: getFallbackPlacements(placement)
26
- }), shift(), size({
27
- apply: function apply(_ref2) {
28
- var rects = _ref2.rects,
29
- elements = _ref2.elements;
30
- Object.assign(elements.floating.style, {
31
- width: listWidth || "".concat(rects.reference.width, "px")
32
- });
33
- }
34
- })]
35
- }),
36
- refs = _useFloating.refs,
37
- floatingStyles = _useFloating.floatingStyles;
38
- var wrappedId = safeUseId();
39
- var handleClick = function handleClick() {
40
- if (onToggle) {
41
- onToggle(!opened);
42
- }
43
- };
44
-
45
- // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
46
- // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
47
- // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
48
- // но выпадающий список должен позиционироваться непосредственно возле самого инпута.
49
- var isTargetAsFunction = typeof target === 'function';
50
- return /*#__PURE__*/React.createElement("div", {
51
- ref: ref,
52
- id: wrappedId
53
- }, /*#__PURE__*/React.createElement("div", {
54
- ref: isTargetAsFunction ? undefined : refs.setReference,
55
- onClick: handleClick
56
- }, typeof target === 'function' ? target(refs.setReference) : target), opened &&
57
- /*#__PURE__*/
58
- // root - принимает ref контейнера портала.
59
- // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
60
- React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
61
- ref: refs.setFloating,
62
- style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
63
- zIndex: 1
64
- })
65
- }, children)));
66
- });
67
- // root - принимает ref контейнера портала.
68
- // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
69
- var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
70
- if (!portal) {
71
- return {
72
- id: wrappedId
73
- };
74
- }
75
- if (typeof portal === 'string') {
76
- return {
77
- id: portal
78
- };
79
- }
80
- return {
81
- root: portal
82
- };
83
- };
84
- export { FloatingPopover };
@@ -1,8 +0,0 @@
1
- export var getFallbackPlacements = function getFallbackPlacements(placement) {
2
- if (placement instanceof Array) {
3
- return placement.map(function (p) {
4
- return "".concat(p, "-start");
5
- });
6
- }
7
- return undefined;
8
- };
@@ -1,3 +0,0 @@
1
- export var getItemId = function getItemId(treeId, value) {
2
- return "".concat(treeId, "-").concat(value);
3
- };
@@ -1,6 +0,0 @@
1
- export var getPlacement = function getPlacement(placement) {
2
- if (placement instanceof Array) {
3
- return undefined;
4
- }
5
- return "".concat(placement, "-start");
6
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export function fixedForwardRef(render) {
3
- return /*#__PURE__*/React.forwardRef(render);
4
- }
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import type { FloatingPopoverProps } from './Select.types';
3
- declare const FloatingPopover: React.ForwardRefExoticComponent<FloatingPopoverProps & React.RefAttributes<HTMLDivElement>>;
4
- export { FloatingPopover };
5
- //# sourceMappingURL=FloatingPopover.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../../src/components/Select/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,QAAA,MAAM,eAAe,6FAmDpB,CAAC;AAwBF,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -1,4 +0,0 @@
1
- import { Placement } from '@floating-ui/react';
2
- import type { FloatingPopoverProps } from '../Select.types';
3
- export declare const getFallbackPlacements: (placement: NonNullable<FloatingPopoverProps['placement']>) => Placement[] | undefined;
4
- //# sourceMappingURL=getFallbackPlacements.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getFallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/utils/getFallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,eAAO,MAAM,qBAAqB,cACnB,YAAY,oBAAoB,CAAC,WAAW,CAAC,CAAC,KAC1D,SAAS,EAAE,GAAG,SAMhB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const getItemId: (treeId: string, value: string) => string;
2
- //# sourceMappingURL=getItemId.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getItemId.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/utils/getItemId.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,WAAY,MAAM,SAAS,MAAM,KAAG,MAEzD,CAAC"}
@@ -1,4 +0,0 @@
1
- import { Placement } from '@floating-ui/react';
2
- import type { FloatingPopoverProps } from '../Select.types';
3
- export declare const getPlacement: (placement: NonNullable<FloatingPopoverProps['placement']>) => Placement | undefined;
4
- //# sourceMappingURL=getPlacement.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getPlacement.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/utils/getPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,eAAO,MAAM,YAAY,cAAe,YAAY,oBAAoB,CAAC,WAAW,CAAC,CAAC,KAAG,SAAS,GAAG,SAMpG,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare type DistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;
2
- //# sourceMappingURL=DistributiveOmit.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DistributiveOmit.d.ts","sourceRoot":"","sources":["../../src/types/DistributiveOmit.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,IAAI,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare type DistributivePick<T, K extends keyof T> = T extends unknown ? Pick<T, K> : never;
2
- //# sourceMappingURL=DistributivePick.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DistributivePick.d.ts","sourceRoot":"","sources":["../../src/types/DistributivePick.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare function fixedForwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
3
- //# sourceMappingURL=fixedForwardRef.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fixedForwardRef.d.ts","sourceRoot":"","sources":["../../src/utils/fixedForwardRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,EACrC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,GACnE,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAElE"}