@progress/kendo-react-grid 15.2.0-develop.7 → 15.2.0-develop.8

package/components/StickyGroupTable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),l=require("@progress/kendo-react-common"),h=require("../utils/GridContext.js"),j=require("../rows/GridRowRenderer.js"),q=require("../getRowContents.js");function x(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const r=x(O),z=({size:o,colGroups:n,dataRowContext:e,position:i,isStackedMode:k,groupLevelCount:g,stackedLayoutSettings:I,rowHeight:C})=>{const u=l.useUnstyled(),f=u!=null&&u.uGrid?u.uGrid:l.uGrid,t=r.useContext(h.GridContext),c=i==="top",d=c?t.stickyHeaderRef:t.stickyFooterRef,b=(c?t.stickyHeaderItems:t.stickyFooterItems)||[],G=b.length>0,w=l.classNames(f.stickyContainer({bottom:!c})),S=l.classNames(f.table({size:o})),m=r.useRef(null),N=c?t.stickyHeaderTableRef:t.stickyFooterTableRef;r.useImperativeHandle(N,()=>({setWidth:s=>{m.current&&(m.current.style.width=s?s+"px":"")},setScrollLeft:s=>{d.current&&d.current.scrollLeft!==s&&(d.current.scrollLeft=s)}}));const T=r.useCallback(s=>{var a;(a=t.columnResizeRef)!=null&&a.current&&(c?t.columnResizeRef.current.colGroupStickyHeader=s:t.columnResizeRef.current.colGroupStickyFooter=s)},[t.columnResizeRef,c]),E=n?r.cloneElement(n,{colGroupRef:T}):null,v=()=>b.map((s,a)=>{const{item:y,flatIndex:p}=s,R=e.dataItemKey&&l.getter(e.dataItemKey)(y.dataItem)||"ai"+p,H=q.getRowContents(e,{},y,R,a,!1);return r.createElement(j.GridRowRenderer,{key:R,isStackedMode:!!k,item:y,rowId:R,dataIndex:-1,ariaRowIndex:a,absoluteRowIndex:p,isAltRow:!1,isHidden:!1,isRowReorderable:!1,rowHeight:C,rows:void 0,leafColumns:e.leafColumns,groupLevelCount:g||0,stackedLayoutSettings:I,cells:e.cells,isSelected:!1,isInEdit:!1,preparedCells:H.row,showDetailToggle:!1,isDetailExpanded:!1})});return r.createElement("div",{ref:d,className:w,style:{display:G?"":"none"}},r.createElement("table",{ref:m,className:S},E,r.createElement("tbody",{className:l.classNames(f.tbody({}))},v())))};exports.StickyGroupTable=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),l=require("@progress/kendo-react-common"),q=require("../utils/GridContext.js"),v=require("../rows/GridRowRenderer.js"),z=require("../getRowContents.js");function M(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const r=M(j),x=({size:o,colGroups:n,dataRowContext:e,position:i,isStackedMode:g,groupLevelCount:k,stackedLayoutSettings:I,rowHeight:C,rows:G})=>{const u=l.useUnstyled(),f=u!=null&&u.uGrid?u.uGrid:l.uGrid,t=r.useContext(q.GridContext),c=i==="top",d=c?t.stickyHeaderRef:t.stickyFooterRef,p=(c?t.stickyHeaderItems:t.stickyFooterItems)||[],S=p.length>0,w=l.classNames(f.stickyContainer({bottom:!c})),N=l.classNames(f.table({size:o})),m=r.useRef(null),T=c?t.stickyHeaderTableRef:t.stickyFooterTableRef;r.useImperativeHandle(T,()=>({setWidth:s=>{m.current&&(m.current.style.width=s?s+"px":"")},setScrollLeft:s=>{d.current&&d.current.scrollLeft!==s&&(d.current.scrollLeft=s)}}));const E=r.useCallback(s=>{var a;(a=t.columnResizeRef)!=null&&a.current&&(c?t.columnResizeRef.current.colGroupStickyHeader=s:t.columnResizeRef.current.colGroupStickyFooter=s)},[t.columnResizeRef,c]),H=n?r.cloneElement(n,{colGroupRef:E}):null,O=()=>p.map((s,a)=>{const{item:y,flatIndex:b}=s,R=e.dataItemKey&&l.getter(e.dataItemKey)(y.dataItem)||"ai"+b,h=z.getRowContents(e,{},y,R,a,!1);return r.createElement(v.GridRowRenderer,{key:R,isStackedMode:!!g,item:y,rowId:R,dataIndex:-1,ariaRowIndex:a,absoluteRowIndex:b,isAltRow:!1,isHidden:!1,isRowReorderable:!1,rowHeight:C,rows:G,leafColumns:e.leafColumns,groupLevelCount:k||0,groupingMode:e.groupingMode,stackedLayoutSettings:I,cells:e.cells,isSelected:!1,isInEdit:!1,preparedCells:h.row,showDetailToggle:!1,isDetailExpanded:!1})});return r.createElement("div",{ref:d,className:w,style:{display:S?"":"none"}},r.createElement("table",{ref:m,className:N},H,r.createElement("tbody",{className:l.classNames(f.tbody({}))},O())))};exports.StickyGroupTable=x;

package/components/StickyGroupTable.mjs

@@ -7,39 +7,40 @@
  */
 "use client";
 import * as s from "react";
-import { useUnstyled as T, uGrid as v, classNames as f, getter as z } from "@progress/kendo-react-common";
-import { GridContext as F } from "../utils/GridContext.mjs";
-import { GridRowRenderer as K } from "../rows/GridRowRenderer.mjs";
-import { getRowContents as L } from "../getRowContents.mjs";
-const j = ({
+import { useUnstyled as z, uGrid as F, classNames as f, getter as K } from "@progress/kendo-react-common";
+import { GridContext as v } from "../utils/GridContext.mjs";
+import { GridRowRenderer as L } from "../rows/GridRowRenderer.mjs";
+import { getRowContents as M } from "../getRowContents.mjs";
+const q = ({
   size: p,
   colGroups: u,
-  dataRowContext: o,
+  dataRowContext: r,
   position: k,
   isStackedMode: I,
   groupLevelCount: b,
-  stackedLayoutSettings: C,
-  rowHeight: g
+  stackedLayoutSettings: g,
+  rowHeight: C,
+  rows: G
 }) => {
-  const n = T(), c = n != null && n.uGrid ? n.uGrid : v, e = s.useContext(F), r = k === "top", a = r ? e.stickyHeaderRef : e.stickyFooterRef, R = (r ? e.stickyHeaderItems : e.stickyFooterItems) || [], G = R.length > 0, w = f(c.stickyContainer({ bottom: !r })), E = f(c.table({ size: p })), i = s.useRef(null), H = r ? e.stickyHeaderTableRef : e.stickyFooterTableRef;
-  s.useImperativeHandle(H, () => ({
+  const n = z(), a = n != null && n.uGrid ? n.uGrid : F, e = s.useContext(v), o = k === "top", c = o ? e.stickyHeaderRef : e.stickyFooterRef, y = (o ? e.stickyHeaderItems : e.stickyFooterItems) || [], E = y.length > 0, w = f(a.stickyContainer({ bottom: !o })), H = f(a.table({ size: p })), i = s.useRef(null), N = o ? e.stickyHeaderTableRef : e.stickyFooterTableRef;
+  s.useImperativeHandle(N, () => ({
     setWidth: (t) => {
       i.current && (i.current.style.width = t ? t + "px" : "");
     },
     setScrollLeft: (t) => {
-      a.current && a.current.scrollLeft !== t && (a.current.scrollLeft = t);
+      c.current && c.current.scrollLeft !== t && (c.current.scrollLeft = t);
     }
   }));
-  const N = s.useCallback(
+  const S = s.useCallback(
     (t) => {
       var l;
-      (l = e.columnResizeRef) != null && l.current && (r ? e.columnResizeRef.current.colGroupStickyHeader = t : e.columnResizeRef.current.colGroupStickyFooter = t);
+      (l = e.columnResizeRef) != null && l.current && (o ? e.columnResizeRef.current.colGroupStickyHeader = t : e.columnResizeRef.current.colGroupStickyFooter = t);
     },
-    [e.columnResizeRef, r]
-  ), S = u ? s.cloneElement(u, { colGroupRef: N }) : null, h = () => R.map((t, l) => {
-    const { item: d, flatIndex: y } = t, m = o.dataItemKey && z(o.dataItemKey)(d.dataItem) || "ai" + y, x = L(o, {}, d, m, l, !1);
+    [e.columnResizeRef, o]
+  ), h = u ? s.cloneElement(u, { colGroupRef: S }) : null, T = () => y.map((t, l) => {
+    const { item: d, flatIndex: R } = t, m = r.dataItemKey && K(r.dataItemKey)(d.dataItem) || "ai" + R, x = M(r, {}, d, m, l, !1);
     return /* @__PURE__ */ s.createElement(
-      K,
+      L,
       {
         key: m,
         isStackedMode: !!I,
@@ -47,16 +48,17 @@ const j = ({
         rowId: m,
         dataIndex: -1,
         ariaRowIndex: l,
-        absoluteRowIndex: y,
+        absoluteRowIndex: R,
         isAltRow: !1,
         isHidden: !1,
         isRowReorderable: !1,
-        rowHeight: g,
-        rows: void 0,
-        leafColumns: o.leafColumns,
+        rowHeight: C,
+        rows: G,
+        leafColumns: r.leafColumns,
         groupLevelCount: b || 0,
-        stackedLayoutSettings: C,
-        cells: o.cells,
+        groupingMode: r.groupingMode,
+        stackedLayoutSettings: g,
+        cells: r.cells,
         isSelected: !1,
         isInEdit: !1,
         preparedCells: x.row,
@@ -68,15 +70,15 @@ const j = ({
   return /* @__PURE__ */ s.createElement(
     "div",
     {
-      ref: a,
+      ref: c,
       className: w,
       style: {
-        display: G ? "" : "none"
+        display: E ? "" : "none"
       }
     },
-    /* @__PURE__ */ s.createElement("table", { ref: i, className: E }, S, /* @__PURE__ */ s.createElement("tbody", { className: f(c.tbody({})) }, h()))
+    /* @__PURE__ */ s.createElement("table", { ref: i, className: H }, h, /* @__PURE__ */ s.createElement("tbody", { className: f(a.tbody({})) }, T()))
   );
 };
 export {
-  j as StickyGroupTable
+  q as StickyGroupTable
 };