@hazelcast/ui 3.0.1-canary.0 → 3.0.1-canary.2

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/lib/components/Alert.js +50 -116
  2. package/lib/components/Alert.js.map +1 -1
  3. package/lib/components/Alert.module.scss +141 -0
  4. package/lib/components/AppHeader/AppHeader.js +17 -39
  5. package/lib/components/AppHeader/AppHeader.js.map +1 -1
  6. package/lib/components/AppHeader/AppHeader.module.scss +29 -0
  7. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js +7 -24
  8. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -1
  9. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +29 -0
  10. package/lib/components/AppHeader/AppHeaderLogo/index.js +2 -8
  11. package/lib/components/AppHeader/AppHeaderLogo/index.js.map +1 -1
  12. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +14 -46
  13. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -1
  14. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +20 -0
  15. package/lib/components/AppHeader/AppHeaderMenu/index.js +2 -8
  16. package/lib/components/AppHeader/AppHeaderMenu/index.js.map +1 -1
  17. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js +9 -19
  18. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -1
  19. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +13 -0
  20. package/lib/components/AppHeader/EnvironmentBadge/index.js +2 -8
  21. package/lib/components/AppHeader/EnvironmentBadge/index.js.map +1 -1
  22. package/lib/components/AppHeader/SelectCluster/SelectCluster.js +32 -72
  23. package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -1
  24. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss +101 -0
  25. package/lib/components/AppHeader/SelectCluster/index.js +2 -8
  26. package/lib/components/AppHeader/SelectCluster/index.js.map +1 -1
  27. package/lib/components/AppHeader/index.js +2 -8
  28. package/lib/components/AppHeader/index.js.map +1 -1
  29. package/lib/components/AppSidebar/AppSidebar.js +30 -56
  30. package/lib/components/AppSidebar/AppSidebar.js.map +1 -1
  31. package/lib/components/AppSidebar/AppSidebar.module.scss +66 -0
  32. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +21 -37
  33. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -1
  34. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +16 -0
  35. package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js +2 -8
  36. package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js.map +1 -1
  37. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +10 -31
  38. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -1
  39. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +13 -0
  40. package/lib/components/AppSidebar/AppSidebarFavorites/index.js +2 -8
  41. package/lib/components/AppSidebar/AppSidebarFavorites/index.js.map +1 -1
  42. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +22 -77
  43. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -1
  44. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +92 -0
  45. package/lib/components/AppSidebar/AppSidebarItem/index.js +2 -8
  46. package/lib/components/AppSidebar/AppSidebarItem/index.js.map +1 -1
  47. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +6 -17
  48. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -1
  49. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +24 -0
  50. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js +2 -8
  51. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js.map +1 -1
  52. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js +14 -39
  53. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -1
  54. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +58 -0
  55. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +53 -94
  56. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -1
  57. package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js +3 -8
  58. package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +1 -1
  59. package/lib/components/AppSidebar/AppSidebarSection/index.js +2 -8
  60. package/lib/components/AppSidebar/AppSidebarSection/index.js.map +1 -1
  61. package/lib/components/AppSidebar/appSidebarContext.js +9 -14
  62. package/lib/components/AppSidebar/appSidebarContext.js.map +1 -1
  63. package/lib/components/AppSidebar/index.js +6 -16
  64. package/lib/components/AppSidebar/index.js.map +1 -1
  65. package/lib/components/AutocompleteField.js +154 -229
  66. package/lib/components/AutocompleteField.js.map +1 -1
  67. package/lib/components/AutocompleteField.module.scss +164 -0
  68. package/lib/components/AutocompleteFieldFormik.js +18 -41
  69. package/lib/components/AutocompleteFieldFormik.js.map +1 -1
  70. package/lib/components/Badge.js +42 -66
  71. package/lib/components/Badge.js.map +1 -1
  72. package/lib/components/Badge.module.scss +55 -0
  73. package/lib/components/Button.js +42 -115
  74. package/lib/components/Button.js.map +1 -1
  75. package/lib/components/Button.module.scss +329 -0
  76. package/lib/components/Calendar/Calendar.js +23 -77
  77. package/lib/components/Calendar/Calendar.js.map +1 -1
  78. package/lib/components/Calendar/Calendar.module.scss +185 -0
  79. package/lib/components/Calendar/CalendarRange.js +12 -60
  80. package/lib/components/Calendar/CalendarRange.js.map +1 -1
  81. package/lib/components/Calendar/CalendarRange.module.scss +21 -0
  82. package/lib/components/Calendar/components/CalendarHeader.js +12 -35
  83. package/lib/components/Calendar/components/CalendarHeader.js.map +1 -1
  84. package/lib/components/Calendar/components/CalendarInput.js +9 -39
  85. package/lib/components/Calendar/components/CalendarInput.js.map +1 -1
  86. package/lib/components/Calendar/components/CalendarTime.js +66 -104
  87. package/lib/components/Calendar/components/CalendarTime.js.map +1 -1
  88. package/lib/components/Calendar/components/CalendarTime.module.scss +72 -0
  89. package/lib/components/Calendar/helpers/consts.js +100 -8
  90. package/lib/components/Calendar/helpers/consts.js.map +1 -1
  91. package/lib/components/Card.js +14 -60
  92. package/lib/components/Card.js.map +1 -1
  93. package/lib/components/Card.module.scss +92 -0
  94. package/lib/components/Carousel.js +27 -60
  95. package/lib/components/Carousel.js.map +1 -1
  96. package/lib/components/Carousel.module.scss +43 -0
  97. package/lib/components/CenteredLoader.js +6 -18
  98. package/lib/components/CenteredLoader.js.map +1 -1
  99. package/lib/components/CenteredLoader.module.scss +11 -0
  100. package/lib/components/Checkbox.js +26 -87
  101. package/lib/components/Checkbox.js.map +1 -1
  102. package/lib/components/Checkbox.module.scss +106 -0
  103. package/lib/components/CheckboxFormik.js +16 -37
  104. package/lib/components/CheckboxFormik.js.map +1 -1
  105. package/lib/components/CircularProgressBar.js +27 -78
  106. package/lib/components/CircularProgressBar.js.map +1 -1
  107. package/lib/components/CircularProgressBar.module.scss +37 -0
  108. package/lib/components/ContextMenu.js +60 -86
  109. package/lib/components/ContextMenu.js.map +1 -1
  110. package/lib/components/ContextMenu.module.scss +37 -0
  111. package/lib/components/Dialog.js +30 -50
  112. package/lib/components/Dialog.js.map +1 -1
  113. package/lib/components/Dialog.module.scss +62 -0
  114. package/lib/components/EmptyState.js +20 -66
  115. package/lib/components/EmptyState.js.map +1 -1
  116. package/lib/components/EmptyState.module.scss +87 -0
  117. package/lib/components/Error.js +7 -28
  118. package/lib/components/Error.js.map +1 -1
  119. package/lib/components/Error.module.scss +12 -0
  120. package/lib/components/FieldHeader.js +14 -43
  121. package/lib/components/FieldHeader.js.map +1 -1
  122. package/lib/components/FieldHeader.module.scss +20 -0
  123. package/lib/components/Help.js +13 -42
  124. package/lib/components/Help.js.map +1 -1
  125. package/lib/components/Help.module.scss +9 -0
  126. package/lib/components/Icon.js +25 -48
  127. package/lib/components/Icon.js.map +1 -1
  128. package/lib/components/Icon.module.scss +33 -0
  129. package/lib/components/IconButton.js +23 -81
  130. package/lib/components/IconButton.js.map +1 -1
  131. package/lib/components/IconButton.module.scss +59 -0
  132. package/lib/components/InteractiveList.js +41 -115
  133. package/lib/components/InteractiveList.js.map +1 -1
  134. package/lib/components/InteractiveList.module.scss +72 -0
  135. package/lib/components/InteractiveListFormik.js +81 -110
  136. package/lib/components/InteractiveListFormik.js.map +1 -1
  137. package/lib/components/Label.js +5 -20
  138. package/lib/components/Label.js.map +1 -1
  139. package/lib/components/Label.module.scss +12 -0
  140. package/lib/components/Link.js +31 -59
  141. package/lib/components/Link.js.map +1 -1
  142. package/lib/components/Link.module.scss +64 -0
  143. package/lib/components/Loader.js +23 -82
  144. package/lib/components/Loader.js.map +1 -1
  145. package/lib/components/Loader.module.scss +74 -0
  146. package/lib/components/Modal.js +26 -93
  147. package/lib/components/Modal.js.map +1 -1
  148. package/lib/components/Modal.module.scss +109 -0
  149. package/lib/components/Notification.js +37 -75
  150. package/lib/components/Notification.js.map +1 -1
  151. package/lib/components/Notification.module.scss +97 -0
  152. package/lib/components/NumberBadge.js +7 -18
  153. package/lib/components/NumberBadge.js.map +1 -1
  154. package/lib/components/NumberBadge.module.scss +13 -0
  155. package/lib/components/NumberField.js +140 -181
  156. package/lib/components/NumberField.js.map +1 -1
  157. package/lib/components/NumberField.module.scss +76 -0
  158. package/lib/components/NumberFieldFormik.js +49 -69
  159. package/lib/components/NumberFieldFormik.js.map +1 -1
  160. package/lib/components/Overlay.js +29 -92
  161. package/lib/components/Overlay.js.map +1 -1
  162. package/lib/components/Overlay.module.scss +108 -0
  163. package/lib/components/Pagination.js +91 -198
  164. package/lib/components/Pagination.js.map +1 -1
  165. package/lib/components/Pagination.module.scss +117 -0
  166. package/lib/components/PasswordField.js +25 -61
  167. package/lib/components/PasswordField.js.map +1 -1
  168. package/lib/components/PasswordField.module.scss +26 -0
  169. package/lib/components/PasswordFieldFormik.js +16 -37
  170. package/lib/components/PasswordFieldFormik.js.map +1 -1
  171. package/lib/components/Popover.js +67 -85
  172. package/lib/components/Popover.js.map +1 -1
  173. package/lib/components/Popover.module.scss +12 -0
  174. package/lib/components/Radio.js +26 -67
  175. package/lib/components/Radio.js.map +1 -1
  176. package/lib/components/Radio.module.scss +112 -0
  177. package/lib/components/RadioFormik.js +11 -26
  178. package/lib/components/RadioFormik.js.map +1 -1
  179. package/lib/components/RadioGroup.js +18 -51
  180. package/lib/components/RadioGroup.js.map +1 -1
  181. package/lib/components/RadioGroup.module.scss +21 -0
  182. package/lib/components/RadioGroupContext.js +3 -10
  183. package/lib/components/RadioGroupContext.js.map +1 -1
  184. package/lib/components/RadioGroupFormik.js +16 -34
  185. package/lib/components/RadioGroupFormik.js.map +1 -1
  186. package/lib/components/SegmentedControl.js +9 -43
  187. package/lib/components/SegmentedControl.js.map +1 -1
  188. package/lib/components/SegmentedControl.module.scss +81 -0
  189. package/lib/components/SegmentedControlFormik.js +12 -30
  190. package/lib/components/SegmentedControlFormik.js.map +1 -1
  191. package/lib/components/Select/CheckableSelectField.js +74 -178
  192. package/lib/components/Select/CheckableSelectField.js.map +1 -1
  193. package/lib/components/Select/CheckableSelectField.module.scss +100 -0
  194. package/lib/components/Select/CheckableSelectFieldFormik.js +18 -41
  195. package/lib/components/Select/CheckableSelectFieldFormik.js.map +1 -1
  196. package/lib/components/Select/Common.js +44 -87
  197. package/lib/components/Select/Common.js.map +1 -1
  198. package/lib/components/Select/Common.module.scss +69 -0
  199. package/lib/components/Select/MultiSelectField.js +107 -187
  200. package/lib/components/Select/MultiSelectField.js.map +1 -1
  201. package/lib/components/Select/MultiSelectField.module.scss +72 -0
  202. package/lib/components/Select/MultiSelectFieldFormik.js +18 -41
  203. package/lib/components/Select/MultiSelectFieldFormik.js.map +1 -1
  204. package/lib/components/Select/SelectField.js +100 -169
  205. package/lib/components/Select/SelectField.js.map +1 -1
  206. package/lib/components/Select/SelectField.module.scss +194 -0
  207. package/lib/components/Select/SelectFieldFormik.js +18 -38
  208. package/lib/components/Select/SelectFieldFormik.js.map +1 -1
  209. package/lib/components/Select/helpers.js +25 -30
  210. package/lib/components/Select/helpers.js.map +1 -1
  211. package/lib/components/Select/index.js +8 -21
  212. package/lib/components/Select/index.js.map +1 -1
  213. package/lib/components/SimpleTable.js +13 -36
  214. package/lib/components/SimpleTable.js.map +1 -1
  215. package/lib/components/SimpleTable.module.scss +28 -0
  216. package/lib/components/Slider.js +173 -294
  217. package/lib/components/Slider.js.map +1 -1
  218. package/lib/components/Slider.module.scss +277 -0
  219. package/lib/components/SliderFormik.js +13 -30
  220. package/lib/components/SliderFormik.js.map +1 -1
  221. package/lib/components/Table/Cell.js +58 -111
  222. package/lib/components/Table/Cell.js.map +1 -1
  223. package/lib/components/Table/Cell.module.scss +61 -0
  224. package/lib/components/Table/CellWrapper.js +27 -44
  225. package/lib/components/Table/CellWrapper.js.map +1 -1
  226. package/lib/components/Table/EnhancedRenderers.js +12 -31
  227. package/lib/components/Table/EnhancedRenderers.js.map +1 -1
  228. package/lib/components/Table/Header.js +92 -141
  229. package/lib/components/Table/Header.js.map +1 -1
  230. package/lib/components/Table/Header.module.scss +128 -0
  231. package/lib/components/Table/Row.js +22 -77
  232. package/lib/components/Table/Row.js.map +1 -1
  233. package/lib/components/Table/Row.module.scss +59 -0
  234. package/lib/components/Table/Table.js +245 -456
  235. package/lib/components/Table/Table.js.map +1 -1
  236. package/lib/components/Table/Table.module.scss +31 -0
  237. package/lib/components/Table/TableContent.js +57 -129
  238. package/lib/components/Table/TableContent.js.map +1 -1
  239. package/lib/components/Table/TableContent.module.scss +21 -0
  240. package/lib/components/Table/constants.js +3 -8
  241. package/lib/components/Table/constants.js.map +1 -1
  242. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js +12 -39
  243. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -1
  244. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss +12 -0
  245. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js +16 -23
  246. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -1
  247. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss +6 -0
  248. package/lib/components/Table/features/columnsSelection/ContextMenu/index.js +2 -8
  249. package/lib/components/Table/features/columnsSelection/ContextMenu/index.js.map +1 -1
  250. package/lib/components/Table/features/columnsSelection/columnsSelection.js +68 -76
  251. package/lib/components/Table/features/columnsSelection/columnsSelection.js.map +1 -1
  252. package/lib/components/Table/features/columnsSelection/helpers.js +22 -28
  253. package/lib/components/Table/features/columnsSelection/helpers.js.map +1 -1
  254. package/lib/components/Table/features/columnsSelection/index.js +5 -16
  255. package/lib/components/Table/features/columnsSelection/index.js.map +1 -1
  256. package/lib/components/Table/helpers.js +9 -17
  257. package/lib/components/Table/helpers.js.map +1 -1
  258. package/lib/components/Table/tableTypes.js +2 -3
  259. package/lib/components/Table/tableTypes.js.map +1 -1
  260. package/lib/components/Table/useTrackTableState.js +29 -43
  261. package/lib/components/Table/useTrackTableState.js.map +1 -1
  262. package/lib/components/Table/utils.js +111 -176
  263. package/lib/components/Table/utils.js.map +1 -1
  264. package/lib/components/Tabs/Tab.js +27 -61
  265. package/lib/components/Tabs/Tab.js.map +1 -1
  266. package/lib/components/Tabs/Tab.module.scss +58 -0
  267. package/lib/components/Tabs/TabContext.js +26 -51
  268. package/lib/components/Tabs/TabContext.js.map +1 -1
  269. package/lib/components/Tabs/TabList.js +49 -62
  270. package/lib/components/Tabs/TabList.js.map +1 -1
  271. package/lib/components/Tabs/TabList.module.scss +3 -0
  272. package/lib/components/Tabs/TabPanel.js +9 -29
  273. package/lib/components/Tabs/TabPanel.js.map +1 -1
  274. package/lib/components/Tabs/TabPanel.module.scss +7 -0
  275. package/lib/components/Tabs/index.js +5 -20
  276. package/lib/components/Tabs/index.js.map +1 -1
  277. package/lib/components/Terminal.js +108 -179
  278. package/lib/components/Terminal.js.map +1 -1
  279. package/lib/components/Terminal.module.scss +109 -0
  280. package/lib/components/TextArea.js +24 -79
  281. package/lib/components/TextArea.js.map +1 -1
  282. package/lib/components/TextArea.module.scss +144 -0
  283. package/lib/components/TextAreaFormik.js +10 -26
  284. package/lib/components/TextAreaFormik.js.map +1 -1
  285. package/lib/components/TextField.js +48 -154
  286. package/lib/components/TextField.js.map +1 -1
  287. package/lib/components/TextField.module.scss +209 -0
  288. package/lib/components/TextFieldFormik.js +22 -46
  289. package/lib/components/TextFieldFormik.js.map +1 -1
  290. package/lib/components/TimeField.js +14 -62
  291. package/lib/components/TimeField.js.map +1 -1
  292. package/lib/components/TimeField.module.scss +4 -0
  293. package/lib/components/TimeFieldFormik.js +10 -26
  294. package/lib/components/TimeFieldFormik.js.map +1 -1
  295. package/lib/components/Toast.js +44 -79
  296. package/lib/components/Toast.js.map +1 -1
  297. package/lib/components/Toast.module.scss +53 -0
  298. package/lib/components/Toggle.js +21 -71
  299. package/lib/components/Toggle.js.map +1 -1
  300. package/lib/components/Toggle.module.scss +175 -0
  301. package/lib/components/ToggleFormik.js +11 -27
  302. package/lib/components/ToggleFormik.js.map +1 -1
  303. package/lib/components/Tooltip.js +39 -79
  304. package/lib/components/Tooltip.js.map +1 -1
  305. package/lib/components/Tooltip.module.scss +44 -0
  306. package/lib/components/TruncatedText.js +22 -49
  307. package/lib/components/TruncatedText.js.map +1 -1
  308. package/lib/components/TruncatedText.module.scss +9 -0
  309. package/lib/helpers/array.js +17 -26
  310. package/lib/helpers/array.js.map +1 -1
  311. package/lib/helpers/escapeHtml.js +6 -10
  312. package/lib/helpers/escapeHtml.js.map +1 -1
  313. package/lib/helpers/forms.js +14 -20
  314. package/lib/helpers/forms.js.map +1 -1
  315. package/lib/helpers/math.js +6 -10
  316. package/lib/helpers/math.js.map +1 -1
  317. package/lib/helpers/types.js +2 -6
  318. package/lib/helpers/types.js.map +1 -1
  319. package/lib/hooks/index.js +7 -17
  320. package/lib/hooks/index.js.map +1 -1
  321. package/lib/hooks/useCloseOnResize.js +12 -17
  322. package/lib/hooks/useCloseOnResize.js.map +1 -1
  323. package/lib/hooks/useDeepCompareMemo.js +7 -12
  324. package/lib/hooks/useDeepCompareMemo.js.map +1 -1
  325. package/lib/hooks/useDeepEqual.js +9 -14
  326. package/lib/hooks/useDeepEqual.js.map +1 -1
  327. package/lib/hooks/useDimensions.js +15 -26
  328. package/lib/hooks/useDimensions.js.map +1 -1
  329. package/lib/hooks/useIsMounted.js +11 -16
  330. package/lib/hooks/useIsMounted.js.map +1 -1
  331. package/lib/hooks/useOnClickOutside.js +32 -41
  332. package/lib/hooks/useOnClickOutside.js.map +1 -1
  333. package/lib/hooks/useOpenCloseState.js +13 -18
  334. package/lib/hooks/useOpenCloseState.js.map +1 -1
  335. package/lib/hooks/usePagination.js +60 -64
  336. package/lib/hooks/usePagination.js.map +1 -1
  337. package/lib/hooks/usePersistedState.js +33 -35
  338. package/lib/hooks/usePersistedState.js.map +1 -1
  339. package/lib/hooks/usePrevious.js +8 -13
  340. package/lib/hooks/usePrevious.js.map +1 -1
  341. package/lib/hooks/useRefValue.js +8 -13
  342. package/lib/hooks/useRefValue.js.map +1 -1
  343. package/lib/icons/Cluster.js +7 -44
  344. package/lib/icons/Cluster.js.map +1 -1
  345. package/lib/icons/Compare.js +7 -46
  346. package/lib/icons/Compare.js.map +1 -1
  347. package/lib/icons/Compute.js +7 -43
  348. package/lib/icons/Compute.js.map +1 -1
  349. package/lib/icons/Folder.js +4 -25
  350. package/lib/icons/Folder.js.map +1 -1
  351. package/lib/icons/PlusCircle.js +6 -37
  352. package/lib/icons/PlusCircle.js.map +1 -1
  353. package/lib/icons/Streaming.js +8 -45
  354. package/lib/icons/Streaming.js.map +1 -1
  355. package/lib/index.js +71 -178
  356. package/lib/index.js.map +1 -1
  357. package/lib/services/logger.js +75 -85
  358. package/lib/services/logger.js.map +1 -1
  359. package/lib/services/time.js +14 -18
  360. package/lib/services/time.js.map +1 -1
  361. package/lib/test-helpers/index.d.ts +3 -0
  362. package/lib/test-helpers/index.js +4 -0
  363. package/lib/test-helpers/index.js.map +1 -0
  364. package/lib/test-helpers/render.d.ts +10 -0
  365. package/lib/test-helpers/render.js +24 -0
  366. package/lib/test-helpers/render.js.map +1 -0
  367. package/lib/test-helpers/time.d.ts +1 -0
  368. package/lib/test-helpers/time.js +2 -0
  369. package/lib/test-helpers/time.js.map +1 -0
  370. package/lib/test-helpers/utils.d.ts +5 -0
  371. package/lib/test-helpers/utils.js +11 -0
  372. package/lib/test-helpers/utils.js.map +1 -0
  373. package/lib/types.js +2 -3
  374. package/lib/types.js.map +1 -1
  375. package/lib/utils/formik.js +7 -12
  376. package/lib/utils/formik.js.map +1 -1
  377. package/lib/utils/keyboard.js +3 -8
  378. package/lib/utils/keyboard.js.map +1 -1
  379. package/lib/utils/portal.js +14 -19
  380. package/lib/utils/portal.js.map +1 -1
  381. package/lib/utils/ssr.js +2 -6
  382. package/lib/utils/ssr.js.map +1 -1
  383. package/lib/utils/types.js +2 -3
  384. package/lib/utils/types.js.map +1 -1
  385. package/package.json +3 -2
  386. package/lib/components/Alert.module.scss.js +0 -8
  387. package/lib/components/Alert.module.scss.js.map +0 -1
  388. package/lib/components/AppHeader/AppHeader.module.scss.js +0 -8
  389. package/lib/components/AppHeader/AppHeader.module.scss.js.map +0 -1
  390. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js +0 -8
  391. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js.map +0 -1
  392. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js +0 -8
  393. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js.map +0 -1
  394. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js +0 -8
  395. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js.map +0 -1
  396. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js +0 -8
  397. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js.map +0 -1
  398. package/lib/components/AppSidebar/AppSidebar.module.scss.js +0 -8
  399. package/lib/components/AppSidebar/AppSidebar.module.scss.js.map +0 -1
  400. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js +0 -8
  401. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js.map +0 -1
  402. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js +0 -8
  403. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js.map +0 -1
  404. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js +0 -8
  405. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js.map +0 -1
  406. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js +0 -8
  407. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js.map +0 -1
  408. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js +0 -8
  409. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js.map +0 -1
  410. package/lib/components/AutocompleteField.module.scss.js +0 -8
  411. package/lib/components/AutocompleteField.module.scss.js.map +0 -1
  412. package/lib/components/Badge.module.scss.js +0 -8
  413. package/lib/components/Badge.module.scss.js.map +0 -1
  414. package/lib/components/Button.module.scss.js +0 -8
  415. package/lib/components/Button.module.scss.js.map +0 -1
  416. package/lib/components/Calendar/Calendar.module.scss.js +0 -8
  417. package/lib/components/Calendar/Calendar.module.scss.js.map +0 -1
  418. package/lib/components/Calendar/CalendarRange.module.scss.js +0 -8
  419. package/lib/components/Calendar/CalendarRange.module.scss.js.map +0 -1
  420. package/lib/components/Calendar/components/CalendarTime.module.scss.js +0 -8
  421. package/lib/components/Calendar/components/CalendarTime.module.scss.js.map +0 -1
  422. package/lib/components/Card.module.scss.js +0 -8
  423. package/lib/components/Card.module.scss.js.map +0 -1
  424. package/lib/components/Carousel.module.scss.js +0 -8
  425. package/lib/components/Carousel.module.scss.js.map +0 -1
  426. package/lib/components/CenteredLoader.module.scss.js +0 -8
  427. package/lib/components/CenteredLoader.module.scss.js.map +0 -1
  428. package/lib/components/Checkbox.module.scss.js +0 -8
  429. package/lib/components/Checkbox.module.scss.js.map +0 -1
  430. package/lib/components/CircularProgressBar.module.scss.js +0 -8
  431. package/lib/components/CircularProgressBar.module.scss.js.map +0 -1
  432. package/lib/components/ContextMenu.module.scss.js +0 -8
  433. package/lib/components/ContextMenu.module.scss.js.map +0 -1
  434. package/lib/components/Dialog.module.scss.js +0 -8
  435. package/lib/components/Dialog.module.scss.js.map +0 -1
  436. package/lib/components/EmptyState.module.scss.js +0 -8
  437. package/lib/components/EmptyState.module.scss.js.map +0 -1
  438. package/lib/components/Error.module.scss.js +0 -8
  439. package/lib/components/Error.module.scss.js.map +0 -1
  440. package/lib/components/FieldHeader.module.scss.js +0 -8
  441. package/lib/components/FieldHeader.module.scss.js.map +0 -1
  442. package/lib/components/Help.module.scss.js +0 -8
  443. package/lib/components/Help.module.scss.js.map +0 -1
  444. package/lib/components/Icon.module.scss.js +0 -8
  445. package/lib/components/Icon.module.scss.js.map +0 -1
  446. package/lib/components/IconButton.module.scss.js +0 -8
  447. package/lib/components/IconButton.module.scss.js.map +0 -1
  448. package/lib/components/InteractiveList.module.scss.js +0 -8
  449. package/lib/components/InteractiveList.module.scss.js.map +0 -1
  450. package/lib/components/Label.module.scss.js +0 -8
  451. package/lib/components/Label.module.scss.js.map +0 -1
  452. package/lib/components/Link.module.scss.js +0 -8
  453. package/lib/components/Link.module.scss.js.map +0 -1
  454. package/lib/components/Loader.module.scss.js +0 -8
  455. package/lib/components/Loader.module.scss.js.map +0 -1
  456. package/lib/components/Modal.module.scss.js +0 -8
  457. package/lib/components/Modal.module.scss.js.map +0 -1
  458. package/lib/components/Notification.module.scss.js +0 -8
  459. package/lib/components/Notification.module.scss.js.map +0 -1
  460. package/lib/components/NumberBadge.module.scss.js +0 -8
  461. package/lib/components/NumberBadge.module.scss.js.map +0 -1
  462. package/lib/components/NumberField.module.scss.js +0 -8
  463. package/lib/components/NumberField.module.scss.js.map +0 -1
  464. package/lib/components/Overlay.module.scss.js +0 -8
  465. package/lib/components/Overlay.module.scss.js.map +0 -1
  466. package/lib/components/Pagination.module.scss.js +0 -8
  467. package/lib/components/Pagination.module.scss.js.map +0 -1
  468. package/lib/components/PasswordField.module.scss.js +0 -8
  469. package/lib/components/PasswordField.module.scss.js.map +0 -1
  470. package/lib/components/Popover.module.scss.js +0 -8
  471. package/lib/components/Popover.module.scss.js.map +0 -1
  472. package/lib/components/Radio.module.scss.js +0 -8
  473. package/lib/components/Radio.module.scss.js.map +0 -1
  474. package/lib/components/RadioGroup.module.scss.js +0 -8
  475. package/lib/components/RadioGroup.module.scss.js.map +0 -1
  476. package/lib/components/SegmentedControl.module.scss.js +0 -8
  477. package/lib/components/SegmentedControl.module.scss.js.map +0 -1
  478. package/lib/components/Select/CheckableSelectField.module.scss.js +0 -8
  479. package/lib/components/Select/CheckableSelectField.module.scss.js.map +0 -1
  480. package/lib/components/Select/Common.module.scss.js +0 -8
  481. package/lib/components/Select/Common.module.scss.js.map +0 -1
  482. package/lib/components/Select/MultiSelectField.module.scss.js +0 -8
  483. package/lib/components/Select/MultiSelectField.module.scss.js.map +0 -1
  484. package/lib/components/Select/SelectField.module.scss.js +0 -8
  485. package/lib/components/Select/SelectField.module.scss.js.map +0 -1
  486. package/lib/components/SimpleTable.module.scss.js +0 -8
  487. package/lib/components/SimpleTable.module.scss.js.map +0 -1
  488. package/lib/components/Slider.module.scss.js +0 -8
  489. package/lib/components/Slider.module.scss.js.map +0 -1
  490. package/lib/components/Table/Cell.module.scss.js +0 -8
  491. package/lib/components/Table/Cell.module.scss.js.map +0 -1
  492. package/lib/components/Table/Header.module.scss.js +0 -8
  493. package/lib/components/Table/Header.module.scss.js.map +0 -1
  494. package/lib/components/Table/Row.module.scss.js +0 -8
  495. package/lib/components/Table/Row.module.scss.js.map +0 -1
  496. package/lib/components/Table/Table.module.scss.js +0 -8
  497. package/lib/components/Table/Table.module.scss.js.map +0 -1
  498. package/lib/components/Table/TableContent.module.scss.js +0 -8
  499. package/lib/components/Table/TableContent.module.scss.js.map +0 -1
  500. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js +0 -8
  501. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js.map +0 -1
  502. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js +0 -8
  503. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js.map +0 -1
  504. package/lib/components/Tabs/Tab.module.scss.js +0 -8
  505. package/lib/components/Tabs/Tab.module.scss.js.map +0 -1
  506. package/lib/components/Tabs/TabList.module.scss.js +0 -8
  507. package/lib/components/Tabs/TabList.module.scss.js.map +0 -1
  508. package/lib/components/Tabs/TabPanel.module.scss.js +0 -8
  509. package/lib/components/Tabs/TabPanel.module.scss.js.map +0 -1
  510. package/lib/components/Terminal.module.scss.js +0 -8
  511. package/lib/components/Terminal.module.scss.js.map +0 -1
  512. package/lib/components/TextArea.module.scss.js +0 -8
  513. package/lib/components/TextArea.module.scss.js.map +0 -1
  514. package/lib/components/TextField.module.scss.js +0 -8
  515. package/lib/components/TextField.module.scss.js.map +0 -1
  516. package/lib/components/TimeField.module.scss.js +0 -8
  517. package/lib/components/TimeField.module.scss.js.map +0 -1
  518. package/lib/components/Toast.module.scss.js +0 -8
  519. package/lib/components/Toast.module.scss.js.map +0 -1
  520. package/lib/components/Toggle.module.scss.js +0 -8
  521. package/lib/components/Toggle.module.scss.js.map +0 -1
  522. package/lib/components/Tooltip.module.scss.js +0 -8
  523. package/lib/components/Tooltip.module.scss.js.map +0 -1
  524. package/lib/components/TruncatedText.module.scss.js +0 -8
  525. package/lib/components/TruncatedText.module.scss.js.map +0 -1
  526. package/lib/styles/constants/export.module.scss.js +0 -8
  527. package/lib/styles/constants/export.module.scss.js.map +0 -1
  528. package/lib/styles.css +0 -1
