@vuu-ui/vuu-table-extras 0.11.2 → 0.12.0

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

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

package/esm/column-menu/column-menu-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-menu-utils.js","sources":["../../src/column-menu/column-menu-utils.tsx"],"sourcesContent":["import {\n  Menu,\n  MenuItem,\n  MenuItemProps,\n  MenuPanel,\n  MenuProps,\n  MenuTrigger,\n} from \"@salt-ds/core\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  getGroupStatus,\n  getSortStatus,\n  isNumericColumn,\n  logUnhandledMessage,\n} from \"@vuu-ui/vuu-utils\";\nimport { MouseEventHandler, ReactElement } from \"react\";\n\ntype MenuElement = ReactElement<MenuProps, typeof Menu>;\ntype MenuItemElement = ReactElement<MenuItemProps, typeof MenuItem>;\ntype MenuElements = Array<MenuElement | MenuItemElement>;\n\nexport type MenuItemClickHandler = MouseEventHandler<HTMLDivElement>;\n\nexport type DataSourceColumnMenuActionType =\n  | \"agg-count\"\n  | \"agg-distinct\"\n  | \"agg-sum\"\n  | \"agg-avg\"\n  | \"agg-high\"\n  | \"agg-low\"\n  | \"sort-asc\"\n  | \"sort-dsc\"\n  | \"sort-add-asc\"\n  | \"sort-add-dsc\"\n  | \"remove-sort\"\n  | \"group-column\"\n  | \"remove-group\"\n  | \"add-to-group\"\n  | \"remove-from-group\"\n  | \"remove-column\";\n\nexport type ColumnDisplayColumnMenuActionType =\n  | \"pin-column-left\"\n  | \"pin-column-right\"\n  | \"pin-column-floating\"\n  | \"unpin-column\"\n  | \"hide-column\";\n\nexport type TableSettingsActionType = \"column-settings\" | \"table-settings\";\n\nexport type ColumnMenuActionType =\n  | DataSourceColumnMenuActionType\n  | ColumnDisplayColumnMenuActionType\n  | TableSettingsActionType;\n\nexport const isColumnMenuActionType = (\n  value?: string,\n): value is ColumnMenuActionType =>\n  value !== undefined &&\n  [\n    \"agg-count\",\n    \"agg-distinct\",\n    \"agg-sum\",\n    \"agg-avg\",\n    \"agg-high\",\n    \"agg-low\",\n    \"sort-asc\",\n    \"sort-dsc\",\n    \"sort-add-asc\",\n    \"sort-add-dsc\",\n    \"remove-sort\",\n    \"group-column\",\n    \"remove-group\",\n    \"add-to-group\",\n    \"remove-from-group\",\n    \"pin-column-left\",\n    \"pin-column-right\",\n    \"pin-column-floating\",\n    \"unpin-column\",\n    \"hide-column\",\n    \"remove-column\",\n    \"column-settings\",\n    \"table-settings\",\n  ].includes(value);\n\nexport const getColumnMenuActionType = (target: EventTarget | HTMLElement) => {\n  const { menuActionId } = (target as HTMLElement).dataset;\n  if (isColumnMenuActionType(menuActionId)) {\n    return menuActionId;\n  } else {\n    throw Error(\n      \"[vuu-table-extras] column-menu-utils target element is not a valid Column MenuItem\",\n    );\n  }\n};\n\nexport function buildSortMenu(\n  column: ColumnDescriptor,\n  dataSource: DataSource,\n  menuActionClickHandler: MenuItemClickHandler,\n): MenuElement | null {\n  if (column.sortable === false) {\n    return null;\n  } else {\n    const { name, label = name } = column;\n    const menuItems: MenuElements = [];\n    const columnSortStatus = getSortStatus(column.name, dataSource.sort);\n\n    switch (columnSortStatus) {\n      case \"no-sort\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-asc\"\n            key=\"sort-asc\"\n            onClick={menuActionClickHandler}\n          >\n            Sort ascending\n          </MenuItem>,\n        );\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-dsc\"\n            key=\"sort-dsc\"\n            onClick={menuActionClickHandler}\n          >\n            Sort descending\n          </MenuItem>,\n        );\n        break;\n      case \"single-sort-asc\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-dsc\"\n            key=\"sort-dsc\"\n            onClick={menuActionClickHandler}\n          >\n            Reverse Sort (DSC)\n          </MenuItem>,\n          <MenuItem\n            data-menu-action-id=\"remove-sort\"\n            key=\"remove-sort\"\n            onClick={menuActionClickHandler}\n          >\n            Remove Sort\n          </MenuItem>,\n        );\n        break;\n      case \"single-sort-desc\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-asc\"\n            key=\"sort-asc\"\n            onClick={menuActionClickHandler}\n          >\n            Reverse Sort (ASC)\n          </MenuItem>,\n          <MenuItem\n            data-menu-action-id=\"remove-sort\"\n            key=\"remove-sort\"\n            onClick={menuActionClickHandler}\n          >\n            Remove Sort\n          </MenuItem>,\n        );\n        break;\n\n      case \"sort-other-column\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-add-asc\"\n            key=\"sort-add-asc\"\n            onClick={menuActionClickHandler}\n          >\n            Add to sort ASC\n          </MenuItem>,\n        );\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-add-dsc\"\n            key=\"sort-add-dsc\"\n            onClick={menuActionClickHandler}\n          >\n            Add to sort DSC\n          </MenuItem>,\n        );\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-asc\"\n            key=\"sort-asc\"\n            onClick={menuActionClickHandler}\n          >\n            Ascending\n          </MenuItem>,\n        );\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-dsc\"\n            key=\"sort-dsc\"\n            onClick={menuActionClickHandler}\n          >\n            Descending\n          </MenuItem>,\n        );\n        break;\n\n      case \"multi-sort-includes-column-asc\":\n      case \"multi-sort-includes-column-desc\":\n        break;\n      default:\n        logUnhandledMessage(\n          columnSortStatus,\n          \"[vuu-table-extras] column-menu-utils buildSortMenu\",\n        );\n    }\n\n    return (\n      <Menu key=\"sort-menu\">\n        <MenuTrigger>\n          <MenuItem>{`Sort by ${label}`}</MenuItem>\n        </MenuTrigger>\n        <MenuPanel>{menuItems}</MenuPanel>\n      </Menu>\n    );\n  }\n}\n\nexport function buildGroupMenu(\n  column: ColumnDescriptor,\n  dataSource: DataSource,\n  menuActionClickHandler: MenuItemClickHandler,\n): MenuElement | null {\n  if (column.groupable === false) {\n    return null;\n  } else {\n    const menuItems: MenuElements = [];\n    const columnGroupStatus = getGroupStatus(column.name, dataSource.groupBy);\n    const { name, label = name } = column;\n\n    switch (columnGroupStatus) {\n      case \"no-groupby\":\n      case \"single-groupby-other-column\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"group-column\"\n            key=\"group-column\"\n            onClick={menuActionClickHandler}\n          >{`Group by ${label}`}</MenuItem>,\n        );\n        break;\n      case \"single-groupby\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"remove-group\"\n            key=\"remove-group\"\n            onClick={menuActionClickHandler}\n          >\n            Remove Grouping\n          </MenuItem>,\n        );\n        break;\n\n      case \"multi-groupby-other-columns\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"add-to-group\"\n            key=\"add-to-group\"\n            onClick={menuActionClickHandler}\n          >\n            Add to grouping\n          </MenuItem>,\n        );\n\n        break;\n\n      case \"multi-groupby-includes-column\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"remove-from-group\"\n            key=\"remove-from-group\"\n            onClick={menuActionClickHandler}\n          >\n            Remove from grouping\n          </MenuItem>,\n        );\n\n        break;\n\n      default:\n        logUnhandledMessage(\n          columnGroupStatus,\n          \"[vuu-table-extras] column-menu-utils buildGroupMenu\",\n        );\n    }\n\n    return (\n      <Menu key=\"group-menu\">\n        <MenuTrigger>\n          <MenuItem>Group data</MenuItem>\n        </MenuTrigger>\n        <MenuPanel>{menuItems}</MenuPanel>\n      </Menu>\n    );\n  }\n}\n\nexport const buildVisibilityMenuItems = (\n  column: ColumnDescriptor,\n  menuActionClickHandler: MenuItemClickHandler,\n): MenuElements => {\n  const menuItems: MenuElements = [];\n  const { name, label = name } = column;\n  menuItems.push(\n    <MenuItem\n      data-menu-action-id=\"hide-column\"\n      key=\"hide-column\"\n      onClick={menuActionClickHandler}\n    >\n      {`Hide ${label} column`}\n    </MenuItem>,\n  );\n  menuItems.push(\n    <MenuItem\n      data-menu-action-id=\"remove-column\"\n      key=\"remove-column\"\n      onClick={menuActionClickHandler}\n    >\n      {`Remove ${label} column`}\n    </MenuItem>,\n  );\n\n  return menuItems;\n};\n\nexport const buildPinMenuItems = (\n  column: ColumnDescriptor,\n  menuActionClickHandler: MenuItemClickHandler,\n): MenuElements => {\n  if (column === undefined) {\n    return [];\n  }\n  const { pin } = column;\n\n  const menuItems: MenuElements = [];\n\n  const pinLeft = (\n    <MenuItem\n      data-menu-action-id=\"pin-column-left\"\n      key=\"pin-column-left\"\n      onClick={menuActionClickHandler}\n    >\n      Pin left\n    </MenuItem>\n  );\n\n  const pinFloating = (\n    <MenuItem\n      data-menu-action-id=\"pin-column-floating\"\n      key=\"pin-column-floating\"\n      onClick={menuActionClickHandler}\n    >\n      Pin floating\n    </MenuItem>\n  );\n\n  const pinRight = (\n    <MenuItem\n      data-menu-action-id=\"pin-column-right\"\n      key=\"pin-column-right\"\n      onClick={menuActionClickHandler}\n    >\n      Pin right\n    </MenuItem>\n  );\n\n  if (pin === undefined) {\n    menuItems.push(\n      <Menu key=\"pin-menu\">\n        <MenuTrigger>\n          <MenuItem>Pin Column</MenuItem>\n        </MenuTrigger>\n        <MenuPanel>\n          {pinLeft}\n          {pinFloating}\n          {pinRight}\n        </MenuPanel>\n      </Menu>,\n    );\n  } else {\n    menuItems.push(\n      <MenuItem\n        data-menu-action-id=\"unpin-column\"\n        key=\"unpin-column\"\n        onClick={menuActionClickHandler}\n      >\n        Unpin\n      </MenuItem>,\n    );\n    if (pin === \"left\") {\n      menuItems.push(\n        <Menu key=\"pin-menu\">\n          <MenuTrigger>\n            <MenuItem>Pin Column</MenuItem>\n          </MenuTrigger>\n          <MenuPanel>\n            {pinFloating}\n            {pinRight}\n          </MenuPanel>\n        </Menu>,\n      );\n    } else if (pin === \"floating\") {\n      menuItems.push(\n        <Menu key=\"pin-menu\">\n          <MenuTrigger>\n            <MenuItem>Pin Column</MenuItem>\n          </MenuTrigger>\n          <MenuPanel>\n            {pinLeft}\n            {pinRight}\n          </MenuPanel>\n        </Menu>,\n      );\n    } else {\n      menuItems.push(\n        <Menu key=\"pin-menu\">\n          <MenuTrigger>\n            <MenuItem>Pin Column</MenuItem>\n          </MenuTrigger>\n          <MenuPanel>\n            {pinFloating}\n            {pinRight}\n          </MenuPanel>\n        </Menu>,\n      );\n    }\n  }\n\n  return menuItems;\n};\n\nexport const buildSettingsMenuItems = (\n  _: ColumnDescriptor,\n  menuActionClickHandler: MenuItemClickHandler,\n): MenuElements => {\n  const menuItems: MenuElements = [];\n\n  menuItems.push(\n    <MenuItem\n      data-icon=\"settings\"\n      data-menu-action-id=\"column-settings\"\n      key=\"column-settings\"\n      onClick={menuActionClickHandler}\n    >\n      Column settings ...\n    </MenuItem>,\n  );\n  menuItems.push(\n    <MenuItem\n      data-icon=\"settings\"\n      data-menu-action-id=\"table-settings\"\n      key=\"table-settings\"\n      onClick={menuActionClickHandler}\n    >\n      Table settings ...\n    </MenuItem>,\n  );\n\n  return menuItems;\n};\n\nexport function buildAggregationMenuItems(\n  column: ColumnDescriptor,\n  dataSource: DataSource,\n  menuActionClickHandler: MenuItemClickHandler,\n): MenuElements {\n  const { name, label = name } = column;\n\n  if (dataSource.groupBy?.length === 0) {\n    return [];\n  } else {\n    const menuItems: MenuElements = [\n      <MenuItem\n        data-menu-action-id=\"agg-count\"\n        key=\"agg-count\"\n        onClick={menuActionClickHandler}\n      >\n        Count\n      </MenuItem>,\n      <MenuItem\n        data-menu-action-id=\"agg-distinct\"\n        key=\"agg-distinct\"\n        onClick={menuActionClickHandler}\n      >\n        Distinct\n      </MenuItem>,\n    ];\n\n    if (isNumericColumn(column)) {\n      menuItems.push(\n        <MenuItem\n          data-menu-action-id=\"agg-sum\"\n          key=\"agg-sum\"\n          onClick={menuActionClickHandler}\n        >\n          Sum\n        </MenuItem>,\n        <MenuItem\n          data-menu-action-id=\"agg-avg\"\n          key=\"agg-avg\"\n          onClick={menuActionClickHandler}\n        >\n          Average\n        </MenuItem>,\n        <MenuItem\n          data-menu-action-id=\"agg-high\"\n          key=\"agg-high\"\n          onClick={menuActionClickHandler}\n        >\n          High\n        </MenuItem>,\n        <MenuItem\n          data-menu-action-id=\"agg-low\"\n          key=\"agg-low\"\n          onClick={menuActionClickHandler}\n        >\n          Low\n        </MenuItem>,\n      );\n    }\n\n    return [\n      <Menu key=\"aggregate-menu\">\n        <MenuTrigger>\n          <MenuItem>{`Aggregate ${label}`}</MenuItem>\n        </MenuTrigger>\n        <MenuPanel>{menuItems}</MenuPanel>\n      </Menu>,\n    ];\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/column-menu/useColumnActions.js

@@ -0,0 +1,73 @@
+import { logUnhandledMessage, setAggregations, removeGroupColumn, addGroupColumn, addSortColumn, setSortColumn, AggregationType } from '@vuu-ui/vuu-utils';
+
+const { Average, Count, Distinct, High, Low, Sum } = AggregationType;
+const useColumnActions = ({
+  dataSource,
+  onColumnDisplayAction,
+  onDisplaySettingsAction
+}) => {
+  const handleContextMenuAction = (columnMenuActionType, column) => {
+    if (column && dataSource) {
+      switch (columnMenuActionType) {
+        // 1) DataSource operations ...
+        case "sort-asc":
+          return dataSource.sort = setSortColumn(dataSource.sort, column, "A"), true;
+        case "sort-dsc":
+          return dataSource.sort = setSortColumn(dataSource.sort, column, "D"), true;
+        case "remove-sort":
+          return dataSource.sort = { sortDefs: [] }, true;
+        case "sort-add-asc":
+          return dataSource.sort = addSortColumn(dataSource.sort, column, "A"), true;
+        case "sort-add-dsc":
+          return dataSource.sort = addSortColumn(dataSource.sort, column, "D"), true;
+        case "group-column":
+          return dataSource.groupBy = addGroupColumn(dataSource.groupBy ?? [], column), true;
+        case "add-to-group":
+          return dataSource.groupBy = addGroupColumn(dataSource.groupBy ?? [], column), true;
+        case "remove-group":
+          return dataSource.groupBy = [], true;
+        case "remove-from-group":
+          return dataSource.groupBy = removeGroupColumn(dataSource.groupBy ?? [], column), true;
+        case "remove-column":
+          return dataSource.columns = dataSource.columns.filter((name) => name !== column.name), true;
+        // case "filter-remove-column": return (dataSource.filter = removeFilterColumn(dataSource.filter, column)), true;
+        // case "remove-filters": return (dataSource.filter = {filter:""}), true;
+        case "agg-avg":
+          return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Average), true;
+        case "agg-high":
+          return dataSource.aggregations = setAggregations(dataSource.aggregations, column, High), true;
+        case "agg-low":
+          return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Low), true;
+        case "agg-count":
+          return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Count), true;
+        case "agg-distinct":
+          return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Distinct), true;
+        case "agg-sum":
+          return dataSource.aggregations = setAggregations(dataSource.aggregations, column, Sum), true;
+        // 2) Column display options ...
+        case "hide-column":
+          return onColumnDisplayAction?.({ type: "hideColumn", column }), true;
+        case "pin-column-floating":
+          return onColumnDisplayAction?.({ type: "pinColumn", column, pin: "floating" }), true;
+        case "pin-column-left":
+          return onColumnDisplayAction?.({ type: "pinColumn", column, pin: "left" }), true;
+        case "pin-column-right":
+          return onColumnDisplayAction?.({ type: "pinColumn", column, pin: "right" }), true;
+        case "unpin-column":
+          return onColumnDisplayAction?.({ type: "pinColumn", column, pin: false }), true;
+        // 3) Table Admin options ...
+        case "column-settings":
+          return onDisplaySettingsAction?.({ type: "column-settings", column }), true;
+        case "table-settings":
+          return onDisplaySettingsAction?.({ type: "table-settings" }), true;
+        default:
+          logUnhandledMessage(columnMenuActionType, `[vuu-table-extras] useColumnActions handleContextMenuAction, unhandled columnMenuActionType`);
+      }
+    }
+    return false;
+  };
+  return handleContextMenuAction;
+};
+
+export { useColumnActions };
+//# sourceMappingURL=useColumnActions.js.map

