@vuu-ui/vuu-utils 2.1.18 → 2.1.19-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (430) hide show
  1. package/package.json +11 -14
  2. package/src/Clock.js +43 -0
  3. package/src/PageVisibilityObserver.js +42 -0
  4. package/src/ScaledDecimal.js +32 -0
  5. package/src/ShellContext.js +5 -0
  6. package/src/ThemeProvider.js +56 -0
  7. package/src/array-utils.js +51 -0
  8. package/src/box-utils.js +51 -0
  9. package/src/broadcast-channel.js +0 -0
  10. package/src/column-utils.js +790 -0
  11. package/src/common-types.js +11 -0
  12. package/src/component-registry.js +83 -0
  13. package/src/context-definitions/DataContext.js +15 -0
  14. package/src/context-definitions/DataProvider.js +13 -0
  15. package/src/context-definitions/DataSourceProvider.js +18 -0
  16. package/src/context-definitions/WorkspaceContext.js +14 -0
  17. package/src/cookie-utils.js +15 -0
  18. package/src/css-utils.js +5 -0
  19. package/src/data-editing/DataEditingProvider.js +13 -0
  20. package/src/data-editing/EditButtons.js +32 -0
  21. package/src/data-editing/EditModeProvider.js +18 -0
  22. package/src/data-editing/EditSession.js +149 -0
  23. package/src/data-editing/edit-utils.js +37 -0
  24. package/src/data-editing/useEditableTable.js +76 -0
  25. package/src/data-utils.js +55 -0
  26. package/src/datasource/BaseDataSource.js +233 -0
  27. package/src/datasource/datasource-action-utils.js +6 -0
  28. package/src/datasource/datasource-filter-utils.js +27 -0
  29. package/src/datasource/datasource-utils.js +148 -0
  30. package/src/date/date-utils.js +80 -0
  31. package/src/date/dateTimePattern.js +17 -0
  32. package/src/date/formatter.js +101 -0
  33. package/src/date/index.js +4 -0
  34. package/src/date/types.js +27 -0
  35. package/src/debug-utils.js +25 -0
  36. package/src/event-emitter.js +78 -0
  37. package/src/feature-utils.js +86 -0
  38. package/src/filters/filter-utils.js +136 -0
  39. package/src/filters/filterAsQuery.js +70 -0
  40. package/src/filters/index.js +2 -0
  41. package/src/form-utils.js +69 -0
  42. package/src/formatting-utils.js +42 -0
  43. package/src/getUniqueId.js +2 -0
  44. package/src/group-utils.js +16 -0
  45. package/src/html-utils.js +108 -0
  46. package/src/index.js +77 -0
  47. package/src/input-utils.js +3 -0
  48. package/src/invariant.js +9 -0
  49. package/src/itemToString.js +9 -0
  50. package/src/json-types.js +0 -0
  51. package/src/json-utils.js +108 -0
  52. package/{esm/packages/vuu-utils/src → src}/keyboard-utils.js +1 -3
  53. package/src/keyset.js +57 -0
  54. package/src/layout-types.js +0 -0
  55. package/src/list-utils.js +5 -0
  56. package/src/local-storage-utils.js +23 -0
  57. package/src/logging-utils.js +52 -0
  58. package/src/module-utils.js +2 -0
  59. package/src/nanoid/index.js +13 -0
  60. package/src/perf-utils.js +28 -0
  61. package/src/promise-utils.js +26 -0
  62. package/src/protocol-message-utils.js +68 -0
  63. package/src/range-utils.js +109 -0
  64. package/src/react-utils.js +64 -0
  65. package/src/round-decimal.js +83 -0
  66. package/src/row-utils.js +43 -0
  67. package/src/selection-utils.js +25 -0
  68. package/src/shell-layout-types.js +9 -0
  69. package/src/sort-utils.js +75 -0
  70. package/src/table-schema-utils.js +11 -0
  71. package/src/text-utils.js +13 -0
  72. package/src/theme-utils.js +21 -0
  73. package/src/tree-types.js +0 -0
  74. package/src/tree-utils.js +96 -0
  75. package/src/ts-utils.js +6 -0
  76. package/src/typeahead-utils.js +4 -0
  77. package/src/url-utils.js +12 -0
  78. package/src/useId.js +6 -0
  79. package/src/useLayoutEffectSkipFirst.js +9 -0
  80. package/src/useResizeObserver.js +122 -0
  81. package/src/useStateRef.js +21 -0
  82. package/src/user-types.js +0 -0
  83. package/types/ThemeProvider.d.ts +4 -4
  84. package/types/data-utils.d.ts +1 -1
  85. package/types/date/date-utils.d.ts +8 -8
  86. package/types/feature-utils.d.ts +1 -1
  87. package/types/filters/filter-utils.d.ts +15 -15
  88. package/cjs/node_modules/@dnd-kit/abstract/index.js +0 -1488
  89. package/cjs/node_modules/@dnd-kit/abstract/index.js.map +0 -1
  90. package/cjs/node_modules/@dnd-kit/abstract/modifiers.js +0 -85
  91. package/cjs/node_modules/@dnd-kit/abstract/modifiers.js.map +0 -1
  92. package/cjs/node_modules/@dnd-kit/collision/dist/index.js +0 -91
  93. package/cjs/node_modules/@dnd-kit/collision/dist/index.js.map +0 -1
  94. package/cjs/node_modules/@dnd-kit/dom/index.js +0 -1991
  95. package/cjs/node_modules/@dnd-kit/dom/index.js.map +0 -1
  96. package/cjs/node_modules/@dnd-kit/dom/sortable.js +0 -828
  97. package/cjs/node_modules/@dnd-kit/dom/sortable.js.map +0 -1
  98. package/cjs/node_modules/@dnd-kit/dom/utilities.js +0 -1389
  99. package/cjs/node_modules/@dnd-kit/dom/utilities.js.map +0 -1
  100. package/cjs/node_modules/@dnd-kit/geometry/dist/index.js +0 -310
  101. package/cjs/node_modules/@dnd-kit/geometry/dist/index.js.map +0 -1
  102. package/cjs/node_modules/@dnd-kit/react/hooks.js +0 -134
  103. package/cjs/node_modules/@dnd-kit/react/hooks.js.map +0 -1
  104. package/cjs/node_modules/@dnd-kit/react/index.js +0 -398
  105. package/cjs/node_modules/@dnd-kit/react/index.js.map +0 -1
  106. package/cjs/node_modules/@dnd-kit/react/sortable.js +0 -177
  107. package/cjs/node_modules/@dnd-kit/react/sortable.js.map +0 -1
  108. package/cjs/node_modules/@dnd-kit/react/utilities.js +0 -19
  109. package/cjs/node_modules/@dnd-kit/react/utilities.js.map +0 -1
  110. package/cjs/node_modules/@dnd-kit/state/dist/index.js +0 -280
  111. package/cjs/node_modules/@dnd-kit/state/dist/index.js.map +0 -1
  112. package/cjs/node_modules/@preact/signals-core/dist/signals-core.js +0 -11
  113. package/cjs/node_modules/@preact/signals-core/dist/signals-core.js.map +0 -1
  114. package/cjs/packages/vuu-utils/src/Clock.js +0 -62
  115. package/cjs/packages/vuu-utils/src/Clock.js.map +0 -1
  116. package/cjs/packages/vuu-utils/src/PageVisibilityObserver.js +0 -80
  117. package/cjs/packages/vuu-utils/src/PageVisibilityObserver.js.map +0 -1
  118. package/cjs/packages/vuu-utils/src/ScaledDecimal.js +0 -43
  119. package/cjs/packages/vuu-utils/src/ScaledDecimal.js.map +0 -1
  120. package/cjs/packages/vuu-utils/src/ShellContext.js +0 -13
  121. package/cjs/packages/vuu-utils/src/ShellContext.js.map +0 -1
  122. package/cjs/packages/vuu-utils/src/ThemeProvider.js +0 -85
  123. package/cjs/packages/vuu-utils/src/ThemeProvider.js.map +0 -1
  124. package/cjs/packages/vuu-utils/src/array-utils.js +0 -87
  125. package/cjs/packages/vuu-utils/src/array-utils.js.map +0 -1
  126. package/cjs/packages/vuu-utils/src/box-utils.js +0 -53
  127. package/cjs/packages/vuu-utils/src/box-utils.js.map +0 -1
  128. package/cjs/packages/vuu-utils/src/column-utils.js +0 -1057
  129. package/cjs/packages/vuu-utils/src/column-utils.js.map +0 -1
  130. package/cjs/packages/vuu-utils/src/common-types.js +0 -15
  131. package/cjs/packages/vuu-utils/src/common-types.js.map +0 -1
  132. package/cjs/packages/vuu-utils/src/component-registry.js +0 -144
  133. package/cjs/packages/vuu-utils/src/component-registry.js.map +0 -1
  134. package/cjs/packages/vuu-utils/src/context-definitions/DataContext.js +0 -21
  135. package/cjs/packages/vuu-utils/src/context-definitions/DataContext.js.map +0 -1
  136. package/cjs/packages/vuu-utils/src/context-definitions/DataProvider.js +0 -19
  137. package/cjs/packages/vuu-utils/src/context-definitions/DataProvider.js.map +0 -1
  138. package/cjs/packages/vuu-utils/src/context-definitions/DataSourceProvider.js +0 -33
  139. package/cjs/packages/vuu-utils/src/context-definitions/DataSourceProvider.js.map +0 -1
  140. package/cjs/packages/vuu-utils/src/context-definitions/WorkspaceContext.js +0 -20
  141. package/cjs/packages/vuu-utils/src/context-definitions/WorkspaceContext.js.map +0 -1
  142. package/cjs/packages/vuu-utils/src/cookie-utils.js +0 -22
  143. package/cjs/packages/vuu-utils/src/cookie-utils.js.map +0 -1
  144. package/cjs/packages/vuu-utils/src/css-utils.js +0 -9
  145. package/cjs/packages/vuu-utils/src/css-utils.js.map +0 -1
  146. package/cjs/packages/vuu-utils/src/data-editing/DataEditingProvider.js +0 -28
  147. package/cjs/packages/vuu-utils/src/data-editing/DataEditingProvider.js.map +0 -1
  148. package/cjs/packages/vuu-utils/src/data-editing/EditButtons.js +0 -34
  149. package/cjs/packages/vuu-utils/src/data-editing/EditButtons.js.map +0 -1
  150. package/cjs/packages/vuu-utils/src/data-editing/EditSession.js +0 -204
  151. package/cjs/packages/vuu-utils/src/data-editing/EditSession.js.map +0 -1
  152. package/cjs/packages/vuu-utils/src/data-editing/edit-utils.js +0 -37
  153. package/cjs/packages/vuu-utils/src/data-editing/edit-utils.js.map +0 -1
  154. package/cjs/packages/vuu-utils/src/data-editing/useEditableTable.js +0 -81
  155. package/cjs/packages/vuu-utils/src/data-editing/useEditableTable.js.map +0 -1
  156. package/cjs/packages/vuu-utils/src/data-utils.js +0 -96
  157. package/cjs/packages/vuu-utils/src/data-utils.js.map +0 -1
  158. package/cjs/packages/vuu-utils/src/datasource/BaseDataSource.js +0 -317
  159. package/cjs/packages/vuu-utils/src/datasource/BaseDataSource.js.map +0 -1
  160. package/cjs/packages/vuu-utils/src/datasource/datasource-action-utils.js +0 -14
  161. package/cjs/packages/vuu-utils/src/datasource/datasource-action-utils.js.map +0 -1
  162. package/cjs/packages/vuu-utils/src/datasource/datasource-filter-utils.js +0 -40
  163. package/cjs/packages/vuu-utils/src/datasource/datasource-filter-utils.js.map +0 -1
  164. package/cjs/packages/vuu-utils/src/datasource/datasource-utils.js +0 -218
  165. package/cjs/packages/vuu-utils/src/datasource/datasource-utils.js.map +0 -1
  166. package/cjs/packages/vuu-utils/src/date/date-utils.js +0 -131
  167. package/cjs/packages/vuu-utils/src/date/date-utils.js.map +0 -1
  168. package/cjs/packages/vuu-utils/src/date/dateTimePattern.js +0 -26
  169. package/cjs/packages/vuu-utils/src/date/dateTimePattern.js.map +0 -1
  170. package/cjs/packages/vuu-utils/src/date/formatter.js +0 -82
  171. package/cjs/packages/vuu-utils/src/date/formatter.js.map +0 -1
  172. package/cjs/packages/vuu-utils/src/date/types.js +0 -32
  173. package/cjs/packages/vuu-utils/src/date/types.js.map +0 -1
  174. package/cjs/packages/vuu-utils/src/debug-utils.js +0 -34
  175. package/cjs/packages/vuu-utils/src/debug-utils.js.map +0 -1
  176. package/cjs/packages/vuu-utils/src/event-emitter.js +0 -113
  177. package/cjs/packages/vuu-utils/src/event-emitter.js.map +0 -1
  178. package/cjs/packages/vuu-utils/src/feature-utils.js +0 -139
  179. package/cjs/packages/vuu-utils/src/feature-utils.js.map +0 -1
  180. package/cjs/packages/vuu-utils/src/filters/filter-utils.js +0 -182
  181. package/cjs/packages/vuu-utils/src/filters/filter-utils.js.map +0 -1
  182. package/cjs/packages/vuu-utils/src/filters/filterAsQuery.js +0 -69
  183. package/cjs/packages/vuu-utils/src/filters/filterAsQuery.js.map +0 -1
  184. package/cjs/packages/vuu-utils/src/form-utils.js +0 -117
  185. package/cjs/packages/vuu-utils/src/form-utils.js.map +0 -1
  186. package/cjs/packages/vuu-utils/src/formatting-utils.js +0 -98
  187. package/cjs/packages/vuu-utils/src/formatting-utils.js.map +0 -1
  188. package/cjs/packages/vuu-utils/src/getUniqueId.js +0 -6
  189. package/cjs/packages/vuu-utils/src/getUniqueId.js.map +0 -1
  190. package/cjs/packages/vuu-utils/src/group-utils.js +0 -27
  191. package/cjs/packages/vuu-utils/src/group-utils.js.map +0 -1
  192. package/cjs/packages/vuu-utils/src/html-utils.js +0 -162
  193. package/cjs/packages/vuu-utils/src/html-utils.js.map +0 -1
  194. package/cjs/packages/vuu-utils/src/index.js +0 -475
  195. package/cjs/packages/vuu-utils/src/index.js.map +0 -1
  196. package/cjs/packages/vuu-utils/src/input-utils.js +0 -10
  197. package/cjs/packages/vuu-utils/src/input-utils.js.map +0 -1
  198. package/cjs/packages/vuu-utils/src/invariant.js +0 -13
  199. package/cjs/packages/vuu-utils/src/invariant.js.map +0 -1
  200. package/cjs/packages/vuu-utils/src/itemToString.js +0 -23
  201. package/cjs/packages/vuu-utils/src/itemToString.js.map +0 -1
  202. package/cjs/packages/vuu-utils/src/json-utils.js +0 -105
  203. package/cjs/packages/vuu-utils/src/json-utils.js.map +0 -1
  204. package/cjs/packages/vuu-utils/src/keyboard-utils.js +0 -30
  205. package/cjs/packages/vuu-utils/src/keyboard-utils.js.map +0 -1
  206. package/cjs/packages/vuu-utils/src/keyset.js +0 -72
  207. package/cjs/packages/vuu-utils/src/keyset.js.map +0 -1
  208. package/cjs/packages/vuu-utils/src/list-utils.js +0 -11
  209. package/cjs/packages/vuu-utils/src/list-utils.js.map +0 -1
  210. package/cjs/packages/vuu-utils/src/local-storage-utils.js +0 -35
  211. package/cjs/packages/vuu-utils/src/local-storage-utils.js.map +0 -1
  212. package/cjs/packages/vuu-utils/src/logging-utils.js +0 -65
  213. package/cjs/packages/vuu-utils/src/logging-utils.js.map +0 -1
  214. package/cjs/packages/vuu-utils/src/module-utils.js +0 -6
  215. package/cjs/packages/vuu-utils/src/module-utils.js.map +0 -1
  216. package/cjs/packages/vuu-utils/src/nanoid/index.js +0 -22
  217. package/cjs/packages/vuu-utils/src/nanoid/index.js.map +0 -1
  218. package/cjs/packages/vuu-utils/src/perf-utils.js +0 -35
  219. package/cjs/packages/vuu-utils/src/perf-utils.js.map +0 -1
  220. package/cjs/packages/vuu-utils/src/promise-utils.js +0 -42
  221. package/cjs/packages/vuu-utils/src/promise-utils.js.map +0 -1
  222. package/cjs/packages/vuu-utils/src/protocol-message-utils.js +0 -104
  223. package/cjs/packages/vuu-utils/src/protocol-message-utils.js.map +0 -1
  224. package/cjs/packages/vuu-utils/src/range-utils.js +0 -115
  225. package/cjs/packages/vuu-utils/src/range-utils.js.map +0 -1
  226. package/cjs/packages/vuu-utils/src/react-utils.js +0 -72
  227. package/cjs/packages/vuu-utils/src/react-utils.js.map +0 -1
  228. package/cjs/packages/vuu-utils/src/round-decimal.js +0 -131
  229. package/cjs/packages/vuu-utils/src/round-decimal.js.map +0 -1
  230. package/cjs/packages/vuu-utils/src/row-utils.js +0 -59
  231. package/cjs/packages/vuu-utils/src/row-utils.js.map +0 -1
  232. package/cjs/packages/vuu-utils/src/selection-utils.js +0 -34
  233. package/cjs/packages/vuu-utils/src/selection-utils.js.map +0 -1
  234. package/cjs/packages/vuu-utils/src/shell-layout-types.js +0 -13
  235. package/cjs/packages/vuu-utils/src/shell-layout-types.js.map +0 -1
  236. package/cjs/packages/vuu-utils/src/sort-utils.js +0 -78
  237. package/cjs/packages/vuu-utils/src/sort-utils.js.map +0 -1
  238. package/cjs/packages/vuu-utils/src/table-schema-utils.js +0 -13
  239. package/cjs/packages/vuu-utils/src/table-schema-utils.js.map +0 -1
  240. package/cjs/packages/vuu-utils/src/text-utils.js +0 -21
  241. package/cjs/packages/vuu-utils/src/text-utils.js.map +0 -1
  242. package/cjs/packages/vuu-utils/src/theme-utils.js +0 -36
  243. package/cjs/packages/vuu-utils/src/theme-utils.js.map +0 -1
  244. package/cjs/packages/vuu-utils/src/tree-utils.js +0 -114
  245. package/cjs/packages/vuu-utils/src/tree-utils.js.map +0 -1
  246. package/cjs/packages/vuu-utils/src/ts-utils.js +0 -12
  247. package/cjs/packages/vuu-utils/src/ts-utils.js.map +0 -1
  248. package/cjs/packages/vuu-utils/src/typeahead-utils.js +0 -6
  249. package/cjs/packages/vuu-utils/src/typeahead-utils.js.map +0 -1
  250. package/cjs/packages/vuu-utils/src/url-utils.js +0 -21
  251. package/cjs/packages/vuu-utils/src/url-utils.js.map +0 -1
  252. package/cjs/packages/vuu-utils/src/useId.js +0 -9
  253. package/cjs/packages/vuu-utils/src/useId.js.map +0 -1
  254. package/cjs/packages/vuu-utils/src/useLayoutEffectSkipFirst.js +0 -17
  255. package/cjs/packages/vuu-utils/src/useLayoutEffectSkipFirst.js.map +0 -1
  256. package/cjs/packages/vuu-utils/src/useResizeObserver.js +0 -134
  257. package/cjs/packages/vuu-utils/src/useResizeObserver.js.map +0 -1
  258. package/cjs/packages/vuu-utils/src/useStateRef.js +0 -23
  259. package/cjs/packages/vuu-utils/src/useStateRef.js.map +0 -1
  260. package/esm/node_modules/@dnd-kit/abstract/index.js +0 -1472
  261. package/esm/node_modules/@dnd-kit/abstract/index.js.map +0 -1
  262. package/esm/node_modules/@dnd-kit/abstract/modifiers.js +0 -82
  263. package/esm/node_modules/@dnd-kit/abstract/modifiers.js.map +0 -1
  264. package/esm/node_modules/@dnd-kit/collision/dist/index.js +0 -86
  265. package/esm/node_modules/@dnd-kit/collision/dist/index.js.map +0 -1
  266. package/esm/node_modules/@dnd-kit/dom/index.js +0 -1977
  267. package/esm/node_modules/@dnd-kit/dom/index.js.map +0 -1
  268. package/esm/node_modules/@dnd-kit/dom/sortable.js +0 -822
  269. package/esm/node_modules/@dnd-kit/dom/sortable.js.map +0 -1
  270. package/esm/node_modules/@dnd-kit/dom/utilities.js +0 -1344
  271. package/esm/node_modules/@dnd-kit/dom/utilities.js.map +0 -1
  272. package/esm/node_modules/@dnd-kit/geometry/dist/index.js +0 -303
  273. package/esm/node_modules/@dnd-kit/geometry/dist/index.js.map +0 -1
  274. package/esm/node_modules/@dnd-kit/react/hooks.js +0 -126
  275. package/esm/node_modules/@dnd-kit/react/hooks.js.map +0 -1
  276. package/esm/node_modules/@dnd-kit/react/index.js +0 -392
  277. package/esm/node_modules/@dnd-kit/react/index.js.map +0 -1
  278. package/esm/node_modules/@dnd-kit/react/sortable.js +0 -175
  279. package/esm/node_modules/@dnd-kit/react/sortable.js.map +0 -1
  280. package/esm/node_modules/@dnd-kit/react/utilities.js +0 -17
  281. package/esm/node_modules/@dnd-kit/react/utilities.js.map +0 -1
  282. package/esm/node_modules/@dnd-kit/state/dist/index.js +0 -266
  283. package/esm/node_modules/@dnd-kit/state/dist/index.js.map +0 -1
  284. package/esm/node_modules/@preact/signals-core/dist/signals-core.js +0 -4
  285. package/esm/node_modules/@preact/signals-core/dist/signals-core.js.map +0 -1
  286. package/esm/packages/vuu-utils/src/Clock.js +0 -60
  287. package/esm/packages/vuu-utils/src/Clock.js.map +0 -1
  288. package/esm/packages/vuu-utils/src/PageVisibilityObserver.js +0 -78
  289. package/esm/packages/vuu-utils/src/PageVisibilityObserver.js.map +0 -1
  290. package/esm/packages/vuu-utils/src/ScaledDecimal.js +0 -37
  291. package/esm/packages/vuu-utils/src/ScaledDecimal.js.map +0 -1
  292. package/esm/packages/vuu-utils/src/ShellContext.js +0 -10
  293. package/esm/packages/vuu-utils/src/ShellContext.js.map +0 -1
  294. package/esm/packages/vuu-utils/src/ThemeProvider.js +0 -78
  295. package/esm/packages/vuu-utils/src/ThemeProvider.js.map +0 -1
  296. package/esm/packages/vuu-utils/src/array-utils.js +0 -79
  297. package/esm/packages/vuu-utils/src/array-utils.js.map +0 -1
  298. package/esm/packages/vuu-utils/src/box-utils.js +0 -47
  299. package/esm/packages/vuu-utils/src/box-utils.js.map +0 -1
  300. package/esm/packages/vuu-utils/src/column-utils.js +0 -970
  301. package/esm/packages/vuu-utils/src/column-utils.js.map +0 -1
  302. package/esm/packages/vuu-utils/src/common-types.js +0 -13
  303. package/esm/packages/vuu-utils/src/common-types.js.map +0 -1
  304. package/esm/packages/vuu-utils/src/component-registry.js +0 -128
  305. package/esm/packages/vuu-utils/src/component-registry.js.map +0 -1
  306. package/esm/packages/vuu-utils/src/context-definitions/DataContext.js +0 -18
  307. package/esm/packages/vuu-utils/src/context-definitions/DataContext.js.map +0 -1
  308. package/esm/packages/vuu-utils/src/context-definitions/DataProvider.js +0 -16
  309. package/esm/packages/vuu-utils/src/context-definitions/DataProvider.js.map +0 -1
  310. package/esm/packages/vuu-utils/src/context-definitions/DataSourceProvider.js +0 -29
  311. package/esm/packages/vuu-utils/src/context-definitions/DataSourceProvider.js.map +0 -1
  312. package/esm/packages/vuu-utils/src/context-definitions/WorkspaceContext.js +0 -17
  313. package/esm/packages/vuu-utils/src/context-definitions/WorkspaceContext.js.map +0 -1
  314. package/esm/packages/vuu-utils/src/cookie-utils.js +0 -19
  315. package/esm/packages/vuu-utils/src/cookie-utils.js.map +0 -1
  316. package/esm/packages/vuu-utils/src/css-utils.js +0 -7
  317. package/esm/packages/vuu-utils/src/css-utils.js.map +0 -1
  318. package/esm/packages/vuu-utils/src/data-editing/DataEditingProvider.js +0 -25
  319. package/esm/packages/vuu-utils/src/data-editing/DataEditingProvider.js.map +0 -1
  320. package/esm/packages/vuu-utils/src/data-editing/EditButtons.js +0 -32
  321. package/esm/packages/vuu-utils/src/data-editing/EditButtons.js.map +0 -1
  322. package/esm/packages/vuu-utils/src/data-editing/EditSession.js +0 -201
  323. package/esm/packages/vuu-utils/src/data-editing/EditSession.js.map +0 -1
  324. package/esm/packages/vuu-utils/src/data-editing/edit-utils.js +0 -34
  325. package/esm/packages/vuu-utils/src/data-editing/edit-utils.js.map +0 -1
  326. package/esm/packages/vuu-utils/src/data-editing/useEditableTable.js +0 -79
  327. package/esm/packages/vuu-utils/src/data-editing/useEditableTable.js.map +0 -1
  328. package/esm/packages/vuu-utils/src/data-utils.js +0 -82
  329. package/esm/packages/vuu-utils/src/data-utils.js.map +0 -1
  330. package/esm/packages/vuu-utils/src/datasource/BaseDataSource.js +0 -314
  331. package/esm/packages/vuu-utils/src/datasource/BaseDataSource.js.map +0 -1
  332. package/esm/packages/vuu-utils/src/datasource/datasource-action-utils.js +0 -8
  333. package/esm/packages/vuu-utils/src/datasource/datasource-action-utils.js.map +0 -1
  334. package/esm/packages/vuu-utils/src/datasource/datasource-filter-utils.js +0 -38
  335. package/esm/packages/vuu-utils/src/datasource/datasource-filter-utils.js.map +0 -1
  336. package/esm/packages/vuu-utils/src/datasource/datasource-utils.js +0 -193
  337. package/esm/packages/vuu-utils/src/datasource/datasource-utils.js.map +0 -1
  338. package/esm/packages/vuu-utils/src/date/date-utils.js +0 -121
  339. package/esm/packages/vuu-utils/src/date/date-utils.js.map +0 -1
  340. package/esm/packages/vuu-utils/src/date/dateTimePattern.js +0 -22
  341. package/esm/packages/vuu-utils/src/date/dateTimePattern.js.map +0 -1
  342. package/esm/packages/vuu-utils/src/date/formatter.js +0 -79
  343. package/esm/packages/vuu-utils/src/date/formatter.js.map +0 -1
  344. package/esm/packages/vuu-utils/src/date/types.js +0 -26
  345. package/esm/packages/vuu-utils/src/date/types.js.map +0 -1
  346. package/esm/packages/vuu-utils/src/debug-utils.js +0 -32
  347. package/esm/packages/vuu-utils/src/debug-utils.js.map +0 -1
  348. package/esm/packages/vuu-utils/src/event-emitter.js +0 -111
  349. package/esm/packages/vuu-utils/src/event-emitter.js.map +0 -1
  350. package/esm/packages/vuu-utils/src/feature-utils.js +0 -125
  351. package/esm/packages/vuu-utils/src/feature-utils.js.map +0 -1
  352. package/esm/packages/vuu-utils/src/filters/filter-utils.js +0 -159
  353. package/esm/packages/vuu-utils/src/filters/filter-utils.js.map +0 -1
  354. package/esm/packages/vuu-utils/src/filters/filterAsQuery.js +0 -65
  355. package/esm/packages/vuu-utils/src/filters/filterAsQuery.js.map +0 -1
  356. package/esm/packages/vuu-utils/src/form-utils.js +0 -110
  357. package/esm/packages/vuu-utils/src/form-utils.js.map +0 -1
  358. package/esm/packages/vuu-utils/src/formatting-utils.js +0 -93
  359. package/esm/packages/vuu-utils/src/formatting-utils.js.map +0 -1
  360. package/esm/packages/vuu-utils/src/getUniqueId.js +0 -4
  361. package/esm/packages/vuu-utils/src/getUniqueId.js.map +0 -1
  362. package/esm/packages/vuu-utils/src/group-utils.js +0 -23
  363. package/esm/packages/vuu-utils/src/group-utils.js.map +0 -1
  364. package/esm/packages/vuu-utils/src/html-utils.js +0 -145
  365. package/esm/packages/vuu-utils/src/html-utils.js.map +0 -1
  366. package/esm/packages/vuu-utils/src/index.js +0 -77
  367. package/esm/packages/vuu-utils/src/index.js.map +0 -1
  368. package/esm/packages/vuu-utils/src/input-utils.js +0 -7
  369. package/esm/packages/vuu-utils/src/input-utils.js.map +0 -1
  370. package/esm/packages/vuu-utils/src/invariant.js +0 -11
  371. package/esm/packages/vuu-utils/src/invariant.js.map +0 -1
  372. package/esm/packages/vuu-utils/src/itemToString.js +0 -21
  373. package/esm/packages/vuu-utils/src/itemToString.js.map +0 -1
  374. package/esm/packages/vuu-utils/src/json-utils.js +0 -103
  375. package/esm/packages/vuu-utils/src/json-utils.js.map +0 -1
  376. package/esm/packages/vuu-utils/src/keyboard-utils.js.map +0 -1
  377. package/esm/packages/vuu-utils/src/keyset.js +0 -70
  378. package/esm/packages/vuu-utils/src/keyset.js.map +0 -1
  379. package/esm/packages/vuu-utils/src/list-utils.js +0 -9
  380. package/esm/packages/vuu-utils/src/list-utils.js.map +0 -1
  381. package/esm/packages/vuu-utils/src/local-storage-utils.js +0 -30
  382. package/esm/packages/vuu-utils/src/local-storage-utils.js.map +0 -1
  383. package/esm/packages/vuu-utils/src/logging-utils.js +0 -61
  384. package/esm/packages/vuu-utils/src/logging-utils.js.map +0 -1
  385. package/esm/packages/vuu-utils/src/module-utils.js +0 -4
  386. package/esm/packages/vuu-utils/src/module-utils.js.map +0 -1
  387. package/esm/packages/vuu-utils/src/nanoid/index.js +0 -20
  388. package/esm/packages/vuu-utils/src/nanoid/index.js.map +0 -1
  389. package/esm/packages/vuu-utils/src/perf-utils.js +0 -32
  390. package/esm/packages/vuu-utils/src/perf-utils.js.map +0 -1
  391. package/esm/packages/vuu-utils/src/promise-utils.js +0 -40
  392. package/esm/packages/vuu-utils/src/promise-utils.js.map +0 -1
  393. package/esm/packages/vuu-utils/src/protocol-message-utils.js +0 -75
  394. package/esm/packages/vuu-utils/src/protocol-message-utils.js.map +0 -1
  395. package/esm/packages/vuu-utils/src/range-utils.js +0 -108
  396. package/esm/packages/vuu-utils/src/range-utils.js.map +0 -1
  397. package/esm/packages/vuu-utils/src/react-utils.js +0 -66
  398. package/esm/packages/vuu-utils/src/react-utils.js.map +0 -1
  399. package/esm/packages/vuu-utils/src/round-decimal.js +0 -127
  400. package/esm/packages/vuu-utils/src/round-decimal.js.map +0 -1
  401. package/esm/packages/vuu-utils/src/row-utils.js +0 -54
  402. package/esm/packages/vuu-utils/src/row-utils.js.map +0 -1
  403. package/esm/packages/vuu-utils/src/selection-utils.js +0 -31
  404. package/esm/packages/vuu-utils/src/selection-utils.js.map +0 -1
  405. package/esm/packages/vuu-utils/src/shell-layout-types.js +0 -11
  406. package/esm/packages/vuu-utils/src/shell-layout-types.js.map +0 -1
  407. package/esm/packages/vuu-utils/src/sort-utils.js +0 -73
  408. package/esm/packages/vuu-utils/src/sort-utils.js.map +0 -1
  409. package/esm/packages/vuu-utils/src/table-schema-utils.js +0 -11
  410. package/esm/packages/vuu-utils/src/table-schema-utils.js.map +0 -1
  411. package/esm/packages/vuu-utils/src/text-utils.js +0 -18
  412. package/esm/packages/vuu-utils/src/text-utils.js.map +0 -1
  413. package/esm/packages/vuu-utils/src/theme-utils.js +0 -34
  414. package/esm/packages/vuu-utils/src/theme-utils.js.map +0 -1
  415. package/esm/packages/vuu-utils/src/tree-utils.js +0 -108
  416. package/esm/packages/vuu-utils/src/tree-utils.js.map +0 -1
  417. package/esm/packages/vuu-utils/src/ts-utils.js +0 -8
  418. package/esm/packages/vuu-utils/src/ts-utils.js.map +0 -1
  419. package/esm/packages/vuu-utils/src/typeahead-utils.js +0 -4
  420. package/esm/packages/vuu-utils/src/typeahead-utils.js.map +0 -1
  421. package/esm/packages/vuu-utils/src/url-utils.js +0 -18
  422. package/esm/packages/vuu-utils/src/url-utils.js.map +0 -1
  423. package/esm/packages/vuu-utils/src/useId.js +0 -7
  424. package/esm/packages/vuu-utils/src/useId.js.map +0 -1
  425. package/esm/packages/vuu-utils/src/useLayoutEffectSkipFirst.js +0 -15
  426. package/esm/packages/vuu-utils/src/useLayoutEffectSkipFirst.js.map +0 -1
  427. package/esm/packages/vuu-utils/src/useResizeObserver.js +0 -130
  428. package/esm/packages/vuu-utils/src/useResizeObserver.js.map +0 -1
  429. package/esm/packages/vuu-utils/src/useStateRef.js +0 -21
  430. package/esm/packages/vuu-utils/src/useStateRef.js.map +0 -1
