@vuu-ui/vuu-table-extras 0.13.9 → 0.13.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 (217) hide show
  1. package/cjs/cell-edit-validators/CaseValidator.js +25 -0
  2. package/cjs/cell-edit-validators/CaseValidator.js.map +1 -0
  3. package/cjs/cell-edit-validators/PatternValidator.js +31 -0
  4. package/cjs/cell-edit-validators/PatternValidator.js.map +1 -0
  5. package/cjs/cell-renderers/background-cell/BackgroundCell.css.js +6 -0
  6. package/cjs/cell-renderers/background-cell/BackgroundCell.css.js.map +1 -0
  7. package/cjs/cell-renderers/background-cell/BackgroundCell.js +76 -0
  8. package/cjs/cell-renderers/background-cell/BackgroundCell.js.map +1 -0
  9. package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css.js +6 -0
  10. package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css.js.map +1 -0
  11. package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js +67 -0
  12. package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js.map +1 -0
  13. package/cjs/cell-renderers/background-cell/BackgroundKeyframes.css.js +6 -0
  14. package/cjs/cell-renderers/background-cell/BackgroundKeyframes.css.js.map +1 -0
  15. package/cjs/cell-renderers/background-cell/useDirection.js +20 -0
  16. package/cjs/cell-renderers/background-cell/useDirection.js.map +1 -0
  17. package/cjs/cell-renderers/dropdown-cell/DropdownCell.css.js +6 -0
  18. package/cjs/cell-renderers/dropdown-cell/DropdownCell.css.js.map +1 -0
  19. package/cjs/cell-renderers/dropdown-cell/DropdownCell.js +94 -0
  20. package/cjs/cell-renderers/dropdown-cell/DropdownCell.js.map +1 -0
  21. package/cjs/cell-renderers/lookup-cell/LookupCell.js +23 -0
  22. package/cjs/cell-renderers/lookup-cell/LookupCell.js.map +1 -0
  23. package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.css.js +6 -0
  24. package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.css.js.map +1 -0
  25. package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.js +62 -0
  26. package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.js.map +1 -0
  27. package/cjs/cell-renderers/progress-cell/ProgressCell.css.js +6 -0
  28. package/cjs/cell-renderers/progress-cell/ProgressCell.css.js.map +1 -0
  29. package/cjs/cell-renderers/progress-cell/ProgressCell.js +69 -0
  30. package/cjs/cell-renderers/progress-cell/ProgressCell.js.map +1 -0
  31. package/cjs/column-expression-input/ColumnExpressionInput.css.js +6 -0
  32. package/cjs/column-expression-input/ColumnExpressionInput.css.js.map +1 -0
  33. package/cjs/column-expression-input/ColumnExpressionInput.js +39 -0
  34. package/cjs/column-expression-input/ColumnExpressionInput.js.map +1 -0
  35. package/cjs/column-expression-input/column-function-descriptors.js +307 -0
  36. package/cjs/column-expression-input/column-function-descriptors.js.map +1 -0
  37. package/cjs/column-expression-input/column-language-parser/ColumnExpressionLanguage.js +28 -0
  38. package/cjs/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map +1 -0
  39. package/cjs/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js +465 -0
  40. package/cjs/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js.map +1 -0
  41. package/cjs/column-expression-input/column-language-parser/column-expression-parse-utils.js +61 -0
  42. package/cjs/column-expression-input/column-language-parser/column-expression-parse-utils.js.map +1 -0
  43. package/cjs/column-expression-input/column-language-parser/generated/column-parser.js +21 -0
  44. package/cjs/column-expression-input/column-language-parser/generated/column-parser.js.map +1 -0
  45. package/cjs/column-expression-input/functionDocInfo.js +39 -0
  46. package/cjs/column-expression-input/functionDocInfo.js.map +1 -0
  47. package/cjs/column-expression-input/highlighting.js +16 -0
  48. package/cjs/column-expression-input/highlighting.js.map +1 -0
  49. package/cjs/column-expression-input/theme.js +63 -0
  50. package/cjs/column-expression-input/theme.js.map +1 -0
  51. package/cjs/column-expression-input/useColumnAutoComplete.js +358 -0
  52. package/cjs/column-expression-input/useColumnAutoComplete.js.map +1 -0
  53. package/cjs/column-expression-input/useColumnExpressionEditor.js +131 -0
  54. package/cjs/column-expression-input/useColumnExpressionEditor.js.map +1 -0
  55. package/cjs/column-expression-input/useColumnExpressionSuggestionProvider.js +213 -0
  56. package/cjs/column-expression-input/useColumnExpressionSuggestionProvider.js.map +1 -0
  57. package/cjs/column-expression-panel/ColumnExpressionPanel.js +85 -0
  58. package/cjs/column-expression-panel/ColumnExpressionPanel.js.map +1 -0
  59. package/cjs/column-expression-panel/useColumnExpression.js +69 -0
  60. package/cjs/column-expression-panel/useColumnExpression.js.map +1 -0
  61. package/cjs/column-formatting-settings/BaseNumericFormattingSettings.js +97 -0
  62. package/cjs/column-formatting-settings/BaseNumericFormattingSettings.js.map +1 -0
  63. package/cjs/column-formatting-settings/ColumnFormattingPanel.js +104 -0
  64. package/cjs/column-formatting-settings/ColumnFormattingPanel.js.map +1 -0
  65. package/cjs/column-formatting-settings/DateTimeFormattingSettings.js +99 -0
  66. package/cjs/column-formatting-settings/DateTimeFormattingSettings.js.map +1 -0
  67. package/cjs/column-formatting-settings/LongTypeFormattingSettings.css.js +6 -0
  68. package/cjs/column-formatting-settings/LongTypeFormattingSettings.css.js.map +1 -0
  69. package/cjs/column-formatting-settings/LongTypeFormattingSettings.js +49 -0
  70. package/cjs/column-formatting-settings/LongTypeFormattingSettings.js.map +1 -0
  71. package/cjs/column-list/ColumnList.css.js +6 -0
  72. package/cjs/column-list/ColumnList.css.js.map +1 -0
  73. package/cjs/column-list/ColumnList.js +172 -0
  74. package/cjs/column-list/ColumnList.js.map +1 -0
  75. package/cjs/column-menu/ColumnMenu.css.js +6 -0
  76. package/cjs/column-menu/ColumnMenu.css.js.map +1 -0
  77. package/cjs/column-menu/ColumnMenu.js +116 -0
  78. package/cjs/column-menu/ColumnMenu.js.map +1 -0
  79. package/cjs/column-menu/column-menu-utils.js +489 -0
  80. package/cjs/column-menu/column-menu-utils.js.map +1 -0
  81. package/cjs/column-menu/useColumnActions.js +75 -0
  82. package/cjs/column-menu/useColumnActions.js.map +1 -0
  83. package/cjs/datasource-stats/DatasourceStats.css.js +6 -0
  84. package/cjs/datasource-stats/DatasourceStats.css.js.map +1 -0
  85. package/cjs/datasource-stats/DatasourceStats.js +52 -0
  86. package/cjs/datasource-stats/DatasourceStats.js.map +1 -0
  87. package/cjs/index.js +65 -4254
  88. package/cjs/index.js.map +1 -1
  89. package/cjs/table-column-settings/ColumnNameLabel.css.js +6 -0
  90. package/cjs/table-column-settings/ColumnNameLabel.css.js.map +1 -0
  91. package/cjs/table-column-settings/ColumnNameLabel.js +45 -0
  92. package/cjs/table-column-settings/ColumnNameLabel.js.map +1 -0
  93. package/cjs/table-column-settings/ColumnSettingsPanel.css.js +6 -0
  94. package/cjs/table-column-settings/ColumnSettingsPanel.css.js.map +1 -0
  95. package/cjs/table-column-settings/ColumnSettingsPanel.js +202 -0
  96. package/cjs/table-column-settings/ColumnSettingsPanel.js.map +1 -0
  97. package/cjs/table-column-settings/TableSettingsPanel.css.js +6 -0
  98. package/cjs/table-column-settings/TableSettingsPanel.css.js.map +1 -0
  99. package/cjs/table-column-settings/TableSettingsPanel.js +139 -0
  100. package/cjs/table-column-settings/TableSettingsPanel.js.map +1 -0
  101. package/cjs/table-column-settings/useColumnSettings.js +224 -0
  102. package/cjs/table-column-settings/useColumnSettings.js.map +1 -0
  103. package/cjs/table-column-settings/useTableAndColumnSettings.js +126 -0
  104. package/cjs/table-column-settings/useTableAndColumnSettings.js.map +1 -0
  105. package/cjs/table-column-settings/useTableSettings.js +172 -0
  106. package/cjs/table-column-settings/useTableSettings.js.map +1 -0
  107. package/cjs/table-provider/TableProvider.js +48 -0
  108. package/cjs/table-provider/TableProvider.js.map +1 -0
  109. package/esm/cell-edit-validators/CaseValidator.js +23 -0
  110. package/esm/cell-edit-validators/CaseValidator.js.map +1 -0
  111. package/esm/cell-edit-validators/PatternValidator.js +29 -0
  112. package/esm/cell-edit-validators/PatternValidator.js.map +1 -0
  113. package/esm/cell-renderers/background-cell/BackgroundCell.css.js +4 -0
  114. package/esm/cell-renderers/background-cell/BackgroundCell.css.js.map +1 -0
  115. package/esm/cell-renderers/background-cell/BackgroundCell.js +74 -0
  116. package/esm/cell-renderers/background-cell/BackgroundCell.js.map +1 -0
  117. package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css.js +4 -0
  118. package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css.js.map +1 -0
  119. package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js +65 -0
  120. package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js.map +1 -0
  121. package/esm/cell-renderers/background-cell/BackgroundKeyframes.css.js +4 -0
  122. package/esm/cell-renderers/background-cell/BackgroundKeyframes.css.js.map +1 -0
  123. package/esm/cell-renderers/background-cell/useDirection.js +18 -0
  124. package/esm/cell-renderers/background-cell/useDirection.js.map +1 -0
  125. package/esm/cell-renderers/dropdown-cell/DropdownCell.css.js +4 -0
  126. package/esm/cell-renderers/dropdown-cell/DropdownCell.css.js.map +1 -0
  127. package/esm/cell-renderers/dropdown-cell/DropdownCell.js +92 -0
  128. package/esm/cell-renderers/dropdown-cell/DropdownCell.js.map +1 -0
  129. package/esm/cell-renderers/lookup-cell/LookupCell.js +21 -0
  130. package/esm/cell-renderers/lookup-cell/LookupCell.js.map +1 -0
  131. package/esm/cell-renderers/pct-progress-cell/PctProgressCell.css.js +4 -0
  132. package/esm/cell-renderers/pct-progress-cell/PctProgressCell.css.js.map +1 -0
  133. package/esm/cell-renderers/pct-progress-cell/PctProgressCell.js +60 -0
  134. package/esm/cell-renderers/pct-progress-cell/PctProgressCell.js.map +1 -0
  135. package/esm/cell-renderers/progress-cell/ProgressCell.css.js +4 -0
  136. package/esm/cell-renderers/progress-cell/ProgressCell.css.js.map +1 -0
  137. package/esm/cell-renderers/progress-cell/ProgressCell.js +67 -0
  138. package/esm/cell-renderers/progress-cell/ProgressCell.js.map +1 -0
  139. package/esm/column-expression-input/ColumnExpressionInput.css.js +4 -0
  140. package/esm/column-expression-input/ColumnExpressionInput.css.js.map +1 -0
  141. package/esm/column-expression-input/ColumnExpressionInput.js +37 -0
  142. package/esm/column-expression-input/ColumnExpressionInput.js.map +1 -0
  143. package/esm/column-expression-input/column-function-descriptors.js +305 -0
  144. package/esm/column-expression-input/column-function-descriptors.js.map +1 -0
  145. package/esm/column-expression-input/column-language-parser/ColumnExpressionLanguage.js +26 -0
  146. package/esm/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map +1 -0
  147. package/esm/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js +463 -0
  148. package/esm/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js.map +1 -0
  149. package/esm/column-expression-input/column-language-parser/column-expression-parse-utils.js +56 -0
  150. package/esm/column-expression-input/column-language-parser/column-expression-parse-utils.js.map +1 -0
  151. package/esm/column-expression-input/column-language-parser/generated/column-parser.js +19 -0
  152. package/esm/column-expression-input/column-language-parser/generated/column-parser.js.map +1 -0
  153. package/esm/column-expression-input/functionDocInfo.js +37 -0
  154. package/esm/column-expression-input/functionDocInfo.js.map +1 -0
  155. package/esm/column-expression-input/highlighting.js +14 -0
  156. package/esm/column-expression-input/highlighting.js.map +1 -0
  157. package/esm/column-expression-input/theme.js +61 -0
  158. package/esm/column-expression-input/theme.js.map +1 -0
  159. package/esm/column-expression-input/useColumnAutoComplete.js +356 -0
  160. package/esm/column-expression-input/useColumnAutoComplete.js.map +1 -0
  161. package/esm/column-expression-input/useColumnExpressionEditor.js +129 -0
  162. package/esm/column-expression-input/useColumnExpressionEditor.js.map +1 -0
  163. package/esm/column-expression-input/useColumnExpressionSuggestionProvider.js +211 -0
  164. package/esm/column-expression-input/useColumnExpressionSuggestionProvider.js.map +1 -0
  165. package/esm/column-expression-panel/ColumnExpressionPanel.js +83 -0
  166. package/esm/column-expression-panel/ColumnExpressionPanel.js.map +1 -0
  167. package/esm/column-expression-panel/useColumnExpression.js +67 -0
  168. package/esm/column-expression-panel/useColumnExpression.js.map +1 -0
  169. package/esm/column-formatting-settings/BaseNumericFormattingSettings.js +95 -0
  170. package/esm/column-formatting-settings/BaseNumericFormattingSettings.js.map +1 -0
  171. package/esm/column-formatting-settings/ColumnFormattingPanel.js +102 -0
  172. package/esm/column-formatting-settings/ColumnFormattingPanel.js.map +1 -0
  173. package/esm/column-formatting-settings/DateTimeFormattingSettings.js +97 -0
  174. package/esm/column-formatting-settings/DateTimeFormattingSettings.js.map +1 -0
  175. package/esm/column-formatting-settings/LongTypeFormattingSettings.css.js +4 -0
  176. package/esm/column-formatting-settings/LongTypeFormattingSettings.css.js.map +1 -0
  177. package/esm/column-formatting-settings/LongTypeFormattingSettings.js +47 -0
  178. package/esm/column-formatting-settings/LongTypeFormattingSettings.js.map +1 -0
  179. package/esm/column-list/ColumnList.css.js +4 -0
  180. package/esm/column-list/ColumnList.css.js.map +1 -0
  181. package/esm/column-list/ColumnList.js +170 -0
  182. package/esm/column-list/ColumnList.js.map +1 -0
  183. package/esm/column-menu/ColumnMenu.css.js +4 -0
  184. package/esm/column-menu/ColumnMenu.css.js.map +1 -0
  185. package/esm/column-menu/ColumnMenu.js +114 -0
  186. package/esm/column-menu/ColumnMenu.js.map +1 -0
  187. package/esm/column-menu/column-menu-utils.js +480 -0
  188. package/esm/column-menu/column-menu-utils.js.map +1 -0
  189. package/esm/column-menu/useColumnActions.js +73 -0
  190. package/esm/column-menu/useColumnActions.js.map +1 -0
  191. package/esm/datasource-stats/DatasourceStats.css.js +4 -0
  192. package/esm/datasource-stats/DatasourceStats.css.js.map +1 -0
  193. package/esm/datasource-stats/DatasourceStats.js +50 -0
  194. package/esm/datasource-stats/DatasourceStats.js.map +1 -0
  195. package/esm/index.js +28 -4221
  196. package/esm/index.js.map +1 -1
  197. package/esm/table-column-settings/ColumnNameLabel.css.js +4 -0
  198. package/esm/table-column-settings/ColumnNameLabel.css.js.map +1 -0
  199. package/esm/table-column-settings/ColumnNameLabel.js +43 -0
  200. package/esm/table-column-settings/ColumnNameLabel.js.map +1 -0
  201. package/esm/table-column-settings/ColumnSettingsPanel.css.js +4 -0
  202. package/esm/table-column-settings/ColumnSettingsPanel.css.js.map +1 -0
  203. package/esm/table-column-settings/ColumnSettingsPanel.js +200 -0
  204. package/esm/table-column-settings/ColumnSettingsPanel.js.map +1 -0
  205. package/esm/table-column-settings/TableSettingsPanel.css.js +4 -0
  206. package/esm/table-column-settings/TableSettingsPanel.css.js.map +1 -0
  207. package/esm/table-column-settings/TableSettingsPanel.js +136 -0
  208. package/esm/table-column-settings/TableSettingsPanel.js.map +1 -0
  209. package/esm/table-column-settings/useColumnSettings.js +222 -0
  210. package/esm/table-column-settings/useColumnSettings.js.map +1 -0
  211. package/esm/table-column-settings/useTableAndColumnSettings.js +122 -0
  212. package/esm/table-column-settings/useTableAndColumnSettings.js.map +1 -0
  213. package/esm/table-column-settings/useTableSettings.js +170 -0
  214. package/esm/table-column-settings/useTableSettings.js.map +1 -0
  215. package/esm/table-provider/TableProvider.js +44 -0
  216. package/esm/table-provider/TableProvider.js.map +1 -0
  217. package/package.json +11 -11
@@ -0,0 +1,73 @@
1
+ import { logUnhandledMessage, setAggregations, removeGroupColumn, addGroupColumn, addSortColumn, setSortColumn, AggregationType } from '@vuu-ui/vuu-utils';
2
+
3
+ const { Average, Count, Distinct, High, Low, Sum } = AggregationType;
4
+ const useColumnActions = ({
5
+ dataSource,
6
+ onColumnDisplayAction,
7
+ onDisplaySettingsAction
8
+ }) => {
9
+ const handleContextMenuAction = (columnMenuActionType, column) => {
10
+ if (column && dataSource) {
11
+ switch (columnMenuActionType) {
12
+ // 1) DataSource operations ...
13
+ case "sort-asc":
14
+ return dataSource.sort = setSortColumn(dataSource.sort, column, "A"), true;
15
+ case "sort-dsc":
16
+ return dataSource.sort = setSortColumn(dataSource.sort, column, "D"), true;
17
+ case "remove-sort":
18
+ return dataSource.sort = { sortDefs: [] }, true;
19
+ case "sort-add-asc":
20
+ return dataSource.sort = addSortColumn(dataSource.sort, column, "A"), true;
21
+ case "sort-add-dsc":
22
+ return dataSource.sort = addSortColumn(dataSource.sort, column, "D"), true;
23
+ case "group-column":
24
+ return dataSource.groupBy = addGroupColumn(dataSource.groupBy ?? [], column), true;
25
+ case "add-to-group":
26
+ return dataSource.groupBy = addGroupColumn(dataSource.groupBy ?? [], column), true;
27
+ case "remove-group":
28
+ return dataSource.groupBy = [], true;
29
+ case "remove-from-group":
30
+ return dataSource.groupBy = removeGroupColumn(dataSource.groupBy ?? [], column), true;
31
+ case "remove-column":
32
+ return dataSource.columns = dataSource.columns.filter((name) => name !== column.name), true;
33
+ // case "filter-remove-column": return (dataSource.filter = removeFilterColumn(dataSource.filter, column)), true;
34
+ // case "remove-filters": return (dataSource.filter = {filter:""}), true;
35
+ case "agg-avg":
36
+ return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Average), true;
37
+ case "agg-high":
38
+ return dataSource.aggregations = setAggregations(dataSource.aggregations, column, High), true;
39
+ case "agg-low":
40
+ return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Low), true;
41
+ case "agg-count":
42
+ return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Count), true;
43
+ case "agg-distinct":
44
+ return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Distinct), true;
45
+ case "agg-sum":
46
+ return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Sum), true;
47
+ // 2) Column display options ...
48
+ case "hide-column":
49
+ return onColumnDisplayAction?.({ type: "hideColumn", column }), true;
50
+ case "pin-column-floating":
51
+ return onColumnDisplayAction?.({ type: "pinColumn", column, pin: "floating" }), true;
52
+ case "pin-column-left":
53
+ return onColumnDisplayAction?.({ type: "pinColumn", column, pin: "left" }), true;
54
+ case "pin-column-right":
55
+ return onColumnDisplayAction?.({ type: "pinColumn", column, pin: "right" }), true;
56
+ case "unpin-column":
57
+ return onColumnDisplayAction?.({ type: "pinColumn", column, pin: false }), true;
58
+ // 3) Table Admin options ...
59
+ case "column-settings":
60
+ return onDisplaySettingsAction?.({ type: "column-settings", column }), true;
61
+ case "table-settings":
62
+ return onDisplaySettingsAction?.({ type: "table-settings" }), true;
63
+ default:
64
+ logUnhandledMessage(columnMenuActionType, `[vuu-table-extras] useColumnActions handleContextMenuAction, unhandled columnMenuActionType`);
65
+ }
66
+ }
67
+ return false;
68
+ };
69
+ return handleContextMenuAction;
70
+ };
71
+
72
+ export { useColumnActions };
73
+ //# sourceMappingURL=useColumnActions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColumnActions.js","sources":["../../src/column-menu/useColumnActions.ts"],"sourcesContent":["/* eslint-disable no-sequences */\nimport { MenuActionHandler } from \"@vuu-ui/vuu-context-menu\";\nimport { Filter } from \"@vuu-ui/vuu-filter-types\";\nimport { VuuFilter } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n ColumnDescriptor,\n RuntimeColumnDescriptor,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n addGroupColumn,\n addSortColumn,\n AggregationType,\n logUnhandledMessage,\n removeGroupColumn,\n setAggregations,\n setSortColumn,\n} from \"@vuu-ui/vuu-utils\";\nimport { ColumnMenuActionType } from \"./column-menu-utils\";\nimport {\n ColumnDisplayAction,\n DisplaySettingsAction,\n} from \"./column-action-types\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\n\nexport interface ContextMenuOptions {\n column?: RuntimeColumnDescriptor;\n filter?: Filter;\n sort?: VuuFilter;\n}\nexport interface ContextMenuHookProps {\n dataSource: DataSource;\n onColumnDisplayAction?: (action: ColumnDisplayAction) => void;\n onDisplaySettingsAction?: (action: DisplaySettingsAction) => void;\n}\n\n// const removeFilterColumn = (\n// dataSourceFilter: DataSourceFilter,\n// column: RuntimeColumnDescriptor,\n// ) => {\n// if (dataSourceFilter.filterStruct && column) {\n// const [filterStruct, filter] = removeColumnFromFilter(\n// column,\n// dataSourceFilter.filterStruct,\n// );\n// return {\n// filter,\n// filterStruct,\n// };\n// } else {\n// return dataSourceFilter;\n// }\n// };\n\nconst { Average, Count, Distinct, High, Low, Sum } = AggregationType;\n\nexport const useColumnActions = ({\n dataSource,\n onColumnDisplayAction,\n onDisplaySettingsAction,\n}: ContextMenuHookProps) => {\n /** return {boolean} used by caller to determine whether to forward to additional installed context menu handlers */\n const handleContextMenuAction: MenuActionHandler<\n ColumnMenuActionType,\n ColumnDescriptor\n > = (columnMenuActionType, column): boolean => {\n if (column && dataSource) {\n // prettier-ignore\n switch(columnMenuActionType){\n // 1) DataSource operations ...\n case \"sort-asc\": return (dataSource.sort = setSortColumn(dataSource.sort, column, \"A\")), true;\n case \"sort-dsc\": return (dataSource.sort = setSortColumn(dataSource.sort, column, \"D\")), true;\n case \"remove-sort\": return (dataSource.sort = {sortDefs:[]}), true;\n case \"sort-add-asc\": return (dataSource.sort = addSortColumn(dataSource.sort, column, \"A\")), true;\n case \"sort-add-dsc\": return (dataSource.sort = addSortColumn(dataSource.sort, column, \"D\")), true;\n case \"group-column\": return (dataSource.groupBy = addGroupColumn(dataSource.groupBy ?? [], column)), true;\n case \"add-to-group\": return (dataSource.groupBy = addGroupColumn(dataSource.groupBy ?? [], column)), true;\n case \"remove-group\": return (dataSource.groupBy = []), true;\n case \"remove-from-group\": return (dataSource.groupBy = removeGroupColumn(dataSource.groupBy ?? [], column)), true;\n case \"remove-column\": return (dataSource.columns = dataSource.columns.filter(name => name !== column.name)), true\n // case \"filter-remove-column\": return (dataSource.filter = removeFilterColumn(dataSource.filter, column)), true;\n // case \"remove-filters\": return (dataSource.filter = {filter:\"\"}), true;\n case \"agg-avg\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Average)), true;\n case \"agg-high\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, High)), true;\n case \"agg-low\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Low)), true;\n case \"agg-count\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Count)), true;\n case \"agg-distinct\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Distinct)), true;\n case \"agg-sum\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Sum)), true;\n // 2) Column display options ...\n case \"hide-column\": return onColumnDisplayAction?.({type: \"hideColumn\", column}), true;\n case \"pin-column-floating\": return onColumnDisplayAction?.({type: \"pinColumn\", column, pin: \"floating\"}), true;\n case \"pin-column-left\": return onColumnDisplayAction?.({type: \"pinColumn\", column, pin: \"left\"}), true;\n case \"pin-column-right\": return onColumnDisplayAction?.({type: \"pinColumn\", column, pin: \"right\"}), true;\n case \"unpin-column\": return onColumnDisplayAction?.({type: \"pinColumn\", column, pin: false}), true\n // 3) Table Admin options ...\n case \"column-settings\": return onDisplaySettingsAction?.({type: \"column-settings\", column}), true\n case \"table-settings\": return onDisplaySettingsAction?.({type: \"table-settings\"}), true\n default:\n logUnhandledMessage(columnMenuActionType, `[vuu-table-extras] useColumnActions handleContextMenuAction, unhandled columnMenuActionType`)\n }\n }\n return false;\n };\n\n return handleContextMenuAction;\n};\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ var dataSourceStats = ".vuuDatasourceStats {\n display: flex;\n font-size: 10px;\n gap: var(--salt-spacing-100);\n padding: 4px 0 0 12px;\n}\n\n.vuuDatasourceStats-label {\n color: var(--salt-content-secondary-foreground);\n}\n";
2
+
3
+ export { dataSourceStats as default };
4
+ //# sourceMappingURL=DatasourceStats.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatasourceStats.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,50 @@
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import cx from 'clsx';
3
+ import { useComponentCssInjection } from '@salt-ds/styles';
4
+ import { useWindow } from '@salt-ds/window';
5
+ import { useState, useEffect } from 'react';
6
+ import dataSourceStats from './DatasourceStats.css.js';
7
+
8
+ const classBase = "vuuDatasourceStats";
9
+ const numberFormatter = new Intl.NumberFormat();
10
+ const DataSourceStats = ({
11
+ className: classNameProp,
12
+ dataSource
13
+ }) => {
14
+ const targetWindow = useWindow();
15
+ useComponentCssInjection({
16
+ testId: "vuu-datasource-stats",
17
+ css: dataSourceStats,
18
+ window: targetWindow
19
+ });
20
+ const [range, setRange] = useState(dataSource.range);
21
+ const [size, setSize] = useState(dataSource.size);
22
+ useEffect(() => {
23
+ setSize(dataSource.size);
24
+ dataSource.on("resize", setSize);
25
+ dataSource.on("range", setRange);
26
+ return () => {
27
+ dataSource.removeListener("resize", setSize);
28
+ dataSource.removeListener("range", setRange);
29
+ };
30
+ }, [dataSource]);
31
+ const className = cx(classBase, classNameProp);
32
+ const from = numberFormatter.format(range.firstRowInViewport);
33
+ const to = numberFormatter.format(range.lastRowInViewport);
34
+ const value = numberFormatter.format(size);
35
+ if (size === 0) {
36
+ return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("span", { className: `${classBase}-label`, children: "No Rows to display" }) });
37
+ } else {
38
+ return /* @__PURE__ */ jsxs("div", { className, children: [
39
+ /* @__PURE__ */ jsx("span", { className: `${classBase}-label`, children: "Rows" }),
40
+ /* @__PURE__ */ jsx("span", { className: `${classBase}-range`, children: from }),
41
+ /* @__PURE__ */ jsx("span", { children: "-" }),
42
+ /* @__PURE__ */ jsx("span", { className: `${classBase}-range`, children: to }),
43
+ /* @__PURE__ */ jsx("span", { children: "of" }),
44
+ /* @__PURE__ */ jsx("span", { className: `${classBase}-size`, children: value })
45
+ ] });
46
+ }
47
+ };
48
+
49
+ export { DataSourceStats };
50
+ //# sourceMappingURL=DatasourceStats.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatasourceStats.js","sources":["../../src/datasource-stats/DatasourceStats.tsx"],"sourcesContent":["import { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useEffect, useState } from \"react\";\n\nimport dataSourceStats from \"./DatasourceStats.css\";\nimport { Range } from \"@vuu-ui/vuu-utils\";\n\ninterface DataSourceStatsProps extends HTMLAttributes<HTMLSpanElement> {\n dataSource: DataSource;\n}\n\nconst classBase = \"vuuDatasourceStats\";\n\nconst numberFormatter = new Intl.NumberFormat();\n\nexport const DataSourceStats = ({\n className: classNameProp,\n dataSource,\n}: DataSourceStatsProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-datasource-stats\",\n css: dataSourceStats,\n window: targetWindow,\n });\n\n const [range, setRange] = useState<Range>(dataSource.range);\n const [size, setSize] = useState(dataSource.size);\n useEffect(() => {\n setSize(dataSource.size);\n dataSource.on(\"resize\", setSize);\n dataSource.on(\"range\", setRange);\n return () => {\n dataSource.removeListener(\"resize\", setSize);\n dataSource.removeListener(\"range\", setRange);\n };\n }, [dataSource]);\n\n const className = cx(classBase, classNameProp);\n const from = numberFormatter.format(range.firstRowInViewport);\n const to = numberFormatter.format(range.lastRowInViewport);\n const value = numberFormatter.format(size);\n if (size === 0) {\n return (\n <div className={className}>\n <span className={`${classBase}-label`}>No Rows to display</span>\n </div>\n );\n } else {\n return (\n <div className={className}>\n <span className={`${classBase}-label`}>Rows</span>\n <span className={`${classBase}-range`}>{from}</span>\n <span>-</span>\n <span className={`${classBase}-range`}>{to}</span>\n <span>of</span>\n <span className={`${classBase}-size`}>{value}</span>\n </div>\n );\n }\n};\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,SAAY,GAAA,oBAAA;AAElB,MAAM,eAAA,GAAkB,IAAI,IAAA,CAAK,YAAa,EAAA;AAEvC,MAAM,kBAAkB,CAAC;AAAA,EAC9B,SAAW,EAAA,aAAA;AAAA,EACX;AACF,CAA4B,KAAA;AAC1B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,sBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAgB,WAAW,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,QAAA,CAAS,WAAW,IAAI,CAAA;AAChD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,WAAW,IAAI,CAAA;AACvB,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,OAAO,CAAA;AAC/B,IAAW,UAAA,CAAA,EAAA,CAAG,SAAS,QAAQ,CAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,OAAO,CAAA;AAC3C,MAAW,UAAA,CAAA,cAAA,CAAe,SAAS,QAAQ,CAAA;AAAA,KAC7C;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,SAAA,GAAY,EAAG,CAAA,SAAA,EAAW,aAAa,CAAA;AAC7C,EAAA,MAAM,IAAO,GAAA,eAAA,CAAgB,MAAO,CAAA,KAAA,CAAM,kBAAkB,CAAA;AAC5D,EAAA,MAAM,EAAK,GAAA,eAAA,CAAgB,MAAO,CAAA,KAAA,CAAM,iBAAiB,CAAA;AACzD,EAAM,MAAA,KAAA,GAAQ,eAAgB,CAAA,MAAA,CAAO,IAAI,CAAA;AACzC,EAAA,IAAI,SAAS,CAAG,EAAA;AACd,IACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EACH,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAK,WAAW,CAAG,EAAA,SAAS,CAAU,MAAA,CAAA,EAAA,QAAA,EAAA,oBAAA,EAAkB,CAC3D,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IACE,uBAAA,IAAA,CAAC,SAAI,SACH,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAU,QAAI,EAAA,MAAA,EAAA,CAAA;AAAA,0BAC1C,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAW,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA,sBAC7C,GAAA,CAAC,UAAK,QAAC,EAAA,GAAA,EAAA,CAAA;AAAA,0BACN,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAW,QAAG,EAAA,EAAA,EAAA,CAAA;AAAA,sBAC3C,GAAA,CAAC,UAAK,QAAE,EAAA,IAAA,EAAA,CAAA;AAAA,0BACP,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,SAAU,QAAM,EAAA,KAAA,EAAA;AAAA,KAC/C,EAAA,CAAA;AAAA;AAGN;;;;"}