@progress/kendo-react-grid 5.16.0-dev.202307211637 → 5.16.0
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.
package/dist/es/Grid.js
CHANGED
|
@@ -595,7 +595,7 @@ var Grid = /** @class */ (function (_super) {
|
|
|
595
595
|
* @hidden
|
|
596
596
|
*/
|
|
597
597
|
Grid.prototype.render = function () {
|
|
598
|
-
var _a, _b, _c;
|
|
598
|
+
var _a, _b, _c, _d;
|
|
599
599
|
var _this = this;
|
|
600
600
|
var total = this.props.total || 0;
|
|
601
601
|
var idPrefix = navigationTools.getIdPrefix(this.navigationStateRef);
|
|
@@ -609,7 +609,7 @@ var Grid = /** @class */ (function (_super) {
|
|
|
609
609
|
total = total || this.props.data.total;
|
|
610
610
|
}
|
|
611
611
|
var groupingFooter = (typeof this.props.groupable === 'object') && this.props.groupable.footer || 'none';
|
|
612
|
-
var
|
|
612
|
+
var _e = this.flatData(propsData, groupingFooter, this.props.skip || 0, this.props.group, this.props.expandField, this.props.filter, this.props.sort), resolvedGroupsCount = _e.resolvedGroupsCount, flattedData = _e.flattedData;
|
|
613
613
|
this._data = flattedData;
|
|
614
614
|
var groupable = this.props.groupable === true ||
|
|
615
615
|
(typeof this.props.groupable === 'object') && this.props.groupable.enabled !== false;
|
|
@@ -626,17 +626,17 @@ var Grid = /** @class */ (function (_super) {
|
|
|
626
626
|
child.type.displayName === 'KendoReactGridNoRecords'; });
|
|
627
627
|
var leafColumns = this._columns.filter(function (c) { return c.children.length === 0; });
|
|
628
628
|
var groupingPanel = groupable && (React.createElement(GroupPanel, { group: this.props.group || [], groupChange: this.groupChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler, refCallback: this.dragLogic.refGroupPanelDiv, resolveTitle: this.resolveTitle }));
|
|
629
|
-
var
|
|
629
|
+
var _f = this.props, sort = _f.sort, sortable = _f.sortable, group = _f.group, filter = _f.filter, filterable = _f.filterable, _g = _f.filterOperators, filterOperators = _g === void 0 ? operators : _g, headerCellRender = _f.headerCellRender, columnMenu = _f.columnMenu;
|
|
630
630
|
var header = (React.createElement(Header, { size: this.props.size, columnResize: this.columnResize, staticHeaders: this.props.scrollable !== 'none', scrollableDataElement: function () { return _this.vs.container; }, draggable: this.props.reorderable || groupable, ref: this.headerRef, elemRef: this.headerElementRef, headerRow: this.getHeaderRow(sort, sortable, group, groupable, filter, filterable, filterOperators, headerCellRender, columnMenu, this._columns, this._columnsMap), filterRow: this.props.filterable && React.createElement(FilterRow, { cells: this.props.cells, size: this.props.size, columns: this._columns, filter: this.props.filter, filterOperators: this.props.filterOperators || operators, filterChange: this.filterChange, sort: this.props.sort, cellRender: this.props.filterCellRender, isRtl: this.isRtl, ariaRowIndex: this._columnsMap.length + 1 }) || undefined, cols: leafColumns.map(function (column, index) { return (React.createElement("col", { key: index.toString(), width: column.width !== undefined ?
|
|
631
631
|
Math.floor(parseFloat(column.width.toString())) + 'px' : undefined })); }) }));
|
|
632
632
|
var scrollLeft = this.vs && this.vs.container && this.vs.container.scrollLeft || 0;
|
|
633
633
|
var tableWidth = parseFloat(((this.props.style || {}).width || '').toString());
|
|
634
|
-
var
|
|
634
|
+
var _h = tableColumnsVirtualization({
|
|
635
635
|
enabled: this.props.columnVirtualization,
|
|
636
636
|
columns: leafColumns,
|
|
637
637
|
tableViewPortWidth: tableWidth,
|
|
638
638
|
scrollLeft: scrollLeft
|
|
639
|
-
}), colSpans =
|
|
639
|
+
}), colSpans = _h.colSpans, isColHidden = _h.hiddenColumns;
|
|
640
640
|
var dataRow = function (item, rowId, rowDataIndex) {
|
|
641
641
|
var isInEdit = false;
|
|
642
642
|
var selectedValue = _this.props.selectedField ? getNestedValue(_this.props.selectedField, item.dataItem) : undefined;
|
|
@@ -761,7 +761,7 @@ var Grid = /** @class */ (function (_super) {
|
|
|
761
761
|
React.createElement(TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
|
|
762
762
|
_this.tableElement = table;
|
|
763
763
|
} },
|
|
764
|
-
React.createElement("table", { style: { userSelect: tableUserSelect, display: tableDisplay } },
|
|
764
|
+
React.createElement("table", { className: classNames('k-table k-grid-table', (_b = {}, _b["k-table-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size, _b)), style: { userSelect: tableUserSelect, display: tableDisplay } },
|
|
765
765
|
colGroups,
|
|
766
766
|
header,
|
|
767
767
|
React.createElement("tbody", __assign({ role: 'rowgroup', className: 'k-table-tbody' }, tableKeyboardNavigationBodyAttributes), body),
|
|
@@ -779,12 +779,12 @@ var Grid = /** @class */ (function (_super) {
|
|
|
779
779
|
}
|
|
780
780
|
}
|
|
781
781
|
return (React.createElement(TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
|
|
782
|
-
React.createElement("div", __assign({ id: this.props.id, style: wrapperStyle, className: classNames('k-grid', (
|
|
782
|
+
React.createElement("div", __assign({ id: this.props.id, style: wrapperStyle, className: classNames('k-grid', (_c = {
|
|
783
783
|
'k-grid-md': !this.props.size
|
|
784
784
|
},
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
785
|
+
_c["k-grid-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
|
|
786
|
+
_c['k-grid-virtual'] = this.props.scrollable === 'virtual',
|
|
787
|
+
_c), this.props.className), ref: function (el) {
|
|
788
788
|
_this._element = el;
|
|
789
789
|
}, role: "grid", "aria-colcount": leafColumns.length, "aria-rowcount": total, "aria-label": this.props.ariaLabel, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, tableKeyboardNavigationScopeAttributes),
|
|
790
790
|
toolbar,
|
|
@@ -796,11 +796,11 @@ var Grid = /** @class */ (function (_super) {
|
|
|
796
796
|
React.createElement(TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
|
|
797
797
|
_this.tableElement = table;
|
|
798
798
|
} },
|
|
799
|
-
React.createElement("table", { className: classNames('k-table k-grid-table', (
|
|
799
|
+
React.createElement("table", { className: classNames('k-table k-grid-table', (_d = {
|
|
800
800
|
'k-table-md': !this.props.size
|
|
801
801
|
},
|
|
802
|
-
|
|
803
|
-
|
|
802
|
+
_d["k-table-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
|
|
803
|
+
_d)), role: "presentation", style: { userSelect: tableUserSelect, display: tableDisplay } },
|
|
804
804
|
colGroups,
|
|
805
805
|
React.createElement("tbody", __assign({ className: 'k-table-tbody', ref: this.tableBodyRef, role: 'rowgroup' }, tableKeyboardNavigationBodyAttributes), body)))),
|
|
806
806
|
React.createElement("div", { className: "k-height-container", role: "presentation" },
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-grid',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1690290579,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/npm/Grid.js
CHANGED
|
@@ -598,7 +598,7 @@ var Grid = /** @class */ (function (_super) {
|
|
|
598
598
|
* @hidden
|
|
599
599
|
*/
|
|
600
600
|
Grid.prototype.render = function () {
|
|
601
|
-
var _a, _b, _c;
|
|
601
|
+
var _a, _b, _c, _d;
|
|
602
602
|
var _this = this;
|
|
603
603
|
var total = this.props.total || 0;
|
|
604
604
|
var idPrefix = kendo_react_data_tools_1.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef);
|
|
@@ -612,7 +612,7 @@ var Grid = /** @class */ (function (_super) {
|
|
|
612
612
|
total = total || this.props.data.total;
|
|
613
613
|
}
|
|
614
614
|
var groupingFooter = (typeof this.props.groupable === 'object') && this.props.groupable.footer || 'none';
|
|
615
|
-
var
|
|
615
|
+
var _e = this.flatData(propsData, groupingFooter, this.props.skip || 0, this.props.group, this.props.expandField, this.props.filter, this.props.sort), resolvedGroupsCount = _e.resolvedGroupsCount, flattedData = _e.flattedData;
|
|
616
616
|
this._data = flattedData;
|
|
617
617
|
var groupable = this.props.groupable === true ||
|
|
618
618
|
(typeof this.props.groupable === 'object') && this.props.groupable.enabled !== false;
|
|
@@ -629,17 +629,17 @@ var Grid = /** @class */ (function (_super) {
|
|
|
629
629
|
child.type.displayName === 'KendoReactGridNoRecords'; });
|
|
630
630
|
var leafColumns = this._columns.filter(function (c) { return c.children.length === 0; });
|
|
631
631
|
var groupingPanel = groupable && (React.createElement(GroupPanel_1.GroupPanel, { group: this.props.group || [], groupChange: this.groupChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler, refCallback: this.dragLogic.refGroupPanelDiv, resolveTitle: this.resolveTitle }));
|
|
632
|
-
var
|
|
632
|
+
var _f = this.props, sort = _f.sort, sortable = _f.sortable, group = _f.group, filter = _f.filter, filterable = _f.filterable, _g = _f.filterOperators, filterOperators = _g === void 0 ? filterCommon_1.operators : _g, headerCellRender = _f.headerCellRender, columnMenu = _f.columnMenu;
|
|
633
633
|
var header = (React.createElement(Header_1.Header, { size: this.props.size, columnResize: this.columnResize, staticHeaders: this.props.scrollable !== 'none', scrollableDataElement: function () { return _this.vs.container; }, draggable: this.props.reorderable || groupable, ref: this.headerRef, elemRef: this.headerElementRef, headerRow: this.getHeaderRow(sort, sortable, group, groupable, filter, filterable, filterOperators, headerCellRender, columnMenu, this._columns, this._columnsMap), filterRow: this.props.filterable && React.createElement(FilterRow_1.FilterRow, { cells: this.props.cells, size: this.props.size, columns: this._columns, filter: this.props.filter, filterOperators: this.props.filterOperators || filterCommon_1.operators, filterChange: this.filterChange, sort: this.props.sort, cellRender: this.props.filterCellRender, isRtl: this.isRtl, ariaRowIndex: this._columnsMap.length + 1 }) || undefined, cols: leafColumns.map(function (column, index) { return (React.createElement("col", { key: index.toString(), width: column.width !== undefined ?
|
|
634
634
|
Math.floor(parseFloat(column.width.toString())) + 'px' : undefined })); }) }));
|
|
635
635
|
var scrollLeft = this.vs && this.vs.container && this.vs.container.scrollLeft || 0;
|
|
636
636
|
var tableWidth = parseFloat(((this.props.style || {}).width || '').toString());
|
|
637
|
-
var
|
|
637
|
+
var _h = (0, kendo_react_data_tools_1.tableColumnsVirtualization)({
|
|
638
638
|
enabled: this.props.columnVirtualization,
|
|
639
639
|
columns: leafColumns,
|
|
640
640
|
tableViewPortWidth: tableWidth,
|
|
641
641
|
scrollLeft: scrollLeft
|
|
642
|
-
}), colSpans =
|
|
642
|
+
}), colSpans = _h.colSpans, isColHidden = _h.hiddenColumns;
|
|
643
643
|
var dataRow = function (item, rowId, rowDataIndex) {
|
|
644
644
|
var isInEdit = false;
|
|
645
645
|
var selectedValue = _this.props.selectedField ? (0, index_1.getNestedValue)(_this.props.selectedField, item.dataItem) : undefined;
|
|
@@ -764,7 +764,7 @@ var Grid = /** @class */ (function (_super) {
|
|
|
764
764
|
React.createElement(kendo_react_data_tools_1.TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
|
|
765
765
|
_this.tableElement = table;
|
|
766
766
|
} },
|
|
767
|
-
React.createElement("table", { style: { userSelect: tableUserSelect, display: tableDisplay } },
|
|
767
|
+
React.createElement("table", { className: (0, kendo_react_common_1.classNames)('k-table k-grid-table', (_b = {}, _b["k-table-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size, _b)), style: { userSelect: tableUserSelect, display: tableDisplay } },
|
|
768
768
|
colGroups,
|
|
769
769
|
header,
|
|
770
770
|
React.createElement("tbody", __assign({ role: 'rowgroup', className: 'k-table-tbody' }, kendo_react_data_tools_1.tableKeyboardNavigationBodyAttributes), body),
|
|
@@ -782,12 +782,12 @@ var Grid = /** @class */ (function (_super) {
|
|
|
782
782
|
}
|
|
783
783
|
}
|
|
784
784
|
return (React.createElement(kendo_react_data_tools_1.TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
|
|
785
|
-
React.createElement("div", __assign({ id: this.props.id, style: wrapperStyle, className: (0, kendo_react_common_1.classNames)('k-grid', (
|
|
785
|
+
React.createElement("div", __assign({ id: this.props.id, style: wrapperStyle, className: (0, kendo_react_common_1.classNames)('k-grid', (_c = {
|
|
786
786
|
'k-grid-md': !this.props.size
|
|
787
787
|
},
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
788
|
+
_c["k-grid-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
|
|
789
|
+
_c['k-grid-virtual'] = this.props.scrollable === 'virtual',
|
|
790
|
+
_c), this.props.className), ref: function (el) {
|
|
791
791
|
_this._element = el;
|
|
792
792
|
}, role: "grid", "aria-colcount": leafColumns.length, "aria-rowcount": total, "aria-label": this.props.ariaLabel, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
|
|
793
793
|
toolbar,
|
|
@@ -799,11 +799,11 @@ var Grid = /** @class */ (function (_super) {
|
|
|
799
799
|
React.createElement(kendo_react_data_tools_1.TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
|
|
800
800
|
_this.tableElement = table;
|
|
801
801
|
} },
|
|
802
|
-
React.createElement("table", { className: (0, kendo_react_common_1.classNames)('k-table k-grid-table', (
|
|
802
|
+
React.createElement("table", { className: (0, kendo_react_common_1.classNames)('k-table k-grid-table', (_d = {
|
|
803
803
|
'k-table-md': !this.props.size
|
|
804
804
|
},
|
|
805
|
-
|
|
806
|
-
|
|
805
|
+
_d["k-table-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
|
|
806
|
+
_d)), role: "presentation", style: { userSelect: tableUserSelect, display: tableDisplay } },
|
|
807
807
|
colGroups,
|
|
808
808
|
React.createElement("tbody", __assign({ className: 'k-table-tbody', ref: this.tableBodyRef, role: 'rowgroup' }, kendo_react_data_tools_1.tableKeyboardNavigationBodyAttributes), body)))),
|
|
809
809
|
React.createElement("div", { className: "k-height-container", role: "presentation" },
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-grid',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1690290579,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|