@vuu-ui/vuu-table-extras 0.13.8 → 0.13.10

package/cjs/column-menu/ColumnMenu.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var columnMenuCss = ".vuuMenuItem {\n  --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>');\n}\n.vuuColumnMenu {\n  --menu-button-size: calc(var(--salt-size-base) - var(--salt-spacing-100));\n  --saltButton-padding: var(--salt-spacing-50);\n  --saltButton-minWidth: var(--menu-button-size);\n  --saltButton-height: var(--menu-button-size);\n  --saltButton-width: var(--menu-button-size);\n\n  --vuu-icon-height: var(--menu-button-size);\n  --vuu-icon-left: 0px;\n  --vuu-icon-top: 0px;\n  --vuu-icon-width: var(--menu-button-size);\n\n  border: none;\n  border-radius: 4px;\n  flex: 0 0 var(--menu-button-size);\n  margin: var(--vuuTable-columnMenu-margin, 0);\n  padding: 0;\n}\n";
+
+module.exports = columnMenuCss;
+//# sourceMappingURL=ColumnMenu.css.js.map

package/cjs/column-menu/ColumnMenu.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnMenu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/column-menu/ColumnMenu.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
+var TableProvider = require('../table-provider/TableProvider.js');
+var cx = require('clsx');
+var react = require('react');
+var ColumnMenu$1 = require('./ColumnMenu.css.js');
+var columnMenuUtils = require('./column-menu-utils.js');
+var TableSettingsPanel = require('../table-column-settings/TableSettingsPanel.js');
+
+const classBase = "vuuColumnMenu";
+const defaultColumnMenuPermissions = {
+  allowSort: true,
+  allowGroup: true,
+  allowAggregation: true,
+  allowHide: true,
+  allowPin: true,
+  allowColumnSettings: true,
+  allowTableSettings: TableSettingsPanel.defaultTableSettingsPermissions
+};
+const ColumnMenu = ({
+  className,
+  column,
+  menuActionHandler: menuActionHandlerProp,
+  menuPermissions: {
+    allowSort,
+    allowGroup,
+    allowAggregation,
+    allowHide,
+    allowPin,
+    allowColumnSettings,
+    allowTableSettings
+  } = defaultColumnMenuPermissions
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-column-menu",
+    css: ColumnMenu$1,
+    window: targetWindow
+  });
+  const { dataSource, menuActionHandler } = TableProvider.useTableContext(true);
+  const menuActionClickHandler = react.useCallback(
+    (evt) => {
+      const columnMenuActionType = columnMenuUtils.getColumnMenuActionType(evt.target);
+      if (menuActionHandlerProp?.(columnMenuActionType, column) !== true) {
+        return menuActionHandler(columnMenuActionType, column);
+      }
+    },
+    [column, menuActionHandler, menuActionHandlerProp]
+  );
+  const sortMenu = columnMenuUtils.buildSortMenu(
+    column,
+    dataSource,
+    menuActionClickHandler,
+    allowSort
+  );
+  const groupMenu = columnMenuUtils.buildGroupMenu(
+    column,
+    dataSource,
+    menuActionClickHandler,
+    allowGroup
+  );
+  const aggregationMenu = columnMenuUtils.buildAggregationMenuItems(
+    column,
+    dataSource,
+    menuActionClickHandler,
+    allowAggregation
+  );
+  const visibilityMenuItems = columnMenuUtils.buildVisibilityMenuItems(
+    column,
+    menuActionClickHandler,
+    allowHide
+  );
+  const pinMenu = columnMenuUtils.buildPinMenuItems(column, menuActionClickHandler, allowPin);
+  const settingsMenuItems = columnMenuUtils.buildSettingsMenuItems(
+    column,
+    menuActionClickHandler,
+    allowColumnSettings,
+    allowTableSettings
+  );
+  const handleClick = react.useCallback(
+    (evt) => {
+      evt.stopPropagation();
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      vuuUiControls.IconButton,
+      {
+        appearance: "transparent",
+        className: cx(classBase, className),
+        "data-embedded": true,
+        icon: "more-vert",
+        sentiment: "neutral",
+        "aria-label": "Open Column Menu",
+        onClick: handleClick
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(core.MenuPanel, { children: [
+      sortMenu,
+      groupMenu,
+      aggregationMenu,
+      visibilityMenuItems,
+      pinMenu,
+      settingsMenuItems
+    ] })
+  ] });
+};
+
+exports.ColumnMenu = ColumnMenu;
+//# sourceMappingURL=ColumnMenu.js.map

