@salutejs/plasma-new-hope 0.339.0-canary.2299.18773440976.0 → 0.339.0-canary.2300.18832443234.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 (247) hide show
  1. package/cjs/components/TimePicker/TimePicker.css +15 -11
  2. package/cjs/components/TimePicker/TimePicker.js +22 -458
  3. package/cjs/components/TimePicker/TimePicker.js.map +1 -1
  4. package/cjs/components/TimePicker/TimePicker.styles.js +17 -21
  5. package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
  6. package/cjs/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
  7. package/cjs/components/TimePicker/utils/index.js +1 -33
  8. package/cjs/components/TimePicker/utils/index.js.map +1 -1
  9. package/cjs/components/TimePickerGrid/TimePickerGrid.css +10 -0
  10. package/cjs/components/TimePickerGrid/TimePickerGrid.js +733 -0
  11. package/cjs/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
  12. package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +27 -0
  13. package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
  14. package/cjs/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
  15. package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +40 -0
  16. package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
  17. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
  18. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
  19. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
  20. package/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +12 -12
  21. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
  22. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
  23. package/cjs/components/TimePickerGrid/utils/index.js +135 -0
  24. package/cjs/components/TimePickerGrid/utils/index.js.map +1 -0
  25. package/cjs/components/TimePickerGrid/variations/_disabled/base.js +9 -0
  26. package/cjs/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
  27. package/cjs/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
  28. package/cjs/components/TimePickerGrid/variations/_size/base.js +9 -0
  29. package/cjs/components/TimePickerGrid/variations/_size/base.js.map +1 -0
  30. package/cjs/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
  31. package/cjs/components/TimePickerGrid/variations/_view/base.js +9 -0
  32. package/cjs/components/TimePickerGrid/variations/_view/base.js.map +1 -0
  33. package/cjs/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
  34. package/cjs/index.css +15 -11
  35. package/emotion/cjs/components/TimePicker/TimePicker.js +22 -488
  36. package/emotion/cjs/components/TimePicker/TimePicker.styles.js +17 -7
  37. package/emotion/cjs/components/TimePicker/utils/index.js +1 -25
  38. package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.js +922 -0
  39. package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +34 -0
  40. package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
  41. package/emotion/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
  42. package/emotion/cjs/components/TimePickerGrid/index.js +26 -0
  43. package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
  44. package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +71 -0
  45. package/emotion/cjs/components/TimePickerGrid/utils/index.js +166 -0
  46. package/emotion/cjs/components/TimePickerGrid/variations/_disabled/base.js +12 -0
  47. package/emotion/cjs/components/TimePickerGrid/variations/_size/base.js +12 -0
  48. package/emotion/cjs/components/TimePickerGrid/variations/_view/base.js +12 -0
  49. package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
  50. package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +32 -0
  51. package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
  52. package/emotion/es/components/TimePicker/TimePicker.js +25 -491
  53. package/emotion/es/components/TimePicker/TimePicker.styles.js +14 -7
  54. package/emotion/es/components/TimePicker/utils/index.js +1 -22
  55. package/emotion/es/components/TimePickerGrid/TimePickerGrid.js +863 -0
  56. package/emotion/es/components/TimePickerGrid/TimePickerGrid.styles.js +11 -0
  57. package/emotion/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
  58. package/emotion/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
  59. package/emotion/es/components/TimePickerGrid/index.js +2 -0
  60. package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
  61. package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +33 -0
  62. package/emotion/es/components/TimePickerGrid/utils/index.js +133 -0
  63. package/emotion/es/components/TimePickerGrid/variations/_disabled/base.js +2 -0
  64. package/emotion/es/components/TimePickerGrid/variations/_size/base.js +2 -0
  65. package/emotion/es/components/TimePickerGrid/variations/_view/base.js +2 -0
  66. package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
  67. package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +22 -0
  68. package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
  69. package/es/components/TimePicker/TimePicker.css +15 -11
  70. package/es/components/TimePicker/TimePicker.js +26 -462
  71. package/es/components/TimePicker/TimePicker.js.map +1 -1
  72. package/es/components/TimePicker/TimePicker.styles.js +17 -21
  73. package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
  74. package/es/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
  75. package/es/components/TimePicker/utils/index.js +2 -32
  76. package/es/components/TimePicker/utils/index.js.map +1 -1
  77. package/es/components/TimePickerGrid/TimePickerGrid.css +10 -0
  78. package/es/components/TimePickerGrid/TimePickerGrid.js +724 -0
  79. package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
  80. package/es/components/TimePickerGrid/TimePickerGrid.styles.js +22 -0
  81. package/es/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
  82. package/es/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
  83. package/es/components/TimePickerGrid/TimePickerGrid.tokens.js +35 -0
  84. package/es/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
  85. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
  86. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +109 -0
  87. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
  88. package/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -11
  89. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
  90. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
  91. package/es/components/TimePickerGrid/utils/index.js +126 -0
  92. package/es/components/TimePickerGrid/utils/index.js.map +1 -0
  93. package/es/components/TimePickerGrid/variations/_disabled/base.js +5 -0
  94. package/es/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
  95. package/es/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
  96. package/es/components/TimePickerGrid/variations/_size/base.js +5 -0
  97. package/es/components/TimePickerGrid/variations/_size/base.js.map +1 -0
  98. package/es/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
  99. package/es/components/TimePickerGrid/variations/_view/base.js +5 -0
  100. package/es/components/TimePickerGrid/variations/_view/base.js.map +1 -0
  101. package/es/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
  102. package/es/index.css +15 -11
  103. package/package.json +4 -4
  104. package/styled-components/cjs/components/TimePicker/TimePicker.js +22 -488
  105. package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +57 -3
  106. package/styled-components/cjs/components/TimePicker/utils/index.js +1 -25
  107. package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.js +922 -0
  108. package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +79 -0
  109. package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
  110. package/styled-components/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
  111. package/styled-components/cjs/components/TimePickerGrid/index.js +26 -0
  112. package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
  113. package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +16 -14
  114. package/styled-components/cjs/components/TimePickerGrid/utils/index.js +166 -0
  115. package/styled-components/cjs/components/TimePickerGrid/variations/_view/base.js +14 -0
  116. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  117. package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +3 -2
  118. package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +103 -0
  119. package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
  120. package/styled-components/es/components/TimePicker/TimePicker.js +25 -491
  121. package/styled-components/es/components/TimePicker/TimePicker.styles.js +54 -3
  122. package/styled-components/es/components/TimePicker/utils/index.js +1 -22
  123. package/styled-components/es/components/TimePickerGrid/TimePickerGrid.js +863 -0
  124. package/styled-components/es/components/TimePickerGrid/TimePickerGrid.styles.js +21 -0
  125. package/styled-components/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
  126. package/styled-components/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
  127. package/styled-components/es/components/TimePickerGrid/index.js +2 -0
  128. package/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
  129. package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -9
  130. package/styled-components/es/components/TimePickerGrid/utils/index.js +133 -0
  131. package/styled-components/es/components/TimePickerGrid/variations/_view/base.js +4 -0
  132. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  133. package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +3 -2
  134. package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +93 -0
  135. package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
  136. package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
  137. package/types/components/TimePicker/TimePicker.styles.d.ts +18 -0
  138. package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  139. package/types/components/TimePicker/utils/index.d.ts +1 -2
  140. package/types/components/TimePicker/utils/index.d.ts.map +1 -1
  141. package/types/components/TimePickerGrid/TimePickerGrid.d.ts +61 -0
  142. package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
  143. package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts +5 -0
  144. package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts.map +1 -0
  145. package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts +33 -0
  146. package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts.map +1 -0
  147. package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts +65 -0
  148. package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts.map +1 -0
  149. package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts +14 -0
  150. package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts.map +1 -0
  151. package/types/components/TimePickerGrid/index.d.ts +4 -0
  152. package/types/components/TimePickerGrid/index.d.ts.map +1 -0
  153. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts +3 -0
  154. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
  155. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
  156. package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.d.ts +9 -8
  157. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
  158. package/types/components/TimePickerGrid/utils/index.d.ts +24 -0
  159. package/types/components/TimePickerGrid/utils/index.d.ts.map +1 -0
  160. package/types/components/TimePickerGrid/variations/_disabled/base.d.ts.map +1 -0
  161. package/types/components/TimePickerGrid/variations/_size/base.d.ts.map +1 -0
  162. package/types/components/TimePickerGrid/variations/_view/base.d.ts +2 -0
  163. package/types/components/TimePickerGrid/variations/_view/base.d.ts.map +1 -0
  164. package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
  165. package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts +21 -0
  166. package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts.map +1 -0
  167. package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts +32 -0
  168. package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
  169. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
  170. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
  171. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
  172. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
  173. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
  174. package/emotion/cjs/components/Loader/Loader.js +0 -175
  175. package/emotion/cjs/components/Loader/Loader.styles.js +0 -46
  176. package/emotion/cjs/components/Loader/Loader.tokens.js +0 -42
  177. package/emotion/cjs/components/Loader/index.js +0 -23
  178. package/emotion/cjs/components/Loader/variations/_size/base.js +0 -12
  179. package/emotion/cjs/components/Loader/variations/_view/base.js +0 -12
  180. package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
  181. package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -71
  182. package/emotion/cjs/examples/components/Loader/Loader.config.js +0 -38
  183. package/emotion/cjs/examples/components/Loader/Loader.js +0 -15
  184. package/emotion/es/components/Loader/Loader.js +0 -111
  185. package/emotion/es/components/Loader/Loader.styles.js +0 -20
  186. package/emotion/es/components/Loader/Loader.tokens.js +0 -24
  187. package/emotion/es/components/Loader/index.js +0 -2
  188. package/emotion/es/components/Loader/variations/_size/base.js +0 -2
  189. package/emotion/es/components/Loader/variations/_view/base.js +0 -2
  190. package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
  191. package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -33
  192. package/emotion/es/examples/components/Loader/Loader.config.js +0 -28
  193. package/emotion/es/examples/components/Loader/Loader.js +0 -5
  194. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
  195. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -56
  196. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
  197. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
  198. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
  199. package/styled-components/cjs/components/Loader/Loader.js +0 -175
  200. package/styled-components/cjs/components/Loader/Loader.styles.js +0 -124
  201. package/styled-components/cjs/components/Loader/Loader.tokens.js +0 -42
  202. package/styled-components/cjs/components/Loader/index.js +0 -23
  203. package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
  204. package/styled-components/cjs/examples/components/Loader/Loader.config.js +0 -188
  205. package/styled-components/cjs/examples/components/Loader/Loader.js +0 -15
  206. package/styled-components/es/components/Loader/Loader.js +0 -111
  207. package/styled-components/es/components/Loader/Loader.styles.js +0 -63
  208. package/styled-components/es/components/Loader/Loader.tokens.js +0 -24
  209. package/styled-components/es/components/Loader/index.js +0 -2
  210. package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
  211. package/styled-components/es/examples/components/Loader/Loader.config.js +0 -178
  212. package/styled-components/es/examples/components/Loader/Loader.js +0 -5
  213. package/types/components/Loader/Loader.d.ts +0 -23
  214. package/types/components/Loader/Loader.d.ts.map +0 -1
  215. package/types/components/Loader/Loader.styles.d.ts +0 -19
  216. package/types/components/Loader/Loader.styles.d.ts.map +0 -1
  217. package/types/components/Loader/Loader.tokens.d.ts +0 -25
  218. package/types/components/Loader/Loader.tokens.d.ts.map +0 -1
  219. package/types/components/Loader/Loader.types.d.ts +0 -47
  220. package/types/components/Loader/Loader.types.d.ts.map +0 -1
  221. package/types/components/Loader/index.d.ts +0 -4
  222. package/types/components/Loader/index.d.ts.map +0 -1
  223. package/types/components/Loader/variations/_size/base.d.ts.map +0 -1
  224. package/types/components/Loader/variations/_view/base.d.ts.map +0 -1
  225. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +0 -3
  226. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
  227. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
  228. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
  229. package/types/examples/components/Loader/Loader.config.d.ts +0 -27
  230. package/types/examples/components/Loader/Loader.config.d.ts.map +0 -1
  231. package/types/examples/components/Loader/Loader.d.ts +0 -21
  232. package/types/examples/components/Loader/Loader.d.ts.map +0 -1
  233. /package/emotion/cjs/components/{Loader/Loader.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
  234. /package/emotion/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
  235. /package/emotion/es/components/{Loader/Loader.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
  236. /package/emotion/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
  237. /package/styled-components/cjs/components/{Loader/Loader.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
  238. /package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
  239. /package/styled-components/cjs/components/{Loader/variations/_size → TimePickerGrid/variations/_disabled}/base.js +0 -0
  240. /package/styled-components/cjs/components/{Loader/variations/_view → TimePickerGrid/variations/_size}/base.js +0 -0
  241. /package/styled-components/es/components/{Loader/Loader.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
  242. /package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
  243. /package/styled-components/es/components/{Loader/variations/_size → TimePickerGrid/variations/_disabled}/base.js +0 -0
  244. /package/styled-components/es/components/{Loader/variations/_view → TimePickerGrid/variations/_size}/base.js +0 -0
  245. /package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.d.ts +0 -0
  246. /package/types/components/{Loader/variations/_size → TimePickerGrid/variations/_disabled}/base.d.ts +0 -0
  247. /package/types/components/{Loader/variations/_view → TimePickerGrid/variations/_size}/base.d.ts +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePickerGrid.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC"}
@@ -0,0 +1,33 @@
1
+ export declare const classes: {
2
+ timePickerGridRoot: string;
3
+ timePickerGridStretched: string;
4
+ timeItemActive: string;
5
+ timeColumn: string;
6
+ scrollbarVisible: string;
7
+ timeColumnActive: string;
8
+ itemDisabled: string;
9
+ };
10
+ export declare const tokens: {
11
+ timePickerGridBackground: string;
12
+ timePickerGridBorderRadius: string;
13
+ timePickerGridWidth: string;
14
+ timePickerGridPadding: string;
15
+ disabledOpacity: string;
16
+ columnHeight: string;
17
+ itemHeight: string;
18
+ itemBorderRadius: string;
19
+ itemPadding: string;
20
+ itemBackgroundHover: string;
21
+ itemBackgroundActive: string;
22
+ itemFontFamily: string;
23
+ itemFontStyle: string;
24
+ itemFontSize: string;
25
+ itemFontWeight: string;
26
+ itemLetterSpacing: string;
27
+ itemLineHeight: string;
28
+ scrollbarWidth: string;
29
+ scrollbarColor: string;
30
+ scrollbarTrackColor: string;
31
+ scrollbarMargin: string;
32
+ };
33
+ //# sourceMappingURL=TimePickerGrid.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePickerGrid.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC"}
@@ -0,0 +1,65 @@
1
+ import type { CSSProperties, HTMLAttributes } from 'react';
2
+ export type TimePickerGridChangeEvent = {
3
+ timeValues: {
4
+ hour?: number;
5
+ minute?: number;
6
+ second?: number;
7
+ };
8
+ value?: string;
9
+ };
10
+ export type TimePickerGridProps = {
11
+ /**
12
+ * Выбранное значение времени в формате HH:mm:ss
13
+ */
14
+ value?: string;
15
+ /**
16
+ * Высота выпадающего списка
17
+ */
18
+ dropdownHeight?: CSSProperties['height'];
19
+ /**
20
+ * Ширина выпадающего списка
21
+ */
22
+ dropdownWidth?: 'auto' | 'fullWidth' | CSSProperties['width'];
23
+ /**
24
+ * Формат времени (например: 'HH:mm', 'HH:mm:ss', 'mm:HH')
25
+ */
26
+ format?: string;
27
+ /**
28
+ * Минимальное время (в формате HH:mm:ss или Date)
29
+ */
30
+ min?: string | Date;
31
+ /**
32
+ * Максимальное время (в формате HH:mm:ss или Date)
33
+ */
34
+ max?: string | Date;
35
+ /**
36
+ * @deprecated
37
+ * Используйте параметр format
38
+ */
39
+ columnsQuantity?: 2 | 3;
40
+ /**
41
+ * Размер компонента
42
+ */
43
+ size?: string;
44
+ /**
45
+ * Стиль компонента
46
+ */
47
+ view?: string;
48
+ /**
49
+ * Флаг неактивного состояния
50
+ */
51
+ disabled?: boolean;
52
+ /**
53
+ * Заблокированные значения
54
+ */
55
+ disabledValues?: {
56
+ hour?: number[];
57
+ minute?: number[];
58
+ second?: number[];
59
+ };
60
+ /**
61
+ * Обработчик изменения значения
62
+ */
63
+ onChange?: (event: TimePickerGridChangeEvent) => void;
64
+ } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
65
+ //# sourceMappingURL=TimePickerGrid.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePickerGrid.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,yBAAyB,GAAG;IACpC,UAAU,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9D;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
@@ -0,0 +1,14 @@
1
+ import type { KeyboardEvent, SyntheticEvent } from 'react';
2
+ interface UseKeyNavigationProps {
3
+ isCalendarOpen: boolean;
4
+ closeOnEsc: boolean;
5
+ delimiter: string;
6
+ format?: string;
7
+ maskWithFormat?: boolean;
8
+ onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;
9
+ }
10
+ export declare const useKeyNavigation: ({ isCalendarOpen, closeOnEsc, format, maskWithFormat, delimiter, onToggle, }: UseKeyNavigationProps) => {
11
+ onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
12
+ };
13
+ export {};
14
+ //# sourceMappingURL=useKeyboardNavigation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePickerGrid/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,qBAAqB;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,gBAAgB,iFAO1B,qBAAqB;uBACM,aAAa,CAAC,gBAAgB,CAAC;CAiB5D,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { timePickerGridRoot, timePickerGridConfig } from './TimePickerGrid';
2
+ export { tokens as timePickerGridTokens, classes as timePickerGridClasses } from './TimePickerGrid.tokens';
3
+ export type { TimePickerGridProps } from './TimePickerGrid.types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3G,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { TimeColumnProps } from './TimeColumn.types';
2
+ export declare const renderTimeColumn: ({ values, disabledValues, dropdownHeight, column, activeTime, handleTimeItemClick, handleTimeItemKeyDown, createScrollbarDragHandler, setScrollbar, columnRef, scrollbarState, scrollbarRef, thumbRef, timeoutRef, timeItemRefs, }: TimeColumnProps) => JSX.Element;
3
+ //# sourceMappingURL=TimeColumn.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/ui/TimeColumn/TimeColumn.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAErE,eAAO,MAAM,gBAAgB,uOAgB1B,eAAe,gBAmHjB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeColumn.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKA+B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;aAAyB,MAAM,GAAG,MAAM;EAuBpE,CAAC;AAEF,eAAO,MAAM,eAAe,qKAgB3B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import type { CSSProperties, KeyboardEvent } from 'react';
2
- type TimeColumnType = 'hours' | 'minutes' | 'seconds';
2
+ export type TimeColumnType = 'hours' | 'minutes' | 'seconds';
3
3
  interface ActiveTime {
4
4
  hours: number | null;
5
5
  minutes: number | null;
@@ -13,23 +13,24 @@ interface ScrollbarState {
13
13
  isDragging: boolean;
14
14
  }
15
15
  type ScrollbarDragHandler = (columnRef: React.RefObject<HTMLDivElement>, setScrollbar: React.Dispatch<React.SetStateAction<ScrollbarState>>, timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>) => (e: React.MouseEvent<HTMLDivElement>) => void;
16
- type TimeItemKeyDownHandler = (event: KeyboardEvent<HTMLDivElement>, column: TimeColumnType, value: string) => void;
16
+ export type TimeItemKeyDownHandler = (event: KeyboardEvent<HTMLDivElement>, column: TimeColumnType, value: string) => void;
17
17
  type TimeItemClickHandler = (value: string, column: TimeColumnType) => void;
18
18
  export interface TimeColumnProps {
19
19
  values: string[];
20
20
  dropdownHeight: CSSProperties['height'];
21
21
  column: TimeColumnType;
22
- columnRef: React.RefObject<HTMLDivElement>;
23
- scrollbarState: ScrollbarState;
24
- setScrollbar: React.Dispatch<React.SetStateAction<ScrollbarState>>;
25
- scrollbarRef: React.RefObject<HTMLDivElement>;
26
- thumbRef: React.RefObject<HTMLDivElement>;
27
- timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;
28
22
  timeItemRefs: React.MutableRefObject<Record<string, HTMLDivElement | null>>;
29
23
  activeTime: ActiveTime;
30
24
  handleTimeItemClick: TimeItemClickHandler;
31
25
  handleTimeItemKeyDown: TimeItemKeyDownHandler;
32
26
  createScrollbarDragHandler: ScrollbarDragHandler;
27
+ setScrollbar?: React.Dispatch<React.SetStateAction<ScrollbarState>>;
28
+ columnRef?: React.RefObject<HTMLDivElement>;
29
+ scrollbarState?: ScrollbarState;
30
+ scrollbarRef?: React.RefObject<HTMLDivElement>;
31
+ thumbRef?: React.RefObject<HTMLDivElement>;
32
+ timeoutRef?: React.MutableRefObject<NodeJS.Timeout | null>;
33
+ disabledValues?: (string | number)[];
33
34
  }
34
35
  export {};
35
36
  //# sourceMappingURL=TimeColumn.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeColumn.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;CACxC;AAED,UAAU,cAAc;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,KAAK,oBAAoB,GAAG,CACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAClE,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,KACxD,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;AAEnD,MAAM,MAAM,sBAAsB,GAAG,CACjC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EACpC,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,MAAM,KACZ,IAAI,CAAC;AAEV,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,UAAU,EAAE,UAAU,CAAC;IACvB,mBAAmB,EAAE,oBAAoB,CAAC;IAC1C,qBAAqB,EAAE,sBAAsB,CAAC;IAC9C,0BAA0B,EAAE,oBAAoB,CAAC;IACjD,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAEpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CACxC"}
@@ -0,0 +1,24 @@
1
+ export interface TimeValues {
2
+ hh: number | null;
3
+ mm: number | null;
4
+ ss: number | null;
5
+ }
6
+ export interface NormalizedSegment {
7
+ text: string;
8
+ value: number | null;
9
+ carryover: string;
10
+ }
11
+ export interface ColumnConfig {
12
+ type: 'hours' | 'minutes' | 'seconds';
13
+ values: string[];
14
+ format: string;
15
+ disabledValues?: (number | string)[];
16
+ }
17
+ export declare const getColumnsFromFormat: (format: string) => ColumnConfig[];
18
+ export declare const parseTimeString: (timeString: string, format: string) => TimeValues;
19
+ export declare const buildTimeString: (timeValues: TimeValues, format: string) => string;
20
+ export declare const isTimeDisabled: (timeValues: TimeValues, min?: string | Date, max?: string | Date, format?: string) => boolean;
21
+ export declare const delimiter = ":";
22
+ export declare const range: (number: number, padLength?: number) => string[];
23
+ export declare const animateScrollTo: (element: HTMLDivElement, targetScrollTop: number, duration?: number) => void;
24
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePickerGrid/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACtC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,oBAAoB,WAAY,MAAM,KAAG,YAAY,EAgCjE,CAAC;AAEF,eAAO,MAAM,eAAe,eAAgB,MAAM,UAAU,MAAM,KAAG,UAsBpE,CAAC;AAEF,eAAO,MAAM,eAAe,eAAgB,UAAU,UAAU,MAAM,KAAG,MAgBxE,CAAC;AAEF,eAAO,MAAM,cAAc,eACX,UAAU,QAChB,MAAM,GAAG,IAAI,QACb,MAAM,GAAG,IAAI,WACV,MAAM,KAChB,OA+BF,CAAC;AAEF,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,KAAK,WAAY,MAAM,yBAAkB,MAAM,EAE3D,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,cAAc,mBAAmB,MAAM,wBAAmB,IAqBlG,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/variations/_disabled/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAsUlB,CAAC"}
1
+ {"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAwUlB,CAAC"}
@@ -0,0 +1,21 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ size: string;
5
+ };
6
+ variations: {
7
+ view: {
8
+ default: import("@linaria/core").LinariaClassName;
9
+ };
10
+ size: {
11
+ l: import("@linaria/core").LinariaClassName;
12
+ m: import("@linaria/core").LinariaClassName;
13
+ s: import("@linaria/core").LinariaClassName;
14
+ xs: import("@linaria/core").LinariaClassName;
15
+ };
16
+ disabled: {
17
+ true: import("@linaria/core").LinariaClassName;
18
+ };
19
+ };
20
+ };
21
+ //# sourceMappingURL=TimePickerGrid.config.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePickerGrid.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePickerGrid/TimePickerGrid.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmGlB,CAAC"}
@@ -0,0 +1,32 @@
1
+ export declare const TimePickerGrid: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
2
+ view: {
3
+ default: import("@linaria/core").LinariaClassName;
4
+ };
5
+ size: {
6
+ l: import("@linaria/core").LinariaClassName;
7
+ m: import("@linaria/core").LinariaClassName;
8
+ s: import("@linaria/core").LinariaClassName;
9
+ xs: import("@linaria/core").LinariaClassName;
10
+ };
11
+ disabled: {
12
+ true: import("@linaria/core").LinariaClassName;
13
+ };
14
+ }> & {
15
+ value?: string;
16
+ dropdownHeight?: import("react").CSSProperties["height"];
17
+ dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
18
+ format?: string;
19
+ min?: string | Date;
20
+ max?: string | Date;
21
+ columnsQuantity?: 2 | 3;
22
+ size?: string;
23
+ view?: string;
24
+ disabled?: boolean;
25
+ disabledValues?: {
26
+ hour?: number[];
27
+ minute?: number[];
28
+ second?: number[];
29
+ };
30
+ onChange?: (event: import("../../../components/TimePickerGrid/TimePickerGrid.types").TimePickerGridChangeEvent) => void;
31
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLDivElement>>;
32
+ //# sourceMappingURL=TimePickerGrid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePickerGrid.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePickerGrid/TimePickerGrid.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;YACi4B,CAAC;cAA0B,CAAC;cAA0B,CAAC;;;qHAD95B,CAAC"}
@@ -1,7 +0,0 @@
1
- .TimeColumn_styles_juymyb_s1okclyy__820070c4{position:relative;width:100%;}
2
- .TimeColumn_styles_juymyb_s14v4skc__820070c4{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimeColumn_styles_juymyb_s14v4skc__820070c4:hover{background:var(--plasma-time-picker-item-hover-background);}.TimeColumn_styles_juymyb_s14v4skc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerItemActive__820070c4{background:var(--plasma-time-picker-item-active-background);}
3
- .TimeColumn_styles_juymyb_s1mtrybc__820070c4{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_juymyb_s1mtrybc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerColumnActive__820070c4{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimeColumn_styles_juymyb_s1mtrybc__820070c4::-webkit-scrollbar{display:none;width:0;}
4
- .TimeColumn_styles_juymyb_c3ksbzv__820070c4{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_juymyb_c3ksbzv__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerScrollbarVisible__820070c4{opacity:1;pointer-events:auto;}
5
- .TimeColumn_styles_juymyb_s13lzs6z__820070c4{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
6
- .TimeColumn_styles_juymyb_svmgxvm__820070c4{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_juymyb_svmgxvm__820070c4:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimeColumn_styles_juymyb_svmgxvm__820070c4:active{background:var(--plasma-time-picker-scrollbar-track-color);}
7
- .TimeColumn_styles_juymyb_s1bw3c91__820070c4{width:100%;height:0%.125rem;}
@@ -1,65 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
- var cls = require('classnames');
8
- var TimePicker_tokens = require('../../TimePicker.tokens.js');
9
- var TimeColumn_styles = require('./TimeColumn.styles.js');
10
-
11
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefault(React);
14
- var cls__default = /*#__PURE__*/_interopDefault(cls);
15
-
16
- var _StyledEmpty;
17
- var renderTimeColumn = function renderTimeColumn(_ref) {
18
- var values = _ref.values,
19
- dropdownHeight = _ref.dropdownHeight,
20
- column = _ref.column,
21
- columnRef = _ref.columnRef,
22
- scrollbarState = _ref.scrollbarState,
23
- setScrollbar = _ref.setScrollbar,
24
- scrollbarRef = _ref.scrollbarRef,
25
- thumbRef = _ref.thumbRef,
26
- timeoutRef = _ref.timeoutRef,
27
- timeItemRefs = _ref.timeItemRefs,
28
- activeTime = _ref.activeTime,
29
- handleTimeItemClick = _ref.handleTimeItemClick,
30
- handleTimeItemKeyDown = _ref.handleTimeItemKeyDown,
31
- createScrollbarDragHandler = _ref.createScrollbarDragHandler;
32
- return /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledRoot, null, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledTimeColumn, {
33
- key: column,
34
- ref: columnRef,
35
- height: dropdownHeight,
36
- className: TimePicker_tokens.classes.timeColumn
37
- }, values.map(function (value, index) {
38
- return /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledTimeItem, {
39
- key: value,
40
- ref: function ref(el) {
41
- timeItemRefs.current["".concat(column, "-").concat(value)] = el;
42
- },
43
- className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.timeItemActive, activeTime[column] === index)),
44
- onClick: function onClick() {
45
- return handleTimeItemClick(value, column);
46
- },
47
- onKeyDown: function onKeyDown(e) {
48
- return handleTimeItemKeyDown(e, column, value);
49
- }
50
- }, value);
51
- }), _StyledEmpty || (_StyledEmpty = /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledEmpty, null))), /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.CustomScrollbar, {
52
- ref: scrollbarRef,
53
- className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.scrollbarVisible, scrollbarState.isVisible))
54
- }, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.ScrollbarTrack, null, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.ScrollbarThumb, {
55
- ref: thumbRef,
56
- style: {
57
- height: "".concat(scrollbarState.thumbHeight, "px"),
58
- top: "".concat(scrollbarState.thumbPosition, "px")
59
- },
60
- onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
61
- }))));
62
- };
63
-
64
- exports.renderTimeColumn = renderTimeColumn;
65
- //# sourceMappingURL=TimeColumn.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimeColumn.js","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.tsx"],"sourcesContent":["import React from 'react';\nimport cls from 'classnames';\n\nimport { classes } from '../../TimePicker.tokens';\n\nimport {\n StyledTimeColumn,\n StyledTimeItem,\n StyledEmpty,\n CustomScrollbar,\n ScrollbarTrack,\n ScrollbarThumb,\n StyledRoot,\n} from './TimeColumn.styles';\nimport { TimeColumnProps } from './TimeColumn.types';\n\nexport const renderTimeColumn = ({\n values,\n dropdownHeight,\n column,\n columnRef,\n scrollbarState,\n setScrollbar,\n scrollbarRef,\n thumbRef,\n timeoutRef,\n timeItemRefs,\n activeTime,\n handleTimeItemClick,\n handleTimeItemKeyDown,\n createScrollbarDragHandler,\n}: TimeColumnProps) => (\n <StyledRoot>\n <StyledTimeColumn key={column} ref={columnRef} height={dropdownHeight} className={classes.timeColumn}>\n {values.map((value, index) => (\n <StyledTimeItem\n key={value}\n ref={(el) => {\n timeItemRefs.current[`${column}-${value}`] = el;\n }}\n className={cls({\n [classes.timeItemActive]: activeTime[column] === index,\n })}\n onClick={() => handleTimeItemClick(value, column)}\n onKeyDown={(e) => handleTimeItemKeyDown(e, column, value)}\n >\n {value}\n </StyledTimeItem>\n ))}\n <StyledEmpty />\n </StyledTimeColumn>\n\n <CustomScrollbar\n ref={scrollbarRef}\n className={cls({\n [classes.scrollbarVisible]: scrollbarState.isVisible,\n })}\n >\n <ScrollbarTrack>\n <ScrollbarThumb\n ref={thumbRef}\n style={{\n height: `${scrollbarState.thumbHeight}px`,\n top: `${scrollbarState.thumbPosition}px`,\n }}\n onMouseDown={createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)}\n />\n </ScrollbarTrack>\n </CustomScrollbar>\n </StyledRoot>\n);\n"],"names":["renderTimeColumn","_ref","values","dropdownHeight","column","columnRef","scrollbarState","setScrollbar","scrollbarRef","thumbRef","timeoutRef","timeItemRefs","activeTime","handleTimeItemClick","handleTimeItemKeyDown","createScrollbarDragHandler","React","createElement","StyledRoot","StyledTimeColumn","key","ref","height","className","classes","timeColumn","map","value","index","StyledTimeItem","el","current","concat","cls","_defineProperty","timeItemActive","onClick","onKeyDown","e","_StyledEmpty","StyledEmpty","CustomScrollbar","scrollbarVisible","isVisible","ScrollbarTrack","ScrollbarThumb","style","thumbHeight","top","thumbPosition","onMouseDown"],"mappings":";;;;;;;;;;;;;;;;IAgBaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACzBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,UAAU,GAAAX,IAAA,CAAVW,UAAU;IACVC,mBAAmB,GAAAZ,IAAA,CAAnBY,mBAAmB;IACnBC,qBAAqB,GAAAb,IAAA,CAArBa,qBAAqB;IACrBC,0BAA0B,GAAAd,IAAA,CAA1Bc,0BAA0B,CAAA;EAAA,oBAE1BC,sBAAA,CAAAC,aAAA,CAACC,4BAAU,qBACPF,sBAAA,CAAAC,aAAA,CAACE,kCAAgB,EAAA;AAACC,IAAAA,GAAG,EAAEhB,MAAO;AAACiB,IAAAA,GAAG,EAAEhB,SAAU;AAACiB,IAAAA,MAAM,EAAEnB,cAAe;IAACoB,SAAS,EAAEC,yBAAO,CAACC,UAAAA;AAAW,GAAA,EAChGvB,MAAM,CAACwB,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAA;AAAA,IAAA,oBACrBZ,sBAAA,CAAAC,aAAA,CAACY,gCAAc,EAAA;AACXT,MAAAA,GAAG,EAAEO,KAAM;AACXN,MAAAA,GAAG,EAAE,SAAAA,GAACS,CAAAA,EAAE,EAAK;AACTnB,QAAAA,YAAY,CAACoB,OAAO,CAAAC,EAAAA,CAAAA,MAAA,CAAI5B,MAAM,EAAA4B,GAAAA,CAAAA,CAAAA,MAAA,CAAIL,KAAK,CAAG,CAAA,GAAGG,EAAE,CAAA;OACjD;AACFP,MAAAA,SAAS,EAAEU,oBAAG,CAAAC,wCAAA,CAAA,EAAA,EACTV,yBAAO,CAACW,cAAc,EAAGvB,UAAU,CAACR,MAAM,CAAC,KAAKwB,KAAK,CACzD,CAAE;MACHQ,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,QAAA,OAAMvB,mBAAmB,CAACc,KAAK,EAAEvB,MAAM,CAAC,CAAA;OAAC;MAClDiC,SAAS,EAAE,SAAAA,SAAAA,CAACC,CAAC,EAAA;AAAA,QAAA,OAAKxB,qBAAqB,CAACwB,CAAC,EAAElC,MAAM,EAAEuB,KAAK,CAAC,CAAA;AAAA,OAAA;AAAC,KAAA,EAEzDA,KACW,CAAC,CAAA;GACpB,CAAC,EAAAY,YAAA,KAAAA,YAAA,gBACFvB,sBAAA,CAAAC,aAAA,CAACuB,6BAAW,EAAE,IAAA,CAAC,CACD,CAAC,eAEnBxB,sBAAA,CAAAC,aAAA,CAACwB,iCAAe,EAAA;AACZpB,IAAAA,GAAG,EAAEb,YAAa;AAClBe,IAAAA,SAAS,EAAEU,oBAAG,CAAAC,wCAAA,CACTV,EAAAA,EAAAA,yBAAO,CAACkB,gBAAgB,EAAGpC,cAAc,CAACqC,SAAS,CACvD,CAAA;GAED3B,eAAAA,sBAAA,CAAAC,aAAA,CAAC2B,gCAAc,qBACX5B,sBAAA,CAAAC,aAAA,CAAC4B,gCAAc,EAAA;AACXxB,IAAAA,GAAG,EAAEZ,QAAS;AACdqC,IAAAA,KAAK,EAAE;AACHxB,MAAAA,MAAM,KAAAU,MAAA,CAAK1B,cAAc,CAACyC,WAAW,EAAI,IAAA,CAAA;AACzCC,MAAAA,GAAG,EAAAhB,EAAAA,CAAAA,MAAA,CAAK1B,cAAc,CAAC2C,aAAa,EAAA,IAAA,CAAA;KACtC;AACFC,IAAAA,WAAW,EAAEnC,0BAA0B,CAACV,SAAS,EAAEE,YAAY,EAAEG,UAAU,CAAA;GAC9E,CACW,CACH,CACT,CAAC,CAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimeColumn.styles.js","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../TimePicker.tokens';\n\nexport const StyledRoot = styled.div`\n position: relative;\n width: 100%;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n flex-shrink: 0;\n overflow: auto;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemBackgroundHover});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemBackgroundActive});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.scrollbarWidth});\n width: 100%;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemBackgroundHover});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n width: 0;\n }\n`;\n\nexport const CustomScrollbar = styled.div`\n position: absolute;\n top: var(${tokens.scrollbarMargin});\n right: 0;\n bottom: var(${tokens.scrollbarMargin});\n width: var(${tokens.scrollbarWidth});\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n z-index: 10;\n overflow: hidden;\n\n &.${classes.scrollbarVisible} {\n opacity: 1;\n pointer-events: auto;\n }\n`;\n\nexport const ScrollbarTrack = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n background: var(${tokens.scrollbarTrackColor});\n border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: var(${tokens.scrollbarColor});\n border-radius: var(${tokens.scrollbarWidth});\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: var(${tokens.scrollbarColor});\n }\n\n &:active {\n background: var(${tokens.scrollbarTrackColor});\n }\n`;\n\nexport const StyledEmpty = styled.div`\n width: 100%;\n height: 0%.125rem;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledTimeItem","_exp13","_ref","height","concat","tokens","columnHeight","StyledTimeColumn","vars","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":";;;;;;;AAIO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BnC,EAAA;AAAC,IAAAE,MAAA,GAlCgBA,SAkChBA,MAAAA,GAAA;AAAA,EAAA,OAGgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,wBAAM,CAACC,YAAY,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlE,IAAMC,gBAAgB,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBP,MAAuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBxE,EAAA;AAEM,IAAMQ,eAAe,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBpC,EAAA;AAEM,IAAMW,cAAc,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMnC,EAAA;AAEM,IAAMY,cAAc,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBnC,EAAA;AAEM,IAAMa,WAAW,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;;;;;;;"}
@@ -1,7 +0,0 @@
1
- .s1okclyy{position:relative;width:100%;}
2
- .s14v4skc{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.s14v4skc:hover{background:var(--plasma-time-picker-item-hover-background);}.s14v4skc.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
3
- .s1mtrybc{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s1mtrybc.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s1mtrybc::-webkit-scrollbar{display:none;width:0;}
4
- .c3ksbzv{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.c3ksbzv.plasma-time-picker-scrollbar-visible{opacity:1;pointer-events:auto;}
5
- .s13lzs6z{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
6
- .svmgxvm{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.svmgxvm:hover{background:var(--plasma-time-picker-scrollbar-color);}.svmgxvm:active{background:var(--plasma-time-picker-scrollbar-track-color);}
7
- .s1bw3c91{width:100%;height:0%.125rem;}
@@ -1,175 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get loaderConfig () {
13
- return loaderConfig;
14
- },
15
- get loaderRoot () {
16
- return loaderRoot;
17
- }
18
- });
19
- var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
- var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
21
- var _base = require("./variations/_view/base");
22
- var _base1 = require("./variations/_size/base");
23
- var _Loaderstyles = require("./Loader.styles");
24
- var _Loadertokens = require("./Loader.tokens");
25
- function _define_property(obj, key, value) {
26
- if (key in obj) {
27
- Object.defineProperty(obj, key, {
28
- value: value,
29
- enumerable: true,
30
- configurable: true,
31
- writable: true
32
- });
33
- } else {
34
- obj[key] = value;
35
- }
36
- return obj;
37
- }
38
- function _interop_require_default(obj) {
39
- return obj && obj.__esModule ? obj : {
40
- default: obj
41
- };
42
- }
43
- function _getRequireWildcardCache(nodeInterop) {
44
- if (typeof WeakMap !== "function") return null;
45
- var cacheBabelInterop = new WeakMap();
46
- var cacheNodeInterop = new WeakMap();
47
- return (_getRequireWildcardCache = function(nodeInterop) {
48
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
49
- })(nodeInterop);
50
- }
51
- function _interop_require_wildcard(obj, nodeInterop) {
52
- if (!nodeInterop && obj && obj.__esModule) {
53
- return obj;
54
- }
55
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
56
- return {
57
- default: obj
58
- };
59
- }
60
- var cache = _getRequireWildcardCache(nodeInterop);
61
- if (cache && cache.has(obj)) {
62
- return cache.get(obj);
63
- }
64
- var newObj = {
65
- __proto__: null
66
- };
67
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
68
- for(var key in obj){
69
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
70
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
71
- if (desc && (desc.get || desc.set)) {
72
- Object.defineProperty(newObj, key, desc);
73
- } else {
74
- newObj[key] = obj[key];
75
- }
76
- }
77
- }
78
- newObj.default = obj;
79
- if (cache) {
80
- cache.set(obj, newObj);
81
- }
82
- return newObj;
83
- }
84
- function _object_spread(target) {
85
- for(var i = 1; i < arguments.length; i++){
86
- var source = arguments[i] != null ? arguments[i] : {};
87
- var ownKeys = Object.keys(source);
88
- if (typeof Object.getOwnPropertySymbols === "function") {
89
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
90
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
91
- }));
92
- }
93
- ownKeys.forEach(function(key) {
94
- _define_property(target, key, source[key]);
95
- });
96
- }
97
- return target;
98
- }
99
- function _object_without_properties(source, excluded) {
100
- if (source == null) return {};
101
- var target = _object_without_properties_loose(source, excluded);
102
- var key, i;
103
- if (Object.getOwnPropertySymbols) {
104
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
105
- for(i = 0; i < sourceSymbolKeys.length; i++){
106
- key = sourceSymbolKeys[i];
107
- if (excluded.indexOf(key) >= 0) continue;
108
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
109
- target[key] = source[key];
110
- }
111
- }
112
- return target;
113
- }
114
- function _object_without_properties_loose(source, excluded) {
115
- if (source == null) return {};
116
- var target = {};
117
- var sourceKeys = Object.keys(source);
118
- var key, i;
119
- for(i = 0; i < sourceKeys.length; i++){
120
- key = sourceKeys[i];
121
- if (excluded.indexOf(key) >= 0) continue;
122
- target[key] = source[key];
123
- }
124
- return target;
125
- }
126
- var loaderRoot = function(Root) {
127
- return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
128
- var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasBlur = props.hasBlur, hasBlur = _props_hasBlur === void 0 ? false : _props_hasBlur, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, rest = _object_without_properties(props, [
129
- "type",
130
- "hasBlur",
131
- "hasOverlay",
132
- "value",
133
- "maxValue",
134
- "size",
135
- "view",
136
- "children",
137
- "className",
138
- "strokeWidth"
139
- ]);
140
- var _obj;
141
- return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
142
- ref: ref,
143
- view: view,
144
- size: size,
145
- className: (0, _classnames.default)(className, (_obj = {}, _define_property(_obj, _Loadertokens.classes.loaderHasBlur, hasBlur), _define_property(_obj, _Loadertokens.classes.loaderHasOverlay, hasOverlay), _obj))
146
- }, rest), type === 'spinner' ? /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledSpinner, {
147
- size: size,
148
- view: view
149
- }) : /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledProgressBarCircular, {
150
- value: value,
151
- maxValue: maxValue,
152
- strokeWidth: strokeWidth,
153
- size: size,
154
- view: view
155
- }, children));
156
- });
157
- };
158
- var loaderConfig = {
159
- name: 'Loader',
160
- tag: 'div',
161
- layout: loaderRoot,
162
- base: _Loaderstyles.base,
163
- variations: {
164
- view: {
165
- css: _base.base
166
- },
167
- size: {
168
- css: _base1.base
169
- }
170
- },
171
- defaults: {
172
- view: 'primary',
173
- size: 'm'
174
- }
175
- };