@salutejs/plasma-new-hope 0.78.0-canary.1201.8969250152.0 → 0.78.0-canary.1203.8970261959.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (377) hide show
  1. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  4. package/cjs/components/Calendar/hooks/useDays.js +6 -3
  5. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  7. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  8. package/cjs/components/Combobox/Combobox.css +7 -17
  9. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  10. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  11. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  12. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  13. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  14. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  15. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  16. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  17. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  18. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +10 -81
  19. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  20. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +9 -21
  21. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  22. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  23. package/cjs/components/Dropdown/Dropdown.css +2 -25
  24. package/cjs/components/Dropdown/Dropdown.js +54 -138
  25. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  26. package/cjs/components/Dropdown/Dropdown.styles.js +7 -40
  27. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  28. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  29. package/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  30. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  31. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  32. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -79
  33. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  34. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -31
  35. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  36. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  37. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +1 -1
  38. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  39. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  40. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  41. package/cjs/components/Dropdown/utils/index.js +0 -16
  42. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  43. package/cjs/components/Pagination/Pagination.css +7 -14
  44. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  45. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  46. package/cjs/components/Select/Select.css +7 -14
  47. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  48. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  49. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  50. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  51. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  52. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  53. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  54. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  55. package/cjs/components/Select/ui/SelectItem/SelectItem.css +7 -16
  56. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  57. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  58. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  59. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  60. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  61. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  62. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  63. package/cjs/index.css +8 -18
  64. package/cjs/index.js +2 -8
  65. package/cjs/index.js.map +1 -1
  66. package/es/components/Calendar/Calendar.types.js.map +1 -1
  67. package/es/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  68. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  69. package/es/components/Calendar/hooks/useDays.js +6 -3
  70. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  71. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  72. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  73. package/es/components/Combobox/Combobox.css +7 -17
  74. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  75. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  76. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  77. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  78. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  79. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  80. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  81. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  82. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  83. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +11 -82
  84. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  85. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +10 -19
  86. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  87. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  88. package/es/components/Dropdown/Dropdown.css +2 -25
  89. package/es/components/Dropdown/Dropdown.js +60 -144
  90. package/es/components/Dropdown/Dropdown.js.map +1 -1
  91. package/es/components/Dropdown/Dropdown.styles.js +7 -39
  92. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  93. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  94. package/es/components/Dropdown/Dropdown.tokens.js +23 -26
  95. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  96. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  97. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -80
  98. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  99. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -30
  100. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  101. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  102. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +1 -1
  103. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  104. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  105. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  106. package/es/components/Dropdown/utils/index.js +2 -16
  107. package/es/components/Dropdown/utils/index.js.map +1 -1
  108. package/es/components/Pagination/Pagination.css +7 -14
  109. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  110. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  111. package/es/components/Select/Select.css +7 -14
  112. package/es/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  113. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  114. package/es/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  115. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  116. package/es/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  117. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  118. package/es/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  119. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  120. package/es/components/Select/ui/SelectItem/SelectItem.css +7 -16
  121. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  122. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  123. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  124. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  125. package/es/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  126. package/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  127. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  128. package/es/index.css +8 -18
  129. package/es/index.js +1 -4
  130. package/es/index.js.map +1 -1
  131. package/package.json +2 -2
  132. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  133. package/styled-components/cjs/components/Calendar/hooks/useDays.js +6 -3
  134. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  135. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +2 -91
  136. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +7 -27
  137. package/styled-components/cjs/components/Dropdown/Dropdown.js +54 -140
  138. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +7 -22
  139. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  140. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  141. package/styled-components/cjs/components/Dropdown/index.js +1 -9
  142. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +105 -77
  143. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +19 -24
  144. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  145. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  146. package/styled-components/cjs/components/Dropdown/ui/index.js +5 -19
  147. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -15
  148. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +9 -1
  149. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  150. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  151. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  152. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  153. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +18 -6
  154. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +27 -0
  155. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +13 -0
  156. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  157. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +27 -0
  158. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +13 -0
  159. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  160. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +18 -6
  161. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +27 -0
  162. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +13 -0
  163. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  164. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +27 -0
  165. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +13 -0
  166. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  167. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +18 -6
  168. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +22 -0
  169. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +21 -0
  170. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  171. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  172. package/styled-components/es/components/Calendar/hooks/useDays.js +6 -3
  173. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  174. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +3 -90
  175. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +6 -23
  176. package/styled-components/es/components/Dropdown/Dropdown.js +55 -142
  177. package/styled-components/es/components/Dropdown/Dropdown.styles.js +5 -18
  178. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  179. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +23 -26
  180. package/styled-components/es/components/Dropdown/index.js +0 -1
  181. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +107 -78
  182. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +15 -21
  183. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  184. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  185. package/styled-components/es/components/Dropdown/ui/index.js +1 -3
  186. package/styled-components/es/components/Dropdown/utils/index.js +1 -15
  187. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +9 -1
  188. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  189. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  190. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  191. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  192. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +18 -6
  193. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +21 -0
  194. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +7 -0
  195. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  196. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +21 -0
  197. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +7 -0
  198. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  199. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +18 -6
  200. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +21 -0
  201. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +7 -0
  202. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  203. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +21 -0
  204. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +7 -0
  205. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  206. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +18 -6
  207. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +16 -0
  208. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +15 -0
  209. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  210. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  211. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  212. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  213. package/types/components/Calendar/hooks/useDays.d.ts +1 -1
  214. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  215. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  216. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +1 -0
  217. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
  218. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +13 -15
  219. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  220. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +1 -5
  221. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  222. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +2 -59
  223. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  224. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  225. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  226. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -8
  227. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  228. package/types/components/Dropdown/Dropdown.tokens.d.ts +22 -24
  229. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  230. package/types/components/Dropdown/Dropdown.types.d.ts +40 -64
  231. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  232. package/types/components/Dropdown/index.d.ts +1 -3
  233. package/types/components/Dropdown/index.d.ts.map +1 -1
  234. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +56 -2
  235. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  236. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -5
  237. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  238. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +38 -44
  239. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  240. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +1 -0
  241. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +1 -0
  242. package/types/components/Dropdown/ui/index.d.ts +1 -3
  243. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  244. package/types/components/Dropdown/utils/index.d.ts +2 -5
  245. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  246. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  247. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  248. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  249. package/types/components/Select/utils/index.d.ts +1 -1
  250. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  251. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  252. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  253. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  254. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  255. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  256. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  257. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  258. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +18 -0
  259. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  260. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  261. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  262. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  263. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  264. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  265. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  266. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +15 -0
  267. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  268. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +51 -0
  269. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +1 -0
  270. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  271. package/cjs/components/Combobox/utils/index.js +0 -23
  272. package/cjs/components/Combobox/utils/index.js.map +0 -1
  273. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  274. package/cjs/components/Dropdown/hooks/useHashMaps.js +0 -34
  275. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  276. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -223
  277. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  278. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -37
  279. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  280. package/cjs/components/Dropdown/reducers/pathReducer.js +0 -41
  281. package/cjs/components/Dropdown/reducers/pathReducer.js.map +0 -1
  282. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -122
  283. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  284. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  285. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -30
  286. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  287. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  288. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  289. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -112
  290. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  291. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  292. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  293. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  294. package/es/components/Combobox/utils/index.js +0 -19
  295. package/es/components/Combobox/utils/index.js.map +0 -1
  296. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  297. package/es/components/Dropdown/hooks/useHashMaps.js +0 -30
  298. package/es/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  299. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -218
  300. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  301. package/es/components/Dropdown/reducers/focusedPathReducer.js +0 -33
  302. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  303. package/es/components/Dropdown/reducers/pathReducer.js +0 -37
  304. package/es/components/Dropdown/reducers/pathReducer.js.map +0 -1
  305. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -118
  306. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  307. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  308. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -23
  309. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  310. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  311. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  312. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -107
  313. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  314. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  315. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  316. package/styled-components/cjs/components/Combobox/utils/index.js +0 -23
  317. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +0 -32
  318. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -221
  319. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -40
  320. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +0 -44
  321. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -117
  322. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +0 -5
  323. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -33
  324. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +0 -5
  325. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -119
  326. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -25
  327. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -11
  328. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -292
  329. package/styled-components/es/components/Combobox/utils/index.js +0 -15
  330. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +0 -26
  331. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -215
  332. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +0 -34
  333. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +0 -38
  334. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -111
  335. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +0 -1
  336. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -25
  337. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +0 -1
  338. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -111
  339. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -19
  340. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -5
  341. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -292
  342. package/types/components/Combobox/utils/index.d.ts +0 -4
  343. package/types/components/Combobox/utils/index.d.ts.map +0 -1
  344. package/types/components/Dropdown/hooks/useHashMaps.d.ts +0 -6
  345. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +0 -1
  346. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +0 -37
  347. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +0 -1
  348. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +0 -16
  349. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +0 -1
  350. package/types/components/Dropdown/reducers/pathReducer.d.ts +0 -20
  351. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +0 -1
  352. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +0 -5
  353. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +0 -1
  354. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +0 -26
  355. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +0 -1
  356. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +0 -7
  357. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +0 -1
  358. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +0 -60
  359. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +0 -1
  360. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +0 -58
  361. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +0 -1
  362. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +0 -1
  363. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +0 -1
  364. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  365. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +0 -13
  366. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +0 -1
  367. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base_x642ct.css +0 -0
  368. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base_x642ct.css +0 -0
  369. /package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base_x642ct.css +0 -0
  370. /package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base_x642ct.css +0 -0
  371. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  372. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  373. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  374. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  375. /package/types/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.d.ts +0 -0
  376. /package/types/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.d.ts +0 -0
  377. /package/types/examples/plasma_b2c/components/Dropdown/{Dropdown.config.d.ts → Normal/Dropdown.config.d.ts} +0 -0