package/cjs/column-menu/ColumnMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnMenu.js","sources":["../../src/column-menu/ColumnMenu.tsx"],"sourcesContent":["import { Menu, MenuPanel, MenuTrigger } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  ColumnDescriptor,\n  ColumnMenuPermissions,\n} from \"@vuu-ui/vuu-table-types\";\nimport { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { useTableContext } from \"../table-provider/TableProvider\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, MouseEventHandler, useCallback } from \"react\";\n\nimport columnMenuCss from \"./ColumnMenu.css\";\nimport {\n  buildAggregationMenuItems,\n  buildPinMenuItems,\n  buildGroupMenu,\n  buildSortMenu,\n  buildVisibilityMenuItems,\n  ColumnMenuActionType,\n  getColumnMenuActionType,\n  type MenuItemClickHandler,\n  buildSettingsMenuItems,\n} from \"./column-menu-utils\";\nimport { MenuActionHandler } from \"@vuu-ui/vuu-context-menu\";\nimport { defaultTableSettingsPermissions } from \"../table-column-settings/TableSettingsPanel\";\n\nconst classBase = \"vuuColumnMenu\";\n\nconst defaultColumnMenuPermissions: Readonly<ColumnMenuPermissions> = {\n  allowSort: true,\n  allowGroup: true,\n  allowAggregation: true,\n  allowHide: true,\n  allowPin: true,\n  allowColumnSettings: true,\n  allowTableSettings: defaultTableSettingsPermissions,\n};\n\nexport interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {\n  column: ColumnDescriptor;\n  menuActionHandler?: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;\n  menuPermissions?: ColumnMenuPermissions;\n}\n\nexport const ColumnMenu = ({\n  className,\n  column,\n  menuActionHandler: menuActionHandlerProp,\n  menuPermissions: {\n    allowSort,\n    allowGroup,\n    allowAggregation,\n    allowHide,\n    allowPin,\n    allowColumnSettings,\n    allowTableSettings,\n  } = defaultColumnMenuPermissions,\n}: ColumnMenuProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-column-menu\",\n    css: columnMenuCss,\n    window: targetWindow,\n  });\n\n  const { dataSource, menuActionHandler } = useTableContext(true);\n\n  const menuActionClickHandler = useCallback<MenuItemClickHandler>(\n    (evt) => {\n      const columnMenuActionType = getColumnMenuActionType(evt.target);\n      if (menuActionHandlerProp?.(columnMenuActionType, column) !== true) {\n        return menuActionHandler(columnMenuActionType, column);\n      }\n    },\n    [column, menuActionHandler, menuActionHandlerProp],\n  );\n\n  const sortMenu = buildSortMenu(\n    column,\n    dataSource,\n    menuActionClickHandler,\n    allowSort,\n  );\n  const groupMenu = buildGroupMenu(\n    column,\n    dataSource,\n    menuActionClickHandler,\n    allowGroup,\n  );\n  const aggregationMenu = buildAggregationMenuItems(\n    column,\n    dataSource,\n    menuActionClickHandler,\n    allowAggregation,\n  );\n  const visibilityMenuItems = buildVisibilityMenuItems(\n    column,\n    menuActionClickHandler,\n    allowHide,\n  );\n  const pinMenu = buildPinMenuItems(column, menuActionClickHandler, allowPin);\n  const settingsMenuItems = buildSettingsMenuItems(\n    column,\n    menuActionClickHandler,\n    allowColumnSettings,\n    allowTableSettings,\n  );\n\n  const handleClick = useCallback<MouseEventHandler<HTMLButtonElement>>(\n    (evt) => {\n      // Prevent sort from triggering if the click were to bubble.\n      evt.stopPropagation();\n    },\n    [],\n  );\n\n  return (\n    <Menu>\n      <MenuTrigger>\n        <IconButton\n          appearance=\"transparent\"\n          className={cx(classBase, className)}\n          data-embedded\n          icon=\"more-vert\"\n          sentiment=\"neutral\"\n          aria-label=\"Open Column Menu\"\n          onClick={handleClick}\n        />\n      </MenuTrigger>\n      <MenuPanel>\n        {sortMenu}\n        {groupMenu}\n        {aggregationMenu}\n        {visibilityMenuItems}\n        {pinMenu}\n        {settingsMenuItems}\n      </MenuPanel>\n    </Menu>\n  );\n};\n"],"names":["defaultTableSettingsPermissions","useWindow","useComponentCssInjection","columnMenuCss","useTableContext","useCallback","getColumnMenuActionType","buildSortMenu","buildGroupMenu","buildAggregationMenuItems","buildVisibilityMenuItems","buildPinMenuItems","buildSettingsMenuItems","Menu","jsx","MenuTrigger","IconButton","MenuPanel"],"mappings":";;;;;;;;;;;;;;AA2BA,MAAM,SAAY,GAAA,eAAA;AAElB,MAAM,4BAAgE,GAAA;AAAA,EACpE,SAAW,EAAA,IAAA;AAAA,EACX,UAAY,EAAA,IAAA;AAAA,EACZ,gBAAkB,EAAA,IAAA;AAAA,EAClB,SAAW,EAAA,IAAA;AAAA,EACX,QAAU,EAAA,IAAA;AAAA,EACV,mBAAqB,EAAA,IAAA;AAAA,EACrB,kBAAoB,EAAAA;AACtB,CAAA;AAQO,MAAM,aAAa,CAAC;AAAA,EACzB,SAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAmB,EAAA,qBAAA;AAAA,EACnB,eAAiB,EAAA;AAAA,IACf,SAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACE,GAAA;AACN,CAAuB,KAAA;AACrB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,YAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,UAAA,EAAY,iBAAkB,EAAA,GAAIC,8BAAgB,IAAI,CAAA;AAE9D,EAAA,MAAM,sBAAyB,GAAAC,iBAAA;AAAA,IAC7B,CAAC,GAAQ,KAAA;AACP,MAAM,MAAA,oBAAA,GAAuBC,uCAAwB,CAAA,GAAA,CAAI,MAAM,CAAA;AAC/D,MAAA,IAAI,qBAAwB,GAAA,oBAAA,EAAsB,MAAM,CAAA,KAAM,IAAM,EAAA;AAClE,QAAO,OAAA,iBAAA,CAAkB,sBAAsB,MAAM,CAAA;AAAA;AACvD,KACF;AAAA,IACA,CAAC,MAAQ,EAAA,iBAAA,EAAmB,qBAAqB;AAAA,GACnD;AAEA,EAAA,MAAM,QAAW,GAAAC,6BAAA;AAAA,IACf,MAAA;AAAA,IACA,UAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,SAAY,GAAAC,8BAAA;AAAA,IAChB,MAAA;AAAA,IACA,UAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,eAAkB,GAAAC,yCAAA;AAAA,IACtB,MAAA;AAAA,IACA,UAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,mBAAsB,GAAAC,wCAAA;AAAA,IAC1B,MAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,OAAU,GAAAC,iCAAA,CAAkB,MAAQ,EAAA,sBAAA,EAAwB,QAAQ,CAAA;AAC1E,EAAA,MAAM,iBAAoB,GAAAC,sCAAA;AAAA,IACxB,MAAA;AAAA,IACA,sBAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,WAAc,GAAAP,iBAAA;AAAA,IAClB,CAAC,GAAQ,KAAA;AAEP,MAAA,GAAA,CAAI,eAAgB,EAAA;AAAA,KACtB;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uCACGQ,SACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,gBACC,EAAA,EAAA,QAAA,kBAAAD,cAAA;AAAA,MAACE,wBAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,aAAA;AAAA,QACX,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,QAClC,eAAa,EAAA,IAAA;AAAA,QACb,IAAK,EAAA,WAAA;AAAA,QACL,SAAU,EAAA,SAAA;AAAA,QACV,YAAW,EAAA,kBAAA;AAAA,QACX,OAAS,EAAA;AAAA;AAAA,KAEb,EAAA,CAAA;AAAA,oCACCC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/cjs/column-menu/column-menu-utils.js

