@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,82 +0,0 @@
1
- import * as React from "react";
2
- import React2, { useMemo, useRef, useState, useEffect, memo } from "react";
3
- import { DSPopover } from "@elliemae/ds-popper";
4
- import { useOnClickOutside } from "@elliemae/ds-utilities";
5
- const ToolbarContext = React2.createContext();
6
- const { Provider } = ToolbarContext;
7
- const useScrollListener = (callback, dependencies) => {
8
- useEffect(() => {
9
- window.addEventListener("scroll", callback, true);
10
- return () => {
11
- window.removeEventListener("scroll", callback, true);
12
- };
13
- }, [dependencies]);
14
- };
15
- const noop = () => null;
16
- const ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {
17
- const showTimer = useRef();
18
- const hideTimer = useRef();
19
- const toolbarRef = useRef();
20
- const [tooltipState, setTooltipState] = useState({});
21
- const show = (state) => {
22
- if (state.reference === tooltipState.reference)
23
- clearTimeout(hideTimer.current);
24
- showTimer.current = setTimeout(() => setTooltipState({
25
- ...state,
26
- visible: true
27
- }), delay);
28
- onShow();
29
- };
30
- const hide = (e, force) => {
31
- if (!force)
32
- clearTimeout(showTimer.current);
33
- hideTimer.current = setTimeout(() => setTooltipState((prevState) => ({
34
- ...prevState,
35
- visible: false
36
- })), 100);
37
- onHide(tooltipState, e);
38
- };
39
- useScrollListener((e) => hide(e, true), tooltipState.visible);
40
- useOnClickOutside(toolbarRef, () => hide());
41
- const keyDownHandler = (e) => {
42
- if (e.key === "Escape") {
43
- hide(e);
44
- }
45
- };
46
- useEffect(() => {
47
- window.addEventListener("keydown", keyDownHandler);
48
- return () => {
49
- window.removeEventListener("keydown", keyDownHandler);
50
- };
51
- });
52
- const value = useMemo(() => ({
53
- state: tooltipState,
54
- show,
55
- hide
56
- }), [tooltipState.reference]);
57
- return /* @__PURE__ */ React2.createElement(Provider, {
58
- value
59
- }, children, /* @__PURE__ */ React2.createElement(DSPopover, {
60
- boundaries: "scrollParent",
61
- ...tooltipState.options || {},
62
- content: tooltipState.renderer,
63
- placement: "left",
64
- referenceEl: tooltipState.reference,
65
- renderer: ({ as: Component, style, children: Content }) => /* @__PURE__ */ React2.createElement("div", {
66
- ref: toolbarRef,
67
- onMouseEnter: (e) => show(tooltipState, e),
68
- onMouseLeave: hide
69
- }, /* @__PURE__ */ React2.createElement(Component, {
70
- style
71
- }, Content)),
72
- style: tooltipState.style,
73
- visible: tooltipState.visible
74
- }));
75
- });
76
- var ToolbarProvider_default = ToolbarProvider;
77
- export {
78
- ToolbarContext,
79
- ToolbarProvider,
80
- ToolbarProvider_default as default
81
- };
82
- //# sourceMappingURL=ToolbarProvider.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/toolbar/ToolbarProvider.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useRef, useState, useEffect, memo } from 'react';\nimport { DSPopover } from '@elliemae/ds-popper';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\n\nexport const ToolbarContext = React.createContext();\n\nconst { Provider } = ToolbarContext;\n\nconst useScrollListener = (callback, dependencies) => {\n useEffect(() => {\n window.addEventListener('scroll', callback, true);\n return () => {\n window.removeEventListener('scroll', callback, true);\n };\n }, [dependencies]);\n};\n\nconst noop = () => null;\nconst ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {\n const showTimer = useRef();\n const hideTimer = useRef();\n const toolbarRef = useRef();\n const [tooltipState, setTooltipState] = useState({});\n\n const show = (state) => {\n if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);\n showTimer.current = setTimeout(\n () =>\n setTooltipState({\n ...state,\n visible: true,\n }),\n delay,\n );\n onShow();\n };\n\n const hide = (e, force) => {\n if (!force) clearTimeout(showTimer.current);\n hideTimer.current = setTimeout(\n () =>\n setTooltipState((prevState) => ({\n ...prevState,\n visible: false,\n })),\n 100,\n );\n onHide(tooltipState, e);\n };\n\n useScrollListener((e) => hide(e, true), tooltipState.visible);\n useOnClickOutside(toolbarRef, () => hide());\n\n const keyDownHandler = (e) => {\n if (e.key === 'Escape') {\n hide(e);\n }\n };\n\n useEffect(() => {\n window.addEventListener('keydown', keyDownHandler);\n return () => {\n window.removeEventListener('keydown', keyDownHandler);\n };\n });\n\n const value = useMemo(\n () => ({\n state: tooltipState,\n show,\n hide,\n }),\n [tooltipState.reference],\n );\n\n return (\n <Provider value={value}>\n {children}\n <DSPopover\n boundaries=\"scrollParent\"\n {...(tooltipState.options || {})}\n content={tooltipState.renderer}\n placement=\"left\"\n referenceEl={tooltipState.reference}\n renderer={({ as: Component, style, children: Content }) => (\n <div ref={toolbarRef} onMouseEnter={(e) => show(tooltipState, e)} onMouseLeave={hide}>\n <Component style={style}>{Content}</Component>\n </div>\n )}\n style={tooltipState.style}\n visible={tooltipState.visible}\n />\n </Provider>\n );\n});\n\nexport { ToolbarProvider };\nexport default ToolbarProvider;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,iBAAiB,OAAM;AAEpC,MAAM,EAAE,aAAa;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,UAAU;AAC5C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,UAAU;AAAA;AAAA,KAEhD,CAAC;AAAA;AAGN,MAAM,OAAO,MAAM;AACnB,MAAM,kBAAkB,KAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,WAAW;AACxF,QAAM,YAAY;AAClB,QAAM,YAAY;AAClB,QAAM,aAAa;AACnB,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,OAAO,CAAC,UAAU;AACtB,QAAI,MAAM,cAAc,aAAa;AAAW,mBAAa,UAAU;AACvE,cAAU,UAAU,WAClB,MACE,gBAAgB;AAAA,SACX;AAAA,MACH,SAAS;AAAA,QAEb;AAEF;AAAA;AAGF,QAAM,OAAO,CAAC,GAAG,UAAU;AACzB,QAAI,CAAC;AAAO,mBAAa,UAAU;AACnC,cAAU,UAAU,WAClB,MACE,gBAAgB,CAAC,cAAe;AAAA,SAC3B;AAAA,MACH,SAAS;AAAA,SAEb;AAEF,WAAO,cAAc;AAAA;AAGvB,oBAAkB,CAAC,MAAM,KAAK,GAAG,OAAO,aAAa;AACrD,oBAAkB,YAAY,MAAM;AAEpC,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK;AAAA;AAAA;AAIT,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AACnC,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW;AAAA;AAAA;AAI1C,QAAM,QAAQ,QACZ,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEF,CAAC,aAAa;AAGhB,SACE,qCAAC,UAAD;AAAA,IAAU;AAAA,KACP,UACD,qCAAC,WAAD;AAAA,IACE,YAAW;AAAA,OACN,aAAa,WAAW;AAAA,IAC7B,SAAS,aAAa;AAAA,IACtB,WAAU;AAAA,IACV,aAAa,aAAa;AAAA,IAC1B,UAAU,CAAC,EAAE,IAAI,WAAW,OAAO,UAAU,cAC3C,qCAAC,OAAD;AAAA,MAAK,KAAK;AAAA,MAAY,cAAc,CAAC,MAAM,KAAK,cAAc;AAAA,MAAI,cAAc;AAAA,OAC9E,qCAAC,WAAD;AAAA,MAAW;AAAA,OAAe;AAAA,IAG9B,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA;AAAA;AAO9B,IAAO,0BAAQ;",
6
- "names": []
7
- }
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
- import { safeCall } from "@elliemae/ds-utilities";
3
- class VolatileRowsListener {
4
- constructor() {
5
- this.observers = [];
6
- }
7
- observe(listener) {
8
- this.observers.push(listener);
9
- }
10
- notify(nextRows) {
11
- this.observers.forEach((observer) => safeCall(observer, nextRows));
12
- this.observers = [];
13
- }
14
- }
15
- var VolatileRowsListener_default = VolatileRowsListener;
16
- export {
17
- VolatileRowsListener,
18
- VolatileRowsListener_default as default
19
- };
20
- //# sourceMappingURL=VolatileRowsListener.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/VolatileRowsListener.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { safeCall } from '@elliemae/ds-utilities';\n\nclass VolatileRowsListener {\n observers = [];\n\n observe(listener) {\n this.observers.push(listener);\n }\n\n notify(nextRows) {\n this.observers.forEach(observer => safeCall(observer, nextRows));\n this.observers = [];\n }\n}\n\nexport { VolatileRowsListener };\nexport default VolatileRowsListener;\n"],
5
- "mappings": "AAAA;ACAA;AAEA,2BAA2B;AAAA,EAA3B,cAFA;AAGE,qBAAY;AAAA;AAAA,EAEZ,QAAQ,UAAU;AAChB,SAAK,UAAU,KAAK;AAAA;AAAA,EAGtB,OAAO,UAAU;AACf,SAAK,UAAU,QAAQ,cAAY,SAAS,UAAU;AACtD,SAAK,YAAY;AAAA;AAAA;AAKrB,IAAO,+BAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import { default as default2, default as default3 } from "./useDataGrid";
3
- export {
4
- default2 as default,
5
- default3 as useDataGrid
6
- };
7
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, default as useDataGrid } from './useDataGrid';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,118 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { v4 as uuidv4 } from "uuid";
4
- import {
5
- get,
6
- curry,
7
- set,
8
- cloneDeep,
9
- isFunction
10
- } from "@elliemae/ds-utilities";
11
- const appendHeaderFormatter = curry((formatter, column) => ({
12
- ...column,
13
- header: {
14
- ...column.header,
15
- formatters: [...get(column, "header.formatters", []), formatter]
16
- }
17
- }));
18
- const appendCellFormatter = curry((formatter, column, path = "formatters") => {
19
- const nextColumn = cloneDeep(column);
20
- const formatters = get(nextColumn, ["cell", path], []);
21
- const scrollingFormatters = get(nextColumn, "cell.scrollingFormatters", []);
22
- if (Array.isArray(formatter)) {
23
- if (formatter[1])
24
- scrollingFormatters.push(formatter[1]);
25
- formatters.push(formatter[0]);
26
- } else {
27
- formatters.push(formatter);
28
- scrollingFormatters.push(formatter);
29
- }
30
- set(nextColumn, ["cell", path], formatters);
31
- set(nextColumn, "cell.scrollingFormatters", scrollingFormatters);
32
- return nextColumn;
33
- });
34
- const defaultColumnDefinitionOptions = {
35
- normalize: false,
36
- useTextTruncation: true,
37
- isUserColumn: true,
38
- visible: true
39
- };
40
- const mergeClassNameToColumnHeader = curry((className, column) => {
41
- const headerProps = get(column, ["header", "props"], {});
42
- const headerClassName = headerProps.className || "";
43
- return {
44
- ...column,
45
- header: {
46
- ...column.header,
47
- props: {
48
- ...headerProps,
49
- className: `${headerClassName} ${className}`
50
- }
51
- }
52
- };
53
- });
54
- const initColumnDefinition = (options = {}) => {
55
- return (column) => {
56
- if (column.type === "number") {
57
- column.cellStyle = {
58
- textAlign: "right"
59
- };
60
- }
61
- const { useTextTruncation = true, isUserColumn, visible, normalize } = {
62
- ...defaultColumnDefinitionOptions,
63
- ...options
64
- };
65
- if (normalize) {
66
- column.originalProperty = column.property;
67
- column.property = column.property.replace(/\s+/g, "");
68
- }
69
- column.props = {
70
- ...column.props,
71
- style: {}
72
- };
73
- column.header = {
74
- ...column.header,
75
- label: column.label,
76
- formatters: [...get(column, ["header", "formatters"], [])],
77
- props: {
78
- style: column.headerStyle || {}
79
- }
80
- };
81
- if (useTextTruncation && !(isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
82
- column.header.formatters.push((value) => /* @__PURE__ */ React2.createElement("span", {
83
- className: "cell-value"
84
- }, value));
85
- }
86
- column.cell = {
87
- ...column.cell,
88
- transforms: [],
89
- formatters: [...get(column, ["cell", "formatters"], [])],
90
- scrollingFormatters: [...get(column, ["cell", "formatters"], [])],
91
- props: {
92
- style: column.cellStyle || {}
93
- }
94
- };
95
- if (useTextTruncation && !(isFunction(column.customRenderer) || column.cell.formatters.length)) {
96
- column.cell.formatters.push((value) => /* @__PURE__ */ React2.createElement("span", {
97
- className: "cell-value",
98
- style: {
99
- justifyContent: column.type === "number" ? "flex-end" : "flex-start"
100
- }
101
- }, value));
102
- }
103
- column.uuid = column.uuid || uuidv4();
104
- column.visible = column.visible === void 0 ? visible : column.visible;
105
- column.isUserColumn = column.isUserColumn || isUserColumn;
106
- column.headerHookEffects = [];
107
- return column;
108
- };
109
- };
110
- var initColumnDefinition_default = initColumnDefinition;
111
- export {
112
- appendCellFormatter,
113
- appendHeaderFormatter,
114
- initColumnDefinition_default as default,
115
- initColumnDefinition,
116
- mergeClassNameToColumnHeader
117
- };
118
- //# sourceMappingURL=initColumnDefinition.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/initColumnDefinition.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n get,\n curry,\n set,\n cloneDeep,\n isFunction,\n} from '@elliemae/ds-utilities';\n\n// TODO: use lenses to access nested fields\n\nexport const appendHeaderFormatter = curry((formatter, column) => ({\n ...column,\n header: {\n ...column.header,\n formatters: [...get(column, 'header.formatters', []), formatter],\n },\n}));\n\nexport const appendCellFormatter = curry(\n (formatter, column, path = 'formatters') => {\n const nextColumn = cloneDeep(column);\n const formatters = get(nextColumn, ['cell', path], []);\n const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);\n if (Array.isArray(formatter)) {\n if (formatter[1]) scrollingFormatters.push(formatter[1]);\n formatters.push(formatter[0]);\n } else {\n formatters.push(formatter);\n scrollingFormatters.push(formatter);\n }\n set(nextColumn, ['cell', path], formatters);\n set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);\n return nextColumn;\n },\n);\n\nconst defaultColumnDefinitionOptions = {\n normalize: false,\n useTextTruncation: true,\n isUserColumn: true,\n visible: true,\n};\n\nexport const mergeClassNameToColumnHeader = curry((className, column) => {\n const headerProps = get(column, ['header', 'props'], {});\n const headerClassName = headerProps.className || '';\n return {\n ...column,\n header: {\n ...column.header,\n props: {\n ...headerProps,\n className: `${headerClassName} ${className}`,\n },\n },\n };\n});\n\nexport const initColumnDefinition = (options = {}) => {\n // eslint-disable-next-line complexity\n return (column) => {\n // todo: clean this\n if (column.type === 'number') {\n // eslint-disable-next-line no-param-reassign\n column.cellStyle = {\n textAlign: 'right',\n };\n }\n const { useTextTruncation = true, isUserColumn, visible, normalize } = {\n ...defaultColumnDefinitionOptions,\n ...options,\n };\n\n if (normalize) {\n // eslint-disable-next-line no-param-reassign\n column.originalProperty = column.property;\n // eslint-disable-next-line no-param-reassign\n column.property = column.property.replace(/\\s+/g, '');\n }\n\n // eslint-disable-next-line no-param-reassign\n column.props = {\n ...column.props,\n style: {},\n };\n // eslint-disable-next-line no-param-reassign\n column.header = {\n ...column.header,\n label: column.label,\n formatters: [...get(column, ['header', 'formatters'], [])],\n props: {\n style: column.headerStyle || {},\n },\n };\n if (\n useTextTruncation &&\n !(\n isFunction(column.customHeaderRenderer) ||\n column.header.formatters.length\n )\n ) {\n column.header.formatters.push((value) => (\n <span className=\"cell-value\">{value}</span>\n ));\n }\n\n // eslint-disable-next-line no-param-reassign\n column.cell = {\n ...column.cell,\n transforms: [],\n formatters: [...get(column, ['cell', 'formatters'], [])],\n scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],\n props: {\n style: column.cellStyle || {},\n },\n };\n\n if (\n useTextTruncation &&\n !(isFunction(column.customRenderer) || column.cell.formatters.length)\n ) {\n column.cell.formatters.push((value) => (\n <span\n className=\"cell-value\"\n style={{\n justifyContent:\n column.type === 'number' ? 'flex-end' : 'flex-start',\n }}\n >\n {value}\n </span>\n ));\n }\n // eslint-disable-next-line no-param-reassign\n column.uuid = column.uuid || uuidv4();\n // eslint-disable-next-line no-param-reassign\n column.visible = column.visible === undefined ? visible : column.visible;\n // eslint-disable-next-line no-param-reassign, max-lines\n column.isUserColumn = column.isUserColumn || isUserColumn;\n // eslint-disable-next-line no-param-reassign\n column.headerHookEffects = [];\n return column;\n };\n};\n\nexport default initColumnDefinition;\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,177 +0,0 @@
1
- import * as React from "react";
2
- import {
3
- cloneDeep,
4
- compose,
5
- isEqual,
6
- isObject,
7
- setRef,
8
- usePrevious,
9
- useDerivedStateFromProps
10
- } from "@elliemae/ds-utilities";
11
- import { useMemo, useRef, useState } from "react";
12
- import { v4 as uuidv4 } from "uuid";
13
- import * as resolve from "table-resolver";
14
- import { initColumnDefinition } from "./initColumnDefinition";
15
- import {
16
- applyDecorators,
17
- decorateColumns,
18
- reducePropsGetter
19
- } from "../createDataInstance/utils";
20
- import { VolatileRowsListener } from "./VolatileRowsListener";
21
- import { isInternetExplorer } from "../utils";
22
- const IS_INTERNET_EXPLORER = isInternetExplorer();
23
- const useDataGrid = ({
24
- uuid: uuidProp,
25
- plugins: pluginsFromProps,
26
- rows,
27
- columns,
28
- renderers = {},
29
- ...props
30
- }) => {
31
- const plugins = pluginsFromProps;
32
- const instance = useRef();
33
- const tableRef = useRef();
34
- const headerRef = useRef();
35
- const bodyRef = useRef();
36
- const bodyInnerRef = useRef();
37
- const [uuid] = useState(uuidProp || (() => uuidv4()));
38
- const [hasScroll, setHasScroll] = useState(false);
39
- const [isRowDragging, setIsRowDragging] = useState(false);
40
- const isScrolling = useRef();
41
- const shouldRefocus = useRef();
42
- const [RowsObserver] = useState(() => new VolatileRowsListener());
43
- const [originalRows, updateRows] = useDerivedStateFromProps(rows, {
44
- onUpdate: resolve.resolve({
45
- columns,
46
- method: (extra) => compose(resolve.byFunction("valueTransformation")(extra), resolve.nested(extra))
47
- }),
48
- updateOnStateChange: true
49
- });
50
- instance.current = {
51
- decoratedRenderers: cloneDeep(renderers),
52
- decoratedColumns: columns,
53
- columns,
54
- rows,
55
- composedRows: originalRows,
56
- getRowProps: [],
57
- getHeaderRowProps: [],
58
- getBodyProps: [],
59
- getTableProps: [],
60
- effects: [],
61
- uuid,
62
- props,
63
- refs: {
64
- table: tableRef,
65
- body: bodyRef,
66
- header: headerRef,
67
- innerBody: bodyInnerRef
68
- },
69
- state: {
70
- hasScroll
71
- },
72
- actions: {
73
- updateRows
74
- },
75
- updateRows,
76
- enableEvents: () => document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? "" : null,
77
- disableEvents: () => document.body.style.pointerEvents = "none",
78
- observeRows: (observer) => RowsObserver.observe(observer),
79
- hotKeys: {},
80
- shouldRefocus,
81
- isScrolling,
82
- setHasScroll,
83
- setIsRowDragging,
84
- isRowDragging,
85
- plugins
86
- };
87
- instance.current.getState = () => instance.current.state;
88
- instance.current.getInstance = () => instance.current;
89
- const defaultDecorators = {
90
- decorateGrid: [],
91
- registerStateHook: [],
92
- registerHotKeys: [],
93
- decorateColumn: [],
94
- decorateColumns: [
95
- (cols) => cols.map((col) => initColumnDefinition({
96
- useTextTruncation: col.useTextTruncation,
97
- wrapText: props.wrapText,
98
- normalize: props.normalizeDataKeys
99
- })(col))
100
- ],
101
- decorateRenderers: [],
102
- getRowProps: [],
103
- getHeaderRowProps: [],
104
- getBodyProps: [],
105
- getTableProps: [],
106
- getHeaderProps: [],
107
- composeRows: []
108
- };
109
- const decorators = useMemo(() => {
110
- let nextDecorators = defaultDecorators;
111
- plugins.forEach((plugin) => nextDecorators = plugin(nextDecorators));
112
- return nextDecorators;
113
- }, [plugins]);
114
- instance.current = decorators.decorateGrid.reduce((nextInstance, decorator) => ({
115
- ...nextInstance,
116
- ...decorator(instance.current)
117
- }), instance.current);
118
- instance.current = decorators.registerStateHook.reduce((nextInstance, decorator) => {
119
- const { state, actions } = decorator(instance.current);
120
- return {
121
- ...nextInstance,
122
- state: {
123
- ...nextInstance.state,
124
- ...state
125
- },
126
- actions: {
127
- ...nextInstance.actions,
128
- ...actions
129
- }
130
- };
131
- }, instance.current);
132
- const reduceHotKey = (nextInstance, { key, handler, options }) => ({
133
- ...nextInstance,
134
- hotKeys: {
135
- ...nextInstance.hotKeys,
136
- [key]: { handler, options }
137
- }
138
- });
139
- instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {
140
- const hotKeys = decorator(nextInstance);
141
- if (Array.isArray(hotKeys)) {
142
- return hotKeys.reduce(reduceHotKey, nextInstance);
143
- }
144
- return reduceHotKey(nextInstance, hotKeys);
145
- }, instance.current);
146
- instance.current.decoratedRenderers = applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
147
- instance.current.decoratedColumns = useMemo(() => {
148
- const visibleColumns = cloneDeep(columns).filter((column) => typeof column.visible === "undefined" || column.visible);
149
- return visibleColumns.length ? decorateColumns(visibleColumns, decorators, instance.current) : [];
150
- }, [columns]);
151
- instance.current.getBodyProps = reducePropsGetter(decorators.getBodyProps, instance.current);
152
- instance.current.getHeaderProps = reducePropsGetter(decorators.getHeaderProps, instance.current);
153
- instance.current.getRowProps = reducePropsGetter(decorators.getRowProps, instance.current);
154
- instance.current.getHeaderRowProps = reducePropsGetter(decorators.getHeaderRowProps, instance.current);
155
- instance.current.getTableProps = reducePropsGetter(decorators.getTableProps, instance.current);
156
- instance.current.composedRows = decorators.composeRows.reduce((nextRows, getter) => getter(nextRows, instance.current), instance.current.composedRows);
157
- RowsObserver.notify(instance.current.composedRows);
158
- const currentShouldRefocus = instance.current.shouldRefocus.current;
159
- const prevState = usePrevious(instance.current.state);
160
- if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
161
- instance.current.shouldRefocus.current = currentShouldRefocus.value;
162
- } else {
163
- instance.current.shouldRefocus.current = !isEqual(prevState, instance.current.state);
164
- }
165
- if (props.instanceRef)
166
- setRef(props.instanceRef, instance.current);
167
- return {
168
- ...instance.current,
169
- decorators
170
- };
171
- };
172
- var useDataGrid_default = useDataGrid;
173
- export {
174
- useDataGrid_default as default,
175
- useDataGrid
176
- };
177
- //# sourceMappingURL=useDataGrid.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/useDataGrid.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport {\n cloneDeep,\n compose,\n isEqual,\n isObject,\n setRef, \n usePrevious, \n useDerivedStateFromProps \n} from '@elliemae/ds-utilities';\nimport { useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport * as resolve from 'table-resolver';\nimport { initColumnDefinition } from './initColumnDefinition';\nimport {\n applyDecorators,\n decorateColumns,\n reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { VolatileRowsListener } from './VolatileRowsListener';\nimport { isInternetExplorer } from '../utils';\n\nconst IS_INTERNET_EXPLORER = isInternetExplorer();\n\n// TODO: Reuse createDataInstance for the grid the same\n// way as the list does ex: packages/ds-shared/src/useDataList/useDataList.js\n// eslint-disable-next-line max-statements\nexport const useDataGrid = ({\n uuid: uuidProp,\n plugins: pluginsFromProps,\n rows,\n columns,\n renderers = {},\n ...props\n}) => {\n const plugins = pluginsFromProps;\n const instance = useRef();\n const tableRef = useRef();\n const headerRef = useRef();\n const bodyRef = useRef();\n const bodyInnerRef = useRef();\n const [uuid] = useState(uuidProp || (() => uuidv4()));\n const [hasScroll, setHasScroll] = useState(false);\n const [isRowDragging, setIsRowDragging] = useState(false);\n const isScrolling = useRef();\n const shouldRefocus = useRef(); // todo: we probably need a plugin for focus related stuff\n const [RowsObserver] = useState(() => new VolatileRowsListener());\n\n // todo move this with rows composition\n const [originalRows, updateRows] = useDerivedStateFromProps(rows, {\n onUpdate: resolve.resolve({\n columns,\n method: (extra) =>\n compose(\n resolve.byFunction('valueTransformation')(extra),\n resolve.nested(extra),\n ),\n }),\n updateOnStateChange: true,\n });\n\n instance.current = {\n decoratedRenderers: cloneDeep(renderers),\n decoratedColumns: columns,\n columns,\n rows,\n composedRows: originalRows,\n getRowProps: [],\n getHeaderRowProps: [],\n getBodyProps: [],\n getTableProps: [],\n effects: [],\n uuid,\n props,\n refs: {\n table: tableRef,\n body: bodyRef,\n header: headerRef,\n innerBody: bodyInnerRef,\n },\n state: {\n hasScroll,\n },\n actions: {\n updateRows,\n },\n updateRows,\n // eslint-disable-next-line no-return-assign\n enableEvents: () =>\n (document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null),\n // eslint-disable-next-line no-return-assign\n disableEvents: () => (document.body.style.pointerEvents = 'none'),\n observeRows: (observer) => RowsObserver.observe(observer),\n hotKeys: {},\n shouldRefocus,\n isScrolling,\n setHasScroll,\n setIsRowDragging,\n isRowDragging,\n plugins,\n };\n instance.current.getState = () => instance.current.state;\n instance.current.getInstance = () => instance.current;\n\n const defaultDecorators = {\n decorateGrid: [],\n registerStateHook: [],\n registerHotKeys: [],\n decorateColumn: [],\n decorateColumns: [\n (cols) =>\n cols.map((col) =>\n initColumnDefinition({\n useTextTruncation: col.useTextTruncation,\n wrapText: props.wrapText,\n normalize: props.normalizeDataKeys,\n })(col),\n ),\n ],\n decorateRenderers: [],\n getRowProps: [],\n getHeaderRowProps: [],\n getBodyProps: [],\n getTableProps: [],\n getHeaderProps: [],\n composeRows: [],\n };\n\n const decorators = useMemo(() => {\n let nextDecorators = defaultDecorators;\n // eslint-disable-next-line no-return-assign\n plugins.forEach((plugin) => (nextDecorators = plugin(nextDecorators)));\n return nextDecorators;\n }, [plugins]);\n\n instance.current = decorators.decorateGrid.reduce(\n (nextInstance, decorator) => ({\n ...nextInstance,\n ...decorator(instance.current),\n }),\n instance.current,\n );\n\n instance.current = decorators.registerStateHook.reduce(\n (nextInstance, decorator) => {\n const { state, actions } = decorator(instance.current);\n return {\n ...nextInstance,\n state: {\n ...nextInstance.state,\n ...state,\n },\n actions: {\n ...nextInstance.actions,\n ...actions,\n },\n };\n },\n instance.current,\n );\n\n const reduceHotKey = (nextInstance, { key, handler, options }) => ({\n ...nextInstance,\n hotKeys: {\n ...nextInstance.hotKeys,\n [key]: { handler, options },\n },\n });\n instance.current = decorators.registerHotKeys.reduce(\n (nextInstance, decorator) => {\n const hotKeys = decorator(nextInstance);\n if (Array.isArray(hotKeys)) {\n return hotKeys.reduce(reduceHotKey, nextInstance);\n }\n return reduceHotKey(nextInstance, hotKeys);\n },\n instance.current,\n );\n\n instance.current.decoratedRenderers = applyDecorators(\n instance.current.decoratedRenderers,\n decorators.decorateRenderers,\n instance.current,\n );\n\n instance.current.decoratedColumns = useMemo(() => {\n const visibleColumns = cloneDeep(columns).filter(\n (column) => typeof column.visible === 'undefined' || column.visible,\n );\n return visibleColumns.length\n ? decorateColumns(visibleColumns, decorators, instance.current)\n : [];\n }, [columns]);\n\n instance.current.getBodyProps = reducePropsGetter(\n decorators.getBodyProps,\n instance.current,\n );\n instance.current.getHeaderProps = reducePropsGetter(\n decorators.getHeaderProps,\n instance.current,\n );\n instance.current.getRowProps = reducePropsGetter(\n decorators.getRowProps,\n instance.current,\n );\n instance.current.getHeaderRowProps = reducePropsGetter(\n decorators.getHeaderRowProps,\n instance.current,\n );\n instance.current.getTableProps = reducePropsGetter(\n decorators.getTableProps,\n instance.current,\n );\n\n instance.current.composedRows = decorators.composeRows.reduce(\n (nextRows, getter) => getter(nextRows, instance.current),\n instance.current.composedRows,\n );\n\n RowsObserver.notify(instance.current.composedRows);\n\n const currentShouldRefocus = instance.current.shouldRefocus.current;\n const prevState = usePrevious(instance.current.state);\n if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {\n instance.current.shouldRefocus.current = currentShouldRefocus.value;\n } else {\n instance.current.shouldRefocus.current = !isEqual(\n prevState,\n instance.current.state,\n );\n }\n\n if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n return {\n ...instance.current,\n decorators,\n };\n};\n\nexport default useDataGrid;\n\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import { default as default2, default as default3 } from "./useDataList";
3
- export {
4
- default2 as default,
5
- default3 as useDataList
6
- };
7
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, default as useDataList } from './useDataList';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,26 +0,0 @@
1
- import * as React from "react";
2
- const defaultStrategy = () => {
3
- throw Error("Implement an iterator strategy for record iterator");
4
- };
5
- function recordIterator(records, strategy = defaultStrategy, decorators = [], instance) {
6
- const nextRows = [];
7
- strategy({
8
- data: records,
9
- cb: (row) => {
10
- let nextRow = row;
11
- for (let i = 0; i < decorators.length; i++) {
12
- nextRow = decorators[i](nextRow, instance);
13
- if (!nextRow)
14
- break;
15
- }
16
- if (nextRow)
17
- nextRows.push(nextRow);
18
- },
19
- instance
20
- });
21
- return nextRows;
22
- }
23
- export {
24
- recordIterator
25
- };
26
- //# sourceMappingURL=recordIterator.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/recordIterator.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const defaultStrategy = () => {\n throw Error('Implement an iterator strategy for record iterator');\n};\n\nexport function recordIterator(\n records,\n strategy = defaultStrategy,\n decorators = [],\n instance,\n) {\n const nextRows = [];\n\n strategy({\n data: records,\n cb: row => {\n let nextRow = row;\n\n // eslint-disable-next-line no-loops/no-loops,no-plusplus\n for (let i = 0; i < decorators.length; i++) {\n nextRow = decorators[i](nextRow, instance);\n if (!nextRow) break;\n }\n\n if (nextRow) nextRows.push(nextRow);\n },\n instance,\n });\n\n return nextRows;\n}\n"],
5
- "mappings": "AAAA;ACAA,MAAM,kBAAkB,MAAM;AAC5B,QAAM,MAAM;AAAA;AAGP,wBACL,SACA,WAAW,iBACX,aAAa,IACb,UACA;AACA,QAAM,WAAW;AAEjB,WAAS;AAAA,IACP,MAAM;AAAA,IACN,IAAI,SAAO;AACT,UAAI,UAAU;AAGd,eAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK;AAC1C,kBAAU,WAAW,GAAG,SAAS;AACjC,YAAI,CAAC;AAAS;AAAA;AAGhB,UAAI;AAAS,iBAAS,KAAK;AAAA;AAAA,IAE7B;AAAA;AAGF,SAAO;AAAA;",
6
- "names": []
7
- }
@@ -1,67 +0,0 @@
1
- import * as React from "react";
2
- import { useMemo, useRef } from "react";
3
- import { setRef } from "@elliemae/ds-utilities";
4
- import get from "lodash/get";
5
- import {
6
- composeFormatters,
7
- reducePropsGetter
8
- } from "../createDataInstance/utils";
9
- import { recordIterator } from "./recordIterator";
10
- import { createDataInstanceRef } from "../createDataInstance/createInstanceRef";
11
- const getItemLabel = (record, nameKey = "name") => get(record, ["data", nameKey]);
12
- const getItemChildren = (record, childrenKey = "children") => get(record, ["data", childrenKey]);
13
- const listRenderers = {
14
- list: "ul",
15
- item: "li"
16
- };
17
- const useDataList = ({
18
- data = [],
19
- plugins = [],
20
- renderers = listRenderers,
21
- itemRenderer = [],
22
- customDecorators,
23
- ...props
24
- }) => {
25
- const listRef = useRef();
26
- const { instance, decorators } = createDataInstanceRef({
27
- data,
28
- renderers,
29
- plugins,
30
- customDecorators: {
31
- ...customDecorators,
32
- recordIterator,
33
- getListProps: [],
34
- getItemProps: [],
35
- itemRenderer: [...itemRenderer],
36
- record: [],
37
- records: []
38
- },
39
- ...props
40
- });
41
- instance.current.getListRef = () => listRef;
42
- instance.current.setListRef = (ref) => {
43
- listRef.current = ref;
44
- };
45
- instance.current.getItemLabel = (record) => getItemLabel(record, props.nameKey);
46
- instance.current.getItemChildren = (record) => getItemChildren(record, props.childrenKey);
47
- instance.current.decorators = decorators;
48
- instance.current.getListProps = reducePropsGetter(decorators.getListProps, instance.current);
49
- instance.current.getItemProps = reducePropsGetter(decorators.getItemProps, instance.current);
50
- instance.current.itemRenderer = composeFormatters(instance.current.decorators.itemRenderer, instance.current);
51
- instance.current.records = useMemo(() => {
52
- let nextRecords = recordIterator(data, instance.current.decorators.recordIterator, decorators.record, instance.current);
53
- nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
54
- return nextRecords;
55
- });
56
- if (props.instanceRef)
57
- setRef(props.instanceRef, instance.current);
58
- return instance.current;
59
- };
60
- var useDataList_default = useDataList;
61
- export {
62
- useDataList_default as default,
63
- getItemChildren,
64
- getItemLabel,
65
- useDataList
66
- };
67
- //# sourceMappingURL=useDataList.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/useDataList.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport get from 'lodash/get';\nimport {\n composeFormatters,\n reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { recordIterator } from './recordIterator';\nimport { createDataInstanceRef } from '../createDataInstance/createInstanceRef';\n\nexport const getItemLabel = (record, nameKey = 'name') =>\n get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') =>\n get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n list: 'ul',\n item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport const useDataList = ({\n data = [],\n plugins = [],\n renderers = listRenderers,\n itemRenderer = [],\n customDecorators,\n ...props\n}) => {\n const listRef = useRef();\n const { instance, decorators } = createDataInstanceRef({\n data,\n renderers,\n plugins,\n customDecorators: {\n ...customDecorators,\n recordIterator,\n getListProps: [],\n getItemProps: [],\n itemRenderer: [...itemRenderer], // components reduce to compose item content\n record: [],\n records: [],\n },\n ...props,\n });\n instance.current.getListRef = () => listRef;\n instance.current.setListRef = (ref) => {\n listRef.current = ref;\n };\n instance.current.getItemLabel = (record) =>\n getItemLabel(record, props.nameKey);\n instance.current.getItemChildren = (record) =>\n getItemChildren(record, props.childrenKey);\n\n instance.current.decorators = decorators;\n instance.current.getListProps = reducePropsGetter(\n decorators.getListProps,\n instance.current,\n );\n instance.current.getItemProps = reducePropsGetter(\n decorators.getItemProps,\n instance.current,\n );\n instance.current.itemRenderer = composeFormatters(\n instance.current.decorators.itemRenderer,\n instance.current,\n );\n\n instance.current.records = useMemo(() => {\n // record iterator TREE / Simple\n let nextRecords = recordIterator(\n data,\n instance.current.decorators.recordIterator,\n decorators.record,\n instance.current,\n );\n\n // compose all records\n nextRecords = decorators.records.reduce(\n (nextRows, getter) => getter(nextRows, instance.current),\n nextRecords,\n );\n\n return nextRecords;\n });\n\n if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n return instance.current;\n};\n\nexport default useDataList;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEO,MAAM,eAAe,CAAC,QAAQ,UAAU,WAC7C,IAAI,QAAQ,CAAC,QAAQ;AAChB,MAAM,kBAAkB,CAAC,QAAQ,cAAc,eACpD,IAAI,QAAQ,CAAC,QAAQ;AAEvB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA;AAID,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,KACG;AAAA,MACC;AACJ,QAAM,UAAU;AAChB,QAAM,EAAE,UAAU,eAAe,sBAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,SACb;AAAA,MACH;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,cAAc,CAAC,GAAG;AAAA,MAClB,QAAQ;AAAA,MACR,SAAS;AAAA;AAAA,OAER;AAAA;AAEL,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA;AAEpB,WAAS,QAAQ,eAAe,CAAC,WAC/B,aAAa,QAAQ,MAAM;AAC7B,WAAS,QAAQ,kBAAkB,CAAC,WAClC,gBAAgB,QAAQ,MAAM;AAEhC,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,eAAe,kBAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,kBAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,kBAC9B,SAAS,QAAQ,WAAW,cAC5B,SAAS;AAGX,WAAS,QAAQ,UAAU,QAAQ,MAAM;AAEvC,QAAI,cAAc,eAChB,MACA,SAAS,QAAQ,WAAW,gBAC5B,WAAW,QACX,SAAS;AAIX,kBAAc,WAAW,QAAQ,OAC/B,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,UAChD;AAGF,WAAO;AAAA;AAGT,MAAI,MAAM;AAAa,WAAO,MAAM,aAAa,SAAS;AAE1D,SAAO,SAAS;AAAA;AAGlB,IAAO,sBAAQ;",
6
- "names": []
7
- }