@elastic/eui
Version:
Elastic UI Component Library
163 lines (162 loc) • 6.76 kB
JavaScript
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/inherits";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
/*
* The MIT License (MIT)
*
* Copyright (c) 2018 HackerOne Inc and individual contributors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*
*/
import React from "react";
import PropTypes from "prop-types";
import Day from "./day";
import WeekNumber from "./week_number";
import * as utils from "./date_utils";
import { jsx as ___EmotionJSX } from "@emotion/react";
var Week = /*#__PURE__*/function (_React$Component) {
function Week() {
var _this;
_classCallCheck(this, Week);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _callSuper(this, Week, [].concat(args));
_defineProperty(_this, "handleDayClick", function (day, event) {
if (_this.props.onDayClick) {
_this.props.onDayClick(day, event);
}
});
_defineProperty(_this, "handleDayMouseEnter", function (day) {
if (_this.props.onDayMouseEnter) {
_this.props.onDayMouseEnter(day);
}
});
_defineProperty(_this, "handleWeekClick", function (day, weekNumber, event) {
if (typeof _this.props.onWeekSelect === "function") {
_this.props.onWeekSelect(day, weekNumber, event);
}
if (_this.props.shouldCloseOnSelect) {
_this.props.setOpen(false);
}
});
_defineProperty(_this, "formatWeekNumber", function (startOfWeek) {
if (_this.props.formatWeekNumber) {
return _this.props.formatWeekNumber(startOfWeek);
}
return utils.getWeek(startOfWeek);
});
_defineProperty(_this, "renderDays", function () {
var startOfWeek = utils.getStartOfWeek(utils.cloneDate(_this.props.day));
var days = [];
var weekNumber = _this.formatWeekNumber(startOfWeek);
if (_this.props.showWeekNumber) {
var onClickAction = _this.props.onWeekSelect ? _this.handleWeekClick.bind(_this, startOfWeek, weekNumber) : undefined;
days.push(___EmotionJSX(WeekNumber, {
key: "W",
weekNumber: weekNumber,
onClick: onClickAction
}));
}
return days.concat([0, 1, 2, 3, 4, 5, 6].map(function (offset) {
var day = utils.addDays(utils.cloneDate(startOfWeek), offset);
return ___EmotionJSX(Day, {
key: offset,
day: day,
month: _this.props.month,
onClick: _this.handleDayClick.bind(_this, day),
onMouseEnter: _this.handleDayMouseEnter.bind(_this, day),
minDate: _this.props.minDate,
maxDate: _this.props.maxDate,
excludeDates: _this.props.excludeDates,
includeDates: _this.props.includeDates,
inline: _this.props.inline,
highlightDates: _this.props.highlightDates,
selectingDate: _this.props.selectingDate,
filterDate: _this.props.filterDate,
preSelection: _this.props.preSelection,
selected: _this.props.selected,
selectsStart: _this.props.selectsStart,
selectsEnd: _this.props.selectsEnd,
startDate: _this.props.startDate,
endDate: _this.props.endDate,
dayClassName: _this.props.dayClassName,
utcOffset: _this.props.utcOffset,
renderDayContents: _this.props.renderDayContents,
disabledKeyboardNavigation: _this.props.disabledKeyboardNavigation,
accessibleMode: _this.props.accessibleMode
});
}));
});
return _this;
}
_inherits(Week, _React$Component);
return _createClass(Week, [{
key: "render",
value: function render() {
return ___EmotionJSX("div", {
className: "react-datepicker__week"
}, this.renderDays());
}
}], [{
key: "defaultProps",
get: function get() {
return {
shouldCloseOnSelect: true
};
}
}]);
}(React.Component);
_defineProperty(Week, "propTypes", {
disabledKeyboardNavigation: PropTypes.bool,
day: PropTypes.object.isRequired,
dayClassName: PropTypes.func,
endDate: PropTypes.object,
excludeDates: PropTypes.array,
filterDate: PropTypes.func,
formatWeekNumber: PropTypes.func,
highlightDates: PropTypes.instanceOf(Map),
includeDates: PropTypes.array,
inline: PropTypes.bool,
maxDate: PropTypes.object,
minDate: PropTypes.object,
month: PropTypes.number,
onDayClick: PropTypes.func,
onDayMouseEnter: PropTypes.func,
onWeekSelect: PropTypes.func,
preSelection: PropTypes.object,
selected: PropTypes.object,
selectingDate: PropTypes.object,
selectsEnd: PropTypes.bool,
selectsStart: PropTypes.bool,
showWeekNumber: PropTypes.bool,
startDate: PropTypes.object,
setOpen: PropTypes.func,
shouldCloseOnSelect: PropTypes.bool,
utcOffset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
renderDayContents: PropTypes.func,
accessibleMode: PropTypes.bool
});
export { Week as default };