@salutejs/plasma-new-hope 0.324.0-canary.1970.15068833000.0 → 0.324.0-canary.1972.15071772993.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (396) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +2 -11
  2. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  3. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
  6. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  8. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  15. package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css} +2 -2
  16. package/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  17. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
  18. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  19. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  20. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  21. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
  22. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  24. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  25. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  26. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  27. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
  28. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  29. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  30. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  31. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  32. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  33. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  35. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  36. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  37. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  38. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  42. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  43. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  44. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  45. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  46. package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
  47. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePicker.tokens.js +7 -9
  49. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  50. package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
  51. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  52. package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  53. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -25
  54. package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
  55. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  56. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  57. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  58. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
  59. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  60. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -2
  61. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  62. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  63. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  64. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
  65. package/cjs/components/DatePicker/SingleDate/SingleDate.css +19 -23
  66. package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
  67. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  68. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  69. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  70. package/{es/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_eae6ii.css} +1 -1
  71. package/cjs/index.css +24 -34
  72. package/cjs/index.js +0 -6
  73. package/cjs/index.js.map +1 -1
  74. package/emotion/cjs/components/Calendar/Calendar.tokens.js +2 -11
  75. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  76. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  77. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  78. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
  79. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  80. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  81. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
  82. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  83. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
  84. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  85. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
  86. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  87. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
  88. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  89. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  90. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +7 -10
  91. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
  92. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  93. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
  94. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
  95. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  96. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  97. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  98. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  99. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  100. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  101. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  102. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  103. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  104. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  105. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  106. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  107. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  108. package/emotion/cjs/index.js +0 -11
  109. package/emotion/es/components/Calendar/Calendar.tokens.js +2 -11
  110. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  111. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
  112. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  113. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
  114. package/emotion/es/components/Calendar/hooks/useQuarters.js +1 -1
  115. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  116. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
  117. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  118. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  119. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  120. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  121. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  122. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  123. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  124. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  125. package/emotion/es/components/DatePicker/DatePicker.tokens.js +6 -9
  126. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
  127. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  128. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
  129. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
  130. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  131. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  132. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  133. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  134. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  135. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  136. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  137. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  138. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  139. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  140. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  141. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  142. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  143. package/emotion/es/index.js +1 -2
  144. package/es/components/Calendar/Calendar.tokens.js +2 -11
  145. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  146. package/es/components/Calendar/Calendar.types.js.map +1 -1
  147. package/es/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  148. package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
  149. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  150. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  151. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  152. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
  153. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  154. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
  155. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  156. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  157. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  158. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css} +2 -2
  159. package/es/components/Calendar/hooks/useQuarters.js +2 -2
  160. package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
  161. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  162. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  163. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  164. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
  165. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  166. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  167. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  168. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  169. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  170. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  171. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  172. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  173. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  174. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  175. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  176. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  177. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  178. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  179. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  180. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  181. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  182. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  183. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  184. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  185. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  186. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  187. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  188. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  189. package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
  190. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  191. package/es/components/DatePicker/DatePicker.tokens.js +7 -10
  192. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  193. package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
  194. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  195. package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  196. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -25
  197. package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
  198. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  199. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  200. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  201. package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
  202. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  203. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -3
  204. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  205. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  206. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  207. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
  208. package/es/components/DatePicker/SingleDate/SingleDate.css +19 -23
  209. package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
  210. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  211. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  212. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  213. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → es/components/DatePicker/SingleDate/SingleDate.styles_eae6ii.css} +1 -1
  214. package/es/index.css +24 -34
  215. package/es/index.js +0 -3
  216. package/es/index.js.map +1 -1
  217. package/package.json +2 -2
  218. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +2 -11
  219. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  220. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  221. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  222. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  223. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  224. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  225. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
  226. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  227. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
  228. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  229. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
  230. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  231. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
  232. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  233. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  234. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +7 -10
  235. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
  236. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  237. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  238. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
  239. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  240. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  241. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  242. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  243. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  244. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  245. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  246. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  247. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  248. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  249. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  250. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  251. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  252. package/styled-components/cjs/index.js +0 -11
  253. package/styled-components/es/components/Calendar/Calendar.tokens.js +2 -11
  254. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  255. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  256. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  257. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
  258. package/styled-components/es/components/Calendar/hooks/useQuarters.js +1 -1
  259. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  260. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
  261. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  262. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
  263. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  264. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
  265. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  266. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
  267. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  268. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  269. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +6 -9
  270. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
  271. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  272. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  273. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
  274. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  275. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  276. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  277. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  278. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  279. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  280. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  281. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  282. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  283. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  284. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  285. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  286. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  287. package/styled-components/es/index.js +1 -2
  288. package/types/components/Calendar/Calendar.tokens.d.ts +1 -10
  289. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  290. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  291. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  292. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  293. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  294. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  295. package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
  296. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  297. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +0 -1
  298. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  299. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  300. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -1
  301. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  302. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  303. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +0 -1
  304. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
  305. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  306. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -1
  307. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  308. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  309. package/types/components/Calendar/utils/calendarGridHelper.d.ts +1 -0
  310. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
  311. package/types/components/DatePicker/DatePicker.tokens.d.ts +5 -8
  312. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  313. package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
  314. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  315. package/types/components/DatePicker/DatePickerBase.types.d.ts +19 -0
  316. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  317. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
  318. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  319. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  320. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  321. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  322. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +16 -3
  323. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  324. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
  325. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  326. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
  327. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  328. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  329. package/types/index.d.ts +0 -1
  330. package/types/index.d.ts.map +1 -1
  331. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  332. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  333. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  334. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  335. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  336. package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  337. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  338. package/cjs/components/PaginationDots/PaginationDot.js +0 -58
  339. package/cjs/components/PaginationDots/PaginationDot.js.map +0 -1
  340. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +0 -2
  341. package/cjs/components/PaginationDots/PaginationDots.js +0 -33
  342. package/cjs/components/PaginationDots/PaginationDots.js.map +0 -1
  343. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
  344. package/cjs/components/PaginationDots/SmartPaginationDots.css +0 -5
  345. package/cjs/components/PaginationDots/SmartPaginationDots.js +0 -46
  346. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +0 -1
  347. package/cjs/components/PaginationDots/usePaginationDots.js +0 -40
  348. package/cjs/components/PaginationDots/usePaginationDots.js.map +0 -1
  349. package/emotion/cjs/components/PaginationDots/PaginationDot.js +0 -34
  350. package/emotion/cjs/components/PaginationDots/PaginationDots.js +0 -34
  351. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
  352. package/emotion/cjs/components/PaginationDots/index.js +0 -26
  353. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +0 -38
  354. package/emotion/es/components/PaginationDots/PaginationDot.js +0 -27
  355. package/emotion/es/components/PaginationDots/PaginationDots.js +0 -27
  356. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +0 -35
  357. package/emotion/es/components/PaginationDots/index.js +0 -3
  358. package/emotion/es/components/PaginationDots/usePaginationDots.js +0 -32
  359. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  360. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  361. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  362. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  363. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  364. package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  365. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  366. package/es/components/PaginationDots/PaginationDot.js +0 -53
  367. package/es/components/PaginationDots/PaginationDot.js.map +0 -1
  368. package/es/components/PaginationDots/PaginationDot_baul9c.css +0 -2
  369. package/es/components/PaginationDots/PaginationDots.js +0 -28
  370. package/es/components/PaginationDots/PaginationDots.js.map +0 -1
  371. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
  372. package/es/components/PaginationDots/SmartPaginationDots.css +0 -5
  373. package/es/components/PaginationDots/SmartPaginationDots.js +0 -38
  374. package/es/components/PaginationDots/SmartPaginationDots.js.map +0 -1
  375. package/es/components/PaginationDots/usePaginationDots.js +0 -36
  376. package/es/components/PaginationDots/usePaginationDots.js.map +0 -1
  377. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +0 -32
  378. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +0 -23
  379. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
  380. package/styled-components/cjs/components/PaginationDots/index.js +0 -26
  381. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +0 -38
  382. package/styled-components/es/components/PaginationDots/PaginationDot.js +0 -25
  383. package/styled-components/es/components/PaginationDots/PaginationDots.js +0 -17
  384. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +0 -35
  385. package/styled-components/es/components/PaginationDots/index.js +0 -3
  386. package/styled-components/es/components/PaginationDots/usePaginationDots.js +0 -32
  387. package/types/components/PaginationDots/PaginationDot.d.ts +0 -20
  388. package/types/components/PaginationDots/PaginationDot.d.ts.map +0 -1
  389. package/types/components/PaginationDots/PaginationDots.d.ts +0 -14
  390. package/types/components/PaginationDots/PaginationDots.d.ts.map +0 -1
  391. package/types/components/PaginationDots/SmartPaginationDots.d.ts +0 -14
  392. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +0 -1
  393. package/types/components/PaginationDots/index.d.ts +0 -6
  394. package/types/components/PaginationDots/index.d.ts.map +0 -1
  395. package/types/components/PaginationDots/usePaginationDots.d.ts +0 -14
  396. package/types/components/PaginationDots/usePaginationDots.d.ts.map +0 -1
