components.widgets.Calendar.utils.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of n2o-react
The newest version!
import { dayjsLocalizer } from 'react-big-calendar'
import get from 'lodash/get'
import isNumber from 'lodash/isNumber'
import isEmpty from 'lodash/isEmpty'
import split from 'lodash/split'
import dayjs from 'dayjs'

export function isDayOff(day) {
    return [0, 6].includes(day.getDay())
}

export function isCurrentDay(day) {
    const currentDate = new Date()

    return (
        day.getDate() === currentDate.getDate() &&
    day.getMonth() === currentDate.getMonth() &&
    day.getFullYear() === currentDate.getFullYear()
    )
}

export function formatsMap(formats = {}) {
    const localizerFormat = (date, format) => dayjsLocalizer(dayjs).format(date, format)

    const rangeFormat = (startFormat, endFormat) => ({ start, end }) => `${localizerFormat(start, startFormat)
    } — ${
        localizerFormat(end, endFormat)}`

    const {
        dateFormat = 'DD',
        dayFormat = 'DD dd',
        weekdayFormat = 'dd',
        timeStartFormat = 'HH:mm',
        timeEndFormat = 'HH:mm',
        dayStartFormat = 'DD MMM',
        dayEndFormat = 'DD MMM',
        timeGutterFormat = 'LT',
        monthHeaderFormat = 'MMMM YYYY',
        dayHeaderFormat = 'dddd MMM DD',
        agendaDateFormat = 'dd MMM DD',
        agendaTimeFormat = 'LT',
    } = formats

    return {
        dateFormat,
        dayFormat: date => localizerFormat(date, dayFormat),
        weekdayFormat: date => localizerFormat(date, weekdayFormat), // формат дня недели при view: 'month'
        timeGutterFormat: date => localizerFormat(date, timeGutterFormat),
        selectRangeFormat: rangeFormat(timeStartFormat, timeEndFormat),
        eventTimeRangeFormat: rangeFormat(timeStartFormat, timeEndFormat),
        monthHeaderFormat: date => localizerFormat(date, monthHeaderFormat), // формат заголовка при view: 'month'
        dayHeaderFormat: date => localizerFormat(date, dayHeaderFormat),
        dayRangeHeaderFormat: rangeFormat(dayStartFormat, dayEndFormat),
        agendaHeaderFormat: rangeFormat(dayStartFormat, dayEndFormat),
        agendaDateFormat: date => localizerFormat(date, agendaDateFormat),
        agendaTimeFormat: date => localizerFormat(date, agendaTimeFormat),
        agendaTimeRangeFormat: rangeFormat(timeStartFormat, timeEndFormat),
    }
}

export function eventLessHour(date, step) {
    if (isNumber(step)) {
        const begin = new Date(get(date, 'begin'))
        const end = new Date(get(date, 'end'))
        const difference = Math.abs(end.getTime() - begin.getTime()) / (1000 * 3600)

        return difference <= (step / 60) * 2
    }

    return false
}

// eslint-disable-next-line consistent-return
export function timeParser(min, max) {
    if (!isEmpty(min) && !isEmpty(max)) {
        const minTime = split(min, ':')
        const maxTime = split(max, ':')

        return {
            min: new Date(0, 0, 0, minTime[0], minTime[1], minTime[2], 0),
            max: new Date(0, 0, 0, maxTime[0], maxTime[1], maxTime[2], 0),
        }
    }
}

export function isAllDay(start, end) {
    const startDate = dayjs(start, 'YYYY-MM-DD HH:mm')
    const endDate = dayjs(end, 'YYYY-MM-DD HH:mm')
    const dateDiff = endDate.diff(startDate, 'days')

    return dateDiff >= 1
}