@hazelcast/ui 2.0.4 → 3.0.0-canary.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 (536) hide show
  1. package/lib/components/Alert.js +116 -50
  2. package/lib/components/Alert.js.map +1 -1
  3. package/lib/components/Alert.module.scss.js +8 -0
  4. package/lib/components/Alert.module.scss.js.map +1 -0
  5. package/lib/components/AppHeader/AppHeader.js +39 -17
  6. package/lib/components/AppHeader/AppHeader.js.map +1 -1
  7. package/lib/components/AppHeader/AppHeader.module.scss.js +8 -0
  8. package/lib/components/AppHeader/AppHeader.module.scss.js.map +1 -0
  9. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js +24 -7
  10. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -1
  11. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js +8 -0
  12. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js.map +1 -0
  13. package/lib/components/AppHeader/AppHeaderLogo/index.js +8 -2
  14. package/lib/components/AppHeader/AppHeaderLogo/index.js.map +1 -1
  15. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +46 -14
  16. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -1
  17. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js +8 -0
  18. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js.map +1 -0
  19. package/lib/components/AppHeader/AppHeaderMenu/index.js +8 -2
  20. package/lib/components/AppHeader/AppHeaderMenu/index.js.map +1 -1
  21. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js +19 -9
  22. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -1
  23. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js +8 -0
  24. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js.map +1 -0
  25. package/lib/components/AppHeader/EnvironmentBadge/index.js +8 -2
  26. package/lib/components/AppHeader/EnvironmentBadge/index.js.map +1 -1
  27. package/lib/components/AppHeader/SelectCluster/SelectCluster.js +72 -32
  28. package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -1
  29. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js +8 -0
  30. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js.map +1 -0
  31. package/lib/components/AppHeader/SelectCluster/index.js +8 -2
  32. package/lib/components/AppHeader/SelectCluster/index.js.map +1 -1
  33. package/lib/components/AppHeader/index.js +8 -2
  34. package/lib/components/AppHeader/index.js.map +1 -1
  35. package/lib/components/AppSidebar/AppSidebar.js +56 -30
  36. package/lib/components/AppSidebar/AppSidebar.js.map +1 -1
  37. package/lib/components/AppSidebar/AppSidebar.module.scss.js +8 -0
  38. package/lib/components/AppSidebar/AppSidebar.module.scss.js.map +1 -0
  39. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +37 -21
  40. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -1
  41. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js +8 -0
  42. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js.map +1 -0
  43. package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js +8 -2
  44. package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js.map +1 -1
  45. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +31 -10
  46. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -1
  47. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js +8 -0
  48. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js.map +1 -0
  49. package/lib/components/AppSidebar/AppSidebarFavorites/index.js +8 -2
  50. package/lib/components/AppSidebar/AppSidebarFavorites/index.js.map +1 -1
  51. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +77 -22
  52. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -1
  53. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js +8 -0
  54. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js.map +1 -0
  55. package/lib/components/AppSidebar/AppSidebarItem/index.js +8 -2
  56. package/lib/components/AppSidebar/AppSidebarItem/index.js.map +1 -1
  57. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +17 -6
  58. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -1
  59. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js +8 -0
  60. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js.map +1 -0
  61. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js +8 -2
  62. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js.map +1 -1
  63. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js +39 -14
  64. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -1
  65. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js +8 -0
  66. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js.map +1 -0
  67. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +94 -53
  68. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -1
  69. package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js +8 -3
  70. package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +1 -1
  71. package/lib/components/AppSidebar/AppSidebarSection/index.js +8 -2
  72. package/lib/components/AppSidebar/AppSidebarSection/index.js.map +1 -1
  73. package/lib/components/AppSidebar/appSidebarContext.js +14 -9
  74. package/lib/components/AppSidebar/appSidebarContext.js.map +1 -1
  75. package/lib/components/AppSidebar/index.js +16 -6
  76. package/lib/components/AppSidebar/index.js.map +1 -1
  77. package/lib/components/AutocompleteField.js +229 -154
  78. package/lib/components/AutocompleteField.js.map +1 -1
  79. package/lib/components/AutocompleteField.module.scss.js +8 -0
  80. package/lib/components/AutocompleteField.module.scss.js.map +1 -0
  81. package/lib/components/AutocompleteFieldFormik.js +41 -18
  82. package/lib/components/AutocompleteFieldFormik.js.map +1 -1
  83. package/lib/components/Badge.js +66 -42
  84. package/lib/components/Badge.js.map +1 -1
  85. package/lib/components/Badge.module.scss.js +8 -0
  86. package/lib/components/Badge.module.scss.js.map +1 -0
  87. package/lib/components/Button.js +115 -42
  88. package/lib/components/Button.js.map +1 -1
  89. package/lib/components/Button.module.scss.js +8 -0
  90. package/lib/components/Button.module.scss.js.map +1 -0
  91. package/lib/components/Calendar/Calendar.d.ts +6 -4
  92. package/lib/components/Calendar/Calendar.js +77 -34
  93. package/lib/components/Calendar/Calendar.js.map +1 -1
  94. package/lib/components/Calendar/Calendar.module.scss.js +8 -0
  95. package/lib/components/Calendar/Calendar.module.scss.js.map +1 -0
  96. package/lib/components/Calendar/CalendarRange.js +60 -12
  97. package/lib/components/Calendar/CalendarRange.js.map +1 -1
  98. package/lib/components/Calendar/CalendarRange.module.scss.js +8 -0
  99. package/lib/components/Calendar/CalendarRange.module.scss.js.map +1 -0
  100. package/lib/components/Calendar/components/CalendarHeader.d.ts +2 -2
  101. package/lib/components/Calendar/components/CalendarHeader.js +35 -12
  102. package/lib/components/Calendar/components/CalendarHeader.js.map +1 -1
  103. package/lib/components/Calendar/components/CalendarInput.js +39 -9
  104. package/lib/components/Calendar/components/CalendarInput.js.map +1 -1
  105. package/lib/components/Calendar/components/CalendarTime.js +104 -66
  106. package/lib/components/Calendar/components/CalendarTime.js.map +1 -1
  107. package/lib/components/Calendar/components/CalendarTime.module.scss.js +8 -0
  108. package/lib/components/Calendar/components/CalendarTime.module.scss.js.map +1 -0
  109. package/lib/components/Calendar/helpers/consts.js +8 -100
  110. package/lib/components/Calendar/helpers/consts.js.map +1 -1
  111. package/lib/components/Card.js +60 -14
  112. package/lib/components/Card.js.map +1 -1
  113. package/lib/components/Card.module.scss.js +8 -0
  114. package/lib/components/Card.module.scss.js.map +1 -0
  115. package/lib/components/Carousel.js +60 -27
  116. package/lib/components/Carousel.js.map +1 -1
  117. package/lib/components/Carousel.module.scss.js +8 -0
  118. package/lib/components/Carousel.module.scss.js.map +1 -0
  119. package/lib/components/CenteredLoader.js +18 -6
  120. package/lib/components/CenteredLoader.js.map +1 -1
  121. package/lib/components/CenteredLoader.module.scss.js +8 -0
  122. package/lib/components/CenteredLoader.module.scss.js.map +1 -0
  123. package/lib/components/Checkbox.d.ts +2 -2
  124. package/lib/components/Checkbox.js +87 -26
  125. package/lib/components/Checkbox.js.map +1 -1
  126. package/lib/components/Checkbox.module.scss.js +8 -0
  127. package/lib/components/Checkbox.module.scss.js.map +1 -0
  128. package/lib/components/CheckboxFormik.js +37 -16
  129. package/lib/components/CheckboxFormik.js.map +1 -1
  130. package/lib/components/CircularProgressBar.js +78 -27
  131. package/lib/components/CircularProgressBar.js.map +1 -1
  132. package/lib/components/CircularProgressBar.module.scss.js +8 -0
  133. package/lib/components/CircularProgressBar.module.scss.js.map +1 -0
  134. package/lib/components/ContextMenu.js +86 -60
  135. package/lib/components/ContextMenu.js.map +1 -1
  136. package/lib/components/ContextMenu.module.scss.js +8 -0
  137. package/lib/components/ContextMenu.module.scss.js.map +1 -0
  138. package/lib/components/Dialog.js +50 -30
  139. package/lib/components/Dialog.js.map +1 -1
  140. package/lib/components/Dialog.module.scss.js +8 -0
  141. package/lib/components/Dialog.module.scss.js.map +1 -0
  142. package/lib/components/EmptyState.js +66 -20
  143. package/lib/components/EmptyState.js.map +1 -1
  144. package/lib/components/EmptyState.module.scss.js +8 -0
  145. package/lib/components/EmptyState.module.scss.js.map +1 -0
  146. package/lib/components/Error.js +28 -7
  147. package/lib/components/Error.js.map +1 -1
  148. package/lib/components/Error.module.scss.js +8 -0
  149. package/lib/components/Error.module.scss.js.map +1 -0
  150. package/lib/components/FieldHeader.js +43 -14
  151. package/lib/components/FieldHeader.js.map +1 -1
  152. package/lib/components/FieldHeader.module.scss.js +8 -0
  153. package/lib/components/FieldHeader.module.scss.js.map +1 -0
  154. package/lib/components/Help.d.ts +0 -1
  155. package/lib/components/Help.js +42 -13
  156. package/lib/components/Help.js.map +1 -1
  157. package/lib/components/Help.module.scss.js +8 -0
  158. package/lib/components/Help.module.scss.js.map +1 -0
  159. package/lib/components/Icon.js +48 -25
  160. package/lib/components/Icon.js.map +1 -1
  161. package/lib/components/Icon.module.scss.js +8 -0
  162. package/lib/components/Icon.module.scss.js.map +1 -0
  163. package/lib/components/IconButton.js +81 -23
  164. package/lib/components/IconButton.js.map +1 -1
  165. package/lib/components/IconButton.module.scss.js +8 -0
  166. package/lib/components/IconButton.module.scss.js.map +1 -0
  167. package/lib/components/InteractiveList.js +115 -41
  168. package/lib/components/InteractiveList.js.map +1 -1
  169. package/lib/components/InteractiveList.module.scss.js +8 -0
  170. package/lib/components/InteractiveList.module.scss.js.map +1 -0
  171. package/lib/components/InteractiveListFormik.js +110 -81
  172. package/lib/components/InteractiveListFormik.js.map +1 -1
  173. package/lib/components/Label.js +20 -5
  174. package/lib/components/Label.js.map +1 -1
  175. package/lib/components/Label.module.scss.js +8 -0
  176. package/lib/components/Label.module.scss.js.map +1 -0
  177. package/lib/components/Link.js +59 -31
  178. package/lib/components/Link.js.map +1 -1
  179. package/lib/components/Link.module.scss.js +8 -0
  180. package/lib/components/Link.module.scss.js.map +1 -0
  181. package/lib/components/Loader.js +82 -23
  182. package/lib/components/Loader.js.map +1 -1
  183. package/lib/components/Loader.module.scss.js +8 -0
  184. package/lib/components/Loader.module.scss.js.map +1 -0
  185. package/lib/components/Modal.js +93 -26
  186. package/lib/components/Modal.js.map +1 -1
  187. package/lib/components/Modal.module.scss.js +8 -0
  188. package/lib/components/Modal.module.scss.js.map +1 -0
  189. package/lib/components/Notification.js +75 -37
  190. package/lib/components/Notification.js.map +1 -1
  191. package/lib/components/Notification.module.scss.js +8 -0
  192. package/lib/components/Notification.module.scss.js.map +1 -0
  193. package/lib/components/NumberBadge.js +18 -7
  194. package/lib/components/NumberBadge.js.map +1 -1
  195. package/lib/components/NumberBadge.module.scss.js +8 -0
  196. package/lib/components/NumberBadge.module.scss.js.map +1 -0
  197. package/lib/components/NumberField.js +181 -140
  198. package/lib/components/NumberField.js.map +1 -1
  199. package/lib/components/NumberField.module.scss.js +8 -0
  200. package/lib/components/NumberField.module.scss.js.map +1 -0
  201. package/lib/components/NumberFieldFormik.js +69 -49
  202. package/lib/components/NumberFieldFormik.js.map +1 -1
  203. package/lib/components/Overlay.js +92 -29
  204. package/lib/components/Overlay.js.map +1 -1
  205. package/lib/components/Overlay.module.scss.js +8 -0
  206. package/lib/components/Overlay.module.scss.js.map +1 -0
  207. package/lib/components/Pagination.js +198 -91
  208. package/lib/components/Pagination.js.map +1 -1
  209. package/lib/components/Pagination.module.scss.js +8 -0
  210. package/lib/components/Pagination.module.scss.js.map +1 -0
  211. package/lib/components/PasswordField.js +61 -25
  212. package/lib/components/PasswordField.js.map +1 -1
  213. package/lib/components/PasswordField.module.scss.js +8 -0
  214. package/lib/components/PasswordField.module.scss.js.map +1 -0
  215. package/lib/components/PasswordFieldFormik.js +37 -16
  216. package/lib/components/PasswordFieldFormik.js.map +1 -1
  217. package/lib/components/Popover.d.ts +3 -10
  218. package/lib/components/Popover.js +85 -119
  219. package/lib/components/Popover.js.map +1 -1
  220. package/lib/components/Popover.module.scss.js +8 -0
  221. package/lib/components/Popover.module.scss.js.map +1 -0
  222. package/lib/components/Radio.d.ts +2 -2
  223. package/lib/components/Radio.js +67 -26
  224. package/lib/components/Radio.js.map +1 -1
  225. package/lib/components/Radio.module.scss.js +8 -0
  226. package/lib/components/Radio.module.scss.js.map +1 -0
  227. package/lib/components/RadioFormik.js +26 -11
  228. package/lib/components/RadioFormik.js.map +1 -1
  229. package/lib/components/RadioGroup.js +51 -18
  230. package/lib/components/RadioGroup.js.map +1 -1
  231. package/lib/components/RadioGroup.module.scss.js +8 -0
  232. package/lib/components/RadioGroup.module.scss.js.map +1 -0
  233. package/lib/components/RadioGroupContext.js +10 -3
  234. package/lib/components/RadioGroupContext.js.map +1 -1
  235. package/lib/components/RadioGroupFormik.js +34 -16
  236. package/lib/components/RadioGroupFormik.js.map +1 -1
  237. package/lib/components/SegmentedControl.js +43 -9
  238. package/lib/components/SegmentedControl.js.map +1 -1
  239. package/lib/components/SegmentedControl.module.scss.js +8 -0
  240. package/lib/components/SegmentedControl.module.scss.js.map +1 -0
  241. package/lib/components/SegmentedControlFormik.js +30 -12
  242. package/lib/components/SegmentedControlFormik.js.map +1 -1
  243. package/lib/components/Select/CheckableSelectField.js +178 -75
  244. package/lib/components/Select/CheckableSelectField.js.map +1 -1
  245. package/lib/components/Select/CheckableSelectField.module.scss.js +8 -0
  246. package/lib/components/Select/CheckableSelectField.module.scss.js.map +1 -0
  247. package/lib/components/Select/CheckableSelectFieldFormik.js +41 -18
  248. package/lib/components/Select/CheckableSelectFieldFormik.js.map +1 -1
  249. package/lib/components/Select/Common.js +87 -44
  250. package/lib/components/Select/Common.js.map +1 -1
  251. package/lib/components/Select/Common.module.scss.js +8 -0
  252. package/lib/components/Select/Common.module.scss.js.map +1 -0
  253. package/lib/components/Select/MultiSelectField.js +187 -107
  254. package/lib/components/Select/MultiSelectField.js.map +1 -1
  255. package/lib/components/Select/MultiSelectField.module.scss.js +8 -0
  256. package/lib/components/Select/MultiSelectField.module.scss.js.map +1 -0
  257. package/lib/components/Select/MultiSelectFieldFormik.js +41 -18
  258. package/lib/components/Select/MultiSelectFieldFormik.js.map +1 -1
  259. package/lib/components/Select/SelectField.js +169 -100
  260. package/lib/components/Select/SelectField.js.map +1 -1
  261. package/lib/components/Select/SelectField.module.scss.js +8 -0
  262. package/lib/components/Select/SelectField.module.scss.js.map +1 -0
  263. package/lib/components/Select/SelectFieldFormik.js +38 -18
  264. package/lib/components/Select/SelectFieldFormik.js.map +1 -1
  265. package/lib/components/Select/helpers.js +30 -25
  266. package/lib/components/Select/helpers.js.map +1 -1
  267. package/lib/components/Select/index.js +21 -8
  268. package/lib/components/Select/index.js.map +1 -1
  269. package/lib/components/SimpleTable.js +36 -13
  270. package/lib/components/SimpleTable.js.map +1 -1
  271. package/lib/components/SimpleTable.module.scss.js +8 -0
  272. package/lib/components/SimpleTable.module.scss.js.map +1 -0
  273. package/lib/components/Slider.js +294 -173
  274. package/lib/components/Slider.js.map +1 -1
  275. package/lib/components/Slider.module.scss.js +8 -0
  276. package/lib/components/Slider.module.scss.js.map +1 -0
  277. package/lib/components/SliderFormik.js +30 -13
  278. package/lib/components/SliderFormik.js.map +1 -1
  279. package/lib/components/Table/Cell.js +111 -58
  280. package/lib/components/Table/Cell.js.map +1 -1
  281. package/lib/components/Table/Cell.module.scss.js +8 -0
  282. package/lib/components/Table/Cell.module.scss.js.map +1 -0
  283. package/lib/components/Table/CellWrapper.js +44 -27
  284. package/lib/components/Table/CellWrapper.js.map +1 -1
  285. package/lib/components/Table/EnhancedRenderers.js +31 -12
  286. package/lib/components/Table/EnhancedRenderers.js.map +1 -1
  287. package/lib/components/Table/Header.js +141 -92
  288. package/lib/components/Table/Header.js.map +1 -1
  289. package/lib/components/Table/Header.module.scss.js +8 -0
  290. package/lib/components/Table/Header.module.scss.js.map +1 -0
  291. package/lib/components/Table/Row.js +77 -22
  292. package/lib/components/Table/Row.js.map +1 -1
  293. package/lib/components/Table/Row.module.scss.js +8 -0
  294. package/lib/components/Table/Row.module.scss.js.map +1 -0
  295. package/lib/components/Table/Table.js +456 -245
  296. package/lib/components/Table/Table.js.map +1 -1
  297. package/lib/components/Table/Table.module.scss.js +8 -0
  298. package/lib/components/Table/Table.module.scss.js.map +1 -0
  299. package/lib/components/Table/TableContent.js +129 -57
  300. package/lib/components/Table/TableContent.js.map +1 -1
  301. package/lib/components/Table/TableContent.module.scss.js +8 -0
  302. package/lib/components/Table/TableContent.module.scss.js.map +1 -0
  303. package/lib/components/Table/constants.js +8 -3
  304. package/lib/components/Table/constants.js.map +1 -1
  305. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js +39 -12
  306. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -1
  307. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js +8 -0
  308. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js.map +1 -0
  309. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js +23 -16
  310. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -1
  311. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js +8 -0
  312. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js.map +1 -0
  313. package/lib/components/Table/features/columnsSelection/ContextMenu/index.js +8 -2
  314. package/lib/components/Table/features/columnsSelection/ContextMenu/index.js.map +1 -1
  315. package/lib/components/Table/features/columnsSelection/columnsSelection.d.ts +2 -2
  316. package/lib/components/Table/features/columnsSelection/columnsSelection.js +76 -68
  317. package/lib/components/Table/features/columnsSelection/columnsSelection.js.map +1 -1
  318. package/lib/components/Table/features/columnsSelection/helpers.js +28 -22
  319. package/lib/components/Table/features/columnsSelection/helpers.js.map +1 -1
  320. package/lib/components/Table/features/columnsSelection/index.js +16 -5
  321. package/lib/components/Table/features/columnsSelection/index.js.map +1 -1
  322. package/lib/components/Table/helpers.js +17 -9
  323. package/lib/components/Table/helpers.js.map +1 -1
  324. package/lib/components/Table/tableTypes.js +3 -2
  325. package/lib/components/Table/tableTypes.js.map +1 -1
  326. package/lib/components/Table/useTrackTableState.js +43 -29
  327. package/lib/components/Table/useTrackTableState.js.map +1 -1
  328. package/lib/components/Table/utils.js +176 -111
  329. package/lib/components/Table/utils.js.map +1 -1
  330. package/lib/components/Tabs/Tab.js +61 -27
  331. package/lib/components/Tabs/Tab.js.map +1 -1
  332. package/lib/components/Tabs/Tab.module.scss.js +8 -0
  333. package/lib/components/Tabs/Tab.module.scss.js.map +1 -0
  334. package/lib/components/Tabs/TabContext.js +51 -26
  335. package/lib/components/Tabs/TabContext.js.map +1 -1
  336. package/lib/components/Tabs/TabList.js +62 -49
  337. package/lib/components/Tabs/TabList.js.map +1 -1
  338. package/lib/components/Tabs/TabList.module.scss.js +8 -0
  339. package/lib/components/Tabs/TabList.module.scss.js.map +1 -0
  340. package/lib/components/Tabs/TabPanel.js +29 -9
  341. package/lib/components/Tabs/TabPanel.js.map +1 -1
  342. package/lib/components/Tabs/TabPanel.module.scss.js +8 -0
  343. package/lib/components/Tabs/TabPanel.module.scss.js.map +1 -0
  344. package/lib/components/Tabs/index.js +20 -5
  345. package/lib/components/Tabs/index.js.map +1 -1
  346. package/lib/components/Terminal.js +179 -108
  347. package/lib/components/Terminal.js.map +1 -1
  348. package/lib/components/Terminal.module.scss.js +8 -0
  349. package/lib/components/Terminal.module.scss.js.map +1 -0
  350. package/lib/components/TextArea.js +79 -30
  351. package/lib/components/TextArea.js.map +1 -1
  352. package/lib/components/TextArea.module.scss.js +8 -0
  353. package/lib/components/TextArea.module.scss.js.map +1 -0
  354. package/lib/components/TextAreaFormik.js +26 -10
  355. package/lib/components/TextAreaFormik.js.map +1 -1
  356. package/lib/components/TextField.js +154 -48
  357. package/lib/components/TextField.js.map +1 -1
  358. package/lib/components/TextField.module.scss.js +8 -0
  359. package/lib/components/TextField.module.scss.js.map +1 -0
  360. package/lib/components/TextFieldFormik.js +46 -22
  361. package/lib/components/TextFieldFormik.js.map +1 -1
  362. package/lib/components/TimeField.js +62 -14
  363. package/lib/components/TimeField.js.map +1 -1
  364. package/lib/components/TimeField.module.scss.js +8 -0
  365. package/lib/components/TimeField.module.scss.js.map +1 -0
  366. package/lib/components/TimeFieldFormik.js +26 -10
  367. package/lib/components/TimeFieldFormik.js.map +1 -1
  368. package/lib/components/Toast.js +79 -44
  369. package/lib/components/Toast.js.map +1 -1
  370. package/lib/components/Toast.module.scss.js +8 -0
  371. package/lib/components/Toast.module.scss.js.map +1 -0
  372. package/lib/components/Toggle.js +71 -21
  373. package/lib/components/Toggle.js.map +1 -1
  374. package/lib/components/Toggle.module.scss.js +8 -0
  375. package/lib/components/Toggle.module.scss.js.map +1 -0
  376. package/lib/components/ToggleFormik.js +27 -11
  377. package/lib/components/ToggleFormik.js.map +1 -1
  378. package/lib/components/Tooltip.d.ts +4 -12
  379. package/lib/components/Tooltip.js +79 -122
  380. package/lib/components/Tooltip.js.map +1 -1
  381. package/lib/components/Tooltip.module.scss.js +8 -0
  382. package/lib/components/Tooltip.module.scss.js.map +1 -0
  383. package/lib/components/TruncatedText.d.ts +0 -1
  384. package/lib/components/TruncatedText.js +49 -22
  385. package/lib/components/TruncatedText.js.map +1 -1
  386. package/lib/components/TruncatedText.module.scss.js +8 -0
  387. package/lib/components/TruncatedText.module.scss.js.map +1 -0
  388. package/lib/helpers/array.js +26 -17
  389. package/lib/helpers/array.js.map +1 -1
  390. package/lib/helpers/escapeHtml.js +10 -6
  391. package/lib/helpers/escapeHtml.js.map +1 -1
  392. package/lib/helpers/forms.js +20 -14
  393. package/lib/helpers/forms.js.map +1 -1
  394. package/lib/helpers/math.js +10 -6
  395. package/lib/helpers/math.js.map +1 -1
  396. package/lib/helpers/types.js +6 -2
  397. package/lib/helpers/types.js.map +1 -1
  398. package/lib/hooks/index.js +17 -7
  399. package/lib/hooks/index.js.map +1 -1
  400. package/lib/hooks/useCloseOnResize.js +17 -12
  401. package/lib/hooks/useCloseOnResize.js.map +1 -1
  402. package/lib/hooks/useDeepCompareMemo.js +12 -7
  403. package/lib/hooks/useDeepCompareMemo.js.map +1 -1
  404. package/lib/hooks/useDeepEqual.js +14 -9
  405. package/lib/hooks/useDeepEqual.js.map +1 -1
  406. package/lib/hooks/useDimensions.d.ts +1 -1
  407. package/lib/hooks/useDimensions.js +26 -15
  408. package/lib/hooks/useDimensions.js.map +1 -1
  409. package/lib/hooks/useIsMounted.js +16 -11
  410. package/lib/hooks/useIsMounted.js.map +1 -1
  411. package/lib/hooks/useOnClickOutside.js +41 -32
  412. package/lib/hooks/useOnClickOutside.js.map +1 -1
  413. package/lib/hooks/useOpenCloseState.js +18 -13
  414. package/lib/hooks/useOpenCloseState.js.map +1 -1
  415. package/lib/hooks/usePagination.js +64 -60
  416. package/lib/hooks/usePagination.js.map +1 -1
  417. package/lib/hooks/usePersistedState.js +35 -33
  418. package/lib/hooks/usePersistedState.js.map +1 -1
  419. package/lib/hooks/usePrevious.js +13 -8
  420. package/lib/hooks/usePrevious.js.map +1 -1
  421. package/lib/hooks/useRefValue.js +13 -8
  422. package/lib/hooks/useRefValue.js.map +1 -1
  423. package/lib/icons/Cluster.js +44 -7
  424. package/lib/icons/Cluster.js.map +1 -1
  425. package/lib/icons/Compare.js +46 -7
  426. package/lib/icons/Compare.js.map +1 -1
  427. package/lib/icons/Compute.js +43 -7
  428. package/lib/icons/Compute.js.map +1 -1
  429. package/lib/icons/Folder.js +25 -4
  430. package/lib/icons/Folder.js.map +1 -1
  431. package/lib/icons/PlusCircle.js +37 -6
  432. package/lib/icons/PlusCircle.js.map +1 -1
  433. package/lib/icons/Streaming.js +45 -8
  434. package/lib/icons/Streaming.js.map +1 -1
  435. package/lib/index.d.ts +3 -2
  436. package/lib/index.js +185 -75
  437. package/lib/index.js.map +1 -1
  438. package/lib/services/logger.js +85 -75
  439. package/lib/services/logger.js.map +1 -1
  440. package/lib/services/time.js +18 -14
  441. package/lib/services/time.js.map +1 -1
  442. package/lib/styles/constants/export.module.scss.js +8 -0
  443. package/lib/styles/constants/export.module.scss.js.map +1 -0
  444. package/lib/styles.css +1 -0
  445. package/lib/test-helpers/render.js +32 -20
  446. package/lib/test-helpers/render.js.map +1 -1
  447. package/lib/test-helpers/time.js +9 -2
  448. package/lib/test-helpers/time.js.map +1 -1
  449. package/lib/test-helpers/utils.js +13 -9
  450. package/lib/test-helpers/utils.js.map +1 -1
  451. package/lib/types.js +3 -2
  452. package/lib/types.js.map +1 -1
  453. package/lib/utils/formik.js +12 -7
  454. package/lib/utils/formik.js.map +1 -1
  455. package/lib/utils/keyboard.js +8 -3
  456. package/lib/utils/keyboard.js.map +1 -1
  457. package/lib/utils/portal.js +19 -14
  458. package/lib/utils/portal.js.map +1 -1
  459. package/lib/utils/ssr.js +6 -2
  460. package/lib/utils/ssr.js.map +1 -1
  461. package/lib/utils/types.js +3 -2
  462. package/lib/utils/types.js.map +1 -1
  463. package/package.json +25 -16
  464. package/lib/components/Alert.module.scss +0 -141
  465. package/lib/components/AppHeader/AppHeader.module.scss +0 -29
  466. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +0 -29
  467. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +0 -20
  468. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +0 -13
  469. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss +0 -101
  470. package/lib/components/AppSidebar/AppSidebar.module.scss +0 -66
  471. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +0 -16
  472. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +0 -13
  473. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +0 -92
  474. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +0 -24
  475. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +0 -58
  476. package/lib/components/AutocompleteField.module.scss +0 -164
  477. package/lib/components/Badge.module.scss +0 -55
  478. package/lib/components/Button.module.scss +0 -329
  479. package/lib/components/Calendar/Calendar.module.scss +0 -185
  480. package/lib/components/Calendar/CalendarRange.module.scss +0 -21
  481. package/lib/components/Calendar/components/CalendarTime.module.scss +0 -72
  482. package/lib/components/Card.module.scss +0 -92
  483. package/lib/components/Carousel.module.scss +0 -43
  484. package/lib/components/CenteredLoader.module.scss +0 -11
  485. package/lib/components/Checkbox.module.scss +0 -106
  486. package/lib/components/CircularProgressBar.module.scss +0 -37
  487. package/lib/components/ContextMenu.module.scss +0 -37
  488. package/lib/components/Dialog.module.scss +0 -62
  489. package/lib/components/EmptyState.module.scss +0 -87
  490. package/lib/components/Error.module.scss +0 -12
  491. package/lib/components/FieldHeader.module.scss +0 -20
  492. package/lib/components/Help.module.scss +0 -9
  493. package/lib/components/Icon.module.scss +0 -33
  494. package/lib/components/IconButton.module.scss +0 -59
  495. package/lib/components/InteractiveList.module.scss +0 -72
  496. package/lib/components/Label.module.scss +0 -12
  497. package/lib/components/Link.module.scss +0 -64
  498. package/lib/components/Loader.module.scss +0 -74
  499. package/lib/components/Modal.module.scss +0 -109
  500. package/lib/components/Notification.module.scss +0 -97
  501. package/lib/components/NumberBadge.module.scss +0 -13
  502. package/lib/components/NumberField.module.scss +0 -76
  503. package/lib/components/Overlay.module.scss +0 -108
  504. package/lib/components/Pagination.module.scss +0 -117
  505. package/lib/components/PasswordField.module.scss +0 -26
  506. package/lib/components/Popover.module.scss +0 -12
  507. package/lib/components/Radio.module.scss +0 -112
  508. package/lib/components/RadioGroup.module.scss +0 -21
  509. package/lib/components/SegmentedControl.module.scss +0 -81
  510. package/lib/components/Select/CheckableSelectField.module.scss +0 -100
  511. package/lib/components/Select/Common.module.scss +0 -69
  512. package/lib/components/Select/MultiSelectField.module.scss +0 -72
  513. package/lib/components/Select/SelectField.module.scss +0 -194
  514. package/lib/components/SimpleTable.module.scss +0 -28
  515. package/lib/components/Slider.module.scss +0 -277
  516. package/lib/components/Table/Cell.module.scss +0 -61
  517. package/lib/components/Table/Header.module.scss +0 -128
  518. package/lib/components/Table/Row.module.scss +0 -59
  519. package/lib/components/Table/Table.module.scss +0 -31
  520. package/lib/components/Table/TableContent.module.scss +0 -21
  521. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss +0 -12
  522. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss +0 -6
  523. package/lib/components/Tabs/Tab.module.scss +0 -58
  524. package/lib/components/Tabs/TabList.module.scss +0 -3
  525. package/lib/components/Tabs/TabPanel.module.scss +0 -7
  526. package/lib/components/Terminal.module.scss +0 -109
  527. package/lib/components/TextArea.module.scss +0 -144
  528. package/lib/components/TextField.module.scss +0 -209
  529. package/lib/components/TimeField.module.scss +0 -4
  530. package/lib/components/Toast.module.scss +0 -53
  531. package/lib/components/Toggle.module.scss +0 -175
  532. package/lib/components/Tooltip.module.scss +0 -175
  533. package/lib/components/TruncatedText.module.scss +0 -9
  534. package/lib/hooks/useResizeAware.d.ts +0 -3
  535. package/lib/hooks/useResizeAware.js +0 -25
  536. package/lib/hooks/useResizeAware.js.map +0 -1