@@ -1,36 +0,0 @@
1
- import { useRef } from 'react';
2
-
3
- var usePaginationDots = function usePaginationDots(_ref) {
4
- var items = _ref.items,
5
- index = _ref.index,
6
- _ref$visibleItems = _ref.visibleItems,
7
- visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
8
- var activeId = items[index].id;
9
- var prevIndex = useRef(null);
10
- var direction = 0;
11
- if (prevIndex.current !== null) {
12
- direction = index > prevIndex.current ? 1 : -1;
13
- }
14
- var start;
15
- var end;
16
- if (direction === 1) {
17
- end = Math.min(Math.max(index + 2, visibleItems), items.length);
18
- start = Math.max(end - visibleItems, 0);
19
- } else if (direction === -1) {
20
- start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
21
- end = start + visibleItems;
22
- } else {
23
- start = Math.max(index - Math.floor(visibleItems / 2), 0);
24
- end = Math.min(start + visibleItems, items.length);
25
- start = end - visibleItems;
26
- }
27
- var sliced = items.slice(start, end);
28
- prevIndex.current = index;
29
- return {
30
- sliced: sliced,
31
- activeId: activeId
32
- };
33
- };
34
-
35
- export { usePaginationDots };
36
- //# sourceMappingURL=usePaginationDots.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"usePaginationDots.js","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface SmartPaginationDotsProps {\n items: Array<{ id: number | string }>;\n index: number;\n visibleItems?: number;\n}\n\nexport const usePaginationDots = ({ items, index, visibleItems = 7 }: SmartPaginationDotsProps) => {\n const activeId = items[index].id;\n const prevIndex = useRef<number | null>(null);\n let direction = 0;\n\n if (prevIndex.current !== null) {\n direction = index > prevIndex.current ? 1 : -1;\n }\n\n let start: number;\n let end: number;\n\n if (direction === 1) {\n end = Math.min(Math.max(index + 2, visibleItems), items.length);\n start = Math.max(end - visibleItems, 0);\n } else if (direction === -1) {\n start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);\n end = start + visibleItems;\n } else {\n start = Math.max(index - Math.floor(visibleItems / 2), 0);\n end = Math.min(start + visibleItems, items.length);\n start = end - visibleItems;\n }\n\n const sliced = items.slice(start, end);\n\n prevIndex.current = index;\n\n return {\n sliced,\n activeId,\n };\n};\n"],"names":["usePaginationDots","_ref","items","index","_ref$visibleItems","visibleItems","activeId","id","prevIndex","useRef","direction","current","start","end","Math","min","max","length","floor","sliced","slice"],"mappings":";;IAQaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,iBAAA,GAAAH,IAAA,CAAEI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA,CAAA;AAC9D,EAAA,IAAME,QAAQ,GAAGJ,KAAK,CAACC,KAAK,CAAC,CAACI,EAAE,CAAA;AAChC,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAgB,IAAI,CAAC,CAAA;EAC7C,IAAIC,SAAS,GAAG,CAAC,CAAA;AAEjB,EAAA,IAAIF,SAAS,CAACG,OAAO,KAAK,IAAI,EAAE;IAC5BD,SAAS,GAAGP,KAAK,GAAGK,SAAS,CAACG,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAClD,GAAA;AAEA,EAAA,IAAIC,KAAa,CAAA;AACjB,EAAA,IAAIC,GAAW,CAAA;EAEf,IAAIH,SAAS,KAAK,CAAC,EAAE;AACjBG,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAEE,YAAY,CAAC,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAC/DL,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACH,GAAG,GAAGR,YAAY,EAAE,CAAC,CAAC,CAAA;AAC3C,GAAC,MAAM,IAAIK,SAAS,KAAK,CAAC,CAAC,EAAE;IACzBE,KAAK,GAAGE,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAED,KAAK,CAACe,MAAM,GAAGZ,YAAY,CAAC,CAAA;IACrEQ,GAAG,GAAGD,KAAK,GAAGP,YAAY,CAAA;AAC9B,GAAC,MAAM;AACHO,IAAAA,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACb,KAAK,GAAGW,IAAI,CAACI,KAAK,CAACb,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACzDQ,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACH,KAAK,GAAGP,YAAY,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAClDL,KAAK,GAAGC,GAAG,GAAGR,YAAY,CAAA;AAC9B,GAAA;EAEA,IAAMc,MAAM,GAAGjB,KAAK,CAACkB,KAAK,CAACR,KAAK,EAAEC,GAAG,CAAC,CAAA;EAEtCL,SAAS,CAACG,OAAO,GAAGR,KAAK,CAAA;EAEzB,OAAO;AACHgB,IAAAA,MAAM,EAANA,MAAM;AACNb,IAAAA,QAAQ,EAARA,QAAAA;GACH,CAAA;AACL;;;;"}
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.PaginationDot = exports.DotBase = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
- /**
10
- * Элемент пагинации точками.
11
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
12
- */
13
- var DotBase = exports.DotBase = /*#__PURE__*/_styledComponents["default"].li.withConfig({
14
- componentId: "plasma-new-hope__sc-1lu8gfj-0"
15
- })(["width:", ";height:0.375rem;border-radius:1rem;background:", ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}"], function (_ref) {
16
- var isActive = _ref.isActive;
17
- return isActive ? '1.75rem' : '0.375rem';
18
- }, function (_ref2) {
19
- var isActive = _ref2.isActive;
20
- return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
21
- });
22
-
23
- /**
24
- * Элемент пагинации точками.
25
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
26
- */
27
- var PaginationDot = exports.PaginationDot = /*#__PURE__*/(0, _styledComponents["default"])(DotBase).withConfig({
28
- componentId: "plasma-new-hope__sc-1lu8gfj-1"
29
- })(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
30
- var isActive = _ref3.isActive;
31
- return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
32
- });
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.PaginationDots = exports.DotsBase = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
- /**
10
- * Оборачивающий компонент для пагинации точками.
11
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
12
- */
13
- var DotsBase = exports.DotsBase = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
14
- componentId: "plasma-new-hope__sc-1ritf0l-0"
15
- })(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
16
-
17
- /**
18
- * Оборачивающий компонент для пагинации точками.
19
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
20
- */
21
- var PaginationDots = exports.PaginationDots = /*#__PURE__*/(0, _styledComponents["default"])(DotsBase).withConfig({
22
- componentId: "plasma-new-hope__sc-1ritf0l-1"
23
- })([""]);
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SmartPaginationDots = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
- var _usePaginationDots2 = /*#__PURE__*/require("./usePaginationDots");
9
- var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
10
- var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
11
- var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
14
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
15
- /**
16
- * Компонент для отображения точек пагинации
17
- * с возможностью ограничения количества видимых элементов.
18
- */
19
- var SmartPaginationDots = exports.SmartPaginationDots = function SmartPaginationDots(_ref) {
20
- var items = _ref.items,
21
- index = _ref.index,
22
- visibleItems = _ref.visibleItems,
23
- onIndexChange = _ref.onIndexChange,
24
- rest = _objectWithoutProperties(_ref, _excluded);
25
- var _usePaginationDots = (0, _usePaginationDots2.usePaginationDots)({
26
- items: items,
27
- index: index,
28
- visibleItems: visibleItems
29
- }),
30
- sliced = _usePaginationDots.sliced,
31
- activeId = _usePaginationDots.activeId;
32
- return /*#__PURE__*/_react["default"].createElement(_PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
33
- var id = _ref2.id;
34
- return /*#__PURE__*/_react["default"].createElement(_PaginationDot.PaginationDot, {
35
- key: "item:".concat(i),
36
- isActive: id === activeId,
37
- onClick: function onClick() {
38
- return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
39
- }
40
- });
41
- }));
42
- };
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "PaginationDot", {
7
- enumerable: true,
8
- get: function get() {
9
- return _PaginationDot.PaginationDot;
10
- }
11
- });
12
- Object.defineProperty(exports, "PaginationDots", {
13
- enumerable: true,
14
- get: function get() {
15
- return _PaginationDots.PaginationDots;
16
- }
17
- });
18
- Object.defineProperty(exports, "SmartPaginationDots", {
19
- enumerable: true,
20
- get: function get() {
21
- return _SmartPaginationDots.SmartPaginationDots;
22
- }
23
- });
24
- var _SmartPaginationDots = /*#__PURE__*/require("./SmartPaginationDots");
25
- var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
26
- var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.usePaginationDots = void 0;
7
- var _react = /*#__PURE__*/require("react");
8
- var usePaginationDots = exports.usePaginationDots = function usePaginationDots(_ref) {
9
- var items = _ref.items,
10
- index = _ref.index,
11
- _ref$visibleItems = _ref.visibleItems,
12
- visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
13
- var activeId = items[index].id;
14
- var prevIndex = (0, _react.useRef)(null);
15
- var direction = 0;
16
- if (prevIndex.current !== null) {
17
- direction = index > prevIndex.current ? 1 : -1;
18
- }
19
- var start;
20
- var end;
21
- if (direction === 1) {
22
- end = Math.min(Math.max(index + 2, visibleItems), items.length);
23
- start = Math.max(end - visibleItems, 0);
24
- } else if (direction === -1) {
25
- start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
26
- end = start + visibleItems;
27
- } else {
28
- start = Math.max(index - Math.floor(visibleItems / 2), 0);
29
- end = Math.min(start + visibleItems, items.length);
30
- start = end - visibleItems;
31
- }
32
- var sliced = items.slice(start, end);
33
- prevIndex.current = index;
34
- return {
35
- sliced: sliced,
36
- activeId: activeId
37
- };
38
- };
@@ -1,25 +0,0 @@
1
- import styled from 'styled-components';
2
- /**
3
- * Элемент пагинации точками.
4
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
5
- */
6
- export var DotBase = /*#__PURE__*/styled.li.withConfig({
7
- componentId: "plasma-new-hope__sc-1lu8gfj-0"
8
- })(["width:", ";height:0.375rem;border-radius:1rem;background:", ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}"], function (_ref) {
9
- var isActive = _ref.isActive;
10
- return isActive ? '1.75rem' : '0.375rem';
11
- }, function (_ref2) {
12
- var isActive = _ref2.isActive;
13
- return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
14
- });
15
-
16
- /**
17
- * Элемент пагинации точками.
18
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
19
- */
20
- export var PaginationDot = /*#__PURE__*/styled(DotBase).withConfig({
21
- componentId: "plasma-new-hope__sc-1lu8gfj-1"
22
- })(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
23
- var isActive = _ref3.isActive;
24
- return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
25
- });
@@ -1,17 +0,0 @@
1
- import styled from 'styled-components';
2
-
3
- /**
4
- * Оборачивающий компонент для пагинации точками.
5
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
6
- */
7
- export var DotsBase = /*#__PURE__*/styled.ul.withConfig({
8
- componentId: "plasma-new-hope__sc-1ritf0l-0"
9
- })(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
10
-
11
- /**
12
- * Оборачивающий компонент для пагинации точками.
13
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
14
- */
15
- export var PaginationDots = /*#__PURE__*/styled(DotsBase).withConfig({
16
- componentId: "plasma-new-hope__sc-1ritf0l-1"
17
- })([""]);
@@ -1,35 +0,0 @@
1
- var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
2
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import React from 'react';
5
- import { usePaginationDots } from "./usePaginationDots";
6
- import { PaginationDots } from "./PaginationDots";
7
- import { PaginationDot } from "./PaginationDot";
8
- /**
9
- * Компонент для отображения точек пагинации
10
- * с возможностью ограничения количества видимых элементов.
11
- */
12
- export var SmartPaginationDots = function SmartPaginationDots(_ref) {
13
- var items = _ref.items,
14
- index = _ref.index,
15
- visibleItems = _ref.visibleItems,
16
- onIndexChange = _ref.onIndexChange,
17
- rest = _objectWithoutProperties(_ref, _excluded);
18
- var _usePaginationDots = usePaginationDots({
19
- items: items,
20
- index: index,
21
- visibleItems: visibleItems
22
- }),
23
- sliced = _usePaginationDots.sliced,
24
- activeId = _usePaginationDots.activeId;
25
- return /*#__PURE__*/React.createElement(PaginationDots, rest, sliced.map(function (_ref2, i) {
26
- var id = _ref2.id;
27
- return /*#__PURE__*/React.createElement(PaginationDot, {
28
- key: "item:".concat(i),
29
- isActive: id === activeId,
30
- onClick: function onClick() {
31
- return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
32
- }
33
- });
34
- }));
35
- };
@@ -1,3 +0,0 @@
1
- export { SmartPaginationDots } from "./SmartPaginationDots";
2
- export { PaginationDots } from "./PaginationDots";
3
- export { PaginationDot } from "./PaginationDot";
@@ -1,32 +0,0 @@
1
- import { useRef } from 'react';
2
- export var usePaginationDots = function usePaginationDots(_ref) {
3
- var items = _ref.items,
4
- index = _ref.index,
5
- _ref$visibleItems = _ref.visibleItems,
6
- visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
7
- var activeId = items[index].id;
8
- var prevIndex = useRef(null);
9
- var direction = 0;
10
- if (prevIndex.current !== null) {
11
- direction = index > prevIndex.current ? 1 : -1;
12
- }
13
- var start;
14
- var end;
15
- if (direction === 1) {
16
- end = Math.min(Math.max(index + 2, visibleItems), items.length);
17
- start = Math.max(end - visibleItems, 0);
18
- } else if (direction === -1) {
19
- start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
20
- end = start + visibleItems;
21
- } else {
22
- start = Math.max(index - Math.floor(visibleItems / 2), 0);
23
- end = Math.min(start + visibleItems, items.length);
24
- start = end - visibleItems;
25
- }
26
- var sliced = items.slice(start, end);
27
- prevIndex.current = index;
28
- return {
29
- sliced: sliced,
30
- activeId: activeId
31
- };
32
- };
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- export interface PaginationDotProps extends React.LiHTMLAttributes<HTMLLIElement> {
3
- /**
4
- * Элемент активен
5
- */
6
- isActive: boolean;
7
- }
8
- /**
9
- * Элемент пагинации точками.
10
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
11
- */
12
- export declare const DotBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & PaginationDotProps>;
13
- /**
14
- * Элемент пагинации точками.
15
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
16
- */
17
- export declare const PaginationDot: import("@linaria/react").StyledComponent<PaginationDotProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
18
- as?: import("react").ElementType<any> | undefined;
19
- }>;
20
- //# sourceMappingURL=PaginationDot.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaginationDot.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDot.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC7E;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,iKAenB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;EAQzB,CAAC"}
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Оборачивающий компонент для пагинации точками.
4
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
5
- */
6
- export declare const DotsBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown>>;
7
- /**
8
- * Оборачивающий компонент для пагинации точками.
9
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
10
- */
11
- export declare const PaginationDots: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown> & {
12
- as?: import("react").ElementType<any> | undefined;
13
- }>;
14
- //# sourceMappingURL=PaginationDots.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"names":[],"mappings":";AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,yKAQpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;;EAAqB,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { SmartPaginationDotsProps as BaseProps } from './usePaginationDots';
3
- export interface SmartPaginationDotsProps extends BaseProps, React.HTMLAttributes<HTMLUListElement> {
4
- /**
5
- * Обработчик изменения индекса
6
- */
7
- onIndexChange?: (index: number) => void;
8
- }
9
- /**
10
- * Компонент для отображения точек пагинации
11
- * с возможностью ограничения количества видимых элементов.
12
- */
13
- export declare const SmartPaginationDots: React.FC<SmartPaginationDotsProps>;
14
- //# sourceMappingURL=SmartPaginationDots.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SmartPaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/SmartPaginationDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,wBAAwB,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI/F,MAAM,WAAW,wBAAyB,SAAQ,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/F;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgBlE,CAAC"}
@@ -1,6 +0,0 @@
1
- export { SmartPaginationDots } from './SmartPaginationDots';
2
- export type { SmartPaginationDotsProps } from './SmartPaginationDots';
3
- export { PaginationDots } from './PaginationDots';
4
- export { PaginationDot } from './PaginationDot';
5
- export type { PaginationDotProps } from './PaginationDot';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,14 +0,0 @@
1
- export interface SmartPaginationDotsProps {
2
- items: Array<{
3
- id: number | string;
4
- }>;
5
- index: number;
6
- visibleItems?: number;
7
- }
8
- export declare const usePaginationDots: ({ items, index, visibleItems }: SmartPaginationDotsProps) => {
9
- sliced: {
10
- id: number | string;
11
- }[];
12
- activeId: string | number;
13
- };
14
- //# sourceMappingURL=usePaginationDots.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"usePaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACrC,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,iBAAiB,mCAAwC,wBAAwB;;YALvE,MAAM,GAAG,MAAM;;;CAqCrC,CAAC"}