devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
85 lines (84 loc) • 3.41 kB
JavaScript
/**
* DevExtreme (esm/renovation/ui/scheduler/workspaces/base/group_panel/horizontal/layout.js)
* Version: 21.1.4
* Build date: Mon Jun 21 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import _extends from "@babel/runtime/helpers/esm/extends";
var _excluded = ["baseColSpan", "className", "columnCountPerGroup", "groupByDate", "groupOrientation", "groups", "groupsRenderData", "height", "resourceCellTemplate", "styles"];
import {
createFragment,
createComponentVNode,
normalizeProps
} from "inferno";
import {
Fragment
} from "inferno";
import {
BaseInfernoComponent
} from "@devextreme/vdom";
import {
Row
} from "./row";
import {
GroupPanelLayoutProps
} from "../group_panel_layout_props";
export var viewFunction = _ref => {
var {
groupsRenderData: groupsRenderData,
props: {
resourceCellTemplate: resourceCellTemplate
}
} = _ref;
return createFragment(groupsRenderData.map(group => createComponentVNode(2, Row, {
groupItems: group,
cellTemplate: resourceCellTemplate
}, group[0].key)), 0)
};
var getTemplate = TemplateProp => TemplateProp && (TemplateProp.defaultProps ? props => normalizeProps(createComponentVNode(2, TemplateProp, _extends({}, props))) : TemplateProp);
export class GroupPanelHorizontalLayout extends BaseInfernoComponent {
constructor(props) {
super(props);
this.state = {}
}
get groupsRenderData() {
var {
baseColSpan: baseColSpan,
groupsRenderData: groupsRenderData
} = this.props;
var colSpans = groupsRenderData.reduceRight((currentColSpans, groupsRow, index) => {
var nextColSpans = currentColSpans;
var currentLevelGroupCount = groupsRow.length;
var previousColSpan = index === groupsRenderData.length - 1 ? baseColSpan : currentColSpans[index + 1];
var previousLevelGroupCount = index === groupsRenderData.length - 1 ? currentLevelGroupCount : groupsRenderData[index + 1].length;
var groupCountDiff = previousLevelGroupCount / currentLevelGroupCount;
nextColSpans[index] = groupCountDiff * previousColSpan;
return nextColSpans
}, [...new Array(groupsRenderData.length)]);
return groupsRenderData.map((groupsRenderRow, index) => {
var colSpan = colSpans[index];
return groupsRenderRow.map(groupItem => _extends({}, groupItem, {
colSpan: colSpan
}))
})
}
get restAttributes() {
var _this$props = this.props,
restProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
return restProps
}
render() {
var props = this.props;
return viewFunction({
props: _extends({}, props, {
resourceCellTemplate: getTemplate(props.resourceCellTemplate)
}),
groupsRenderData: this.groupsRenderData,
restAttributes: this.restAttributes
})
}
}
GroupPanelHorizontalLayout.defaultProps = _extends({}, GroupPanelLayoutProps);