@progress/kendo-vue-grid 8.1.2-develop.2 → 8.2.0-develop.1

package/contextMenu/GridContextMenu.mjs

@@ -0,0 +1,336 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as s, createVNode as m } from "vue";
+import { provideLocalizationService as d } from "@progress/kendo-vue-intl";
+import { ContextMenu as p } from "@progress/kendo-vue-layout";
+import { sortDescSmallIcon as x, sortAscSmallIcon as I, fileExcelIcon as u, filePdfIcon as f, caretAltUpIcon as g, caretAltDownIcon as C, caretAltToTopIcon as h, caretAltToBottomIcon as w, caretAltExpandIcon as S, clipboardIcon as v, fileTxtIcon as R, pageHeaderSectionIcon as y, unpinOutlineIcon as c, pinOutlineBottomIcon as i, pinOutlineTopIcon as r, pinOutlineIcon as b, tableRowGroupsIcon as A, gridIcon as E, tableUnmergeIcon as D, tableBodyIcon as P, trashIcon as T, pencilIcon as B, plusIcon as H } from "@progress/kendo-svg-icons";
+import { GridContextMenuItemNames as t } from "./enums.mjs";
+const M = {
+  [t.create]: {
+    name: "create",
+    text: "Add",
+    icon: "plus",
+    svgIcon: H,
+    data: {
+      action: "AddCommand"
+    }
+  },
+  [t.edit]: {
+    name: "edit",
+    text: "Edit",
+    icon: "pencil",
+    svgIcon: B,
+    data: {
+      action: "EditCommand"
+    }
+  },
+  [t.delete]: {
+    name: "delete",
+    text: "Delete",
+    icon: "trash",
+    svgIcon: T,
+    data: {
+      action: "DeleteCommand"
+    }
+  },
+  [t.select]: {
+    name: "select",
+    text: "Select",
+    icon: "table-body",
+    svgIcon: P,
+    items: [{
+      name: "selectRow",
+      text: "Row",
+      icon: "table-row-groups",
+      svgIcon: A,
+      data: {
+        action: "SelectRowCommand"
+      }
+    }, {
+      name: "selectAllRows",
+      text: "All rows",
+      icon: "grid",
+      svgIcon: E,
+      data: {
+        action: "SelectAllRowsCommand"
+      }
+    }, {
+      name: "clearSelection",
+      text: "Clear selection",
+      icon: "table-unmerge",
+      svgIcon: D,
+      data: {
+        action: "ClearSelectionCommand"
+      }
+    }]
+  },
+  [t.pinRow]: {
+    name: "pinRow",
+    text: "Pin row",
+    icon: "pin-outline",
+    svgIcon: b,
+    items: [{
+      name: "pinTop",
+      text: "Pin to Top",
+      icon: "pin-outline-top",
+      svgIcon: r,
+      data: {
+        action: "PinTopCommand"
+      }
+    }, {
+      name: "pinBottom",
+      text: "Pin to Bottom",
+      icon: "pin-outline-bottom",
+      svgIcon: i,
+      data: {
+        action: "PinBottomCommand"
+      }
+    }, {
+      name: "unpin",
+      text: "Unpin",
+      icon: "unpin-outline",
+      svgIcon: c,
+      data: {
+        action: "UnpinCommand"
+      }
+    }]
+  },
+  [t.pinTop]: {
+    name: "pinTop",
+    text: "Pin to Top",
+    icon: "pin-outline-top",
+    svgIcon: r,
+    data: {
+      action: "PinTopCommand"
+    }
+  },
+  [t.pinBottom]: {
+    name: "pinBottom",
+    text: "Pin to Bottom",
+    icon: "pin-outline-bottom",
+    svgIcon: i,
+    data: {
+      action: "PinBottomCommand"
+    }
+  },
+  [t.unpin]: {
+    name: "unpin",
+    text: "Unpin",
+    icon: "unpin-outline",
+    svgIcon: c,
+    data: {
+      action: "UnpinCommand"
+    }
+  },
+  [t.copySelection]: {
+    name: "copySelection",
+    text: "Copy selection",
+    icon: "page-header-section",
+    svgIcon: y,
+    data: {
+      action: "CopySelectionCommand"
+    },
+    options: "withHeaders"
+  },
+  [t.copySelectionNoHeaders]: {
+    name: "copySelectionNoHeaders",
+    text: "Copy selection (No Headers)",
+    icon: "file-txt",
+    svgIcon: R,
+    data: {
+      action: "CopySelectionCommand"
+    }
+  },
+  [t.paste]: {
+    name: "paste",
+    text: "Paste (use CTRL/⌘ + V)",
+    icon: "clipboard",
+    svgIcon: v,
+    data: {
+      action: "PasteCommand"
+    }
+  },
+  [t.reorderRow]: {
+    name: "reorderRow",
+    text: "Reorder row",
+    icon: "caret-alt-expand",
+    svgIcon: S,
+    items: [{
+      name: "reorderRowUp",
+      text: "Up",
+      icon: "caret-alt-up",
+      svgIcon: g,
+      data: {
+        action: "ReorderRowCommand"
+      }
+    }, {
+      name: "reorderRowDown",
+      text: "Down",
+      icon: "caret-alt-down",
+      svgIcon: C,
+      data: {
+        action: "ReorderRowCommand"
+      }
+    }, {
+      name: "reorderRowTop",
+      text: "Top",
+      icon: "caret-alt-to-top",
+      svgIcon: h,
+      data: {
+        action: "ReorderRowCommand"
+      }
+    }, {
+      name: "reorderRowBottom",
+      text: "Bottom",
+      icon: "caret-alt-to-bottom",
+      svgIcon: w,
+      data: {
+        action: "ReorderRowCommand"
+      }
+    }]
+  },
+  [t.exportPDF]: {
+    name: "exportPDF",
+    text: "Export to PDF",
+    icon: "file-pdf",
+    svgIcon: f,
+    data: {
+      action: "ExportPDFCommand"
+    }
+  },
+  [t.exportExcel]: {
+    name: "exportExcel",
+    text: "Export to Excel",
+    icon: "file-excel",
+    svgIcon: u,
+    items: [{
+      name: "exportToExcelAll",
+      text: "All",
+      data: {
+        action: "ExportExcelCommand"
+      }
+    }, {
+      name: "exportToExcelSelection",
+      text: "Selection",
+      data: {
+        action: "ExportExcelCommand"
+      },
+      options: "selection,withHeaders"
+    }, {
+      name: "exportToExcelSelectionNoHeaders",
+      text: "Selection (No Headers)",
+      data: {
+        action: "ExportExcelCommand"
+      },
+      options: "selection"
+    }]
+  },
+  [t.separator]: {
+    name: "separator",
+    separator: !0
+  },
+  [t.sortAsc]: {
+    name: "sortAsc",
+    text: "Sort Ascending",
+    icon: "sort-asc-small",
+    svgIcon: I,
+    data: {
+      action: "SortCommand"
+    }
+  },
+  [t.sortDesc]: {
+    name: "sortDesc",
+    text: "Sort Descending",
+    icon: "sort-desc-small",
+    svgIcon: x,
+    data: {
+      action: "SortCommand"
+    }
+  }
+}, z = (o) => {
+  let e = [];
+  return o.sortable && (e = e.concat([t.sortAsc, t.sortDesc])), o.pdf && (e.length && (e = e.concat([t.separator])), e = e.concat([t.exportPDF])), e;
+}, G = (o) => {
+  let e = [];
+  return o.clipboard && (e = e.concat([t.copySelection, t.copySelectionNoHeaders, t.paste])), o.editable && (e.length && (e = e.concat([t.separator])), e = e.concat([t.create, t.edit, t.delete])), o.selectable && (e.length && (e = e.concat([t.separator])), e = e.concat([t.select])), o.rowReorderable && (e.length && (e = e.concat([t.separator])), e = e.concat([t.reorderRow])), o.pdf && (e.length && (e = e.concat([t.separator])), e = e.concat([t.exportPDF])), o.pinnable && (e.length && (e = e.concat([t.separator])), e = e.concat([t.pinRow])), e;
+}, L = /* @__PURE__ */ s({
+  name: "GridContextMenu",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    offset: {
+      type: Object,
+      default: () => ({
+        left: 0,
+        top: 0
+      })
+    },
+    dataItem: {
+      type: Object,
+      default: void 0
+    },
+    field: {
+      type: String,
+      default: void 0
+    },
+    items: {
+      type: Array,
+      default: void 0
+    }
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  emits: ["close", "select"],
+  methods: {
+    localizeItem(o, e) {
+      const n = {
+        ...o
+      };
+      return n.text && n.name && (n.text = e.toLanguageString(`contextMenu.${n.name}`, n.text || "")), n.items && Array.isArray(n.items) && (n.items = n.items.map((a) => this.localizeItem(a, e))), n;
+    },
+    menuItems() {
+      if (this.$props.items)
+        return this.$props.items.map((o) => typeof o == "string" ? {
+          ...M[o]
+        } : {
+          ...o
+        });
+    },
+    handleSelect(o) {
+      this.$emit("select", {
+        event: o,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    handleClose() {
+      this.$emit("close");
+    }
+  },
+  render() {
+    const o = d(this), e = this.menuItems(), n = e == null ? void 0 : e.map((l) => this.localizeItem(l, o)), a = !!(this.$props.show && (n != null && n.length));
+    return m(p, {
+      show: a,
+      offset: this.$props.offset,
+      items: n,
+      onClose: this.handleClose,
+      onSelect: this.handleSelect
+    }, null);
+  }
+});
+export {
+  L as GridContextMenu,
+  M as contextMenuItemsMap,
+  G as getDefaultBodyContextMenuItems,
+  z as getDefaultHeadContextMenuItems
+};

package/contextMenu/enums.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the available types for the `GridContextMenuAnchorPart`.
+ *
+ * The available anchor parts are:
+ * - `head`
+ * - `body`
+ */
+export declare enum GridContextMenuAnchorPart {
+    head = "head",
+    body = "body"
+}
+/**
+ * Represents the available predefined items names for the `GridContextMenu` items.
+ */
+export declare enum GridContextMenuItemNames {
+    create = "create",
+    edit = "edit",
+    delete = "delete",
+    select = "select",
+    copySelection = "copySelection",
+    copySelectionNoHeaders = "copySelectionNoHeaders",
+    paste = "paste",
+    reorderRow = "reorderRow",
+    exportPDF = "exportPDF",
+    exportExcel = "exportExcel",
+    separator = "separator",
+    sortAsc = "sortAsc",
+    sortDesc = "sortDesc",
+    pinRow = "pinRow",
+    pinTop = "pinTop",
+    pinBottom = "pinBottom",
+    unpin = "unpin"
+}

package/contextMenu/enums.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var p=(o=>(o.head="head",o.body="body",o))(p||{}),c=(o=>(o.create="create",o.edit="edit",o.delete="delete",o.select="select",o.copySelection="copySelection",o.copySelectionNoHeaders="copySelectionNoHeaders",o.paste="paste",o.reorderRow="reorderRow",o.exportPDF="exportPDF",o.exportExcel="exportExcel",o.separator="separator",o.sortAsc="sortAsc",o.sortDesc="sortDesc",o.pinRow="pinRow",o.pinTop="pinTop",o.pinBottom="pinBottom",o.unpin="unpin",o))(c||{});exports.GridContextMenuAnchorPart=p;exports.GridContextMenuItemNames=c;

package/contextMenu/enums.mjs

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+var c = /* @__PURE__ */ ((p) => (p.head = "head", p.body = "body", p))(c || {}), o = /* @__PURE__ */ ((p) => (p.create = "create", p.edit = "edit", p.delete = "delete", p.select = "select", p.copySelection = "copySelection", p.copySelectionNoHeaders = "copySelectionNoHeaders", p.paste = "paste", p.reorderRow = "reorderRow", p.exportPDF = "exportPDF", p.exportExcel = "exportExcel", p.separator = "separator", p.sortAsc = "sortAsc", p.sortDesc = "sortDesc", p.pinRow = "pinRow", p.pinTop = "pinTop", p.pinBottom = "pinBottom", p.unpin = "unpin", p))(o || {});
+export {
+  c as GridContextMenuAnchorPart,
+  o as GridContextMenuItemNames
+};