package/esm/column-menu/useColumnActions.js.map

@@ -0,0 +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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"}

package/esm/column-settings/ColumnSettingsPanel.js

@@ -119,12 +119,19 @@ const ColumnSettingsPanel = ({
         ] }),
         /* @__PURE__ */ jsxs(FormField, { "data-field": "column-pin", children: [
           /* @__PURE__ */ jsx(FormFieldLabel, { children: "Pin Column" }),
-          /* @__PURE__ */ jsxs(ToggleButtonGroup, { onChange: onChangeToggleButton, value: pin ?? "", children: [
-            /* @__PURE__ */ jsx(ToggleButton, { value: "left", children: /* @__PURE__ */ jsx(Icon, { name: "pin-left", size: 16 }) }),
-            /* @__PURE__ */ jsx(ToggleButton, { value: "floating", children: /* @__PURE__ */ jsx(Icon, { name: "pin-float", size: 16 }) }),
-            /* @__PURE__ */ jsx(ToggleButton, { value: "right", children: /* @__PURE__ */ jsx(Icon, { name: "pin-right", size: 16 }) }),
-            /* @__PURE__ */ jsx(ToggleButton, { value: "", children: /* @__PURE__ */ jsx(Icon, { name: "cross-circle", size: 16 }) })
-          ] })
+          /* @__PURE__ */ jsxs(
+            ToggleButtonGroup,
+            {
+              onChange: onChangeToggleButton,
+              value: pin || "false",
+              children: [
+                /* @__PURE__ */ jsx(ToggleButton, { value: "left", children: /* @__PURE__ */ jsx(Icon, { name: "pin-left", size: 16 }) }),
+                /* @__PURE__ */ jsx(ToggleButton, { value: "floating", children: /* @__PURE__ */ jsx(Icon, { name: "pin-float", size: 16 }) }),
+                /* @__PURE__ */ jsx(ToggleButton, { value: "right", children: /* @__PURE__ */ jsx(Icon, { name: "pin-right", size: 16 }) }),
+                /* @__PURE__ */ jsx(ToggleButton, { value: "", children: /* @__PURE__ */ jsx(Icon, { name: "cross-circle", size: 16 }) })
+              ]
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx(
           ColumnFormattingPanel,