@progress/kendo-vue-grid 8.1.0-develop.2 → 8.1.0-develop.3

package/components/StickyGroupTable.d.ts

@@ -0,0 +1,85 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { DataRowContext } from '../getRowContents';
+import { StickyGroupItem } from '../hooks/useStickyGroups';
+/**
+ * Represents the StickyGroupTable handle.
+ *
+ * @hidden
+ */
+export interface StickyTableHandle {
+    /**
+     * Sets the width of the sticky table element.
+     */
+    setWidth: (width: number) => void;
+    /**
+     * Sets the horizontal scroll position of the sticky container.
+     */
+    setScrollLeft: (scrollLeft: number) => void;
+}
+/**
+ * @hidden
+ */
+export interface StickyGroupTableProps {
+    size?: string;
+    items?: any[];
+    cols: any[];
+    colGroups?: any;
+    dataRowContext: DataRowContext;
+    position: 'top' | 'bottom';
+    isStackedMode?: boolean;
+    groupLevelCount?: number;
+    rowHeight?: number;
+}
+/**
+ * @hidden
+ */
+export declare const StickyGroupTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: StringConstructor;
+    items: ArrayConstructor;
+    cols: ArrayConstructor;
+    dataRowContext: {
+        type: PropType<DataRowContext>;
+        required: true;
+    };
+    position: {
+        type: PropType<"bottom" | "top">;
+        required: true;
+    };
+    isStackedMode: BooleanConstructor;
+    groupLevelCount: NumberConstructor;
+    rowHeight: NumberConstructor;
+}>, {}, {}, {
+    isTop(): boolean;
+    stickyItems(): StickyGroupItem[];
+    hasContent(): boolean;
+    containerClassName(): string;
+    tableClassName(): string;
+}, {
+    setWidth(width: number): void;
+    setScrollLeft(scrollLeft: number): void;
+    renderRows(): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: StringConstructor;
+    items: ArrayConstructor;
+    cols: ArrayConstructor;
+    dataRowContext: {
+        type: PropType<DataRowContext>;
+        required: true;
+    };
+    position: {
+        type: PropType<"bottom" | "top">;
+        required: true;
+    };
+    isStackedMode: BooleanConstructor;
+    groupLevelCount: NumberConstructor;
+    rowHeight: NumberConstructor;
+}>> & Readonly<{}>, {
+    isStackedMode: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/components/StickyGroupTable.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"});const o=require("vue"),e=require("@progress/kendo-vue-common"),d=require("../rows/GridRow.js"),c=require("../getRowContents.js"),u=o.defineComponent({name:"StickyGroupTable",props:{size:String,items:Array,cols:Array,dataRowContext:{type:Object,required:!0},position:{type:String,required:!0},isStackedMode:Boolean,groupLevelCount:Number,rowHeight:Number},inject:{sticky:{default:null}},mounted(){this.tableRef=e.getRef(this,"table"),this.colGroupRef=e.getRef(this,"colGroup")},updated(){this.tableRef=e.getRef(this,"table"),this.colGroupRef=e.getRef(this,"colGroup")},computed:{isTop(){return this.position==="top"},stickyItems(){return this.isTop?this.sticky.headerItems||[]:this.sticky.footerItems||[]},hasContent(){return this.stickyItems.length>0},containerClassName(){return e.classNames(e.uGrid.stickyContainer({bottom:!this.isTop}))},tableClassName(){return e.classNames(e.uGrid.table({size:this.size}))}},methods:{setWidth(s){const t=e.getRef(this,"tableRef");t&&(t.style.width=s?s+"px":"")},setScrollLeft(s){const t=this.$el;t&&t.scrollLeft!==s&&(t.scrollLeft=s)},renderRows(){return this.stickyItems.map((s,t)=>{const{item:r,flatIndex:i}=s,a=this.dataRowContext.dataItemKey&&e.getter(this.dataRowContext.dataItemKey)(r.dataItem)||"ai"+i,n=c.getRowContents(this.dataRowContext,r,a,t),l=this.isTop?"groupHeader":"groupFooter";return o.createVNode(d.GridRow,{key:a,rowType:l,item:r,dataIndex:-1,ariaRowIndex:t,absoluteRowIndex:i,isAltRow:!1,isHidden:!1,rowHeight:this.$props.rowHeight,isSelected:!1,isInEdit:!1},{default:()=>[n.row]})})}},render(){return o.createVNode("div",{class:this.containerClassName,style:{display:this.hasContent?"":"none"}},[o.createVNode("table",{ref:e.setRef(this,"table"),class:this.tableClassName},[o.createVNode("colgroup",{ref:e.setRef(this,"colGroup")},[this.$props.cols]),o.createVNode("tbody",{class:e.classNames(e.uGrid.tbody({}))},[this.renderRows()])])])}});exports.StickyGroupTable=u;

package/components/StickyGroupTable.mjs

@@ -0,0 +1,113 @@
+/**
+ * @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 p, createVNode as s } from "vue";
+import { setRef as d, classNames as r, uGrid as a, getter as m, getRef as o } from "@progress/kendo-vue-common";
+import { GridRow as u } from "../rows/GridRow.mjs";
+import { getRowContents as f } from "../getRowContents.mjs";
+const g = /* @__PURE__ */ p({
+  name: "StickyGroupTable",
+  props: {
+    size: String,
+    items: Array,
+    cols: Array,
+    dataRowContext: {
+      type: Object,
+      required: !0
+    },
+    position: {
+      type: String,
+      required: !0
+    },
+    isStackedMode: Boolean,
+    groupLevelCount: Number,
+    rowHeight: Number
+  },
+  inject: {
+    sticky: {
+      default: null
+    }
+  },
+  mounted() {
+    this.tableRef = o(this, "table"), this.colGroupRef = o(this, "colGroup");
+  },
+  updated() {
+    this.tableRef = o(this, "table"), this.colGroupRef = o(this, "colGroup");
+  },
+  computed: {
+    isTop() {
+      return this.position === "top";
+    },
+    stickyItems() {
+      return this.isTop ? this.sticky.headerItems || [] : this.sticky.footerItems || [];
+    },
+    hasContent() {
+      return this.stickyItems.length > 0;
+    },
+    containerClassName() {
+      return r(a.stickyContainer({
+        bottom: !this.isTop
+      }));
+    },
+    tableClassName() {
+      return r(a.table({
+        size: this.size
+      }));
+    }
+  },
+  methods: {
+    setWidth(e) {
+      const t = o(this, "tableRef");
+      t && (t.style.width = e ? e + "px" : "");
+    },
+    setScrollLeft(e) {
+      const t = this.$el;
+      t && t.scrollLeft !== e && (t.scrollLeft = e);
+    },
+    renderRows() {
+      return this.stickyItems.map((e, t) => {
+        const {
+          item: i,
+          flatIndex: n
+        } = e, l = this.dataRowContext.dataItemKey && m(this.dataRowContext.dataItemKey)(i.dataItem) || "ai" + n, c = f(this.dataRowContext, i, l, t), h = this.isTop ? "groupHeader" : "groupFooter";
+        return s(u, {
+          key: l,
+          rowType: h,
+          item: i,
+          dataIndex: -1,
+          ariaRowIndex: t,
+          absoluteRowIndex: n,
+          isAltRow: !1,
+          isHidden: !1,
+          rowHeight: this.$props.rowHeight,
+          isSelected: !1,
+          isInEdit: !1
+        }, {
+          default: () => [c.row]
+        });
+      });
+    }
+  },
+  render() {
+    return s("div", {
+      class: this.containerClassName,
+      style: {
+        display: this.hasContent ? "" : "none"
+      }
+    }, [s("table", {
+      ref: d(this, "table"),
+      class: this.tableClassName
+    }, [s("colgroup", {
+      ref: d(this, "colGroup")
+    }, [this.$props.cols]), s("tbody", {
+      class: r(a.tbody({}))
+    }, [this.renderRows()])])]);
+  }
+});
+export {
+  g as StickyGroupTable
+};