Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 | import {parseDate} from '../interface';
import XDate from 'xdate';
interface UpdateResult {
update: boolean;
field?: string;
}
interface CalendarProps {
selected?: any[];
markedDates?: any;
hideExtraDays?: boolean;
minDate?: any;
maxDate?: any;
current?: any;
[key: string]: any;
}
interface CalendarState {
currentMonth: any;
}
export default function shouldComponentUpdate(
nextProps: CalendarProps,
nextState: CalendarState,
currentProps: CalendarProps,
currentState: CalendarState
): boolean {
let shouldUpdate: UpdateResult = (nextProps.selected || []).reduce((prev: UpdateResult, next, i) => {
const currentSelected = (currentProps.selected || [])[i];
if (!currentSelected || !next || parseDate(currentSelected).getTime() !== parseDate(next).getTime()) {
return {
update: true,
field: 'selected'
};
}
return prev;
}, {update: false});
shouldUpdate = ['markedDates', 'hideExtraDays'].reduce((prev: UpdateResult, next) => {
if (!prev.update && nextProps[next] !== currentProps[next]) {
return {
update: true,
field: next
};
}
return prev;
}, shouldUpdate);
shouldUpdate = ['minDate', 'maxDate', 'current'].reduce((prev: UpdateResult, next) => {
const prevDate = parseDate(currentProps[next]);
const nextDate = parseDate(nextProps[next]);
if (prev.update) {
return prev;
} else if (prevDate !== nextDate) {
if (prevDate && nextDate && prevDate.getTime() === nextDate.getTime()) {
return prev;
} else {
return {
update: true,
field: next
};
}
}
return prev;
}, shouldUpdate);
if (nextState.currentMonth !== currentState.currentMonth) {
shouldUpdate = {
update: true,
field: 'current'
};
}
//console.log(shouldUpdate.field, shouldUpdate.update);
return shouldUpdate.update;
} |