@@ -1,61 +1,13 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var reactFeather = require('react-feather');
5
- var cn = require('classnames');
6
- var components_Icon = require('../Icon.js');
7
- var components_Calendar_Calendar = require('./Calendar.js');
8
- var CalendarRange_module = require('./CalendarRange.module.scss.js');
9
-
10
- const CalendarRange = ({
11
- startDate,
12
- startInputLabel = 'From',
13
- startOpen,
14
- onStartDateChange,
15
- endDate,
16
- endInputLabel = 'To',
17
- endOpen,
18
- onEndDateChange,
19
- size,
20
- variant = 'horizontal',
21
- ...rest
22
- }) => {
23
- return /*#__PURE__*/React.createElement("div", {
24
- className: cn(CalendarRange_module.default.container, {
25
- [CalendarRange_module.default.vertical]: variant === 'vertical'
26
- })
27
- }, /*#__PURE__*/React.createElement(components_Calendar_Calendar.Calendar, {
28
- "data-test": "calendar-range-start",
29
- date: startDate,
30
- onDateChange: onStartDateChange,
31
- selectsStart: true,
32
- startDate: startDate,
33
- endDate: endDate,
34
- inputLabel: startInputLabel,
35
- open: startOpen,
36
- size: size,
37
- ...rest
38
- }), variant === 'horizontal' && (/*#__PURE__*/React.createElement(components_Icon.Icon, {
39
- "data-test": "calendar-range-icon",
40
- className: cn(CalendarRange_module.default.arrowRight, {
41
- [CalendarRange_module.default.small]: size === 'small'
42
- }),
43
- icon: reactFeather.ArrowRight,
44
- ariaLabel: "Arrow Right"
45
- })), /*#__PURE__*/React.createElement(components_Calendar_Calendar.Calendar, {
46
- "data-test": "calendar-range-end",
47
- date: endDate,
48
- onDateChange: onEndDateChange,
49
- selectsEnd: true,
50
- startDate: startDate,
51
- endDate: endDate,
52
- minDate: startDate,
53
- inputLabel: endInputLabel,
54
- open: endOpen,
55
- size: size,
56
- ...rest
57
- }));
1
+ import React from 'react';
2
+ import { ArrowRight } from 'react-feather';
3
+ import cn from 'classnames';
4
+ import { Icon } from '../Icon';
5
+ import { Calendar } from './Calendar';
6
+ import styles from './CalendarRange.module.scss';
7
+ export const CalendarRange = ({ startDate, startInputLabel = 'From', startOpen, onStartDateChange, endDate, endInputLabel = 'To', endOpen, onEndDateChange, size, variant = 'horizontal', ...rest }) => {
8
+ return (React.createElement("div", { className: cn(styles.container, { [styles.vertical]: variant === 'vertical' }) },
9
+ React.createElement(Calendar, { "data-test": "calendar-range-start", date: startDate, onDateChange: onStartDateChange, selectsStart: true, startDate: startDate, endDate: endDate, inputLabel: startInputLabel, open: startOpen, size: size, ...rest }),
10
+ variant === 'horizontal' && (React.createElement(Icon, { "data-test": "calendar-range-icon", className: cn(styles.arrowRight, { [styles.small]: size === 'small' }), icon: ArrowRight, ariaLabel: "Arrow Right" })),
11
+ React.createElement(Calendar, { "data-test": "calendar-range-end", date: endDate, onDateChange: onEndDateChange, selectsEnd: true, startDate: startDate, endDate: endDate, minDate: startDate, inputLabel: endInputLabel, open: endOpen, size: size, ...rest })));
58
12
  };
59
-
60
- exports.CalendarRange = CalendarRange;
61
- //# sourceMappingURL=CalendarRange.js.map
13
+ //# sourceMappingURL=CalendarRange.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarRange.js","sources":["../../../src/components/Calendar/CalendarRange.tsx"],"sourcesContent":[null],"names":["CalendarRange","startDate","startInputLabel","startOpen","onStartDateChange","endDate","endInputLabel","endOpen","onEndDateChange","size","variant","rest","React","className","cn","styles","container","vertical","createElement","Calendar","date","onDateChange","selectsStart","inputLabel","open","Icon","arrowRight","small","icon","ArrowRight","ariaLabel","selectsEnd","minDate"],"mappings":";;;;;;;;;AAsBO,MAAMA,aAAa,GAA2BA,CAAC;EACpDC,SAAS;AACTC,EAAAA,eAAe,GAAG,MAAM;EACxBC,SAAS;EACTC,iBAAiB;EACjBC,OAAO;AACPC,EAAAA,aAAa,GAAG,IAAI;EACpBC,OAAO;EACPC,eAAe;EACfC,IAAI;AACJC,EAAAA,OAAO,GAAG,YAAY;EACtB,GAAGC;AAAI,CACR,KAAI;AACH,EAAA,oBACEC;AAAKC,IAAAA,SAAS,EAAEC,EAAE,CAACC,4BAAM,CAACC,SAAS,EAAE;AAAE,MAAA,CAACD,4BAAM,CAACE,QAAQ,GAAGP,OAAO,KAAK;KAAY;AAAC,GAAA,eACjFE,KAAA,CAAAM,aAAA,CAACC,qCAAQ,EAAA;AAAA,IAAA,WAAA,EACG,sBAAsB;AAChCC,IAAAA,IAAI,EAAEnB,SAAS;AACfoB,IAAAA,YAAY,EAAEjB,iBAAiB;AAC/BkB,IAAAA,YAAY,EAAA,IAAA;AACZrB,IAAAA,SAAS,EAAEA,SAAS;AACpBI,IAAAA,OAAO,EAAEA,OAAO;AAChBkB,IAAAA,UAAU,EAAErB,eAAe;AAC3BsB,IAAAA,IAAI,EAAErB,SAAS;AACfM,IAAAA,IAAI,EAAEA,IAAI;IAAA,GACNE;GAAI,CACR,EACDD,OAAO,KAAK,YAAY,kBACvBE,KAAA,CAAAM,aAAA,CAACO,oBAAI,EAAA;AAAA,IAAA,WAAA,EACO,qBAAqB;AAC/BZ,IAAAA,SAAS,EAAEC,EAAE,CAACC,4BAAM,CAACW,UAAU,EAAE;AAAE,MAAA,CAACX,4BAAM,CAACY,KAAK,GAAGlB,IAAI,KAAK;AAAO,KAAE,CAAC;AACtEmB,IAAAA,IAAI,EAAEC,uBAAU;AAChBC,IAAAA,SAAS,EAAC;IACV,CACH,eACDlB,KAAA,CAAAM,aAAA,CAACC,qCAAQ,EAAA;AAAA,IAAA,WAAA,EACG,oBAAoB;AAC9BC,IAAAA,IAAI,EAAEf,OAAO;AACbgB,IAAAA,YAAY,EAAEb,eAAe;AAC7BuB,IAAAA,UAAU,EAAA,IAAA;AACV9B,IAAAA,SAAS,EAAEA,SAAS;AACpBI,IAAAA,OAAO,EAAEA,OAAO;AAChB2B,IAAAA,OAAO,EAAE/B,SAAS;AAClBsB,IAAAA,UAAU,EAAEjB,aAAa;AACzBkB,IAAAA,IAAI,EAAEjB,OAAO;AACbE,IAAAA,IAAI,EAAEA,IAAI;IAAA,GACNE;AAAI,GAAA,CACR,CACE;AAEV;;;;"}
1
+ {"version":3,"file":"CalendarRange.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AAEpD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAehD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,SAAS,EACT,eAAe,GAAG,MAAM,EACxB,SAAS,EACT,iBAAiB,EACjB,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,OAAO,EACP,eAAe,EACf,IAAI,EACJ,OAAO,GAAG,YAAY,EACtB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,UAAU,EAAE,CAAC;QACjF,oBAAC,QAAQ,iBACG,sBAAsB,EAChC,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,iBAAiB,EAC/B,YAAY,QACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,eAAe,EAC3B,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,KACN,IAAI,GACR;QACD,OAAO,KAAK,YAAY,IAAI,CAC3B,oBAAC,IAAI,iBACO,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,CAAC,EACtE,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,aAAa,GACvB,CACH;QACD,oBAAC,QAAQ,iBACG,oBAAoB,EAC9B,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,eAAe,EAC7B,UAAU,QACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,aAAa,EACzB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,21 @@
1
+ @use '../../../styles/constants' as c;
2
+
3
+ .container {
4
+ display: flex;
5
+ flex-direction: row;
6
+ align-items: flex-end;
7
+
8
+ &.vertical {
9
+ flex-direction: column;
10
+ gap: c.$grid * 4;
11
+ }
12
+
13
+ .arrowRight {
14
+ color: c.$colorNeutralLight;
15
+ margin: 0 c.$grid * 2 c.$grid * 2;
16
+
17
+ &.small {
18
+ margin-bottom: c.$grid * 0.75;
19
+ }
20
+ }
21
+ }
@@ -1,36 +1,13 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var reactFeather = require('react-feather');
5
- var dateFns = require('date-fns');
6
- var components_IconButton = require('../../IconButton.js');
7
- var Calendar_module = require('../Calendar.module.scss.js');
8
- var export_module = require('../../../styles/constants/export.module.scss.js');
9
-
10
- const CalendarHeader = ({
11
- date,
12
- decreaseMonth,
13
- increaseMonth
14
- }) => {
15
- return /*#__PURE__*/React.createElement("div", {
16
- "data-test": "date-picker-header",
17
- className: Calendar_module.default.headerContainer
18
- }, /*#__PURE__*/React.createElement(components_IconButton.IconButton, {
19
- "data-test": "date-picker-header-icon-previous",
20
- icon: reactFeather.ChevronLeft,
21
- ariaLabel: "Previous month",
22
- iconColor: export_module.default.colorPrimary,
23
- onClick: decreaseMonth
24
- }), /*#__PURE__*/React.createElement("div", {
25
- className: Calendar_module.default.headerMonthAndYear
26
- }, dateFns.format(date, 'MMMM y')), /*#__PURE__*/React.createElement(components_IconButton.IconButton, {
27
- "data-test": "date-picker-header-icon-next",
28
- icon: reactFeather.ChevronRight,
29
- ariaLabel: "Next month",
30
- iconColor: export_module.default.colorPrimary,
31
- onClick: increaseMonth
32
- }));
1
+ import React from 'react';
2
+ import { ChevronLeft, ChevronRight } from 'react-feather';
3
+ import { format } from 'date-fns';
4
+ import { IconButton } from '../../IconButton';
5
+ import styles from '../Calendar.module.scss';
6
+ import styleConsts from '../../../../styles/constants/export.module.scss';
7
+ export const CalendarHeader = ({ date, decreaseMonth, increaseMonth }) => {
8
+ return (React.createElement("div", { "data-test": "date-picker-header", className: styles.headerContainer },
9
+ React.createElement(IconButton, { "data-test": "date-picker-header-icon-previous", icon: ChevronLeft, ariaLabel: "Previous month", iconColor: styleConsts.colorPrimary, onClick: decreaseMonth }),
10
+ React.createElement("div", { className: styles.headerMonthAndYear }, format(date, 'MMMM y')),
11
+ React.createElement(IconButton, { "data-test": "date-picker-header-icon-next", icon: ChevronRight, ariaLabel: "Next month", iconColor: styleConsts.colorPrimary, onClick: increaseMonth })));
33
12
  };
34
-
35
- exports.CalendarHeader = CalendarHeader;
36
- //# sourceMappingURL=CalendarHeader.js.map
13
+ //# sourceMappingURL=CalendarHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarHeader.js","sources":["../../../../src/components/Calendar/components/CalendarHeader.tsx"],"sourcesContent":[null],"names":["CalendarHeader","date","decreaseMonth","increaseMonth","React","className","styles","headerContainer","createElement","IconButton","icon","ChevronLeft","ariaLabel","iconColor","styleConsts","colorPrimary","onClick","headerMonthAndYear","format","ChevronRight"],"mappings":";;;;;;;;;AAuBO,MAAMA,cAAc,GAA4BA,CAAC;EAAEC,IAAI;EAAEC,aAAa;AAAEC,EAAAA;AAAa,CAAE,KAAI;AAChG,EAAA,oBACEC;iBAAe,oBAAoB;IAACC,SAAS,EAAEC,uBAAM,CAACC;AAAe,GAAA,eACnEH,KAAA,CAAAI,aAAA,CAACC,gCAAU;iBACC,kCAAkC;AAC5CC,IAAAA,IAAI,EAAEC,wBAAW;AACjBC,IAAAA,SAAS,EAAC,gBAAgB;IAC1BC,SAAS,EAAEC,qBAAW,CAACC,YAAY;AACnCC,IAAAA,OAAO,EAAEd;AAAa,GAAA,CACtB,eACFE,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;IAAKH,SAAS,EAAEC,uBAAM,CAACW;AAAkB,GAAA,EAAGC,cAAM,CAACjB,IAAI,EAAE,QAAQ,CAAC,CAAO,eACzEG,KAAA,CAAAI,aAAA,CAACC,gCAAU,EAAA;AAAA,IAAA,WAAA,EACC,8BAA8B;AACxCC,IAAAA,IAAI,EAAES,yBAAY;AAClBP,IAAAA,SAAS,EAAC,YAAY;IACtBC,SAAS,EAAEC,qBAAW,CAACC,YAAY;AACnCC,IAAAA,OAAO,EAAEb;AAAa,GAAA,CACtB,CACE;AAEV;;;;"}
1
+ {"version":3,"file":"CalendarHeader.js","sourceRoot":"","sources":["../../../../src/components/Calendar/components/CalendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,WAAW,MAAM,iDAAiD,CAAA;AAezE,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,EAAE;IAChG,OAAO,CACL,0CAAe,oBAAoB,EAAC,SAAS,EAAE,MAAM,CAAC,eAAe;QACnE,oBAAC,UAAU,iBACC,kCAAkC,EAC5C,IAAI,EAAE,WAAW,EACjB,SAAS,EAAC,gBAAgB,EAC1B,SAAS,EAAE,WAAW,CAAC,YAAY,EACnC,OAAO,EAAE,aAAa,GACtB;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,IAAG,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAO;QACzE,oBAAC,UAAU,iBACC,8BAA8B,EACxC,IAAI,EAAE,YAAY,EAClB,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,YAAY,EACnC,OAAO,EAAE,aAAa,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -1,42 +1,12 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var reactFeather = require('react-feather');
5
- var components_TextField = require('../../TextField.js');
6
-
7
- const CalendarInputInternal = /*#__PURE__*/React.forwardRef(({
8
- className,
9
- value,
10
- onChange,
11
- label,
12
- textFieldSize,
13
- 'data-test': dataTest,
14
- ...props
15
- }, ref) => (/*#__PURE__*/React.createElement(components_TextField.TextField, {
16
- ...props,
17
- mRef: ref,
18
- size: textFieldSize,
19
- "data-test": dataTest,
20
- value: value === null || value === void 0 ? void 0 : value.toString(),
21
- onChange: onChange,
22
- inputContainerClassName: className,
23
- type: "text",
24
- name: "calendar-input",
25
- label: label,
26
- inputTrailingIcon: reactFeather.Calendar,
27
- inputTrailingIconLabel: "Calendar Icon"
28
- })));
1
+ import React, { forwardRef } from 'react';
2
+ import { Calendar } from 'react-feather';
3
+ import { TextField } from '../../TextField';
4
+ export const CalendarInputInternal = forwardRef(({ className, value, onChange, label, textFieldSize, 'data-test': dataTest, ...props }, ref) => (React.createElement(TextField, { ...props, mRef: ref, size: textFieldSize, "data-test": dataTest, value: value === null || value === void 0 ? void 0 : value.toString(), onChange: onChange, inputContainerClassName: className, type: "text", name: "calendar-input", label: label, inputTrailingIcon: Calendar, inputTrailingIconLabel: "Calendar Icon" })));
29
5
  CalendarInputInternal.displayName = 'CalendarInputInternal';
30
- const CalendarInput = /*#__PURE__*/React.forwardRef((props, ref) => {
31
- // Note: Cast the "unknown" props to the actual type
32
- const propsTyped = props;
33
- return /*#__PURE__*/React.createElement(CalendarInputInternal, {
34
- ref: ref,
35
- ...propsTyped
36
- });
6
+ export const CalendarInput = forwardRef((props, ref) => {
7
+ // Note: Cast the "unknown" props to the actual type
8
+ const propsTyped = props;
9
+ return React.createElement(CalendarInputInternal, { ref: ref, ...propsTyped });
37
10
  });
38
11
  CalendarInput.displayName = 'CalendarInput';
39
-
40
- exports.CalendarInput = CalendarInput;
41
- exports.CalendarInputInternal = CalendarInputInternal;
42
- //# sourceMappingURL=CalendarInput.js.map
12
+ //# sourceMappingURL=CalendarInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarInput.js","sources":["../../../../src/components/Calendar/components/CalendarInput.tsx"],"sourcesContent":[null],"names":["CalendarInputInternal","forwardRef","className","value","onChange","label","textFieldSize","dataTest","props","ref","React","TextField","mRef","size","toString","inputContainerClassName","type","name","inputTrailingIcon","Calendar","inputTrailingIconLabel","displayName","CalendarInput","propsTyped","createElement"],"mappings":";;;;;;AAaO,MAAMA,qBAAqB,gBAAGC,gBAAU,CAC7C,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,aAAa;AAAE,EAAA,WAAW,EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAE,EAAEC,GAAG,mBACzFC,oBAACC,8BAAS,EAAA;AAAA,EAAA,GACJH,KAAK;AACTI,EAAAA,IAAI,EAAEH,GAAG;AACTI,EAAAA,IAAI,EAAEP,aAAa;AAAA,EAAA,WAAA,EACRC,QAAQ;AACnBJ,EAAAA,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,uBAALA,KAAK,CAAEW,QAAQ,EAAE;AACxBV,EAAAA,QAAQ,EAAEA,QAAQ;AAClBW,EAAAA,uBAAuB,EAAEb,SAAS;AAClCc,EAAAA,IAAI,EAAC,MAAM;AACXC,EAAAA,IAAI,EAAC,gBAAgB;AACrBZ,EAAAA,KAAK,EAAEA,KAAK;AACZa,EAAAA,iBAAiB,EAAEC,qBAAQ;AAC3BC,EAAAA,sBAAsB,EAAC;AAAe,CAAA,CACtC,CACH;AAEHpB,qBAAqB,CAACqB,WAAW,GAAG,uBAAuB;AAgBpD,MAAMC,aAAa,gBAA2BrB,gBAAU,CAAuC,CAACO,KAAK,EAAEC,GAAG,KAAI;AACnH;EACA,MAAMc,UAAU,GAAGf,KAAmC;AAEtD,EAAA,oBAAOE,KAAA,CAAAc,aAAA,CAACxB,qBAAqB,EAAA;AAACS,IAAAA,GAAG,EAAEA,GAAG;IAAA,GAAMc;AAAU,GAAA,CAAI;AAC5D,CAAC;AAEDD,aAAa,CAACD,WAAW,GAAG,eAAe;;;;;"}
1
+ {"version":3,"file":"CalendarInput.js","sourceRoot":"","sources":["../../../../src/components/Calendar/components/CalendarInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAS3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAC7C,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9F,oBAAC,SAAS,OACJ,KAAK,EACT,IAAI,EAAE,GAAG,EACT,IAAI,EAAE,aAAa,eACR,QAAQ,EACnB,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,uBAAuB,EAAE,SAAS,EAClC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,QAAQ,EAC3B,sBAAsB,EAAC,eAAe,GACtC,CACH,CACF,CAAA;AACD,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAgB3D,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAAuC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnH,oDAAoD;IACpD,MAAM,UAAU,GAAG,KAAmC,CAAA;IAEtD,OAAO,oBAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,CAAA;AAC5D,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
@@ -1,107 +1,69 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var dateFns = require('date-fns');
5
- var components_Button = require('../../Button.js');
6
- var components_Calendar_helpers_consts = require('../helpers/consts.js');
7
- var components_TimeField = require('../../TimeField.js');
8
- var CalendarTime_module = require('./CalendarTime.module.scss.js');
9
- var hooks_useRefValue = require('../../../hooks/useRefValue.js');
10
-
1
+ import React, { useCallback, useEffect, useState } from 'react';
2
+ import { format, parse } from 'date-fns';
3
+ import { Button } from '../../Button';
4
+ import { timePoints } from '../helpers/consts';
5
+ import { TimeField } from '../../TimeField';
6
+ import { useRefValue } from '../../../hooks';
7
+ import styles from './CalendarTime.module.scss';
11
8
  const DATE_FORMAT = 'HH:mm';
12
- const CalendarTimeInternal = ({
13
- date,
14
- value,
15
- onChange,
16
- 'data-test': dataTest = 'calendar-time'
17
- }) => {
18
- const [time, setTime] = React.useState(value);
19
- const [timeInputError, setTimeInputError] = React.useState();
20
- const getValue = hooks_useRefValue.useRefValue(value);
21
- /*
22
- * Note:
23
- * We cannot override how react-datepicker handles time values.
24
- * It always expects format of "xx:xx" to parse the hours and minutes from. (See Source 2. link below)
25
- *
26
- * This is not an issue for majority of browsers, however as for IE11, where <input type="time" />
27
- * fall back to <input type="text" />, this becomes an issue.
28
- *
29
- * Furthermore, the package even does not handle potential thrown error by date-fns' parse.
30
- * Even the live demos do crash on an input like "10:10q" (See source 1. link below).
31
- *
32
- * For these reasons we need to provide our own wrapper around the functionality to achieve 2 things:
33
- * - Provide IE11 with a proper fallback
34
- * - Prevent the invalid input value crash
35
- * - Provide the user with an input error in case the value is invalid
36
- *
37
- * Source(1): https://reactdatepicker.com/#example-custom-time-input
38
- * Source(2): https://github.com/Hacker0x01/react-datepicker/blob/master/src/inputTime.jsx#L32
39
- */
40
- React.useEffect(() => {
41
- setTime(value);
42
- }, [value]);
43
- const handleTimeInputChange = React.useCallback(({
44
- target: {
45
- value
46
- }
47
- }) => {
48
- setTime(value);
49
- const parsedDate = dateFns.parse(value, DATE_FORMAT, date);
50
- if (!isNaN(parsedDate.valueOf())) {
51
- setTimeInputError(undefined);
52
- onChange(value);
53
- } else {
54
- setTimeInputError('Invalid time');
55
- }
56
- }, [onChange, date]);
57
- const handleDateClick = React.useCallback(dp => () => {
58
- // Note: Input time (derived from timePoints) is in 'DATE_FORMAT'
59
- const parsedDate = dateFns.parse(dp, DATE_FORMAT, date);
60
- // Note: Output time, that we feed back to 'react-datetime' is in 'DATE_FORMAT_NO_MERIDIEM' format
61
- const timeStringWithoutAm = dateFns.format(parsedDate, DATE_FORMAT);
62
- onChange(timeStringWithoutAm);
63
- // remove error because time from the list can not be invalid
64
- setTimeInputError(undefined);
65
- // restores input field value when we select the same time from the list
66
- if (getValue() === timeStringWithoutAm) {
67
- setTime(timeStringWithoutAm);
68
- }
69
- }, [onChange, getValue, date]);
70
- return /*#__PURE__*/React.createElement("div", {
71
- "data-test": dataTest,
72
- className: CalendarTime_module.default.container
73
- }, /*#__PURE__*/React.createElement("div", {
74
- "data-test": `${dataTest}-header`,
75
- className: CalendarTime_module.default.header
76
- }, /*#__PURE__*/React.createElement(components_TimeField.TimeField, {
77
- showAriaLabel: true,
78
- size: "small",
79
- label: "Time Input",
80
- error: timeInputError,
81
- name: "time",
82
- value: time.toString(),
83
- "data-test": `${dataTest}-input`,
84
- inputClassName: CalendarTime_module.default.timeInput,
85
- onChange: handleTimeInputChange
86
- })), /*#__PURE__*/React.createElement("div", {
87
- "data-test": `${dataTest}-timePoints`,
88
- className: CalendarTime_module.default.timePoints
89
- }, components_Calendar_helpers_consts.timePoints.map(tP => (/*#__PURE__*/React.createElement(components_Button.Button, {
90
- className: CalendarTime_module.default.timePoint,
91
- bodyClassName: CalendarTime_module.default.timePointBody,
92
- key: tP,
93
- variant: "text",
94
- onClick: handleDateClick(tP)
95
- }, tP)))));
9
+ export const CalendarTimeInternal = ({ date, value, onChange, 'data-test': dataTest = 'calendar-time' }) => {
10
+ const [time, setTime] = useState(value);
11
+ const [timeInputError, setTimeInputError] = useState();
12
+ const getValue = useRefValue(value);
13
+ /*
14
+ * Note:
15
+ * We cannot override how react-datepicker handles time values.
16
+ * It always expects format of "xx:xx" to parse the hours and minutes from. (See Source 2. link below)
17
+ *
18
+ * This is not an issue for majority of browsers, however as for IE11, where <input type="time" />
19
+ * fall back to <input type="text" />, this becomes an issue.
20
+ *
21
+ * Furthermore, the package even does not handle potential thrown error by date-fns' parse.
22
+ * Even the live demos do crash on an input like "10:10q" (See source 1. link below).
23
+ *
24
+ * For these reasons we need to provide our own wrapper around the functionality to achieve 2 things:
25
+ * - Provide IE11 with a proper fallback
26
+ * - Prevent the invalid input value crash
27
+ * - Provide the user with an input error in case the value is invalid
28
+ *
29
+ * Source(1): https://reactdatepicker.com/#example-custom-time-input
30
+ * Source(2): https://github.com/Hacker0x01/react-datepicker/blob/master/src/inputTime.jsx#L32
31
+ */
32
+ useEffect(() => {
33
+ setTime(value);
34
+ }, [value]);
35
+ const handleTimeInputChange = useCallback(({ target: { value } }) => {
36
+ setTime(value);
37
+ const parsedDate = parse(value, DATE_FORMAT, date);
38
+ if (!isNaN(parsedDate.valueOf())) {
39
+ setTimeInputError(undefined);
40
+ onChange(value);
41
+ }
42
+ else {
43
+ setTimeInputError('Invalid time');
44
+ }
45
+ }, [onChange, date]);
46
+ const handleDateClick = useCallback((dp) => () => {
47
+ // Note: Input time (derived from timePoints) is in 'DATE_FORMAT'
48
+ const parsedDate = parse(dp, DATE_FORMAT, date);
49
+ // Note: Output time, that we feed back to 'react-datetime' is in 'DATE_FORMAT_NO_MERIDIEM' format
50
+ const timeStringWithoutAm = format(parsedDate, DATE_FORMAT);
51
+ onChange(timeStringWithoutAm);
52
+ // remove error because time from the list can not be invalid
53
+ setTimeInputError(undefined);
54
+ // restores input field value when we select the same time from the list
55
+ if (getValue() === timeStringWithoutAm) {
56
+ setTime(timeStringWithoutAm);
57
+ }
58
+ }, [onChange, getValue, date]);
59
+ return (React.createElement("div", { "data-test": dataTest, className: styles.container },
60
+ React.createElement("div", { "data-test": `${dataTest}-header`, className: styles.header },
61
+ React.createElement(TimeField, { showAriaLabel: true, size: "small", label: "Time Input", error: timeInputError, name: "time", value: time.toString(), "data-test": `${dataTest}-input`, inputClassName: styles.timeInput, onChange: handleTimeInputChange })),
62
+ React.createElement("div", { "data-test": `${dataTest}-timePoints`, className: styles.timePoints }, timePoints.map((tP) => (React.createElement(Button, { className: styles.timePoint, bodyClassName: styles.timePointBody, key: tP, variant: "text", onClick: handleDateClick(tP) }, tP))))));
96
63
  };
97
- const CalendarTime = props => {
98
- // Note: Cast the "unknown" props to the actual type
99
- const propsTyped = props;
100
- return /*#__PURE__*/React.createElement(CalendarTimeInternal, {
101
- ...propsTyped
102
- });
64
+ export const CalendarTime = (props) => {
65
+ // Note: Cast the "unknown" props to the actual type
66
+ const propsTyped = props;
67
+ return React.createElement(CalendarTimeInternal, { ...propsTyped });
103
68
  };
104
-
105
- exports.CalendarTime = CalendarTime;
106
- exports.CalendarTimeInternal = CalendarTimeInternal;
107
- //# sourceMappingURL=CalendarTime.js.map
69
+ //# sourceMappingURL=CalendarTime.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarTime.js","sources":["../../../../src/components/Calendar/components/CalendarTime.tsx"],"sourcesContent":[null],"names":["DATE_FORMAT","CalendarTimeInternal","date","value","onChange","dataTest","time","setTime","useState","timeInputError","setTimeInputError","getValue","useRefValue","useEffect","handleTimeInputChange","useCallback","target","parsedDate","parse","isNaN","valueOf","undefined","handleDateClick","dp","timeStringWithoutAm","format","React","className","styles","container","createElement","header","TimeField","showAriaLabel","size","label","error","name","toString","inputClassName","timeInput","timePoints","map","tP","Button","timePoint","bodyClassName","timePointBody","key","variant","onClick","CalendarTime","props","propsTyped"],"mappings":"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"}
1
+ {"version":3,"file":"CalendarTime.js","sourceRoot":"","sources":["../../../../src/components/Calendar/components/CalendarTime.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,72 @@
1
+ @use '../../../../styles/constants' as c;
2
+ @use '../../../../styles/helpers' as h;
3
+
4
+ /*
5
+ * Note:
6
+ * What's the motivation for statically settings the height of this particular element?
7
+ * We need to prevent the height of this element to expand the size of the calendar popper itself.
8
+ * There are basically 2 ways to do this:
9
+ * 1. Settings the height of the popper container
10
+ * 2. Settings the height of the element itself
11
+ *
12
+ * Even though I think option 1 is readable a bit better, there is this odd feature, where react-datepicker
13
+ * renders 6 weeks (rows) instead of 5 for some of the months. This expands the height by 1 week row,
14
+ * and would cause overflow in case of option 1.
15
+ * Therefore only option 2 is left.
16
+ */
17
+ $calendarTimeHeight: 227px;
18
+
19
+ // Note: Add padding in order to preserve button's outline
20
+ $outlinePreservingPadding: c.$grid * 1.25;
21
+
22
+ // Note: Button width is 98px with border-box applied
23
+ /* doiuse-disable calc */
24
+ $buttonWidth: calc(98px - 2 * #{$outlinePreservingPadding});
25
+ /* doiuse-enable calc */
26
+
27
+ .container {
28
+ display: flex;
29
+ flex-direction: column;
30
+ justify-content: center;
31
+ align-items: center;
32
+
33
+ .header {
34
+ display: flex;
35
+ justify-content: center;
36
+ align-items: center;
37
+ margin-bottom: c.$grid * 2;
38
+ }
39
+
40
+ .timePoints {
41
+ display: flex;
42
+ flex-direction: column;
43
+ overflow-y: scroll;
44
+ padding: $outlinePreservingPadding;
45
+ height: $calendarTimeHeight;
46
+ width: $buttonWidth;
47
+ box-sizing: border-box;
48
+
49
+ > .timePoint {
50
+ color: c.$colorTextSubdued;
51
+ /*
52
+ * Note: Using min-height instead of height to workaround IE11 flex-bug
53
+ * where flex text content on overflow: scroll disappears
54
+ */
55
+ min-height: c.$grid * 5;
56
+
57
+ @include c.typographyBodySmall;
58
+
59
+ &:not(:last-of-type) {
60
+ margin-bottom: c.$grid;
61
+ }
62
+
63
+ > .timePointBody {
64
+ padding: 0;
65
+ }
66
+ }
67
+ }
68
+ }
69
+
70
+ .timeInput {
71
+ width: 88px !important;
72
+ }
@@ -1,8 +1,100 @@
1
- 'use strict';
2
-
3
- const timePoints = [
4
- // Source: https://simple.wikipedia.org/wiki/24-hour_clock
5
- '00:00', '00:15', '00:30', '00:45', '01:00', '01:15', '01:30', '01:45', '02:00', '02:15', '02:30', '02:45', '03:00', '03:15', '03:30', '03:45', '04:00', '04:15', '04:30', '04:45', '05:00', '05:15', '05:30', '05:45', '06:00', '06:15', '06:30', '06:45', '07:00', '07:15', '07:30', '07:45', '08:00', '08:15', '08:30', '08:45', '09:00', '09:15', '09:30', '09:45', '10:00', '10:15', '10:30', '10:45', '11:00', '11:15', '11:30', '11:45', '12:00', '12:15', '12:30', '12:45', '13:00', '13:15', '13:30', '13:45', '14:00', '14:15', '14:30', '14:45', '15:00', '15:15', '15:30', '15:45', '16:00', '16:15', '16:30', '16:45', '17:00', '17:15', '17:30', '17:45', '18:00', '18:15', '18:30', '18:45', '19:00', '19:15', '19:30', '19:45', '20:00', '20:15', '20:30', '20:45', '21:00', '21:15', '21:30', '21:45', '22:00', '22:15', '22:30', '22:45', '23:00', '23:15', '23:30', '23:45'];
6
-
7
- exports.timePoints = timePoints;
8
- //# sourceMappingURL=consts.js.map
1
+ export const timePoints = [
2
+ // Source: https://simple.wikipedia.org/wiki/24-hour_clock
3
+ '00:00',
4
+ '00:15',
5
+ '00:30',
6
+ '00:45',
7
+ '01:00',
8
+ '01:15',
9
+ '01:30',
10
+ '01:45',
11
+ '02:00',
12
+ '02:15',
13
+ '02:30',
14
+ '02:45',
15
+ '03:00',
16
+ '03:15',
17
+ '03:30',
18
+ '03:45',
19
+ '04:00',
20
+ '04:15',
21
+ '04:30',
22
+ '04:45',
23
+ '05:00',
24
+ '05:15',
25
+ '05:30',
26
+ '05:45',
27
+ '06:00',
28
+ '06:15',
29
+ '06:30',
30
+ '06:45',
31
+ '07:00',
32
+ '07:15',
33
+ '07:30',
34
+ '07:45',
35
+ '08:00',
36
+ '08:15',
37
+ '08:30',
38
+ '08:45',
39
+ '09:00',
40
+ '09:15',
41
+ '09:30',
42
+ '09:45',
43
+ '10:00',
44
+ '10:15',
45
+ '10:30',
46
+ '10:45',
47
+ '11:00',
48
+ '11:15',
49
+ '11:30',
50
+ '11:45',
51
+ '12:00',
52
+ '12:15',
53
+ '12:30',
54
+ '12:45',
55
+ '13:00',
56
+ '13:15',
57
+ '13:30',
58
+ '13:45',
59
+ '14:00',
60
+ '14:15',
61
+ '14:30',
62
+ '14:45',
63
+ '15:00',
64
+ '15:15',
65
+ '15:30',
66
+ '15:45',
67
+ '16:00',
68
+ '16:15',
69
+ '16:30',
70
+ '16:45',
71
+ '17:00',
72
+ '17:15',
73
+ '17:30',
74
+ '17:45',
75
+ '18:00',
76
+ '18:15',
77
+ '18:30',
78
+ '18:45',
79
+ '19:00',
80
+ '19:15',
81
+ '19:30',
82
+ '19:45',
83
+ '20:00',
84
+ '20:15',
85
+ '20:30',
86
+ '20:45',
87
+ '21:00',
88
+ '21:15',
89
+ '21:30',
90
+ '21:45',
91
+ '22:00',
92
+ '22:15',
93
+ '22:30',
94
+ '22:45',
95
+ '23:00',
96
+ '23:15',
97
+ '23:30',
98
+ '23:45',
99
+ ];
100
+ //# sourceMappingURL=consts.js.map