material-ui-cron/src/store.ts

A React cron editor using material ui

import { atom, selector } from 'recoil'
import {
  atEveryOptions,
  defaultMinuteOptionsWithOrdinal,
  DEFAULT_DAY_OF_MONTH_OPTS,
  DEFAULT_DAY_OF_MONTH_OPTS_WITH_ORD,
  DEFAULT_HOUR_OPTS_EVERY,
  DEFAULT_MINUTE_OPTS,
  getMonthOptions,
  getPeriodOptions,
  onEveryOptions,
  weekOptions,
} from './constants'
import defaultLocale from './localization/enLocale'
import { Locale, SelectOptions } from './types'
import { getTimesOfTheDay } from './utils'

export const localeState = atom<Locale>({
  key: 'localeState',
  default: defaultLocale,
})

export const periodState = atom<SelectOptions>({
  key: 'periodState',
  default: selector({
    key: 'periodStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState)
      return getPeriodOptions(resolvedLocale.periodOptions)[1]
    },
  }),
})

export const minuteState = atom<SelectOptions[]>({
  key: 'minuteState',
  default: [DEFAULT_MINUTE_OPTS[0]],
})

export const minuteAtEveryState = atom<SelectOptions>({
  key: 'minuteAtEveryState',
  default: selector({
    key: 'minuteAtEveryStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState)
      return atEveryOptions(
        resolvedLocale.atOptionLabel,
        resolvedLocale.everyOptionLabel
      )[0]
    },
  }),
})

export const minuteRangeStartSchedulerState = atom({
  key: 'minuteRangeStartSchedulerState',
  default: defaultMinuteOptionsWithOrdinal()[0],
})

export const minuteRangeEndSchedulerState = atom({
  key: 'minuteRangeEndSchedulerState',
  default: defaultMinuteOptionsWithOrdinal()[59],
})

export const hourState = atom<SelectOptions[]>({
  key: 'hourState',
  default: [DEFAULT_HOUR_OPTS_EVERY[0]],
})

export const hourAtEveryState = atom<SelectOptions>({
  key: 'hourAtEveryState',
  default: selector({
    key: 'hourAtEveryStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState)
      return atEveryOptions(
        resolvedLocale.atOptionLabel,
        resolvedLocale.everyOptionLabel
      )[0]
    },
  }),
})

export const hourRangeStartSchedulerState = atom({
  key: 'hourRangeStartSchedulerState',
  default: getTimesOfTheDay()[0],
})

export const hourRangeEndSchedulerState = atom({
  key: 'hourRangeEndSchedulerState',
  default: getTimesOfTheDay()[23],
})

export const dayOfMonthAtEveryState = atom<SelectOptions>({
  key: 'dayOfMonthAtEveryState',
  default: selector({
    key: 'dayOfMonthAtEveryStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState)
      console.log(resolvedLocale)
      return onEveryOptions(
        resolvedLocale.onOptionLabel,
        resolvedLocale.everyOptionLabel
      )[0]
    },
  }),
})

export const dayOfMonthState = atom<SelectOptions[]>({
  key: 'dayOfMonthState',
  default: DEFAULT_DAY_OF_MONTH_OPTS,
})

export const dayOfMonthRangeStartSchedulerState = atom({
  key: 'dayOfMonthRangeStartSchedulerState',
  default: DEFAULT_DAY_OF_MONTH_OPTS_WITH_ORD[0],
})

export const dayOfMonthRangeEndSchedulerState = atom({
  key: 'dayOfMonthRangeEndSchedulerState',
  default: DEFAULT_DAY_OF_MONTH_OPTS_WITH_ORD[30],
})

export const weekState = atom<SelectOptions[]>({
  key: 'weekState',
  default: selector({
    key: 'weekStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState)
      return weekOptions(resolvedLocale.weekDaysOptions)
    },
  }),
})

export const monthState = atom<SelectOptions[]>({
  key: 'monthState',
  default: selector({
    key: 'monthStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState)
      return getMonthOptions(resolvedLocale.shortMonthOptions)
    },
  }),
})

export const cronValidationErrorMessageState = atom<string>({
  key: 'cronValidationErrorMessageState',
  default: '',
})

export const isAdminState = atom<boolean>({
  key: 'isAdminState',
  default: true,
})

export const cronExpInputState = atom<string>({
  key: 'cronExpInputState',
  default: '0 0 * * *',
})