zaman-backoffice 1.0.2 → 1.0.4

package/src/style/hexToHSL.ts

@@ -1,52 +0,0 @@
-export function hexToHSL(hex: string): { h: number; s: number; l: number } {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
-
-  if (result == null) {
-    throw new Error('Could not parse Hex Color')
-  }
-
-  const rHex = parseInt(result[1], 16)
-  const gHex = parseInt(result[2], 16)
-  const bHex = parseInt(result[3], 16)
-
-  const r = rHex / 255
-  const g = gHex / 255
-  const b = bHex / 255
-
-  const max = Math.max(r, g, b)
-  const min = Math.min(r, g, b)
-
-  let h = (max + min) / 2
-  let s = h
-  let l = h
-
-  if (max === min) {
-    // Achromatic
-    return { h: 0, s: 0, l }
-  }
-
-  const d = max - min
-  s = l > 0.5 ? d / (2 - max - min) : d / (max + min)
-  switch (max) {
-    case r:
-      h = (g - b) / d + (g < b ? 6 : 0)
-      break
-    case g:
-      h = (b - r) / d + 2
-      break
-    case b:
-      h = (r - g) / d + 4
-      break
-  }
-  h /= 6
-
-  s = s * 100
-  s = Math.round(s)
-  l = l * 100
-  l = Math.round(l)
-  h = Math.round(360 * h)
-
-  return { h, s, l }
-}
-
-export default hexToHSL

package/src/style/radius.ts

@@ -1,28 +0,0 @@
-export type Radius = 'thin' | 'x1' | 'x2' | 'x3' | 'x4'
-
-interface radiusObject {
-  wrapper: number
-  calendarItem: number
-}
-export const radius: Record<Radius, radiusObject> = {
-  thin: {
-    wrapper: 0,
-    calendarItem: 0
-  },
-  x1: {
-    wrapper: 8,
-    calendarItem: 4
-  },
-  x2: {
-    wrapper: 16,
-    calendarItem: 8
-  },
-  x3: {
-    wrapper: 24,
-    calendarItem: 16
-  },
-  x4: {
-    wrapper: 24,
-    calendarItem: 20
-  }
-}

package/src/types.ts

@@ -1,75 +0,0 @@
-import '@emotion/react'
-import type { Radius } from './style/radius'
-
-export type DatePickerValue = number | Date | string
-
-export type Locales = 'fa' | 'en'
-
-export type Directions = 'rtl' | 'ltr'
-
-export type DaysRange = 0 | 1 | 2 | 3 | 4 | 5 | 6
-
-export type Pickers = 'days' | 'year' | 'month'
-
-export type Positions = 'right' | 'left' | 'center'
-
-export interface BaseProps {
-  round?: Radius
-  accentColor?: string
-  locale?: Locales
-  direction?: Directions
-}
-
-export interface onDatePickerChangePayload {
-  value: Date
-}
-
-export interface onRangeDatePickerChangePayload {
-  from: Date
-  to: Date
-}
-
-// export type RangeProp = boolean | undefined
-
-// export type onChangeTypeBasedOnRange<Range extends RangeProp> =
-//   Range extends false | undefined
-//     ? onDatePickerChangePayload
-//     : onRangeDatePickerChangePayload
-
-interface MyProps1 {
-  range: true
-  myMethod: (arg: onRangeDatePickerChangePayload) => void
-}
-
-interface MyProps2 {
-  range: false
-  myMethod: (arg: onDatePickerChangePayload) => void
-}
-
-export type CalendarTypeProps = MyProps1 | MyProps2
-const obj1: CalendarTypeProps = {
-  range: true,
-  myMethod: ({ from, to }) => {
-    console.log(from, to)
-  }
-}
-
-const obj2: CalendarTypeProps = {
-  range: false,
-  myMethod: ({ value }) => {
-    console.log(value)
-  }
-}
-
-console.log(obj1, obj2)
-
-declare module '@emotion/react' {
-  export interface Theme {
-    colors: {
-      gray: Record<number, string>
-      primary: Record<number, string>
-    }
-    round: Radius
-    direction: Directions
-  }
-}

package/src/utils/dateHelper/dateHelper.ts