@@ -1,7 +1,17 @@
1
- /* export only hooks for external usage */
2
- export { useOnClickOutside, containsElement } from './useOnClickOutside';
3
- export { useIsMounted } from './useIsMounted';
4
- export { useRefValue } from './useRefValue';
5
- export { useOpenCloseState } from './useOpenCloseState';
6
- export * from './usePersistedState';
7
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ var hooks_useOnClickOutside = require('./useOnClickOutside.js');
4
+ var hooks_useIsMounted = require('./useIsMounted.js');
5
+ var hooks_useRefValue = require('./useRefValue.js');
6
+ var hooks_useOpenCloseState = require('./useOpenCloseState.js');
7
+ var hooks_usePersistedState = require('./usePersistedState.js');
8
+
9
+
10
+
11
+ exports.containsElement = hooks_useOnClickOutside.containsElement;
12
+ exports.useOnClickOutside = hooks_useOnClickOutside.useOnClickOutside;
13
+ exports.useIsMounted = hooks_useIsMounted.useIsMounted;
14
+ exports.useRefValue = hooks_useRefValue.useRefValue;
15
+ exports.useOpenCloseState = hooks_useOpenCloseState.useOpenCloseState;
16
+ exports.createPersistedState = hooks_usePersistedState.createPersistedState;
17
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,cAAc,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1,16 +1,21 @@
1
- import { useEffect } from 'react';
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
2
5
  /** If the size of screen is changed we close dropdown menu to aviod the dropdown menu bug in react-select library.
3
6
  * For more information visit: https://github.com/JedWatson/react-select/issues/3533
4
7
  */