@@ -1,970 +0,0 @@
1
- import { moveItem } from './array-utils.js';
2
- import { queryClosest } from './html-utils.js';
3
-
4
- const SORT_ASC = "asc";
5
- const NO_HEADINGS = [];
6
- const DEFAULT_COL_WIDTH = 100;
7
- const DEFAULT_MAX_WIDTH = 250;
8
- const DEFAULT_MIN_WIDTH = 50;
9
- const AggregationType = {
10
- Average: 2,
11
- Count: 3,
12
- Distinct: 6,
13
- Sum: 1,
14
- High: 4,
15
- Low: 5
16
- };
17
- function mapSortCriteria(sortCriteria, columnMap, metadataOffset = 0) {
18
- return sortCriteria.map((s) => {
19
- if (typeof s === "string") {
20
- return [columnMap[s] + metadataOffset, "asc"];
21
- } else if (Array.isArray(s)) {
22
- const [columnName, sortDir] = s;
23
- return [columnMap[columnName] + metadataOffset, sortDir || SORT_ASC];
24
- } else {
25
- throw Error("columnUtils.mapSortCriteria invalid input");
26
- }
27
- });
28
- }
29
- const numericTypes = ["int", "long", "double"];
30
- const getDefaultAlignment = (serverDataType) => serverDataType === void 0 ? "left" : numericTypes.includes(serverDataType) ? "right" : "left";
31
- const getRuntimeColumnWidth = (col, runtimeColumns) => {
32
- const runtimeColumn = runtimeColumns.find(({ name }) => name === col.name);
33
- if (runtimeColumn) {
34
- return runtimeColumn.width;
35
- } else {
36
- return DEFAULT_COL_WIDTH;
37
- }
38
- };
39
- const applyRuntimeColumnWidthsToConfig = (tableConfig, columns) => {
40
- return {
41
- ...tableConfig,
42
- columns: columns.map((column) => ({
43
- ...column,
44
- width: column.width ?? getRuntimeColumnWidth(column, columns)
45
- })),
46
- columnLayout: "manual"
47
- };
48
- };
49
- const isValidColumnAlignment = (v) => v === "left" || v === "right";
50
- const isValidPinLocation = (v) => isValidColumnAlignment(v) || v === "floating" || v === "";
51
- const VUU_COLUMN_DATA_TYPES = [
52
- "long",
53
- "double",
54
- "int",
55
- "string",
56
- "char",
57
- "boolean",
58
- "scaleddecimal2",
59
- "scaleddecimal4",
60
- "scaleddecimal6",
61
- "scaleddecimal8",
62
- "epochtimestamp"
63
- ];
64
- const isVuuColumnDataType = (value) => VUU_COLUMN_DATA_TYPES.includes(value);
65
- const fromServerDataType = (serverDataType) => {
66
- switch (serverDataType) {
67
- case "double":
68
- case "int":
69
- case "long":
70
- return "number";
71
- case "boolean":
72
- return "boolean";
73
- default:
74
- return "string";
75
- }
76
- };
77
- const isTimestampColumn = ({ serverDataType }) => serverDataType === "epochtimestamp";
78
- const isNumericColumn = ({ serverDataType, type }) => {
79
- if (serverDataType === "int" || serverDataType === "long" || serverDataType === "double") {
80
- return true;
81
- }
82
- if (typeof type === "string") {
83
- return type === "number";
84
- }
85
- if (typeof type?.name === "string") {
86
- return type?.name === "number";
87
- }
88
- return false;
89
- };
90
- const isDateTimeDataType = (column) => (isTypeDescriptor(column.type) ? column.type.name : column.type) === "date/time";
91
- const isTimeDataType = (column) => (isTypeDescriptor(column.type) ? column.type.name : column.type) === "time";
92
- const isDateTimeDataValue = (column, serverDataType) => serverDataType === "epochtimestamp" || isTimestampColumn(column) || isDateTimeDataType(column);
93
- const isTimeDataValue = (column) => (isTypeDescriptor(column?.type) ? column.type.name : column?.type) === "time";
94
- const isPinned = (column) => typeof column.pin === "string";
95
- const hasHeadings = (column) => Array.isArray(column.heading) && column.heading.length > 0;
96
- const isResizing = (column) => column.resizing;
97
- const isTextColumn = ({ serverDataType }) => serverDataType === void 0 ? false : serverDataType === "char" || serverDataType === "string";
98
- const toColumnDescriptor = (name, serverDataType) => ({
99
- name,
100
- serverDataType
101
- });
102
- const isTypeDescriptor = (type) => typeof type !== "undefined" && typeof type !== "string";
103
- const EMPTY_COLUMN_MAP = {};
104
- const isColumnTypeRenderer = (renderer) => typeof renderer?.name !== "undefined";
105
- const hasCustomRenderer = (type) => isTypeDescriptor(type) && isColumnTypeRenderer(type.renderer);
106
- const isLookupRenderer = (renderer) => typeof renderer?.name !== "undefined" && "lookup" in renderer;
107
- const isValueListRenderer = (renderer) => typeof renderer?.name !== "undefined" && Array.isArray(renderer.values);
108
- const hasValidationRules = (type) => isTypeDescriptor(type) && Array.isArray(type.rules) && type.rules.length > 0;
109
- const isMappedValueTypeRenderer = (renderer) => renderer !== void 0 && typeof renderer?.map !== "undefined";
110
- function buildColumnMap(columns) {
111
- const start = metadataKeys.count;
112
- if (columns) {
113
- return columns.reduce((map, column, i) => {
114
- if (typeof column === "string") {
115
- map[column] = start + i;
116
- } else {
117
- map[column.name] = start + i;
118
- }
119
- return map;
120
- }, {});
121
- } else {
122
- return EMPTY_COLUMN_MAP;
123
- }
124
- }
125
- function projectUpdates(updates) {
126
- const results = [];
127
- const metadataOffset = metadataKeys.count - 2;
128
- for (let i = 0; i < updates.length; i += 3) {
129
- results[i] = updates[i] + metadataOffset;
130
- results[i + 1] = updates[i + 1];
131
- results[i + 2] = updates[i + 2];
132
- }
133
- return results;
134
- }
135
- const KEY = 6;
136
- const metadataKeys = {
137
- IDX: 0,
138
- RENDER_IDX: 1,
139
- IS_LEAF: 2,
140
- IS_EXPANDED: 3,
141
- DEPTH: 4,
142
- COUNT: 5,
143
- KEY,
144
- SELECTED: 7,
145
- TIMESTAMP: 8,
146
- IS_NEW: 9,
147
- count: 10,
148
- // TODO following only used in datamodel
149
- PARENT_IDX: "parent_idx",
150
- IDX_POINTER: "idx_pointer",
151
- FILTER_COUNT: "filter_count",
152
- NEXT_FILTER_IDX: "next_filter_idx"
153
- };
154
- const insertColumn = (columns, column) => {
155
- const { originalIdx } = column;
156
- if (typeof originalIdx === "number") {
157
- for (let i = 0; i < columns.length; i++) {
158
- const { originalIdx: colIdx = -1 } = columns[i];
159
- if (colIdx > originalIdx) {
160
- columns.splice(i, 0, column);
161
- return columns;
162
- }
163
- }
164
- }
165
- columns.push(column);
166
- return columns;
167
- };
168
- const flattenColumnGroup = (columns) => {
169
- if (columns[0]?.isGroup) {
170
- const [groupColumn, ...nonGroupedColumns] = columns;
171
- groupColumn.columns.forEach((groupColumn2) => {
172
- insertColumn(nonGroupedColumns, groupColumn2);
173
- });
174
- return nonGroupedColumns;
175
- } else {
176
- return columns;
177
- }
178
- };
179
- function extractGroupColumn({
180
- availableWidth,
181
- columns,
182
- groupBy,
183
- confirmed = true
184
- }) {
185
- if (groupBy && groupBy.length > 0) {
186
- const flattenedColumns = flattenColumnGroup(columns);
187
- const [groupedColumns, rest] = flattenedColumns.reduce(
188
- (result, column, i) => {
189
- const [g, r] = result;
190
- if (groupBy.includes(column.name)) {
191
- g.push({
192
- ...column,
193
- originalIdx: i
194
- });
195
- } else {
196
- r.push(column);
197
- }
198
- return result;
199
- },
200
- [[], []]
201
- );
202
- if (groupedColumns.length !== groupBy.length) {
203
- throw Error(
204
- `extractGroupColumn: no column definition found for all groupBy cols ${JSON.stringify(
205
- groupBy
206
- )} `
207
- );
208
- }
209
- const groupOnly = rest.length === 0;
210
- const groupCount = groupBy.length;
211
- const groupCols = groupBy.map((name, idx) => {
212
- const column = groupedColumns.find(
213
- (col) => col.name === name
214
- );
215
- return {
216
- ...column,
217
- groupLevel: groupCount - idx
218
- };
219
- });
220
- const width = groupOnly ? availableWidth : Math.min(
221
- availableWidth,
222
- groupCols.map((c) => c.width).reduce((a, b) => a + b) + 100
223
- );
224
- const groupCol = {
225
- ariaColIndex: 1,
226
- columns: groupCols,
227
- heading: ["group-col"],
228
- isGroup: true,
229
- groupConfirmed: confirmed,
230
- name: "group-col",
231
- width
232
- };
233
- const withAdjustedAriaIndex = [];
234
- let colIndex = 2;
235
- for (const column of rest) {
236
- withAdjustedAriaIndex.push({
237
- ...column,
238
- ariaColIndex: column.hidden ? -1 : colIndex
239
- });
240
- if (!column.hidden) {
241
- colIndex += 1;
242
- }
243
- }
244
- return [groupCol, withAdjustedAriaIndex];
245
- }
246
- return [null, flattenColumnGroup(columns)];
247
- }
248
- const isGroupColumn = (column) => column.isGroup === true;
249
- const checkConfirmationPending = (previousConfig) => {
250
- if (previousConfig) {
251
- const [column] = previousConfig.columns;
252
- if (column !== void 0 && isGroupColumn(column)) {
253
- return column.groupConfirmed;
254
- }
255
- }
256
- };
257
- const isJsonAttribute = (value) => typeof value === "string" && (value.endsWith("{") || value.endsWith("["));
258
- const isJsonGroup = (column, dataRow) => column.type?.name === "json" && isJsonAttribute(dataRow[column.name]);
259
- const isJsonColumn = (column) => column.type?.name === "json";
260
- const sortPinnedColumns = (columns, selectionBookendWidth = 0) => {
261
- const leftPinnedColumns = [];
262
- const rightPinnedColumns = [];
263
- const restColumns = [];
264
- let pinnedWidthLeft = selectionBookendWidth;
265
- for (const column of columns) {
266
- switch (column.pin) {
267
- case "left":
268
- {
269
- leftPinnedColumns.push({
270
- ...column,
271
- pinnedWidth: 0,
272
- pinnedOffset: pinnedWidthLeft
273
- });
274
- pinnedWidthLeft += column.width;
275
- }
276
- break;
277
- // store right pinned columns initially in reverse order
278
- case "right":
279
- rightPinnedColumns.unshift(column);
280
- break;
281
- default:
282
- restColumns.push(column);
283
- }
284
- }
285
- if (leftPinnedColumns.length) {
286
- leftPinnedColumns.push({
287
- ...leftPinnedColumns.pop(),
288
- pinnedWidth: pinnedWidthLeft
289
- });
290
- }
291
- let allColumns = leftPinnedColumns.length ? leftPinnedColumns.concat(restColumns) : restColumns;
292
- if (rightPinnedColumns.length) {
293
- const measuredRightPinnedColumns = [];
294
- let pinnedWidthRight = selectionBookendWidth;
295
- for (const column of rightPinnedColumns) {
296
- measuredRightPinnedColumns.unshift({
297
- ...column,
298
- pinnedOffset: pinnedWidthRight
299
- });
300
- pinnedWidthRight += column.width;
301
- }
302
- measuredRightPinnedColumns[rightPinnedColumns.length - 1].pinnedWidth = pinnedWidthRight;
303
- allColumns = allColumns.concat(measuredRightPinnedColumns);
304
- }
305
- if (leftPinnedColumns.length || rightPinnedColumns.length) {
306
- for (let i = 0; i < allColumns.length; i++) {
307
- if (allColumns[i].ariaColIndex !== i + 1) {
308
- allColumns[i] = {
309
- ...allColumns[i],
310
- ariaColIndex: i + 1
311
- };
312
- }
313
- }
314
- }
315
- return allColumns;
316
- };
317
- const measurePinnedColumns = (columns, selectionEndSize) => {
318
- let pinnedWidthLeft = 0;
319
- let pinnedWidthRight = 0;
320
- let unpinnedWidth = 0;
321
- for (const column of columns) {
322
- const { hidden, pin, width } = column;
323
- const visibleWidth = hidden ? 0 : width;
324
- if (pin === "left") {
325
- pinnedWidthLeft += visibleWidth;
326
- } else if (pin === "right") {
327
- pinnedWidthRight += visibleWidth;
328
- } else {
329
- unpinnedWidth += visibleWidth;
330
- }
331
- }
332
- return {
333
- pinnedWidthLeft: pinnedWidthLeft + selectionEndSize,
334
- pinnedWidthRight: pinnedWidthRight + selectionEndSize,
335
- unpinnedWidth
336
- };
337
- };
338
- const getTableHeadings = (columns) => {
339
- if (columns.some(hasHeadings)) {
340
- const maxHeadingDepth = columns.reduce(
341
- (max, { heading: heading2 }) => Math.max(max, heading2?.length ?? 0),
342
- 0
343
- );
344
- let heading = void 0;
345
- const tableHeadings = [];
346
- let tableHeadingsRow;
347
- for (let level = 0; level < maxHeadingDepth; level++) {
348
- tableHeadingsRow = [];
349
- columns.forEach(({ heading: columnHeading = NO_HEADINGS, width }) => {
350
- const label = columnHeading[level] ?? "";
351
- if (heading && heading.label === label) {
352
- heading.width += width;
353
- } else {
354
- heading = { label, width };
355
- tableHeadingsRow.push(heading);
356
- }
357
- });
358
- tableHeadings.push(tableHeadingsRow);
359
- }
360
- return tableHeadings;
361
- }
362
- return NO_HEADINGS;
363
- };
364
- const getColumnStyle = ({
365
- pin,
366
- pinnedOffset = 0,
367
- pinnedWidth = 0,
368
- width
369
- }) => {
370
- if (pinnedWidth && pin === "left") {
371
- return {
372
- left: pinnedOffset,
373
- width,
374
- "--pin-width": `${pinnedWidth - 3}px`
375
- };
376
- } else if (pin === "left") {
377
- return {
378
- left: pinnedOffset,
379
- width
380
- };
381
- } else if (pinnedWidth && pin === "right") {
382
- return {
383
- right: pinnedOffset,
384
- width,
385
- "--pin-width": `${pinnedWidth - 5}px`
386
- };
387
- } else if (pin === "right") {
388
- return {
389
- right: pinnedOffset,
390
- width
391
- };
392
- } else {
393
- return { width };
394
- }
395
- };
396
- const getPinnedWidthFromElement = (cell) => {
397
- const cellStyle = getComputedStyle(cell);
398
- return parseInt(cellStyle.getPropertyValue("--pin-width"));
399
- };
400
- const getAllCellsInColumn = (container, colIndex) => {
401
- const byColIndex = `[aria-colindex='${colIndex}']`;
402
- return Array.from(
403
- container?.querySelectorAll(
404
- `.vuuTableCell${byColIndex},.vuuTableHeaderCell${byColIndex},.vuuTableGroupHeaderCell${byColIndex}`
405
- ) ?? []
406
- );
407
- };
408
- const getAriaRowIndex = (rowElement) => {
409
- const rowIndex = rowElement?.ariaRowIndex;
410
- if (rowIndex != null) {
411
- const index = parseInt(rowIndex);
412
- if (!isNaN(index)) {
413
- return index;
414
- }
415
- }
416
- return -1;
417
- };
418
- const getAriaColIndex = (cellElement) => {
419
- const colIndex = cellElement?.ariaColIndex;
420
- if (colIndex != null) {
421
- const index = parseInt(colIndex);
422
- if (!isNaN(index)) {
423
- return index;
424
- }
425
- }
426
- return -1;
427
- };
428
- const getPinDetails = (cell, className) => {
429
- if (cell.classList.contains("vuuEndPin")) {
430
- return {
431
- cell,
432
- pinnedWidth: getPinnedWidthFromElement(cell)
433
- };
434
- } else {
435
- const endPin = cell.parentElement?.querySelector(
436
- `.${className}.vuuEndPin`
437
- );
438
- if (endPin) {
439
- let pinnedCells = void 0;
440
- if (className === "vuuPinLeft") {
441
- const container = queryClosest(
442
- cell,
443
- ".vuuTable-table",
444
- true
445
- );
446
- const startIndex = getAriaColIndex(cell);
447
- const endIndex = getAriaColIndex(endPin);
448
- pinnedCells = [];
449
- for (let colIndex = startIndex + 1; colIndex <= endIndex; colIndex++) {
450
- pinnedCells = pinnedCells?.concat(
451
- getAllCellsInColumn(container, colIndex)
452
- );
453
- }
454
- }
455
- console.log({ pinnedCells });
456
- return {
457
- cell: endPin,
458
- pinnedCells,
459
- pinnedWidth: getPinnedWidthFromElement(endPin)
460
- };
461
- } else {
462
- throw Error(
463
- "[column-utils] getPinDetailsFromElement, no endPin on multi column pin"
464
- );
465
- }
466
- }
467
- };
468
- const getPinStateFromElement = (cell) => {
469
- if (cell.classList.contains("vuuPinLeft")) {
470
- return getPinDetails(cell, "vuuPinLeft");
471
- } else if (cell.classList.contains("vuuPinRight")) {
472
- return getPinDetails(cell, "vuuPinRight");
473
- }
474
- };
475
- const setAggregations = (aggregations, column, aggType) => {
476
- return aggregations.filter((agg) => agg.column !== column.name).concat({ column: column.name, aggType });
477
- };
478
- const applyGroupByToColumns = (props) => {
479
- if (props.groupBy.length) {
480
- const [groupColumn, nonGroupedColumns] = extractGroupColumn(props);
481
- if (groupColumn) {
482
- return [groupColumn].concat(nonGroupedColumns);
483
- }
484
- } else if (props.columns[0]?.isGroup) {
485
- return flattenColumnGroup(props.columns);
486
- }
487
- return props.columns;
488
- };
489
- const applySortToColumns = (columns, sort) => columns.map((column) => {
490
- const sorted = getSortType(column, sort);
491
- if (sorted !== void 0) {
492
- return {
493
- ...column,
494
- sorted
495
- };
496
- } else if (column.sorted) {
497
- return {
498
- ...column,
499
- sorted: void 0
500
- };
501
- } else {
502
- return column;
503
- }
504
- });
505
- const removeSort = (columns) => columns.map((col) => col.sorted ? { ...col, sorted: void 0 } : col);
506
- const existingSort = (columns) => columns.some((col) => col.sorted);
507
- const getSortType = (column, { sortDefs }) => {
508
- const sortDef = sortDefs.find((sortCol) => sortCol.column === column.name);
509
- if (sortDef) {
510
- return sortDefs.length > 1 ? (sortDefs.indexOf(sortDef) + 1) * (sortDef.sortType === "A" ? 1 : -1) : sortDef.sortType;
511
- }
512
- };
513
- const getColumnName = (name) => {
514
- const pos = name.indexOf(":");
515
- if (pos === -1) {
516
- return name;
517
- } else {
518
- return name.slice(0, pos);
519
- }
520
- };
521
- const getColumnLabel = (column) => {
522
- if (column.label) {
523
- return column.label;
524
- } else if (isCalculatedColumn(column.name)) {
525
- const { name } = getCalculatedColumnDetails(column);
526
- return name ?? column.name;
527
- } else {
528
- return column.name;
529
- }
530
- };
531
- const findColumn = (columns, columnName) => {
532
- const column = columns.find((col) => col.name === columnName);
533
- if (column) {
534
- return column;
535
- } else {
536
- const groupColumn = columns.find(
537
- (col) => col.isGroup
538
- );
539
- if (groupColumn) {
540
- return findColumn(groupColumn.columns, columnName);
541
- }
542
- }
543
- };
544
- function updateColumn(columns, column, options) {
545
- const targetColumn = typeof column === "string" ? columns.find((col) => col.name === column) : column;
546
- if (targetColumn) {
547
- const replacementColumn = options ? { ...targetColumn, ...options } : targetColumn;
548
- return columns.map(
549
- (col) => col.name === replacementColumn.name ? replacementColumn : col
550
- );
551
- } else {
552
- throw Error("column-utils.replaceColun, column not found");
553
- }
554
- }
555
- const toDataSourceColumns = (column) => column.name;
556
- const dataSourceRowToDataRowDto = (row, columnMap) => {
557
- return Object.entries(columnMap).reduce(
558
- (map, [colName, key]) => {
559
- map[colName] = row[key];
560
- return map;
561
- },
562
- {}
563
- );
564
- };
565
- const isDataLoading = (columns) => {
566
- return isGroupColumn(columns[0]) && columns[0].groupConfirmed === false;
567
- };
568
- const getColumnsInViewport = (columns, vpStart, vpEnd) => {
569
- const visibleColumns = [];
570
- let preSpan = 0;
571
- let rightPinnedOnly = false;
572
- for (let columnOffset = 0, i = 0; i < columns.length; i++) {
573
- const column = columns[i];
574
- if (column.hidden) {
575
- continue;
576
- } else if (column.pin === "right") {
577
- visibleColumns.push(column);
578
- } else if (rightPinnedOnly) {
579
- continue;
580
- } else if (columnOffset + column.width < vpStart) {
581
- if (column.pin === "left") {
582
- visibleColumns.push(column);
583
- } else if (columnOffset + column.width + columns[i + 1]?.width > vpStart) {
584
- visibleColumns.push(column);
585
- } else {
586
- preSpan += column.width;
587
- }
588
- } else if (columnOffset > vpEnd) {
589
- rightPinnedOnly = true;
590
- } else {
591
- visibleColumns.push(column);
592
- }
593
- columnOffset += column.width;
594
- }
595
- return [visibleColumns, preSpan];
596
- };
597
- const isNotHidden = (column) => column.hidden !== true;
598
- const visibleColumnAtIndex = (columns, index) => {
599
- if (columns.every(isNotHidden)) {
600
- return columns[index];
601
- } else {
602
- return columns.filter(isNotHidden).at(index);
603
- }
604
- };
605
- const getGroupIcon = (columns, dataRow) => {
606
- const { depth, isLeaf } = dataRow;
607
- if (isLeaf || depth > columns.length) {
608
- return void 0;
609
- } else if (depth === 0) {
610
- return void 0;
611
- } else {
612
- const { getIcon } = columns[depth - 1];
613
- return getIcon?.(dataRow);
614
- }
615
- };
616
- const getGroupValue = (columns, dataRow) => {
617
- const { depth, isLeaf } = dataRow;
618
- if (isLeaf || depth > columns.length) {
619
- return null;
620
- } else if (depth === 0) {
621
- return "$root";
622
- } else {
623
- const { name, valueFormatter } = columns[depth - 1];
624
- const value = valueFormatter(dataRow[name]);
625
- return value;
626
- }
627
- };
628
- const getDefaultColumnType = (serverDataType) => {
629
- switch (serverDataType) {
630
- case "int":
631
- case "long":
632
- case "double":
633
- return "number";
634
- case "scaleddecimal2":
635
- case "scaleddecimal4":
636
- case "scaleddecimal6":
637
- case "scaleddecimal8":
638
- return "scaleddecimal";
639
- case "boolean":
640
- return "boolean";
641
- case "epochtimestamp":
642
- return "date/time";
643
- default:
644
- return "string";
645
- }
646
- };
647
- const updateColumnFormatting = (column, formatting) => {
648
- const { serverDataType, type = getDefaultColumnType(serverDataType) } = column;
649
- if (isTypeDescriptor(type)) {
650
- return { ...column, type: { ...type, formatting } };
651
- } else {
652
- return { ...column, type: { name: type, formatting } };
653
- }
654
- };
655
- function updateColumnType(column, type) {
656
- return isTypeDescriptor(column.type) ? { ...column, type: { ...column.type, name: type } } : { ...column, type };
657
- }
658
- const updateColumnRenderProps = (column, renderer) => {
659
- const { serverDataType, type = getDefaultColumnType(serverDataType) } = column;
660
- if (isTypeDescriptor(type)) {
661
- return {
662
- ...column,
663
- type: {
664
- ...type,
665
- // TODO do we need to preserve any existing attributes from renderer ?
666
- renderer
667
- }
668
- };
669
- } else {
670
- return { ...column, type: { name: type, renderer } };
671
- }
672
- };
673
- const NO_TYPE_SETTINGS = {};
674
- const getTypeFormattingFromColumn = (column) => {
675
- if (isTypeDescriptor(column.type)) {
676
- return column.type.formatting ?? NO_TYPE_SETTINGS;
677
- } else {
678
- return NO_TYPE_SETTINGS;
679
- }
680
- };
681
- const assertAllColumnsAreIncludedInSubscription = (columns, columnNames) => {
682
- const unsubscribedColumns = [];
683
- for (const column of columns) {
684
- if (column.source !== "client" && !columnNames?.includes(column.name)) {
685
- unsubscribedColumns.push(column.name);
686
- }
687
- }
688
- if (unsubscribedColumns.length > 0) {
689
- throw Error(
690
- `[column-utils] assertAllColumnsAreIncludedInSubscription columns not included in subscription: ${unsubscribedColumns.join(", ")}`
691
- );
692
- }
693
- };
694
- const subscribedOnly = (columnNames) => (column) => column.source === "client" || columnNames?.includes(column.name);
695
- const addColumnToSubscribedColumns = (subscribedColumns, availableColumns, columnName) => {
696
- const byColName = (n = columnName) => (column) => column.name === n;
697
- if (subscribedColumns.findIndex(byColName()) !== -1) {
698
- throw Error(
699
- `[column-utils], addColumnToSubscribedColumns column ${columnName} is already subscribed`
700
- );
701
- }
702
- const indexOfAvailableColumn = availableColumns.findIndex(byColName());
703
- if (indexOfAvailableColumn === -1) {
704
- throw Error(
705
- `[column-utils] addColumnToSubscribedColumns column ${columnName} is not available`
706
- );
707
- }
708
- const newColumn = {
709
- ...availableColumns[indexOfAvailableColumn]
710
- };
711
- return subscribedColumns.concat(newColumn);
712
- };
713
- function getServerDataType(column, throwIfUndefined = false) {
714
- if (isCalculatedColumn(column.name)) {
715
- const { serverDataType } = getCalculatedColumnDetails(column);
716
- if (isVuuColumnDataType(serverDataType)) {
717
- return serverDataType;
718
- } else if (throwIfUndefined) {
719
- throw Error(
720
- `[column-utils] getServerDataType, calculated column does not have valid type ${column.name}`
721
- );
722
- }
723
- } else if (isVuuColumnDataType(column.serverDataType)) {
724
- return column.serverDataType;
725
- } else if (throwIfUndefined) {
726
- throw Error(
727
- `[column-utils] getServerDataType, columns does not have valid type ${column.serverDataType}`
728
- );
729
- }
730
- }
731
- const CalculatedColumnPattern = /.*:.*:.*/;
732
- const isCalculatedColumn = (columnName) => columnName !== void 0 && CalculatedColumnPattern.test(columnName);
733
- const getCalculatedColumnDetails = (column) => {
734
- const columnName = typeof column === "string" ? column : column.name;
735
- if (isCalculatedColumn(columnName)) {
736
- const [name, serverDataType, expression] = columnName.split(/:=?/);
737
- if (serverDataType && !isVuuColumnDataType(serverDataType)) {
738
- throw Error(
739
- `column-utils, getCalculatedColumnDetails ${serverDataType} is not valid type for column ${columnName}`
740
- );
741
- }
742
- return {
743
- name: name ?? "",
744
- expression: expression ?? "",
745
- serverDataType: isVuuColumnDataType(serverDataType) ? serverDataType : void 0
746
- };
747
- } else {
748
- throw Error(`column.name is nor a calculated column`);
749
- }
750
- };
751
- const setCalculatedColumnName = (column, name) => {
752
- const [, type, expression] = column.name.split(":");
753
- return {
754
- ...column,
755
- name: `${name}:${type}:${expression}`
756
- };
757
- };
758
- const setCalculatedColumnType = (column, serverDataType) => {
759
- const [name, , expression] = column.name.split(":");
760
- return {
761
- ...column,
762
- name: `${name}:${serverDataType}:${expression}`,
763
- serverDataType
764
- };
765
- };
766
- const setCalculatedColumnExpression = (column, expression) => {
767
- const [name, type] = column.name.split(":");
768
- return {
769
- ...column,
770
- name: `${name}:${type}:=${expression}`
771
- };
772
- };
773
- const moveColumnTo = (columns, column, newIndex) => {
774
- const index = columns.findIndex((col) => col.name === column.name);
775
- return moveItem(columns, index, newIndex);
776
- };
777
- function replaceColumn(columns, column) {
778
- return columns.map((col) => col.name === column.name ? column : col);
779
- }
780
- const vuuTimestampColumns = ["vuuCreatedTimestamp", "vuuUpdatedTimestamp"];
781
- const notVuuTimestamps = (column) => !vuuTimestampColumns.includes(column.name);
782
- const applyDefaultColumnConfig = ({ columns: columnsProp, table }, getDefaultColumnConfig, includeVuuTimestampColumns = false) => {
783
- if (typeof getDefaultColumnConfig === "function") {
784
- const columns = includeVuuTimestampColumns ? columnsProp : columnsProp.filter(notVuuTimestamps);
785
- return columns.map((column) => {
786
- const config = getDefaultColumnConfig(table.table, column.name);
787
- if (config) {
788
- return {
789
- ...column,
790
- ...config
791
- };
792
- } else {
793
- return column;
794
- }
795
- });
796
- } else {
797
- return columnsProp;
798
- }
799
- };
800
- const measureColumns = (columns, defaultMaxWidth, defaultMinWidth) => columns.reduce(
801
- (aggregated, column) => {
802
- if (column.hidden !== true) {
803
- aggregated.totalMinWidth += column.minWidth ?? defaultMinWidth;
804
- aggregated.totalMaxWidth += column.maxWidth ?? defaultMaxWidth;
805
- aggregated.totalWidth += column.width;
806
- aggregated.flexCount += column.flex ?? 0;
807
- }
808
- return aggregated;
809
- },
810
- { totalMinWidth: 0, totalMaxWidth: 0, totalWidth: 0, flexCount: 0 }
811
- );
812
- function applyWidthToColumns(columns, {
813
- availableWidth = 0,
814
- columnLayout = "static",
815
- defaultWidth = DEFAULT_COL_WIDTH,
816
- defaultMinWidth = DEFAULT_MIN_WIDTH,
817
- defaultMaxWidth = DEFAULT_MAX_WIDTH
818
- }) {
819
- if (columnLayout === "fit") {
820
- const { totalMinWidth, totalMaxWidth, totalWidth, flexCount } = measureColumns(columns, defaultMaxWidth, defaultMinWidth);
821
- if (totalMaxWidth < availableWidth) {
822
- return assignMaxWidthToAll(columns, defaultMaxWidth);
823
- } else if (totalMinWidth > availableWidth) {
824
- return columns;
825
- } else if (totalWidth > availableWidth) {
826
- return shrinkColumnsToFitAvailableSpace(
827
- columns,
828
- availableWidth,
829
- totalWidth,
830
- defaultMinWidth,
831
- defaultWidth,
832
- flexCount
833
- );
834
- } else if (totalWidth < availableWidth) {
835
- return stretchColumnsToFillAvailableSpace(
836
- columns,
837
- availableWidth,
838
- totalWidth,
839
- defaultMaxWidth,
840
- defaultWidth
841
- );
842
- }
843
- }
844
- return columns;
845
- }
846
- const assignMaxWidthToAll = (columns, defaultMaxWidth) => {
847
- return columns.map((column) => {
848
- const { maxWidth = defaultMaxWidth } = column;
849
- if (column.width === maxWidth) {
850
- return column;
851
- } else {
852
- return {
853
- ...column,
854
- width: maxWidth
855
- };
856
- }
857
- });
858
- };
859
- const shrinkColumnsToFitAvailableSpace = (columns, availableWidth, totalWidth, defaultMinWidth, defaultWidth, flexCount) => {
860
- const excessWidth = totalWidth - availableWidth;
861
- const inFlexMode = flexCount > 0;
862
- let excessWidthPerColumn = excessWidth / (flexCount || columns.length);
863
- let columnsNotYetAtMinWidth = columns.length;
864
- let unassignedExcess = 0;
865
- let newColumns = columns.map((column) => {
866
- const {
867
- minWidth = defaultMinWidth,
868
- width = defaultWidth,
869
- flex = 0
870
- } = column;
871
- if (inFlexMode && flex === 0) {
872
- return column;
873
- }
874
- const adjustedWidth = width - excessWidthPerColumn;
875
- if (adjustedWidth < minWidth) {
876
- columnsNotYetAtMinWidth -= 1;
877
- unassignedExcess += minWidth - adjustedWidth;
878
- return { ...column, width: minWidth };
879
- } else {
880
- return { ...column, width: adjustedWidth };
881
- }
882
- });
883
- if (unassignedExcess === 0) {
884
- return newColumns;
885
- } else {
886
- excessWidthPerColumn = unassignedExcess / columnsNotYetAtMinWidth;
887
- newColumns = newColumns.map((column) => {
888
- const adjustedWidth = column.width - excessWidthPerColumn;
889
- if (column.width !== column.minWidth) {
890
- return { ...column, width: adjustedWidth };
891
- } else {
892
- return column;
893
- }
894
- });
895
- return newColumns;
896
- }
897
- };
898
- const hasFlex = ({ flex }) => typeof flex === "number";
899
- const stretchColumnsToFillAvailableSpace = (columns, availableWidth, totalWidth, defaultMaxWidth, defaultWidth) => {
900
- let freeSpaceToBeFilled = availableWidth - totalWidth;
901
- let adjustedColumns = columns;
902
- const canGrow = ({
903
- width = defaultWidth,
904
- maxWidth = defaultMaxWidth
905
- }) => width < maxWidth;
906
- while (freeSpaceToBeFilled > 0) {
907
- const flexCols = adjustedColumns.filter(
908
- (col) => hasFlex(col) && canGrow(col)
909
- );
910
- const columnsNotYetAtMaxWidth = flexCols.length || adjustedColumns.filter(canGrow).length;
911
- const additionalWidthPerColumn = Math.ceil(
912
- freeSpaceToBeFilled / columnsNotYetAtMaxWidth
913
- );
914
- adjustedColumns = columns.map((column) => {
915
- const {
916
- maxWidth = defaultMaxWidth,
917
- width = defaultWidth,
918
- flex = 0
919
- } = column;
920
- if (flexCols.length > 0 && flex === 0) {
921
- return column;
922
- }
923
- const adjustmentAmount = Math.min(
924
- additionalWidthPerColumn,
925
- freeSpaceToBeFilled
926
- );
927
- const adjustedWidth = width + adjustmentAmount;
928
- if (adjustedWidth > maxWidth) {
929
- freeSpaceToBeFilled -= adjustedWidth - maxWidth;
930
- return { ...column, width: maxWidth };
931
- } else {
932
- freeSpaceToBeFilled -= adjustmentAmount;
933
- return { ...column, width: adjustedWidth };
934
- }
935
- });
936
- }
937
- return adjustedColumns;
938
- };
939
- const dataAndColumnUnchanged = (p, p1) => p.column === p1.column && p.column.valueFormatter(p.dataRow[p.column.name]) === p1.column.valueFormatter(p1.dataRow[p1.column.name]);
940
- const dataColumnAndKeyUnchanged = (p, p1) => p.column === p1.column && p.dataRow.key === p1.dataRow.key && p.column.valueFormatter(p.dataRow[p.column.name]) === p1.column.valueFormatter(p1.dataRow[p1.column.name]);
941
- const toColumnName = (column) => column.name;
942
- const isStringColumn = (column) => column.serverDataType === "string";
943
- const reorderColumnItems = (columnItems, orderedNames) => {
944
- const columns = [];
945
- let previousName = "";
946
- for (const name of orderedNames) {
947
- if (previousName !== name) {
948
- const columnItem = columnItems.find((c) => c.name === name);
949
- if (columnItem) {
950
- columns.push(columnItem);
951
- }
952
- previousName = name;
953
- }
954
- }
955
- return columns;
956
- };
957
- const columnByAriaIndex = (columns, ariaColIndex) => {
958
- const column = columns[ariaColIndex - 1];
959
- if (column && column.ariaColIndex === ariaColIndex) {
960
- return column;
961
- } else if (column && column.ariaColIndex < ariaColIndex) {
962
- if (columns[ariaColIndex]?.ariaColIndex === ariaColIndex) {
963
- return columns[ariaColIndex];
964
- }
965
- }
966
- throw Error(`no column with aria-colIndex ${ariaColIndex}`);
967
- };
968
-
969
- export { AggregationType, addColumnToSubscribedColumns, applyDefaultColumnConfig, applyGroupByToColumns, applyRuntimeColumnWidthsToConfig, applySortToColumns, applyWidthToColumns, assertAllColumnsAreIncludedInSubscription, buildColumnMap, checkConfirmationPending, columnByAriaIndex, dataAndColumnUnchanged, dataColumnAndKeyUnchanged, dataSourceRowToDataRowDto, existingSort, extractGroupColumn, findColumn, flattenColumnGroup, fromServerDataType, getAllCellsInColumn, getAriaColIndex, getAriaRowIndex, getCalculatedColumnDetails, getColumnLabel, getColumnName, getColumnStyle, getColumnsInViewport, getDefaultAlignment, getDefaultColumnType, getGroupIcon, getGroupValue, getPinStateFromElement, getRuntimeColumnWidth, getServerDataType, getTableHeadings, getTypeFormattingFromColumn, hasCustomRenderer, hasHeadings, hasValidationRules, isCalculatedColumn, isColumnTypeRenderer, isDataLoading, isDateTimeDataType, isDateTimeDataValue, isGroupColumn, isJsonAttribute, isJsonColumn, isJsonGroup, isLookupRenderer, isMappedValueTypeRenderer, isNotHidden, isNumericColumn, isPinned, isResizing, isStringColumn, isTextColumn, isTimeDataType, isTimeDataValue, isTimestampColumn, isTypeDescriptor, isValidColumnAlignment, isValidPinLocation, isValueListRenderer, isVuuColumnDataType, mapSortCriteria, measurePinnedColumns, metadataKeys, moveColumnTo, projectUpdates, removeSort, reorderColumnItems, replaceColumn, setAggregations, setCalculatedColumnExpression, setCalculatedColumnName, setCalculatedColumnType, sortPinnedColumns, subscribedOnly, toColumnDescriptor, toColumnName, toDataSourceColumns, updateColumn, updateColumnFormatting, updateColumnRenderProps, updateColumnType, visibleColumnAtIndex };
970
- //# sourceMappingURL=column-utils.js.map