@@ -1,67 +0,0 @@
-import dayjs from 'dayjs'
-import isBetween from 'dayjs/plugin/isBetween'
-import { getMonth, getYear } from '../dateTimeFormat/dateTimeFormat'
-dayjs.extend(isBetween)
-
-export const sameMonth = (date: Date, date2: Date) => {
-  return getMonth(date) === getMonth(date2)
-}
-
-export const sameDay = (date?: Date, date2?: Date): boolean => {
-  if (date === undefined) {
-    return false
-  }
-  return dayjs(date).isSame(date2, 'day')
-}
-
-export const getYears = (date: Date, from: number = 80, to: number = 50) => {
-  const getCurrentYear = parseInt(getYear(date, 'latn'), 10)
-  const startFrom = getCurrentYear - from
-  const till = getCurrentYear + to
-  const result: number[] = []
-
-  for (let i = startFrom; i <= till; i++) {
-    result.push(i)
-  }
-  return result
-}
-
-export const selectMonth = (date: Date, selectedMonth: number) => {
-  const currentMonth = parseInt(getMonth(date, 'latn'), 10)
-  const diffMonth = selectedMonth - currentMonth
-
-  if (diffMonth > 0) {
-    return dayjs(date).add(diffMonth, 'months').toDate()
-  }
-  return dayjs(date).subtract(Math.abs(diffMonth), 'months').toDate()
-}
-
-export const selectYear = (date: Date, selectedYear: number) => {
-  const currentYear = parseInt(getYear(date, 'latn'), 10)
-  const diffYear = selectedYear - currentYear
-
-  if (diffYear > 0) {
-    return dayjs(date).add(diffYear, 'years').toDate()
-  }
-  return dayjs(date).subtract(Math.abs(diffYear), 'years').toDate()
-}
-
-export const isInBetween = (
-  day: Date,
-  from?: Date | null,
-  to?: Date | null
-): boolean => {
-  if (from !== null && to !== null) {
-    return dayjs(day).isBetween(dayjs(from), dayjs(to))
-  }
-  return false
-}
-
-export default {
-  sameMonth,
-  sameDay,
-  getYears,
-  selectMonth,
-  selectYear,
-  isInBetween
-}

package/src/utils/dateHelper/index.ts

@@ -1 +0,0 @@
-export { default } from './dateHelper'

package/src/utils/dateTimeFormat/dateTimeFormat.ts

@@ -1,43 +0,0 @@
-import localeCache from '../locale'
-
-export const getDateFormat = (
-  date: Date,
-  options: Intl.DateTimeFormatOptions,
-  numberingSystem?: string
-) => {
-  const { locale } = localeCache
-  const defaultOptions = {
-    ...options,
-    ...(numberingSystem != null && { numberingSystem })
-  }
-  const intl = new Date(date).toLocaleString(locale, defaultOptions)
-  return intl
-}
-
-export const getDayOfMonth = (date: Date): number => {
-  return parseInt(getDateFormat(date, { day: 'numeric' }, 'latn'), 10)
-}
-
-export const getDayString = (date: Date, numberingSystem?: string): string => {
-  return getDateFormat(date, { day: 'numeric' }, numberingSystem)
-}
-export const getYear = (date: Date, numberingSystem?: string): string => {
-  return getDateFormat(date, { year: 'numeric' }, numberingSystem)
-}
-export const getYear2Digit = (date: Date, numberingSystem?: string): string => {
-  return getDateFormat(date, { year: '2-digit' }, numberingSystem)
-}
-
-export const getMonthName = (date: Date, numberingSystem?: string): string => {
-  return getDateFormat(date, { month: 'short' }, numberingSystem)
-}
-
-export const getMonth = (date: Date, numberingSystem?: string): string => {
-  return getDateFormat(date, { month: '2-digit' }, numberingSystem)
-}
-
-export default {
-  getDayOfMonth,
-  getMonth,
-  getMonthName
-}

package/src/utils/dateTimeFormat/index.ts

@@ -1 +0,0 @@
-export { default } from './dateTimeFormat'

package/src/utils/format/format.test.ts

@@ -1,37 +0,0 @@
-import formatDate from './format'
-import localeCache from '../locale'
-
-const date = 'Wed Mar 08 2023'
-
-describe('formatDate test', () => {
-  test('simple format date', () => {
-    localeCache.setLocale('fa')
-    expect(formatDate(new Date(date), 'YYYY/MM/DD')).toBe('۱۴۰۱/۱۲/۱۷')
-    expect(formatDate(new Date(date), 'YYYY/MMMM/DD')).toBe('۱۴۰۱/اسفند/۱۷')
-  })
-
-  test('format with space date', () => {
-    localeCache.setLocale('en')
-    expect(formatDate(new Date(date), 'YYYY MM DD')).toBe('2023 03 8')
-  })
-
-  test('format with dash date', () => {
-    localeCache.setLocale('en')
-    expect(formatDate(new Date(date), 'MM-DD-YY')).toBe('03-8-23')
-  })
-
-  test('get month', () => {
-    localeCache.setLocale('en')
-    expect(formatDate(new Date(date), 'MMMM')).toBe('Mar')
-  })
-
-  test('get day', () => {
-    localeCache.setLocale('en')
-    expect(formatDate(new Date(date), 'DD')).toBe('8')
-  })
-
-  test('get year', () => {
-    localeCache.setLocale('fa')
-    expect(formatDate(new Date(date), 'YYYY')).toBe('۱۴۰۱')
-  })
-})