@@ -0,0 +1,489 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+
+const isColumnMenuActionType = (value) => value !== void 0 && [
+  "agg-count",
+  "agg-distinct",
+  "agg-sum",
+  "agg-avg",
+  "agg-high",
+  "agg-low",
+  "sort-asc",
+  "sort-dsc",
+  "sort-add-asc",
+  "sort-add-dsc",
+  "remove-sort",
+  "group-column",
+  "remove-group",
+  "add-to-group",
+  "remove-from-group",
+  "pin-column-left",
+  "pin-column-right",
+  "pin-column-floating",
+  "unpin-column",
+  "hide-column",
+  "remove-column",
+  "column-settings",
+  "table-settings"
+].includes(value);
+const getColumnMenuActionType = (target) => {
+  const { menuActionId } = target.dataset;
+  if (isColumnMenuActionType(menuActionId)) {
+    return menuActionId;
+  } else {
+    throw Error(
+      "[vuu-table-extras] column-menu-utils target element is not a valid Column MenuItem"
+    );
+  }
+};
+function buildSortMenu(column, dataSource, menuActionClickHandler, isAllowed = true) {
+  if (!isAllowed || column.sortable === false) {
+    return null;
+  } else {
+    const { name, label = name } = column;
+    const menuItems = [];
+    const columnSortStatus = vuuUtils.getSortStatus(column.name, dataSource.sort);
+    switch (columnSortStatus) {
+      case "no-sort":
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "sort-asc",
+              onClick: menuActionClickHandler,
+              children: "Sort ascending"
+            },
+            "sort-asc"
+          )
+        );
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "sort-dsc",
+              onClick: menuActionClickHandler,
+              children: "Sort descending"
+            },
+            "sort-dsc"
+          )
+        );
+        break;
+      case "single-sort-asc":
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "sort-dsc",
+              onClick: menuActionClickHandler,
+              children: "Reverse Sort (DSC)"
+            },
+            "sort-dsc"
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "remove-sort",
+              onClick: menuActionClickHandler,
+              children: "Remove Sort"
+            },
+            "remove-sort"
+          )
+        );
+        break;
+      case "single-sort-desc":
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "sort-asc",
+              onClick: menuActionClickHandler,
+              children: "Reverse Sort (ASC)"
+            },
+            "sort-asc"
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "remove-sort",
+              onClick: menuActionClickHandler,
+              children: "Remove Sort"
+            },
+            "remove-sort"
+          )
+        );
+        break;
+      case "sort-other-column":
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "sort-add-asc",
+              onClick: menuActionClickHandler,
+              children: "Add to sort ASC"
+            },
+            "sort-add-asc"
+          )
+        );
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "sort-add-dsc",
+              onClick: menuActionClickHandler,
+              children: "Add to sort DSC"
+            },
+            "sort-add-dsc"
+          )
+        );
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "sort-asc",
+              onClick: menuActionClickHandler,
+              children: "Ascending"
+            },
+            "sort-asc"
+          )
+        );
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "sort-dsc",
+              onClick: menuActionClickHandler,
+              children: "Descending"
+            },
+            "sort-dsc"
+          )
+        );
+        break;
+      case "multi-sort-includes-column-asc":
+      case "multi-sort-includes-column-desc":
+        break;
+      default:
+        vuuUtils.logUnhandledMessage(
+          columnSortStatus,
+          "[vuu-table-extras] column-menu-utils buildSortMenu"
+        );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: `Sort by ${label}` }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.MenuPanel, { children: menuItems })
+    ] }, "sort-menu");
+  }
+}
+function buildGroupMenu(column, dataSource, menuActionClickHandler, isAllowed = true) {
+  if (!isAllowed || column.groupable === false) {
+    return null;
+  } else {
+    const menuItems = [];
+    const columnGroupStatus = vuuUtils.getGroupStatus(column.name, dataSource.groupBy);
+    const { name, label = name } = column;
+    switch (columnGroupStatus) {
+      case "no-groupby":
+      case "single-groupby-other-column":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          core.MenuItem,
+          {
+            "data-menu-action-id": "group-column",
+            onClick: menuActionClickHandler,
+            children: `Group by ${label}`
+          },
+          "group-column"
+        );
+      case "single-groupby":
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "remove-group",
+              onClick: menuActionClickHandler,
+              children: "Remove Grouping"
+            },
+            "remove-group"
+          )
+        );
+        break;
+      case "multi-groupby-other-columns":
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "add-to-group",
+              onClick: menuActionClickHandler,
+              children: "Add to grouping"
+            },
+            "add-to-group"
+          )
+        );
+        break;
+      case "multi-groupby-includes-column":
+        menuItems.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.MenuItem,
+            {
+              "data-menu-action-id": "remove-from-group",
+              onClick: menuActionClickHandler,
+              children: "Remove from grouping"
+            },
+            "remove-from-group"
+          )
+        );
+        break;
+      default:
+        vuuUtils.logUnhandledMessage(
+          columnGroupStatus,
+          "[vuu-table-extras] column-menu-utils buildGroupMenu"
+        );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: "Group data" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.MenuPanel, { children: menuItems })
+    ] }, "group-menu");
+  }
+}
+const buildVisibilityMenuItems = (column, menuActionClickHandler, isAllowed = true) => {
+  if (!isAllowed) {
+    return null;
+  }
+  const menuItems = [];
+  const { name, label = name } = column;
+  menuItems.push(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.MenuItem,
+      {
+        "data-menu-action-id": "hide-column",
+        onClick: menuActionClickHandler,
+        children: `Hide ${label} column`
+      },
+      "hide-column"
+    )
+  );
+  menuItems.push(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.MenuItem,
+      {
+        "data-menu-action-id": "remove-column",
+        onClick: menuActionClickHandler,
+        children: `Remove ${label} column`
+      },
+      "remove-column"
+    )
+  );
+  return menuItems;
+};
+const buildPinMenuItems = (column, menuActionClickHandler, isAllowed = true) => {
+  if (!isAllowed || column === void 0) {
+    return [];
+  }
+  const { pin } = column;
+  const menuItems = [];
+  const pinLeft = /* @__PURE__ */ jsxRuntime.jsx(
+    core.MenuItem,
+    {
+      "data-menu-action-id": "pin-column-left",
+      onClick: menuActionClickHandler,
+      children: "Pin left"
+    },
+    "pin-column-left"
+  );
+  const pinFloating = /* @__PURE__ */ jsxRuntime.jsx(
+    core.MenuItem,
+    {
+      "data-menu-action-id": "pin-column-floating",
+      onClick: menuActionClickHandler,
+      children: "Pin floating"
+    },
+    "pin-column-floating"
+  );
+  const pinRight = /* @__PURE__ */ jsxRuntime.jsx(
+    core.MenuItem,
+    {
+      "data-menu-action-id": "pin-column-right",
+      onClick: menuActionClickHandler,
+      children: "Pin right"
+    },
+    "pin-column-right"
+  );
+  if (pin === void 0) {
+    menuItems.push(
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: "Pin Column" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(core.MenuPanel, { children: [
+          pinLeft,
+          pinFloating,
+          pinRight
+        ] })
+      ] }, "pin-menu")
+    );
+  } else {
+    menuItems.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.MenuItem,
+        {
+          "data-menu-action-id": "unpin-column",
+          onClick: menuActionClickHandler,
+          children: "Unpin"
+        },
+        "unpin-column"
+      )
+    );
+    if (pin === "left") {
+      menuItems.push(
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: "Pin Column" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(core.MenuPanel, { children: [
+            pinFloating,
+            pinRight
+          ] })
+        ] }, "pin-menu")
+      );
+    } else if (pin === "floating") {
+      menuItems.push(
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: "Pin Column" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(core.MenuPanel, { children: [
+            pinLeft,
+            pinRight
+          ] })
+        ] }, "pin-menu")
+      );
+    } else {
+      menuItems.push(
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: "Pin Column" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(core.MenuPanel, { children: [
+            pinFloating,
+            pinRight
+          ] })
+        ] }, "pin-menu")
+      );
+    }
+  }
+  return menuItems;
+};
+const buildSettingsMenuItems = (_, menuActionClickHandler, allowColumnSettings = true, allowTableSettings = true) => {
+  if (!allowColumnSettings && !allowTableSettings) {
+    return null;
+  }
+  const menuItems = [];
+  if (allowColumnSettings) {
+    menuItems.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.MenuItem,
+        {
+          "data-icon": "settings",
+          "data-menu-action-id": "column-settings",
+          onClick: menuActionClickHandler,
+          children: "Column settings ..."
+        },
+        "column-settings"
+      )
+    );
+  }
+  if (allowTableSettings) {
+    menuItems.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.MenuItem,
+        {
+          "data-icon": "settings",
+          "data-menu-action-id": "table-settings",
+          onClick: menuActionClickHandler,
+          children: "Table settings ..."
+        },
+        "table-settings"
+      )
+    );
+  }
+  return menuItems;
+};
+function buildAggregationMenuItems(column, dataSource, menuActionClickHandler, isAllowed = true) {
+  if (!isAllowed) {
+    return null;
+  }
+  const { name, label = name } = column;
+  if (dataSource.groupBy?.length === 0) {
+    return [];
+  } else {
+    const menuItems = [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.MenuItem,
+        {
+          "data-menu-action-id": "agg-count",
+          onClick: menuActionClickHandler,
+          children: "Count"
+        },
+        "agg-count"
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.MenuItem,
+        {
+          "data-menu-action-id": "agg-distinct",
+          onClick: menuActionClickHandler,
+          children: "Distinct"
+        },
+        "agg-distinct"
+      )
+    ];
+    if (vuuUtils.isNumericColumn(column)) {
+      menuItems.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          core.MenuItem,
+          {
+            "data-menu-action-id": "agg-sum",
+            onClick: menuActionClickHandler,
+            children: "Sum"
+          },
+          "agg-sum"
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          core.MenuItem,
+          {
+            "data-menu-action-id": "agg-avg",
+            onClick: menuActionClickHandler,
+            children: "Average"
+          },
+          "agg-avg"
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          core.MenuItem,
+          {
+            "data-menu-action-id": "agg-high",
+            onClick: menuActionClickHandler,
+            children: "High"
+          },
+          "agg-high"
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          core.MenuItem,
+          {
+            "data-menu-action-id": "agg-low",
+            onClick: menuActionClickHandler,
+            children: "Low"
+          },
+          "agg-low"
+        )
+      );
+    }
+    return [
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: `Aggregate ${label}` }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.MenuPanel, { children: menuItems })
+      ] }, "aggregate-menu")
+    ];
+  }
+}
+
+exports.buildAggregationMenuItems = buildAggregationMenuItems;
+exports.buildGroupMenu = buildGroupMenu;
+exports.buildPinMenuItems = buildPinMenuItems;
+exports.buildSettingsMenuItems = buildSettingsMenuItems;
+exports.buildSortMenu = buildSortMenu;
+exports.buildVisibilityMenuItems = buildVisibilityMenuItems;
+exports.getColumnMenuActionType = getColumnMenuActionType;
+exports.isColumnMenuActionType = isColumnMenuActionType;
+//# sourceMappingURL=column-menu-utils.js.map