@progress/kendo-react-grid 10.0.0-develop.4 → 10.0.0

package/footer/Footer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@progress/kendo-react-common"),i=require("../GridClientWrapper.js");function u(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=u(s),c=e=>{const o=t.useRef(null),r=t.useRef(null),a=t.useContext(i.GridContext);return t.useImperativeHandle(a.footerRef,()=>({setScrollLeft:n=>{o.current&&(o.current.scrollLeft=n)},setWidth:n=>{r.current&&(r.current.style.width=n+"px")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:o,className:"k-grid-footer-wrap",role:"presentation"},t.createElement("table",{ref:r,className:l.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${l.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:n=>{a.columnResizeRef.current.colGroupFooter=n},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)};c.displayName="KendoReactFooter";exports.Footer=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@progress/kendo-react-common"),i=require("../GridClientWrapper.js");function u(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=u(s),c=e=>{const o=t.useRef(null),r=t.useRef(null),n=t.useContext(i.GridContext);return t.useImperativeHandle(n.footerRef,()=>({setScrollLeft:a=>{o.current&&(o.current.scrollLeft=a)},setWidth:a=>{r.current&&(r.current.style.width=a?a+"px":"")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:o,className:"k-grid-footer-wrap",role:"presentation"},t.createElement("table",{ref:r,className:l.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${l.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:a=>{n.columnResizeRef.current.colGroupFooter=a},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)};c.displayName="KendoReactFooter";exports.Footer=c;

package/footer/Footer.mjs

@@ -16,7 +16,7 @@ const i = (t) => {
       o.current && (o.current.scrollLeft = r);
     },
     setWidth: (r) => {
-      a.current && (a.current.style.width = r + "px");
+      a.current && (a.current.style.width = r ? r + "px" : "");
     }
   })), t.staticHeaders ? /* @__PURE__ */ e.createElement("div", { className: "k-grid-footer", role: "presentation" }, /* @__PURE__ */ e.createElement("div", { ref: o, className: "k-grid-footer-wrap", role: "presentation" }, /* @__PURE__ */ e.createElement(
     "table",

package/header/Header.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),n=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-data-tools"),y=require("../GridClientWrapper.js");function v(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=v(h),R=e=>{const r=t.useRef(null),a=t.useRef(null),s=t.useRef(!1),l=t.useContext(y.GridContext),b=n.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:c=>{r.current&&r.current.scrollLeft!==c&&(s.current=!0,r.current.scrollLeft=c)},setWidth:c=>{a.current&&(a.current.style.width=c+"px")},table:()=>a.current}));const g=c=>{var f;if(s.current){s.current=!1;return}if(!r.current)return;const d=r.current.scrollLeft,i=((f=l.vsRef.current)==null?void 0:f.container)||null;i&&i.scrollLeft!==d&&(i.scrollLeft=d)},u=n.useUnstyled(),o=u&&u.uGrid?u.uGrid:n.uGrid,{size:N="md"}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:n.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:n.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:n.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:c=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=c)}},e.cols),t.createElement("thead",{className:n.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:n.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),c=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-data-tools"),y=require("../GridClientWrapper.js");function v(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=v(h),R=e=>{const r=t.useRef(null),a=t.useRef(null),s=t.useRef(!1),l=t.useContext(y.GridContext),b=c.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:n=>{r.current&&r.current.scrollLeft!==n&&(s.current=!0,r.current.scrollLeft=n)},setWidth:n=>{a.current&&(a.current.style.width=n?n+"px":"")},table:()=>a.current}));const g=n=>{var f;if(s.current){s.current=!1;return}if(!r.current)return;const d=r.current.scrollLeft,i=((f=l.vsRef.current)==null?void 0:f.container)||null;i&&i.scrollLeft!==d&&(i.scrollLeft=d)},u=c.useUnstyled(),o=u&&u.uGrid?u.uGrid:c.uGrid,{size:N="md"}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:c.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:c.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:c.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:n=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=n)}},e.cols),t.createElement("thead",{className:c.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:c.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;

package/header/Header.mjs

@@ -6,18 +6,18 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
+import * as r from "react";
 import { useRtl as g, useUnstyled as N, uGrid as E, classNames as c } from "@progress/kendo-react-common";
 import { tableKeyboardNavigationHeaderAttributes as m } from "@progress/kendo-react-data-tools";
 import { GridContext as v } from "../GridClientWrapper.mjs";
-const w = (e) => {
-  const l = t.useRef(null), s = t.useRef(null), o = t.useRef(!1), r = t.useContext(v), R = g(r.headerElementRef);
-  r.columnResizeRef.current && r.columnResizeRef.current.setIsRtl(R === "rtl"), t.useImperativeHandle(r.headerRef, () => ({
+const y = (e) => {
+  const l = r.useRef(null), s = r.useRef(null), o = r.useRef(!1), t = r.useContext(v), R = g(t.headerElementRef);
+  t.columnResizeRef.current && t.columnResizeRef.current.setIsRtl(R === "rtl"), r.useImperativeHandle(t.headerRef, () => ({
     setScrollLeft: (a) => {
       l.current && l.current.scrollLeft !== a && (o.current = !0, l.current.scrollLeft = a);
     },
     setWidth: (a) => {
-      s.current && (s.current.style.width = a + "px");
+      s.current && (s.current.style.width = a ? a + "px" : "");
     },
     table: () => s.current
   }));
@@ -29,17 +29,17 @@ const w = (e) => {
     }
     if (!l.current)
       return;
-    const d = l.current.scrollLeft, i = ((f = r.vsRef.current) == null ? void 0 : f.container) || null;
+    const d = l.current.scrollLeft, i = ((f = t.vsRef.current) == null ? void 0 : f.container) || null;
     i && i.scrollLeft !== d && (i.scrollLeft = d);
   }, u = N(), n = u && u.uGrid ? u.uGrid : E, { size: b = "md" } = e;
-  return e.staticHeaders ? /* @__PURE__ */ t.createElement(
+  return e.staticHeaders ? /* @__PURE__ */ r.createElement(
     "div",
     {
-      ref: r.headerElementRef,
+      ref: t.headerElementRef,
       className: c(n.header({ draggable: e.draggable }), e.className),
       role: "presentation"
     },
-    /* @__PURE__ */ t.createElement(
+    /* @__PURE__ */ r.createElement(
       "div",
       {
         ref: l,
@@ -47,23 +47,23 @@ const w = (e) => {
         onScroll: h,
         role: "presentation"
       },
-      /* @__PURE__ */ t.createElement(
+      /* @__PURE__ */ r.createElement(
         "table",
         {
           ref: s,
           className: c(n.headerTable({ size: b }), e.className),
           role: "presentation"
         },
-        /* @__PURE__ */ t.createElement(
+        /* @__PURE__ */ r.createElement(
           "colgroup",
           {
             ref: (a) => {
-              r.columnResizeRef.current && (r.columnResizeRef.current.colGroupHeader = a);
+              t.columnResizeRef.current && (t.columnResizeRef.current.colGroupHeader = a);
             }
           },
           e.cols
         ),
-        /* @__PURE__ */ t.createElement(
+        /* @__PURE__ */ r.createElement(
           "thead",
           {
             className: c(n.tableThead({})),
@@ -75,7 +75,7 @@ const w = (e) => {
         )
       )
     )
-  ) : /* @__PURE__ */ t.createElement(
+  ) : /* @__PURE__ */ r.createElement(
     "thead",
     {
       role: "presentation",
@@ -86,7 +86,7 @@ const w = (e) => {
     e.filterRow
   );
 };
-w.displayName = "KendoReactHeader";
+y.displayName = "KendoReactHeader";
 export {
-  w as Header
+  y as Header
 };

package/index.d.mts

@@ -2610,11 +2610,11 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     rowSpannable?: boolean | GridRowSpannableSettings;
     /**
-     * @hidden
+     * The collection of column states of the grid.
      */
     columnsState?: GridColumnState[];
     /**
-     * @hidden
+     * The default columns state, used only for the initial load.
      */
     defaultColumnsState?: GridColumnState[];
     /**

package/index.d.ts

@@ -2610,11 +2610,11 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     rowSpannable?: boolean | GridRowSpannableSettings;
     /**
-     * @hidden
+     * The collection of column states of the grid.
      */
     columnsState?: GridColumnState[];
     /**
-     * @hidden
+     * The default columns state, used only for the initial load.
      */
     defaultColumnsState?: GridColumnState[];
     /**

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741335179,version:"10.0.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741695521,version:"10.0.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1741335179,
-  version: "10.0.0-develop.4",
+  publishDate: 1741695521,
+  version: "10.0.0",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "10.0.0-develop.4",
+  "version": "10.0.0",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -27,18 +27,18 @@
   "peerDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.2",
-    "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-react-animation": "10.0.0-develop.4",
-    "@progress/kendo-react-buttons": "10.0.0-develop.4",
-    "@progress/kendo-react-common": "10.0.0-develop.4",
-    "@progress/kendo-react-data-tools": "10.0.0-develop.4",
-    "@progress/kendo-react-dateinputs": "10.0.0-develop.4",
-    "@progress/kendo-react-indicators": "10.0.0-develop.4",
-    "@progress/kendo-react-dropdowns": "10.0.0-develop.4",
-    "@progress/kendo-react-inputs": "10.0.0-develop.4",
-    "@progress/kendo-react-intl": "10.0.0-develop.4",
-    "@progress/kendo-react-popup": "10.0.0-develop.4",
-    "@progress/kendo-react-layout": "10.0.0-develop.4",
+    "@progress/kendo-licensing": "^1.5.1",
+    "@progress/kendo-react-animation": "10.0.0",
+    "@progress/kendo-react-buttons": "10.0.0",
+    "@progress/kendo-react-common": "10.0.0",
+    "@progress/kendo-react-data-tools": "10.0.0",
+    "@progress/kendo-react-dateinputs": "10.0.0",
+    "@progress/kendo-react-indicators": "10.0.0",
+    "@progress/kendo-react-dropdowns": "10.0.0",
+    "@progress/kendo-react-inputs": "10.0.0",
+    "@progress/kendo-react-intl": "10.0.0",
+    "@progress/kendo-react-popup": "10.0.0",
+    "@progress/kendo-react-layout": "10.0.0",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -84,7 +84,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1741335179,
+      "publishDate": 1741695521,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },