@progress/kendo-react-grid 8.2.1-develop.5 → 8.3.0-develop.10

package/rows/GridRow.mjs

@@ -6,46 +6,38 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import { classNames as s } from "@progress/kendo-react-common";
-import { GRID_ROW_INDEX_ATTRIBUTE as p } from "../constants/index.mjs";
-class a extends r.Component {
-  /**
-   * @hidden
-   */
-  render() {
-    const e = s(
-      "k-table-row",
-      {
-        "k-table-group-row k-grouping-row": this.props.rowType === "groupHeader",
-        "k-group-footer": this.props.rowType === "groupFooter",
-        "k-master-row": this.props.rowType !== "groupHeader" && this.props.rowType !== "groupFooter",
-        "k-table-alt-row k-alt": this.props.rowType !== "groupHeader" && this.props.rowType !== "groupFooter" && this.props.isAltRow,
-        "k-selected": this.props.isSelected,
-        "k-grid-edit-row": this.props.isInEdit
-      }
-    ), o = /* @__PURE__ */ r.createElement(
-      "tr",
-      {
-        id: this.props.id,
-        onClick: this.props.onClick,
-        onDoubleClick: this.props.onDoubleClick,
-        className: e,
-        style: {
-          height: this.props.rowHeight ? this.props.rowHeight + "px" : "",
-          visibility: this.props.isHidden ? "hidden" : ""
-        },
-        role: "row",
-        "aria-rowindex": this.props.ariaRowIndex,
-        "absolute-row-index": this.props.absoluteRowIndex,
-        key: this.props.absoluteRowIndex,
-        [p]: this.props.rowType === "data" ? this.props.dataIndex : void 0
+import * as c from "react";
+import { useUnstyled as s, uGrid as u, classNames as w } from "@progress/kendo-react-common";
+import { GRID_ROW_INDEX_ATTRIBUTE as R } from "../constants/index.mjs";
+const x = (e) => {
+  const { rowType: i, isAltRow: o, isInEdit: n, isSelected: r } = e, t = s(), l = t && t.uGrid ? t.uGrid : u, a = w(l.tr({
+    selected: r,
+    isHeader: i === "groupHeader",
+    isFooter: i === "groupFooter",
+    isMaster: i !== "groupHeader" && i !== "groupFooter",
+    isAltRow: o,
+    isInEdit: n
+  })), d = /* @__PURE__ */ c.createElement(
+    "tr",
+    {
+      id: e.id,
+      onClick: e.onClick,
+      onDoubleClick: e.onDoubleClick,
+      className: a,
+      style: {
+        height: e.rowHeight ? e.rowHeight + "px" : "",
+        visibility: e.isHidden ? "hidden" : ""
       },
-      this.props.children
-    );
-    return this.props.render ? this.props.render.call(void 0, o, this.props) : o;
-  }
-}
+      role: "row",
+      "aria-rowindex": e.ariaRowIndex,
+      "absolute-row-index": e.absoluteRowIndex,
+      key: e.absoluteRowIndex,
+      [R]: e.rowType === "data" ? e.dataIndex : void 0
+    },
+    e.children
+  );
+  return e.render ? e.render.call(void 0, d, e) : d;
+};
 export {
-  a as GridRow
+  x as GridRow
 };

package/utils/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../GridColumn.js"),g=require("@progress/kendo-react-data-tools");function f(e,r){const a=(e||"").split(".");let o=r;return a.forEach(d=>{o=o?o[d]:void 0}),o}function u(e,r,a,o,d,l,s=0){let t=s;for(let n=0;n<r.length;n++){if(!d||r[n].value===void 0||r[n].items===void 0){e[e.length]={dataIndex:o.index,dataItem:r[n],rowType:"data",level:s,expanded:l===void 0||f(l,r[n])},o.index++;continue}t=Math.max(t,s+1);const i=l===void 0||f(l,r[n])===void 0||f(l,r[n]);e[e.length]={dataIndex:-1,dataItem:r[n],level:s,rowType:"groupHeader",expanded:i},i&&(t=Math.max(u(e,r[n].items,a,o,d,l,s+1),t)),(a==="always"||i&&a==="visible")&&(e[e.length]={dataIndex:-1,dataItem:r[n],rowType:"groupFooter",level:s,expanded:i})}return t}function p(e,r,a,o=0){let d=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.filter(t=>t&&t.props?!t.props.hidden:!t.hidden).forEach((t,n)=>{t=t.props?t.props:t;const i=r[n]||null,h=p(t.children,i&&i.children||[],a,o+1);d.push(Object.assign({depth:o},x.gridDefaultProps,h.length?{cell:()=>null,filterCell:()=>null}:{},i?{width:i.width,orderIndex:i.orderIndex}:{},t,{id:t.id?t.id:g.tableKeyboardNavigationTools.generateNavigatableId(`${a.prevId++}`,a.idPrefix,"column"),declarationIndex:d.length,children:h,rowSpan:0,colSpan:0,isAccessible:!0,left:i&&Math.floor(i.left),right:i&&Math.floor(i.right)}))});const s=(t,n)=>t.orderIndex===n.orderIndex?t.declarationIndex-n.declarationIndex:(t.orderIndex||0)-(n.orderIndex||0);if(d.sort(s),o===0){let t=[];const n=(i,h)=>i.forEach(c=>{c.parentIndex=h,n(c.children,t.push(c)-1)});return n(d,-1),t}return d}function v(e,r,a,o){let d=[];Array.isArray(e)?d=e:e&&(d=e.data);const l=[];if(d.length>0){let s=d[0];if(r)for(let n=0;n<r.length;n++)s=s.items&&s.items[0];Object.getOwnPropertyNames(s).forEach(n=>{n!==a&&l.push(Object.assign({id:g.tableKeyboardNavigationTools.generateNavigatableId(`${o.prevId++}`,o.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,rowSpan:0,index:0,left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},x.gridDefaultProps,{field:n}))})}return l}const w=(e,r)=>{let a=e[r.parentIndex];for(;a;){if(a.footerCell)return!0;a=e[a.parentIndex]}return!1},y=e=>e.filter(r=>w(e,r)?!1:!!r.footerCell||!(r.children&&r.children.length>0)),b=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,I=e=>(e.sort((r,a)=>r.declarationIndex-a.declarationIndex),e.map(r=>{const{declarationIndex:a,parentIndex:o,depth:d,colSpan:l,rowSpan:s,index:t,kFirst:n,children:i,...h}=r;return i.length?{children:I(i),...h}:h})),m=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),S=17895697,C=(e,r)=>{if(!(!e&&!r))return r?e?{...e,...r,select:{...e.select||{},...r.select||{}},hierarchy:{...e.hierarchy||{},...r.hierarchy||{}},group:{...e.group||{},...r.group||{}},edit:{...e.edit||{},...r.edit||{}}}:r:e};exports.autoGenerateColumns=v;exports.firefox=m;exports.firefoxMaxHeight=S;exports.flatData=u;exports.footerColumns=y;exports.getColumnWidth=b;exports.getNestedValue=f;exports.readColumns=p;exports.resolveCells=C;exports.sanitizeColumns=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../GridColumn.js"),g=require("@progress/kendo-react-data-tools");function f(e,t){const a=(e||"").split(".");let o=t;return a.forEach(d=>{o=o?o[d]:void 0}),o}function u(e,t,a,o,d,l,s=0){let r=s;for(let n=0;n<t.length;n++){if(!d||t[n].value===void 0||t[n].items===void 0){e[e.length]={dataIndex:o.index,dataItem:t[n],rowType:"data",level:s,expanded:l===void 0||f(l,t[n])},o.index++;continue}r=Math.max(r,s+1);const i=l===void 0||f(l,t[n])===void 0||f(l,t[n]);e[e.length]={dataIndex:-1,dataItem:t[n],level:s,rowType:"groupHeader",expanded:i},i&&(r=Math.max(u(e,t[n].items,a,o,d,l,s+1),r)),(a==="always"||i&&a==="visible")&&(e[e.length]={dataIndex:-1,dataItem:t[n],rowType:"groupFooter",level:s,expanded:i})}return r}function p(e,t,a,o=0){let d=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.filter(r=>r&&r.props?!r.props.hidden:!r.hidden).forEach((r,n)=>{r=r.props?r.props:r;const i=t[n]||null,h=p(r.children,i&&i.children||[],a,o+1);d.push(Object.assign({depth:o},x.gridDefaultProps,h.length?{cell:()=>null,filterCell:()=>null}:{},i?{width:i.width,orderIndex:i.orderIndex}:{},r,{id:r.id?r.id:g.tableKeyboardNavigationTools.generateNavigatableId(`${a.prevId++}`,a.idPrefix,"column"),declarationIndex:d.length,children:h,rowSpan:0,colSpan:0,isAccessible:!0,left:i&&Math.floor(i.left),right:i&&Math.floor(i.right)}))});const s=(r,n)=>r.orderIndex===n.orderIndex?r.declarationIndex-n.declarationIndex:(r.orderIndex||0)-(n.orderIndex||0);if(d.sort(s),o===0){let r=[];const n=(i,h)=>i.forEach(c=>{c.parentIndex=h,n(c.children,r.push(c)-1)});return n(d,-1),r}return d}function v(e,t,a,o){let d=[];Array.isArray(e)?d=e:e&&(d=e.data);const l=[];if(d.length>0){let s=d[0];if(t)for(let n=0;n<t.length;n++)s=s.items&&s.items[0];Object.getOwnPropertyNames(s).forEach(n=>{n!==a&&l.push(Object.assign({id:g.tableKeyboardNavigationTools.generateNavigatableId(`${o.prevId++}`,o.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,rowSpan:0,index:0,left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},x.gridDefaultProps,{field:n}))})}return l}const w=(e,t)=>{let a=e[t.parentIndex];for(;a;){if(a.footerCell)return!0;a=e[a.parentIndex]}return!1},y=e=>e.filter(t=>w(e,t)?!1:!!t.footerCell||!(t.children&&t.children.length>0)),b=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,S=(e,t)=>t&&t.filter(a=>a.field===e).length>0,I=e=>(e.sort((t,a)=>t.declarationIndex-a.declarationIndex),e.map(t=>{const{declarationIndex:a,parentIndex:o,depth:d,colSpan:l,rowSpan:s,index:r,kFirst:n,children:i,...h}=t;return i.length?{children:I(i),...h}:h})),m=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),C=17895697,M=(e,t)=>{if(!(!e&&!t))return t?e?{...e,...t,select:{...e.select||{},...t.select||{}},hierarchy:{...e.hierarchy||{},...t.hierarchy||{}},group:{...e.group||{},...t.group||{}},edit:{...e.edit||{},...t.edit||{}}}:t:e};exports.autoGenerateColumns=v;exports.firefox=m;exports.firefoxMaxHeight=C;exports.flatData=u;exports.footerColumns=y;exports.getColumnWidth=b;exports.getNestedValue=f;exports.isSorted=S;exports.readColumns=p;exports.resolveCells=M;exports.sanitizeColumns=I;

