@vuu-ui/vuu-table 0.8.34 → 0.8.35
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/package.json +8 -10
- package/cjs/Row.css +0 -115
- package/cjs/Row.js +0 -115
- package/cjs/Row.js.map +0 -1
- package/cjs/Table.css +0 -151
- package/cjs/Table.js +0 -276
- package/cjs/Table.js.map +0 -1
- package/cjs/cell-renderers/checkbox-cell/CheckboxCell.css +0 -5
- package/cjs/cell-renderers/checkbox-cell/CheckboxCell.js +0 -33
- package/cjs/cell-renderers/checkbox-cell/CheckboxCell.js.map +0 -1
- package/cjs/cell-renderers/input-cell/InputCell.css +0 -31
- package/cjs/cell-renderers/input-cell/InputCell.js +0 -49
- package/cjs/cell-renderers/input-cell/InputCell.js.map +0 -1
- package/cjs/cell-renderers/toggle-cell/ToggleCell.css +0 -32
- package/cjs/cell-renderers/toggle-cell/ToggleCell.js +0 -59
- package/cjs/cell-renderers/toggle-cell/ToggleCell.js.map +0 -1
- package/cjs/column-header-pill/ColumnHeaderPill.css +0 -30
- package/cjs/column-header-pill/ColumnHeaderPill.js +0 -44
- package/cjs/column-header-pill/ColumnHeaderPill.js.map +0 -1
- package/cjs/column-header-pill/GroupColumnPill.css +0 -7
- package/cjs/column-header-pill/GroupColumnPill.js +0 -20
- package/cjs/column-header-pill/GroupColumnPill.js.map +0 -1
- package/cjs/column-header-pill/SortIndicator.css +0 -7
- package/cjs/column-header-pill/SortIndicator.js +0 -18
- package/cjs/column-header-pill/SortIndicator.js.map +0 -1
- package/cjs/column-menu/ColumnMenu.css +0 -21
- package/cjs/column-menu/ColumnMenu.js +0 -21
- package/cjs/column-menu/ColumnMenu.js.map +0 -1
- package/cjs/column-resizing/ColumnResizer.css +0 -28
- package/cjs/column-resizing/ColumnResizer.js +0 -63
- package/cjs/column-resizing/ColumnResizer.js.map +0 -1
- package/cjs/column-resizing/useTableColumnResize.js +0 -55
- package/cjs/column-resizing/useTableColumnResize.js.map +0 -1
- package/cjs/context-menu/buildContextMenuDescriptors.js +0 -214
- package/cjs/context-menu/buildContextMenuDescriptors.js.map +0 -1
- package/cjs/context-menu/useHandleTableContextMenu.js +0 -81
- package/cjs/context-menu/useHandleTableContextMenu.js.map +0 -1
- package/cjs/header-cell/GroupHeaderCell.css +0 -65
- package/cjs/header-cell/GroupHeaderCell.js +0 -108
- package/cjs/header-cell/GroupHeaderCell.js.map +0 -1
- package/cjs/header-cell/HeaderCell.css +0 -146
- package/cjs/header-cell/HeaderCell.js +0 -100
- package/cjs/header-cell/HeaderCell.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/moving-window.js +0 -61
- package/cjs/moving-window.js.map +0 -1
- package/cjs/table-cell/TableCell.css +0 -41
- package/cjs/table-cell/TableCell.js +0 -63
- package/cjs/table-cell/TableCell.js.map +0 -1
- package/cjs/table-cell/TableGroupCell.css +0 -26
- package/cjs/table-cell/TableGroupCell.js +0 -45
- package/cjs/table-cell/TableGroupCell.js.map +0 -1
- package/cjs/table-config.js +0 -25
- package/cjs/table-config.js.map +0 -1
- package/cjs/table-dom-utils.js +0 -60
- package/cjs/table-dom-utils.js.map +0 -1
- package/cjs/table-header/TableHeader.js +0 -87
- package/cjs/table-header/TableHeader.js.map +0 -1
- package/cjs/table-header/useTableHeader.js +0 -72
- package/cjs/table-header/useTableHeader.js.map +0 -1
- package/cjs/useCell.js +0 -28
- package/cjs/useCell.js.map +0 -1
- package/cjs/useCellEditing.js +0 -79
- package/cjs/useCellEditing.js.map +0 -1
- package/cjs/useControlledTableNavigation.js +0 -43
- package/cjs/useControlledTableNavigation.js.map +0 -1
- package/cjs/useDataSource.js +0 -104
- package/cjs/useDataSource.js.map +0 -1
- package/cjs/useInitialValue.js +0 -11
- package/cjs/useInitialValue.js.map +0 -1
- package/cjs/useKeyboardNavigation.js +0 -304
- package/cjs/useKeyboardNavigation.js.map +0 -1
- package/cjs/useRowClassNameGenerators.js +0 -34
- package/cjs/useRowClassNameGenerators.js.map +0 -1
- package/cjs/useRowHeight.js +0 -43
- package/cjs/useRowHeight.js.map +0 -1
- package/cjs/useSelection.js +0 -64
- package/cjs/useSelection.js.map +0 -1
- package/cjs/useTable.js +0 -553
- package/cjs/useTable.js.map +0 -1
- package/cjs/useTableAndColumnSettings.js +0 -128
- package/cjs/useTableAndColumnSettings.js.map +0 -1
- package/cjs/useTableContextMenu.js +0 -42
- package/cjs/useTableContextMenu.js.map +0 -1
- package/cjs/useTableModel.js +0 -297
- package/cjs/useTableModel.js.map +0 -1
- package/cjs/useTableScroll.js +0 -396
- package/cjs/useTableScroll.js.map +0 -1
- package/cjs/useTableViewport.js +0 -122
- package/cjs/useTableViewport.js.map +0 -1
- package/esm/Row.css +0 -115
- package/esm/Row.js +0 -112
- package/esm/Row.js.map +0 -1
- package/esm/Table.css +0 -151
- package/esm/Table.js +0 -274
- package/esm/Table.js.map +0 -1
- package/esm/cell-renderers/checkbox-cell/CheckboxCell.css +0 -5
- package/esm/cell-renderers/checkbox-cell/CheckboxCell.js +0 -31
- package/esm/cell-renderers/checkbox-cell/CheckboxCell.js.map +0 -1
- package/esm/cell-renderers/input-cell/InputCell.css +0 -31
- package/esm/cell-renderers/input-cell/InputCell.js +0 -47
- package/esm/cell-renderers/input-cell/InputCell.js.map +0 -1
- package/esm/cell-renderers/toggle-cell/ToggleCell.css +0 -32
- package/esm/cell-renderers/toggle-cell/ToggleCell.js +0 -57
- package/esm/cell-renderers/toggle-cell/ToggleCell.js.map +0 -1
- package/esm/column-header-pill/ColumnHeaderPill.css +0 -30
- package/esm/column-header-pill/ColumnHeaderPill.js +0 -42
- package/esm/column-header-pill/ColumnHeaderPill.js.map +0 -1
- package/esm/column-header-pill/GroupColumnPill.css +0 -7
- package/esm/column-header-pill/GroupColumnPill.js +0 -18
- package/esm/column-header-pill/GroupColumnPill.js.map +0 -1
- package/esm/column-header-pill/SortIndicator.css +0 -7
- package/esm/column-header-pill/SortIndicator.js +0 -16
- package/esm/column-header-pill/SortIndicator.js.map +0 -1
- package/esm/column-menu/ColumnMenu.css +0 -21
- package/esm/column-menu/ColumnMenu.js +0 -19
- package/esm/column-menu/ColumnMenu.js.map +0 -1
- package/esm/column-resizing/ColumnResizer.css +0 -28
- package/esm/column-resizing/ColumnResizer.js +0 -61
- package/esm/column-resizing/ColumnResizer.js.map +0 -1
- package/esm/column-resizing/useTableColumnResize.js +0 -53
- package/esm/column-resizing/useTableColumnResize.js.map +0 -1
- package/esm/context-menu/buildContextMenuDescriptors.js +0 -212
- package/esm/context-menu/buildContextMenuDescriptors.js.map +0 -1
- package/esm/context-menu/useHandleTableContextMenu.js +0 -79
- package/esm/context-menu/useHandleTableContextMenu.js.map +0 -1
- package/esm/header-cell/GroupHeaderCell.css +0 -65
- package/esm/header-cell/GroupHeaderCell.js +0 -106
- package/esm/header-cell/GroupHeaderCell.js.map +0 -1
- package/esm/header-cell/HeaderCell.css +0 -146
- package/esm/header-cell/HeaderCell.js +0 -98
- package/esm/header-cell/HeaderCell.js.map +0 -1
- package/esm/index.js +0 -14
- package/esm/index.js.map +0 -1
- package/esm/moving-window.js +0 -59
- package/esm/moving-window.js.map +0 -1
- package/esm/table-cell/TableCell.css +0 -41
- package/esm/table-cell/TableCell.js +0 -61
- package/esm/table-cell/TableCell.js.map +0 -1
- package/esm/table-cell/TableGroupCell.css +0 -26
- package/esm/table-cell/TableGroupCell.js +0 -43
- package/esm/table-cell/TableGroupCell.js.map +0 -1
- package/esm/table-config.js +0 -23
- package/esm/table-config.js.map +0 -1
- package/esm/table-dom-utils.js +0 -51
- package/esm/table-dom-utils.js.map +0 -1
- package/esm/table-header/TableHeader.js +0 -85
- package/esm/table-header/TableHeader.js.map +0 -1
- package/esm/table-header/useTableHeader.js +0 -70
- package/esm/table-header/useTableHeader.js.map +0 -1
- package/esm/useCell.js +0 -26
- package/esm/useCell.js.map +0 -1
- package/esm/useCellEditing.js +0 -77
- package/esm/useCellEditing.js.map +0 -1
- package/esm/useControlledTableNavigation.js +0 -41
- package/esm/useControlledTableNavigation.js.map +0 -1
- package/esm/useDataSource.js +0 -101
- package/esm/useDataSource.js.map +0 -1
- package/esm/useInitialValue.js +0 -9
- package/esm/useInitialValue.js.map +0 -1
- package/esm/useKeyboardNavigation.js +0 -300
- package/esm/useKeyboardNavigation.js.map +0 -1
- package/esm/useRowClassNameGenerators.js +0 -32
- package/esm/useRowClassNameGenerators.js.map +0 -1
- package/esm/useRowHeight.js +0 -41
- package/esm/useRowHeight.js.map +0 -1
- package/esm/useSelection.js +0 -62
- package/esm/useSelection.js.map +0 -1
- package/esm/useTable.js +0 -551
- package/esm/useTable.js.map +0 -1
- package/esm/useTableAndColumnSettings.js +0 -126
- package/esm/useTableAndColumnSettings.js.map +0 -1
- package/esm/useTableContextMenu.js +0 -40
- package/esm/useTableContextMenu.js.map +0 -1
- package/esm/useTableModel.js +0 -293
- package/esm/useTableModel.js.map +0 -1
- package/esm/useTableScroll.js +0 -393
- package/esm/useTableScroll.js.map +0 -1
- package/esm/useTableViewport.js +0 -120
- package/esm/useTableViewport.js.map +0 -1
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var ColumnHeaderPill = require('./ColumnHeaderPill.js');
|
|
5
|
-
|
|
6
|
-
const GroupColumnPill = ({
|
|
7
|
-
column,
|
|
8
|
-
...columnHeaderProps
|
|
9
|
-
}) => {
|
|
10
|
-
const { name, sorted } = column;
|
|
11
|
-
const icon = typeof sorted === "number" ? sorted < 0 ? "arrow-down" : "arrow-up" : sorted === "A" ? "arrow-up" : sorted === "D" ? "arrow-down" : void 0;
|
|
12
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(ColumnHeaderPill.ColumnHeaderPill, { ...columnHeaderProps, column, children: [
|
|
13
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "vuuGroupColumnPill-label", children: name }),
|
|
14
|
-
icon !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-icon": icon }) : null,
|
|
15
|
-
typeof sorted === "number" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vuuSortPosition", children: Math.abs(sorted) }) : null
|
|
16
|
-
] });
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
exports.GroupColumnPill = GroupColumnPill;
|
|
20
|
-
//# sourceMappingURL=GroupColumnPill.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GroupColumnPill.js","sources":["../../src/column-header-pill/GroupColumnPill.tsx"],"sourcesContent":["import { RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { ColumnHeaderPill, ColumnHeaderPillProps } from \"./ColumnHeaderPill\";\n\nimport \"./GroupColumnPill.css\";\n\nexport interface GroupColumnPillProps extends ColumnHeaderPillProps {\n column: RuntimeColumnDescriptor;\n}\n\nexport const GroupColumnPill = ({\n column,\n ...columnHeaderProps\n}: GroupColumnPillProps) => {\n const { name, sorted } = column;\n const icon =\n typeof sorted === \"number\"\n ? sorted < 0\n ? \"arrow-down\"\n : \"arrow-up\"\n : sorted === \"A\"\n ? \"arrow-up\"\n : sorted === \"D\"\n ? \"arrow-down\"\n : undefined;\n\n return (\n <ColumnHeaderPill {...columnHeaderProps} column={column}>\n <span className=\"vuuGroupColumnPill-label\">{name}</span>\n {icon !== undefined ? <span data-icon={icon} /> : null}\n {typeof sorted === \"number\" ? (\n <span className={\"vuuSortPosition\"}>{Math.abs(sorted)}</span>\n ) : null}\n </ColumnHeaderPill>\n );\n};\n"],"names":["jsxs","ColumnHeaderPill","jsx"],"mappings":";;;;;AASO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,GAAG,iBAAA;AACL,CAA4B,KAAA;AAC1B,EAAM,MAAA,EAAE,IAAM,EAAA,MAAA,EAAW,GAAA,MAAA,CAAA;AACzB,EAAA,MAAM,IACJ,GAAA,OAAO,MAAW,KAAA,QAAA,GACd,MAAS,GAAA,CAAA,GACP,YACA,GAAA,UAAA,GACF,MAAW,KAAA,GAAA,GACX,UACA,GAAA,MAAA,KAAW,MACX,YACA,GAAA,KAAA,CAAA,CAAA;AAEN,EAAA,uBACGA,eAAA,CAAAC,iCAAA,EAAA,EAAkB,GAAG,iBAAA,EAAmB,MACvC,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,0BAAA,EAA4B,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA,IAChD,SAAS,KAAY,CAAA,mBAAAA,cAAA,CAAC,MAAK,EAAA,EAAA,WAAA,EAAW,MAAM,CAAK,GAAA,IAAA;AAAA,IACjD,OAAO,MAAW,KAAA,QAAA,mBAChBA,cAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,iBAAA,EAAoB,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,MAAM,CAAA,EAAE,CACpD,GAAA,IAAA;AAAA,GACN,EAAA,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var ColumnHeaderPill = require('./ColumnHeaderPill.js');
|
|
5
|
-
|
|
6
|
-
const SortIndicator = ({ column }) => {
|
|
7
|
-
if (!column.sorted) {
|
|
8
|
-
return null;
|
|
9
|
-
}
|
|
10
|
-
const icon = typeof column.sorted === "number" ? column.sorted < 0 ? "arrow-down" : "arrow-up" : column.sorted === "A" ? "arrow-up" : "arrow-down";
|
|
11
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(ColumnHeaderPill.ColumnHeaderPill, { column, children: [
|
|
12
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { "data-icon": icon }),
|
|
13
|
-
typeof column.sorted === "number" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vuuSortPosition", children: Math.abs(column.sorted) }) : null
|
|
14
|
-
] });
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
exports.SortIndicator = SortIndicator;
|
|
18
|
-
//# sourceMappingURL=SortIndicator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SortIndicator.js","sources":["../../src/column-header-pill/SortIndicator.tsx"],"sourcesContent":["import { RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { ColumnHeaderPill } from \"./ColumnHeaderPill\";\n\nimport \"./SortIndicator.css\";\n\nexport interface SortIndicatorProps {\n column: RuntimeColumnDescriptor;\n}\n\nexport const SortIndicator = ({ column }: SortIndicatorProps) => {\n if (!column.sorted) {\n return null;\n }\n\n const icon =\n typeof column.sorted === \"number\"\n ? column.sorted < 0\n ? \"arrow-down\"\n : \"arrow-up\"\n : column.sorted === \"A\"\n ? \"arrow-up\"\n : \"arrow-down\";\n\n return (\n <ColumnHeaderPill column={column}>\n <span data-icon={icon} />\n {typeof column.sorted === \"number\" ? (\n <span className={\"vuuSortPosition\"}>{Math.abs(column.sorted)}</span>\n ) : null}\n </ColumnHeaderPill>\n );\n};\n"],"names":["jsxs","ColumnHeaderPill","jsx"],"mappings":";;;;;AASO,MAAM,aAAgB,GAAA,CAAC,EAAE,MAAA,EAAiC,KAAA;AAC/D,EAAI,IAAA,CAAC,OAAO,MAAQ,EAAA;AAClB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,IACJ,GAAA,OAAO,MAAO,CAAA,MAAA,KAAW,QACrB,GAAA,MAAA,CAAO,MAAS,GAAA,CAAA,GACd,YACA,GAAA,UAAA,GACF,MAAO,CAAA,MAAA,KAAW,MAClB,UACA,GAAA,YAAA,CAAA;AAEN,EACE,uBAAAA,eAAA,CAACC,qCAAiB,MAChB,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAA,MAAA,EAAA,EAAK,aAAW,IAAM,EAAA,CAAA;AAAA,IACtB,OAAO,MAAA,CAAO,MAAW,KAAA,QAAA,mBACvBA,cAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,iBAAA,EAAoB,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,MAAO,CAAA,MAAM,GAAE,CAC3D,GAAA,IAAA;AAAA,GACN,EAAA,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
.vuuMenuItem {
|
|
2
|
-
--vuu-svg-cog: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.9533 8.65331C12.98 8.43998 13 8.22665 13 7.99998C13 7.77331 12.98 7.55998 12.9533 7.34665L14.36 6.24665C14.4867 6.14665 14.52 5.96665 14.44 5.81998L13.1067 3.51331C13.0267 3.36665 12.8467 3.31331 12.7 3.36665L11.04 4.03331C10.6933 3.76665 10.32 3.54665 9.91333 3.37998L9.66 1.61331C9.64 1.45331 9.5 1.33331 9.33333 1.33331H6.66667C6.5 1.33331 6.36 1.45331 6.34 1.61331L6.08667 3.37998C5.68 3.54665 5.30667 3.77331 4.96 4.03331L3.3 3.36665C3.14667 3.30665 2.97333 3.36665 2.89333 3.51331L1.56 5.81998C1.47333 5.96665 1.51333 6.14665 1.64 6.24665L3.04667 7.34665C3.02 7.55998 3 7.77998 3 7.99998C3 8.21998 3.02 8.43998 3.04667 8.65331L1.64 9.75331C1.51333 9.85331 1.48 10.0333 1.56 10.18L2.89333 12.4866C2.97333 12.6333 3.15333 12.6866 3.3 12.6333L4.96 11.9666C5.30667 12.2333 5.68 12.4533 6.08667 12.62L6.34 14.3866C6.36 14.5466 6.5 14.6666 6.66667 14.6666H9.33333C9.5 14.6666 9.64 14.5466 9.66 14.3866L9.91333 12.62C10.32 12.4533 10.6933 12.2266 11.04 11.9666L12.7 12.6333C12.8533 12.6933 13.0267 12.6333 13.1067 12.4866L14.44 10.18C14.52 10.0333 14.4867 9.85331 14.36 9.75331L12.9533 8.65331V8.65331ZM8 10.3333C6.71333 10.3333 5.66667 9.28665 5.66667 7.99998C5.66667 6.71331 6.71333 5.66665 8 5.66665C9.28667 5.66665 10.3333 6.71331 10.3333 7.99998C10.3333 9.28665 9.28667 10.3333 8 10.3333Z"/></svg>');
|
|
3
|
-
}
|
|
4
|
-
.vuuColumnMenu {
|
|
5
|
-
--menu-button-size: calc(var(--salt-size-base) - var(--salt-spacing-100));
|
|
6
|
-
--saltButton-padding: var(--salt-spacing-50);
|
|
7
|
-
--saltButton-minWidth: var(--menu-button-size);
|
|
8
|
-
--saltButton-height: var(--menu-button-size);
|
|
9
|
-
--saltButton-width: var(--menu-button-size);
|
|
10
|
-
|
|
11
|
-
--vuu-icon-height: var(--menu-button-size);
|
|
12
|
-
--vuu-icon-left: 0px;
|
|
13
|
-
--vuu-icon-top: 0px;
|
|
14
|
-
--vuu-icon-width: var(--menu-button-size);
|
|
15
|
-
|
|
16
|
-
border-radius: 4px;
|
|
17
|
-
flex: 0 0 var(--menu-button-size);
|
|
18
|
-
margin: var(--vuuTable-columnMenu-margin, 0);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var vuuPopups = require('@vuu-ui/vuu-popups');
|
|
5
|
-
var cx = require('clsx');
|
|
6
|
-
|
|
7
|
-
const classBase = "vuuColumnMenu";
|
|
8
|
-
const ColumnMenu = ({ className, column }) => {
|
|
9
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
10
|
-
vuuPopups.PopupMenu,
|
|
11
|
-
{
|
|
12
|
-
className: cx(classBase, className),
|
|
13
|
-
"data-embedded": true,
|
|
14
|
-
menuLocation: "column-menu",
|
|
15
|
-
menuOptions: { column }
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
exports.ColumnMenu = ColumnMenu;
|
|
21
|
-
//# sourceMappingURL=ColumnMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnMenu.js","sources":["../../src/column-menu/ColumnMenu.tsx"],"sourcesContent":["import { RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { PopupMenu } from \"@vuu-ui/vuu-popups\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\n\nimport \"./ColumnMenu.css\";\n\nconst classBase = \"vuuColumnMenu\";\nexport interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {\n column: RuntimeColumnDescriptor;\n}\n\nexport const ColumnMenu = ({ className, column }: ColumnMenuProps) => {\n return (\n <PopupMenu\n className={cx(classBase, className)}\n data-embedded\n menuLocation=\"column-menu\"\n menuOptions={{ column }}\n />\n );\n};\n"],"names":["jsx","PopupMenu"],"mappings":";;;;;;AAOA,MAAM,SAAY,GAAA,eAAA,CAAA;AAKX,MAAM,UAAa,GAAA,CAAC,EAAE,SAAA,EAAW,QAA8B,KAAA;AACpE,EACE,uBAAAA,cAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,eAAa,EAAA,IAAA;AAAA,MACb,YAAa,EAAA,aAAA;AAAA,MACb,WAAA,EAAa,EAAE,MAAO,EAAA;AAAA,KAAA;AAAA,GACxB,CAAA;AAEJ;;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
.vuuColumnResizer {
|
|
2
|
-
cursor: col-resize;
|
|
3
|
-
height: var(--header-height);
|
|
4
|
-
margin-left: var(--columnResizer-left, auto);
|
|
5
|
-
position: absolute;
|
|
6
|
-
right: -5px;
|
|
7
|
-
width: 8px;
|
|
8
|
-
z-index:1;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.vuuTableHeaderCell:not(.vuuTableHeaderCell-resizing){
|
|
12
|
-
.vuuColumnResizer:hover {
|
|
13
|
-
--columnResizer-color: var(--salt-selectable-background-selected);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.vuuColumnResizer:after {
|
|
19
|
-
background-color: var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));
|
|
20
|
-
bottom:0;
|
|
21
|
-
content: '';
|
|
22
|
-
position: absolute;
|
|
23
|
-
top: 0;
|
|
24
|
-
right: 3px;
|
|
25
|
-
height: var(--columnResizer-height, 0);
|
|
26
|
-
width: 2px;
|
|
27
|
-
z-index: 1;
|
|
28
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var react = require('react');
|
|
5
|
-
|
|
6
|
-
const NOOP = () => void 0;
|
|
7
|
-
const baseClass = "vuuColumnResizer";
|
|
8
|
-
const ColumnResizer = ({
|
|
9
|
-
onDrag,
|
|
10
|
-
onDragEnd = NOOP,
|
|
11
|
-
onDragStart = NOOP
|
|
12
|
-
}) => {
|
|
13
|
-
const positionRef = react.useRef({ start: 0, now: 0 });
|
|
14
|
-
const onMouseMove = react.useCallback(
|
|
15
|
-
(e) => {
|
|
16
|
-
if (e.stopPropagation) {
|
|
17
|
-
e.stopPropagation();
|
|
18
|
-
}
|
|
19
|
-
if (e.preventDefault) {
|
|
20
|
-
e.preventDefault();
|
|
21
|
-
}
|
|
22
|
-
const { current: position } = positionRef;
|
|
23
|
-
const x = Math.round(e.clientX);
|
|
24
|
-
const moveBy = x - position.now;
|
|
25
|
-
const distanceMoved = position.now - position.start;
|
|
26
|
-
positionRef.current.now = x;
|
|
27
|
-
if (moveBy !== 0) {
|
|
28
|
-
onDrag(e, moveBy, distanceMoved);
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
[onDrag]
|
|
32
|
-
);
|
|
33
|
-
const onMouseUp = react.useCallback(
|
|
34
|
-
(e) => {
|
|
35
|
-
window.removeEventListener("mouseup", onMouseUp);
|
|
36
|
-
window.removeEventListener("mousemove", onMouseMove);
|
|
37
|
-
const { current: position } = positionRef;
|
|
38
|
-
const distanceMoved = position.now - position.start;
|
|
39
|
-
onDragEnd(e, distanceMoved);
|
|
40
|
-
},
|
|
41
|
-
[onDragEnd, onMouseMove]
|
|
42
|
-
);
|
|
43
|
-
const handleMouseDown = react.useCallback(
|
|
44
|
-
(e) => {
|
|
45
|
-
const { current: position } = positionRef;
|
|
46
|
-
onDragStart(e);
|
|
47
|
-
position.now = position.start = Math.round(e.clientX);
|
|
48
|
-
window.addEventListener("mouseup", onMouseUp);
|
|
49
|
-
window.addEventListener("mousemove", onMouseMove);
|
|
50
|
-
if (e.stopPropagation) {
|
|
51
|
-
e.stopPropagation();
|
|
52
|
-
}
|
|
53
|
-
if (e.preventDefault) {
|
|
54
|
-
e.preventDefault();
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
[onDragStart, onMouseMove, onMouseUp]
|
|
58
|
-
);
|
|
59
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: baseClass, onMouseDown: handleMouseDown });
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
exports.ColumnResizer = ColumnResizer;
|
|
63
|
-
//# sourceMappingURL=ColumnResizer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnResizer.js","sources":["../../src/column-resizing/ColumnResizer.tsx"],"sourcesContent":["import { useCallback, useRef } from \"react\";\n\nimport \"./ColumnResizer.css\";\n\nconst NOOP = () => undefined;\n\nconst baseClass = \"vuuColumnResizer\";\nexport interface TableColumnResizerProps {\n onDrag: (evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => void;\n onDragEnd: (evt: MouseEvent, totalDistanceMoved: number) => void;\n onDragStart: (evt: React.MouseEvent) => void;\n}\n\nexport const ColumnResizer = ({\n onDrag,\n onDragEnd = NOOP,\n onDragStart = NOOP,\n}: TableColumnResizerProps) => {\n const positionRef = useRef({ start: 0, now: 0 });\n\n const onMouseMove = useCallback(\n (e: MouseEvent) => {\n if (e.stopPropagation) {\n e.stopPropagation();\n }\n\n if (e.preventDefault) {\n e.preventDefault();\n }\n\n const { current: position } = positionRef;\n\n const x = Math.round(e.clientX);\n const moveBy = x - position.now;\n const distanceMoved = position.now - position.start;\n\n positionRef.current.now = x;\n\n if (moveBy !== 0) {\n onDrag(e, moveBy, distanceMoved);\n }\n },\n [onDrag]\n );\n\n const onMouseUp = useCallback(\n (e: MouseEvent) => {\n window.removeEventListener(\"mouseup\", onMouseUp);\n window.removeEventListener(\"mousemove\", onMouseMove);\n\n const { current: position } = positionRef;\n const distanceMoved = position.now - position.start;\n onDragEnd(e, distanceMoved);\n },\n [onDragEnd, onMouseMove]\n );\n\n const handleMouseDown = useCallback(\n (e: React.MouseEvent) => {\n const { current: position } = positionRef;\n onDragStart(e);\n position.now = position.start = Math.round(e.clientX);\n\n window.addEventListener(\"mouseup\", onMouseUp);\n window.addEventListener(\"mousemove\", onMouseMove);\n\n if (e.stopPropagation) {\n e.stopPropagation();\n }\n\n if (e.preventDefault) {\n e.preventDefault();\n }\n },\n [onDragStart, onMouseMove, onMouseUp]\n );\n\n return <div className={baseClass} onMouseDown={handleMouseDown} />;\n};\n"],"names":["useRef","useCallback","jsx"],"mappings":";;;;;AAIA,MAAM,OAAO,MAAM,KAAA,CAAA,CAAA;AAEnB,MAAM,SAAY,GAAA,kBAAA,CAAA;AAOX,MAAM,gBAAgB,CAAC;AAAA,EAC5B,MAAA;AAAA,EACA,SAAY,GAAA,IAAA;AAAA,EACZ,WAAc,GAAA,IAAA;AAChB,CAA+B,KAAA;AAC7B,EAAA,MAAM,cAAcA,YAAO,CAAA,EAAE,OAAO,CAAG,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAE/C,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,CAAC,CAAkB,KAAA;AACjB,MAAA,IAAI,EAAE,eAAiB,EAAA;AACrB,QAAA,CAAA,CAAE,eAAgB,EAAA,CAAA;AAAA,OACpB;AAEA,MAAA,IAAI,EAAE,cAAgB,EAAA;AACpB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,OACnB;AAEA,MAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,WAAA,CAAA;AAE9B,MAAA,MAAM,CAAI,GAAA,IAAA,CAAK,KAAM,CAAA,CAAA,CAAE,OAAO,CAAA,CAAA;AAC9B,MAAM,MAAA,MAAA,GAAS,IAAI,QAAS,CAAA,GAAA,CAAA;AAC5B,MAAM,MAAA,aAAA,GAAgB,QAAS,CAAA,GAAA,GAAM,QAAS,CAAA,KAAA,CAAA;AAE9C,MAAA,WAAA,CAAY,QAAQ,GAAM,GAAA,CAAA,CAAA;AAE1B,MAAA,IAAI,WAAW,CAAG,EAAA;AAChB,QAAO,MAAA,CAAA,CAAA,EAAG,QAAQ,aAAa,CAAA,CAAA;AAAA,OACjC;AAAA,KACF;AAAA,IACA,CAAC,MAAM,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,SAAY,GAAAA,iBAAA;AAAA,IAChB,CAAC,CAAkB,KAAA;AACjB,MAAO,MAAA,CAAA,mBAAA,CAAoB,WAAW,SAAS,CAAA,CAAA;AAC/C,MAAO,MAAA,CAAA,mBAAA,CAAoB,aAAa,WAAW,CAAA,CAAA;AAEnD,MAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,WAAA,CAAA;AAC9B,MAAM,MAAA,aAAA,GAAgB,QAAS,CAAA,GAAA,GAAM,QAAS,CAAA,KAAA,CAAA;AAC9C,MAAA,SAAA,CAAU,GAAG,aAAa,CAAA,CAAA;AAAA,KAC5B;AAAA,IACA,CAAC,WAAW,WAAW,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,MAAM,eAAkB,GAAAA,iBAAA;AAAA,IACtB,CAAC,CAAwB,KAAA;AACvB,MAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,WAAA,CAAA;AAC9B,MAAA,WAAA,CAAY,CAAC,CAAA,CAAA;AACb,MAAA,QAAA,CAAS,MAAM,QAAS,CAAA,KAAA,GAAQ,IAAK,CAAA,KAAA,CAAM,EAAE,OAAO,CAAA,CAAA;AAEpD,MAAO,MAAA,CAAA,gBAAA,CAAiB,WAAW,SAAS,CAAA,CAAA;AAC5C,MAAO,MAAA,CAAA,gBAAA,CAAiB,aAAa,WAAW,CAAA,CAAA;AAEhD,MAAA,IAAI,EAAE,eAAiB,EAAA;AACrB,QAAA,CAAA,CAAE,eAAgB,EAAA,CAAA;AAAA,OACpB;AAEA,MAAA,IAAI,EAAE,cAAgB,EAAA;AACpB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,IACA,CAAC,WAAa,EAAA,WAAA,EAAa,SAAS,CAAA;AAAA,GACtC,CAAA;AAEA,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,SAAA,EAAW,aAAa,eAAiB,EAAA,CAAA,CAAA;AAClE;;;;"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var react = require('react');
|
|
4
|
-
|
|
5
|
-
const useTableColumnResize = ({
|
|
6
|
-
column,
|
|
7
|
-
onResize,
|
|
8
|
-
rootRef
|
|
9
|
-
}) => {
|
|
10
|
-
const widthRef = react.useRef({ start: 0, now: 0 });
|
|
11
|
-
const [isResizing, setResizing] = react.useState(false);
|
|
12
|
-
const { name } = column;
|
|
13
|
-
const handleResizeStart = react.useCallback(() => {
|
|
14
|
-
if (onResize && rootRef.current) {
|
|
15
|
-
const { current: width } = widthRef;
|
|
16
|
-
const { width: measuredWidth } = rootRef.current.getBoundingClientRect();
|
|
17
|
-
width.start = width.now = Math.round(measuredWidth);
|
|
18
|
-
setResizing(true);
|
|
19
|
-
onResize?.("begin", name);
|
|
20
|
-
}
|
|
21
|
-
}, [name, onResize, rootRef]);
|
|
22
|
-
const handleResize = react.useCallback(
|
|
23
|
-
(_evt, moveBy, totalDistanceMoved) => {
|
|
24
|
-
if (rootRef.current) {
|
|
25
|
-
if (onResize) {
|
|
26
|
-
const { current: width } = widthRef;
|
|
27
|
-
const newWidth = width.start + totalDistanceMoved;
|
|
28
|
-
if (newWidth !== width.now && newWidth > 0) {
|
|
29
|
-
onResize("resize", name, newWidth);
|
|
30
|
-
width.now = newWidth;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
[name, onResize, rootRef]
|
|
36
|
-
);
|
|
37
|
-
const handleResizeEnd = react.useCallback(() => {
|
|
38
|
-
if (onResize) {
|
|
39
|
-
const { current: width } = widthRef;
|
|
40
|
-
onResize("end", name, width.now);
|
|
41
|
-
setTimeout(() => {
|
|
42
|
-
setResizing(false);
|
|
43
|
-
}, 80);
|
|
44
|
-
}
|
|
45
|
-
}, [name, onResize]);
|
|
46
|
-
return {
|
|
47
|
-
isResizing,
|
|
48
|
-
onDrag: handleResize,
|
|
49
|
-
onDragStart: handleResizeStart,
|
|
50
|
-
onDragEnd: handleResizeEnd
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
exports.useTableColumnResize = useTableColumnResize;
|
|
55
|
-
//# sourceMappingURL=useTableColumnResize.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTableColumnResize.js","sources":["../../src/column-resizing/useTableColumnResize.tsx"],"sourcesContent":["import {\n Heading,\n ResizePhase,\n RuntimeColumnDescriptor,\n} from \"@vuu-ui/vuu-table-types\";\nimport { RefObject, useCallback, useRef, useState } from \"react\";\n\nexport type ResizeHandler = (evt: MouseEvent, moveBy: number) => void;\nexport interface CellResizeHookProps {\n column: RuntimeColumnDescriptor | Heading;\n onResize?: (phase: ResizePhase, columnName: string, width?: number) => void;\n rootRef: RefObject<HTMLDivElement>;\n}\n\nexport interface CellResizeHookResult {\n isResizing: boolean;\n onDrag: (evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => void;\n onDragStart: (evt: React.MouseEvent) => void;\n onDragEnd: (evt: MouseEvent) => void;\n}\n\nexport const useTableColumnResize = ({\n column,\n onResize,\n rootRef,\n}: CellResizeHookProps): CellResizeHookResult => {\n const widthRef = useRef({ start: 0, now: 0 });\n\n const [isResizing, setResizing] = useState(false);\n const { name } = column;\n\n const handleResizeStart = useCallback(() => {\n if (onResize && rootRef.current) {\n const { current: width } = widthRef;\n const { width: measuredWidth } = rootRef.current.getBoundingClientRect();\n width.start = width.now = Math.round(measuredWidth);\n setResizing(true);\n onResize?.(\"begin\", name);\n }\n }, [name, onResize, rootRef]);\n\n const handleResize = useCallback(\n (_evt: MouseEvent, moveBy: number, totalDistanceMoved) => {\n if (rootRef.current) {\n if (onResize) {\n const { current: width } = widthRef;\n const newWidth = width.start + totalDistanceMoved;\n if (newWidth !== width.now && newWidth > 0) {\n onResize(\"resize\", name, newWidth);\n width.now = newWidth;\n }\n }\n }\n },\n [name, onResize, rootRef]\n );\n\n const handleResizeEnd = useCallback(() => {\n if (onResize) {\n const { current: width } = widthRef;\n onResize(\"end\", name, width.now);\n setTimeout(() => {\n // clickHandler in HeaderCell checks isResizing before firing. Because onMouseUp\n // fires before click, we need to delay setting isResizing back to false, just\n // long enough that the click ghandler will have fired.\n setResizing(false);\n }, 80);\n }\n }, [name, onResize]);\n\n return {\n isResizing,\n onDrag: handleResize,\n onDragStart: handleResizeStart,\n onDragEnd: handleResizeEnd,\n };\n};\n"],"names":["useRef","useState","useCallback"],"mappings":";;;;AAqBO,MAAM,uBAAuB,CAAC;AAAA,EACnC,MAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AACF,CAAiD,KAAA;AAC/C,EAAA,MAAM,WAAWA,YAAO,CAAA,EAAE,OAAO,CAAG,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAE5C,EAAA,MAAM,CAAC,UAAA,EAAY,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAChD,EAAM,MAAA,EAAE,MAAS,GAAA,MAAA,CAAA;AAEjB,EAAM,MAAA,iBAAA,GAAoBC,kBAAY,MAAM;AAC1C,IAAI,IAAA,QAAA,IAAY,QAAQ,OAAS,EAAA;AAC/B,MAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA,CAAA;AAC3B,MAAA,MAAM,EAAE,KAAO,EAAA,aAAA,EAAkB,GAAA,OAAA,CAAQ,QAAQ,qBAAsB,EAAA,CAAA;AACvE,MAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAM,GAAM,GAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AAClD,MAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAChB,MAAA,QAAA,GAAW,SAAS,IAAI,CAAA,CAAA;AAAA,KAC1B;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,QAAA,EAAU,OAAO,CAAC,CAAA,CAAA;AAE5B,EAAA,MAAM,YAAe,GAAAA,iBAAA;AAAA,IACnB,CAAC,IAAkB,EAAA,MAAA,EAAgB,kBAAuB,KAAA;AACxD,MAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA,CAAA;AAC3B,UAAM,MAAA,QAAA,GAAW,MAAM,KAAQ,GAAA,kBAAA,CAAA;AAC/B,UAAA,IAAI,QAAa,KAAA,KAAA,CAAM,GAAO,IAAA,QAAA,GAAW,CAAG,EAAA;AAC1C,YAAS,QAAA,CAAA,QAAA,EAAU,MAAM,QAAQ,CAAA,CAAA;AACjC,YAAA,KAAA,CAAM,GAAM,GAAA,QAAA,CAAA;AAAA,WACd;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,IAAM,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,eAAA,GAAkBA,kBAAY,MAAM;AACxC,IAAA,IAAI,QAAU,EAAA;AACZ,MAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA,CAAA;AAC3B,MAAS,QAAA,CAAA,KAAA,EAAO,IAAM,EAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAC/B,MAAA,UAAA,CAAW,MAAM;AAIf,QAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,SAChB,EAAE,CAAA,CAAA;AAAA,KACP;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,QAAQ,CAAC,CAAA,CAAA;AAEnB,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,MAAQ,EAAA,YAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,SAAW,EAAA,eAAA;AAAA,GACb,CAAA;AACF;;;;"}
|
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var vuuUtils = require('@vuu-ui/vuu-utils');
|
|
4
|
-
|
|
5
|
-
const buildContextMenuDescriptors = (dataSource) => (location, options) => {
|
|
6
|
-
const descriptors = [];
|
|
7
|
-
if (dataSource === void 0) {
|
|
8
|
-
return descriptors;
|
|
9
|
-
}
|
|
10
|
-
if (location === "header" || location === "column-menu") {
|
|
11
|
-
descriptors.push(
|
|
12
|
-
...buildSortMenuItems(options, dataSource)
|
|
13
|
-
);
|
|
14
|
-
descriptors.push(
|
|
15
|
-
...buildGroupMenuItems(options, dataSource)
|
|
16
|
-
);
|
|
17
|
-
descriptors.push(
|
|
18
|
-
...buildAggregationMenuItems(options, dataSource)
|
|
19
|
-
);
|
|
20
|
-
descriptors.push(...buildColumnDisplayMenuItems(options));
|
|
21
|
-
descriptors.push({
|
|
22
|
-
action: "column-settings",
|
|
23
|
-
icon: "cog",
|
|
24
|
-
label: `Column Settings`,
|
|
25
|
-
options
|
|
26
|
-
});
|
|
27
|
-
descriptors.push({
|
|
28
|
-
action: "table-settings",
|
|
29
|
-
icon: "cog",
|
|
30
|
-
label: `DataGrid Settings`,
|
|
31
|
-
options
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
return descriptors;
|
|
35
|
-
};
|
|
36
|
-
function buildSortMenuItems(options, { sort: { sortDefs } }) {
|
|
37
|
-
const { column } = options;
|
|
38
|
-
const menuItems = [];
|
|
39
|
-
if (column === void 0) {
|
|
40
|
-
return menuItems;
|
|
41
|
-
}
|
|
42
|
-
const hasSort = sortDefs.length > 0;
|
|
43
|
-
if (column.sorted === "A") {
|
|
44
|
-
menuItems.push({
|
|
45
|
-
label: "Reverse Sort (DSC)",
|
|
46
|
-
action: "sort-dsc",
|
|
47
|
-
options
|
|
48
|
-
});
|
|
49
|
-
} else if (column.sorted === "D") {
|
|
50
|
-
menuItems.push({
|
|
51
|
-
label: "Reverse Sort (ASC)",
|
|
52
|
-
action: "sort-asc",
|
|
53
|
-
options
|
|
54
|
-
});
|
|
55
|
-
} else if (typeof column.sorted === "number") {
|
|
56
|
-
if (column.sorted > 0) {
|
|
57
|
-
menuItems.push({
|
|
58
|
-
label: "Reverse Sort (DSC)",
|
|
59
|
-
action: "sort-add-dsc",
|
|
60
|
-
options
|
|
61
|
-
});
|
|
62
|
-
} else {
|
|
63
|
-
menuItems.push({
|
|
64
|
-
label: "Reverse Sort (ASC)",
|
|
65
|
-
action: "sort-add-asc",
|
|
66
|
-
options
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
if (hasSort && Math.abs(column.sorted) < sortDefs.length) {
|
|
70
|
-
menuItems.push({
|
|
71
|
-
label: "Remove from sort",
|
|
72
|
-
action: "sort-remove",
|
|
73
|
-
options
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
menuItems.push({
|
|
77
|
-
label: "New Sort",
|
|
78
|
-
children: [
|
|
79
|
-
{ label: "Ascending", action: "sort-asc", options },
|
|
80
|
-
{ label: "Descending", action: "sort-dsc", options }
|
|
81
|
-
]
|
|
82
|
-
});
|
|
83
|
-
} else if (hasSort) {
|
|
84
|
-
menuItems.push({
|
|
85
|
-
label: "Add to sort",
|
|
86
|
-
children: [
|
|
87
|
-
{ label: "Ascending", action: "sort-add-asc", options },
|
|
88
|
-
{ label: "Descending", action: "sort-add-dsc", options }
|
|
89
|
-
]
|
|
90
|
-
});
|
|
91
|
-
menuItems.push({
|
|
92
|
-
label: "New Sort",
|
|
93
|
-
children: [
|
|
94
|
-
{ label: "Ascending", action: "sort-asc", options },
|
|
95
|
-
{ label: "Descending", action: "sort-dsc", options }
|
|
96
|
-
]
|
|
97
|
-
});
|
|
98
|
-
} else {
|
|
99
|
-
menuItems.push({
|
|
100
|
-
label: "Sort",
|
|
101
|
-
children: [
|
|
102
|
-
{ label: "Ascending", action: "sort-asc", options },
|
|
103
|
-
{ label: "Descending", action: "sort-dsc", options }
|
|
104
|
-
]
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
return menuItems;
|
|
108
|
-
}
|
|
109
|
-
function buildAggregationMenuItems(options, dataSource) {
|
|
110
|
-
const { column } = options;
|
|
111
|
-
if (column === void 0 || dataSource.groupBy.length === 0) {
|
|
112
|
-
return [];
|
|
113
|
-
}
|
|
114
|
-
const { name, label = name } = column;
|
|
115
|
-
return [
|
|
116
|
-
{
|
|
117
|
-
label: `Aggregate ${label}`,
|
|
118
|
-
children: [
|
|
119
|
-
{ label: "Count", action: "agg-count", options },
|
|
120
|
-
{ label: "Distinct", action: "agg-distinct", options }
|
|
121
|
-
].concat(
|
|
122
|
-
vuuUtils.isNumericColumn(column) ? [
|
|
123
|
-
{ label: "Sum", action: "agg-sum", options },
|
|
124
|
-
{ label: "Avg", action: "agg-avg", options },
|
|
125
|
-
{ label: "High", action: "agg-high", options },
|
|
126
|
-
{ label: "Low", action: "agg-low", options }
|
|
127
|
-
] : []
|
|
128
|
-
)
|
|
129
|
-
}
|
|
130
|
-
];
|
|
131
|
-
}
|
|
132
|
-
const pinColumn = (options, pinLocation) => ({
|
|
133
|
-
label: `Pin ${pinLocation}`,
|
|
134
|
-
action: `column-pin-${pinLocation}`,
|
|
135
|
-
options
|
|
136
|
-
});
|
|
137
|
-
const pinLeft = (options) => pinColumn(options, "left");
|
|
138
|
-
const pinFloating = (options) => pinColumn(options, "floating");
|
|
139
|
-
const pinRight = (options) => pinColumn(options, "right");
|
|
140
|
-
function buildColumnDisplayMenuItems(options) {
|
|
141
|
-
const { column } = options;
|
|
142
|
-
if (column === void 0) {
|
|
143
|
-
return [];
|
|
144
|
-
}
|
|
145
|
-
const { pin } = column;
|
|
146
|
-
const menuItems = [
|
|
147
|
-
{
|
|
148
|
-
label: `Hide column`,
|
|
149
|
-
action: "column-hide",
|
|
150
|
-
options
|
|
151
|
-
},
|
|
152
|
-
{
|
|
153
|
-
label: `Remove column`,
|
|
154
|
-
action: "column-remove",
|
|
155
|
-
options
|
|
156
|
-
}
|
|
157
|
-
];
|
|
158
|
-
if (pin === void 0) {
|
|
159
|
-
menuItems.push({
|
|
160
|
-
label: `Pin column`,
|
|
161
|
-
children: [pinLeft(options), pinFloating(options), pinRight(options)]
|
|
162
|
-
});
|
|
163
|
-
} else if (pin === "left") {
|
|
164
|
-
menuItems.push(
|
|
165
|
-
{ label: "Unpin column", action: "column-unpin", options },
|
|
166
|
-
{
|
|
167
|
-
label: `Pin column`,
|
|
168
|
-
children: [pinFloating(options), pinRight(options)]
|
|
169
|
-
}
|
|
170
|
-
);
|
|
171
|
-
} else if (pin === "right") {
|
|
172
|
-
menuItems.push(
|
|
173
|
-
{ label: "Unpin column", action: "column-unpin", options },
|
|
174
|
-
{
|
|
175
|
-
label: `Pin column`,
|
|
176
|
-
children: [pinLeft(options), pinFloating(options)]
|
|
177
|
-
}
|
|
178
|
-
);
|
|
179
|
-
} else if (pin === "floating") {
|
|
180
|
-
menuItems.push(
|
|
181
|
-
{ label: "Unpin column", action: "column-unpin", options },
|
|
182
|
-
{
|
|
183
|
-
label: `Pin column`,
|
|
184
|
-
children: [pinLeft(options), pinRight(options)]
|
|
185
|
-
}
|
|
186
|
-
);
|
|
187
|
-
}
|
|
188
|
-
return menuItems;
|
|
189
|
-
}
|
|
190
|
-
function buildGroupMenuItems(options, { groupBy }) {
|
|
191
|
-
const { column } = options;
|
|
192
|
-
const menuItems = [];
|
|
193
|
-
if (column === void 0) {
|
|
194
|
-
return menuItems;
|
|
195
|
-
}
|
|
196
|
-
const { name, label = name } = column;
|
|
197
|
-
if (groupBy.length === 0) {
|
|
198
|
-
menuItems.push({
|
|
199
|
-
label: `Group by ${label}`,
|
|
200
|
-
action: "group",
|
|
201
|
-
options
|
|
202
|
-
});
|
|
203
|
-
} else {
|
|
204
|
-
menuItems.push({
|
|
205
|
-
label: `Add ${label} to group by`,
|
|
206
|
-
action: "group-add",
|
|
207
|
-
options
|
|
208
|
-
});
|
|
209
|
-
}
|
|
210
|
-
return menuItems;
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
exports.buildContextMenuDescriptors = buildContextMenuDescriptors;
|
|
214
|
-
//# sourceMappingURL=buildContextMenuDescriptors.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"buildContextMenuDescriptors.js","sources":["../../src/context-menu/buildContextMenuDescriptors.ts"],"sourcesContent":["import {\n ContextMenuItemDescriptor,\n DataSource,\n MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { RuntimeColumnDescriptor, PinLocation } from \"@vuu-ui/vuu-table-types\";\nimport { isNumericColumn } from \"@vuu-ui/vuu-utils\";\n\nexport type ContextMenuLocation = \"header\" | \"filter\" | \"grid\";\n\ntype MaybeColumn = { column?: RuntimeColumnDescriptor };\n\nexport const buildContextMenuDescriptors =\n (dataSource?: DataSource): MenuBuilder =>\n (location, options) => {\n const descriptors: ContextMenuItemDescriptor[] = [];\n if (dataSource === undefined) {\n return descriptors;\n }\n //TODO which should it be ?\n if (location === \"header\" || location === \"column-menu\") {\n descriptors.push(\n ...buildSortMenuItems(options as MaybeColumn, dataSource)\n );\n descriptors.push(\n ...buildGroupMenuItems(options as MaybeColumn, dataSource)\n );\n descriptors.push(\n ...buildAggregationMenuItems(options as MaybeColumn, dataSource)\n );\n descriptors.push(...buildColumnDisplayMenuItems(options as MaybeColumn));\n descriptors.push({\n action: \"column-settings\",\n icon: \"cog\",\n label: `Column Settings`,\n options,\n });\n descriptors.push({\n action: \"table-settings\",\n icon: \"cog\",\n label: `DataGrid Settings`,\n options,\n });\n }\n\n // if (options?.selectedRowCount){\n // // TODO pass the table name\n // const rpcActions = getRpcActions();\n // for (let {label, method} of rpcActions){\n // descriptors.push({action: Action.RpcCall, label, options: {method}})\n // }\n // }\n\n return descriptors;\n };\n\nfunction buildSortMenuItems(\n options: MaybeColumn,\n { sort: { sortDefs } }: DataSource\n): ContextMenuItemDescriptor[] {\n const { column } = options;\n const menuItems: ContextMenuItemDescriptor[] = [];\n if (column === undefined) {\n return menuItems;\n }\n\n const hasSort = sortDefs.length > 0;\n\n if (column.sorted === \"A\") {\n menuItems.push({\n label: \"Reverse Sort (DSC)\",\n action: \"sort-dsc\",\n options,\n });\n } else if (column.sorted === \"D\") {\n menuItems.push({\n label: \"Reverse Sort (ASC)\",\n action: \"sort-asc\",\n options,\n });\n } else if (typeof column.sorted === \"number\") {\n if (column.sorted > 0) {\n menuItems.push({\n label: \"Reverse Sort (DSC)\",\n action: \"sort-add-dsc\",\n options,\n });\n } else {\n menuItems.push({\n label: \"Reverse Sort (ASC)\",\n action: \"sort-add-asc\",\n options,\n });\n }\n\n // removing the last column from a sort would be a no-op, so pointless\n if (hasSort && Math.abs(column.sorted) < sortDefs.length) {\n menuItems.push({\n label: \"Remove from sort\",\n action: \"sort-remove\",\n options,\n });\n }\n\n menuItems.push({\n label: \"New Sort\",\n children: [\n { label: \"Ascending\", action: \"sort-asc\", options },\n { label: \"Descending\", action: \"sort-dsc\", options },\n ],\n });\n } else if (hasSort) {\n menuItems.push({\n label: \"Add to sort\",\n children: [\n { label: \"Ascending\", action: \"sort-add-asc\", options },\n { label: \"Descending\", action: \"sort-add-dsc\", options },\n ],\n });\n menuItems.push({\n label: \"New Sort\",\n children: [\n { label: \"Ascending\", action: \"sort-asc\", options },\n { label: \"Descending\", action: \"sort-dsc\", options },\n ],\n });\n } else {\n menuItems.push({\n label: \"Sort\",\n children: [\n { label: \"Ascending\", action: \"sort-asc\", options },\n { label: \"Descending\", action: \"sort-dsc\", options },\n ],\n });\n }\n return menuItems;\n}\n\nfunction buildAggregationMenuItems(\n options: MaybeColumn,\n dataSource: DataSource\n): ContextMenuItemDescriptor[] {\n const { column } = options;\n if (column === undefined || dataSource.groupBy.length === 0) {\n return [];\n }\n const { name, label = name } = column;\n\n return [\n {\n label: `Aggregate ${label}`,\n children: [\n { label: \"Count\", action: \"agg-count\", options },\n { label: \"Distinct\", action: \"agg-distinct\", options },\n ].concat(\n isNumericColumn(column)\n ? [\n { label: \"Sum\", action: \"agg-sum\", options },\n { label: \"Avg\", action: \"agg-avg\", options },\n { label: \"High\", action: \"agg-high\", options },\n { label: \"Low\", action: \"agg-low\", options },\n ]\n : []\n ),\n },\n ];\n}\n\nconst pinColumn = (options: unknown, pinLocation: PinLocation) =>\n ({\n label: `Pin ${pinLocation}`,\n action: `column-pin-${pinLocation}`,\n options,\n } as ContextMenuItemDescriptor);\n\nconst pinLeft = (options: unknown) => pinColumn(options, \"left\");\nconst pinFloating = (options: unknown) => pinColumn(options, \"floating\");\nconst pinRight = (options: unknown) => pinColumn(options, \"right\");\n\nfunction buildColumnDisplayMenuItems(\n options: MaybeColumn\n): ContextMenuItemDescriptor[] {\n const { column } = options;\n if (column === undefined) {\n return [];\n }\n const { pin } = column;\n\n const menuItems: ContextMenuItemDescriptor[] = [\n {\n label: `Hide column`,\n action: \"column-hide\",\n options,\n },\n {\n label: `Remove column`,\n action: \"column-remove\",\n options,\n },\n ];\n\n if (pin === undefined) {\n menuItems.push({\n label: `Pin column`,\n children: [pinLeft(options), pinFloating(options), pinRight(options)],\n });\n } else if (pin === \"left\") {\n menuItems.push(\n { label: \"Unpin column\", action: \"column-unpin\", options },\n {\n label: `Pin column`,\n children: [pinFloating(options), pinRight(options)],\n }\n );\n } else if (pin === \"right\") {\n menuItems.push(\n { label: \"Unpin column\", action: \"column-unpin\", options },\n {\n label: `Pin column`,\n children: [pinLeft(options), pinFloating(options)],\n }\n );\n } else if (pin === \"floating\") {\n menuItems.push(\n { label: \"Unpin column\", action: \"column-unpin\", options },\n {\n label: `Pin column`,\n children: [pinLeft(options), pinRight(options)],\n }\n );\n }\n\n return menuItems;\n}\n\nfunction buildGroupMenuItems(\n options: MaybeColumn,\n { groupBy }: DataSource\n): ContextMenuItemDescriptor[] {\n const { column } = options;\n const menuItems: ContextMenuItemDescriptor[] = [];\n if (column === undefined) {\n return menuItems;\n }\n\n const { name, label = name } = column;\n\n if (groupBy.length === 0) {\n menuItems.push({\n label: `Group by ${label}`,\n action: \"group\",\n options,\n });\n } else {\n menuItems.push({\n label: `Add ${label} to group by`,\n action: \"group-add\",\n options,\n });\n }\n\n return menuItems;\n}\n"],"names":["isNumericColumn"],"mappings":"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"}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var vuuUtils = require('@vuu-ui/vuu-utils');
|
|
4
|
-
|
|
5
|
-
const removeFilterColumn = (dataSourceFilter, column) => {
|
|
6
|
-
if (dataSourceFilter.filterStruct && column) {
|
|
7
|
-
const [filterStruct, filter] = vuuUtils.removeColumnFromFilter(
|
|
8
|
-
column,
|
|
9
|
-
dataSourceFilter.filterStruct
|
|
10
|
-
);
|
|
11
|
-
return {
|
|
12
|
-
filter,
|
|
13
|
-
filterStruct
|
|
14
|
-
};
|
|
15
|
-
} else {
|
|
16
|
-
return dataSourceFilter;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
const { Average, Count, Distinct, High, Low, Sum } = vuuUtils.AggregationType;
|
|
20
|
-
const useHandleTableContextMenu = ({
|
|
21
|
-
dataSource,
|
|
22
|
-
onPersistentColumnOperation
|
|
23
|
-
}) => {
|
|
24
|
-
const handleContextMenuAction = (action) => {
|
|
25
|
-
const gridOptions = action.options;
|
|
26
|
-
if (gridOptions.column && dataSource) {
|
|
27
|
-
const { column } = gridOptions;
|
|
28
|
-
switch (action.menuId) {
|
|
29
|
-
case "sort-asc":
|
|
30
|
-
return dataSource.sort = vuuUtils.setSortColumn(dataSource.sort, column, "A"), true;
|
|
31
|
-
case "sort-dsc":
|
|
32
|
-
return dataSource.sort = vuuUtils.setSortColumn(dataSource.sort, column, "D"), true;
|
|
33
|
-
case "sort-add-asc":
|
|
34
|
-
return dataSource.sort = vuuUtils.addSortColumn(dataSource.sort, column, "A"), true;
|
|
35
|
-
case "sort-add-dsc":
|
|
36
|
-
return dataSource.sort = vuuUtils.addSortColumn(dataSource.sort, column, "D"), true;
|
|
37
|
-
case "group":
|
|
38
|
-
return dataSource.groupBy = vuuUtils.addGroupColumn(dataSource.groupBy, column), true;
|
|
39
|
-
case "group-add":
|
|
40
|
-
return dataSource.groupBy = vuuUtils.addGroupColumn(dataSource.groupBy, column), true;
|
|
41
|
-
case "column-hide":
|
|
42
|
-
return onPersistentColumnOperation({ type: "hideColumns", columns: [column] }), true;
|
|
43
|
-
case "column-remove":
|
|
44
|
-
return dataSource.columns = dataSource.columns.filter((name) => name !== column.name), true;
|
|
45
|
-
case "filter-remove-column":
|
|
46
|
-
return dataSource.filter = removeFilterColumn(dataSource.filter, column), true;
|
|
47
|
-
case "remove-filters":
|
|
48
|
-
return dataSource.filter = { filter: "" }, true;
|
|
49
|
-
case "agg-avg":
|
|
50
|
-
return dataSource.aggregations = vuuUtils.setAggregations(dataSource.aggregations, column, Average), true;
|
|
51
|
-
case "agg-high":
|
|
52
|
-
return dataSource.aggregations = vuuUtils.setAggregations(dataSource.aggregations, column, High), true;
|
|
53
|
-
case "agg-low":
|
|
54
|
-
return dataSource.aggregations = vuuUtils.setAggregations(dataSource.aggregations, column, Low), true;
|
|
55
|
-
case "agg-count":
|
|
56
|
-
return dataSource.aggregations = vuuUtils.setAggregations(dataSource.aggregations, column, Count), true;
|
|
57
|
-
case "agg-distinct":
|
|
58
|
-
return dataSource.aggregations = vuuUtils.setAggregations(dataSource.aggregations, column, Distinct), true;
|
|
59
|
-
case "agg-sum":
|
|
60
|
-
return dataSource.aggregations = vuuUtils.setAggregations(dataSource.aggregations, column, Sum), true;
|
|
61
|
-
case "column-pin-floating":
|
|
62
|
-
return onPersistentColumnOperation({ type: "pinColumn", column, pin: "floating" }), true;
|
|
63
|
-
case "column-pin-left":
|
|
64
|
-
return onPersistentColumnOperation({ type: "pinColumn", column, pin: "left" }), true;
|
|
65
|
-
case "column-pin-right":
|
|
66
|
-
return onPersistentColumnOperation({ type: "pinColumn", column, pin: "right" }), true;
|
|
67
|
-
case "column-unpin":
|
|
68
|
-
return onPersistentColumnOperation({ type: "pinColumn", column, pin: void 0 }), true;
|
|
69
|
-
case "column-settings":
|
|
70
|
-
return onPersistentColumnOperation({ type: "columnSettings", column }), true;
|
|
71
|
-
case "table-settings":
|
|
72
|
-
return onPersistentColumnOperation({ type: "tableSettings" }), true;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
return false;
|
|
76
|
-
};
|
|
77
|
-
return handleContextMenuAction;
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
exports.useHandleTableContextMenu = useHandleTableContextMenu;
|
|
81
|
-
//# sourceMappingURL=useHandleTableContextMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHandleTableContextMenu.js","sources":["../../src/context-menu/useHandleTableContextMenu.ts"],"sourcesContent":["/* eslint-disable no-sequences */\nimport { RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { Filter } from \"@vuu-ui/vuu-filter-types\";\nimport { removeColumnFromFilter } from \"@vuu-ui/vuu-utils\";\nimport { VuuFilter } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n DataSource,\n DataSourceFilter,\n MenuActionHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport { PersistentColumnAction } from \"../useTableModel\";\nimport {\n addGroupColumn,\n addSortColumn,\n AggregationType,\n setAggregations,\n setSortColumn,\n} from \"@vuu-ui/vuu-utils\";\n\nexport interface ContextMenuOptions {\n column?: RuntimeColumnDescriptor;\n filter?: Filter;\n sort?: VuuFilter;\n}\nexport interface ContextMenuHookProps {\n dataSource?: DataSource;\n /**\n * A persistent Column Operation is any manipulation of a table column that should be\n * persisted across user sessions. e.g. if user pins a column, column should still be\n * pinned next time user opens app.\n */\n onPersistentColumnOperation: (action: PersistentColumnAction) => void;\n}\n\nconst 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 useHandleTableContextMenu = ({\n dataSource,\n onPersistentColumnOperation,\n}: ContextMenuHookProps) => {\n /** return {boolean} used by caller to determine whether to forward to additional installed context menu handlers */\n const handleContextMenuAction: MenuActionHandler = (action): boolean => {\n const gridOptions = action.options as ContextMenuOptions;\n if (gridOptions.column && dataSource) {\n const { column } = gridOptions;\n // prettier-ignore\n switch(action.menuId){\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 \"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\": return (dataSource.groupBy = addGroupColumn(dataSource.groupBy, column)), true;\n case \"group-add\": return (dataSource.groupBy = addGroupColumn(dataSource.groupBy, column)), true;\n case \"column-hide\": return onPersistentColumnOperation({type: \"hideColumns\", columns: [column]}), true;\n case \"column-remove\": 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 case \"column-pin-floating\": return onPersistentColumnOperation({type: \"pinColumn\", column, pin: \"floating\"}), true;\n case \"column-pin-left\": return onPersistentColumnOperation({type: \"pinColumn\", column, pin: \"left\"}), true;\n case \"column-pin-right\": return onPersistentColumnOperation({type: \"pinColumn\", column, pin: \"right\"}), true;\n case \"column-unpin\": return onPersistentColumnOperation({type: \"pinColumn\", column, pin: undefined}), true\n case \"column-settings\": return onPersistentColumnOperation({type: \"columnSettings\", column}), true\n case \"table-settings\": return onPersistentColumnOperation({type: \"tableSettings\"}), true\n default:\n }\n }\n return false;\n };\n\n return handleContextMenuAction;\n};\n"],"names":["removeColumnFromFilter","AggregationType","setSortColumn","addSortColumn","addGroupColumn","setAggregations"],"mappings":"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"}
|