devextreme/esm/__internal/scheduler/r1/components/base/group_panel_vertical.js

JavaScript/TypeScript Component Suite for Responsive Web Development

/**
 * DevExtreme (esm/__internal/scheduler/r1/components/base/group_panel_vertical.js)
 * Version: 26.1.4
 * Build date: Fri Jul 24 2026
 *
 * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
 */
import {
    createVNode,
    createComponentVNode
} from "inferno";
import {
    BaseInfernoComponent,
    normalizeStyles
} from "../../../../core/r1/runtime/inferno/index";
import {
    renderUtils
} from "../../utils/index";
import {
    GroupPanelBaseDefaultProps
} from "./group_panel_props";
import {
    GroupPanelVerticalRow
} from "./group_panel_vertical_row";
export class GroupPanelVertical extends BaseInfernoComponent {
    render() {
        const {
            className: className,
            elementRef: elementRef,
            groupPanelData: groupPanelData,
            resourceCellTemplate: resourceCellTemplate,
            height: height,
            styles: styles,
            rowHeights: rowHeights
        } = this.props;
        const style = normalizeStyles(renderUtils.addHeightToStyle(height, styles));
        return createVNode(1, "div", className, createVNode(1, "div", "dx-scheduler-group-flex-container", groupPanelData.groupPanelItems.map((group, index) => createComponentVNode(2, GroupPanelVerticalRow, {
            groupItems: group,
            height: null === rowHeights || void 0 === rowHeights ? void 0 : rowHeights[index],
            cellTemplate: resourceCellTemplate
        }, group[0].key)), 0), 2, {
            style: style
        }, null, elementRef)
    }
}
GroupPanelVertical.defaultProps = GroupPanelBaseDefaultProps;