package/utils/index.mjs

@@ -7,15 +7,15 @@
  */
 "use client";
 import { gridDefaultProps as x } from "../GridColumn.mjs";
-import { tableKeyboardNavigationTools as p } from "@progress/kendo-react-data-tools";
-function l(e, r) {
-  const a = (e || "").split(".");
+import { tableKeyboardNavigationTools as g } from "@progress/kendo-react-data-tools";
+function c(e, r) {
+  const i = (e || "").split(".");
   let o = r;
-  return a.forEach((d) => {
+  return i.forEach((d) => {
     o = o ? o[d] : void 0;
   }), o;
 }
-function g(e, r, a, o, d, s, h = 0) {
+function p(e, r, i, o, d, s, h = 0) {
   let t = h;
   for (let n = 0; n < r.length; n++) {
     if (!d || r[n].value === void 0 || r[n].items === void 0) {
@@ -24,54 +24,54 @@ function g(e, r, a, o, d, s, h = 0) {
         dataItem: r[n],
         rowType: "data",
         level: h,
-        expanded: s === void 0 || l(s, r[n])
+        expanded: s === void 0 || c(s, r[n])
       }, o.index++;
       continue;
     }
     t = Math.max(t, h + 1);
-    const i = s === void 0 || l(s, r[n]) === void 0 || l(s, r[n]);
+    const a = s === void 0 || c(s, r[n]) === void 0 || c(s, r[n]);
     e[e.length] = {
       dataIndex: -1,
       dataItem: r[n],
       level: h,
       rowType: "groupHeader",
-      expanded: i
-    }, i && (t = Math.max(
-      g(e, r[n].items, a, o, d, s, h + 1),
+      expanded: a
+    }, a && (t = Math.max(
+      p(e, r[n].items, i, o, d, s, h + 1),
       t
-    )), (a === "always" || i && a === "visible") && (e[e.length] = {
+    )), (i === "always" || a && i === "visible") && (e[e.length] = {
       dataIndex: -1,
       dataItem: r[n],
       rowType: "groupFooter",
       level: h,
-      expanded: i
+      expanded: a
     });
   }
   return t;
 }
-function I(e, r, a, o = 0) {
+function I(e, r, i, o = 0) {
   let d = [];
   if (!e)
     return [];
   e && e.length === void 0 && (e = [e]), e.filter((t) => t && t.props ? !t.props.hidden : !t.hidden).forEach((t, n) => {
     t = t.props ? t.props : t;
-    const i = r[n] || null, f = I(t.children, i && i.children || [], a, o + 1);
+    const a = r[n] || null, f = I(t.children, a && a.children || [], i, o + 1);
     d.push(
       Object.assign(
         { depth: o },
         x,
         f.length ? { cell: () => null, filterCell: () => null } : {},
-        i ? { width: i.width, orderIndex: i.orderIndex } : {},
+        a ? { width: a.width, orderIndex: a.orderIndex } : {},
         t,
         {
-          id: t.id ? t.id : p.generateNavigatableId(`${a.prevId++}`, a.idPrefix, "column"),
+          id: t.id ? t.id : g.generateNavigatableId(`${i.prevId++}`, i.idPrefix, "column"),
           declarationIndex: d.length,
           children: f,
           rowSpan: 0,
           colSpan: 0,
           isAccessible: !0,
-          left: i && Math.floor(i.left),
-          right: i && Math.floor(i.right)
+          left: a && Math.floor(a.left),
+          right: a && Math.floor(a.right)
         }
       )
     );
@@ -79,14 +79,14 @@ function I(e, r, a, o = 0) {
   const h = (t, n) => t.orderIndex === n.orderIndex ? t.declarationIndex - n.declarationIndex : (t.orderIndex || 0) - (n.orderIndex || 0);
   if (d.sort(h), o === 0) {
     let t = [];
-    const n = (i, f) => i.forEach((c) => {
-      c.parentIndex = f, n(c.children, t.push(c) - 1);
+    const n = (a, f) => a.forEach((l) => {
+      l.parentIndex = f, n(l.children, t.push(l) - 1);
     });
     return n(d, -1), t;
   }
   return d;
 }
-function b(e, r, a, o) {
+function b(e, r, i, o) {
   let d = [];
   Array.isArray(e) ? d = e : e && (d = e.data);
   const s = [];
@@ -96,9 +96,9 @@ function b(e, r, a, o) {
       for (let n = 0; n < r.length; n++)
         h = h.items && h.items[0];
     Object.getOwnPropertyNames(h).forEach((n) => {
-      n !== a && s.push(Object.assign(
+      n !== i && s.push(Object.assign(
         {
-          id: p.generateNavigatableId(`${o.prevId++}`, o.idPrefix, "column"),
+          id: g.generateNavigatableId(`${o.prevId++}`, o.idPrefix, "column"),
           declarationIndex: -1,
           parentIndex: -1,
           depth: 0,
@@ -120,30 +120,30 @@ function b(e, r, a, o) {
   return s;
 }
 const v = (e, r) => {
-  let a = e[r.parentIndex];
-  for (; a; ) {
-    if (a.footerCell)
+  let i = e[r.parentIndex];
+  for (; i; ) {
+    if (i.footerCell)
       return !0;
-    a = e[a.parentIndex];
+    i = e[i.parentIndex];
   }
   return !1;
-}, S = (e) => e.filter((r) => v(e, r) ? !1 : !!r.footerCell || !(r.children && r.children.length > 0)), m = (e) => e.width !== void 0 ? Math.floor(parseFloat(e.width.toString())) + "px" : void 0, w = (e) => (e.sort((r, a) => r.declarationIndex - a.declarationIndex), e.map((r) => {
+}, S = (e) => e.filter((r) => v(e, r) ? !1 : !!r.footerCell || !(r.children && r.children.length > 0)), m = (e) => e.width !== void 0 ? Math.floor(parseFloat(e.width.toString())) + "px" : void 0, F = (e, r) => r && r.filter((i) => i.field === e).length > 0, w = (e) => (e.sort((r, i) => r.declarationIndex - i.declarationIndex), e.map((r) => {
   const {
-    declarationIndex: a,
+    declarationIndex: i,
     parentIndex: o,
     depth: d,
     colSpan: s,
     rowSpan: h,
     index: t,
     kFirst: n,
-    children: i,
+    children: a,
     ...f
   } = r;
-  return i.length ? {
-    children: w(i),
+  return a.length ? {
+    children: w(a),
     ...f
   } : f;
-})), F = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), M = 17895697, A = (e, r) => {
+})), M = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), A = 17895697, N = (e, r) => {
   if (!(!e && !r))
     return r ? e ? {
       ...e,
@@ -168,13 +168,14 @@ const v = (e, r) => {
 };
 export {
   b as autoGenerateColumns,
-  F as firefox,
-  M as firefoxMaxHeight,
-  g as flatData,
+  M as firefox,
+  A as firefoxMaxHeight,
+  p as flatData,
   S as footerColumns,
   m as getColumnWidth,
-  l as getNestedValue,
+  c as getNestedValue,
+  F as isSorted,
   I as readColumns,
-  A as resolveCells,
+  N as resolveCells,
   w as sanitizeColumns
 };