devextreme
Version:
JavaScript/TypeScript Component Suite for Responsive Web Development
68 lines (67 loc) • 2.94 kB
JavaScript
/**
* DevExtreme (cjs/__internal/scheduler/r1/components/base/group_panel_horizontal.js)
* Version: 25.2.5
* Build date: Fri Feb 20 2026
*
* Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GroupPanelHorizontal = void 0;
var _inferno = require("inferno");
var _index = require("../../../../core/r1/runtime/inferno/index");
var _group_panel_horizontal_row = require("./group_panel_horizontal_row");
var _group_panel_props = require("./group_panel_props");
class GroupPanelHorizontal extends _index.BaseInfernoComponent {
constructor() {
super(...arguments);
this._groupPanelItems = null
}
getGroupPanelItems() {
if (null !== this._groupPanelItems) {
return this._groupPanelItems
}
const {
groupPanelData: {
baseColSpan: baseColSpan,
groupPanelItems: groupPanelItems
}
} = this.props;
const colSpans = groupPanelItems.reduceRight(((currentColSpans, groupsRow, idx) => {
const nextColSpans = currentColSpans;
const currentLevelGroupCount = groupsRow.length;
const previousColSpan = idx === groupPanelItems.length - 1 ? baseColSpan : currentColSpans[idx + 1];
const previousLevelGroupCount = idx === groupPanelItems.length - 1 ? currentLevelGroupCount : groupPanelItems[idx + 1].length;
const groupCountDiff = previousLevelGroupCount / currentLevelGroupCount;
nextColSpans[idx] = groupCountDiff * previousColSpan;
return nextColSpans
}), [...new Array(groupPanelItems.length)]);
this._groupPanelItems = groupPanelItems.map(((groupsRenderRow, index) => {
const colSpan = colSpans[index];
return groupsRenderRow.map((groupItem => Object.assign({}, groupItem, {
colSpan: colSpan
})))
}));
return this._groupPanelItems
}
componentWillUpdate(nextProps) {
if (this.props.groupPanelData !== nextProps.groupPanelData) {
this._groupPanelItems = null
}
}
render() {
const {
resourceCellTemplate: resourceCellTemplate
} = this.props;
const groupPanelItems = this.getGroupPanelItems();
return (0, _inferno.createFragment)(groupPanelItems.map((group => (0, _inferno.createComponentVNode)(2, _group_panel_horizontal_row.GroupPanelHorizontalRow, {
groupItems: group,
cellTemplate: resourceCellTemplate
}, group[0].key))), 0)
}
}
exports.GroupPanelHorizontal = GroupPanelHorizontal;
GroupPanelHorizontal.defaultProps = _group_panel_props.GroupPanelBaseDefaultProps;