@progress/kendo-react-gantt 4.10.0-dev.202110050931 → 4.10.0-dev.202110210814
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/README.md +3 -3
- package/dist/cdn/js/kendo-react-gantt.js +1 -1
- package/dist/es/components/GanttTreelist.js +7 -7
- package/dist/es/interfaces/GanttSelectableSettings.d.ts +1 -19
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/components/GanttTreelist.js +7 -7
- package/dist/npm/interfaces/GanttSelectableSettings.d.ts +1 -19
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-gantt.js +1 -1
- package/package.json +12 -12
|
@@ -378,16 +378,16 @@ var GanttTreeList = /** @class */ (function (_super) {
|
|
|
378
378
|
this.dragLogic.reorderable = reorderable;
|
|
379
379
|
this.dragLogic.groupable = false;
|
|
380
380
|
// already calculated in base view
|
|
381
|
-
var
|
|
382
|
-
var header = (React.createElement(Header, { headerRow: React.createElement(HeaderRow, { sort: this.props.sort, sortable: this.props.sortable, sortChange: this.onSortChange, selectionChange: this.onHeaderSelectionChange, columns: extendedColumns, columnsMap: columnsMap, cellRender: this.props.headerCellRender, columnResize: this.columnResize, columnMenu: this.props.columnMenu, columnMenuFilter: this.props.columnMenuFilter, columnMenuFilterChange: this.onColumnMenuFilterChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler }), filterRow: filterable && React.createElement(FilterRow, { columns:
|
|
381
|
+
var leafColumns = extendedColumns.filter(function (c) { return c.children.length === 0; });
|
|
382
|
+
var header = (React.createElement(Header, { headerRow: React.createElement(HeaderRow, { sort: this.props.sort, sortable: this.props.sortable, sortChange: this.onSortChange, selectionChange: this.onHeaderSelectionChange, columns: extendedColumns, columnsMap: columnsMap, cellRender: this.props.headerCellRender, columnResize: this.columnResize, columnMenu: this.props.columnMenu, columnMenuFilter: this.props.columnMenuFilter, columnMenuFilterChange: this.onColumnMenuFilterChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler }), filterRow: filterable && React.createElement(FilterRow, { columns: leafColumns, filter: this.props.filter, filterChange: this.onFilterChange, sort: this.props.sort, ariaRowIndex: columnsMap.length + 1 }) || undefined, columnResize: this.columnResize }));
|
|
383
383
|
var wrapperStyles = this.props.style || {};
|
|
384
384
|
var _f = tableColumnsVirtualization({
|
|
385
385
|
enabled: this.props.columnVirtualization,
|
|
386
|
-
columns:
|
|
386
|
+
columns: leafColumns,
|
|
387
387
|
scrollLeft: this.wrapperScrollLeft,
|
|
388
388
|
tableViewPortWidth: parseFloat((wrapperStyles.width || '').toString())
|
|
389
389
|
}), colSpans = _f.colSpans, hiddenColumns = _f.hiddenColumns;
|
|
390
|
-
var dataRow = function (item, inEdit, rowId, isRowExpanded, rowDataIndex, selectedValue) { return
|
|
390
|
+
var dataRow = function (item, inEdit, rowId, isRowExpanded, rowDataIndex, selectedValue) { return leafColumns.map(function (column, columnIndex) {
|
|
391
391
|
if (hiddenColumns[columnIndex]) {
|
|
392
392
|
return null;
|
|
393
393
|
}
|
|
@@ -476,16 +476,16 @@ var GanttTreeList = /** @class */ (function (_super) {
|
|
|
476
476
|
React.createElement(EditRow, __assign({}, rowProps), cells) :
|
|
477
477
|
React.createElement(Row, __assign({}, rowProps), cells);
|
|
478
478
|
}) || (React.createElement("tr", { className: "k-grid-norecords" },
|
|
479
|
-
React.createElement("td", { colSpan:
|
|
479
|
+
React.createElement("td", { colSpan: leafColumns.length }, this.props.noRecords || React.createElement(TreeListNoRecords, null))));
|
|
480
480
|
var sorted = function (field) {
|
|
481
481
|
return _this.props.sort && _this.props.sort.some(function (descriptor) { return descriptor.field === field; });
|
|
482
482
|
};
|
|
483
|
-
var colGroups = (React.createElement("colgroup", { ref: function (c) { _this.columnResize.colGroupMain = c; }, role: 'presentation' },
|
|
483
|
+
var colGroups = (React.createElement("colgroup", { ref: function (c) { _this.columnResize.colGroupMain = c; }, role: 'presentation' }, leafColumns.map(function (column, index) { return (React.createElement("col", { key: index.toString(), className: sorted(column.field) ? 'k-sorted' : undefined, style: column.width !== undefined ? { width: column.width } : undefined })); })));
|
|
484
484
|
var virtualScroll = this.props.columnVirtualization || this.props.scrollable === 'virtual';
|
|
485
485
|
var tableUserSelect = this.props.selectable && this.props.selectable.drag ? 'none' : undefined;
|
|
486
486
|
var tableProps = (this.props.tableProps || {});
|
|
487
487
|
return (React.createElement(TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
|
|
488
|
-
React.createElement("div", __assign({ style: this.props.style, className: classNames('k-widget k-grid', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.onScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount":
|
|
488
|
+
React.createElement("div", __assign({ style: this.props.style, className: classNames('k-widget k-grid', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.onScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount": leafColumns.length, role: 'treegrid' }, tableKeyboardNavigationScopeAttributes),
|
|
489
489
|
this.props.toolbar,
|
|
490
490
|
React.createElement(TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
|
|
491
491
|
_this.tableElement = table;
|
|
@@ -14,23 +14,5 @@ export interface GanttSelectableSettings extends TableSelectableSettings {
|
|
|
14
14
|
*
|
|
15
15
|
* @default "multiple"
|
|
16
16
|
*/
|
|
17
|
-
mode
|
|
18
|
-
/**
|
|
19
|
-
* Determines if selection is allowed.
|
|
20
|
-
*
|
|
21
|
-
* @default true
|
|
22
|
-
*/
|
|
23
|
-
enabled?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Determines if cell selection is allowed.
|
|
26
|
-
*
|
|
27
|
-
* @default false
|
|
28
|
-
*/
|
|
29
|
-
cell?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Determines if drag selection is allowed.
|
|
32
|
-
*
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
drag?: boolean;
|
|
17
|
+
mode?: GanttSelectableMode;
|
|
36
18
|
}
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-gantt',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1634803572,
|
|
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
|
};
|
|
@@ -380,16 +380,16 @@ var GanttTreeList = /** @class */ (function (_super) {
|
|
|
380
380
|
this.dragLogic.reorderable = reorderable;
|
|
381
381
|
this.dragLogic.groupable = false;
|
|
382
382
|
// already calculated in base view
|
|
383
|
-
var
|
|
384
|
-
var header = (React.createElement(kendo_react_data_tools_1.Header, { headerRow: React.createElement(kendo_react_data_tools_1.HeaderRow, { sort: this.props.sort, sortable: this.props.sortable, sortChange: this.onSortChange, selectionChange: this.onHeaderSelectionChange, columns: extendedColumns, columnsMap: columnsMap, cellRender: this.props.headerCellRender, columnResize: this.columnResize, columnMenu: this.props.columnMenu, columnMenuFilter: this.props.columnMenuFilter, columnMenuFilterChange: this.onColumnMenuFilterChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler }), filterRow: filterable && React.createElement(FilterRow, { columns:
|
|
383
|
+
var leafColumns = extendedColumns.filter(function (c) { return c.children.length === 0; });
|
|
384
|
+
var header = (React.createElement(kendo_react_data_tools_1.Header, { headerRow: React.createElement(kendo_react_data_tools_1.HeaderRow, { sort: this.props.sort, sortable: this.props.sortable, sortChange: this.onSortChange, selectionChange: this.onHeaderSelectionChange, columns: extendedColumns, columnsMap: columnsMap, cellRender: this.props.headerCellRender, columnResize: this.columnResize, columnMenu: this.props.columnMenu, columnMenuFilter: this.props.columnMenuFilter, columnMenuFilterChange: this.onColumnMenuFilterChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler }), filterRow: filterable && React.createElement(FilterRow, { columns: leafColumns, filter: this.props.filter, filterChange: this.onFilterChange, sort: this.props.sort, ariaRowIndex: columnsMap.length + 1 }) || undefined, columnResize: this.columnResize }));
|
|
385
385
|
var wrapperStyles = this.props.style || {};
|
|
386
386
|
var _f = kendo_react_data_tools_1.tableColumnsVirtualization({
|
|
387
387
|
enabled: this.props.columnVirtualization,
|
|
388
|
-
columns:
|
|
388
|
+
columns: leafColumns,
|
|
389
389
|
scrollLeft: this.wrapperScrollLeft,
|
|
390
390
|
tableViewPortWidth: parseFloat((wrapperStyles.width || '').toString())
|
|
391
391
|
}), colSpans = _f.colSpans, hiddenColumns = _f.hiddenColumns;
|
|
392
|
-
var dataRow = function (item, inEdit, rowId, isRowExpanded, rowDataIndex, selectedValue) { return
|
|
392
|
+
var dataRow = function (item, inEdit, rowId, isRowExpanded, rowDataIndex, selectedValue) { return leafColumns.map(function (column, columnIndex) {
|
|
393
393
|
if (hiddenColumns[columnIndex]) {
|
|
394
394
|
return null;
|
|
395
395
|
}
|
|
@@ -478,16 +478,16 @@ var GanttTreeList = /** @class */ (function (_super) {
|
|
|
478
478
|
React.createElement(EditRow, __assign({}, rowProps), cells) :
|
|
479
479
|
React.createElement(Row, __assign({}, rowProps), cells);
|
|
480
480
|
}) || (React.createElement("tr", { className: "k-grid-norecords" },
|
|
481
|
-
React.createElement("td", { colSpan:
|
|
481
|
+
React.createElement("td", { colSpan: leafColumns.length }, this.props.noRecords || React.createElement(kendo_react_treelist_1.TreeListNoRecords, null))));
|
|
482
482
|
var sorted = function (field) {
|
|
483
483
|
return _this.props.sort && _this.props.sort.some(function (descriptor) { return descriptor.field === field; });
|
|
484
484
|
};
|
|
485
|
-
var colGroups = (React.createElement("colgroup", { ref: function (c) { _this.columnResize.colGroupMain = c; }, role: 'presentation' },
|
|
485
|
+
var colGroups = (React.createElement("colgroup", { ref: function (c) { _this.columnResize.colGroupMain = c; }, role: 'presentation' }, leafColumns.map(function (column, index) { return (React.createElement("col", { key: index.toString(), className: sorted(column.field) ? 'k-sorted' : undefined, style: column.width !== undefined ? { width: column.width } : undefined })); })));
|
|
486
486
|
var virtualScroll = this.props.columnVirtualization || this.props.scrollable === 'virtual';
|
|
487
487
|
var tableUserSelect = this.props.selectable && this.props.selectable.drag ? 'none' : undefined;
|
|
488
488
|
var tableProps = (this.props.tableProps || {});
|
|
489
489
|
return (React.createElement(kendo_react_data_tools_1.TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
|
|
490
|
-
React.createElement("div", __assign({ style: this.props.style, className: kendo_react_common_1.classNames('k-widget k-grid', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.onScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount":
|
|
490
|
+
React.createElement("div", __assign({ style: this.props.style, className: kendo_react_common_1.classNames('k-widget k-grid', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.onScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount": leafColumns.length, role: 'treegrid' }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
|
|
491
491
|
this.props.toolbar,
|
|
492
492
|
React.createElement(kendo_react_data_tools_1.TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
|
|
493
493
|
_this.tableElement = table;
|
|
@@ -14,23 +14,5 @@ export interface GanttSelectableSettings extends TableSelectableSettings {
|
|
|
14
14
|
*
|
|
15
15
|
* @default "multiple"
|
|
16
16
|
*/
|
|
17
|
-
mode
|
|
18
|
-
/**
|
|
19
|
-
* Determines if selection is allowed.
|
|
20
|
-
*
|
|
21
|
-
* @default true
|
|
22
|
-
*/
|
|
23
|
-
enabled?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Determines if cell selection is allowed.
|
|
26
|
-
*
|
|
27
|
-
* @default false
|
|
28
|
-
*/
|
|
29
|
-
cell?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Determines if drag selection is allowed.
|
|
32
|
-
*
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
drag?: boolean;
|
|
17
|
+
mode?: GanttSelectableMode;
|
|
36
18
|
}
|
|
@@ -7,7 +7,7 @@ exports.packageMetadata = {
|
|
|
7
7
|
name: '@progress/kendo-react-gantt',
|
|
8
8
|
productName: 'KendoReact',
|
|
9
9
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
10
|
-
publishDate:
|
|
10
|
+
publishDate: 1634803572,
|
|
11
11
|
version: '',
|
|
12
12
|
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'
|
|
13
13
|
};
|