@@ -0,0 +1,277 @@
1
+ import React, { useRef, useState } from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { Meta, StoryObj } from '@storybook/react';
4
+ import styled from 'styled-components';
5
+ import { css } from 'styled-components';
6
+ import { action } from '@storybook/addon-actions';
7
+
8
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
9
+ import { mergeConfig } from '../../../../engines';
10
+ import { dropdownConfig } from '../../../../components/Dropdown';
11
+ import { Checkbox } from '../Checkbox/Checkbox';
12
+ import { Radiobox } from '../Radiobox/Radiobox';
13
+ import { Button } from '../Button/Button';
14
+
15
+ import { Dropdown, DropdownDivider, DropdownFooter, DropdownGroup, DropdownHeader, DropdownItem } from './Dropdown';
16
+ import { config } from './Dropdown.config';
17
+
18
+ type StoryDropdownPropsCustom = {
19
+ skidding?: number;
20
+ distance?: number;
21
+ };
22
+
23
+ type StoryDropdownProps = ComponentProps<typeof Dropdown> & StoryDropdownPropsCustom;
24
+
25
+ const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto'];
26
+ const triggers: Array<string> = ['click', 'hover'];
27
+
28
+ const meta: Meta<StoryDropdownProps> = {
29
+ title: 'sds_engineer/Dropdown',
30
+ decorators: [WithTheme],
31
+ component: Dropdown,
32
+ argTypes: {
33
+ placement: {
34
+ options: placements,
35
+ control: {
36
+ type: 'select',
37
+ },
38
+ },
39
+ trigger: {
40
+ options: triggers,
41
+ control: {
42
+ type: 'select',
43
+ },
44
+ },
45
+ ...argTypesFromConfig(mergeConfig(dropdownConfig, config)),
46
+ },
47
+ args: {
48
+ placement: 'bottom',
49
+ trigger: 'click',
50
+ closeOnOverlayClick: true,
51
+ closeOnEsc: true,
52
+ isFocusTrapped: true,
53
+ skidding: 0,
54
+ distance: 6,
55
+ },
56
+ };
57
+
58
+ export default meta;
59
+
60
+ const StyledCheckbox = styled(Checkbox)`
61
+ margin-left: 0rem;
62
+ margin-bottom: 0rem;
63
+ `;
64
+
65
+ const StyledRadiobox = styled(Radiobox)`
66
+ margin-left: 0rem;
67
+ margin-bottom: 0rem;
68
+ `;
69
+
70
+ const headerClass = css`
71
+ text-transform: uppercase;
72
+ color: rgba(23, 23, 23, 0.56);
73
+ `;
74
+
75
+ const TrashIcon = (props) => (
76
+ <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
77
+ <path
78
+ fillRule="evenodd"
79
+ clipRule="evenodd"
80
+ d="M8 5.5A2.5 2.5 0 0110.5 3h3A2.5 2.5 0 0116 5.5V6h-2v-.5a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5V6H8v-.5zM4 8a1 1 0 011-1h14a1 1 0 110 2h-1v9.5a2.5 2.5 0 01-2.5 2.5h-7A2.5 2.5 0 016 18.5V9H5a1 1 0 01-1-1z"
81
+ fill="currentColor"
82
+ />
83
+ </svg>
84
+ );
85
+
86
+ const StyledTrashIcon = styled(TrashIcon)`
87
+ width: 1.25rem;
88
+ height: 1.25rem;
89
+ `;
90
+
91
+ const onChange = action('onChange');
92
+ const onSelect = action('onSelect');
93
+ const onClick = action('onClick');
94
+
95
+ const dropdownItems = [...Array(4).keys()].map((num) => ({
96
+ value: `item_${num}`,
97
+ child: `Item ${num}`,
98
+ }));
99
+
100
+ const StoryDefault = (args: StoryDropdownProps) => {
101
+ const [selected, setSelected] = useState('');
102
+ const [isOpen, setIsOpen] = useState(false);
103
+ const [isOpenDropdown2, setIsOpenDropdown2] = useState(false);
104
+
105
+ const onMainClose = () => {
106
+ setIsOpen(false);
107
+ setIsOpenDropdown2(false);
108
+ };
109
+
110
+ const onMainToggle = (openValue: boolean) => {
111
+ setIsOpen(openValue);
112
+
113
+ if (!openValue) {
114
+ onMainClose();
115
+ }
116
+ };
117
+
118
+ const handleSelect = (value: string, text: string) => {
119
+ setSelected(value);
120
+ onSelect(value, text);
121
+ };
122
+
123
+ return (
124
+ <div>
125
+ <h3>This is header</h3>
126
+ <Dropdown target={<Button>Target</Button>} isOpen={isOpen} onToggle={onMainToggle} {...args}>
127
+ <DropdownHeader className={headerClass}>Header</DropdownHeader>
128
+ <DropdownDivider />
129
+ {dropdownItems.map((item) => (
130
+ <DropdownItem
131
+ key={item.value}
132
+ isSelected={item.value === selected}
133
+ onSelect={() => handleSelect(item.value, item.child)}
134
+ onClick={onClick}
135
+ value={item.value}
136
+ >
137
+ {item.child}
138
+ </DropdownItem>
139
+ ))}
140
+ <Dropdown
141
+ target={<DropdownItem>Nested dropdown ➞</DropdownItem>}
142
+ onToggle={(is) => setIsOpenDropdown2(is)}
143
+ isOpen={isOpenDropdown2}
144
+ offset={[0, 0]}
145
+ >
146
+ <DropdownGroup label="This is radiogroup">
147
+ <DropdownItem
148
+ contentLeft={StyledRadiobox}
149
+ name="test"
150
+ value="1"
151
+ onChange={onChange}
152
+ text="Nested 1"
153
+ />
154
+
155
+ <DropdownItem
156
+ contentLeft={StyledRadiobox}
157
+ name="test"
158
+ value="2"
159
+ onChange={onChange}
160
+ text="Nested 2"
161
+ />
162
+ <DropdownItem
163
+ contentLeft={StyledRadiobox}
164
+ name="test"
165
+ value="3"
166
+ onChange={onChange}
167
+ text="Nested 3"
168
+ />
169
+ </DropdownGroup>
170
+ <DropdownItem contentLeft={StyledCheckbox} text="Nested 4" />
171
+ <DropdownItem contentRight={StyledCheckbox} text="Nested 5" />
172
+
173
+ <DropdownItem contentLeft={StyledTrashIcon} text="Nested 6" />
174
+ <Button onClick={() => setIsOpenDropdown2(false)}>Close nested</Button>
175
+ </Dropdown>
176
+
177
+ <DropdownItem onClick={onClick} value="disabled" disabled>
178
+ disabled
179
+ </DropdownItem>
180
+
181
+ <DropdownGroup label="Group">
182
+ <DropdownItem
183
+ contentLeft={StyledRadiobox}
184
+ name="test"
185
+ value="1"
186
+ disabled
187
+ onChange={onChange}
188
+ text="Disabled 1"
189
+ />
190
+
191
+ <DropdownItem name="test" value="2" disabled text="Disabled group 2" />
192
+ </DropdownGroup>
193
+
194
+ <DropdownDivider />
195
+ <DropdownFooter className={headerClass}>Footer</DropdownFooter>
196
+ </Dropdown>
197
+ </div>
198
+ );
199
+ };
200
+
201
+ export const Default: StoryObj<StoryDropdownProps> = {
202
+ render: (args) => <StoryDefault {...args} />,
203
+ };
204
+
205
+ const StoryContextMenu = (args: StoryDropdownProps) => {
206
+ const [contextPosition, setContextPosition] = useState([0, 0]);
207
+ const dropdownRef = useRef<HTMLDivElement | null>(null);
208
+ const [selected, setSelected] = useState('');
209
+ const [isOpen, setIsOpen] = useState(false);
210
+
211
+ const onMainToggle = (openValue: boolean) => {
212
+ setIsOpen(openValue);
213
+ };
214
+
215
+ const handleSelect = (value: string, text: string) => {
216
+ setSelected(value);
217
+ onSelect(value, text);
218
+ setIsOpen(false);
219
+ };
220
+
221
+ const onClickAway = (event: React.MouseEvent<HTMLDivElement>) => {
222
+ event.preventDefault();
223
+ if (dropdownRef?.current && !dropdownRef.current?.contains(event.target as Element)) {
224
+ setIsOpen(false);
225
+ }
226
+ };
227
+
228
+ const onContextMenu = (event: React.MouseEvent<HTMLDivElement>) => {
229
+ event.preventDefault();
230
+
231
+ const { clientX, clientY } = event;
232
+
233
+ setContextPosition([clientX, clientY]);
234
+ setIsOpen(true);
235
+ };
236
+
237
+ return (
238
+ <div
239
+ style={{
240
+ width: '100%',
241
+ height: '100%',
242
+ background: 'gainsboro',
243
+ }}
244
+ onClick={onClickAway}
245
+ onContextMenu={onContextMenu}
246
+ >
247
+ <div>Right-click the mouse button - to open</div>
248
+ <div>Left-click the mouse button - to close</div>
249
+ <div
250
+ ref={dropdownRef}
251
+ style={{ position: 'absolute', top: `${contextPosition[1]}px`, left: `${contextPosition[0]}px` }}
252
+ >
253
+ <Dropdown isOpen={isOpen} onToggle={onMainToggle} {...args}>
254
+ <DropdownHeader className={headerClass}>Header</DropdownHeader>
255
+ <DropdownDivider />
256
+ {dropdownItems.map((item) => (
257
+ <DropdownItem
258
+ key={item.value}
259
+ isSelected={item.value === selected}
260
+ onSelect={() => handleSelect(item.value, item.child)}
261
+ onClick={onClick}
262
+ value={item.value}
263
+ >
264
+ {item.child}
265
+ </DropdownItem>
266
+ ))}
267
+ <DropdownDivider />
268
+ <DropdownFooter className={headerClass}>Footer</DropdownFooter>
269
+ </Dropdown>
270
+ </div>
271
+ </div>
272
+ );
273
+ };
274
+
275
+ export const ContextMenu: StoryObj<StoryDropdownProps> = {
276
+ render: (args) => <StoryContextMenu {...args} />,
277
+ };
@@ -1,4 +1,4 @@
1
- var _excluded = ["value", "min", "max", "type", "eventList", "disabledList", "onChangeValue"];
1
+ var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "onChangeValue"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -25,6 +25,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
25
25
  var externalValue = _ref.value,
