/** * @fileoverview added by tsickle * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ // tslint:disable:max-file-line-count import { initialDatepickerState } from './bs-datepicker.state'; import { BsDatepickerActions } from './bs-datepicker.actions'; import { calcDaysCalendar } from '../engine/calc-days-calendar'; import { formatDaysCalendar } from '../engine/format-days-calendar'; import { flagDaysCalendar } from '../engine/flag-days-calendar'; import { setFullDate, shiftDate, isArray, isDateValid, startOf, getLocale, isAfter, isBefore } from 'ngx-bootstrap/chronos'; import { canSwitchMode } from '../engine/view-mode'; import { formatMonthsCalendar } from '../engine/format-months-calendar'; import { flagMonthsCalendar } from '../engine/flag-months-calendar'; import { formatYearsCalendar, initialYearShift, yearsPerCalendar } from '../engine/format-years-calendar'; import { flagYearsCalendar } from '../engine/flag-years-calendar'; import { getYearsCalendarInitialDate } from '../utils/bs-calendar-utils'; /* tslint:disable-next-line: cyclomatic-complexity */ /** * @param {?=} state * @param {?=} action * @return {?} */ export function bsDatepickerReducer(state, action) { if (state === void 0) { state = initialDatepickerState; } switch (action.type) { case BsDatepickerActions.CALCULATE: { return calculateReducer(state); } case BsDatepickerActions.FORMAT: { return formatReducer(state, action); } case BsDatepickerActions.FLAG: { return flagReducer(state, action); } case BsDatepickerActions.NAVIGATE_OFFSET: { return navigateOffsetReducer(state, action); } case BsDatepickerActions.NAVIGATE_TO: { /** @type {?} */ var payload = action.payload; /** @type {?} */ var date = setFullDate(state.view.date, payload.unit); /** @type {?} */ var newState = void 0; /** @type {?} */ var mode = void 0; if (canSwitchMode(payload.viewMode, state.minMode)) { mode = payload.viewMode; newState = { view: { date: date, mode: mode } }; } else { mode = state.view.mode; newState = { selectedDate: date, view: { date: date, mode: mode } }; } return Object.assign({}, state, newState); } case BsDatepickerActions.CHANGE_VIEWMODE: { if (!canSwitchMode(action.payload, state.minMode)) { return state; } /** @type {?} */ var date = state.view.date; /** @type {?} */ var mode = action.payload; /** @type {?} */ var newState = { view: { date: date, mode: mode } }; return Object.assign({}, state, newState); } case BsDatepickerActions.HOVER: { return Object.assign({}, state, { hoveredDate: action.payload }); } case BsDatepickerActions.SELECT: { /** @type {?} */ var newState = { selectedDate: action.payload, view: state.view }; /** @type {?} */ var mode = state.view.mode; /** @type {?} */ var _date = action.payload || state.view.date; /** @type {?} */ var date = getViewDate(_date, state.minDate, state.maxDate); newState.view = { mode: mode, date: date }; return Object.assign({}, state, newState); } case BsDatepickerActions.SET_OPTIONS: { /** @type {?} */ var newState = action.payload; // preserve view mode /** @type {?} */ var mode = newState.minMode ? newState.minMode : state.view.mode; /** @type {?} */ var _viewDate = isDateValid(newState.value) && newState.value || isArray(newState.value) && isDateValid(newState.value[0]) && newState.value[0] || state.view.date; /** @type {?} */ var date = getViewDate(_viewDate, newState.minDate, newState.maxDate); newState.view = { mode: mode, date: date }; // update selected value if (newState.value) { // if new value is array we work with date range if (isArray(newState.value)) { newState.selectedRange = newState.value; } // if new value is a date -> datepicker if (newState.value instanceof Date) { newState.selectedDate = newState.value; } // provided value is not supported :) // need to report it somehow } return Object.assign({}, state, newState); } // date range picker case BsDatepickerActions.SELECT_RANGE: { /** @type {?} */ var newState = { selectedRange: action.payload, view: state.view }; /** @type {?} */ var mode = state.view.mode; /** @type {?} */ var _date = action.payload && action.payload[0] || state.view.date; /** @type {?} */ var date = getViewDate(_date, state.minDate, state.maxDate); newState.view = { mode: mode, date: date }; return Object.assign({}, state, newState); } case BsDatepickerActions.SET_MIN_DATE: { return Object.assign({}, state, { minDate: action.payload }); } case BsDatepickerActions.SET_MAX_DATE: { return Object.assign({}, state, { maxDate: action.payload }); } case BsDatepickerActions.SET_IS_DISABLED: { return Object.assign({}, state, { isDisabled: action.payload }); } case BsDatepickerActions.SET_DATE_CUSTOM_CLASSES: { return Object.assign({}, state, { dateCustomClasses: action.payload }); } default: return state; } } /** * @param {?} state * @return {?} */ function calculateReducer(state) { // how many calendars /** @type {?} */ var displayMonths = state.displayMonths; // use selected date on initial rendering if set /** @type {?} */ var viewDate = state.view.date; if (state.view.mode === 'day') { state.monthViewOptions.firstDayOfWeek = getLocale(state.locale).firstDayOfWeek(); /** @type {?} */ var monthsModel = new Array(displayMonths); for (var monthIndex = 0; monthIndex < displayMonths; monthIndex++) { // todo: for unlinked calendars it will be harder monthsModel[monthIndex] = calcDaysCalendar(viewDate, state.monthViewOptions); viewDate = shiftDate(viewDate, { month: 1 }); } return Object.assign({}, state, { monthsModel: monthsModel }); } if (state.view.mode === 'month') { /** @type {?} */ var monthsCalendar = new Array(displayMonths); for (var calendarIndex = 0; calendarIndex < displayMonths; calendarIndex++) { // todo: for unlinked calendars it will be harder monthsCalendar[calendarIndex] = formatMonthsCalendar(viewDate, getFormatOptions(state)); viewDate = shiftDate(viewDate, { year: 1 }); } return Object.assign({}, state, { monthsCalendar: monthsCalendar }); } if (state.view.mode === 'year') { /** @type {?} */ var yearsCalendarModel = new Array(displayMonths); for (var calendarIndex = 0; calendarIndex < displayMonths; calendarIndex++) { // todo: for unlinked calendars it will be harder yearsCalendarModel[calendarIndex] = formatYearsCalendar(viewDate, getFormatOptions(state), state.minMode === 'year' ? getYearsCalendarInitialDate(state, calendarIndex) : undefined); viewDate = shiftDate(viewDate, { year: yearsPerCalendar }); } return Object.assign({}, state, { yearsCalendarModel: yearsCalendarModel }); } return state; } /** * @param {?} state * @param {?} action * @return {?} */ function formatReducer(state, action) { if (state.view.mode === 'day') { /** @type {?} */ var formattedMonths = state.monthsModel.map((/** * @param {?} month * @param {?} monthIndex * @return {?} */ function (month, monthIndex) { return formatDaysCalendar(month, getFormatOptions(state), monthIndex); })); return Object.assign({}, state, { formattedMonths: formattedMonths }); } // how many calendars /** @type {?} */ var displayMonths = state.displayMonths; // check initial rendering // use selected date on initial rendering if set /** @type {?} */ var viewDate = state.view.date; if (state.view.mode === 'month') { /** @type {?} */ var monthsCalendar = new Array(displayMonths); for (var calendarIndex = 0; calendarIndex < displayMonths; calendarIndex++) { // todo: for unlinked calendars it will be harder monthsCalendar[calendarIndex] = formatMonthsCalendar(viewDate, getFormatOptions(state)); viewDate = shiftDate(viewDate, { year: 1 }); } return Object.assign({}, state, { monthsCalendar: monthsCalendar }); } if (state.view.mode === 'year') { /** @type {?} */ var yearsCalendarModel = new Array(displayMonths); for (var calendarIndex = 0; calendarIndex < displayMonths; calendarIndex++) { // todo: for unlinked calendars it will be harder yearsCalendarModel[calendarIndex] = formatYearsCalendar(viewDate, getFormatOptions(state)); viewDate = shiftDate(viewDate, { year: 16 }); } return Object.assign({}, state, { yearsCalendarModel: yearsCalendarModel }); } return state; } /** * @param {?} state * @param {?} action * @return {?} */ function flagReducer(state, action) { if (state.view.mode === 'day') { /** @type {?} */ var flaggedMonths = state.formattedMonths.map((/** * @param {?} formattedMonth * @param {?} monthIndex * @return {?} */ function (formattedMonth, monthIndex) { return flagDaysCalendar(formattedMonth, { isDisabled: state.isDisabled, minDate: state.minDate, maxDate: state.maxDate, daysDisabled: state.daysDisabled, datesDisabled: state.datesDisabled, hoveredDate: state.hoveredDate, selectedDate: state.selectedDate, selectedRange: state.selectedRange, displayMonths: state.displayMonths, dateCustomClasses: state.dateCustomClasses, monthIndex: monthIndex }); })); return Object.assign({}, state, { flaggedMonths: flaggedMonths }); } if (state.view.mode === 'month') { /** @type {?} */ var flaggedMonthsCalendar = state.monthsCalendar.map((/** * @param {?} formattedMonth * @param {?} monthIndex * @return {?} */ function (formattedMonth, monthIndex) { return flagMonthsCalendar(formattedMonth, { isDisabled: state.isDisabled, minDate: state.minDate, maxDate: state.maxDate, hoveredMonth: state.hoveredMonth, selectedDate: state.selectedDate, displayMonths: state.displayMonths, monthIndex: monthIndex }); })); return Object.assign({}, state, { flaggedMonthsCalendar: flaggedMonthsCalendar }); } if (state.view.mode === 'year') { /** @type {?} */ var yearsCalendarFlagged = state.yearsCalendarModel.map((/** * @param {?} formattedMonth * @param {?} yearIndex * @return {?} */ function (formattedMonth, yearIndex) { return flagYearsCalendar(formattedMonth, { isDisabled: state.isDisabled, minDate: state.minDate, maxDate: state.maxDate, hoveredYear: state.hoveredYear, selectedDate: state.selectedDate, displayMonths: state.displayMonths, yearIndex: yearIndex }); })); return Object.assign({}, state, { yearsCalendarFlagged: yearsCalendarFlagged }); } return state; } /** * @param {?} state * @param {?} action * @return {?} */ function navigateOffsetReducer(state, action) { /** @type {?} */ var newState = { view: { mode: state.view.mode, date: shiftViewDate(state, action) } }; return Object.assign({}, state, newState); } /** * @param {?} state * @param {?} action * @return {?} */ function shiftViewDate(state, action) { if (state.view.mode === 'year' && state.minMode === 'year') { /** @type {?} */ var initialDate = getYearsCalendarInitialDate(state, 0); /** @type {?} */ var middleDate = shiftDate(initialDate, { year: -initialYearShift }); return shiftDate(middleDate, action.payload); } return shiftDate(startOf(state.view.date, 'month'), action.payload); } /** * @param {?} state * @return {?} */ function getFormatOptions(state) { return { locale: state.locale, monthTitle: state.monthTitle, yearTitle: state.yearTitle, dayLabel: state.dayLabel, monthLabel: state.monthLabel, yearLabel: state.yearLabel, weekNumbers: state.weekNumbers }; } /** * if view date is provided (bsValue|ngModel) it should be shown * if view date is not provider: * if minDate>currentDate (default view value), show minDate * if maxDate