@elliemae/ds-shared 2.3.0-alpha.9 → 2.3.0-next.11

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 (330) hide show
  1. package/cjs/Animations/BaseAnimation.js +36 -0
  2. package/cjs/Animations/Grow.js +42 -0
  3. package/cjs/Animations/GrowRight.js +42 -0
  4. package/cjs/Animations/GrowVertical.js +7 -0
  5. package/cjs/CheckableGroup.js +74 -0
  6. package/cjs/DeferRenderAfterComputation.js +28 -0
  7. package/cjs/FocusGroup/FocusGrid.js +215 -0
  8. package/cjs/FocusGroup/FocusGroup.js +308 -0
  9. package/cjs/FocusGroup/FocusGroupContext.js +11 -0
  10. package/cjs/FocusGroup/FocusGroupManager.js +117 -0
  11. package/cjs/FocusGroup/focusGroupManagerHoc.js +44 -0
  12. package/cjs/FocusGroup/index.js +21 -0
  13. package/cjs/FocusGroup/useFocusGroupItem.js +59 -0
  14. package/cjs/FocusGroup/utils/getNextCellPosition.js +60 -0
  15. package/cjs/GroupContext/Group.js +124 -0
  16. package/cjs/GroupContext/GroupContext.js +13 -0
  17. package/cjs/GroupContext/GroupItem.js +22 -0
  18. package/cjs/GroupContext/index.js +13 -0
  19. package/cjs/ScrollSync/ScrollSync.js +153 -0
  20. package/cjs/ScrollSync/ScrollSyncPane.js +81 -0
  21. package/cjs/ScrollSync/ScrollSyncProvider.js +67 -0
  22. package/cjs/ScrollSync/index.js +11 -0
  23. package/cjs/ScrollSync/useScrollSync.js +10 -0
  24. package/cjs/constants.js +51 -0
  25. package/cjs/createDataInstance/createInstancePlugin.js +36 -0
  26. package/cjs/createDataInstance/createInstanceRef.js +97 -0
  27. package/cjs/createDataInstance/utils.js +123 -0
  28. package/cjs/defer-render-hoc/index.js +49 -0
  29. package/cjs/dimsum.config.js +7 -0
  30. package/cjs/index.js +17 -0
  31. package/cjs/prop-types.js +59 -0
  32. package/cjs/react-spring/index.js +14 -0
  33. package/cjs/react-spring/renderprops.js +14 -0
  34. package/cjs/toolbar/ToolbarProvider.js +123 -0
  35. package/cjs/useDataGrid/VolatileRowsListener.js +24 -0
  36. package/cjs/useDataGrid/index.js +7 -0
  37. package/cjs/useDataGrid/initColumnDefinition.js +146 -0
  38. package/cjs/useDataGrid/useDataGrid.js +220 -0
  39. package/cjs/useDataList/index.js +7 -0
  40. package/cjs/useDataList/recordIterator.js +31 -0
  41. package/cjs/useDataList/useDataList.js +102 -0
  42. package/cjs/utils.js +116 -0
  43. package/cjs/virtualization/AutoHeightList.js +61 -0
  44. package/cjs/virtualization/FluidHeightList.js +49 -0
  45. package/cjs/virtualization/index.js +22 -0
  46. package/esm/Animations/BaseAnimation.js +30 -0
  47. package/esm/Animations/Grow.js +36 -0
  48. package/esm/Animations/GrowRight.js +36 -0
  49. package/esm/Animations/GrowVertical.js +4 -0
  50. package/esm/CheckableGroup.js +64 -0
  51. package/esm/DeferRenderAfterComputation.js +22 -0
  52. package/esm/FocusGroup/FocusGrid.js +204 -0
  53. package/{dist/esm → esm}/FocusGroup/FocusGroup.js +137 -56
  54. package/esm/FocusGroup/FocusGroupContext.js +5 -0
  55. package/{dist/esm → esm}/FocusGroup/FocusGroupManager.js +38 -24
  56. package/esm/FocusGroup/focusGroupManagerHoc.js +37 -0
  57. package/esm/FocusGroup/index.js +6 -0
  58. package/esm/FocusGroup/useFocusGroupItem.js +50 -0
  59. package/{dist/esm → esm}/FocusGroup/utils/getNextCellPosition.js +25 -18
  60. package/esm/GroupContext/Group.js +118 -0
  61. package/esm/GroupContext/GroupContext.js +5 -0
  62. package/esm/GroupContext/GroupItem.js +16 -0
  63. package/esm/GroupContext/index.js +3 -0
  64. package/{dist/esm → esm}/ScrollSync/ScrollSync.js +64 -30
  65. package/esm/ScrollSync/ScrollSyncPane.js +74 -0
  66. package/esm/ScrollSync/ScrollSyncProvider.js +59 -0
  67. package/esm/ScrollSync/index.js +2 -0
  68. package/esm/ScrollSync/useScrollSync.js +8 -0
  69. package/esm/constants.js +32 -0
  70. package/esm/createDataInstance/createInstancePlugin.js +30 -0
  71. package/esm/createDataInstance/createInstanceRef.js +90 -0
  72. package/esm/createDataInstance/utils.js +107 -0
  73. package/esm/defer-render-hoc/index.js +41 -0
  74. package/esm/dimsum.config.js +5 -0
  75. package/esm/index.js +5 -0
  76. package/esm/prop-types.js +43 -0
  77. package/{dist/types/react-spring/index.d.ts → esm/react-spring/index.js} +0 -0
  78. package/{dist/types/react-spring/renderprops.d.ts → esm/react-spring/renderprops.js} +0 -0
  79. package/esm/toolbar/ToolbarProvider.js +111 -0
  80. package/esm/useDataGrid/VolatileRowsListener.js +22 -0
  81. package/esm/useDataGrid/index.js +1 -0
  82. package/esm/useDataGrid/initColumnDefinition.js +134 -0
  83. package/esm/useDataGrid/useDataGrid.js +194 -0
  84. package/esm/useDataList/index.js +1 -0
  85. package/esm/useDataList/recordIterator.js +27 -0
  86. package/esm/useDataList/useDataList.js +90 -0
  87. package/esm/utils.js +95 -0
  88. package/esm/virtualization/AutoHeightList.js +52 -0
  89. package/esm/virtualization/FluidHeightList.js +38 -0
  90. package/esm/virtualization/index.js +18 -0
  91. package/package.json +108 -110
  92. package/{dist/types → types}/Animations/BaseAnimation.d.ts +0 -1
  93. package/{dist/types → types}/Animations/Grow.d.ts +0 -1
  94. package/{dist/types → types}/Animations/GrowRight.d.ts +0 -1
  95. package/{dist/types → types}/Animations/GrowVertical.d.ts +0 -0
  96. package/{dist/types → types}/CheckableGroup.d.ts +0 -1
  97. package/types/DeferRenderAfterComputation.d.ts +6 -0
  98. package/types/FocusGroup/FocusGrid.d.ts +10 -0
  99. package/{dist/types → types}/FocusGroup/FocusGroup.d.ts +1 -3
  100. package/types/FocusGroup/FocusGroupContext.d.ts +3 -0
  101. package/{dist/types → types}/FocusGroup/FocusGroupManager.d.ts +1 -3
  102. package/types/FocusGroup/focusGroupManagerHoc.d.ts +7 -0
  103. package/types/FocusGroup/index.d.ts +6 -0
  104. package/types/FocusGroup/useFocusGroupItem.d.ts +2 -0
  105. package/{dist/types → types}/FocusGroup/utils/getNextCellPosition.d.ts +1 -3
  106. package/{dist/types → types}/GroupContext/Group.d.ts +0 -1
  107. package/{dist/types → types}/GroupContext/GroupContext.d.ts +0 -0
  108. package/{dist/types → types}/GroupContext/GroupItem.d.ts +0 -1
  109. package/types/GroupContext/index.d.ts +3 -0
  110. package/{dist/types → types}/ScrollSync/ScrollSync.d.ts +2 -4
  111. package/types/ScrollSync/ScrollSyncPane.d.ts +3 -0
  112. package/{dist/types → types}/ScrollSync/ScrollSyncProvider.d.ts +0 -0
  113. package/types/ScrollSync/index.d.ts +2 -0
  114. package/types/ScrollSync/useScrollSync.d.ts +6 -0
  115. package/{dist/types → types}/constants.d.ts +0 -0
  116. package/types/createDataInstance/createInstancePlugin.d.ts +1 -0
  117. package/{dist/types → types}/createDataInstance/createInstanceRef.d.ts +1 -3
  118. package/{dist/types → types}/createDataInstance/tests/createInstanceRef.test.d.ts +0 -0
  119. package/{dist/types → types}/createDataInstance/utils.d.ts +0 -0
  120. package/types/dimsum.config.d.ts +4 -0
  121. package/types/index.d.ts +2 -0
  122. package/{dist/types → types}/prop-types.d.ts +0 -0
  123. package/types/react-spring/index.d.ts +1 -0
  124. package/types/react-spring/renderprops.d.ts +1 -0
  125. package/types/toolbar/ToolbarProvider.d.ts +10 -0
  126. package/types/useDataGrid/VolatileRowsListener.d.ts +5 -0
  127. package/types/useDataGrid/index.d.ts +1 -0
  128. package/{dist/types → types}/useDataGrid/initColumnDefinition.d.ts +1 -2
  129. package/types/useDataGrid/useDataGrid.d.ts +8 -0
  130. package/types/useDataList/index.d.ts +1 -0
  131. package/{dist/types → types}/useDataList/recordIterator.d.ts +0 -0
  132. package/{dist/types → types}/useDataList/useDataList.d.ts +2 -3
  133. package/{dist/types → types}/utils.d.ts +0 -0
  134. package/{dist/types → types}/virtualization/AutoHeightList.d.ts +0 -0
  135. package/{dist/types → types}/virtualization/FluidHeightList.d.ts +0 -0
  136. package/{dist/types → types}/virtualization/index.d.ts +0 -0
  137. package/dist/cjs/Animations/BaseAnimation.js +0 -56
  138. package/dist/cjs/Animations/BaseAnimation.js.map +0 -7
  139. package/dist/cjs/Animations/Grow.js +0 -55
  140. package/dist/cjs/Animations/Grow.js.map +0 -7
  141. package/dist/cjs/Animations/GrowRight.js +0 -64
  142. package/dist/cjs/Animations/GrowRight.js.map +0 -7
  143. package/dist/cjs/Animations/GrowVertical.js +0 -47
  144. package/dist/cjs/Animations/GrowVertical.js.map +0 -7
  145. package/dist/cjs/CheckableGroup.js +0 -76
  146. package/dist/cjs/CheckableGroup.js.map +0 -7
  147. package/dist/cjs/DeferRenderAfterComputation.js +0 -52
  148. package/dist/cjs/DeferRenderAfterComputation.js.map +0 -7
  149. package/dist/cjs/FocusGroup/FocusGrid.js +0 -180
  150. package/dist/cjs/FocusGroup/FocusGrid.js.map +0 -7
  151. package/dist/cjs/FocusGroup/FocusGroup.js +0 -249
  152. package/dist/cjs/FocusGroup/FocusGroup.js.map +0 -7
  153. package/dist/cjs/FocusGroup/FocusGroupContext.js +0 -38
  154. package/dist/cjs/FocusGroup/FocusGroupContext.js.map +0 -7
  155. package/dist/cjs/FocusGroup/FocusGroupManager.js +0 -126
  156. package/dist/cjs/FocusGroup/FocusGroupManager.js.map +0 -7
  157. package/dist/cjs/FocusGroup/focusGroupManagerHoc.js +0 -54
  158. package/dist/cjs/FocusGroup/focusGroupManagerHoc.js.map +0 -7
  159. package/dist/cjs/FocusGroup/index.js +0 -47
  160. package/dist/cjs/FocusGroup/index.js.map +0 -7
  161. package/dist/cjs/FocusGroup/useFocusGroupItem.js +0 -67
  162. package/dist/cjs/FocusGroup/useFocusGroupItem.js.map +0 -7
  163. package/dist/cjs/FocusGroup/utils/getNextCellPosition.js +0 -80
  164. package/dist/cjs/FocusGroup/utils/getNextCellPosition.js.map +0 -7
  165. package/dist/cjs/GroupContext/Group.js +0 -115
  166. package/dist/cjs/GroupContext/Group.js.map +0 -7
  167. package/dist/cjs/GroupContext/GroupContext.js +0 -36
  168. package/dist/cjs/GroupContext/GroupContext.js.map +0 -7
  169. package/dist/cjs/GroupContext/GroupItem.js +0 -40
  170. package/dist/cjs/GroupContext/GroupItem.js.map +0 -7
  171. package/dist/cjs/GroupContext/index.js +0 -39
  172. package/dist/cjs/GroupContext/index.js.map +0 -7
  173. package/dist/cjs/ScrollSync/ScrollSync.js +0 -138
  174. package/dist/cjs/ScrollSync/ScrollSync.js.map +0 -7
  175. package/dist/cjs/ScrollSync/ScrollSyncPane.js +0 -73
  176. package/dist/cjs/ScrollSync/ScrollSyncPane.js.map +0 -7
  177. package/dist/cjs/ScrollSync/ScrollSyncProvider.js +0 -120
  178. package/dist/cjs/ScrollSync/ScrollSyncProvider.js.map +0 -7
  179. package/dist/cjs/ScrollSync/index.js +0 -37
  180. package/dist/cjs/ScrollSync/index.js.map +0 -7
  181. package/dist/cjs/ScrollSync/useScrollSync.js +0 -41
  182. package/dist/cjs/ScrollSync/useScrollSync.js.map +0 -7
  183. package/dist/cjs/constants.js +0 -70
  184. package/dist/cjs/constants.js.map +0 -7
  185. package/dist/cjs/createDataInstance/createInstancePlugin.js +0 -48
  186. package/dist/cjs/createDataInstance/createInstancePlugin.js.map +0 -7
  187. package/dist/cjs/createDataInstance/createInstanceRef.js +0 -92
  188. package/dist/cjs/createDataInstance/createInstanceRef.js.map +0 -7
  189. package/dist/cjs/createDataInstance/utils.js +0 -99
  190. package/dist/cjs/createDataInstance/utils.js.map +0 -7
  191. package/dist/cjs/defer-render-hoc/index.js +0 -56
  192. package/dist/cjs/defer-render-hoc/index.js.map +0 -7
  193. package/dist/cjs/dimsum.config.js +0 -39
  194. package/dist/cjs/dimsum.config.js.map +0 -7
  195. package/dist/cjs/index.js +0 -40
  196. package/dist/cjs/index.js.map +0 -7
  197. package/dist/cjs/prop-types.js +0 -116
  198. package/dist/cjs/prop-types.js.map +0 -7
  199. package/dist/cjs/react-spring/index.js +0 -28
  200. package/dist/cjs/react-spring/index.js.map +0 -7
  201. package/dist/cjs/react-spring/renderprops.js +0 -28
  202. package/dist/cjs/react-spring/renderprops.js.map +0 -7
  203. package/dist/cjs/toolbar/ToolbarProvider.js +0 -111
  204. package/dist/cjs/toolbar/ToolbarProvider.js.map +0 -7
  205. package/dist/cjs/useDataGrid/VolatileRowsListener.js +0 -49
  206. package/dist/cjs/useDataGrid/VolatileRowsListener.js.map +0 -7
  207. package/dist/cjs/useDataGrid/index.js +0 -36
  208. package/dist/cjs/useDataGrid/index.js.map +0 -7
  209. package/dist/cjs/useDataGrid/initColumnDefinition.js +0 -141
  210. package/dist/cjs/useDataGrid/initColumnDefinition.js.map +0 -7
  211. package/dist/cjs/useDataGrid/useDataGrid.js +0 -194
  212. package/dist/cjs/useDataGrid/useDataGrid.js.map +0 -7
  213. package/dist/cjs/useDataList/index.js +0 -36
  214. package/dist/cjs/useDataList/index.js.map +0 -7
  215. package/dist/cjs/useDataList/recordIterator.js +0 -55
  216. package/dist/cjs/useDataList/recordIterator.js.map +0 -7
  217. package/dist/cjs/useDataList/useDataList.js +0 -93
  218. package/dist/cjs/useDataList/useDataList.js.map +0 -7
  219. package/dist/cjs/utils.js +0 -107
  220. package/dist/cjs/utils.js.map +0 -7
  221. package/dist/cjs/virtualization/AutoHeightList.js +0 -69
  222. package/dist/cjs/virtualization/AutoHeightList.js.map +0 -7
  223. package/dist/cjs/virtualization/FluidHeightList.js +0 -43
  224. package/dist/cjs/virtualization/FluidHeightList.js.map +0 -7
  225. package/dist/cjs/virtualization/index.js +0 -50
  226. package/dist/cjs/virtualization/index.js.map +0 -7
  227. package/dist/esm/Animations/BaseAnimation.js +0 -27
  228. package/dist/esm/Animations/BaseAnimation.js.map +0 -7
  229. package/dist/esm/Animations/Grow.js +0 -26
  230. package/dist/esm/Animations/Grow.js.map +0 -7
  231. package/dist/esm/Animations/GrowRight.js +0 -35
  232. package/dist/esm/Animations/GrowRight.js.map +0 -7
  233. package/dist/esm/Animations/GrowVertical.js +0 -29
  234. package/dist/esm/Animations/GrowVertical.js.map +0 -7
  235. package/dist/esm/CheckableGroup.js +0 -47
  236. package/dist/esm/CheckableGroup.js.map +0 -7
  237. package/dist/esm/DeferRenderAfterComputation.js +0 -23
  238. package/dist/esm/DeferRenderAfterComputation.js.map +0 -7
  239. package/dist/esm/FocusGroup/FocusGrid.js +0 -151
  240. package/dist/esm/FocusGroup/FocusGrid.js.map +0 -7
  241. package/dist/esm/FocusGroup/FocusGroup.js.map +0 -7
  242. package/dist/esm/FocusGroup/FocusGroupContext.js +0 -9
  243. package/dist/esm/FocusGroup/FocusGroupContext.js.map +0 -7
  244. package/dist/esm/FocusGroup/FocusGroupManager.js.map +0 -7
  245. package/dist/esm/FocusGroup/focusGroupManagerHoc.js +0 -25
  246. package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map +0 -7
  247. package/dist/esm/FocusGroup/index.js +0 -18
  248. package/dist/esm/FocusGroup/index.js.map +0 -7
  249. package/dist/esm/FocusGroup/useFocusGroupItem.js +0 -38
  250. package/dist/esm/FocusGroup/useFocusGroupItem.js.map +0 -7
  251. package/dist/esm/FocusGroup/utils/getNextCellPosition.js.map +0 -7
  252. package/dist/esm/GroupContext/Group.js +0 -86
  253. package/dist/esm/GroupContext/Group.js.map +0 -7
  254. package/dist/esm/GroupContext/GroupContext.js +0 -7
  255. package/dist/esm/GroupContext/GroupContext.js.map +0 -7
  256. package/dist/esm/GroupContext/GroupItem.js +0 -11
  257. package/dist/esm/GroupContext/GroupItem.js.map +0 -7
  258. package/dist/esm/GroupContext/index.js +0 -10
  259. package/dist/esm/GroupContext/index.js.map +0 -7
  260. package/dist/esm/ScrollSync/ScrollSync.js.map +0 -7
  261. package/dist/esm/ScrollSync/ScrollSyncPane.js +0 -44
  262. package/dist/esm/ScrollSync/ScrollSyncPane.js.map +0 -7
  263. package/dist/esm/ScrollSync/ScrollSyncProvider.js +0 -91
  264. package/dist/esm/ScrollSync/ScrollSyncProvider.js.map +0 -7
  265. package/dist/esm/ScrollSync/index.js +0 -8
  266. package/dist/esm/ScrollSync/index.js.map +0 -7
  267. package/dist/esm/ScrollSync/useScrollSync.js +0 -12
  268. package/dist/esm/ScrollSync/useScrollSync.js.map +0 -7
  269. package/dist/esm/constants.js +0 -41
  270. package/dist/esm/constants.js.map +0 -7
  271. package/dist/esm/createDataInstance/createInstancePlugin.js +0 -19
  272. package/dist/esm/createDataInstance/createInstancePlugin.js.map +0 -7
  273. package/dist/esm/createDataInstance/createInstanceRef.js +0 -67
  274. package/dist/esm/createDataInstance/createInstanceRef.js.map +0 -7
  275. package/dist/esm/createDataInstance/utils.js +0 -70
  276. package/dist/esm/createDataInstance/utils.js.map +0 -7
  277. package/dist/esm/defer-render-hoc/index.js +0 -27
  278. package/dist/esm/defer-render-hoc/index.js.map +0 -7
  279. package/dist/esm/dimsum.config.js +0 -10
  280. package/dist/esm/dimsum.config.js.map +0 -7
  281. package/dist/esm/index.js +0 -11
  282. package/dist/esm/index.js.map +0 -7
  283. package/dist/esm/prop-types.js +0 -87
  284. package/dist/esm/prop-types.js.map +0 -7
  285. package/dist/esm/react-spring/index.js +0 -3
  286. package/dist/esm/react-spring/index.js.map +0 -7
  287. package/dist/esm/react-spring/renderprops.js +0 -3
  288. package/dist/esm/react-spring/renderprops.js.map +0 -7
  289. package/dist/esm/toolbar/ToolbarProvider.js +0 -82
  290. package/dist/esm/toolbar/ToolbarProvider.js.map +0 -7
  291. package/dist/esm/useDataGrid/VolatileRowsListener.js +0 -20
  292. package/dist/esm/useDataGrid/VolatileRowsListener.js.map +0 -7
  293. package/dist/esm/useDataGrid/index.js +0 -7
  294. package/dist/esm/useDataGrid/index.js.map +0 -7
  295. package/dist/esm/useDataGrid/initColumnDefinition.js +0 -118
  296. package/dist/esm/useDataGrid/initColumnDefinition.js.map +0 -7
  297. package/dist/esm/useDataGrid/useDataGrid.js +0 -177
  298. package/dist/esm/useDataGrid/useDataGrid.js.map +0 -7
  299. package/dist/esm/useDataList/index.js +0 -7
  300. package/dist/esm/useDataList/index.js.map +0 -7
  301. package/dist/esm/useDataList/recordIterator.js +0 -26
  302. package/dist/esm/useDataList/recordIterator.js.map +0 -7
  303. package/dist/esm/useDataList/useDataList.js +0 -67
  304. package/dist/esm/useDataList/useDataList.js.map +0 -7
  305. package/dist/esm/utils.js +0 -78
  306. package/dist/esm/utils.js.map +0 -7
  307. package/dist/esm/virtualization/AutoHeightList.js +0 -40
  308. package/dist/esm/virtualization/AutoHeightList.js.map +0 -7
  309. package/dist/esm/virtualization/FluidHeightList.js +0 -14
  310. package/dist/esm/virtualization/FluidHeightList.js.map +0 -7
  311. package/dist/esm/virtualization/index.js +0 -21
  312. package/dist/esm/virtualization/index.js.map +0 -7
  313. package/dist/types/DeferRenderAfterComputation.d.ts +0 -7
  314. package/dist/types/FocusGroup/FocusGrid.d.ts +0 -12
  315. package/dist/types/FocusGroup/FocusGroupContext.d.ts +0 -4
  316. package/dist/types/FocusGroup/focusGroupManagerHoc.d.ts +0 -9
  317. package/dist/types/FocusGroup/index.d.ts +0 -6
  318. package/dist/types/FocusGroup/useFocusGroupItem.d.ts +0 -4
  319. package/dist/types/GroupContext/index.d.ts +0 -3
  320. package/dist/types/ScrollSync/ScrollSyncPane.d.ts +0 -3
  321. package/dist/types/ScrollSync/index.d.ts +0 -2
  322. package/dist/types/ScrollSync/useScrollSync.d.ts +0 -7
  323. package/dist/types/createDataInstance/createInstancePlugin.d.ts +0 -2
  324. package/dist/types/dimsum.config.d.ts +0 -5
  325. package/dist/types/index.d.ts +0 -2
  326. package/dist/types/toolbar/ToolbarProvider.d.ts +0 -5
  327. package/dist/types/useDataGrid/VolatileRowsListener.d.ts +0 -7
  328. package/dist/types/useDataGrid/index.d.ts +0 -1
  329. package/dist/types/useDataGrid/useDataGrid.d.ts +0 -9
  330. package/dist/types/useDataList/index.d.ts +0 -1
