@cloud-ru/ds-calendar 1.0.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 (528) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/LICENSE +201 -0
  3. package/MIGRATION.md +5 -0
  4. package/README.md +685 -0
  5. package/dist/cjs/components/Calendar/Calendar.d.ts +128 -0
  6. package/dist/cjs/components/Calendar/Calendar.js +25 -0
  7. package/dist/cjs/components/Calendar/index.d.ts +1 -0
  8. package/dist/cjs/components/Calendar/index.js +17 -0
  9. package/dist/cjs/components/Calendar/utils.d.ts +3 -0
  10. package/dist/cjs/components/Calendar/utils.js +19 -0
  11. package/dist/cjs/components/CalendarDropdown/CalendarDropdown.d.ts +22 -0
  12. package/dist/cjs/components/CalendarDropdown/CalendarDropdown.js +11 -0
  13. package/dist/cjs/components/CalendarDropdown/index.d.ts +1 -0
  14. package/dist/cjs/components/CalendarDropdown/index.js +17 -0
  15. package/dist/cjs/components/CalendarDropdown/styles.module.css +9 -0
  16. package/dist/cjs/components/TimePicker/TimePicker.d.ts +34 -0
  17. package/dist/cjs/components/TimePicker/TimePicker.js +138 -0
  18. package/dist/cjs/components/TimePicker/constants.d.ts +1 -0
  19. package/dist/cjs/components/TimePicker/constants.js +4 -0
  20. package/dist/cjs/components/TimePicker/index.d.ts +1 -0
  21. package/dist/cjs/components/TimePicker/index.js +17 -0
  22. package/dist/cjs/components/TimePicker/styles.module.css +12 -0
  23. package/dist/cjs/components/TimePickerDropdown/TimePickerDropdown.d.ts +22 -0
  24. package/dist/cjs/components/TimePickerDropdown/TimePickerDropdown.js +11 -0
  25. package/dist/cjs/components/TimePickerDropdown/index.d.ts +1 -0
  26. package/dist/cjs/components/TimePickerDropdown/index.js +17 -0
  27. package/dist/cjs/components/TimePickerDropdown/styles.module.css +19 -0
  28. package/dist/cjs/components/index.d.ts +4 -0
  29. package/dist/cjs/components/index.js +20 -0
  30. package/dist/cjs/constants.d.ts +68 -0
  31. package/dist/cjs/constants.js +64 -0
  32. package/dist/cjs/helperComponents/CalendarBase/CalendarBase.d.ts +27 -0
  33. package/dist/cjs/helperComponents/CalendarBase/CalendarBase.js +151 -0
  34. package/dist/cjs/helperComponents/CalendarBase/hooks.d.ts +11 -0
  35. package/dist/cjs/helperComponents/CalendarBase/hooks.js +40 -0
  36. package/dist/cjs/helperComponents/CalendarBase/index.d.ts +1 -0
  37. package/dist/cjs/helperComponents/CalendarBase/index.js +17 -0
  38. package/dist/cjs/helperComponents/CalendarBase/styles.module.css +100 -0
  39. package/dist/cjs/helperComponents/CalendarBody/CalendarBody.d.ts +1 -0
  40. package/dist/cjs/helperComponents/CalendarBody/CalendarBody.js +21 -0
  41. package/dist/cjs/helperComponents/CalendarBody/index.d.ts +1 -0
  42. package/dist/cjs/helperComponents/CalendarBody/index.js +17 -0
  43. package/dist/cjs/helperComponents/CalendarContext/CalendarContext.d.ts +51 -0
  44. package/dist/cjs/helperComponents/CalendarContext/CalendarContext.js +47 -0
  45. package/dist/cjs/helperComponents/CalendarContext/index.d.ts +1 -0
  46. package/dist/cjs/helperComponents/CalendarContext/index.js +17 -0
  47. package/dist/cjs/helperComponents/DecadeView/DecadeView.d.ts +1 -0
  48. package/dist/cjs/helperComponents/DecadeView/DecadeView.js +45 -0
  49. package/dist/cjs/helperComponents/DecadeView/index.d.ts +1 -0
  50. package/dist/cjs/helperComponents/DecadeView/index.js +17 -0
  51. package/dist/cjs/helperComponents/DecadeView/utils.d.ts +2 -0
  52. package/dist/cjs/helperComponents/DecadeView/utils.js +19 -0
  53. package/dist/cjs/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.d.ts +2 -0
  54. package/dist/cjs/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.js +30 -0
  55. package/dist/cjs/helperComponents/DesktopCalendarDropdown/index.d.ts +1 -0
  56. package/dist/cjs/helperComponents/DesktopCalendarDropdown/index.js +17 -0
  57. package/dist/cjs/helperComponents/DesktopTimePickerDropdown/DesktopTimePickerDropdown.d.ts +2 -0
  58. package/dist/cjs/helperComponents/DesktopTimePickerDropdown/DesktopTimePickerDropdown.js +117 -0
  59. package/dist/cjs/helperComponents/DesktopTimePickerDropdown/index.d.ts +1 -0
  60. package/dist/cjs/helperComponents/DesktopTimePickerDropdown/index.js +17 -0
  61. package/dist/cjs/helperComponents/Footer/Footer.d.ts +20 -0
  62. package/dist/cjs/helperComponents/Footer/Footer.js +100 -0
  63. package/dist/cjs/helperComponents/Footer/index.d.ts +1 -0
  64. package/dist/cjs/helperComponents/Footer/index.js +17 -0
  65. package/dist/cjs/helperComponents/Footer/styles.module.css +15 -0
  66. package/dist/cjs/helperComponents/Grid/Grid.d.ts +5 -0
  67. package/dist/cjs/helperComponents/Grid/Grid.js +23 -0
  68. package/dist/cjs/helperComponents/Grid/index.d.ts +1 -0
  69. package/dist/cjs/helperComponents/Grid/index.js +17 -0
  70. package/dist/cjs/helperComponents/Grid/styles.module.css +5 -0
  71. package/dist/cjs/helperComponents/Header/Header.d.ts +1 -0
  72. package/dist/cjs/helperComponents/Header/Header.js +68 -0
  73. package/dist/cjs/helperComponents/Header/constants.d.ts +3 -0
  74. package/dist/cjs/helperComponents/Header/constants.js +6 -0
  75. package/dist/cjs/helperComponents/Header/hooks.d.ts +1 -0
  76. package/dist/cjs/helperComponents/Header/hooks.js +23 -0
  77. package/dist/cjs/helperComponents/Header/index.d.ts +1 -0
  78. package/dist/cjs/helperComponents/Header/index.js +17 -0
  79. package/dist/cjs/helperComponents/Header/styles.module.css +28 -0
  80. package/dist/cjs/helperComponents/Header/utils.d.ts +2 -0
  81. package/dist/cjs/helperComponents/Header/utils.js +17 -0
  82. package/dist/cjs/helperComponents/Item/Item.d.ts +21 -0
  83. package/dist/cjs/helperComponents/Item/Item.js +75 -0
  84. package/dist/cjs/helperComponents/Item/hooks.d.ts +30 -0
  85. package/dist/cjs/helperComponents/Item/hooks.js +71 -0
  86. package/dist/cjs/helperComponents/Item/index.d.ts +1 -0
  87. package/dist/cjs/helperComponents/Item/index.js +17 -0
  88. package/dist/cjs/helperComponents/Item/styles.module.css +355 -0
  89. package/dist/cjs/helperComponents/MobileCalendar/MobileCalendar.d.ts +25 -0
  90. package/dist/cjs/helperComponents/MobileCalendar/MobileCalendar.js +308 -0
  91. package/dist/cjs/helperComponents/MobileCalendar/index.d.ts +1 -0
  92. package/dist/cjs/helperComponents/MobileCalendar/index.js +17 -0
  93. package/dist/cjs/helperComponents/MobileCalendar/levelConfig.d.ts +30 -0
  94. package/dist/cjs/helperComponents/MobileCalendar/levelConfig.js +69 -0
  95. package/dist/cjs/helperComponents/MobileCalendar/styles.module.css +35 -0
  96. package/dist/cjs/helperComponents/MobileCalendarDropdown/MobileCalendarDropdown.d.ts +5 -0
  97. package/dist/cjs/helperComponents/MobileCalendarDropdown/MobileCalendarDropdown.js +32 -0
  98. package/dist/cjs/helperComponents/MobileCalendarDropdown/index.d.ts +1 -0
  99. package/dist/cjs/helperComponents/MobileCalendarDropdown/index.js +17 -0
  100. package/dist/cjs/helperComponents/MobileFooter/MobileFooter.d.ts +12 -0
  101. package/dist/cjs/helperComponents/MobileFooter/MobileFooter.js +35 -0
  102. package/dist/cjs/helperComponents/MobileFooter/format.d.ts +10 -0
  103. package/dist/cjs/helperComponents/MobileFooter/format.js +60 -0
  104. package/dist/cjs/helperComponents/MobileFooter/index.d.ts +1 -0
  105. package/dist/cjs/helperComponents/MobileFooter/index.js +17 -0
  106. package/dist/cjs/helperComponents/MobileFooter/styles.module.css +38 -0
  107. package/dist/cjs/helperComponents/MobilePeriodBlock/MobilePeriodBlock.d.ts +18 -0
  108. package/dist/cjs/helperComponents/MobilePeriodBlock/MobilePeriodBlock.js +40 -0
  109. package/dist/cjs/helperComponents/MobilePeriodBlock/index.d.ts +1 -0
  110. package/dist/cjs/helperComponents/MobilePeriodBlock/index.js +17 -0
  111. package/dist/cjs/helperComponents/MobilePeriodBlock/styles.module.css +56 -0
  112. package/dist/cjs/helperComponents/MobilePeriodScroller/MobilePeriodScroller.d.ts +21 -0
  113. package/dist/cjs/helperComponents/MobilePeriodScroller/MobilePeriodScroller.js +92 -0
  114. package/dist/cjs/helperComponents/MobilePeriodScroller/index.d.ts +1 -0
  115. package/dist/cjs/helperComponents/MobilePeriodScroller/index.js +17 -0
  116. package/dist/cjs/helperComponents/MobilePeriodScroller/styles.module.css +17 -0
  117. package/dist/cjs/helperComponents/MobilePresetsScreen/MobilePresetsScreen.d.ts +6 -0
  118. package/dist/cjs/helperComponents/MobilePresetsScreen/MobilePresetsScreen.js +8 -0
  119. package/dist/cjs/helperComponents/MobilePresetsScreen/index.d.ts +1 -0
  120. package/dist/cjs/helperComponents/MobilePresetsScreen/index.js +17 -0
  121. package/dist/cjs/helperComponents/MobileTimePickerDropdown/MobileTimePickerDropdown.d.ts +6 -0
  122. package/dist/cjs/helperComponents/MobileTimePickerDropdown/MobileTimePickerDropdown.js +69 -0
  123. package/dist/cjs/helperComponents/MobileTimePickerDropdown/index.d.ts +1 -0
  124. package/dist/cjs/helperComponents/MobileTimePickerDropdown/index.js +17 -0
  125. package/dist/cjs/helperComponents/MobileTimeScreen/MobileTimeScreen.d.ts +9 -0
  126. package/dist/cjs/helperComponents/MobileTimeScreen/MobileTimeScreen.js +14 -0
  127. package/dist/cjs/helperComponents/MobileTimeScreen/index.d.ts +1 -0
  128. package/dist/cjs/helperComponents/MobileTimeScreen/index.js +17 -0
  129. package/dist/cjs/helperComponents/MonthView/MonthView.d.ts +1 -0
  130. package/dist/cjs/helperComponents/MonthView/MonthView.js +76 -0
  131. package/dist/cjs/helperComponents/MonthView/constants.d.ts +2 -0
  132. package/dist/cjs/helperComponents/MonthView/constants.js +5 -0
  133. package/dist/cjs/helperComponents/MonthView/index.d.ts +1 -0
  134. package/dist/cjs/helperComponents/MonthView/index.js +17 -0
  135. package/dist/cjs/helperComponents/MonthView/utils.d.ts +2 -0
  136. package/dist/cjs/helperComponents/MonthView/utils.js +23 -0
  137. package/dist/cjs/helperComponents/NavButton/NavButton.d.ts +15 -0
  138. package/dist/cjs/helperComponents/NavButton/NavButton.js +49 -0
  139. package/dist/cjs/helperComponents/NavButton/index.d.ts +1 -0
  140. package/dist/cjs/helperComponents/NavButton/index.js +17 -0
  141. package/dist/cjs/helperComponents/PeriodPresetsList/PeriodPresetsList.d.ts +10 -0
  142. package/dist/cjs/helperComponents/PeriodPresetsList/PeriodPresetsList.js +21 -0
  143. package/dist/cjs/helperComponents/PeriodPresetsList/index.d.ts +1 -0
  144. package/dist/cjs/helperComponents/PeriodPresetsList/index.js +17 -0
  145. package/dist/cjs/helperComponents/PeriodPresetsList/utils.d.ts +5 -0
  146. package/dist/cjs/helperComponents/PeriodPresetsList/utils.js +56 -0
  147. package/dist/cjs/helperComponents/TimeList/TimeList.d.ts +16 -0
  148. package/dist/cjs/helperComponents/TimeList/TimeList.js +29 -0
  149. package/dist/cjs/helperComponents/TimeList/index.d.ts +1 -0
  150. package/dist/cjs/helperComponents/TimeList/index.js +17 -0
  151. package/dist/cjs/helperComponents/TimeList/styles.module.css +29 -0
  152. package/dist/cjs/helperComponents/TimePickerBase/TimePickerBase.d.ts +7 -0
  153. package/dist/cjs/helperComponents/TimePickerBase/TimePickerBase.js +132 -0
  154. package/dist/cjs/helperComponents/TimePickerBase/index.d.ts +1 -0
  155. package/dist/cjs/helperComponents/TimePickerBase/index.js +17 -0
  156. package/dist/cjs/helperComponents/TimePickerBase/styles.module.css +108 -0
  157. package/dist/cjs/helperComponents/TimePickerDrum/TimePickerDrum.d.ts +24 -0
  158. package/dist/cjs/helperComponents/TimePickerDrum/TimePickerDrum.js +77 -0
  159. package/dist/cjs/helperComponents/TimePickerDrum/TimePickerDrumWheelColumn.d.ts +34 -0
  160. package/dist/cjs/helperComponents/TimePickerDrum/TimePickerDrumWheelColumn.js +225 -0
  161. package/dist/cjs/helperComponents/TimePickerDrum/constants.d.ts +11 -0
  162. package/dist/cjs/helperComponents/TimePickerDrum/constants.js +15 -0
  163. package/dist/cjs/helperComponents/TimePickerDrum/index.d.ts +3 -0
  164. package/dist/cjs/helperComponents/TimePickerDrum/index.js +21 -0
  165. package/dist/cjs/helperComponents/TimePickerDrum/styles.module.css +297 -0
  166. package/dist/cjs/helperComponents/TimePickerDrum/types.d.ts +59 -0
  167. package/dist/cjs/helperComponents/TimePickerDrum/types.js +2 -0
  168. package/dist/cjs/helperComponents/TimePickerDrum/utils.d.ts +36 -0
  169. package/dist/cjs/helperComponents/TimePickerDrum/utils.js +122 -0
  170. package/dist/cjs/helperComponents/WeekRow/WeekRow.d.ts +1 -0
  171. package/dist/cjs/helperComponents/WeekRow/WeekRow.js +21 -0
  172. package/dist/cjs/helperComponents/WeekRow/index.d.ts +1 -0
  173. package/dist/cjs/helperComponents/WeekRow/index.js +17 -0
  174. package/dist/cjs/helperComponents/WeekRow/styles.module.css +3 -0
  175. package/dist/cjs/helperComponents/WeekRow/utils.d.ts +3 -0
  176. package/dist/cjs/helperComponents/WeekRow/utils.js +16 -0
  177. package/dist/cjs/helperComponents/YearView/YearView.d.ts +1 -0
  178. package/dist/cjs/helperComponents/YearView/YearView.js +57 -0
  179. package/dist/cjs/helperComponents/YearView/index.d.ts +1 -0
  180. package/dist/cjs/helperComponents/YearView/index.js +17 -0
  181. package/dist/cjs/helperComponents/YearView/utils.d.ts +2 -0
  182. package/dist/cjs/helperComponents/YearView/utils.js +19 -0
  183. package/dist/cjs/helperComponents/index.d.ts +4 -0
  184. package/dist/cjs/helperComponents/index.js +20 -0
  185. package/dist/cjs/hooks/classifyCell.d.ts +34 -0
  186. package/dist/cjs/hooks/classifyCell.js +45 -0
  187. package/dist/cjs/hooks/index.d.ts +7 -0
  188. package/dist/cjs/hooks/index.js +23 -0
  189. package/dist/cjs/hooks/useCalendarContext.d.ts +1 -0
  190. package/dist/cjs/hooks/useCalendarContext.js +8 -0
  191. package/dist/cjs/hooks/useDateAndTime.d.ts +14 -0
  192. package/dist/cjs/hooks/useDateAndTime.js +111 -0
  193. package/dist/cjs/hooks/useGrid.d.ts +13 -0
  194. package/dist/cjs/hooks/useGrid.js +80 -0
  195. package/dist/cjs/hooks/useOpenTrigger.d.ts +3 -0
  196. package/dist/cjs/hooks/useOpenTrigger.js +25 -0
  197. package/dist/cjs/hooks/useTimeDrumHandlers.d.ts +8 -0
  198. package/dist/cjs/hooks/useTimeDrumHandlers.js +20 -0
  199. package/dist/cjs/hooks/useTimePickerValueBridge.d.ts +22 -0
  200. package/dist/cjs/hooks/useTimePickerValueBridge.js +74 -0
  201. package/dist/cjs/index.d.ts +4 -0
  202. package/dist/cjs/index.js +20 -0
  203. package/dist/cjs/locale/index.d.ts +95 -0
  204. package/dist/cjs/locale/index.js +52 -0
  205. package/dist/cjs/package.json +3 -0
  206. package/dist/cjs/style.css +1126 -0
  207. package/dist/cjs/types.d.ts +78 -0
  208. package/dist/cjs/types.js +2 -0
  209. package/dist/cjs/utils.d.ts +36 -0
  210. package/dist/cjs/utils.js +130 -0
  211. package/dist/esm/components/Calendar/Calendar.d.ts +128 -0
  212. package/dist/esm/components/Calendar/Calendar.js +22 -0
  213. package/dist/esm/components/Calendar/index.d.ts +1 -0
  214. package/dist/esm/components/Calendar/index.js +1 -0
  215. package/dist/esm/components/Calendar/utils.d.ts +3 -0
  216. package/dist/esm/components/Calendar/utils.js +15 -0
  217. package/dist/esm/components/CalendarDropdown/CalendarDropdown.d.ts +22 -0
  218. package/dist/esm/components/CalendarDropdown/CalendarDropdown.js +8 -0
  219. package/dist/esm/components/CalendarDropdown/index.d.ts +1 -0
  220. package/dist/esm/components/CalendarDropdown/index.js +1 -0
  221. package/dist/esm/components/CalendarDropdown/styles.module.css +9 -0
  222. package/dist/esm/components/TimePicker/TimePicker.d.ts +34 -0
  223. package/dist/esm/components/TimePicker/TimePicker.js +132 -0
  224. package/dist/esm/components/TimePicker/constants.d.ts +1 -0
  225. package/dist/esm/components/TimePicker/constants.js +1 -0
  226. package/dist/esm/components/TimePicker/index.d.ts +1 -0
  227. package/dist/esm/components/TimePicker/index.js +1 -0
  228. package/dist/esm/components/TimePicker/styles.module.css +12 -0
  229. package/dist/esm/components/TimePickerDropdown/TimePickerDropdown.d.ts +22 -0
  230. package/dist/esm/components/TimePickerDropdown/TimePickerDropdown.js +8 -0
  231. package/dist/esm/components/TimePickerDropdown/index.d.ts +1 -0
  232. package/dist/esm/components/TimePickerDropdown/index.js +1 -0
  233. package/dist/esm/components/TimePickerDropdown/styles.module.css +19 -0
  234. package/dist/esm/components/index.d.ts +4 -0
  235. package/dist/esm/components/index.js +4 -0
  236. package/dist/esm/constants.d.ts +68 -0
  237. package/dist/esm/constants.js +61 -0
  238. package/dist/esm/helperComponents/CalendarBase/CalendarBase.d.ts +27 -0
  239. package/dist/esm/helperComponents/CalendarBase/CalendarBase.js +145 -0
  240. package/dist/esm/helperComponents/CalendarBase/hooks.d.ts +11 -0
  241. package/dist/esm/helperComponents/CalendarBase/hooks.js +36 -0
  242. package/dist/esm/helperComponents/CalendarBase/index.d.ts +1 -0
  243. package/dist/esm/helperComponents/CalendarBase/index.js +1 -0
  244. package/dist/esm/helperComponents/CalendarBase/styles.module.css +100 -0
  245. package/dist/esm/helperComponents/CalendarBody/CalendarBody.d.ts +1 -0
  246. package/dist/esm/helperComponents/CalendarBody/CalendarBody.js +18 -0
  247. package/dist/esm/helperComponents/CalendarBody/index.d.ts +1 -0
  248. package/dist/esm/helperComponents/CalendarBody/index.js +1 -0
  249. package/dist/esm/helperComponents/CalendarContext/CalendarContext.d.ts +51 -0
  250. package/dist/esm/helperComponents/CalendarContext/CalendarContext.js +44 -0
  251. package/dist/esm/helperComponents/CalendarContext/index.d.ts +1 -0
  252. package/dist/esm/helperComponents/CalendarContext/index.js +1 -0
  253. package/dist/esm/helperComponents/DecadeView/DecadeView.d.ts +1 -0
  254. package/dist/esm/helperComponents/DecadeView/DecadeView.js +42 -0
  255. package/dist/esm/helperComponents/DecadeView/index.d.ts +1 -0
  256. package/dist/esm/helperComponents/DecadeView/index.js +1 -0
  257. package/dist/esm/helperComponents/DecadeView/utils.d.ts +2 -0
  258. package/dist/esm/helperComponents/DecadeView/utils.js +15 -0
  259. package/dist/esm/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.d.ts +2 -0
  260. package/dist/esm/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.js +24 -0
  261. package/dist/esm/helperComponents/DesktopCalendarDropdown/index.d.ts +1 -0
  262. package/dist/esm/helperComponents/DesktopCalendarDropdown/index.js +1 -0
  263. package/dist/esm/helperComponents/DesktopTimePickerDropdown/DesktopTimePickerDropdown.d.ts +2 -0
  264. package/dist/esm/helperComponents/DesktopTimePickerDropdown/DesktopTimePickerDropdown.js +111 -0
  265. package/dist/esm/helperComponents/DesktopTimePickerDropdown/index.d.ts +1 -0
  266. package/dist/esm/helperComponents/DesktopTimePickerDropdown/index.js +1 -0
  267. package/dist/esm/helperComponents/Footer/Footer.d.ts +20 -0
  268. package/dist/esm/helperComponents/Footer/Footer.js +94 -0
  269. package/dist/esm/helperComponents/Footer/index.d.ts +1 -0
  270. package/dist/esm/helperComponents/Footer/index.js +1 -0
  271. package/dist/esm/helperComponents/Footer/styles.module.css +15 -0
  272. package/dist/esm/helperComponents/Grid/Grid.d.ts +5 -0
  273. package/dist/esm/helperComponents/Grid/Grid.js +17 -0
  274. package/dist/esm/helperComponents/Grid/index.d.ts +1 -0
  275. package/dist/esm/helperComponents/Grid/index.js +1 -0
  276. package/dist/esm/helperComponents/Grid/styles.module.css +5 -0
  277. package/dist/esm/helperComponents/Header/Header.d.ts +1 -0
  278. package/dist/esm/helperComponents/Header/Header.js +62 -0
  279. package/dist/esm/helperComponents/Header/constants.d.ts +3 -0
  280. package/dist/esm/helperComponents/Header/constants.js +3 -0
  281. package/dist/esm/helperComponents/Header/hooks.d.ts +1 -0
  282. package/dist/esm/helperComponents/Header/hooks.js +20 -0
  283. package/dist/esm/helperComponents/Header/index.d.ts +1 -0
  284. package/dist/esm/helperComponents/Header/index.js +1 -0
  285. package/dist/esm/helperComponents/Header/styles.module.css +28 -0
  286. package/dist/esm/helperComponents/Header/utils.d.ts +2 -0
  287. package/dist/esm/helperComponents/Header/utils.js +13 -0
  288. package/dist/esm/helperComponents/Item/Item.d.ts +21 -0
  289. package/dist/esm/helperComponents/Item/Item.js +69 -0
  290. package/dist/esm/helperComponents/Item/hooks.d.ts +30 -0
  291. package/dist/esm/helperComponents/Item/hooks.js +68 -0
  292. package/dist/esm/helperComponents/Item/index.d.ts +1 -0
  293. package/dist/esm/helperComponents/Item/index.js +1 -0
  294. package/dist/esm/helperComponents/Item/styles.module.css +355 -0
  295. package/dist/esm/helperComponents/MobileCalendar/MobileCalendar.d.ts +25 -0
  296. package/dist/esm/helperComponents/MobileCalendar/MobileCalendar.js +302 -0
  297. package/dist/esm/helperComponents/MobileCalendar/index.d.ts +1 -0
  298. package/dist/esm/helperComponents/MobileCalendar/index.js +1 -0
  299. package/dist/esm/helperComponents/MobileCalendar/levelConfig.d.ts +30 -0
  300. package/dist/esm/helperComponents/MobileCalendar/levelConfig.js +66 -0
  301. package/dist/esm/helperComponents/MobileCalendar/styles.module.css +35 -0
  302. package/dist/esm/helperComponents/MobileCalendarDropdown/MobileCalendarDropdown.d.ts +5 -0
  303. package/dist/esm/helperComponents/MobileCalendarDropdown/MobileCalendarDropdown.js +29 -0
  304. package/dist/esm/helperComponents/MobileCalendarDropdown/index.d.ts +1 -0
  305. package/dist/esm/helperComponents/MobileCalendarDropdown/index.js +1 -0
  306. package/dist/esm/helperComponents/MobileFooter/MobileFooter.d.ts +12 -0
  307. package/dist/esm/helperComponents/MobileFooter/MobileFooter.js +29 -0
  308. package/dist/esm/helperComponents/MobileFooter/format.d.ts +10 -0
  309. package/dist/esm/helperComponents/MobileFooter/format.js +57 -0
  310. package/dist/esm/helperComponents/MobileFooter/index.d.ts +1 -0
  311. package/dist/esm/helperComponents/MobileFooter/index.js +1 -0
  312. package/dist/esm/helperComponents/MobileFooter/styles.module.css +38 -0
  313. package/dist/esm/helperComponents/MobilePeriodBlock/MobilePeriodBlock.d.ts +18 -0
  314. package/dist/esm/helperComponents/MobilePeriodBlock/MobilePeriodBlock.js +34 -0
  315. package/dist/esm/helperComponents/MobilePeriodBlock/index.d.ts +1 -0
  316. package/dist/esm/helperComponents/MobilePeriodBlock/index.js +1 -0
  317. package/dist/esm/helperComponents/MobilePeriodBlock/styles.module.css +56 -0
  318. package/dist/esm/helperComponents/MobilePeriodScroller/MobilePeriodScroller.d.ts +21 -0
  319. package/dist/esm/helperComponents/MobilePeriodScroller/MobilePeriodScroller.js +86 -0
  320. package/dist/esm/helperComponents/MobilePeriodScroller/index.d.ts +1 -0
  321. package/dist/esm/helperComponents/MobilePeriodScroller/index.js +1 -0
  322. package/dist/esm/helperComponents/MobilePeriodScroller/styles.module.css +17 -0
  323. package/dist/esm/helperComponents/MobilePresetsScreen/MobilePresetsScreen.d.ts +6 -0
  324. package/dist/esm/helperComponents/MobilePresetsScreen/MobilePresetsScreen.js +5 -0
  325. package/dist/esm/helperComponents/MobilePresetsScreen/index.d.ts +1 -0
  326. package/dist/esm/helperComponents/MobilePresetsScreen/index.js +1 -0
  327. package/dist/esm/helperComponents/MobileTimePickerDropdown/MobileTimePickerDropdown.d.ts +6 -0
  328. package/dist/esm/helperComponents/MobileTimePickerDropdown/MobileTimePickerDropdown.js +66 -0
  329. package/dist/esm/helperComponents/MobileTimePickerDropdown/index.d.ts +1 -0
  330. package/dist/esm/helperComponents/MobileTimePickerDropdown/index.js +1 -0
  331. package/dist/esm/helperComponents/MobileTimeScreen/MobileTimeScreen.d.ts +9 -0
  332. package/dist/esm/helperComponents/MobileTimeScreen/MobileTimeScreen.js +11 -0
  333. package/dist/esm/helperComponents/MobileTimeScreen/index.d.ts +1 -0
  334. package/dist/esm/helperComponents/MobileTimeScreen/index.js +1 -0
  335. package/dist/esm/helperComponents/MonthView/MonthView.d.ts +1 -0
  336. package/dist/esm/helperComponents/MonthView/MonthView.js +73 -0
  337. package/dist/esm/helperComponents/MonthView/constants.d.ts +2 -0
  338. package/dist/esm/helperComponents/MonthView/constants.js +2 -0
  339. package/dist/esm/helperComponents/MonthView/index.d.ts +1 -0
  340. package/dist/esm/helperComponents/MonthView/index.js +1 -0
  341. package/dist/esm/helperComponents/MonthView/utils.d.ts +2 -0
  342. package/dist/esm/helperComponents/MonthView/utils.js +19 -0
  343. package/dist/esm/helperComponents/NavButton/NavButton.d.ts +15 -0
  344. package/dist/esm/helperComponents/NavButton/NavButton.js +46 -0
  345. package/dist/esm/helperComponents/NavButton/index.d.ts +1 -0
  346. package/dist/esm/helperComponents/NavButton/index.js +1 -0
  347. package/dist/esm/helperComponents/PeriodPresetsList/PeriodPresetsList.d.ts +10 -0
  348. package/dist/esm/helperComponents/PeriodPresetsList/PeriodPresetsList.js +18 -0
  349. package/dist/esm/helperComponents/PeriodPresetsList/index.d.ts +1 -0
  350. package/dist/esm/helperComponents/PeriodPresetsList/index.js +1 -0
  351. package/dist/esm/helperComponents/PeriodPresetsList/utils.d.ts +5 -0
  352. package/dist/esm/helperComponents/PeriodPresetsList/utils.js +53 -0
  353. package/dist/esm/helperComponents/TimeList/TimeList.d.ts +16 -0
  354. package/dist/esm/helperComponents/TimeList/TimeList.js +23 -0
  355. package/dist/esm/helperComponents/TimeList/index.d.ts +1 -0
  356. package/dist/esm/helperComponents/TimeList/index.js +1 -0
  357. package/dist/esm/helperComponents/TimeList/styles.module.css +29 -0
  358. package/dist/esm/helperComponents/TimePickerBase/TimePickerBase.d.ts +7 -0
  359. package/dist/esm/helperComponents/TimePickerBase/TimePickerBase.js +126 -0
  360. package/dist/esm/helperComponents/TimePickerBase/index.d.ts +1 -0
  361. package/dist/esm/helperComponents/TimePickerBase/index.js +1 -0
  362. package/dist/esm/helperComponents/TimePickerBase/styles.module.css +108 -0
  363. package/dist/esm/helperComponents/TimePickerDrum/TimePickerDrum.d.ts +24 -0
  364. package/dist/esm/helperComponents/TimePickerDrum/TimePickerDrum.js +71 -0
  365. package/dist/esm/helperComponents/TimePickerDrum/TimePickerDrumWheelColumn.d.ts +34 -0
  366. package/dist/esm/helperComponents/TimePickerDrum/TimePickerDrumWheelColumn.js +219 -0
  367. package/dist/esm/helperComponents/TimePickerDrum/constants.d.ts +11 -0
  368. package/dist/esm/helperComponents/TimePickerDrum/constants.js +11 -0
  369. package/dist/esm/helperComponents/TimePickerDrum/index.d.ts +3 -0
  370. package/dist/esm/helperComponents/TimePickerDrum/index.js +3 -0
  371. package/dist/esm/helperComponents/TimePickerDrum/styles.module.css +297 -0
  372. package/dist/esm/helperComponents/TimePickerDrum/types.d.ts +59 -0
  373. package/dist/esm/helperComponents/TimePickerDrum/types.js +1 -0
  374. package/dist/esm/helperComponents/TimePickerDrum/utils.d.ts +36 -0
  375. package/dist/esm/helperComponents/TimePickerDrum/utils.js +114 -0
  376. package/dist/esm/helperComponents/WeekRow/WeekRow.d.ts +1 -0
  377. package/dist/esm/helperComponents/WeekRow/WeekRow.js +15 -0
  378. package/dist/esm/helperComponents/WeekRow/index.d.ts +1 -0
  379. package/dist/esm/helperComponents/WeekRow/index.js +1 -0
  380. package/dist/esm/helperComponents/WeekRow/styles.module.css +3 -0
  381. package/dist/esm/helperComponents/WeekRow/utils.d.ts +3 -0
  382. package/dist/esm/helperComponents/WeekRow/utils.js +12 -0
  383. package/dist/esm/helperComponents/YearView/YearView.d.ts +1 -0
  384. package/dist/esm/helperComponents/YearView/YearView.js +54 -0
  385. package/dist/esm/helperComponents/YearView/index.d.ts +1 -0
  386. package/dist/esm/helperComponents/YearView/index.js +1 -0
  387. package/dist/esm/helperComponents/YearView/utils.d.ts +2 -0
  388. package/dist/esm/helperComponents/YearView/utils.js +15 -0
  389. package/dist/esm/helperComponents/index.d.ts +4 -0
  390. package/dist/esm/helperComponents/index.js +4 -0
  391. package/dist/esm/hooks/classifyCell.d.ts +34 -0
  392. package/dist/esm/hooks/classifyCell.js +42 -0
  393. package/dist/esm/hooks/index.d.ts +7 -0
  394. package/dist/esm/hooks/index.js +7 -0
  395. package/dist/esm/hooks/useCalendarContext.d.ts +1 -0
  396. package/dist/esm/hooks/useCalendarContext.js +5 -0
  397. package/dist/esm/hooks/useDateAndTime.d.ts +14 -0
  398. package/dist/esm/hooks/useDateAndTime.js +108 -0
  399. package/dist/esm/hooks/useGrid.d.ts +13 -0
  400. package/dist/esm/hooks/useGrid.js +77 -0
  401. package/dist/esm/hooks/useOpenTrigger.d.ts +3 -0
  402. package/dist/esm/hooks/useOpenTrigger.js +22 -0
  403. package/dist/esm/hooks/useTimeDrumHandlers.d.ts +8 -0
  404. package/dist/esm/hooks/useTimeDrumHandlers.js +17 -0
  405. package/dist/esm/hooks/useTimePickerValueBridge.d.ts +22 -0
  406. package/dist/esm/hooks/useTimePickerValueBridge.js +71 -0
  407. package/dist/esm/index.d.ts +4 -0
  408. package/dist/esm/index.js +4 -0
  409. package/dist/esm/locale/index.d.ts +95 -0
  410. package/dist/esm/locale/index.js +49 -0
  411. package/dist/esm/style.css +1126 -0
  412. package/dist/esm/types.d.ts +78 -0
  413. package/dist/esm/types.js +1 -0
  414. package/dist/esm/utils.d.ts +36 -0
  415. package/dist/esm/utils.js +100 -0
  416. package/dist/tsconfig.cjs.tsbuildinfo +1 -0
  417. package/dist/tsconfig.esm.tsbuildinfo +1 -0
  418. package/package.json +63 -0
  419. package/src/components/Calendar/Calendar.tsx +172 -0
  420. package/src/components/Calendar/index.ts +1 -0
  421. package/src/components/Calendar/utils.ts +22 -0
  422. package/src/components/CalendarDropdown/CalendarDropdown.tsx +51 -0
  423. package/src/components/CalendarDropdown/index.ts +1 -0
  424. package/src/components/CalendarDropdown/styles.module.scss +8 -0
  425. package/src/components/TimePicker/TimePicker.tsx +218 -0
  426. package/src/components/TimePicker/constants.ts +1 -0
  427. package/src/components/TimePicker/index.ts +1 -0
  428. package/src/components/TimePicker/styles.module.scss +13 -0
  429. package/src/components/TimePickerDropdown/TimePickerDropdown.tsx +55 -0
  430. package/src/components/TimePickerDropdown/index.ts +1 -0
  431. package/src/components/TimePickerDropdown/styles.module.scss +25 -0
  432. package/src/components/index.ts +4 -0
  433. package/src/constants.ts +68 -0
  434. package/src/helperComponents/CalendarBase/CalendarBase.tsx +299 -0
  435. package/src/helperComponents/CalendarBase/hooks.ts +48 -0
  436. package/src/helperComponents/CalendarBase/index.ts +1 -0
  437. package/src/helperComponents/CalendarBase/styles.module.scss +84 -0
  438. package/src/helperComponents/CalendarBody/CalendarBody.tsx +19 -0
  439. package/src/helperComponents/CalendarBody/index.ts +1 -0
  440. package/src/helperComponents/CalendarContext/CalendarContext.tsx +107 -0
  441. package/src/helperComponents/CalendarContext/index.ts +1 -0
  442. package/src/helperComponents/DecadeView/DecadeView.tsx +68 -0
  443. package/src/helperComponents/DecadeView/index.ts +1 -0
  444. package/src/helperComponents/DecadeView/utils.ts +19 -0
  445. package/src/helperComponents/DesktopCalendarDropdown/DesktopCalendarDropdown.tsx +80 -0
  446. package/src/helperComponents/DesktopCalendarDropdown/index.ts +1 -0
  447. package/src/helperComponents/DesktopTimePickerDropdown/DesktopTimePickerDropdown.tsx +209 -0
  448. package/src/helperComponents/DesktopTimePickerDropdown/index.ts +1 -0
  449. package/src/helperComponents/Footer/Footer.tsx +163 -0
  450. package/src/helperComponents/Footer/index.ts +1 -0
  451. package/src/helperComponents/Footer/styles.module.scss +19 -0
  452. package/src/helperComponents/Grid/Grid.tsx +52 -0
  453. package/src/helperComponents/Grid/index.ts +1 -0
  454. package/src/helperComponents/Grid/styles.module.scss +5 -0
  455. package/src/helperComponents/Header/Header.tsx +123 -0
  456. package/src/helperComponents/Header/constants.ts +5 -0
  457. package/src/helperComponents/Header/hooks.ts +22 -0
  458. package/src/helperComponents/Header/index.ts +1 -0
  459. package/src/helperComponents/Header/styles.module.scss +25 -0
  460. package/src/helperComponents/Header/utils.ts +15 -0
  461. package/src/helperComponents/Item/Item.tsx +175 -0
  462. package/src/helperComponents/Item/hooks.ts +91 -0
  463. package/src/helperComponents/Item/index.ts +1 -0
  464. package/src/helperComponents/Item/styles.module.scss +284 -0
  465. package/src/helperComponents/MobileCalendar/MobileCalendar.tsx +513 -0
  466. package/src/helperComponents/MobileCalendar/index.ts +1 -0
  467. package/src/helperComponents/MobileCalendar/levelConfig.ts +109 -0
  468. package/src/helperComponents/MobileCalendar/styles.module.scss +39 -0
  469. package/src/helperComponents/MobileCalendarDropdown/MobileCalendarDropdown.tsx +85 -0
  470. package/src/helperComponents/MobileCalendarDropdown/index.ts +1 -0
  471. package/src/helperComponents/MobileFooter/MobileFooter.tsx +58 -0
  472. package/src/helperComponents/MobileFooter/format.ts +82 -0
  473. package/src/helperComponents/MobileFooter/index.ts +1 -0
  474. package/src/helperComponents/MobileFooter/styles.module.scss +39 -0
  475. package/src/helperComponents/MobilePeriodBlock/MobilePeriodBlock.tsx +82 -0
  476. package/src/helperComponents/MobilePeriodBlock/index.ts +1 -0
  477. package/src/helperComponents/MobilePeriodBlock/styles.module.scss +37 -0
  478. package/src/helperComponents/MobilePeriodScroller/MobilePeriodScroller.tsx +129 -0
  479. package/src/helperComponents/MobilePeriodScroller/index.ts +1 -0
  480. package/src/helperComponents/MobilePeriodScroller/styles.module.scss +23 -0
  481. package/src/helperComponents/MobilePresetsScreen/MobilePresetsScreen.tsx +11 -0
  482. package/src/helperComponents/MobilePresetsScreen/index.ts +1 -0
  483. package/src/helperComponents/MobileTimePickerDropdown/MobileTimePickerDropdown.tsx +126 -0
  484. package/src/helperComponents/MobileTimePickerDropdown/index.ts +1 -0
  485. package/src/helperComponents/MobileTimeScreen/MobileTimeScreen.tsx +38 -0
  486. package/src/helperComponents/MobileTimeScreen/index.ts +1 -0
  487. package/src/helperComponents/MonthView/MonthView.tsx +114 -0
  488. package/src/helperComponents/MonthView/constants.ts +3 -0
  489. package/src/helperComponents/MonthView/index.ts +1 -0
  490. package/src/helperComponents/MonthView/utils.ts +25 -0
  491. package/src/helperComponents/NavButton/NavButton.tsx +109 -0
  492. package/src/helperComponents/NavButton/index.ts +1 -0
  493. package/src/helperComponents/PeriodPresetsList/PeriodPresetsList.tsx +44 -0
  494. package/src/helperComponents/PeriodPresetsList/index.ts +1 -0
  495. package/src/helperComponents/PeriodPresetsList/utils.ts +63 -0
  496. package/src/helperComponents/TimeList/TimeList.tsx +77 -0
  497. package/src/helperComponents/TimeList/index.ts +1 -0
  498. package/src/helperComponents/TimeList/styles.module.scss +19 -0
  499. package/src/helperComponents/TimePickerBase/TimePickerBase.tsx +223 -0
  500. package/src/helperComponents/TimePickerBase/index.ts +1 -0
  501. package/src/helperComponents/TimePickerBase/styles.module.scss +105 -0
  502. package/src/helperComponents/TimePickerDrum/TimePickerDrum.tsx +187 -0
  503. package/src/helperComponents/TimePickerDrum/TimePickerDrumWheelColumn.tsx +344 -0
  504. package/src/helperComponents/TimePickerDrum/constants.ts +13 -0
  505. package/src/helperComponents/TimePickerDrum/index.ts +3 -0
  506. package/src/helperComponents/TimePickerDrum/styles.module.scss +277 -0
  507. package/src/helperComponents/TimePickerDrum/types.ts +62 -0
  508. package/src/helperComponents/TimePickerDrum/utils.ts +130 -0
  509. package/src/helperComponents/WeekRow/WeekRow.tsx +34 -0
  510. package/src/helperComponents/WeekRow/index.ts +1 -0
  511. package/src/helperComponents/WeekRow/styles.module.scss +3 -0
  512. package/src/helperComponents/WeekRow/utils.ts +18 -0
  513. package/src/helperComponents/YearView/YearView.tsx +83 -0
  514. package/src/helperComponents/YearView/index.ts +1 -0
  515. package/src/helperComponents/YearView/utils.ts +19 -0
  516. package/src/helperComponents/index.ts +4 -0
  517. package/src/hooks/classifyCell.ts +104 -0
  518. package/src/hooks/index.ts +7 -0
  519. package/src/hooks/useCalendarContext.ts +7 -0
  520. package/src/hooks/useDateAndTime.ts +130 -0
  521. package/src/hooks/useGrid.ts +123 -0
  522. package/src/hooks/useOpenTrigger.tsx +35 -0
  523. package/src/hooks/useTimeDrumHandlers.ts +35 -0
  524. package/src/hooks/useTimePickerValueBridge.ts +125 -0
  525. package/src/index.ts +4 -0
  526. package/src/locale/index.ts +53 -0
  527. package/src/types.ts +88 -0
  528. package/src/utils.ts +151 -0
