@progress/kendo-react-grid 8.2.0-develop.8 → 8.2.0-develop.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/Grid.js +1 -1
  2. package/Grid.mjs +108 -106
  3. package/dist/cdn/js/kendo-react-grid.js +1 -1
  4. package/footer/Footer.js +1 -1
  5. package/footer/Footer.mjs +7 -7
  6. package/header/Header.js +1 -1
  7. package/header/Header.mjs +1 -1
  8. package/index.d.mts +2 -0
  9. package/index.d.ts +2 -0
  10. package/package-metadata.mjs +1 -1
  11. package/package.json +10 -10
package/footer/Footer.mjs CHANGED
@@ -6,11 +6,11 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  "use client";
9
- import { getScrollbarWidth as s, classNames as r, kendoThemeMaps as o } from "@progress/kendo-react-common";
10
9
  import * as t from "react";
11
- class l extends t.Component {
10
+ import { classNames as s, kendoThemeMaps as r } from "@progress/kendo-react-common";
11
+ class i extends t.Component {
12
12
  constructor() {
13
- super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = s();
13
+ super(...arguments), this.footerWrap = null, this.table = null;
14
14
  }
15
15
  componentDidMount() {
16
16
  this.setState({});
@@ -43,7 +43,7 @@ class l extends t.Component {
43
43
  this.footerWrap = e;
44
44
  },
45
45
  className: "k-grid-footer-wrap",
46
- style: this.scrollbarWidth ? {} : { borderWidth: 0 },
46
+ style: this.props.hasScrollbarWidth ? {} : { borderWidth: 0 },
47
47
  role: "presentation"
48
48
  },
49
49
  /* @__PURE__ */ t.createElement(
@@ -52,11 +52,11 @@ class l extends t.Component {
52
52
  ref: (e) => {
53
53
  this.table = e;
54
54
  },
55
- className: r(
55
+ className: s(
56
56
  "k-table k-grid-footer-table",
57
57
  {
58
58
  "k-table-md": !this.props.size,
59
- [`k-table-${o.sizeMap[this.props.size] || this.props.size}`]: this.props.size
59
+ [`k-table-${r.sizeMap[this.props.size] || this.props.size}`]: this.props.size
60
60
  },
61
61
  this.props.className
62
62
  ),
@@ -72,5 +72,5 @@ class l extends t.Component {
72
72
  }
73
73
  }
74
74
  export {
75
- l as Footer
75
+ i as Footer
76
76
  };
package/header/Header.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("@progress/kendo-react-common"),o=require("@progress/kendo-react-data-tools");function n(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const r=n(i);class c extends r.Component{constructor(){super(...arguments),this.headerWrap=null,this.table=null,this.syncScroll=!1,this.scrollbarWidth=l.getScrollbarWidth(),this.onScroll=e=>{if(this.syncScroll){this.syncScroll=!1;return}if(!this.headerWrap)return;const t=this.headerWrap.scrollLeft,a=this.props.scrollableDataElement();a&&a.scrollLeft!==t&&(a.scrollLeft=t)}}get element(){return this.props.elemRef.current}componentDidMount(){const e=o.isRtl(this.element);this.props.columnResize&&this.props.columnResize.setIsRtl(e),this.forceUpdate()}setScrollLeft(e){this.headerWrap&&this.headerWrap.scrollLeft!==e&&(this.syncScroll=!0,this.headerWrap.scrollLeft=e)}setWidth(e){this.table&&(this.table.style.width=e+"px")}render(){return this.props.staticHeaders?r.createElement("div",{ref:this.props.elemRef,className:l.classNames("k-grid-header",{"k-grid-draggable-header":this.props.draggable}),role:"presentation"},r.createElement("div",{ref:e=>{this.headerWrap=e},className:"k-grid-header-wrap",style:this.scrollbarWidth?{}:{borderWidth:0},onScroll:this.onScroll,role:"presentation"},r.createElement("table",{ref:e=>{this.table=e},className:l.classNames("k-table k-grid-header-table",{"k-table-md":!this.props.size,[`k-table-${l.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),role:"presentation"},r.createElement("colgroup",{ref:e=>{this.props.columnResize.colGroupHeader=e}},this.props.cols),r.createElement("thead",{className:"k-table-thead",role:"rowgroup",...o.tableKeyboardNavigationHeaderAttributes},this.props.headerRow,this.props.filterRow)))):r.createElement("thead",{role:"presentation",className:l.classNames("k-table-thead",{"k-grid-draggable-header":this.props.draggable}),...o.tableKeyboardNavigationHeaderAttributes},this.props.headerRow,this.props.filterRow)}}exports.Header=c;
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("@progress/kendo-react-common"),o=require("@progress/kendo-react-data-tools");function n(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const r=n(i);class c extends r.Component{constructor(){super(...arguments),this.headerWrap=null,this.table=null,this.syncScroll=!1,this.scrollbarWidth=l.getScrollbarWidth(),this.onScroll=e=>{if(this.syncScroll){this.syncScroll=!1;return}if(!this.headerWrap)return;const t=this.headerWrap.scrollLeft,a=this.props.scrollableDataElement();a&&a.scrollLeft!==t&&(a.scrollLeft=t)}}get element(){return this.props.elemRef.current}componentDidMount(){const e=o.isRtl(this.element);this.props.columnResize&&this.props.columnResize.setIsRtl(e),this.forceUpdate()}setScrollLeft(e){this.headerWrap&&this.headerWrap.scrollLeft!==e&&(this.syncScroll=!0,this.headerWrap.scrollLeft=e)}setWidth(e){this.table&&(this.table.style.width=e+"px")}render(){return this.props.staticHeaders?r.createElement("div",{ref:this.props.elemRef,className:l.classNames("k-grid-header",{"k-grid-draggable-header":this.props.draggable}),role:"presentation"},r.createElement("div",{ref:e=>{this.headerWrap=e},className:"k-grid-header-wrap",style:this.props.hasScrollbarWidth?{}:{borderWidth:0},onScroll:this.onScroll,role:"presentation"},r.createElement("table",{ref:e=>{this.table=e},className:l.classNames("k-table k-grid-header-table",{"k-table-md":!this.props.size,[`k-table-${l.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),role:"presentation"},r.createElement("colgroup",{ref:e=>{this.props.columnResize.colGroupHeader=e}},this.props.cols),r.createElement("thead",{className:"k-table-thead",role:"rowgroup",...o.tableKeyboardNavigationHeaderAttributes},this.props.headerRow,this.props.filterRow)))):r.createElement("thead",{role:"presentation",className:l.classNames("k-table-thead",{"k-grid-draggable-header":this.props.draggable}),...o.tableKeyboardNavigationHeaderAttributes},this.props.headerRow,this.props.filterRow)}}exports.Header=c;
package/header/Header.mjs CHANGED
@@ -61,7 +61,7 @@ class d extends t.Component {
61
61
  this.headerWrap = e;
62
62
  },
63
63
  className: "k-grid-header-wrap",
64
- style: this.scrollbarWidth ? {} : { borderWidth: 0 },
64
+ style: this.props.hasScrollbarWidth ? {} : { borderWidth: 0 },
65
65
  onScroll: this.onScroll,
66
66
  role: "presentation"
67
67
  },
package/index.d.mts CHANGED
@@ -330,6 +330,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
330
330
  private _resized;
331
331
  private _focusFirst;
332
332
  private _shouldUpdateLeftRight;
333
+ private _scrollbarWidth?;
333
334
  private contextStateRef;
334
335
  private navigationStateRef;
335
336
  private _data;
@@ -442,6 +443,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
442
443
  private getVirtualScroll;
443
444
  private isAllData;
444
445
  private initializeVirtualization;
446
+ private getCachedScrollbarWidth;
445
447
  private scrollHandler;
446
448
  private onKeyDown;
447
449
  private onFocus;
package/index.d.ts CHANGED
@@ -330,6 +330,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
330
330
  private _resized;
331
331
  private _focusFirst;
332
332
  private _shouldUpdateLeftRight;
333
+ private _scrollbarWidth?;
333
334
  private contextStateRef;
334
335
  private navigationStateRef;
335
336
  private _data;
@@ -442,6 +443,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
442
443
  private getVirtualScroll;
443
444
  private isAllData;
444
445
  private initializeVirtualization;
446
+ private getCachedScrollbarWidth;
445
447
  private scrollHandler;
446
448
  private onKeyDown;
447
449
  private onFocus;
package/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ const e = {
10
10
  name: "@progress/kendo-react-grid",
11
11
  productName: "KendoReact",
12
12
  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
13
- publishDate: 1720767287,
13
+ publishDate: 1720780226,
14
14
  version: "",
15
15
  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
16
16
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-grid",
3
- "version": "8.2.0-develop.8",
3
+ "version": "8.2.0-develop.9",
4
4
  "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -25,15 +25,15 @@
25
25
  "@progress/kendo-data-query": "^1.0.0",
26
26
  "@progress/kendo-drawing": "^1.20.1",
27
27
  "@progress/kendo-licensing": "^1.3.4",
28
- "@progress/kendo-react-animation": "8.2.0-develop.8",
29
- "@progress/kendo-react-buttons": "8.2.0-develop.8",
30
- "@progress/kendo-react-common": "8.2.0-develop.8",
31
- "@progress/kendo-react-data-tools": "8.2.0-develop.8",
32
- "@progress/kendo-react-dateinputs": "8.2.0-develop.8",
33
- "@progress/kendo-react-dropdowns": "8.2.0-develop.8",
34
- "@progress/kendo-react-inputs": "8.2.0-develop.8",
35
- "@progress/kendo-react-intl": "8.2.0-develop.8",
36
- "@progress/kendo-react-popup": "8.2.0-develop.8",
28
+ "@progress/kendo-react-animation": "8.2.0-develop.9",
29
+ "@progress/kendo-react-buttons": "8.2.0-develop.9",
30
+ "@progress/kendo-react-common": "8.2.0-develop.9",
31
+ "@progress/kendo-react-data-tools": "8.2.0-develop.9",
32
+ "@progress/kendo-react-dateinputs": "8.2.0-develop.9",
33
+ "@progress/kendo-react-dropdowns": "8.2.0-develop.9",
34
+ "@progress/kendo-react-inputs": "8.2.0-develop.9",
35
+ "@progress/kendo-react-intl": "8.2.0-develop.9",
36
+ "@progress/kendo-react-popup": "8.2.0-develop.9",
37
37
  "@progress/kendo-svg-icons": "^3.0.0",
38
38
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
39
39
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"