@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.
- package/cjs/cell-edit-validators/CaseValidator.js +25 -0
- package/cjs/cell-edit-validators/CaseValidator.js.map +1 -0
- package/cjs/cell-edit-validators/PatternValidator.js +31 -0
- package/cjs/cell-edit-validators/PatternValidator.js.map +1 -0
- package/cjs/cell-renderers/background-cell/BackgroundCell.css.js +6 -0
- package/cjs/cell-renderers/background-cell/BackgroundCell.css.js.map +1 -0
- package/cjs/cell-renderers/background-cell/BackgroundCell.js +76 -0
- package/cjs/cell-renderers/background-cell/BackgroundCell.js.map +1 -0
- package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css.js +6 -0
- package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css.js.map +1 -0
- package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js +67 -0
- package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js.map +1 -0
- package/cjs/cell-renderers/background-cell/BackgroundKeyframes.css.js +6 -0
- package/cjs/cell-renderers/background-cell/BackgroundKeyframes.css.js.map +1 -0
- package/cjs/cell-renderers/background-cell/useDirection.js +20 -0
- package/cjs/cell-renderers/background-cell/useDirection.js.map +1 -0
- package/cjs/cell-renderers/dropdown-cell/DropdownCell.css.js +6 -0
- package/cjs/cell-renderers/dropdown-cell/DropdownCell.css.js.map +1 -0
- package/cjs/cell-renderers/dropdown-cell/DropdownCell.js +94 -0
- package/cjs/cell-renderers/dropdown-cell/DropdownCell.js.map +1 -0
- package/cjs/cell-renderers/lookup-cell/LookupCell.js +23 -0
- package/cjs/cell-renderers/lookup-cell/LookupCell.js.map +1 -0
- package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.css.js +6 -0
- package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.css.js.map +1 -0
- package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.js +62 -0
- package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.js.map +1 -0
- package/cjs/cell-renderers/progress-cell/ProgressCell.css.js +6 -0
- package/cjs/cell-renderers/progress-cell/ProgressCell.css.js.map +1 -0
- package/cjs/cell-renderers/progress-cell/ProgressCell.js +69 -0
- package/cjs/cell-renderers/progress-cell/ProgressCell.js.map +1 -0
- package/cjs/column-expression-input/ColumnExpressionInput.css.js +6 -0
- package/cjs/column-expression-input/ColumnExpressionInput.css.js.map +1 -0
- package/cjs/column-expression-input/ColumnExpressionInput.js +39 -0
- package/cjs/column-expression-input/ColumnExpressionInput.js.map +1 -0
- package/cjs/column-expression-input/column-function-descriptors.js +307 -0
- package/cjs/column-expression-input/column-function-descriptors.js.map +1 -0
- package/cjs/column-expression-input/column-language-parser/ColumnExpressionLanguage.js +28 -0
- package/cjs/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map +1 -0
- package/cjs/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js +465 -0
- package/cjs/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js.map +1 -0
- package/cjs/column-expression-input/column-language-parser/column-expression-parse-utils.js +61 -0
- package/cjs/column-expression-input/column-language-parser/column-expression-parse-utils.js.map +1 -0
- package/cjs/column-expression-input/column-language-parser/generated/column-parser.js +21 -0
- package/cjs/column-expression-input/column-language-parser/generated/column-parser.js.map +1 -0
- package/cjs/column-expression-input/functionDocInfo.js +39 -0
- package/cjs/column-expression-input/functionDocInfo.js.map +1 -0
- package/cjs/column-expression-input/highlighting.js +16 -0
- package/cjs/column-expression-input/highlighting.js.map +1 -0
- package/cjs/column-expression-input/theme.js +63 -0
- package/cjs/column-expression-input/theme.js.map +1 -0
- package/cjs/column-expression-input/useColumnAutoComplete.js +358 -0
- package/cjs/column-expression-input/useColumnAutoComplete.js.map +1 -0
- package/cjs/column-expression-input/useColumnExpressionEditor.js +131 -0
- package/cjs/column-expression-input/useColumnExpressionEditor.js.map +1 -0
- package/cjs/column-expression-input/useColumnExpressionSuggestionProvider.js +213 -0
- package/cjs/column-expression-input/useColumnExpressionSuggestionProvider.js.map +1 -0
- package/cjs/column-expression-panel/ColumnExpressionPanel.js +85 -0
- package/cjs/column-expression-panel/ColumnExpressionPanel.js.map +1 -0
- package/cjs/column-expression-panel/useColumnExpression.js +69 -0
- package/cjs/column-expression-panel/useColumnExpression.js.map +1 -0
- package/cjs/column-formatting-settings/BaseNumericFormattingSettings.js +97 -0
- package/cjs/column-formatting-settings/BaseNumericFormattingSettings.js.map +1 -0
- package/cjs/column-formatting-settings/ColumnFormattingPanel.js +104 -0
- package/cjs/column-formatting-settings/ColumnFormattingPanel.js.map +1 -0
- package/cjs/column-formatting-settings/DateTimeFormattingSettings.js +99 -0
- package/cjs/column-formatting-settings/DateTimeFormattingSettings.js.map +1 -0
- package/cjs/column-formatting-settings/LongTypeFormattingSettings.css.js +6 -0
- package/cjs/column-formatting-settings/LongTypeFormattingSettings.css.js.map +1 -0
- package/cjs/column-formatting-settings/LongTypeFormattingSettings.js +49 -0
- package/cjs/column-formatting-settings/LongTypeFormattingSettings.js.map +1 -0
- package/cjs/column-list/ColumnList.css.js +6 -0
- package/cjs/column-list/ColumnList.css.js.map +1 -0
- package/cjs/column-list/ColumnList.js +172 -0
- package/cjs/column-list/ColumnList.js.map +1 -0
- package/cjs/column-menu/ColumnMenu.css.js +6 -0
- package/cjs/column-menu/ColumnMenu.css.js.map +1 -0
- package/cjs/column-menu/ColumnMenu.js +116 -0
- package/cjs/column-menu/ColumnMenu.js.map +1 -0
- package/cjs/column-menu/column-menu-utils.js +489 -0
- package/cjs/column-menu/column-menu-utils.js.map +1 -0
- package/cjs/column-menu/useColumnActions.js +75 -0
- package/cjs/column-menu/useColumnActions.js.map +1 -0
- package/cjs/datasource-stats/DatasourceStats.css.js +6 -0
- package/cjs/datasource-stats/DatasourceStats.css.js.map +1 -0
- package/cjs/datasource-stats/DatasourceStats.js +52 -0
- package/cjs/datasource-stats/DatasourceStats.js.map +1 -0
- package/cjs/index.js +65 -4254
- package/cjs/index.js.map +1 -1
- package/cjs/table-column-settings/ColumnNameLabel.css.js +6 -0
- package/cjs/table-column-settings/ColumnNameLabel.css.js.map +1 -0
- package/cjs/table-column-settings/ColumnNameLabel.js +45 -0
- package/cjs/table-column-settings/ColumnNameLabel.js.map +1 -0
- package/cjs/table-column-settings/ColumnSettingsPanel.css.js +6 -0
- package/cjs/table-column-settings/ColumnSettingsPanel.css.js.map +1 -0
- package/cjs/table-column-settings/ColumnSettingsPanel.js +202 -0
- package/cjs/table-column-settings/ColumnSettingsPanel.js.map +1 -0
- package/cjs/table-column-settings/TableSettingsPanel.css.js +6 -0
- package/cjs/table-column-settings/TableSettingsPanel.css.js.map +1 -0
- package/cjs/table-column-settings/TableSettingsPanel.js +139 -0
- package/cjs/table-column-settings/TableSettingsPanel.js.map +1 -0
- package/cjs/table-column-settings/useColumnSettings.js +224 -0
- package/cjs/table-column-settings/useColumnSettings.js.map +1 -0
- package/cjs/table-column-settings/useTableAndColumnSettings.js +126 -0
- package/cjs/table-column-settings/useTableAndColumnSettings.js.map +1 -0
- package/cjs/table-column-settings/useTableSettings.js +172 -0
- package/cjs/table-column-settings/useTableSettings.js.map +1 -0
- package/cjs/table-provider/TableProvider.js +48 -0
- package/cjs/table-provider/TableProvider.js.map +1 -0
- package/esm/cell-edit-validators/CaseValidator.js +23 -0
- package/esm/cell-edit-validators/CaseValidator.js.map +1 -0
- package/esm/cell-edit-validators/PatternValidator.js +29 -0
- package/esm/cell-edit-validators/PatternValidator.js.map +1 -0
- package/esm/cell-renderers/background-cell/BackgroundCell.css.js +4 -0
- package/esm/cell-renderers/background-cell/BackgroundCell.css.js.map +1 -0
- package/esm/cell-renderers/background-cell/BackgroundCell.js +74 -0
- package/esm/cell-renderers/background-cell/BackgroundCell.js.map +1 -0
- package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css.js +4 -0
- package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css.js.map +1 -0
- package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js +65 -0
- package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js.map +1 -0
- package/esm/cell-renderers/background-cell/BackgroundKeyframes.css.js +4 -0
- package/esm/cell-renderers/background-cell/BackgroundKeyframes.css.js.map +1 -0
- package/esm/cell-renderers/background-cell/useDirection.js +18 -0
- package/esm/cell-renderers/background-cell/useDirection.js.map +1 -0
- package/esm/cell-renderers/dropdown-cell/DropdownCell.css.js +4 -0
- package/esm/cell-renderers/dropdown-cell/DropdownCell.css.js.map +1 -0
- package/esm/cell-renderers/dropdown-cell/DropdownCell.js +92 -0
- package/esm/cell-renderers/dropdown-cell/DropdownCell.js.map +1 -0
- package/esm/cell-renderers/lookup-cell/LookupCell.js +21 -0
- package/esm/cell-renderers/lookup-cell/LookupCell.js.map +1 -0
- package/esm/cell-renderers/pct-progress-cell/PctProgressCell.css.js +4 -0
- package/esm/cell-renderers/pct-progress-cell/PctProgressCell.css.js.map +1 -0
- package/esm/cell-renderers/pct-progress-cell/PctProgressCell.js +60 -0
- package/esm/cell-renderers/pct-progress-cell/PctProgressCell.js.map +1 -0
- package/esm/cell-renderers/progress-cell/ProgressCell.css.js +4 -0
- package/esm/cell-renderers/progress-cell/ProgressCell.css.js.map +1 -0
- package/esm/cell-renderers/progress-cell/ProgressCell.js +67 -0
- package/esm/cell-renderers/progress-cell/ProgressCell.js.map +1 -0
- package/esm/column-expression-input/ColumnExpressionInput.css.js +4 -0
- package/esm/column-expression-input/ColumnExpressionInput.css.js.map +1 -0
- package/esm/column-expression-input/ColumnExpressionInput.js +37 -0
- package/esm/column-expression-input/ColumnExpressionInput.js.map +1 -0
- package/esm/column-expression-input/column-function-descriptors.js +305 -0
- package/esm/column-expression-input/column-function-descriptors.js.map +1 -0
- package/esm/column-expression-input/column-language-parser/ColumnExpressionLanguage.js +26 -0
- package/esm/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map +1 -0
- package/esm/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js +463 -0
- package/esm/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js.map +1 -0
- package/esm/column-expression-input/column-language-parser/column-expression-parse-utils.js +56 -0
- package/esm/column-expression-input/column-language-parser/column-expression-parse-utils.js.map +1 -0
- package/esm/column-expression-input/column-language-parser/generated/column-parser.js +19 -0
- package/esm/column-expression-input/column-language-parser/generated/column-parser.js.map +1 -0
- package/esm/column-expression-input/functionDocInfo.js +37 -0
- package/esm/column-expression-input/functionDocInfo.js.map +1 -0
- package/esm/column-expression-input/highlighting.js +14 -0
- package/esm/column-expression-input/highlighting.js.map +1 -0
- package/esm/column-expression-input/theme.js +61 -0
- package/esm/column-expression-input/theme.js.map +1 -0
- package/esm/column-expression-input/useColumnAutoComplete.js +356 -0
- package/esm/column-expression-input/useColumnAutoComplete.js.map +1 -0
- package/esm/column-expression-input/useColumnExpressionEditor.js +129 -0
- package/esm/column-expression-input/useColumnExpressionEditor.js.map +1 -0
- package/esm/column-expression-input/useColumnExpressionSuggestionProvider.js +211 -0
- package/esm/column-expression-input/useColumnExpressionSuggestionProvider.js.map +1 -0
- package/esm/column-expression-panel/ColumnExpressionPanel.js +83 -0
- package/esm/column-expression-panel/ColumnExpressionPanel.js.map +1 -0
- package/esm/column-expression-panel/useColumnExpression.js +67 -0
- package/esm/column-expression-panel/useColumnExpression.js.map +1 -0
- package/esm/column-formatting-settings/BaseNumericFormattingSettings.js +95 -0
- package/esm/column-formatting-settings/BaseNumericFormattingSettings.js.map +1 -0
- package/esm/column-formatting-settings/ColumnFormattingPanel.js +102 -0
- package/esm/column-formatting-settings/ColumnFormattingPanel.js.map +1 -0
- package/esm/column-formatting-settings/DateTimeFormattingSettings.js +97 -0
- package/esm/column-formatting-settings/DateTimeFormattingSettings.js.map +1 -0
- package/esm/column-formatting-settings/LongTypeFormattingSettings.css.js +4 -0
- package/esm/column-formatting-settings/LongTypeFormattingSettings.css.js.map +1 -0
- package/esm/column-formatting-settings/LongTypeFormattingSettings.js +47 -0
- package/esm/column-formatting-settings/LongTypeFormattingSettings.js.map +1 -0
- package/esm/column-list/ColumnList.css.js +4 -0
- package/esm/column-list/ColumnList.css.js.map +1 -0
- package/esm/column-list/ColumnList.js +170 -0
- package/esm/column-list/ColumnList.js.map +1 -0
- package/esm/column-menu/ColumnMenu.css.js +4 -0
- package/esm/column-menu/ColumnMenu.css.js.map +1 -0
- package/esm/column-menu/ColumnMenu.js +114 -0
- package/esm/column-menu/ColumnMenu.js.map +1 -0
- package/esm/column-menu/column-menu-utils.js +480 -0
- package/esm/column-menu/column-menu-utils.js.map +1 -0
- package/esm/column-menu/useColumnActions.js +73 -0
- package/esm/column-menu/useColumnActions.js.map +1 -0
- package/esm/datasource-stats/DatasourceStats.css.js +4 -0
- package/esm/datasource-stats/DatasourceStats.css.js.map +1 -0
- package/esm/datasource-stats/DatasourceStats.js +50 -0
- package/esm/datasource-stats/DatasourceStats.js.map +1 -0
- package/esm/index.js +28 -4221
- package/esm/index.js.map +1 -1
- package/esm/table-column-settings/ColumnNameLabel.css.js +4 -0
- package/esm/table-column-settings/ColumnNameLabel.css.js.map +1 -0
- package/esm/table-column-settings/ColumnNameLabel.js +43 -0
- package/esm/table-column-settings/ColumnNameLabel.js.map +1 -0
- package/esm/table-column-settings/ColumnSettingsPanel.css.js +4 -0
- package/esm/table-column-settings/ColumnSettingsPanel.css.js.map +1 -0
- package/esm/table-column-settings/ColumnSettingsPanel.js +200 -0
- package/esm/table-column-settings/ColumnSettingsPanel.js.map +1 -0
- package/esm/table-column-settings/TableSettingsPanel.css.js +4 -0
- package/esm/table-column-settings/TableSettingsPanel.css.js.map +1 -0
- package/esm/table-column-settings/TableSettingsPanel.js +136 -0
- package/esm/table-column-settings/TableSettingsPanel.js.map +1 -0
- package/esm/table-column-settings/useColumnSettings.js +222 -0
- package/esm/table-column-settings/useColumnSettings.js.map +1 -0
- package/esm/table-column-settings/useTableAndColumnSettings.js +122 -0
- package/esm/table-column-settings/useTableAndColumnSettings.js.map +1 -0
- package/esm/table-column-settings/useTableSettings.js +170 -0
- package/esm/table-column-settings/useTableSettings.js.map +1 -0
- package/esm/table-provider/TableProvider.js +44 -0
- package/esm/table-provider/TableProvider.js.map +1 -0
- 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;;;;"}
|