@progress/kendo-react-grid 8.2.0-develop.24 → 8.2.0-develop.27

package/index.d.ts

@@ -484,7 +484,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
     private childrenToArray;
     private readColumns;
     private mapColumns;
-    private filterHiddenColumns;
+    private filterColumnsByMediaProp;
     private initColumns;
     private configureColumns;
     private getHeaderRow;
@@ -501,6 +501,12 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
  */
 export declare const GridColumn: React_2.FunctionComponent<GridColumnProps>;
 
+/**
+ * The type of elements that the children property of the Grid accepts.
+ */
+export declare interface GridColumnChildrenProps extends GridColumnProps, ReactElement<GridColumnProps> {
+}
+
 /**
  * @hidden
  */
@@ -1235,7 +1241,7 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
     /**
      * A collection of child columns.
      */
-    children?: GridColumnProps[] | ReactElement<GridColumnProps>[];
+    children?: GridColumnProps[] | ReactElement<GridColumnProps>[] | GridColumnChildrenProps[];
     /**
      * Specifies a React element that will be cloned and rendered inside the column menu of the Grid ([see example]({% slug column_menu_grid %}#toc-basic-usage)).
      */

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1721994497,
+  publishDate: 1722325648,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "8.2.0-develop.24",
+  "version": "8.2.0-develop.27",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,15 +25,15 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.2.0-develop.24",
-    "@progress/kendo-react-buttons": "8.2.0-develop.24",
-    "@progress/kendo-react-common": "8.2.0-develop.24",
-    "@progress/kendo-react-data-tools": "8.2.0-develop.24",
-    "@progress/kendo-react-dateinputs": "8.2.0-develop.24",
-    "@progress/kendo-react-dropdowns": "8.2.0-develop.24",
-    "@progress/kendo-react-inputs": "8.2.0-develop.24",
-    "@progress/kendo-react-intl": "8.2.0-develop.24",
-    "@progress/kendo-react-popup": "8.2.0-develop.24",
+    "@progress/kendo-react-animation": "8.2.0-develop.27",
+    "@progress/kendo-react-buttons": "8.2.0-develop.27",
+    "@progress/kendo-react-common": "8.2.0-develop.27",
+    "@progress/kendo-react-data-tools": "8.2.0-develop.27",
+    "@progress/kendo-react-dateinputs": "8.2.0-develop.27",
+    "@progress/kendo-react-dropdowns": "8.2.0-develop.27",
+    "@progress/kendo-react-inputs": "8.2.0-develop.27",
+    "@progress/kendo-react-intl": "8.2.0-develop.27",
+    "@progress/kendo-react-popup": "8.2.0-develop.27",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

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 c=require("../GridColumn.js"),x=require("@progress/kendo-react-data-tools");function f(e,t){const a=(e||"").split(".");let o=t;return a.forEach(i=>{o=o?o[i]:void 0}),o}function g(e,t,a,o,i,s,n=0){let d=n;for(let r=0;r<t.length;r++){if(!i||t[r].value===void 0||t[r].items===void 0){e[e.length]={dataIndex:o.index,dataItem:t[r],rowType:"data",level:n,expanded:s===void 0||f(s,t[r])},o.index++;continue}d=Math.max(d,n+1);const l=s===void 0||f(s,t[r])===void 0||f(s,t[r]);e[e.length]={dataIndex:-1,dataItem:t[r],level:n,rowType:"groupHeader",expanded:l},l&&(d=Math.max(g(e,t[r].items,a,o,i,s,n+1),d)),(a==="always"||l&&a==="visible")&&(e[e.length]={dataIndex:-1,dataItem:t[r],rowType:"groupFooter",level:n,expanded:l})}return d}function u(e,t,a,o=0){let i=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.forEach((n,d)=>{n=n.props?n.props:n;const r=t[d]||null,l=u(n.children,r&&r.children||[],a,o+1);i.push(Object.assign({depth:o},c.gridDefaultProps,l.length?{cell:()=>null,filterCell:()=>null}:{},r?{width:r.width,orderIndex:r.orderIndex}:{},n,{id:n.id?n.id:x.tableKeyboardNavigationTools.generateNavigatableId(`${a.prevId++}`,a.idPrefix,"column"),declarationIndex:i.length,children:l,rowSpan:0,colSpan:0,isAccessible:!0,left:r&&Math.floor(r.left),right:r&&Math.floor(r.right)}))});const s=(n,d)=>n.orderIndex===d.orderIndex?n.declarationIndex-d.declarationIndex:(n.orderIndex||0)-(d.orderIndex||0);if(i.sort(s),o===0){let n=[];const d=(r,l)=>r.forEach(h=>{h.parentIndex=l,d(h.children,n.push(h)-1)});return d(i,-1),n}return i}function p(e,t,a,o){let i=[];Array.isArray(e)?i=e:e&&(i=e.data);const s=[];if(i.length>0){let n=i[0];if(t)for(let r=0;r<t.length;r++)n=n.items&&n.items[0];Object.getOwnPropertyNames(n).forEach(r=>{r!==a&&s.push(Object.assign({id:x.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},c.gridDefaultProps,{field:r}))})}return s}const v=(e,t)=>{let a=e[t.parentIndex];for(;a;){if(a.footerCell)return!0;a=e[a.parentIndex]}return!1},w=e=>e.filter(t=>v(e,t)?!1:!!t.footerCell||!(t.children&&t.children.length>0)),y=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,I=e=>(e.sort((t,a)=>t.declarationIndex-a.declarationIndex),e.map(t=>{const{declarationIndex:a,parentIndex:o,depth:i,colSpan:s,rowSpan:n,index:d,kFirst:r,children:l,...h}=t;return l.length?{children:I(l),...h}:h})),b=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),S=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=p;exports.firefox=b;exports.firefoxMaxHeight=S;exports.flatData=g;exports.footerColumns=w;exports.getColumnWidth=y;exports.getNestedValue=f;exports.readColumns=u;exports.resolveCells=M;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,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;

package/utils/index.mjs

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