@@ -0,0 +1,24 @@
1
+ /** Императивный интерфейс барабана: форсит «оседание» всех колонок (см. FF-8654, комментарий #2). */
2
+ export type TimePickerDrumHandle = {
3
+ /** Синхронно завершает незакоммиченные жесты во всех колонках и возвращает итоговое время. */
4
+ flush(): {
5
+ hours: number;
6
+ minutes: number;
7
+ seconds: number;
8
+ };
9
+ };
10
+ export declare const TimePickerDrum: import("react").ForwardRefExoticComponent<{
11
+ 'data-test-id'?: string;
12
+ } & import("react").AriaAttributes & {
13
+ size?: import("../..").Size;
14
+ showSeconds?: boolean;
15
+ selectedDateLabel?: string;
16
+ hours: number;
17
+ minutes: number;
18
+ seconds?: number;
19
+ onHoursChange(value: number): void;
20
+ onMinutesChange(value: number): void;
21
+ onSecondsChange?(value: number): void;
22
+ customOptions?: import("./types").TimePickerDrumCustomOptions;
23
+ className?: string;
24
+ } & import("react").RefAttributes<TimePickerDrumHandle>>;
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.TimePickerDrum = void 0;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const utils_1 = require("@cloud-ru/ds-utils");
9
+ const classnames_1 = __importDefault(require("classnames"));
10
+ const react_1 = require("react");
11
+ const constants_1 = require("../../constants");
12
+ const constants_2 = require("./constants");
13
+ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
14
+ const TimePickerDrumWheelColumn_1 = require("./TimePickerDrumWheelColumn");
15
+ const utils_2 = require("./utils");
16
+ exports.TimePickerDrum = (0, react_1.forwardRef)(function TimePickerDrum({ size = constants_1.SIZE.M, showSeconds = true, selectedDateLabel, hours, minutes, seconds, onHoursChange, onMinutesChange, onSecondsChange, customOptions, className, 'data-test-id': dataTestId, ...rest }, ref) {
17
+ const { itemHeight, pickerHeight } = (0, react_1.useMemo)(() => (0, utils_2.getSizeLimits)(size), [size]);
18
+ const hoursColumnRef = (0, react_1.useRef)(null);
19
+ const minutesColumnRef = (0, react_1.useRef)(null);
20
+ const secondsColumnRef = (0, react_1.useRef)(null);
21
+ (0, react_1.useImperativeHandle)(ref, () => ({
22
+ flush: () => ({
23
+ hours: hoursColumnRef.current?.flush() ?? hours,
24
+ minutes: minutesColumnRef.current?.flush() ?? minutes,
25
+ seconds: secondsColumnRef.current?.flush() ?? seconds ?? 0,
26
+ }),
27
+ }), [hours, minutes, seconds]);
28
+ const hourValues = (0, react_1.useMemo)(() => (0, utils_2.buildColumnValues)(constants_1.HOURS, customOptions?.allowedHours, customOptions?.minHour), [customOptions?.allowedHours, customOptions?.minHour]);
29
+ const minuteValues = (0, react_1.useMemo)(() => (0, utils_2.buildColumnValues)(constants_1.MINUTES, customOptions?.allowedMinutes, customOptions?.minMinute), [customOptions?.allowedMinutes, customOptions?.minMinute]);
30
+ const secondValues = (0, react_1.useMemo)(() => (0, utils_2.buildColumnValues)(constants_1.SECONDS, customOptions?.allowedSeconds, customOptions?.minSecond), [customOptions?.allowedSeconds, customOptions?.minSecond]);
31
+ /**
32
+ * Подгонка `hours` / `minutes` / `seconds` под `customOptions`: при несовпадении с допустимым набором
33
+ * вызывается ближайший `on*Change`. В контролируемом режиме колбэк обязан обновить проп до этого значения;
34
+ * иначе эффект будет срабатывать на каждом рендере (риск цикла обновлений).
35
+ */
36
+ (0, react_1.useEffect)(() => {
37
+ const next = (0, utils_2.nearestInSortedValues)(hourValues, hours);
38
+ if (!Number.isFinite(next) || next === hours) {
39
+ return;
40
+ }
41
+ onHoursChange(next);
42
+ }, [hourValues, hours, onHoursChange]);
43
+ (0, react_1.useEffect)(() => {
44
+ const next = (0, utils_2.nearestInSortedValues)(minuteValues, minutes);
45
+ if (!Number.isFinite(next) || next === minutes) {
46
+ return;
47
+ }
48
+ onMinutesChange(next);
49
+ }, [minuteValues, minutes, onMinutesChange]);
50
+ (0, react_1.useEffect)(() => {
51
+ if (!showSeconds || onSecondsChange == null) {
52
+ return;
53
+ }
54
+ const s = seconds ?? 0;
55
+ const next = (0, utils_2.nearestInSortedValues)(secondValues, s);
56
+ if (!Number.isFinite(next) || next === s) {
57
+ return;
58
+ }
59
+ onSecondsChange(next);
60
+ }, [onSecondsChange, secondValues, seconds, showSeconds]);
61
+ const timeDisplay = (0, react_1.useMemo)(() => {
62
+ const h = (0, utils_2.formatDisplayPart)(hours);
63
+ const m = (0, utils_2.formatDisplayPart)(minutes);
64
+ if (showSeconds) {
65
+ const s = (0, utils_2.formatDisplayPart)(seconds ?? 0);
66
+ return { main: `${h}:${m}`, secondsPart: `:${s}` };
67
+ }
68
+ return { main: `${h}:${m}`, secondsPart: undefined };
69
+ }, [hours, minutes, seconds, showSeconds]);
70
+ const selectedDateLabelDisplay = (0, react_1.useMemo)(() => {
71
+ if (!selectedDateLabel) {
72
+ return '';
73
+ }
74
+ return (0, utils_2.formatSelectedDateLabelForDisplay)(selectedDateLabel);
75
+ }, [selectedDateLabel]);
76
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.root, className), "data-size": size, "data-show-seconds": showSeconds || undefined, "data-bottom-sheet-no-drag": true, "data-test-id": dataTestId ?? constants_2.TEST_IDS.root, ...(0, utils_1.extractSupportProps)(rest), children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.selectedTime, "data-test-id": constants_2.TEST_IDS.selectedTime, children: [selectedDateLabelDisplay !== '' && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.dateLabel, "data-test-id": constants_2.TEST_IDS.selectedDate, children: selectedDateLabelDisplay })), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.timeRow, children: [(0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.timeMain, children: timeDisplay.main }), timeDisplay.secondsPart != null && (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.timeSeconds, children: timeDisplay.secondsPart })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.drum, "data-test-id": constants_2.TEST_IDS.drum, children: [(0, jsx_runtime_1.jsx)(TimePickerDrumWheelColumn_1.TimePickerDrumWheelColumn, { ref: hoursColumnRef, className: styles_module_scss_1.default.column, value: hours, options: hourValues, formatLabel: utils_2.formatDisplayPart, height: pickerHeight, itemHeight: itemHeight, "data-test-id": constants_2.TEST_IDS.hoursColumn, onChange: onHoursChange }), (0, jsx_runtime_1.jsx)(TimePickerDrumWheelColumn_1.TimePickerDrumWheelColumn, { ref: minutesColumnRef, className: styles_module_scss_1.default.column, value: minutes, options: minuteValues, formatLabel: utils_2.formatDisplayPart, height: pickerHeight, itemHeight: itemHeight, "data-test-id": constants_2.TEST_IDS.minutesColumn, onChange: onMinutesChange }), showSeconds && ((0, jsx_runtime_1.jsx)(TimePickerDrumWheelColumn_1.TimePickerDrumWheelColumn, { ref: secondsColumnRef, className: styles_module_scss_1.default.column, value: seconds ?? 0, options: secondValues, formatLabel: utils_2.formatDisplayPart, height: pickerHeight, itemHeight: itemHeight, "data-test-id": constants_2.TEST_IDS.secondsColumn, onChange: onSecondsChange ?? constants_2.noop }))] })] }));
77
+ });
@@ -0,0 +1,34 @@
1
+ export type TimePickerDrumWheelColumnProps = {
2
+ /**
3
+ * Допустимые значения колонки: отсортированный по возрастанию список без дубликатов.
4
+ * Циклическая прокрутка выполняется только по индексам этого массива.
5
+ */
6
+ options: number[];
7
+ /** Текущее выбранное значение; должно входить в `options` (иначе для отображения берётся ближайшее из списка). */
8
+ value: number;
9
+ /** Вызывается при смене значения после жеста (отпускание / `lostpointercapture`) или после паузы при прокрутке колесом. */
10
+ onChange(value: number): void;
11
+ /** Высота одной строки барабана в пикселях (шаг дискретизации при перетаскивании и колесе). */
12
+ itemHeight: number;
13
+ /** Высота видимой области колонки («окна») в пикселях. */
14
+ height: number;
15
+ /** Форматирование подписи в ячейке (например с ведущим нулём для минут). */
16
+ formatLabel(value: number): string;
17
+ /** Дополнительный CSS-класс корневого элемента колонки (обёртка с обработчиками указателя). */
18
+ className?: string;
19
+ /** Идентификатор для автотестов на корневом элементе колонки. */
20
+ 'data-test-id'?: string;
21
+ };
22
+ /** Императивный интерфейс колонки: форсит «оседание» незавершённого жеста (инерция/колесо) в `onChange`. */
23
+ export type TimePickerDrumWheelColumnHandle = {
24
+ /**
25
+ * Синхронно завершает незакоммиченный жест (инерцию и/или колесо), вызывая `onChange` немедленно,
26
+ * и возвращает итоговое значение колонки. Нужен, чтобы быстрое закрытие/переход не терял значение,
27
+ * которое иначе закоммитилось бы только после доворота (см. FF-8654, комментарий #2).
28
+ */
29
+ flush(): number;
30
+ };
31
+ /**
32
+ * Колонка «барабана»: 5 строк в DOM, значения по кругу в пределах `options`.
33
+ */
34
+ export declare const TimePickerDrumWheelColumn: import("react").ForwardRefExoticComponent<TimePickerDrumWheelColumnProps & import("react").RefAttributes<TimePickerDrumWheelColumnHandle>>;
@@ -0,0 +1,225 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.TimePickerDrumWheelColumn = void 0;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const utils_1 = require("@cloud-ru/ds-utils");
9
+ const classnames_1 = __importDefault(require("classnames"));
10
+ const react_1 = require("react");
11
+ const constants_1 = require("./constants");
12
+ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
13
+ const utils_2 = require("./utils");
14
+ /** Инерция барабана (iOS-подобный «доворот»): затухание скорости за мс и пороги остановки/запуска. */
15
+ const MOMENTUM_DECAY_PER_MS = 0.9966;
16
+ /** Ниже этой |скорости| (px/ms) инерция останавливается и колонка доводится до ближайшего значения. */
17
+ const MOMENTUM_STOP_VELOCITY = 0.02;
18
+ /** Минимальная |скорость| отпускания (px/ms), запускающая инерцию; ниже — сразу snap. */
19
+ const MOMENTUM_MIN_FLING_VELOCITY = 0.05;
20
+ /**
21
+ * Колонка «барабана»: 5 строк в DOM, значения по кругу в пределах `options`.
22
+ */
23
+ exports.TimePickerDrumWheelColumn = (0, react_1.forwardRef)(function TimePickerDrumWheelColumn({ options, value, onChange, itemHeight, height, formatLabel, className, 'data-test-id': dataTestId }, ref) {
24
+ const n = options.length;
25
+ const [dragOffset, setDragOffset] = (0, react_1.useState)(0);
26
+ const dragOffsetRef = (0, react_1.useRef)(0);
27
+ const valueRef = (0, react_1.useRef)(value);
28
+ const optionsRef = (0, react_1.useRef)(options);
29
+ const startY = (0, react_1.useRef)(0);
30
+ const startOffset = (0, react_1.useRef)(0);
31
+ const wheelAccum = (0, react_1.useRef)(0);
32
+ const wheelTimer = (0, react_1.useRef)(undefined);
33
+ const viewportRef = (0, react_1.useRef)(null);
34
+ // Инерция: скорость отпускания (px/ms), отметка последнего move и хэндл rAF-цикла доворота.
35
+ const velocityRef = (0, react_1.useRef)(0);
36
+ const lastMoveRef = (0, react_1.useRef)({ y: 0, t: 0 });
37
+ const momentumRaf = (0, react_1.useRef)(0);
38
+ (0, react_1.useEffect)(() => {
39
+ dragOffsetRef.current = dragOffset;
40
+ }, [dragOffset]);
41
+ (0, react_1.useEffect)(() => {
42
+ valueRef.current = value;
43
+ }, [value]);
44
+ (0, react_1.useEffect)(() => {
45
+ optionsRef.current = options;
46
+ }, [options]);
47
+ (0, react_1.useEffect)(() => {
48
+ setDragOffset(0);
49
+ }, [value, options]);
50
+ const valueIdx = (0, react_1.useMemo)(() => {
51
+ const i = options.indexOf(value);
52
+ if (i >= 0) {
53
+ return i;
54
+ }
55
+ return options.indexOf((0, utils_2.nearestInSortedValues)(options, value));
56
+ }, [options, value]);
57
+ const stepsRounded = Math.round(dragOffset / itemHeight);
58
+ const previewIndex = n > 0 ? (0, utils_2.mod)(valueIdx - stepsRounded, n) : 0;
59
+ const dragRemainderPx = dragOffset - stepsRounded * itemHeight;
60
+ const resolveIndex = (0, react_1.useCallback)((list, raw) => {
61
+ let idx = list.indexOf(raw);
62
+ if (idx >= 0) {
63
+ return idx;
64
+ }
65
+ idx = list.indexOf((0, utils_2.nearestInSortedValues)(list, raw));
66
+ return idx >= 0 ? idx : 0;
67
+ }, []);
68
+ const commitDrag = (0, react_1.useCallback)(() => {
69
+ const list = optionsRef.current;
70
+ const len = list.length;
71
+ if (len === 0) {
72
+ setDragOffset(0);
73
+ return null;
74
+ }
75
+ const off = dragOffsetRef.current;
76
+ const steps = Math.round(off / itemHeight);
77
+ let committed = null;
78
+ if (steps !== 0) {
79
+ const idx = resolveIndex(list, valueRef.current);
80
+ committed = list[(0, utils_2.mod)(idx - steps, len)];
81
+ onChange(committed);
82
+ }
83
+ setDragOffset(0);
84
+ return committed;
85
+ }, [itemHeight, onChange, resolveIndex]);
86
+ const cancelMomentum = (0, react_1.useCallback)(() => {
87
+ if (momentumRaf.current) {
88
+ cancelAnimationFrame(momentumRaf.current);
89
+ momentumRaf.current = 0;
90
+ }
91
+ }, []);
92
+ /**
93
+ * Инерционный «доворот» после отпускания (iOS-подобный): колонка продолжает крутиться по скорости
94
+ * жеста с экспоненциальным затуханием, затем доводится до ближайшего значения (`commitDrag`).
95
+ * При скорости ниже порога снап происходит сразу. Использует timestamp из rAF (без `performance.now`).
96
+ */
97
+ const startMomentum = (0, react_1.useCallback)(() => {
98
+ const v0 = velocityRef.current;
99
+ velocityRef.current = 0;
100
+ if (!(0, utils_1.isBrowser)() || !Number.isFinite(v0) || Math.abs(v0) < MOMENTUM_MIN_FLING_VELOCITY) {
101
+ commitDrag();
102
+ return;
103
+ }
104
+ let velocity = v0;
105
+ let last = 0;
106
+ const tick = (now) => {
107
+ if (last === 0) {
108
+ last = now;
109
+ if ((0, utils_1.isBrowser)()) {
110
+ momentumRaf.current = requestAnimationFrame(tick);
111
+ }
112
+ return;
113
+ }
114
+ const dt = Math.max(1, now - last);
115
+ last = now;
116
+ dragOffsetRef.current += velocity * dt;
117
+ setDragOffset(dragOffsetRef.current);
118
+ velocity *= MOMENTUM_DECAY_PER_MS ** dt;
119
+ if (Math.abs(velocity) < MOMENTUM_STOP_VELOCITY) {
120
+ momentumRaf.current = 0;
121
+ commitDrag();
122
+ return;
123
+ }
124
+ if ((0, utils_1.isBrowser)()) {
125
+ momentumRaf.current = requestAnimationFrame(tick);
126
+ }
127
+ };
128
+ if ((0, utils_1.isBrowser)()) {
129
+ momentumRaf.current = requestAnimationFrame(tick);
130
+ }
131
+ }, [commitDrag]);
132
+ const flushWheel = (0, react_1.useCallback)(() => {
133
+ const list = optionsRef.current;
134
+ const len = list.length;
135
+ if (len === 0) {
136
+ return null;
137
+ }
138
+ const steps = Math.round(wheelAccum.current / itemHeight);
139
+ wheelAccum.current = 0;
140
+ if (steps !== 0) {
141
+ const idx = resolveIndex(list, valueRef.current);
142
+ const committed = list[(0, utils_2.mod)(idx - steps, len)];
143
+ onChange(committed);
144
+ return committed;
145
+ }
146
+ return null;
147
+ }, [itemHeight, onChange, resolveIndex]);
148
+ // Форсит завершение незакоммиченного жеста (инерция + колесо) синхронно и возвращает итоговое значение.
149
+ const flush = (0, react_1.useCallback)(() => {
150
+ cancelMomentum();
151
+ const wheeled = flushWheel();
152
+ const dragged = commitDrag();
153
+ return dragged ?? wheeled ?? valueRef.current;
154
+ }, [cancelMomentum, commitDrag, flushWheel]);
155
+ (0, react_1.useImperativeHandle)(ref, () => ({ flush }), [flush]);
156
+ (0, react_1.useEffect)(() => {
157
+ const el = viewportRef.current;
158
+ if (!el) {
159
+ return;
160
+ }
161
+ const onWheelNative = (event) => {
162
+ if (event.cancelable) {
163
+ event.preventDefault();
164
+ }
165
+ let delta = event.deltaY * 0.12;
166
+ if (Math.abs(delta) < itemHeight * 0.25) {
167
+ delta = itemHeight * 0.35 * Math.sign(event.deltaY);
168
+ }
169
+ wheelAccum.current += delta;
170
+ window.clearTimeout(wheelTimer.current);
171
+ wheelTimer.current = setTimeout(() => {
172
+ flushWheel();
173
+ }, 180);
174
+ };
175
+ el.addEventListener('wheel', onWheelNative, { passive: false });
176
+ return () => {
177
+ el.removeEventListener('wheel', onWheelNative);
178
+ };
179
+ }, [flushWheel, itemHeight]);
180
+ (0, react_1.useEffect)(() => () => {
181
+ window.clearTimeout(wheelTimer.current);
182
+ cancelMomentum();
183
+ }, [cancelMomentum]);
184
+ const onPointerDown = (0, react_1.useCallback)((event) => {
185
+ cancelMomentum();
186
+ event.currentTarget.setPointerCapture(event.pointerId);
187
+ startY.current = event.clientY;
188
+ startOffset.current = dragOffsetRef.current;
189
+ velocityRef.current = 0;
190
+ lastMoveRef.current = { y: event.clientY, t: event.timeStamp };
191
+ }, [cancelMomentum]);
192
+ const onPointerMove = (0, react_1.useCallback)((event) => {
193
+ if (!event.currentTarget.hasPointerCapture(event.pointerId)) {
194
+ return;
195
+ }
196
+ const dt = event.timeStamp - lastMoveRef.current.t;
197
+ if (dt > 0) {
198
+ velocityRef.current = (event.clientY - lastMoveRef.current.y) / dt;
199
+ }
200
+ lastMoveRef.current = { y: event.clientY, t: event.timeStamp };
201
+ setDragOffset(startOffset.current + (event.clientY - startY.current));
202
+ }, []);
203
+ const onPointerUp = (0, react_1.useCallback)((event) => {
204
+ if (event.currentTarget.hasPointerCapture(event.pointerId)) {
205
+ event.currentTarget.releasePointerCapture(event.pointerId);
206
+ }
207
+ }, []);
208
+ const onPointerCancel = (0, react_1.useCallback)((event) => {
209
+ if (event.currentTarget.hasPointerCapture(event.pointerId)) {
210
+ event.currentTarget.releasePointerCapture(event.pointerId);
211
+ }
212
+ }, []);
213
+ const trackTranslate = height / 2 - itemHeight / 2 - 2 * itemHeight + dragRemainderPx;
214
+ if (n === 0) {
215
+ return null;
216
+ }
217
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(className), "data-test-id": dataTestId, onLostPointerCapture: startMomentum, onPointerCancel: onPointerCancel, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, children: (0, jsx_runtime_1.jsx)("div", { ref: viewportRef, className: styles_module_scss_1.default.wheelViewport, style: {
218
+ height,
219
+ '--wheel-item': `${itemHeight}px`,
220
+ }, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wheelFadingWrapper, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wheelTrack, style: { '--wheel-translate': `${trackTranslate}px` }, children: constants_1.ROW_REL.map(rel => {
221
+ const cellValue = options[(0, utils_2.mod)(previewIndex + rel, n)];
222
+ const selected = rel === 0;
223
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wheelRow, styles_module_scss_1.default.itemCell, selected && styles_module_scss_1.default.itemCellSelected), style: { '--wheel-item': `${itemHeight}px` }, children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, className: styles_module_scss_1.default.stateLayer, "data-state": 'emptyNeutralOnBackground' }), (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.itemLabel, children: formatLabel(cellValue) })] }, rel));
224
+ }) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wheelFadeTop, "aria-hidden": true }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wheelFadeBottom, "aria-hidden": true }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wheelSlotLines, "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.wheelSlotLine }), (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.wheelSlotLine })] })] }) }) }));
225
+ });
@@ -0,0 +1,11 @@
1
+ export declare const TEST_IDS: {
2
+ readonly root: "time-picker-drum";
3
+ readonly selectedDate: "time-picker-drum__selected-date";
4
+ readonly selectedTime: "time-picker-drum__selected-time";
5
+ readonly drum: "time-picker-drum__drum";
6
+ readonly hoursColumn: "time-picker-drum__hours";
7
+ readonly minutesColumn: "time-picker-drum__minutes";
8
+ readonly secondsColumn: "time-picker-drum__seconds";
9
+ };
10
+ export declare const ROW_REL: readonly [-2, -1, 0, 1, 2];
11
+ export declare const noop: () => void;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.noop = exports.ROW_REL = exports.TEST_IDS = void 0;
4
+ exports.TEST_IDS = {
5
+ root: 'time-picker-drum',
6
+ selectedDate: 'time-picker-drum__selected-date',
7
+ selectedTime: 'time-picker-drum__selected-time',
8
+ drum: 'time-picker-drum__drum',
9
+ hoursColumn: 'time-picker-drum__hours',
10
+ minutesColumn: 'time-picker-drum__minutes',
11
+ secondsColumn: 'time-picker-drum__seconds',
12
+ };
13
+ exports.ROW_REL = [-2, -1, 0, 1, 2];
14
+ const noop = () => { };
15
+ exports.noop = noop;
@@ -0,0 +1,3 @@
1
+ export * from './TimePickerDrum';
2
+ export { TEST_IDS } from './constants';
3
+ export * from './types';
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.TEST_IDS = void 0;
18
+ __exportStar(require("./TimePickerDrum"), exports);
19
+ var constants_1 = require("./constants");
20
+ Object.defineProperty(exports, "TEST_IDS", { enumerable: true, get: function () { return constants_1.TEST_IDS; } });
21
+ __exportStar(require("./types"), exports);