5
- export const useCloseOnResize = (target) => {
6
- const handleResize = () => {
7
- if (target.current) {
8
- target.current.onMenuClose();
9
- }
10
- };
11
- useEffect(() => {
12
- window.addEventListener('resize', handleResize);
13
- return () => window.removeEventListener('resize', handleResize);
14
- });
8
+ const useCloseOnResize = target => {
9
+ const handleResize = () => {
10
+ if (target.current) {
11
+ target.current.onMenuClose();
12
+ }
13
+ };
14
+ React.useEffect(() => {
15
+ window.addEventListener('resize', handleResize);
16
+ return () => window.removeEventListener('resize', handleResize);
17
+ });
15
18
  };
16
- //# sourceMappingURL=useCloseOnResize.js.map
19
+
20
+ exports.useCloseOnResize = useCloseOnResize;
21
+ //# sourceMappingURL=useCloseOnResize.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useCloseOnResize.js","sourceRoot":"","sources":["../../src/hooks/useCloseOnResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAqC,MAA8B,EAAE,EAAE;IACrG,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;QAC9B,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
1
+ {"version":3,"file":"useCloseOnResize.js","sources":["../../src/hooks/useCloseOnResize.ts"],"sourcesContent":[null],"names":["useCloseOnResize","target","handleResize","current","onMenuClose","useEffect","window","addEventListener","removeEventListener"],"mappings":";;;;AAKA;;AAEG;AACI,MAAMA,gBAAgB,GAAwCC,MAA8B,IAAI;EACrG,MAAMC,YAAY,GAAGA,MAAK;IACxB,IAAID,MAAM,CAACE,OAAO,EAAE;AAClBF,MAAAA,MAAM,CAACE,OAAO,CAACC,WAAW,EAAE;AAC9B,IAAA;EACF,CAAC;AAEDC,EAAAA,eAAS,CAAC,MAAK;AACbC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEL,YAAY,CAAC;IAE/C,OAAO,MAAMI,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEN,YAAY,CAAC;AACjE,EAAA,CAAC,CAAC;AACJ;;;;"}
@@ -1,8 +1,13 @@
1
- import { useMemo } from 'react';
2
- import { useDeepEqual } from './useDeepEqual';
3
- export const useDeepCompareMemo = (fn, deps) => {
4
- const depsMemoized = useDeepEqual(deps, []);
5
- // eslint-disable-next-line react-hooks/exhaustive-deps
6
- return useMemo(fn, depsMemoized);
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var hooks_useDeepEqual = require('./useDeepEqual.js');
5
+
6
+ const useDeepCompareMemo = (fn, deps) => {
7
+ const depsMemoized = hooks_useDeepEqual.useDeepEqual(deps, []);
8
+ // eslint-disable-next-line react-hooks/exhaustive-deps
9
+ return React.useMemo(fn, depsMemoized);
7
10
  };
8
- //# sourceMappingURL=useDeepCompareMemo.js.map
11
+
12
+ exports.useDeepCompareMemo = useDeepCompareMemo;
13
+ //# sourceMappingURL=useDeepCompareMemo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDeepCompareMemo.js","sourceRoot":"","sources":["../../src/hooks/useDeepCompareMemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAI,EAAW,EAAE,IAAoB,EAAE,EAAE;IACzE,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IAC3C,uDAAuD;IACvD,OAAO,OAAO,CAAC,EAAE,EAAE,YAAY,CAAC,CAAA;AAClC,CAAC,CAAA"}
1
+ {"version":3,"file":"useDeepCompareMemo.js","sources":["../../src/hooks/useDeepCompareMemo.ts"],"sourcesContent":[null],"names":["useDeepCompareMemo","fn","deps","depsMemoized","useDeepEqual","useMemo"],"mappings":";;;;;MAIaA,kBAAkB,GAAGA,CAAIC,EAAW,EAAEC,IAAoB,KAAI;AACzE,EAAA,MAAMC,YAAY,GAAGC,+BAAY,CAACF,IAAI,EAAE,EAAE,CAAC;AAC3C;AACA,EAAA,OAAOG,aAAO,CAACJ,EAAE,EAAEE,YAAY,CAAC;AAClC;;;;"}
@@ -1,10 +1,15 @@
1
- import { useRef } from 'react';
2
- import { dequal } from 'dequal';
3
- export const useDeepEqual = (value, defaultValue) => {
4
- const ref = useRef(defaultValue);
5
- if (!dequal(ref.current, value)) {
6
- ref.current = value;
7
- }
8
- return ref.current;
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var dequal = require('dequal');
5
+
6
+ const useDeepEqual = (value, defaultValue) => {
7
+ const ref = React.useRef(defaultValue);
8
+ if (!dequal.dequal(ref.current, value)) {
9
+ ref.current = value;
10
+ }
11
+ return ref.current;
9
12
  };
10
- //# sourceMappingURL=useDeepEqual.js.map
13
+
14
+ exports.useDeepEqual = useDeepEqual;
15
+ //# sourceMappingURL=useDeepEqual.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDeepEqual.js","sourceRoot":"","sources":["../../src/hooks/useDeepEqual.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAI,KAAQ,EAAE,YAAe,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;IAEhC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;QAChC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC;IAED,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC,CAAA"}
1
+ {"version":3,"file":"useDeepEqual.js","sources":["../../src/hooks/useDeepEqual.ts"],"sourcesContent":[null],"names":["useDeepEqual","value","defaultValue","ref","useRef","dequal","current"],"mappings":";;;;;MAGaA,YAAY,GAAGA,CAAIC,KAAQ,EAAEC,YAAe,KAAI;AAC3D,EAAA,MAAMC,GAAG,GAAGC,YAAM,CAACF,YAAY,CAAC;EAEhC,IAAI,CAACG,aAAM,CAACF,GAAG,CAACG,OAAO,EAAEL,KAAK,CAAC,EAAE;IAC/BE,GAAG,CAACG,OAAO,GAAGL,KAAK;AACrB,EAAA;EAEA,OAAOE,GAAG,CAACG,OAAO;AACpB;;;;"}
@@ -3,4 +3,4 @@ export type Dimensions = {
3
3
  width: number;
4
4
  height: number;
5
5
  };
6
- export declare const useDimensions: (ref: RefObject<HTMLElement>) => Dimensions;
6
+ export declare const useDimensions: (ref: RefObject<HTMLElement | null>) => Dimensions;
@@ -1,16 +1,27 @@
1
- import { useCallback, useEffect, useState } from 'react';
2
- import useEvent from 'react-use/lib/useEvent';
3
- export const useDimensions = (ref) => {
4
- const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
5
- const handleResize = useCallback(() => {
6
- if (ref.current) {
7
- setDimensions({ width: ref.current.offsetWidth, height: ref.current.offsetHeight });
8
- }
9
- }, [ref]);
10
- useEvent('resize', handleResize);
11
- useEffect(() => {
12
- handleResize();
13
- }, [handleResize, ref]);
14
- return dimensions;
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var useEvent = require('react-use/lib/useEvent');
5
+
6
+ const useDimensions = ref => {
7
+ const [dimensions, setDimensions] = React.useState({
8
+ width: 0,
9
+ height: 0
10
+ });
11
+ const handleResize = React.useCallback(() => {
12
+ if (ref.current) {
13
+ setDimensions({
14
+ width: ref.current.offsetWidth,
15
+ height: ref.current.offsetHeight
16
+ });
17
+ }
18
+ }, [ref]);
19
+ useEvent('resize', handleResize);
20
+ React.useEffect(() => {
21
+ handleResize();
22
+ }, [handleResize, ref]);
23
+ return dimensions;
15
24
  };
16
- //# sourceMappingURL=useDimensions.js.map
25
+
26
+ exports.useDimensions = useDimensions;
27
+ //# sourceMappingURL=useDimensions.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDimensions.js","sourceRoot":"","sources":["../../src/hooks/useDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAO7C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAA2B,EAAc,EAAE;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAa,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IAEjF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;QACrF,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAA;IAEvB,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}
1
+ {"version":3,"file":"useDimensions.js","sources":["../../src/hooks/useDimensions.ts"],"sourcesContent":[null],"names":["useDimensions","ref","dimensions","setDimensions","useState","width","height","handleResize","useCallback","current","offsetWidth","offsetHeight","useEvent","useEffect"],"mappings":";;;;;AAQO,MAAMA,aAAa,GAAIC,GAAkC,IAAgB;AAC9E,EAAA,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAQ,CAAa;AAAEC,IAAAA,KAAK,EAAE,CAAC;AAAEC,IAAAA,MAAM,EAAE;AAAC,GAAE,CAAC;AAEjF,EAAA,MAAMC,YAAY,GAAGC,iBAAW,CAAC,MAAK;IACpC,IAAIP,GAAG,CAACQ,OAAO,EAAE;AACfN,MAAAA,aAAa,CAAC;AAAEE,QAAAA,KAAK,EAAEJ,GAAG,CAACQ,OAAO,CAACC,WAAW;AAAEJ,QAAAA,MAAM,EAAEL,GAAG,CAACQ,OAAO,CAACE;AAAY,OAAE,CAAC;AACrF,IAAA;AACF,EAAA,CAAC,EAAE,CAACV,GAAG,CAAC,CAAC;AAETW,EAAAA,QAAQ,CAAC,QAAQ,EAAEL,YAAY,CAAC;AAEhCM,EAAAA,eAAS,CAAC,MAAK;AACbN,IAAAA,YAAY,EAAE;AAChB,EAAA,CAAC,EAAE,CAACA,YAAY,EAAEN,GAAG,CAAC,CAAC;AAEvB,EAAA,OAAOC,UAAU;AACnB;;;;"}
@@ -1,12 +1,17 @@
1
- import { useCallback, useEffect, useRef } from 'react';
2
- export const useIsMounted = () => {
3
- const isMounted = useRef(false);
4
- useEffect(() => {
5
- isMounted.current = true;
6
- return () => {
7
- isMounted.current = false;
8
- };
9
- }, []);
10
- return useCallback(() => isMounted.current, []);
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ const useIsMounted = () => {
6
+ const isMounted = React.useRef(false);
7
+ React.useEffect(() => {
8
+ isMounted.current = true;
9
+ return () => {
10
+ isMounted.current = false;
11
+ };
12
+ }, []);
13
+ return React.useCallback(() => isMounted.current, []);
11
14
  };
12
- //# sourceMappingURL=useIsMounted.js.map
15
+
16
+ exports.useIsMounted = useIsMounted;
17
+ //# sourceMappingURL=useIsMounted.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useIsMounted.js","sourceRoot":"","sources":["../../src/hooks/useIsMounted.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;QAExB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAA;QAC3B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AACjD,CAAC,CAAA"}
1
+ {"version":3,"file":"useIsMounted.js","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":[null],"names":["useIsMounted","isMounted","useRef","useEffect","current","useCallback"],"mappings":";;;;AAEO,MAAMA,YAAY,GAAGA,MAAK;AAC/B,EAAA,MAAMC,SAAS,GAAGC,YAAM,CAAC,KAAK,CAAC;AAE/BC,EAAAA,eAAS,CAAC,MAAK;IACbF,SAAS,CAACG,OAAO,GAAG,IAAI;AAExB,IAAA,OAAO,MAAK;MACVH,SAAS,CAACG,OAAO,GAAG,KAAK;IAC3B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOC,iBAAW,CAAC,MAAMJ,SAAS,CAACG,OAAO,EAAE,EAAE,CAAC;AACjD;;;;"}
@@ -1,34 +1,43 @@
1
- import { useCallback, useEffect } from 'react';
2
- import { useRefValue } from './useRefValue';
3
- export const containsElement = (target, element) => {
4
- if (isNode(element)) {
5
- return target === null || target === void 0 ? void 0 : target.contains(element);
6
- }
7
- return false;
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var hooks_useRefValue = require('./useRefValue.js');
5
+
6
+ const containsElement = (target, element) => {
7
+ if (isNode(element)) {
8
+ return target === null || target === void 0 ? void 0 : target.contains(element);
9
+ }
10
+ return false;
8
11
  };
9
- const isNode = (element) => element != null && 'nodeType' in element;
10
- export const useOnClickOutside = (active, opts) => {
11
- const { target, handler, excludeElement } = opts;
12
- const getOutsideClickHandler = useRefValue(handler);
13
- const listener = useCallback((event) => {
14
- const element = event.target;
15
- if (!containsElement(target, element) && !containsElement(excludeElement, element)) {
16
- getOutsideClickHandler()(event);
17
- }
18
- }, [target, excludeElement, getOutsideClickHandler]);
19
- useEffect(() => {
20
- if (active) {
21
- document.addEventListener('mousedown', listener);
22
- document.addEventListener('touchstart', listener);
23
- }
24
- else {
25
- document.removeEventListener('mousedown', listener);
26
- document.removeEventListener('touchstart', listener);
27
- }
28
- return () => {
29
- document.removeEventListener('mousedown', listener);
30
- document.removeEventListener('touchstart', listener);
31
- };
32
- }, [listener, active]);
12
+ const isNode = element => element != null && 'nodeType' in element;
13
+ const useOnClickOutside = (active, opts) => {
14
+ const {
15
+ target,
16
+ handler,
17
+ excludeElement
18
+ } = opts;
19
+ const getOutsideClickHandler = hooks_useRefValue.useRefValue(handler);
20
+ const listener = React.useCallback(event => {
21
+ const element = event.target;
22
+ if (!containsElement(target, element) && !containsElement(excludeElement, element)) {
23
+ getOutsideClickHandler()(event);
24
+ }
25
+ }, [target, excludeElement, getOutsideClickHandler]);
26
+ React.useEffect(() => {
27
+ if (active) {
28
+ document.addEventListener('mousedown', listener);
29
+ document.addEventListener('touchstart', listener);
30
+ } else {
31
+ document.removeEventListener('mousedown', listener);
32
+ document.removeEventListener('touchstart', listener);
33
+ }
34
+ return () => {
35
+ document.removeEventListener('mousedown', listener);
36
+ document.removeEventListener('touchstart', listener);
37
+ };
38
+ }, [listener, active]);
33
39
  };
34
- //# sourceMappingURL=useOnClickOutside.js.map
40
+
41
+ exports.containsElement = containsElement;
42
+ exports.useOnClickOutside = useOnClickOutside;
43
+ //# sourceMappingURL=useOnClickOutside.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAkB,EAAE,OAAqD,EAAE,EAAE;IAC3G,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QACpB,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAuC,EAAmB,EAAE,CAAC,OAAO,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO,CAAA;AAErH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAe,EACf,IAA0F,EAC1F,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAChD,MAAM,sBAAsB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAY,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAA;QAE5B,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE,CAAC;YACnF,sBAAsB,EAAE,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,cAAc,EAAE,sBAAsB,CAAC,CACjD,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YAChD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACnD,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;AACxB,CAAC,CAAA"}
1
+ {"version":3,"file":"useOnClickOutside.js","sources":["../../src/hooks/useOnClickOutside.ts"],"sourcesContent":[null],"names":["containsElement","target","element","isNode","contains","useOnClickOutside","active","opts","handler","excludeElement","getOutsideClickHandler","useRefValue","listener","useCallback","event","useEffect","document","addEventListener","removeEventListener"],"mappings":";;;;;MAMaA,eAAe,GAAGA,CAACC,MAAkB,EAAEC,OAAqD,KAAI;AAC3G,EAAA,IAAIC,MAAM,CAACD,OAAO,CAAC,EAAE;AACnB,IAAA,OAAOD,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,MAAA,GAAA,MAAA,GAANA,MAAM,CAAEG,QAAQ,CAACF,OAAO,CAAC;AAClC,EAAA;AAEA,EAAA,OAAO,KAAK;AACd;AAEA,MAAMC,MAAM,GAAID,OAAuC,IAAsBA,OAAO,IAAI,IAAI,IAAI,UAAU,IAAIA,OAAO;MAExGG,iBAAiB,GAAGA,CAC/BC,MAAe,EACfC,IAA0F,KACxF;EACF,MAAM;IAAEN,MAAM;IAAEO,OAAO;AAAEC,IAAAA;AAAc,GAAE,GAAGF,IAAI;AAChD,EAAA,MAAMG,sBAAsB,GAAGC,6BAAW,CAACH,OAAO,CAAC;AAEnD,EAAA,MAAMI,QAAQ,GAAGC,iBAAW,CACzBC,KAAY,IAAI;AACf,IAAA,MAAMZ,OAAO,GAAGY,KAAK,CAACb,MAAM;AAE5B,IAAA,IAAI,CAACD,eAAe,CAACC,MAAM,EAAEC,OAAO,CAAC,IAAI,CAACF,eAAe,CAACS,cAAc,EAAEP,OAAO,CAAC,EAAE;AAClFQ,MAAAA,sBAAsB,EAAE,CAACI,KAAK,CAAC;AACjC,IAAA;EACF,CAAC,EACD,CAACb,MAAM,EAAEQ,cAAc,EAAEC,sBAAsB,CAAC,CACjD;AAEDK,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIT,MAAM,EAAE;AACVU,MAAAA,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEL,QAAQ,CAAC;AAChDI,MAAAA,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEL,QAAQ,CAAC;AACnD,IAAA,CAAC,MAAM;AACLI,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEN,QAAQ,CAAC;AACnDI,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEN,QAAQ,CAAC;AACtD,IAAA;AAEA,IAAA,OAAO,MAAK;AACVI,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEN,QAAQ,CAAC;AACnDI,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEN,QAAQ,CAAC;IACtD,CAAC;AACH,EAAA,CAAC,EAAE,CAACA,QAAQ,EAAEN,MAAM,CAAC,CAAC;AACxB;;;;;"}
@@ -1,14 +1,19 @@
1
- import { useState, useCallback } from 'react';
2
- export const useOpenCloseState = (isOpenByDefault = false) => {
3
- const [isOpen, setIsOpen] = useState(isOpenByDefault);
4
- const open = useCallback(() => setIsOpen(true), []);
5
- const close = useCallback(() => setIsOpen(false), []);
6
- const toggle = useCallback(() => setIsOpen((currentState) => !currentState), []);
7
- return {
8
- isOpen,
9
- open,
10
- close,
11
- toggle,
12
- };
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ const useOpenCloseState = (isOpenByDefault = false) => {
6
+ const [isOpen, setIsOpen] = React.useState(isOpenByDefault);
7
+ const open = React.useCallback(() => setIsOpen(true), []);
8
+ const close = React.useCallback(() => setIsOpen(false), []);
9
+ const toggle = React.useCallback(() => setIsOpen(currentState => !currentState), []);
10
+ return {
11
+ isOpen,
12
+ open,
13
+ close,
14
+ toggle
15
+ };
13
16
  };
14
- //# sourceMappingURL=useOpenCloseState.js.map
17
+
18
+ exports.useOpenCloseState = useOpenCloseState;
19
+ //# sourceMappingURL=useOpenCloseState.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useOpenCloseState.js","sourceRoot":"","sources":["../../src/hooks/useOpenCloseState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,eAAe,GAAG,KAAK,EAAE,EAAE;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IAErD,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IACrD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAA;IAEhF,OAAO;QACL,MAAM;QACN,IAAI;QACJ,KAAK;QACL,MAAM;KACP,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"useOpenCloseState.js","sources":["../../src/hooks/useOpenCloseState.ts"],"sourcesContent":[null],"names":["useOpenCloseState","isOpenByDefault","isOpen","setIsOpen","useState","open","useCallback","close","toggle","currentState"],"mappings":";;;;MAEaA,iBAAiB,GAAGA,CAACC,eAAe,GAAG,KAAK,KAAI;EAC3D,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAACH,eAAe,CAAC;EAErD,MAAMI,IAAI,GAAGC,iBAAW,CAAC,MAAMH,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EACnD,MAAMI,KAAK,GAAGD,iBAAW,CAAC,MAAMH,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;AACrD,EAAA,MAAMK,MAAM,GAAGF,iBAAW,CAAC,MAAMH,SAAS,CAAEM,YAAY,IAAK,CAACA,YAAY,CAAC,EAAE,EAAE,CAAC;EAEhF,OAAO;IACLP,MAAM;IACNG,IAAI;IACJE,KAAK;AACLC,IAAAA;GACD;AACH;;;;"}
@@ -1,63 +1,67 @@
1
- import { useMemo } from 'react';
2
- import { range } from '../helpers/array';
3
- export const getZeroSiblingCountItems = (pageCount, currentPage) => {
4
- // If there are 3 or less pages we just show them all
5
- if (pageCount <= 3) {
6
- return range(1, pageCount);
7
- // If the current page is near the start
8
- }
9
- else if (currentPage <= 2) {
10
- return [1, 2, 'ellipsis', pageCount];
11
- // If the current page is near the end
12
- }
13
- else if (currentPage >= pageCount - 1) {
14
- return [1, 'ellipsis', pageCount - 1, pageCount];
15
- // If the current page is somewhere in the middle
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var helpers_array = require('../helpers/array.js');
5
+
6
+ const getZeroSiblingCountItems = (pageCount, currentPage) => {
7
+ // If there are 3 or less pages we just show them all
8
+ if (pageCount <= 3) {
9
+ return helpers_array.range(1, pageCount);
10
+ // If the current page is near the start
11
+ } else if (currentPage <= 2) {
12
+ return [1, 2, 'ellipsis', pageCount];
13
+ // If the current page is near the end
14
+ } else if (currentPage >= pageCount - 1) {
15
+ return [1, 'ellipsis', pageCount - 1, pageCount];
16
+ // If the current page is somewhere in the middle
17
+ } else {
18
+ return [1, 'ellipsis', currentPage, 'ellipsis', pageCount];
19
+ }
20
+ };
21
+ const usePagination = ({
22
+ pageCount,
23
+ currentPage,
24
+ small = false
25
+ }) => {
26
+ const currentPageCount = 1;
27
+ const boundaryCount = 1;
28
+ const siblingCount = 1;
29
+ const ellipsis = 2;
30
+ const items = React.useMemo(() => {
31
+ /**
32
+ * Setting maximum number of visible blocks between previous and next buttons:
33
+ * currentPageCount for current page
34
+ * boundaryCount * 2 for first and last page
35
+ * siblingCount * 2 for left and right siblings of current page
36
+ * ellipsis for not shown pages
37
+ */
38
+ const maxVisibleBlocks = currentPageCount + boundaryCount * 2 + siblingCount * 2 + ellipsis;
39
+ let paginationItems;
40
+ // Separate function to handle small pagination
41
+ if (small) {
42
+ paginationItems = getZeroSiblingCountItems(pageCount, currentPage);
16
43
  }
17
- else {
18
- return [1, 'ellipsis', currentPage, 'ellipsis', pageCount];
44
+ // If page count is equal to or less than maxVisibleBlocks we just show all pages
45
+ else if (pageCount <= maxVisibleBlocks) {
46
+ paginationItems = helpers_array.range(1, pageCount);
47
+ } else {
48
+ const visibleMiddle = Math.ceil(maxVisibleBlocks / 2);
49
+ // If the current page is near the start then show all start blocks without ellipsis
50
+ if (currentPage <= visibleMiddle) {
51
+ paginationItems = [...helpers_array.range(1, visibleMiddle + 1), 'ellipsis', pageCount];
52
+ // If the current page is near the end then show all end blocks without ellipsis
53
+ } else if (currentPage >= pageCount - visibleMiddle + 1) {
54
+ paginationItems = [1, 'ellipsis', ...helpers_array.range(pageCount - visibleMiddle, pageCount)];
55
+ // If the current page is somewhere in the middle then show ellipsis at both sides
56
+ } else {
57
+ paginationItems = [1, 'ellipsis', ...helpers_array.range(currentPage - siblingCount, currentPage + siblingCount), 'ellipsis', pageCount];
58
+ }
19
59
  }
60
+ return ['previous', ...paginationItems, 'next'];
61
+ }, [pageCount, currentPage, small]);
62
+ return items;
20
63
  };
21
- export const usePagination = ({ pageCount, currentPage, small = false }) => {
22
- const currentPageCount = 1;
23
- const boundaryCount = 1;
24
- const siblingCount = 1;
25
- const ellipsis = 2;
26
- const items = useMemo(() => {
27
- /**
28
- * Setting maximum number of visible blocks between previous and next buttons:
29
- * currentPageCount for current page
30
- * boundaryCount * 2 for first and last page
31
- * siblingCount * 2 for left and right siblings of current page
32
- * ellipsis for not shown pages
33
- */
34
- const maxVisibleBlocks = currentPageCount + boundaryCount * 2 + siblingCount * 2 + ellipsis;
35
- let paginationItems;
36
- // Separate function to handle small pagination
37
- if (small) {
38
- paginationItems = getZeroSiblingCountItems(pageCount, currentPage);
39
- }
40
- // If page count is equal to or less than maxVisibleBlocks we just show all pages
41
- else if (pageCount <= maxVisibleBlocks) {
42
- paginationItems = range(1, pageCount);
43
- }
44
- else {
45
- const visibleMiddle = Math.ceil(maxVisibleBlocks / 2);
46
- // If the current page is near the start then show all start blocks without ellipsis
47
- if (currentPage <= visibleMiddle) {
48
- paginationItems = [...range(1, visibleMiddle + 1), 'ellipsis', pageCount];
49
- // If the current page is near the end then show all end blocks without ellipsis
50
- }
51
- else if (currentPage >= pageCount - visibleMiddle + 1) {
52
- paginationItems = [1, 'ellipsis', ...range(pageCount - visibleMiddle, pageCount)];
53
- // If the current page is somewhere in the middle then show ellipsis at both sides
54
- }
55
- else {
56
- paginationItems = [1, 'ellipsis', ...range(currentPage - siblingCount, currentPage + siblingCount), 'ellipsis', pageCount];
57
- }
58
- }
59
- return ['previous', ...paginationItems, 'next'];
60
- }, [pageCount, currentPage, small]);
61
- return items;
62
- };
63
- //# sourceMappingURL=usePagination.js.map
64
+
65
+ exports.getZeroSiblingCountItems = getZeroSiblingCountItems;
66
+ exports.usePagination = usePagination;
67
+ //# sourceMappingURL=usePagination.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAUxC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAiB,EAAE,WAAmB,EAAoB,EAAE;IACnG,qDAAqD;IACrD,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QAC1B,wCAAwC;IAC1C,CAAC;SAAM,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;QACpC,sCAAsC;IACxC,CAAC;SAAM,IAAI,WAAW,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;QACxC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,GAAG,CAAC,EAAE,SAAS,CAAC,CAAA;QAChD,iDAAiD;IACnD,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;IAC5D,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,GAAG,KAAK,EAAsB,EAAE,EAAE;IAC7F,MAAM,gBAAgB,GAAG,CAAC,CAAA;IAC1B,MAAM,aAAa,GAAG,CAAC,CAAA;IACvB,MAAM,YAAY,GAAG,CAAC,CAAA;IACtB,MAAM,QAAQ,GAAG,CAAC,CAAA;IAElB,MAAM,KAAK,GAAqB,OAAO,CAAC,GAAG,EAAE;QAC3C;;;;;;WAMG;QACH,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,aAAa,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAA;QAE3F,IAAI,eAAiC,CAAA;QAErC,+CAA+C;QAC/C,IAAI,KAAK,EAAE,CAAC;YACV,eAAe,GAAG,wBAAwB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;QACpE,CAAC;QACD,iFAAiF;aAC5E,IAAI,SAAS,IAAI,gBAAgB,EAAE,CAAC;YACvC,eAAe,GAAG,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QACvC,CAAC;aAAM,CAAC;YACN,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAA;YACrD,oFAAoF;YACpF,IAAI,WAAW,IAAI,aAAa,EAAE,CAAC;gBACjC,eAAe,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,aAAa,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;gBACzE,gFAAgF;YAClF,CAAC;iBAAM,IAAI,WAAW,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC;gBACxD,eAAe,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC,CAAC,CAAA;gBACjF,kFAAkF;YACpF,CAAC;iBAAM,CAAC;gBACN,eAAe,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,GAAG,YAAY,EAAE,WAAW,GAAG,YAAY,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;YAC5H,CAAC;QACH,CAAC;QAED,OAAO,CAAC,UAAU,EAAE,GAAG,eAAe,EAAE,MAAM,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnC,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}
1
+ {"version":3,"file":"usePagination.js","sources":["../../src/hooks/usePagination.ts"],"sourcesContent":[null],"names":["getZeroSiblingCountItems","pageCount","currentPage","range","usePagination","small","currentPageCount","boundaryCount","siblingCount","ellipsis","items","useMemo","maxVisibleBlocks","paginationItems","visibleMiddle","Math","ceil"],"mappings":";;;;;MAYaA,wBAAwB,GAAGA,CAACC,SAAiB,EAAEC,WAAmB,KAAsB;AACnG;EACA,IAAID,SAAS,IAAI,CAAC,EAAE;AAClB,IAAA,OAAOE,mBAAK,CAAC,CAAC,EAAEF,SAAS,CAAC;AAC1B;AACF,EAAA,CAAC,MAAM,IAAIC,WAAW,IAAI,CAAC,EAAE;IAC3B,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,EAAED,SAAS,CAAC;AACpC;AACF,EAAA,CAAC,MAAM,IAAIC,WAAW,IAAID,SAAS,GAAG,CAAC,EAAE;IACvC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAEA,SAAS,GAAG,CAAC,EAAEA,SAAS,CAAC;AAChD;AACF,EAAA,CAAC,MAAM;IACL,OAAO,CAAC,CAAC,EAAE,UAAU,EAAEC,WAAW,EAAE,UAAU,EAAED,SAAS,CAAC;AAC5D,EAAA;AACF;AAEO,MAAMG,aAAa,GAAGA,CAAC;EAAEH,SAAS;EAAEC,WAAW;AAAEG,EAAAA,KAAK,GAAG;AAAK,CAAsB,KAAI;EAC7F,MAAMC,gBAAgB,GAAG,CAAC;EAC1B,MAAMC,aAAa,GAAG,CAAC;EACvB,MAAMC,YAAY,GAAG,CAAC;EACtB,MAAMC,QAAQ,GAAG,CAAC;AAElB,EAAA,MAAMC,KAAK,GAAqBC,aAAO,CAAC,MAAK;AAC3C;;;;;;AAMG;AACH,IAAA,MAAMC,gBAAgB,GAAGN,gBAAgB,GAAGC,aAAa,GAAG,CAAC,GAAGC,YAAY,GAAG,CAAC,GAAGC,QAAQ;AAE3F,IAAA,IAAII,eAAiC;AAErC;AACA,IAAA,IAAIR,KAAK,EAAE;AACTQ,MAAAA,eAAe,GAAGb,wBAAwB,CAACC,SAAS,EAAEC,WAAW,CAAC;AACpE,IAAA;AACA;AAAA,SACK,IAAID,SAAS,IAAIW,gBAAgB,EAAE;AACtCC,MAAAA,eAAe,GAAGV,mBAAK,CAAC,CAAC,EAAEF,SAAS,CAAC;AACvC,IAAA,CAAC,MAAM;MACL,MAAMa,aAAa,GAAGC,IAAI,CAACC,IAAI,CAACJ,gBAAgB,GAAG,CAAC,CAAC;AACrD;MACA,IAAIV,WAAW,IAAIY,aAAa,EAAE;AAChCD,QAAAA,eAAe,GAAG,CAAC,GAAGV,mBAAK,CAAC,CAAC,EAAEW,aAAa,GAAG,CAAC,CAAC,EAAE,UAAU,EAAEb,SAAS,CAAC;AACzE;MACF,CAAC,MAAM,IAAIC,WAAW,IAAID,SAAS,GAAGa,aAAa,GAAG,CAAC,EAAE;AACvDD,QAAAA,eAAe,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,GAAGV,mBAAK,CAACF,SAAS,GAAGa,aAAa,EAAEb,SAAS,CAAC,CAAC;AACjF;AACF,MAAA,CAAC,MAAM;QACLY,eAAe,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,GAAGV,mBAAK,CAACD,WAAW,GAAGM,YAAY,EAAEN,WAAW,GAAGM,YAAY,CAAC,EAAE,UAAU,EAAEP,SAAS,CAAC;AAC5H,MAAA;AACF,IAAA;AAEA,IAAA,OAAO,CAAC,UAAU,EAAE,GAAGY,eAAe,EAAE,MAAM,CAAC;EACjD,CAAC,EAAE,CAACZ,SAAS,EAAEC,WAAW,EAAEG,KAAK,CAAC,CAAC;AAEnC,EAAA,OAAOK,KAAK;AACd;;;;;"}
@@ -1,35 +1,37 @@
1
- import { useCallback, useState } from 'react';
2
- const readValue = (key) => {
3
- try {
4
- return JSON.parse(window.localStorage.getItem(key));
5
- }
6
- catch (e) {
7
- return undefined;
8
- }
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ const readValue = key => {
6
+ try {
7
+ return JSON.parse(window.localStorage.getItem(key));
8
+ } catch (e) {
9
+ return undefined;
10
+ }
9
11
  };
10
- export const createPersistedState = (key) => {
11
- return (initialState) => {
12
- const [value, setValue] = useState(readValue(key) || initialState);
13
- const updateValue = useCallback((value) => {
14
- setValue((currentValue) => {
15
- let newValue;
16
- if (typeof value === 'function') {
17
- newValue = value(currentValue);
18
- }
19
- else {
20
- newValue = value;
21
- }
22
- try {
23
- const storageValue = JSON.stringify(newValue);
24
- window.localStorage.setItem(key, storageValue);
25
- }
26
- catch (e) {
27
- console.error(e);
28
- }
29
- return newValue;
30
- });
31
- }, []);
32
- return [value, updateValue];
33
- };
12
+ const createPersistedState = key => {
13
+ return initialState => {
14
+ const [value, setValue] = React.useState(readValue(key) || initialState);
15
+ const updateValue = React.useCallback(value => {
16
+ setValue(currentValue => {
17
+ let newValue;
18
+ if (typeof value === 'function') {
19
+ newValue = value(currentValue);
20
+ } else {
21
+ newValue = value;
22
+ }
23
+ try {
24
+ const storageValue = JSON.stringify(newValue);
25
+ window.localStorage.setItem(key, storageValue);
26
+ } catch (e) {
27
+ console.error(e);
28
+ }
29
+ return newValue;
30
+ });
31
+ }, []);
32
+ return [value, updateValue];
33
+ };
34
34
  };
35
- //# sourceMappingURL=usePersistedState.js.map
35
+
36
+ exports.createPersistedState = createPersistedState;
37
+ //# sourceMappingURL=usePersistedState.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"usePersistedState.js","sourceRoot":"","sources":["../../src/hooks/usePersistedState.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,MAAM,SAAS,GAAG,CAAI,GAAW,EAAiB,EAAE;IAClD,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAS,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAM,CAAA;IAClE,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,SAAS,CAAA;IAClB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAI,GAAW,EAAoD,EAAE;IACvG,OAAO,CAAC,YAAe,EAAE,EAAE;QACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,SAAS,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,CAAA;QAErE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAwB,EAAE,EAAE;YAC3D,QAAQ,CAAC,CAAC,YAAY,EAAE,EAAE;gBACxB,IAAI,QAAW,CAAA;gBAEf,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;oBAChC,QAAQ,GAAI,KAAwB,CAAC,YAAY,CAAC,CAAA;gBACpD,CAAC;qBAAM,CAAC;oBACN,QAAQ,GAAG,KAAK,CAAA;gBAClB,CAAC;gBAED,IAAI,CAAC;oBACH,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;oBAE7C,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,YAAY,CAAC,CAAA;gBAChD,CAAC;gBAAC,OAAO,CAAC,EAAE,CAAC;oBACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAClB,CAAC;gBAED,OAAO,QAAQ,CAAA;YACjB,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IAC7B,CAAC,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"usePersistedState.js","sources":["../../src/hooks/usePersistedState.ts"],"sourcesContent":[null],"names":["readValue","key","JSON","parse","window","localStorage","getItem","e","undefined","createPersistedState","initialState","value","setValue","useState","updateValue","useCallback","currentValue","newValue","storageValue","stringify","setItem","console","error"],"mappings":";;;;AAEA,MAAMA,SAAS,GAAOC,GAAW,IAAmB;EAClD,IAAI;AACF,IAAA,OAAOC,IAAI,CAACC,KAAK,CAASC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACL,GAAG,CAAC,CAAM;EAClE,CAAC,CAAC,OAAOM,CAAC,EAAE;AACV,IAAA,OAAOC,SAAS;AAClB,EAAA;AACF,CAAC;AAEM,MAAMC,oBAAoB,GAAOR,GAAW,IAAsD;AACvG,EAAA,OAAQS,YAAe,IAAI;AACzB,IAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAIb,SAAS,CAACC,GAAG,CAAC,IAAIS,YAAY,CAAC;AAErE,IAAA,MAAMI,WAAW,GAAGC,iBAAW,CAAEJ,KAAwB,IAAI;MAC3DC,QAAQ,CAAEI,YAAY,IAAI;AACxB,QAAA,IAAIC,QAAW;AAEf,QAAA,IAAI,OAAON,KAAK,KAAK,UAAU,EAAE;AAC/BM,UAAAA,QAAQ,GAAIN,KAAwB,CAACK,YAAY,CAAC;AACpD,QAAA,CAAC,MAAM;AACLC,UAAAA,QAAQ,GAAGN,KAAK;AAClB,QAAA;QAEA,IAAI;AACF,UAAA,MAAMO,YAAY,GAAGhB,IAAI,CAACiB,SAAS,CAACF,QAAQ,CAAC;UAE7Cb,MAAM,CAACC,YAAY,CAACe,OAAO,CAACnB,GAAG,EAAEiB,YAAY,CAAC;QAChD,CAAC,CAAC,OAAOX,CAAC,EAAE;AACVc,UAAAA,OAAO,CAACC,KAAK,CAACf,CAAC,CAAC;AAClB,QAAA;AAEA,QAAA,OAAOU,QAAQ;AACjB,MAAA,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,CAACN,KAAK,EAAEG,WAAW,CAAC;EAC7B,CAAC;AACH;;;;"}