devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
105 lines (103 loc) • 4.24 kB
JavaScript
/**
* DevExtreme (cjs/__internal/scheduler/r1/components/base/date_header_cell.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DateHeaderCellDefaultProps = exports.DateHeaderCell = void 0;
var _inferno = require("inferno");
var _inferno2 = require("@devextreme/runtime/inferno");
var _index = require("../../../../core/r1/utils/index");
var _render_utils = require("../../../../core/r1/utils/render_utils");
var _index2 = require("../../utils/index");
var _cell = require("./cell");
var _date_header_text = require("./date_header_text");
function _extends() {
return _extends = Object.assign ? Object.assign.bind() : function(n) {
for (var e = 1; e < arguments.length; e++) {
var t = arguments[e];
for (var r in t) {
({}).hasOwnProperty.call(t, r) && (n[r] = t[r])
}
}
return n
}, _extends.apply(null, arguments)
}
const DateHeaderCellDefaultProps = exports.DateHeaderCellDefaultProps = _extends({}, _cell.CellBaseDefaultProps, {
today: false,
colSpan: 1,
isWeekDayCell: false,
splitText: false,
isTimeCellTemplate: false
});
class DateHeaderCell extends _inferno2.BaseInfernoComponent {
render() {
const {
viewContext: {
view: {
type: viewType
},
crossScrollingEnabled: crossScrollingEnabled
},
colSpan: colSpan,
dateCellTemplate: dateCellTemplate,
groupIndex: groupIndex,
groups: groups,
index: index,
isTimeCellTemplate: isTimeCellTemplate,
splitText: splitText,
startDate: startDate,
text: text,
timeCellTemplate: timeCellTemplate,
className: className,
isFirstGroupCell: isFirstGroupCell,
isLastGroupCell: isLastGroupCell,
isWeekDayCell: isWeekDayCell,
today: today
} = this.props;
const cellSizeHorizontalClass = _index2.renderUtils.getCellSizeHorizontalClass(viewType, crossScrollingEnabled);
const cellClasses = (0, _render_utils.combineClasses)({
"dx-scheduler-header-panel-cell": true,
[cellSizeHorizontalClass]: true,
"dx-scheduler-header-panel-current-time-cell": today,
"dx-scheduler-header-panel-week-cell": isWeekDayCell,
[className ?? ""]: !!className
});
const classes = _index2.renderUtils.getGroupCellClasses(isFirstGroupCell, isLastGroupCell, cellClasses);
const useTemplate = !isTimeCellTemplate && !!dateCellTemplate || isTimeCellTemplate && !!timeCellTemplate;
const TimeCellTemplateComponent = (0, _index.getTemplate)(timeCellTemplate);
const DateCellTemplateComponent = (0, _index.getTemplate)(dateCellTemplate);
const children = useTemplate ? (0, _inferno.createFragment)([isTimeCellTemplate && TimeCellTemplateComponent && TimeCellTemplateComponent({
data: {
date: startDate,
text: text,
groups: groups,
groupIndex: groupIndex
},
index: index
}), !isTimeCellTemplate && DateCellTemplateComponent && DateCellTemplateComponent({
data: {
date: startDate,
text: text,
groups: groups,
groupIndex: groupIndex
},
index: index
})], 0) : (0, _inferno.createComponentVNode)(2, _date_header_text.DateHeaderText, {
splitText: splitText,
text: text
});
return (0, _inferno.createVNode)(1, "th", classes, children, 0, {
colSpan: colSpan,
title: text
})
}
}
exports.DateHeaderCell = DateHeaderCell;
DateHeaderCell.defaultProps = DateHeaderCellDefaultProps;