26
26
  min = _ref.min,
27
27
  max = _ref.max,
28
+ includeEdgeDates = _ref.includeEdgeDates,
28
29
  _ref$type = _ref.type,
29
30
  type = _ref$type === void 0 ? 'Days' : _ref$type,
30
31
  eventList = _ref.eventList,
@@ -233,6 +234,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
233
234
  disabledList: disabledList,
234
235
  min: min,
235
236
  max: max,
237
+ includeEdgeDates: includeEdgeDates,
236
238
  value: externalValue,
237
239
  date: date,
238
240
  hoveredDay: hoveredDay,
@@ -182,6 +182,7 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
182
182
  var disabledList = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
183
183
  var min = arguments.length > 3 ? arguments[3] : undefined;
184
184
  var max = arguments.length > 4 ? arguments[4] : undefined;
185
+ var includeEdgeDates = arguments.length > 5 ? arguments[5] : undefined;
185
186
  var eventsMap = getPropsMap(eventList);
186
187
  var disabledDaysMap = getPropsMap(disabledList);
187
188
  var daysList = days.filter(function (_ref3) {
@@ -199,7 +200,9 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
199
200
  day = date.day;
200
201
  var keyDay = "".concat(year, "-").concat(monthIndex, "-").concat(day);
201
202
  var currentDate = new Date(year, monthIndex, day);
202
- var isOutOfMinMaxRange = min && min >= currentDate || max && max <= currentDate;
203
+ var minValue = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
204
+ var maxValue = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
205
+ var isOutOfMinMaxRange = minValue || maxValue;
203
206
  dayItem.events = eventsMap.get(keyDay);
204
207
  dayItem.disabled = disabledDaysMap.has(keyDay) || isOutOfMinMaxRange;
205
208
  dayItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
@@ -212,7 +215,7 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
212
215
  /**
213
216
  * Хук для получения списка дней.
214
217
  */
215
- export var useDays = function useDays(date, value, eventList, disabledList, min, max) {
218
+ export var useDays = function useDays(date, value, eventList, disabledList, min, max, includeEdgeDates) {
216
219
  return useMemo(function () {
217
220
  var monthIndex = date.monthIndex,
218
221
  year = date.year;
@@ -220,7 +223,7 @@ export var useDays = function useDays(date, value, eventList, disabledList, min,
220
223
  var offsetDayInWeek = getOffsetDayInWeek(monthIndex, year);
221
224
  var days = [].concat(_toConsumableArray(getDaysInPrevMonth(date, offsetDayInWeek, value)), _toConsumableArray(getDaysInCurrentMonth(date, daysInMonth, value)), _toConsumableArray(getDaysInNextMonth(date, daysInMonth, offsetDayInWeek, value)));
222
225
  if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
223
- var modifiedDays = getDaysWithModifications(days, eventList, disabledList, min, max);
226
+ var modifiedDays = getDaysWithModifications(days, eventList, disabledList, min, max, includeEdgeDates);
224
227
  return getMatrix(modifiedDays);
225
228
  }
226
229
  return getMatrix(days);
@@ -20,6 +20,7 @@ export var CalendarDays = function CalendarDays(_ref) {
20
20
  disabledList = _ref.disabledList,
21
21
  min = _ref.min,
22
22
  max = _ref.max,
23
+ includeEdgeDates = _ref.includeEdgeDates,
23
24
  hoveredDay = _ref.hoveredDay,
24
25
  selectIndexes = _ref.selectIndexes,
25
26
  isDouble = _ref.isDouble,
@@ -29,7 +30,7 @@ export var CalendarDays = function CalendarDays(_ref) {
29
30
  onHoverDay = _ref.onHoverDay,
30
31
  onSetSelected = _ref.onSetSelected,
31
32
  onKeyDown = _ref.onKeyDown;
32
- var _useDays = useDays(currentDate, value, eventList, disabledList, min, max),
33
+ var _useDays = useDays(currentDate, value, eventList, disabledList, min, max, includeEdgeDates),
33
34
  _useDays2 = _slicedToArray(_useDays, 2),
34
35
  days = _useDays2[0],
35
36
  selected = _useDays2[1];
@@ -1,95 +1,8 @@
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
- var _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "view", "size", "disabled", "role", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
3
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
- 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; }
5
- 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; }
6
- 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; }
7
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
8
- 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); }
9
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
- import React, { forwardRef, useCallback, useMemo } from 'react';
12
- import { safeUseId } from '@salutejs/plasma-core';
13
- import { classes } from '../../Combobox.tokens';
14
- import { getValidComponent } from '../../utils';
15
- import { cx } from '../../../../utils';
1
+ import { dropdownItemRoot } from '../../../Dropdown';
16
2
  import { base as viewCSS } from './variations/_view/base';
17
3
  import { base as sizeCSS } from './variations/_size/base';
18
- import { StyledContentLeft, StyledContentRight, StyledText, base } from './ComboboxItem.styles';
19
- export var comboboxItemRoot = function comboboxItemRoot(Root) {
20
- return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
21
- var id = _ref.id,
22
- className = _ref.className,
23
- children = _ref.children,
24
- text = _ref.text,
25
- isSelected = _ref.isSelected,
26
- name = _ref.name,
27
- checked = _ref.checked,
28
- value = _ref.value,
29
- view = _ref.view,
30
- size = _ref.size,
31
- disabled = _ref.disabled,
32
- _ref$role = _ref.role,
33
- role = _ref$role === void 0 ? 'option' : _ref$role,
34
- ContentLeftComponent = _ref.contentLeft,
35
- ContentRightComponent = _ref.contentRight,
36
- onSelect = _ref.onSelect,
37
- onClick = _ref.onClick,
38
- onChange = _ref.onChange,
39
- rest = _objectWithoutProperties(_ref, _excluded);
40
- var uniqId = safeUseId();
41
- var innerId = id || uniqId;
42
- var withComboboxItemIsSelected = checked || isSelected ? classes.comboboxItemIsDisabled : undefined;
43
- var withComboboxItemIsDisabled = disabled ? classes.comboboxItemIsDisabled : undefined;
44
- var handleOnClick = useCallback(function (event) {
45
- if (disabled) {
46
- return;
47
- }
48
- onClick === null || onClick === void 0 || onClick(event);
49
- if (onSelect && !ContentLeftComponent) {
50
- onSelect(value, text);
51
- }
52
- }, [onSelect, disabled]);
53
- var handleOnChange = useCallback(function (event) {
54
- if (disabled) {
55
- return;
56
- }
57
- onChange === null || onChange === void 0 || onChange(event);
58
- if (onSelect && ContentLeftComponent) {
59
- onSelect(value, text);
60
- }
61
- }, [onSelect, disabled]);
62
- var contentProps = _objectSpread({
63
- name: name,
64
- value: value,
65
- checked: checked || isSelected,
66
- disabled: disabled,
67
- tabIndex: -1
68
- }, !disabled && {
69
- onChange: handleOnChange
70
- });
71
- var ContentLeft = useMemo(function () {
72
- return getValidComponent(ContentLeftComponent, contentProps);
73
- }, [ContentRightComponent, contentProps]);
74
- var ContentRight = useMemo(function () {
75
- return getValidComponent(ContentRightComponent, contentProps);
76
- }, [ContentRightComponent, contentProps]);
77
- return /*#__PURE__*/React.createElement(Root, _extends({
78
- className: cx(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
79
- view: view,
80
- size: size,
81
- id: innerId,
82
- isSelected: isSelected,
83
- role: role,
84
- ref: outerRootRef,
85
- tabIndex: 0,
86
- "aria-disabled": disabled,
87
- "aria-selected": isSelected,
88
- onClick: handleOnClick,
89
- "data-value": value
90
- }, rest), text ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/React.createElement(StyledText, null, text), /*#__PURE__*/React.createElement(StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
91
- });
92
- };
4
+ import { base } from './ComboboxItem.styles';
5
+ export var comboboxItemRoot = dropdownItemRoot;
93
6
  export var comboboxItemConfig = {
94
7
  name: 'ComboboxItem',
95
8
  tag: 'div',
@@ -1,25 +1,8 @@
1
- var _templateObject;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
1
  import { css } from 'styled-components';
4
- import styled from 'styled-components';
5
- import { classes, tokens } from '../../Combobox.tokens';
6
- import { addFocus, applyEllipsis } from '../../../../mixins';
7
- export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
8
- componentId: "plasma-new-hope__sc-i4bkda-0"
9
- })(["display:inline-flex;min-width:var(", ");color:var(", ");"], tokens.itemContentLeftWidth, tokens.itemContentLeftColor);
10
- export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
11
- componentId: "plasma-new-hope__sc-i4bkda-1"
12
- })(["margin-left:auto;display:inline-flex;min-width:var(", ");color:var(", ");"], tokens.itemContentRightWidth, tokens.itemContentRightColor);
13
- export var StyledText = /*#__PURE__*/styled.div.withConfig({
14
- componentId: "plasma-new-hope__sc-i4bkda-2"
15
- })(["", ";"], /*#__PURE__*/applyEllipsis());
2
+ import { tokens } from '../../Combobox.tokens';
3
+ import { dropdownTokens } from '../../../Dropdown';
4
+ import { baseContent as dropdownItemBase } from '../../../Dropdown/ui/DropdownItem/DropdownItem.styles';
16
5
 
17
- // INFO: Для возможности переиспользования стилей в других компонентах
18
- export var baseContent = /*#__PURE__*/"\n box-sizing: content-box;\n display: flex;\n align-items: center;\n user-select: none;\n\n :focus {\n outline: none;\n }\n\n ".concat(addFocus({
19
- outlineSize: '0.0625rem',
20
- outlineOffset: '0',
21
- outlineColor: "var(".concat(tokens.focusColor, ")"),
22
- outlineRadius: "var(".concat(tokens.itemBorderRadius, ")"),
23
- hasTransition: false
24
- }), ";\n\n width: 100%;\n\n font-family: var(").concat(tokens.itemFontFamily, ");\n font-size: var(").concat(tokens.itemFontSize, ");\n font-style: var(").concat(tokens.itemFontStyle, ");\n font-weight: var(").concat(tokens.itemFontWeightBold, ");\n letter-spacing: var(").concat(tokens.itemFontLetterSpacing, ");\n line-height: var(").concat(tokens.itemFontLineHeight, ");\n\n background: var(").concat(tokens.itemBackground, ");\n color: var(").concat(tokens.itemColor, ");\n border-radius: var(").concat(tokens.itemBorderRadius, ");\n\n width: var(").concat(tokens.itemWidth, ");\n height: var(").concat(tokens.itemHeight, ");\n\n padding: var(").concat(tokens.itemPaddingTop, ") var(").concat(tokens.itemPaddingRight, ") var(").concat(tokens.itemPaddingBottom, ")\n var(").concat(tokens.itemPaddingLeft, ");\n\n margin: var(").concat(tokens.itemMarginTop, ") var(").concat(tokens.itemMarginRight, ") var(").concat(tokens.itemMarginBottom, ")\n var(").concat(tokens.itemMarginLeft, ");\n\n &:hover:not(.").concat(classes.comboboxItemIsDisabled, ") {\n cursor: pointer;\n background: var(").concat(tokens.itemBackgroundHover, ");\n }\n\n &.").concat(String(classes.comboboxItemIsSelected), " {\n color: var(").concat(tokens.itemColorSelected, ");\n background: var(").concat(tokens.itemBackgroundSelected, ");\n\n &:hover:not(.").concat(classes.comboboxItemIsDisabled, ") {\n background: var(").concat(tokens.itemBackgroundSelectedHover, ");\n }\n }\n\n &.").concat(classes.comboboxItemIsDisabled, " {\n opacity: var(").concat(tokens.disabledOpacity, ");\n cursor: not-allowed;\n }\n");
25
- export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n"])), baseContent);
6
+ // NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
7
+ export var mappingOverride = /*#__PURE__*/"\n ".concat(dropdownTokens.itemBackground, ": var(").concat(tokens.itemBackground, ");\n ").concat(dropdownTokens.itemColor, ": var(").concat(tokens.itemColor, ");\n ").concat(dropdownTokens.itemBackgroundHover, ": var(").concat(tokens.itemBackgroundHover, ");\n ").concat(dropdownTokens.itemBackgroundSelected, ": var(").concat(tokens.itemBackgroundSelected, ");\n ").concat(dropdownTokens.itemColorSelected, ": var(").concat(tokens.itemColorSelected, ");\n ").concat(dropdownTokens.itemBackgroundSelectedHover, ": var(").concat(tokens.itemBackgroundSelectedHover, ");\n ").concat(dropdownTokens.itemColorSelectedHover, ": var(").concat(tokens.itemColorSelectedHover, ");\n ").concat(dropdownTokens.itemContentLeftColor, ": var(").concat(tokens.itemContentLeftColor, ");\n ").concat(dropdownTokens.itemContentRightColor, ": var(").concat(tokens.itemContentRightColor, ");\n ").concat(dropdownTokens.disabledOpacity, ": var(").concat(tokens.disabledOpacity, ");\n ").concat(dropdownTokens.focusColor, ": var(").concat(tokens.focusColor, ");\n ").concat(dropdownTokens.itemWidth, ": var(").concat(tokens.itemWidth, ");\n ").concat(dropdownTokens.itemHeight, ": var(").concat(tokens.itemHeight, ");\n ").concat(dropdownTokens.itemBorderRadius, ": var(").concat(tokens.itemBorderRadius, ");\n ").concat(dropdownTokens.itemPaddingTop, ": var(").concat(tokens.itemPaddingTop, ");\n ").concat(dropdownTokens.itemPaddingRight, ": var(").concat(tokens.itemPaddingRight, ");\n ").concat(dropdownTokens.itemPaddingBottom, ": var(").concat(tokens.itemPaddingBottom, ");\n ").concat(dropdownTokens.itemPaddingLeft, ": var(").concat(tokens.itemPaddingLeft, ");\n ").concat(dropdownTokens.itemMarginTop, ": var(").concat(tokens.itemMarginTop, ");\n ").concat(dropdownTokens.itemMarginRight, ": var(").concat(tokens.itemMarginRight, ");\n ").concat(dropdownTokens.itemMarginBottom, ": var(").concat(tokens.itemMarginBottom, ");\n ").concat(dropdownTokens.itemMarginLeft, ": var(").concat(tokens.itemMarginLeft, ");\n ").concat(dropdownTokens.itemFontFamily, ": var(").concat(tokens.itemFontFamily, ");\n ").concat(dropdownTokens.itemFontSize, ": var(").concat(tokens.itemFontSize, ");\n ").concat(dropdownTokens.itemFontStyle, ": var(").concat(tokens.itemFontStyle, ");\n ").concat(dropdownTokens.itemFontWeightBold, ": var(").concat(tokens.itemFontWeightBold, ");\n ").concat(dropdownTokens.itemFontLetterSpacing, ": var(").concat(tokens.itemFontLetterSpacing, ");\n ").concat(dropdownTokens.itemFontLineHeight, ": var(").concat(tokens.itemFontLineHeight, ");\n ").concat(dropdownTokens.itemContentLeftWidth, ": var(").concat(tokens.itemContentLeftWidth, ");\n ").concat(dropdownTokens.itemContentRightWidth, ": var(").concat(tokens.itemContentRightWidth, ");\n");
8
+ export var base = /*#__PURE__*/css(["", ";", ";"], dropdownItemBase, mappingOverride);