package/src/utils/format/format.ts

@@ -1,56 +0,0 @@
-import {
-  getDayString,
-  getMonth,
-  getMonthName,
-  getYear,
-  getYear2Digit
-} from '../dateTimeFormat/dateTimeFormat'
-import { type formatFunctions, type Formats } from './format.types'
-
-export const formats: Record<Formats, formatFunctions> = {
-  MMMM: getMonthName,
-  MM: getMonth,
-  M: getMonth,
-  YYYY: getYear,
-  YY: getYear2Digit,
-  DD: getDayString,
-  D: getDayString
-}
-
-const regex = /\/|\s|-/
-
-const validateFormat = (format: string) => {
-  const splitFormat = format.trimStart().trimEnd().split(regex) as Formats[]
-  if (format === '' || format.trim() === '') {
-    throw new Error('format is empty')
-  }
-  splitFormat.forEach((format) => {
-    if (!(format in formats)) {
-      throw new Error(`format is not valid, format passed is: ${format}`)
-    }
-  })
-}
-export const formatDate = (
-  date: Date,
-  format: string,
-  numberingSystem?: string
-): string => {
-  try {
-    validateFormat(format)
-    const splitFormat = format.trimStart().trimEnd().split(regex) as Formats[]
-    const splitCharacterSearch = format.match(regex)
-    const splitCharacter =
-      splitCharacterSearch !== null ? splitCharacterSearch[0] : ''
-
-    return splitFormat
-      .map((format) => {
-        return formats[format](date, numberingSystem)
-      })
-      .join(splitCharacter)
-  } catch (ex) {
-    console.error(ex)
-  }
-  return ''
-}
-
-export default formatDate

package/src/utils/format/format.types.ts

@@ -1,11 +0,0 @@
-export type formatFunctions = (date: Date, numberingSystem?: string) => string
-
-export enum Formats {
-  M = 'M',
-  MM = 'MM',
-  MMMM = 'MMMM',
-  YY = 'YY',
-  YYYY = 'YYYY',
-  DD = 'DD',
-  D = 'D'
-}

package/src/utils/format/index.ts

@@ -1 +0,0 @@
-export { default } from './format'

package/src/utils/index.ts

@@ -1,21 +0,0 @@
-import localeCache from './locale'
-
-export const isRtl = (): boolean => {
-  if (document.dir !== '') {
-    return document.dir === 'rtl'
-  }
-  const { body } = document
-  return getComputedStyle(body).direction === 'rtl'
-}
-
-export const localizeNumber = (n: string | number) => {
-  if (process.env.NODE_ENV === 'test') {
-    return n
-  }
-  const { locale } = localeCache
-  return Number(n).toLocaleString(locale, {
-    useGrouping: false
-  })
-}
-
-export const weekDayNames = ['ش', 'ی', 'د', 'س', 'چ', 'پ', 'ج']

package/src/utils/locale.ts

@@ -1,13 +0,0 @@
-const localeCache = {
-  localeDefault: 'en',
-  setLocale(locale?: string) {
-    if (locale != null) {
-      this.localeDefault = locale
-    }
-  },
-  get locale(): string {
-    return this.localeDefault
-  }
-}
-
-export default localeCache

package/src/utils/locales/en.ts

@@ -1,89 +0,0 @@
-import type { LocalesTypes } from './locales.types'
-
-export const en: LocalesTypes = {
-  shortWeekDays: [
-    {
-      key: 0,
-      name: 'S'
-    },
-    {
-      key: 1,
-      name: 'M'
-    },
-    {
-      key: 2,
-      name: 'T'
-    },
-    {
-      key: 3,
-      name: 'W'
-    },
-    {
-      key: 4,
-      name: 'T'
-    },
-    {
-      key: 5,
-      name: 'F'
-    },
-    {
-      key: 6,
-      name: 'S'
-    }
-  ],
-  months: [
-    {
-      key: 1,
-      name: 'January'
-    },
-    {
-      key: 2,
-      name: 'February'
-    },
-    {
-      key: 3,
-      name: 'March'
-    },
-    {
-      key: 4,
-      name: 'April'
-    },
-    {
-      key: 5,
-      name: 'May'
-    },
-    {
-      key: 6,
-      name: 'June'
-    },
-    {
-      key: 7,
-      name: 'July'
-    },
-    {
-      key: 8,
-      name: 'August'
-    },
-    {
-      key: 9,
-      name: 'September'
-    },
-    {
-      key: 10,
-      name: 'October'
-    },
-    {
-      key: 11,
-      name: 'November'
-    },
-    {
-      key: 12,
-      name: 'December'
-    }
-  ],
-  format: 'MM-DD-YY',
-  am: 'AM',
-  pm: 'PM'
-}
-
-export default en

package/src/utils/locales/fa.ts