@@ -1,151 +0,0 @@
1
- import * as React from "react";
2
- import React2, { createContext, useEffect, useMemo, useRef } from "react";
3
- import { isFunction, runAll, get, useHotkeys, mergeRefs } from "@elliemae/ds-utilities";
4
- import { getNextCellPosition } from "./utils/getNextCellPosition";
5
- const FocusGridContext = createContext();
6
- const { Provider } = FocusGridContext;
7
- const preventDefault = (e) => e.preventDefault();
8
- function registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {
9
- Object.keys(hotKeys).forEach((key) => {
10
- const { handler, options } = hotKeys[key];
11
- useHotkeys({
12
- keys: key,
13
- handler: (e) => {
14
- e.preventDefault();
15
- handler({
16
- rowIndex: focusedRow.current,
17
- cellIndex: focusedCell.current
18
- });
19
- },
20
- options
21
- });
22
- });
23
- }
24
- const FocusGridProvider = ({
25
- shouldWrapRows = false,
26
- shouldWrapCells = false,
27
- shouldRefocus = true,
28
- children,
29
- keyBindings,
30
- hotKeys
31
- }) => {
32
- const focusedRow = useRef();
33
- const focusedCell = useRef();
34
- const grid = useRef([]);
35
- const containerRef = useRef(document);
36
- const child = React2.Children.only(children);
37
- const decoratedChild = React2.cloneElement(child, {
38
- innerRef: mergeRefs(child.props.innerRef, containerRef)
39
- });
40
- const getNode = ({ rowIndex, cellIndex }) => get(grid.current, [rowIndex, cellIndex]);
41
- const register = (node, rowIndex, columnIndex) => {
42
- if (!node)
43
- return;
44
- if (!Array.isArray(grid.current[rowIndex])) {
45
- grid.current[rowIndex] = [];
46
- }
47
- if (rowIndex === 0 && columnIndex === 0) {
48
- node.setAttribute("tabindex", 0);
49
- } else {
50
- node.setAttribute("tabindex", -1);
51
- }
52
- node.onfocus = () => {
53
- const prevNode = getNode({
54
- rowIndex: focusedRow.current,
55
- cellIndex: focusedCell.current
56
- });
57
- if (prevNode)
58
- prevNode.setAttribute("tabindex", -1);
59
- node.setAttribute("tabindex", 0);
60
- focusedRow.current = rowIndex;
61
- focusedCell.current = columnIndex;
62
- };
63
- grid.current[rowIndex][columnIndex] = node;
64
- };
65
- useEffect(() => {
66
- if (shouldRefocus) {
67
- const rowIndex = focusedRow.current;
68
- const cellIndex = focusedCell.current;
69
- const node = get(grid.current, [rowIndex, cellIndex]);
70
- if (node)
71
- node.focus();
72
- }
73
- });
74
- const focusNextCell = (directionY, directionX, position) => {
75
- const { rowIndex, cellIndex } = position || getNextCellPosition({
76
- grid: grid.current,
77
- currentCell: focusedCell.current,
78
- currentRow: focusedRow.current,
79
- directionX,
80
- directionY,
81
- shouldWrapCells,
82
- shouldWrapRows
83
- });
84
- const node = getNode({ rowIndex, cellIndex });
85
- if (node) {
86
- node.focus();
87
- focusedRow.current = rowIndex;
88
- focusedCell.current = cellIndex;
89
- }
90
- };
91
- registerHotKeysHooks(hotKeys, { focusedCell, focusedRow });
92
- const defaultKeyBindings = {
93
- ArrowUp: runAll(preventDefault, () => focusNextCell(-1, 0)),
94
- ArrowRight: runAll(preventDefault, () => focusNextCell(0, 1)),
95
- ArrowDown: runAll(preventDefault, () => focusNextCell(1, 0)),
96
- ArrowLeft: runAll(preventDefault, () => focusNextCell(0, -1)),
97
- Home: runAll(preventDefault, (e) => {
98
- let rowIndex = focusedRow.current;
99
- if (e.ctrlKey) {
100
- rowIndex = 0;
101
- }
102
- focusNextCell(0, 0, { rowIndex, cellIndex: 0 });
103
- }),
104
- End: runAll(preventDefault, (e) => {
105
- let rowIndex = focusedRow.current;
106
- if (e.ctrlKey) {
107
- rowIndex = grid.current.length - 1;
108
- }
109
- focusNextCell(0, 0, { rowIndex, cellIndex: grid.current[0].length - 1 });
110
- }),
111
- ...keyBindings
112
- };
113
- const nextKeyBindings = isFunction(keyBindings) ? keyBindings({
114
- defaultBindings: defaultKeyBindings,
115
- rowIndex: focusedRow.current,
116
- cellIndex: focusedCell.current
117
- }) : { ...defaultKeyBindings, ...keyBindings };
118
- const onKeyDown = (e) => {
119
- if (e.target.tagName.toLowerCase() === "input")
120
- return;
121
- const action = nextKeyBindings[e.key];
122
- if (isFunction(action))
123
- action(e);
124
- };
125
- const activate = (container) => {
126
- container.addEventListener("keydown", onKeyDown, true);
127
- };
128
- const deactivate = (container) => {
129
- container.removeEventListener("keydown", onKeyDown, true);
130
- };
131
- useEffect(() => {
132
- activate(containerRef.current);
133
- return () => {
134
- deactivate(containerRef.current);
135
- };
136
- }, []);
137
- const valueProvider = useMemo(() => ({
138
- register
139
- }), []);
140
- return /* @__PURE__ */ React2.createElement(Provider, {
141
- value: valueProvider
142
- }, decoratedChild);
143
- };
144
- var FocusGrid_default = FocusGridProvider;
145
- export {
146
- FocusGridProvider as FocusGrid,
147
- FocusGridContext,
148
- FocusGridProvider,
149
- FocusGrid_default as default
150
- };
151
- //# sourceMappingURL=FocusGrid.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGrid.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createContext, useEffect, useMemo, useRef } from 'react';\nimport { isFunction, runAll, get, useHotkeys, mergeRefs } from '@elliemae/ds-utilities';\nimport { getNextCellPosition } from './utils/getNextCellPosition';\n\nconst FocusGridContext = createContext();\nconst { Provider } = FocusGridContext;\n\nconst preventDefault = e => e.preventDefault();\n\nfunction registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {\n Object.keys(hotKeys).forEach(key => {\n const { handler, options } = hotKeys[key];\n useHotkeys({\n keys: key,\n handler: e => {\n e.preventDefault();\n handler({\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n });\n },\n options,\n });\n });\n}\n\n// eslint-disable-next-line max-statements\nconst FocusGridProvider = ({\n shouldWrapRows = false,\n shouldWrapCells = false,\n shouldRefocus = true,\n children,\n keyBindings,\n hotKeys,\n}) => {\n const focusedRow = useRef();\n const focusedCell = useRef();\n const grid = useRef([]);\n const containerRef = useRef(document);\n const child = React.Children.only(children);\n const decoratedChild = React.cloneElement(child, {\n innerRef: mergeRefs(child.props.innerRef, containerRef),\n });\n\n const getNode = ({ rowIndex, cellIndex }) =>\n get(grid.current, [rowIndex, cellIndex]);\n\n const register = (node, rowIndex, columnIndex) => {\n if (!node) return;\n if (!Array.isArray(grid.current[rowIndex])) {\n grid.current[rowIndex] = [];\n }\n\n if (rowIndex === 0 && columnIndex === 0) {\n node.setAttribute('tabindex', 0);\n } else {\n node.setAttribute('tabindex', -1);\n }\n\n node.onfocus = () => {\n const prevNode = getNode({\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n });\n\n if (prevNode) prevNode.setAttribute('tabindex', -1);\n\n node.setAttribute('tabindex', 0);\n focusedRow.current = rowIndex;\n focusedCell.current = columnIndex;\n };\n grid.current[rowIndex][columnIndex] = node;\n };\n\n useEffect(() => {\n if (shouldRefocus) {\n const rowIndex = focusedRow.current;\n const cellIndex = focusedCell.current;\n\n const node = get(grid.current, [rowIndex, cellIndex]);\n if (node) node.focus();\n }\n });\n\n const focusNextCell = (directionY, directionX, position) => {\n const { rowIndex, cellIndex } =\n position ||\n getNextCellPosition({\n grid: grid.current,\n currentCell: focusedCell.current,\n currentRow: focusedRow.current,\n directionX,\n directionY,\n shouldWrapCells,\n shouldWrapRows,\n });\n\n const node = getNode({ rowIndex, cellIndex });\n\n // can focus\n if (node) {\n node.focus();\n focusedRow.current = rowIndex;\n focusedCell.current = cellIndex;\n }\n };\n\n registerHotKeysHooks(hotKeys, { focusedCell, focusedRow });\n\n const defaultKeyBindings = {\n ArrowUp: runAll(preventDefault, () => focusNextCell(-1, 0)),\n ArrowRight: runAll(preventDefault, () => focusNextCell(0, 1)),\n ArrowDown: runAll(preventDefault, () => focusNextCell(1, 0)),\n ArrowLeft: runAll(preventDefault, () => focusNextCell(0, -1)),\n Home: runAll(preventDefault, e => {\n let rowIndex = focusedRow.current;\n if (e.ctrlKey) {\n rowIndex = 0;\n }\n focusNextCell(0, 0, { rowIndex, cellIndex: 0 });\n }),\n End: runAll(preventDefault, e => {\n let rowIndex = focusedRow.current;\n if (e.ctrlKey) {\n rowIndex = grid.current.length - 1;\n }\n focusNextCell(0, 0, { rowIndex, cellIndex: grid.current[0].length - 1 });\n }),\n ...keyBindings,\n };\n const nextKeyBindings = isFunction(keyBindings)\n ? keyBindings({\n defaultBindings: defaultKeyBindings,\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n })\n : { ...defaultKeyBindings, ...keyBindings };\n\n const onKeyDown = e => {\n if (e.target.tagName.toLowerCase() === 'input') return;\n const action = nextKeyBindings[e.key];\n if (isFunction(action)) action(e);\n };\n\n const activate = container => {\n container.addEventListener('keydown', onKeyDown, true);\n };\n\n const deactivate = container => {\n container.removeEventListener('keydown', onKeyDown, true);\n };\n\n useEffect(() => {\n activate(containerRef.current);\n return () => {\n deactivate(containerRef.current);\n };\n }, []);\n\n const valueProvider = useMemo(\n () => ({\n register,\n }),\n [],\n );\n\n return <Provider value={valueProvider}>{decoratedChild}</Provider>;\n};\n\nexport { FocusGridProvider, FocusGridProvider as FocusGrid, FocusGridContext };\nexport default FocusGridProvider;\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroup.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { isFunction, get } from '@elliemae/ds-utilities';\nimport hotkeys from 'hotkeys-js';\n\nconst defaultOptions = {\n orientation: 'vertical',\n};\n\nconst safeCallAction = (e, fun, ...args) => {\n if (isFunction(fun)) {\n e.preventDefault();\n fun(...args);\n }\n};\n\nconst registerHotkeys = (\n hotKeys = {},\n params,\n getContainer = () => document,\n) => {\n Object.keys(hotKeys).forEach((hotkey) => {\n const { options, handler, allowDocumentHandler = false } = hotKeys[hotkey];\n const parameterizedHandler = (e) => {\n const handlerParams = isFunction(params) ? params() : params;\n if (\n !allowDocumentHandler &&\n handlerParams.item !== document.activeElement\n )\n return;\n e.preventDefault();\n handler(handlerParams);\n };\n hotkeys(\n hotkey,\n { element: getContainer(), ...options },\n parameterizedHandler,\n );\n });\n};\n\nconst unregisterHotKeys = (hotKeys = {}) => {\n Object.keys(hotKeys).forEach((hotkey) => {\n hotkeys.unbind(hotkey);\n });\n};\n\nconst noop = () => null;\n\nclass FocusGroup {\n items = [];\n\n constructor(options = {}) {\n this.options = { ...defaultOptions, ...options };\n\n const { orientation } = this.options;\n\n this.keyBindings = {\n ArrowUp: orientation !== 'horizontal' && 'previous',\n ArrowRight: orientation !== 'vertical' && 'next',\n ArrowDown: orientation !== 'horizontal' && 'next',\n ArrowLeft: orientation !== 'vertical' && 'previous',\n Home: 'first',\n End: 'last',\n PageUp: 'first',\n PageDown: 'last',\n Escape: 'exit',\n ...options.keyBindings,\n };\n\n this.currentFocusedItem = null;\n this.currIndex = null;\n\n this.mapActions = {\n previous: this.focusPrevious.bind(this),\n next: this.focusNext.bind(this),\n first: this.focusFirst.bind(this),\n last: this.focusLast.bind(this),\n exit: this.exit.bind(this),\n enter: () => null,\n };\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.register = this.register.bind(this);\n this.focusFirst = this.focusFirst.bind(this);\n this.focusLast = this.focusLast.bind(this);\n this.isGroupActive = this.isGroupActive.bind(this);\n this.focusNext = this.focusNext.bind(this);\n this.focusPrevious = this.focusPrevious.bind(this);\n this.focusItem = this.focusItem.bind(this);\n this.focusCurrent = this.focusCurrent.bind(this);\n this.getHotKeysParams = this.getHotKeysParams.bind(this);\n }\n\n getHotKeysParams() {\n const item = this.currentFocusedItem;\n const { index } = get(item, ['dataset'], {});\n return {\n item,\n index,\n };\n }\n\n activate() {\n const { getContainer } = this.options;\n document.addEventListener('keydown', this.handleKeyDown, true);\n registerHotkeys(this.options.hotKeys, this.getHotKeysParams, getContainer);\n }\n\n deactivate() {\n document.removeEventListener('keydown', this.handleKeyDown, true);\n unregisterHotKeys(this.options.hotKeys);\n }\n\n handleKeyDown(e) {\n if (!this.isGroupActive()) return;\n this.executeActionByEvent(e);\n }\n\n executeActionByEvent(e) {\n const actions = Array.isArray(this.keyBindings[e.key])\n ? this.keyBindings[e.key]\n : [this.keyBindings[e.key]];\n return actions.map((action) =>\n typeof action === 'string'\n ? safeCallAction(e, this.mapActions[action])\n : safeCallAction(e, action),\n );\n }\n\n register(node, props = {}) {\n const afterIndex = this.items.findIndex(\n (item) =>\n item.compareDocumentPosition(node) === Node.DOCUMENT_POSITION_PRECEDING,\n );\n node.specialOnFocus = props.onFocus || noop;\n node.specialOnBlur = props.onBlur || noop;\n node.onclick = () => this.focusItem(node);\n node.onfocus = () => {\n this.focusItem(node);\n };\n if (afterIndex === -1) {\n this.items.push(node);\n } else {\n this.items.splice(afterIndex, 0, node);\n }\n }\n\n unregister(node) {\n const index = this.getItemIndexByNode(node);\n if (index > -1) this.items.splice(index, 1);\n }\n\n exit() {\n const { onExitFocusGroup } = this.options;\n onExitFocusGroup();\n }\n\n focusItem(node) {\n if (this.currentFocusedItem && this.currentFocusedItem !== node) {\n this.currentFocusedItem.specialOnBlur();\n this.currentFocusedItem.setAttribute('tabindex', -1);\n }\n if (!node) return;\n this.currentFocusedItem = node;\n node.setAttribute('tabindex', 0);\n node.focus();\n node.specialOnFocus();\n }\n\n focusNext() {\n const item = this.getNextItem();\n this.focusItem(item);\n }\n\n focusByNode(node) {\n const index = this.getItemIndexByNode(node);\n this.focusByIndex(index);\n }\n\n focusByIndex(index) {\n const item = this.getItemByIndex(index);\n this.focusItem(item);\n }\n\n focusPrevious() {\n const prevItem = this.getPreviousItem();\n this.focusItem(prevItem);\n }\n\n focusFirst() {\n const item = this.getFirstItem();\n this.focusItem(item);\n }\n\n focusLast() {\n const item = this.getLastItem();\n this.focusItem(item);\n }\n\n focusCurrent() {\n this.focusItem(this.currentFocusedItem);\n }\n\n focusNextGroup() {\n const { onFocusNextGroup } = this.options;\n this.exit();\n onFocusNextGroup();\n }\n\n focusPreviousGroup() {\n const { onFocusPreviousGroup } = this.options;\n this.exit();\n onFocusPreviousGroup();\n }\n\n getNextItem() {\n const { loop } = this.options;\n const currentIndex = this.getFocusedIndex();\n const supposedNextIndex = currentIndex + 1;\n if (!this.checkCanFocusNext(supposedNextIndex)) {\n return loop ? this.getFirstItem() : this.focusNextGroup();\n }\n return this.getItemByIndex(supposedNextIndex);\n }\n\n getPreviousItem() {\n const { loop } = this.options;\n const currentIndex = this.getFocusedIndex();\n const supposedPrevIndex = currentIndex - 1;\n if (!this.checkCanFocusPrev(supposedPrevIndex)) {\n return loop ? this.getLastItem() : this.focusPreviousGroup();\n }\n return this.getItemByIndex(supposedPrevIndex);\n }\n\n checkCanFocusNext(index) {\n return this.items.length > index;\n }\n\n checkCanFocusPrev(index) {\n return index >= 0;\n }\n\n getItemByIndex(index) {\n return this.items[index];\n }\n\n getItemIndexByNode(node) {\n return this.items.findIndex((item) => item === node);\n }\n\n getFocusedIndex() {\n return this.getItemIndexByNode(document.activeElement);\n }\n\n getFocusedItem() {\n const index = this.getFocusedIndex();\n return index > -1 && this.items[index];\n }\n\n isGroupActive() {\n return this.getFocusedIndex() !== -1;\n }\n\n getFirstItem() {\n return !!this.items.length && this.items[0];\n }\n\n getLastItem() {\n return !!this.items.length && this.items[this.items.length - 1];\n }\n}\n\nexport { FocusGroup };\nexport default FocusGroup;"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,9 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- const FocusGroupContext = React2.createContext();
4
- var FocusGroupContext_default = FocusGroupContext;
5
- export {
6
- FocusGroupContext,
7
- FocusGroupContext_default as default
8
- };
9
- //# sourceMappingURL=FocusGroupContext.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroupContext.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nconst FocusGroupContext = React.createContext();\nexport { FocusGroupContext };\nexport default FocusGroupContext;\n"],
5
- "mappings": "AAAA;ACAA;AAEA,MAAM,oBAAoB,OAAM;AAEhC,IAAO,4BAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroupManager.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, useEffect } from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { FocusGroup } from './FocusGroup';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nconst noop = () => null;\n\nclass FocusGroupProvider extends Component {\n activated = false;\n\n static defaultProps = {\n exitWhenNoPrevious: false,\n exitWhenNoNext: false,\n keyBindings: {},\n onFocus: noop,\n onExitFocusGroup: noop,\n onFocusPreviousGroup: noop,\n onFocusNextGroup: noop,\n onFocusGroupSet: noop,\n };\n\n constructor(props) {\n super(props);\n\n this.focusGroup = new FocusGroup(props);\n\n props.onFocusGroupSet(this);\n\n this.actions = {\n activate: this.activate.bind(this),\n deactivate: this.deactivate.bind(this),\n register: this.focusGroup.register,\n unregister: this.unregister.bind(this),\n focusFirst: this.focusGroup.focusFirst,\n focusLast: this.focusGroup.focusLast,\n focusItemByIndex: this.focusItemByIndex.bind(this),\n focusItemByNode: this.focusItemByNode.bind(this),\n focus: this.focusGroup.focusCurrent,\n isGroupActive: this.focusGroup.isGroupActive,\n focusNext: this.focusGroup.focusNext,\n focusPrevious: this.focusGroup.focusPrevious,\n };\n }\n\n componentDidMount() {\n const { autoFocusOnMount } = this.props;\n\n this.activate();\n\n if (autoFocusOnMount) {\n setTimeout(() => {\n this.actions.focusFirst();\n }, 0);\n }\n }\n\n componentWillUnmount() {\n this.deactivate();\n }\n\n activate() {\n const { onActivate } = this.props;\n this.focusGroup.activate();\n this.activated = true;\n if (isFunction(onActivate)) onActivate();\n }\n\n deactivate() {\n const { onExitFocusGroup } = this.props;\n this.activated = false;\n this.focusGroup.deactivate();\n if (isFunction(onExitFocusGroup)) {\n onExitFocusGroup();\n }\n }\n\n register(item) {\n this.focusGroup.register(item);\n }\n\n unregister(item) {\n this.focusGroup.unregister(item);\n }\n\n focusItemByIndex(index) {\n if (!this.activated) this.activate();\n setTimeout(() => {\n this.focusGroup.focusByIndex(index);\n }, 200);\n }\n\n focusItemByNode(node) {\n if (!this.activated) this.activate();\n const index = this.focusGroup.getItemIndexByNode(node);\n this.focusItemByIndex(index);\n }\n\n render() {\n const { children } = this.props;\n return (\n <FocusGroupContext.Provider value={this.actions}>\n {children}\n </FocusGroupContext.Provider>\n );\n }\n}\n\nexport { FocusGroupProvider, FocusGroupProvider as FocusGroupManager };\nexport default FocusGroupProvider;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAEnB,iCAAiC,UAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM;AAdR,qBAAY;AAgBV,SAAK,aAAa,IAAI,WAAW;AAEjC,UAAM,gBAAgB;AAEtB,SAAK,UAAU;AAAA,MACb,UAAU,KAAK,SAAS,KAAK;AAAA,MAC7B,YAAY,KAAK,WAAW,KAAK;AAAA,MACjC,UAAU,KAAK,WAAW;AAAA,MAC1B,YAAY,KAAK,WAAW,KAAK;AAAA,MACjC,YAAY,KAAK,WAAW;AAAA,MAC5B,WAAW,KAAK,WAAW;AAAA,MAC3B,kBAAkB,KAAK,iBAAiB,KAAK;AAAA,MAC7C,iBAAiB,KAAK,gBAAgB,KAAK;AAAA,MAC3C,OAAO,KAAK,WAAW;AAAA,MACvB,eAAe,KAAK,WAAW;AAAA,MAC/B,WAAW,KAAK,WAAW;AAAA,MAC3B,eAAe,KAAK,WAAW;AAAA;AAAA;AAAA,EAInC,oBAAoB;AAClB,UAAM,EAAE,qBAAqB,KAAK;AAElC,SAAK;AAEL,QAAI,kBAAkB;AACpB,iBAAW,MAAM;AACf,aAAK,QAAQ;AAAA,SACZ;AAAA;AAAA;AAAA,EAIP,uBAAuB;AACrB,SAAK;AAAA;AAAA,EAGP,WAAW;AACT,UAAM,EAAE,eAAe,KAAK;AAC5B,SAAK,WAAW;AAChB,SAAK,YAAY;AACjB,QAAI,WAAW;AAAa;AAAA;AAAA,EAG9B,aAAa;AACX,UAAM,EAAE,qBAAqB,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW;AAChB,QAAI,WAAW,mBAAmB;AAChC;AAAA;AAAA;AAAA,EAIJ,SAAS,MAAM;AACb,SAAK,WAAW,SAAS;AAAA;AAAA,EAG3B,WAAW,MAAM;AACf,SAAK,WAAW,WAAW;AAAA;AAAA,EAG7B,iBAAiB,OAAO;AACtB,QAAI,CAAC,KAAK;AAAW,WAAK;AAC1B,eAAW,MAAM;AACf,WAAK,WAAW,aAAa;AAAA,OAC5B;AAAA;AAAA,EAGL,gBAAgB,MAAM;AACpB,QAAI,CAAC,KAAK;AAAW,WAAK;AAC1B,UAAM,QAAQ,KAAK,WAAW,mBAAmB;AACjD,SAAK,iBAAiB;AAAA;AAAA,EAGxB,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WACE,qCAAC,kBAAkB,UAAnB;AAAA,MAA4B,OAAO,KAAK;AAAA,OACrC;AAAA;AAAA;AA3FA,AAHT,mBAGS,eAAe;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA;AA0FrB,IAAO,4BAAQ;",
6
- "names": []
7
- }
@@ -1,25 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { FocusGroupProvider } from "./FocusGroupManager";
4
- function FocusGroupHoc(WrappedComponent, options = {}) {
5
- return ({
6
- onExitFocusGroup,
7
- onFocusPrevGroup,
8
- focusKeyBindings,
9
- ...props
10
- }) => /* @__PURE__ */ React2.createElement(FocusGroupProvider, {
11
- keyBindings: focusKeyBindings,
12
- onExitFocusGroup,
13
- onFocusPrevGroup,
14
- ...options
15
- }, /* @__PURE__ */ React2.createElement(WrappedComponent, {
16
- ...props,
17
- ...options
18
- }));
19
- }
20
- var focusGroupManagerHoc_default = FocusGroupHoc;
21
- export {
22
- FocusGroupHoc,
23
- focusGroupManagerHoc_default as default
24
- };
25
- //# sourceMappingURL=focusGroupManagerHoc.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/focusGroupManagerHoc.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FocusGroupProvider } from './FocusGroupManager';\n\nfunction FocusGroupHoc(WrappedComponent, options = {}) {\n return ({\n onExitFocusGroup,\n onFocusPrevGroup,\n focusKeyBindings,\n ...props\n }) => (\n <FocusGroupProvider\n keyBindings={focusKeyBindings}\n onExitFocusGroup={onExitFocusGroup}\n onFocusPrevGroup={onFocusPrevGroup}\n {...options}\n >\n <WrappedComponent {...props} {...options} />\n </FocusGroupProvider>\n );\n}\n\nexport { FocusGroupHoc };\nexport default FocusGroupHoc;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AAEA,uBAAuB,kBAAkB,UAAU,IAAI;AACrD,SAAO,CAAC;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,QAEH,qCAAC,oBAAD;AAAA,IACE,aAAa;AAAA,IACb;AAAA,IACA;AAAA,OACI;AAAA,KAEJ,qCAAC,kBAAD;AAAA,OAAsB;AAAA,OAAW;AAAA;AAAA;AAMvC,IAAO,+BAAQ;",
6
- "names": []
7
- }
@@ -1,18 +0,0 @@
1
- import * as React from "react";
2
- import { FocusGroup } from "./FocusGroup";
3
- import { FocusGroupContext } from "./FocusGroupContext";
4
- import { FocusGroupManager } from "./FocusGroupManager";
5
- import { useFocusGroupItem, useFocusGroupWithState } from "./useFocusGroupItem";
6
- import { FocusGroupHoc } from "./focusGroupManagerHoc";
7
- import { FocusGridProvider, FocusGridContext } from "./FocusGrid";
8
- export {
9
- FocusGridProvider as FocusGrid,
10
- FocusGridContext,
11
- FocusGroup,
12
- FocusGroupContext,
13
- FocusGroupManager,
14
- FocusGroupHoc as focusGroupManagerHoc,
15
- useFocusGroupItem,
16
- useFocusGroupWithState
17
- };
18
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FocusGroup } from './FocusGroup';\nexport { FocusGroupContext } from './FocusGroupContext';\nexport { FocusGroupManager } from './FocusGroupManager';\nexport { useFocusGroupItem, useFocusGroupWithState } from './useFocusGroupItem';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
6
- "names": []
7
- }
@@ -1,38 +0,0 @@
1
- import * as React from "react";
2
- import { useContext, useEffect } from "react";
3
- import { FocusGroupContext } from "./FocusGroupContext";
4
- function useFocusGroupItem(ref = {}, props) {
5
- const { register, unregister, ...otherActions } = useContext(FocusGroupContext) || {};
6
- useEffect(() => {
7
- if (ref.current && register)
8
- register(ref.current, props);
9
- return () => {
10
- if (ref.current && unregister)
11
- unregister(ref.current);
12
- };
13
- });
14
- if (!register)
15
- return {};
16
- return otherActions;
17
- }
18
- const useFocusGroupWithState = (ref = {}, props) => {
19
- const { register, unregister, ...otherActions } = useContext(FocusGroupContext) || {};
20
- useEffect(() => {
21
- if (ref && register)
22
- register(ref, props);
23
- return () => {
24
- if (ref && unregister)
25
- unregister(ref);
26
- };
27
- }, [ref]);
28
- if (!register)
29
- return {};
30
- return otherActions;
31
- };
32
- var useFocusGroupItem_default = useFocusGroupItem;
33
- export {
34
- useFocusGroupItem_default as default,
35
- useFocusGroupItem,
36
- useFocusGroupWithState
37
- };
38
- //# sourceMappingURL=useFocusGroupItem.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/useFocusGroupItem.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useEffect } from 'react';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nfunction useFocusGroupItem(ref = {}, props) {\n const { register, unregister, ...otherActions } =\n useContext(FocusGroupContext) || {};\n\n useEffect(() => {\n if (ref.current && register) register(ref.current, props);\n return () => {\n if (ref.current && unregister) unregister(ref.current);\n };\n });\n\n // if the focus item is not wrapped with the focus provider then return null\n if (!register) return {};\n return otherActions;\n}\n\nexport const useFocusGroupWithState = (ref = {}, props) => {\n const { register, unregister, ...otherActions } =\n useContext(FocusGroupContext) || {};\n\n useEffect(() => {\n if (ref && register) register(ref, props);\n return () => {\n if (ref && unregister) unregister(ref);\n };\n }, [ref]);\n\n // if the focus item is not wrapped with the focus provider then return null\n if (!register) return {};\n return otherActions;\n};\n\nexport { useFocusGroupItem };\nexport default useFocusGroupItem;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AAEA,2BAA2B,MAAM,IAAI,OAAO;AAC1C,QAAM,EAAE,UAAU,eAAe,iBAC/B,WAAW,sBAAsB;AAEnC,YAAU,MAAM;AACd,QAAI,IAAI,WAAW;AAAU,eAAS,IAAI,SAAS;AACnD,WAAO,MAAM;AACX,UAAI,IAAI,WAAW;AAAY,mBAAW,IAAI;AAAA;AAAA;AAKlD,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO;AAAA;AAGF,MAAM,yBAAyB,CAAC,MAAM,IAAI,UAAU;AACzD,QAAM,EAAE,UAAU,eAAe,iBAC/B,WAAW,sBAAsB;AAEnC,YAAU,MAAM;AACd,QAAI,OAAO;AAAU,eAAS,KAAK;AACnC,WAAO,MAAM;AACX,UAAI,OAAO;AAAY,mBAAW;AAAA;AAAA,KAEnC,CAAC;AAGJ,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO;AAAA;AAIT,IAAO,4BAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FocusGroup/utils/getNextCellPosition.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// eslint-disable-next-line max-statements\nfunction getNextCellPosition({\n grid,\n currentRow = 0,\n currentCell = 0,\n directionY,\n directionX,\n shouldWrapCells,\n shouldWrapRows,\n}) {\n let nextRow = currentRow + directionY;\n let nextCell = currentCell + directionX;\n const rowCount = grid.length;\n const isLeftRight = directionX !== 0;\n\n if (!rowCount) {\n return false;\n }\n\n const cellsLength = grid[0].length;\n\n // moving horizontally\n if (shouldWrapCells && isLeftRight) {\n // to left\n if (nextCell < 0) {\n nextCell = cellsLength - 1;\n nextRow -= 1;\n }\n\n if (nextCell >= cellsLength) {\n nextCell = 0;\n nextRow += 1;\n }\n }\n\n // moving vertically\n if (shouldWrapRows && !isLeftRight) {\n // to top\n if (nextRow < 0) {\n nextCell -= 1;\n nextRow = rowCount - 1;\n if (grid[nextRow] && nextCell >= 0 && !grid[nextRow][nextCell]) {\n nextRow -= 1;\n }\n } else if (nextRow >= rowCount || !grid[nextRow][nextCell]) {\n nextRow = 0;\n nextCell += 1;\n }\n }\n\n return {\n cellIndex: nextCell,\n rowIndex: nextRow,\n };\n}\n\nexport { getNextCellPosition };\nexport default getNextCellPosition;"],
5
- "mappings": "AAAA;ACCA,6BAA6B;AAAA,EAC3B;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,MAAI,UAAU,aAAa;AAC3B,MAAI,WAAW,cAAc;AAC7B,QAAM,WAAW,KAAK;AACtB,QAAM,cAAc,eAAe;AAEnC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA;AAGT,QAAM,cAAc,KAAK,GAAG;AAG5B,MAAI,mBAAmB,aAAa;AAElC,QAAI,WAAW,GAAG;AAChB,iBAAW,cAAc;AACzB,iBAAW;AAAA;AAGb,QAAI,YAAY,aAAa;AAC3B,iBAAW;AACX,iBAAW;AAAA;AAAA;AAKf,MAAI,kBAAkB,CAAC,aAAa;AAElC,QAAI,UAAU,GAAG;AACf,kBAAY;AACZ,gBAAU,WAAW;AACrB,UAAI,KAAK,YAAY,YAAY,KAAK,CAAC,KAAK,SAAS,WAAW;AAC9D,mBAAW;AAAA;AAAA,eAEJ,WAAW,YAAY,CAAC,KAAK,SAAS,WAAW;AAC1D,gBAAU;AACV,kBAAY;AAAA;AAAA;AAIhB,SAAO;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA;AAAA;AAKd,IAAO,8BAAQ;",
6
- "names": []
7
- }
@@ -1,86 +0,0 @@
1
- import * as React from "react";
2
- import React2, { Component } from "react";
3
- import PropTypes from "prop-types";
4
- import { GroupContext } from "./GroupContext";
5
- const getValueItem = (e) => {
6
- const { target, currentTarget } = e;
7
- if (target) {
8
- const { value } = target;
9
- return value;
10
- }
11
- if (currentTarget) {
12
- const { value } = currentTarget;
13
- return value;
14
- }
15
- return e;
16
- };
17
- const toggleItemValue = (array, e) => {
18
- const newvalue = getValueItem(e);
19
- const res = array;
20
- const index = array.indexOf(newvalue);
21
- if (index === -1) {
22
- res.push(newvalue);
23
- } else {
24
- res.splice(index, 1);
25
- }
26
- return res;
27
- };
28
- const { Provider } = GroupContext;
29
- class Group extends Component {
30
- constructor(props) {
31
- super(props);
32
- const { activeValue, disabled } = props;
33
- this.state = {
34
- activeValue,
35
- disabled,
36
- prevValue: null,
37
- onChange: this.handleChange.bind(this)
38
- };
39
- }
40
- static getDerivedStateFromProps(nextProps, { prevValue }) {
41
- if (nextProps.activeValue === prevValue)
42
- return null;
43
- return {
44
- activeValue: nextProps.activeValue,
45
- prevValue: nextProps.activeValue
46
- };
47
- }
48
- handleChange(e, ...rest) {
49
- const { multiple, onChange } = this.props;
50
- const { activeValue } = this.state;
51
- const value = getValueItem(e);
52
- let newValue;
53
- if (multiple) {
54
- newValue = toggleItemValue(activeValue || [], value);
55
- } else if (activeValue !== value) {
56
- newValue = value;
57
- }
58
- this.setState({
59
- activeValue: newValue
60
- });
61
- if (onChange)
62
- onChange(newValue, ...rest);
63
- }
64
- render() {
65
- const { children } = this.props;
66
- return /* @__PURE__ */ React2.createElement(Provider, {
67
- value: this.state
68
- }, children);
69
- }
70
- }
71
- Group.defaultProps = {
72
- multiple: false
73
- };
74
- Group.propTypes = {
75
- children: PropTypes.array,
76
- multiple: PropTypes.bool,
77
- onChange: PropTypes.func,
78
- activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
79
- disabled: PropTypes.bool
80
- };
81
- var Group_default = Group;
82
- export {
83
- Group,
84
- Group_default as default
85
- };
86
- //# sourceMappingURL=Group.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/Group.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { GroupContext } from './GroupContext';\n\nconst getValueItem = (e) => {\n const { target, currentTarget } = e;\n if (target) {\n const { value } = target;\n return value;\n }\n if (currentTarget) {\n const { value } = currentTarget;\n return value;\n }\n return e;\n};\n\nconst toggleItemValue = (array, e) => {\n const newvalue = getValueItem(e);\n const res = array;\n const index = array.indexOf(newvalue);\n\n if (index === -1) {\n res.push(newvalue);\n } else {\n res.splice(index, 1);\n }\n\n return res;\n};\n\nconst { Provider } = GroupContext;\n/** deprecated use CheckableGroup instead */\nclass Group extends Component {\n constructor(props) {\n super(props);\n const { activeValue, disabled } = props;\n this.state = {\n activeValue,\n disabled,\n prevValue: null,\n onChange: this.handleChange.bind(this),\n };\n }\n\n static getDerivedStateFromProps(nextProps, { prevValue }) {\n if (nextProps.activeValue === prevValue) return null;\n return {\n activeValue: nextProps.activeValue,\n prevValue: nextProps.activeValue,\n };\n }\n\n handleChange(e, ...rest) {\n const { multiple, onChange } = this.props;\n const { activeValue } = this.state;\n const value = getValueItem(e);\n let newValue;\n if (multiple) {\n newValue = toggleItemValue(activeValue || [], value);\n } else if (activeValue !== value) {\n // default behaviour it will be toggle the active value\n newValue = value;\n }\n\n this.setState({\n activeValue: newValue,\n });\n\n if (onChange) onChange(newValue, ...rest);\n }\n\n render() {\n const { children } = this.props;\n return <Provider value={this.state}>{children}</Provider>;\n }\n}\n\nGroup.defaultProps = {\n multiple: false,\n};\n\nGroup.propTypes = {\n children: PropTypes.array,\n multiple: PropTypes.bool,\n onChange: PropTypes.func,\n activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),\n disabled: PropTypes.bool,\n};\n\nexport { Group };\nexport default Group;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,MAAM;AAC1B,QAAM,EAAE,QAAQ,kBAAkB;AAClC,MAAI,QAAQ;AACV,UAAM,EAAE,UAAU;AAClB,WAAO;AAAA;AAET,MAAI,eAAe;AACjB,UAAM,EAAE,UAAU;AAClB,WAAO;AAAA;AAET,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,OAAO,MAAM;AACpC,QAAM,WAAW,aAAa;AAC9B,QAAM,MAAM;AACZ,QAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,UAAU,IAAI;AAChB,QAAI,KAAK;AAAA,SACJ;AACL,QAAI,OAAO,OAAO;AAAA;AAGpB,SAAO;AAAA;AAGT,MAAM,EAAE,aAAa;AAErB,oBAAoB,UAAU;AAAA,EAC5B,YAAY,OAAO;AACjB,UAAM;AACN,UAAM,EAAE,aAAa,aAAa;AAClC,SAAK,QAAQ;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU,KAAK,aAAa,KAAK;AAAA;AAAA;AAAA,SAI9B,yBAAyB,WAAW,EAAE,aAAa;AACxD,QAAI,UAAU,gBAAgB;AAAW,aAAO;AAChD,WAAO;AAAA,MACL,aAAa,UAAU;AAAA,MACvB,WAAW,UAAU;AAAA;AAAA;AAAA,EAIzB,aAAa,MAAM,MAAM;AACvB,UAAM,EAAE,UAAU,aAAa,KAAK;AACpC,UAAM,EAAE,gBAAgB,KAAK;AAC7B,UAAM,QAAQ,aAAa;AAC3B,QAAI;AACJ,QAAI,UAAU;AACZ,iBAAW,gBAAgB,eAAe,IAAI;AAAA,eACrC,gBAAgB,OAAO;AAEhC,iBAAW;AAAA;AAGb,SAAK,SAAS;AAAA,MACZ,aAAa;AAAA;AAGf,QAAI;AAAU,eAAS,UAAU,GAAG;AAAA;AAAA,EAGtC,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WAAO,qCAAC,UAAD;AAAA,MAAU,OAAO,KAAK;AAAA,OAAQ;AAAA;AAAA;AAIzC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA;AAGZ,MAAM,YAAY;AAAA,EAChB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU;AAAA,EAC7D,UAAU,UAAU;AAAA;AAItB,IAAO,gBAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- const GroupContext = React2.createContext();
4
- export {
5
- GroupContext
6
- };
7
- //# sourceMappingURL=GroupContext.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupContext.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const GroupContext = React.createContext();\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe,OAAM;",
6
- "names": []
7
- }
@@ -1,11 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { GroupContext } from "./GroupContext";
4
- const { Consumer } = GroupContext;
5
- const GroupItem = ({ render }) => /* @__PURE__ */ React2.createElement(Consumer, null, (context) => render(context));
6
- var GroupItem_default = GroupItem;
7
- export {
8
- GroupItem,
9
- GroupItem_default as default
10
- };
11
- //# sourceMappingURL=GroupItem.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupItem.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { GroupContext } from './GroupContext';\n\nconst { Consumer } = GroupContext;\n\nconst GroupItem = ({ render }) => (\n <Consumer>{context => render(context)}</Consumer>\n);\n\nexport { GroupItem };\nexport default GroupItem;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,EAAE,aAAa;AAErB,MAAM,YAAY,CAAC,EAAE,aACnB,qCAAC,UAAD,MAAW,aAAW,OAAO;AAI/B,IAAO,oBAAQ;",
6
- "names": []
7
- }
@@ -1,10 +0,0 @@
1
- import * as React from "react";
2
- import { Group } from "./Group";
3
- import { GroupContext } from "./GroupContext";
4
- import { GroupItem } from "./GroupItem";
5
- export {
6
- Group,
7
- GroupContext,
8
- GroupItem
9
- };
10
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Group } from './Group';\nexport { GroupContext } from './GroupContext';\nexport { GroupItem } from './GroupItem';\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSync.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\n\nconst ScrollSyncContext = React.createContext();\n\nconst { Provider } = ScrollSyncContext;\n\nclass ScrollSync extends Component {\n panes = {};\n\n static defaultProps = {\n proportional: true,\n vertical: true,\n horizontal: true,\n enabled: true,\n };\n\n constructor(props) {\n super(props);\n this.syncContext = {\n registerPane: this.registerPane,\n unregisterPane: this.unregisterPane,\n };\n }\n\n registerPane = (node, groups) => {\n groups.forEach((group) => {\n if (!this.panes[group]) {\n this.panes[group] = [];\n }\n\n if (this.panes[group].length > 0) {\n this.syncScrollPosition(this.panes[group][0], node);\n }\n this.panes[group].push(node);\n });\n this.addEvents(node, groups);\n };\n\n unregisterPane = (node, groups) => {\n groups.forEach((group) => {\n if (this.findPane(node, group)) {\n this.removeEvents(node);\n this.panes[group].splice(this.panes[group].indexOf(node), 1);\n }\n });\n };\n\n addEvents = (node, groups) => {\n /* For some reason element.addEventListener doesnt work with document.body */\n node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line\n };\n\n removeEvents = (node) => {\n /* For some reason element.removeEventListener doesnt work with document.body */\n node.onscroll = null; // eslint-disable-line\n };\n\n findPane = (node, group) => {\n if (!this.panes[group]) {\n return false;\n }\n\n return this.panes[group].find((pane) => pane === node);\n };\n\n handlePaneScroll = (node, groups, e) => {\n const { enabled } = this.props;\n if (this.props.onScroll) this.props.onScroll(e);\n\n if (!enabled) return;\n\n window.requestAnimationFrame(() => {\n this.syncScrollPositions(node, groups);\n });\n };\n\n syncScrollPositions = (scrolledPane, groups) => {\n groups.forEach((group) => {\n this.panes[group].forEach((pane) => {\n /* For all panes beside the currently scrolling one */\n if (scrolledPane !== pane) {\n /* Remove event listeners from the node that we'll manipulate */\n this.removeEvents(pane, group);\n this.syncScrollPosition(scrolledPane, pane);\n /* Re-attach event listeners after we're done scrolling */\n window.requestAnimationFrame(() => {\n this.addEvents(pane, groups);\n });\n }\n });\n });\n };\n\n syncScrollPosition(scrolledPane, pane) {\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n scrollLeft,\n scrollWidth,\n clientWidth,\n } = scrolledPane;\n\n const scrollTopOffset = scrollHeight - clientHeight;\n const scrollLeftOffset = scrollWidth - clientWidth;\n\n const { proportional, vertical, horizontal } = this.props;\n\n /* Calculate the actual pane height */\n const paneHeight = pane.scrollHeight - clientHeight;\n const paneWidth = pane.scrollWidth - clientWidth;\n /* Adjust the scrollTop position of it accordingly */\n if (vertical && scrollTopOffset > 0) {\n pane.scrollTop = proportional\n ? (paneHeight * scrollTop) / scrollTopOffset\n : scrollTop; // eslint-disable-line\n }\n if (horizontal && scrollLeftOffset > 0) {\n pane.scrollLeft = proportional\n ? (paneWidth * scrollLeft) / scrollLeftOffset\n : scrollLeft; // eslint-disable-line\n }\n }\n\n render() {\n const { children } = this.props;\n return (\n <Provider value={this.syncContext}>\n {React.Children.only(children)}\n </Provider>\n );\n }\n}\n\nexport { ScrollSync, ScrollSyncContext };\nexport default ScrollSync;\n"],
5
- "mappings": "AAAA;ACAA;AAEA,MAAM,oBAAoB,OAAM;AAEhC,MAAM,EAAE,aAAa;AAErB,yBAAyB,UAAU;AAAA,EAUjC,YAAY,OAAO;AACjB,UAAM;AAVR,iBAAQ;AAiBR,wBAAe,CAAC,MAAM,WAAW;AAC/B,aAAO,QAAQ,CAAC,UAAU;AACxB,YAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,eAAK,MAAM,SAAS;AAAA;AAGtB,YAAI,KAAK,MAAM,OAAO,SAAS,GAAG;AAChC,eAAK,mBAAmB,KAAK,MAAM,OAAO,IAAI;AAAA;AAEhD,aAAK,MAAM,OAAO,KAAK;AAAA;AAEzB,WAAK,UAAU,MAAM;AAAA;AAGvB,0BAAiB,CAAC,MAAM,WAAW;AACjC,aAAO,QAAQ,CAAC,UAAU;AACxB,YAAI,KAAK,SAAS,MAAM,QAAQ;AAC9B,eAAK,aAAa;AAClB,eAAK,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKhE,qBAAY,CAAC,MAAM,WAAW;AAE5B,WAAK,WAAW,KAAK,iBAAiB,KAAK,MAAM,MAAM;AAAA;AAGzD,wBAAe,CAAC,SAAS;AAEvB,WAAK,WAAW;AAAA;AAGlB,oBAAW,CAAC,MAAM,UAAU;AAC1B,UAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,eAAO;AAAA;AAGT,aAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS;AAAA;AAGnD,4BAAmB,CAAC,MAAM,QAAQ,MAAM;AACtC,YAAM,EAAE,YAAY,KAAK;AACzB,UAAI,KAAK,MAAM;AAAU,aAAK,MAAM,SAAS;AAE7C,UAAI,CAAC;AAAS;AAEd,aAAO,sBAAsB,MAAM;AACjC,aAAK,oBAAoB,MAAM;AAAA;AAAA;AAInC,+BAAsB,CAAC,cAAc,WAAW;AAC9C,aAAO,QAAQ,CAAC,UAAU;AACxB,aAAK,MAAM,OAAO,QAAQ,CAAC,SAAS;AAElC,cAAI,iBAAiB,MAAM;AAEzB,iBAAK,aAAa,MAAM;AACxB,iBAAK,mBAAmB,cAAc;AAEtC,mBAAO,sBAAsB,MAAM;AACjC,mBAAK,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AApE7B,SAAK,cAAc;AAAA,MACjB,cAAc,KAAK;AAAA,MACnB,gBAAgB,KAAK;AAAA;AAAA;AAAA,EAyEzB,mBAAmB,cAAc,MAAM;AACrC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAEJ,UAAM,kBAAkB,eAAe;AACvC,UAAM,mBAAmB,cAAc;AAEvC,UAAM,EAAE,cAAc,UAAU,eAAe,KAAK;AAGpD,UAAM,aAAa,KAAK,eAAe;AACvC,UAAM,YAAY,KAAK,cAAc;AAErC,QAAI,YAAY,kBAAkB,GAAG;AACnC,WAAK,YAAY,eACZ,aAAa,YAAa,kBAC3B;AAAA;AAEN,QAAI,cAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eACb,YAAY,aAAc,mBAC3B;AAAA;AAAA;AAAA,EAIR,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WACE,qCAAC,UAAD;AAAA,MAAU,OAAO,KAAK;AAAA,OACnB,OAAM,SAAS,KAAK;AAAA;AAAA;AAvHpB,AAHT,WAGS,eAAe;AAAA,EACpB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA;AA0Hb,IAAO,qBAAQ;",
6
- "names": []
7
- }
@@ -1,44 +0,0 @@
1
- import * as React from "react";
2
- import React2, { Component } from "react";
3
- import { ScrollSyncContext } from "./ScrollSync";
4
- class ScrollSyncPane extends Component {
5
- constructor() {
6
- super(...arguments);
7
- this.toArray = (groups) => [].concat(groups);
8
- }
9
- componentWillUnmount() {
10
- const { enabled, group, syncContext } = this.props;
11
- const { unregisterPane } = syncContext;
12
- if (enabled)
13
- unregisterPane(this.node, this.toArray(group));
14
- }
15
- render() {
16
- const { children, group, syncContext, notPaginated } = this.props;
17
- const { registerPane } = syncContext;
18
- return children({
19
- registerPane: (node) => {
20
- if (notPaginated) {
21
- const virtualizedBody = node.querySelector(".virtualized-body-wrapper");
22
- if (virtualizedBody) {
23
- registerPane(virtualizedBody, this.toArray(group));
24
- }
25
- }
26
- return registerPane(node, this.toArray(group));
27
- }
28
- });
29
- }
30
- }
31
- ScrollSyncPane.defaultProps = {
32
- group: "default",
33
- enabled: true
34
- };
35
- const ScrollSyncPaneHOC = (props) => /* @__PURE__ */ React2.createElement(ScrollSyncContext.Consumer, null, (context) => /* @__PURE__ */ React2.createElement(ScrollSyncPane, {
36
- ...props,
37
- syncContext: context
38
- }));
39
- var ScrollSyncPane_default = ScrollSyncPaneHOC;
40
- export {
41
- ScrollSyncPaneHOC,
42
- ScrollSyncPane_default as default
43
- };
44
- //# sourceMappingURL=ScrollSyncPane.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSyncPane.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { Component } from 'react';\nimport { ScrollSyncContext } from './ScrollSync';\n\n/**\n * MODIFIED FROM react-scroll-sync\n *\n * ScrollSyncPane Component\n *\n * Wrap your content in it to keep its scroll position in sync with other panes\n *\n * @param groups\n * @example ./example.md\n */\nclass ScrollSyncPane extends Component {\n static defaultProps = {\n group: 'default',\n enabled: true,\n };\n\n componentWillUnmount() {\n const { enabled, group, syncContext } = this.props;\n const { unregisterPane } = syncContext;\n\n if (enabled) unregisterPane(this.node, this.toArray(group));\n }\n\n toArray = groups => [].concat(groups);\n\n render() {\n const { children, group, syncContext, notPaginated } = this.props;\n const { registerPane } = syncContext;\n\n return children({\n registerPane: node => {\n if (notPaginated) {\n const virtualizedBody = node.querySelector(\n '.virtualized-body-wrapper',\n );\n if (virtualizedBody) {\n registerPane(virtualizedBody, this.toArray(group));\n }\n }\n return registerPane(node, this.toArray(group));\n },\n });\n }\n}\n\nexport const ScrollSyncPaneHOC = props => (\n <ScrollSyncContext.Consumer>\n {context => <ScrollSyncPane {...props} syncContext={context} />}\n </ScrollSyncContext.Consumer>\n);\n\nexport default ScrollSyncPaneHOC;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AAYA,6BAA6B,UAAU;AAAA,EAAvC,cAdA;AAcA;AAaE,mBAAU,YAAU,GAAG,OAAO;AAAA;AAAA,EAP9B,uBAAuB;AACrB,UAAM,EAAE,SAAS,OAAO,gBAAgB,KAAK;AAC7C,UAAM,EAAE,mBAAmB;AAE3B,QAAI;AAAS,qBAAe,KAAK,MAAM,KAAK,QAAQ;AAAA;AAAA,EAKtD,SAAS;AACP,UAAM,EAAE,UAAU,OAAO,aAAa,iBAAiB,KAAK;AAC5D,UAAM,EAAE,iBAAiB;AAEzB,WAAO,SAAS;AAAA,MACd,cAAc,UAAQ;AACpB,YAAI,cAAc;AAChB,gBAAM,kBAAkB,KAAK,cAC3B;AAEF,cAAI,iBAAiB;AACnB,yBAAa,iBAAiB,KAAK,QAAQ;AAAA;AAAA;AAG/C,eAAO,aAAa,MAAM,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AA5BtC,AADT,eACS,eAAe;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AAAA;AAgCN,MAAM,oBAAoB,WAC/B,qCAAC,kBAAkB,UAAnB,MACG,aAAW,qCAAC,gBAAD;AAAA,KAAoB;AAAA,EAAO,aAAa;AAAA;AAIxD,IAAO,yBAAQ;",
6
- "names": []
7
- }