@@ -1,89 +0,0 @@
-import type { LocalesTypes } from './locales.types'
-
-export const fa: LocalesTypes = {
-  shortWeekDays: [
-    {
-      key: 0,
-      name: 'ش'
-    },
-    {
-      key: 1,
-      name: 'ی'
-    },
-    {
-      key: 2,
-      name: 'د'
-    },
-    {
-      key: 3,
-      name: 'س'
-    },
-    {
-      key: 4,
-      name: 'چ'
-    },
-    {
-      key: 5,
-      name: 'پ'
-    },
-    {
-      key: 6,
-      name: 'ج'
-    }
-  ],
-  months: [
-    {
-      key: 1,
-      name: 'فروردین'
-    },
-    {
-      key: 2,
-      name: 'اردیبهشت'
-    },
-    {
-      key: 3,
-      name: 'خرداد'
-    },
-    {
-      key: 4,
-      name: 'تیر'
-    },
-    {
-      key: 5,
-      name: 'مرداد'
-    },
-    {
-      key: 6,
-      name: 'شهریور'
-    },
-    {
-      key: 7,
-      name: 'مهر'
-    },
-    {
-      key: 8,
-      name: 'آبان'
-    },
-    {
-      key: 9,
-      name: 'آذر'
-    },
-    {
-      key: 10,
-      name: 'دی'
-    },
-    {
-      key: 11,
-      name: 'بهمن'
-    },
-    {
-      key: 12,
-      name: 'اسفند'
-    }
-  ],
-  format: 'YYYY/MM/DD',
-  am: 'ق.ظ',
-  pm: 'ب.ظ'
-}
-
-export default fa

package/src/utils/locales/index.ts

@@ -1,10 +0,0 @@
-import fa from './fa'
-import en from './en'
-import type { LocalesTypes } from './locales.types'
-
-const locales: Record<string, LocalesTypes> = {
-  fa,
-  en
-}
-
-export default locales

package/src/utils/locales/locales.types.ts

@@ -1,11 +0,0 @@
-interface localesNames {
-  key: number
-  name: string
-}
-export interface LocalesTypes {
-  shortWeekDays: localesNames[]
-  months: localesNames[]
-  format: string
-  am: string
-  pm: string
-}

package/src/utils/month/index.ts

@@ -1 +0,0 @@
-export { default } from './month'

package/src/utils/month/month.ts

@@ -1,54 +0,0 @@
-import dayjs from 'dayjs'
-import 'dayjs/locale/fa'
-import weekday from 'dayjs/plugin/weekday'
-import LocalizedFormat from 'dayjs/plugin/LocalizedFormat'
-import { getDayOfMonth } from '../dateTimeFormat/dateTimeFormat'
-import { sameMonth } from '../dateHelper/dateHelper'
-import formatDate from '../format'
-import localeCache from '../locale'
-import type { DaysInMonth } from './month.types'
-import { type DatePickerValue } from '../../types'
-
-dayjs.extend(weekday)
-dayjs.extend(LocalizedFormat)
-
-const getDays = (date: DatePickerValue | undefined): DaysInMonth => {
-  const { locale } = localeCache
-  dayjs.locale(locale)
-  const startDate = date === undefined ? new Date() : dayjs(date).toDate()
-  const selectedDayOnMonth = getDayOfMonth(new Date(startDate))
-  const firstDayOfMonth = dayjs(new Date(startDate)).subtract(
-    selectedDayOnMonth - 1,
-    'days'
-  )
-  const dayNumberOfWeek = firstDayOfMonth.weekday()
-  const firstDayOfWeek = dayjs(firstDayOfMonth).subtract(
-    dayNumberOfWeek,
-    'days'
-  )
-  const middleOfMonth = firstDayOfMonth.add(15, 'days')
-
-  const weeks = []
-  let initialDate = dayjs(firstDayOfWeek.format())
-  for (let i = 0; i <= 5; i++) {
-    const day = []
-    for (let j = 0; j < 7; j++) {
-      const currentDay = new Date(initialDate.format())
-      day.push({
-        date: currentDay,
-        disabled: !sameMonth(firstDayOfMonth.toDate(), currentDay)
-      })
-      initialDate = initialDate.add(1, 'day')
-    }
-    weeks.push(day)
-  }
-
-  return {
-    id: Date.now(),
-    monthName: formatDate(new Date(startDate), 'MMMM YYYY'),
-    middleOfMonth: middleOfMonth.toDate(),
-    weeks
-  }
-}
-
-export default getDays

package/src/utils/month/month.types.ts

@@ -1,11 +0,0 @@
-export interface WeekDays {
-  date: Date
-  disabled: boolean
-}
-
-export interface DaysInMonth {
-  id: number
-  monthName: string
-  middleOfMonth: Date
-  weeks: WeekDays[][]
-}