npm - @elliemae/ds-form-date-time-picker - Versions diffs - 3.22.0-next.2 → 3.22.0-next.21 - Mend

@elliemae/ds-form-date-time-picker 3.22.0-next.2 → 3.22.0-next.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/dist/cjs/utils/dateHelpers.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/dateHelpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { createRef } from 'react';\nimport { monthNames } from './constants.js';\nimport { prependStringWithPlaceHolders, deconstructValuesFromDateString, isIncompleteString } from './stringHelpers.js';\nimport { convertToPositiveNumberIfPossible } from './numberHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes.js';\n\nexport const getDateValuesFromDate = (day: Date): DateValuesT => ({\n  month: day?.getMonth?.() as DSControlledDateTimePickerInternalsT.DateMonth,\n  day: day?.getDate?.() as DSControlledDateTimePickerInternalsT.DateDay,\n  year: day?.getFullYear?.(),\n});\nexport const getDateStringFromDay = (day: Date): string => {\n  const monthFromDay = prependStringWithPlaceHolders(`${day.getMonth() + 1}`, 2); // months from 1-12\n  const dayFromDay = prependStringWithPlaceHolders(`${day.getDate()}`, 2);\n  const yearFromDay = prependStringWithPlaceHolders(`${day.getFullYear()}`, 4);\n\n  return `${monthFromDay}/${dayFromDay}/${yearFromDay}`;\n};\nexport const getTimeStringFromDay = (day: Date): string => {\n  const hoursNum = day.getHours();\n  const meridiem = hoursNum > 12 ? 'PM' : 'AM';\n  const twelveHourFormat = hoursNum > 12 ? hoursNum - 12 : hoursNum;\n  const minutesNum = day.getMinutes();\n\n  const hoursFromDay = prependStringWithPlaceHolders(`${twelveHourFormat}`, 2);\n  const minutesFromDay = prependStringWithPlaceHolders(`${minutesNum}`, 2);\n\n  return `${hoursFromDay}:${minutesFromDay} ${meridiem}`;\n};\nexport const getMonthNameByMonthNumber = (monthNumber: number): string => monthNames[monthNumber];\nexport const isSameDateMoment = (dateA: Date, dateB: Date): boolean => dateA?.getTime?.() === dateB?.getTime?.();\n\nexport const compareTwoDatesDayEquality = (dayA: Date, dayB: Date): boolean => {\n  const { day: currD, month: currM, year: currY } = getDateValuesFromDate(dayA);\n  const { day: focusD, month: focusM, year: focusY } = getDateValuesFromDate(dayB);\n  return currD === focusD && currM === focusM && currY === focusY;\n};\n\nexport const getLastDayOfMonth = (month: DSControlledDateTimePickerInternalsT.DateMonth, year: number): Date =>\n  new Date(year, month + 1, 0);\nexport const isValidDayForTheMonth = (\n  month: DSControlledDateTimePickerInternalsT.DateMonth,\n  year: number,\n  day: DSControlledDateTimePickerInternalsT.DateDay,\n): boolean => new Date(year, month, day)?.getMonth?.() === month;\nexport const getDayFromDateString = (dateString: string): Date | null => {\n  const { month, day, year } = deconstructValuesFromDateString(dateString);\n  const monthNum = convertToPositiveNumberIfPossible(month);\n  const dayNum = convertToPositiveNumberIfPossible(day) as DSControlledDateTimePickerInternalsT.DateDay | -1;\n  const yearNum = convertToPositiveNumberIfPossible(year);\n  if (\n    monthNum !== -1 &&\n    dayNum !== -1 &&\n    yearNum !== -1 &&\n    isValidDayForTheMonth((monthNum - 1) as DSControlledDateTimePickerInternalsT.DateMonth, yearNum, dayNum)\n  )\n    return new Date(yearNum, monthNum - 1, dayNum);\n  return null;\n};\nexport const isValidDayForTheMonthDateString = (dateString: string): boolean => {\n  if (isIncompleteString(dateString)) return true;\n  const { month } = deconstructValuesFromDateString(dateString);\n  const monthInt = convertToPositiveNumberIfPossible(month);\n  if (monthInt === -1) return false;\n  const monthDateMonth = (monthInt - 1) as DSControlledDateTimePickerInternalsT.DateMonth;\n  return getDayFromDateString(dateString)?.getMonth?.() === monthDateMonth;\n};\n\nexport const getValidationDateStringMetaInfo = (\n  dateString: string,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  getIsOutOfRangeDay = (day: string) => false,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  getIsDisabledDay = (day: string) => false,\n): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n  const metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {};\n  if (!isIncompleteString(dateString)) {\n    metaInfo.isDayPresentInMonth = isValidDayForTheMonthDateString(dateString);\n    if (!metaInfo.isDayPresentInMonth)\n      metaInfo.suggestedErrorMsg = 'The selected day is not part of the selected month';\n    const day = getDayFromDateString(dateString);\n    if (day) {\n      metaInfo.isOutOfRangeDay = getIsOutOfRangeDay(dateString);\n      metaInfo.isDisabledDay = getIsDisabledDay(dateString);\n      if (metaInfo.isOutOfRangeDay || metaInfo.isDisabledDay)\n        metaInfo.suggestedErrorMsg = 'The selected day is not allowed';\n    }\n  }\n  return metaInfo;\n};\n// code adapted from https://github.com/datejs/Datejs/blob/master/src/core.js\nexport const isLeapYear = (year: number): boolean => (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;\n\nexport const getHowManyDaysInMonth = (year: number, month: number): number => {\n  const daysPerMonth = [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n  return daysPerMonth[month];\n};\n\nexport const dateIsLeapYear = (date: Date): boolean => isLeapYear(date.getFullYear());\n\nexport const dateGetDaysInMonth = (date: Date): number => getHowManyDaysInMonth(date.getFullYear(), date.getMonth());\n\nexport const dateAddMonths = (date: Date, value: number): Date => {\n  const copiedDate = new Date(date.getTime());\n  const n = copiedDate.getDate();\n  copiedDate.setDate(1);\n  copiedDate.setMonth(copiedDate.getMonth() + value);\n  copiedDate.setDate(Math.min(n, dateGetDaysInMonth(copiedDate)));\n  return copiedDate;\n};\nexport const dateAddYear = (date: Date, value: number): Date => dateAddMonths(date, value * 12);\n\ninterface DateValuesT {\n  month: DSControlledDateTimePickerInternalsT.DateMonth;\n  year: number;\n  day?: DSControlledDateTimePickerInternalsT.DateDay;\n}\ninterface DateSumValuesT {\n  monthsToSum?: number;\n  yearsToSum?: number;\n  daysToSum?: number;\n}\n// sumFromDateValues supports negative values to \"subtract\"\nexport const sumFromDateValues = (\n  { month, year, day = 1 }: DateValuesT,\n  { monthsToSum = 0, yearsToSum = 0, daysToSum = 0 }: DateSumValuesT,\n): DateValuesT => {\n  let newDate = new Date(year, month, day);\n  if (yearsToSum) newDate = dateAddYear(newDate, yearsToSum);\n\n  if (monthsToSum) newDate = dateAddMonths(newDate, monthsToSum);\n\n  if (daysToSum) newDate.setDate(newDate.getDate() + daysToSum);\n\n  return {\n    month: newDate.getMonth() as DSControlledDateTimePickerInternalsT.DateMonth,\n    day: newDate.getDate() as DSControlledDateTimePickerInternalsT.DateDay,\n    year: newDate.getFullYear(),\n  };\n};\nexport const sumValuesToDate = (day: Date, sumValues: DateSumValuesT): Date => {\n  const dateAsVals = getDateValuesFromDate(day);\n  const { month, year, day: newD } = sumFromDateValues(dateAsVals, sumValues);\n  return new Date(year, month, newD);\n};\nexport const subtractYears = (date: Date, howManyMore = 1): Date => {\n  const newDate = new Date(date.getTime());\n  newDate.setFullYear(date.getFullYear() - howManyMore);\n  return newDate;\n};\nexport const subtractMonths = (date: Date, howManyMore = 1): Date => {\n  const newDate = new Date(date.getTime());\n  newDate.setMonth(date.getMonth() - howManyMore);\n  return newDate;\n};\nexport const sumMonths = (date: Date, howManyMore = 1): Date => {\n  const newDate = new Date(date.getTime());\n  newDate.setMonth(date.getMonth() + howManyMore);\n  return newDate;\n};\nexport const sumYears = (date: Date, howManyMore = 1): Date => {\n  const newDate = new Date(date.getTime());\n  newDate.setFullYear(date.getFullYear() + howManyMore);\n  return newDate;\n};\n\nexport const getDaysInMonth = (month: number, year: number): Date[] => {\n  const date = new Date(year, month, 1);\n  const days: Date[] = [];\n  while (date.getMonth() === month) {\n    days.push(new Date(date));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n};\nexport const getLastXDaysFromPreviousMonth = (month: number, year: number, howMany: number): Date[] => {\n  const date = new Date(year, month, 1);\n  const days: Date[] = [];\n  while (days.length !== howMany) {\n    date.setDate(date.getDate() - 1);\n    days.push(new Date(date));\n  }\n  return days.reverse();\n};\nexport const getFirstXDaysFromNextMonth = (month: number, year: number, howMany: number): Date[] => {\n  const date = sumMonths(new Date(year, month, 1), 1);\n  const days: Date[] = [];\n  while (days.length !== howMany) {\n    days.push(new Date(date));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n};\n\nexport const getSixBySevenCurrentMonthDaysMatrix = (\n  month: number,\n  year: number,\n): DSControlledDateTimePickerInternalsT.MetaMonthDay[] => {\n  const currentMonthDays = getDaysInMonth(month, year).map((day) => ({\n    day,\n    dayAsString: getDateStringFromDay(day),\n    isPrevMonthDay: false,\n    isNextMonthDay: false,\n    isCurrMonthDay: true,\n    isHidden: false,\n    dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n  }));\n  const firstDayOfTheMonthWeekDay = currentMonthDays?.[0]?.day?.getDay();\n  const previousMonthDaysToPrepend = getLastXDaysFromPreviousMonth(month, year, firstDayOfTheMonthWeekDay).map(\n    (day) => ({\n      day,\n      dayAsString: getDateStringFromDay(day),\n      isPrevMonthDay: true,\n      isNextMonthDay: false,\n      isCurrMonthDay: false,\n      isHidden: false,\n      dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n    }),\n  );\n  const lastDayOfTheMonthWeekDay = currentMonthDays?.[currentMonthDays.length - 1]?.day?.getDay();\n  const nextMonthDaysToAppend = getFirstXDaysFromNextMonth(month, year, 6 - lastDayOfTheMonthWeekDay).map((day) => ({\n    day,\n    dayAsString: getDateStringFromDay(day),\n    isPrevMonthDay: false,\n    isNextMonthDay: true,\n    isCurrMonthDay: false,\n    isHidden: false,\n    dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n  }));\n\n  const allDays = [...previousMonthDaysToPrepend, ...currentMonthDays, ...nextMonthDaysToAppend];\n\n  // we want to be sure that we have 6 rows and 7 columns always (worst case scenario - this ensure no jump of popperjs when changing months)\n  const is6by7 = allDays.length === 42;\n  if (is6by7) return allDays;\n\n  // by default we prepend an extra week of previous month days\n  const daysBefore = 7 + firstDayOfTheMonthWeekDay;\n  // and we append just enough days to fill the 6th row of the current month\n  let daysAfter = 6 - lastDayOfTheMonthWeekDay;\n  // in some extreme cases we might have 4 rows and 7 columns (e.g. February 2026)\n  // we can check it by checking that previousMonthDaysToPrepend length is 0 + currentMonthDays length is 28 + nextMonthDaysToAppend length is 0\n  const is4by7 =\n    previousMonthDaysToPrepend.length === 0 && currentMonthDays.length === 28 && nextMonthDaysToAppend.length === 0;\n  if (is4by7) {\n    // in this case we append an extra week of next month days\n    daysAfter = 7;\n  }\n\n  // we add a \"previous month\" rows at the start of the array to make sure we have 6 rows\n  const previousMonthDaysToPrepend2 = getLastXDaysFromPreviousMonth(month, year, daysBefore).map((day) => ({\n    day,\n    dayAsString: getDateStringFromDay(day),\n    isPrevMonthDay: true,\n    isNextMonthDay: false,\n    isCurrMonthDay: false,\n    isHidden: false,\n    dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n  }));\n  const nextMonthDaysToAppend2 = getFirstXDaysFromNextMonth(month, year, daysAfter).map((day) => ({\n    day,\n    dayAsString: getDateStringFromDay(day),\n    isPrevMonthDay: false,\n    isNextMonthDay: true,\n    isCurrMonthDay: false,\n    isHidden: false,\n    dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n  }));\n\n  return [...previousMonthDaysToPrepend2, ...currentMonthDays, ...nextMonthDaysToAppend2];\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { createRef } from 'react';\nimport { monthNames } from './constants.js';\nimport { prependStringWithPlaceHolders, deconstructValuesFromDateString, isIncompleteString } from './stringHelpers.js';\nimport { convertToPositiveNumberIfPossible } from './numberHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes.js';\n\nexport const getDateValuesFromDate = (day: Date): DateValuesT => ({\n  month: day?.getMonth?.() as DSControlledDateTimePickerInternalsT.DateMonth,\n  day: day?.getDate?.() as DSControlledDateTimePickerInternalsT.DateDay,\n  year: day?.getFullYear?.(),\n});\nexport const getDateStringFromDay = (day: Date): string => {\n  const monthFromDay = prependStringWithPlaceHolders(`${day.getMonth() + 1}`, 2); // months from 1-12\n  const dayFromDay = prependStringWithPlaceHolders(`${day.getDate()}`, 2);\n  const yearFromDay = prependStringWithPlaceHolders(`${day.getFullYear()}`, 4);\n\n  return `${monthFromDay}/${dayFromDay}/${yearFromDay}`;\n};\nexport const getTimeStringFromDay = (day: Date): string => {\n  const hoursNum = day.getHours();\n  const meridiem = hoursNum > 12 ? 'PM' : 'AM';\n  const twelveHourFormat = hoursNum > 12 ? hoursNum - 12 : hoursNum;\n  const minutesNum = day.getMinutes();\n\n  const hoursFromDay = prependStringWithPlaceHolders(`${twelveHourFormat}`, 2);\n  const minutesFromDay = prependStringWithPlaceHolders(`${minutesNum}`, 2);\n\n  return `${hoursFromDay}:${minutesFromDay} ${meridiem}`;\n};\nexport const getMonthNameByMonthNumber = (monthNumber: number): string => monthNames[monthNumber];\nexport const isSameDateMoment = (dateA: Date, dateB: Date): boolean => dateA?.getTime?.() === dateB?.getTime?.();\n\nexport const compareTwoDatesDayEquality = (dayA: Date, dayB: Date): boolean => {\n  const { day: currD, month: currM, year: currY } = getDateValuesFromDate(dayA);\n  const { day: focusD, month: focusM, year: focusY } = getDateValuesFromDate(dayB);\n  return currD === focusD && currM === focusM && currY === focusY;\n};\n\nexport const getLastDayOfMonth = (month: DSControlledDateTimePickerInternalsT.DateMonth, year: number): Date =>\n  new Date(year, month + 1, 0);\nexport const isValidDayForTheMonth = (\n  month: DSControlledDateTimePickerInternalsT.DateMonth,\n  year: number,\n  day: DSControlledDateTimePickerInternalsT.DateDay,\n): boolean => new Date(year, month, day)?.getMonth?.() === month;\nexport const getDayFromDateString = (dateString: string): Date | null => {\n  const { month, day, year } = deconstructValuesFromDateString(dateString);\n  const monthNum = convertToPositiveNumberIfPossible(month);\n  const dayNum = convertToPositiveNumberIfPossible(day) as DSControlledDateTimePickerInternalsT.DateDay | -1;\n  const yearNum = convertToPositiveNumberIfPossible(year);\n  if (\n    monthNum !== -1 &&\n    dayNum !== -1 &&\n    yearNum !== -1 &&\n    isValidDayForTheMonth((monthNum - 1) as DSControlledDateTimePickerInternalsT.DateMonth, yearNum, dayNum)\n  )\n    return new Date(yearNum, monthNum - 1, dayNum);\n  return null;\n};\nexport const isValidDayForTheMonthDateString = (dateString: string): boolean => {\n  if (isIncompleteString(dateString)) return true;\n  const { month } = deconstructValuesFromDateString(dateString);\n  const monthInt = convertToPositiveNumberIfPossible(month);\n  if (monthInt === -1) return false;\n  const monthDateMonth = (monthInt - 1) as DSControlledDateTimePickerInternalsT.DateMonth;\n  return getDayFromDateString(dateString)?.getMonth?.() === monthDateMonth;\n};\n\nexport const getValidationDateStringMetaInfo = (\n  dateString: string,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  getIsOutOfRangeDay = (day: string) => false,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  getIsDisabledDay = (day: string) => false,\n): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n  const metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {};\n  if (!isIncompleteString(dateString)) {\n    metaInfo.isDayPresentInMonth = isValidDayForTheMonthDateString(dateString);\n    if (!metaInfo.isDayPresentInMonth)\n      metaInfo.suggestedErrorMsg = 'The selected day is not part of the selected month';\n    const day = getDayFromDateString(dateString);\n    if (day) {\n      metaInfo.isOutOfRangeDay = getIsOutOfRangeDay(dateString);\n      metaInfo.isDisabledDay = getIsDisabledDay(dateString);\n      if (metaInfo.isOutOfRangeDay || metaInfo.isDisabledDay)\n        metaInfo.suggestedErrorMsg = 'The selected day is not allowed';\n    }\n  }\n  return metaInfo;\n};\n// code adapted from https://github.com/datejs/Datejs/blob/master/src/core.js\nexport const isLeapYear = (year: number): boolean => (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;\n\nexport const getHowManyDaysInMonth = (year: number, month: number): number => {\n  const daysPerMonth = [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n  return daysPerMonth[month];\n};\n\nexport const dateIsLeapYear = (date: Date): boolean => isLeapYear(date.getFullYear());\n\nexport const dateGetDaysInMonth = (date: Date): number => getHowManyDaysInMonth(date.getFullYear(), date.getMonth());\n\nexport const dateAddMonths = (date: Date, value: number): Date => {\n  const copiedDate = new Date(date.getTime());\n  const n = copiedDate.getDate();\n  copiedDate.setDate(1);\n  copiedDate.setMonth(copiedDate.getMonth() + value);\n  copiedDate.setDate(Math.min(n, dateGetDaysInMonth(copiedDate)));\n  return copiedDate;\n};\nexport const dateAddYear = (date: Date, value: number): Date => dateAddMonths(date, value * 12);\n\ninterface DateValuesT {\n  month: DSControlledDateTimePickerInternalsT.DateMonth;\n  year: number;\n  day?: DSControlledDateTimePickerInternalsT.DateDay;\n}\ninterface DateSumValuesT {\n  monthsToSum?: number;\n  yearsToSum?: number;\n  daysToSum?: number;\n}\n// sumFromDateValues supports negative values to \"subtract\"\nexport const sumFromDateValues = (\n  { month, year, day = 1 }: DateValuesT,\n  { monthsToSum = 0, yearsToSum = 0, daysToSum = 0 }: DateSumValuesT,\n): DateValuesT => {\n  let newDate = new Date(year, month, day);\n  if (yearsToSum) newDate = dateAddYear(newDate, yearsToSum);\n\n  if (monthsToSum) newDate = dateAddMonths(newDate, monthsToSum);\n\n  if (daysToSum) newDate.setDate(newDate.getDate() + daysToSum);\n\n  return {\n    month: newDate.getMonth() as DSControlledDateTimePickerInternalsT.DateMonth,\n    day: newDate.getDate() as DSControlledDateTimePickerInternalsT.DateDay,\n    year: newDate.getFullYear(),\n  };\n};\nexport const sumValuesToDate = (day: Date, sumValues: DateSumValuesT): Date => {\n  const dateAsVals = getDateValuesFromDate(day);\n  const { month, year, day: newD } = sumFromDateValues(dateAsVals, sumValues);\n  return new Date(year, month, newD);\n};\nexport const subtractYears = (date: Date, howManyMore = 1): Date => {\n  const newDate = new Date(date.getTime());\n  newDate.setFullYear(date.getFullYear() - howManyMore);\n  return newDate;\n};\nexport const subtractMonths = (date: Date, howManyMore = 1): Date => {\n  const newDate = new Date(date.getTime());\n  newDate.setMonth(date.getMonth() - howManyMore);\n  return newDate;\n};\nexport const sumMonths = (date: Date, howManyMore = 1): Date => {\n  const newDate = new Date(date.getTime());\n  newDate.setMonth(date.getMonth() + howManyMore);\n  return newDate;\n};\nexport const sumYears = (date: Date, howManyMore = 1): Date => {\n  const newDate = new Date(date.getTime());\n  newDate.setFullYear(date.getFullYear() + howManyMore);\n  return newDate;\n};\n\nexport const getDaysInMonth = (month: number, year: number): Date[] => {\n  const date = new Date(year, month, 1);\n  const days: Date[] = [];\n  while (date.getMonth() === month) {\n    days.push(new Date(date));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n};\nexport const getLastXDaysFromPreviousMonth = (month: number, year: number, howMany: number): Date[] => {\n  const date = new Date(year, month, 1);\n  const days: Date[] = [];\n  while (days.length !== howMany) {\n    date.setDate(date.getDate() - 1);\n    days.push(new Date(date));\n  }\n  return days.reverse();\n};\nexport const getFirstXDaysFromNextMonth = (month: number, year: number, howMany: number): Date[] => {\n  const date = sumMonths(new Date(year, month, 1), 1);\n  const days: Date[] = [];\n  while (days.length !== howMany) {\n    days.push(new Date(date));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n};\n\nexport const getSixBySevenCurrentMonthDaysMatrix = (\n  month: number,\n  year: number,\n): DSControlledDateTimePickerInternalsT.MetaMonthDay[] => {\n  const currentMonthDays = getDaysInMonth(month, year).map((day) => ({\n    day,\n    dayAsString: getDateStringFromDay(day),\n    isPrevMonthDay: false,\n    isNextMonthDay: false,\n    isCurrMonthDay: true,\n    isHidden: false,\n    dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n  }));\n  const firstDayOfTheMonthWeekDay = currentMonthDays?.[0]?.day?.getDay();\n  const previousMonthDaysToPrepend = getLastXDaysFromPreviousMonth(month, year, firstDayOfTheMonthWeekDay).map(\n    (day) => ({\n      day,\n      dayAsString: getDateStringFromDay(day),\n      isPrevMonthDay: true,\n      isNextMonthDay: false,\n      isCurrMonthDay: false,\n      isHidden: false,\n      dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n    }),\n  );\n  const lastDayOfTheMonthWeekDay = currentMonthDays?.[currentMonthDays.length - 1]?.day?.getDay();\n  const nextMonthDaysToAppend = getFirstXDaysFromNextMonth(month, year, 6 - lastDayOfTheMonthWeekDay).map((day) => ({\n    day,\n    dayAsString: getDateStringFromDay(day),\n    isPrevMonthDay: false,\n    isNextMonthDay: true,\n    isCurrMonthDay: false,\n    isHidden: false,\n    dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n  }));\n\n  const allDays = [...previousMonthDaysToPrepend, ...currentMonthDays, ...nextMonthDaysToAppend];\n\n  // we want to be sure that we have 6 rows and 7 columns always (worst case scenario - this ensure no jump of popperjs when changing months)\n  const is6by7 = allDays.length === 42;\n  if (is6by7) return allDays;\n\n  // by default we prepend an extra week of previous month days\n  const daysBefore = 7 + firstDayOfTheMonthWeekDay;\n  // and we append just enough days to fill the 6th row of the current month\n  let daysAfter = 6 - lastDayOfTheMonthWeekDay;\n  // in some extreme cases we might have 4 rows and 7 columns (e.g. February 2026)\n  // we can check it by checking that previousMonthDaysToPrepend length is 0 + currentMonthDays length is 28 + nextMonthDaysToAppend length is 0\n  const is4by7 =\n    previousMonthDaysToPrepend.length === 0 && currentMonthDays.length === 28 && nextMonthDaysToAppend.length === 0;\n  if (is4by7) {\n    // in this case we append an extra week of next month days\n    daysAfter = 7;\n  }\n\n  // we add a \"previous month\" rows at the start of the array to make sure we have 6 rows\n  const previousMonthDaysToPrepend2 = getLastXDaysFromPreviousMonth(month, year, daysBefore).map((day) => ({\n    day,\n    dayAsString: getDateStringFromDay(day),\n    isPrevMonthDay: true,\n    isNextMonthDay: false,\n    isCurrMonthDay: false,\n    isHidden: false,\n    dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n  }));\n  const nextMonthDaysToAppend2 = getFirstXDaysFromNextMonth(month, year, daysAfter).map((day) => ({\n    day,\n    dayAsString: getDateStringFromDay(day),\n    isPrevMonthDay: false,\n    isNextMonthDay: true,\n    isCurrMonthDay: false,\n    isHidden: false,\n    dayBtnRef: createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>,\n  }));\n\n  return [...previousMonthDaysToPrepend2, ...currentMonthDays, ...nextMonthDaysToAppend2];\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": "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",
   "names": []
 }

package/dist/cjs/utils/dateTimeHelpers.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/dateTimeHelpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { getValidationDateStringMetaInfo } from './dateHelpers.js';\nimport { getValidationTimeStringMetaInfo } from './timeHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\n\ninterface Validators {\n  getIsOutOfRangeDay: (day: string) => boolean;\n  getIsDisabledDay: (day: string) => boolean;\n  getIsDisabledTime: (val: string) => boolean;\n}\nexport const getValidationDateTimeStringMetaInfo = (\n  dateString: string,\n  timeString: string,\n  validators: Validators,\n): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => ({\n  ...getValidationDateStringMetaInfo(dateString, validators.getIsOutOfRangeDay, validators.getIsDisabledDay),\n  ...getValidationTimeStringMetaInfo(timeString, validators.getIsDisabledTime),\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { getValidationDateStringMetaInfo } from './dateHelpers.js';\nimport { getValidationTimeStringMetaInfo } from './timeHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\ninterface Validators {\n  getIsOutOfRangeDay: (day: string) => boolean;\n  getIsDisabledDay: (day: string) => boolean;\n  getIsDisabledTime: (val: string) => boolean;\n}\nexport const getValidationDateTimeStringMetaInfo = (\n  dateString: string,\n  timeString: string,\n  validators: Validators,\n): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => ({\n  ...getValidationDateStringMetaInfo(dateString, validators.getIsOutOfRangeDay, validators.getIsDisabledDay),\n  ...getValidationTimeStringMetaInfo(timeString, validators.getIsDisabledTime),\n});\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAgD;AAChD,yBAAgD;AAQzC,MAAM,sCAAsC,CACjD,YACA,YACA,gBACuE;AAAA,EACvE,OAAG,oDAAgC,YAAY,WAAW,oBAAoB,WAAW,gBAAgB;AAAA,EACzG,OAAG,oDAAgC,YAAY,WAAW,iBAAiB;AAC7E;",
   "names": []
 }

package/dist/cjs/utils/timeHelpers.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/timeHelpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { isIncompleteString } from './stringHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\n\nexport const getValidationTimeStringMetaInfo = (\n  timeString: string,\n  getIsDisabledTime = (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n    timeS: string,\n  ) => false,\n): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n  const metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {};\n  if (!isIncompleteString(timeString)) {\n    metaInfo.isDisabledTime = getIsDisabledTime(timeString);\n    if (metaInfo.isDisabledTime) metaInfo.suggestedErrorMsg = 'The selected time is not allowed';\n  }\n\n  return metaInfo;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { isIncompleteString } from './stringHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\nexport const getValidationTimeStringMetaInfo = (\n  timeString: string,\n  getIsDisabledTime = (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n    timeS: string,\n  ) => false,\n): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n  const metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {};\n  if (!isIncompleteString(timeString)) {\n    metaInfo.isDisabledTime = getIsDisabledTime(timeString);\n    if (metaInfo.isDisabledTime) metaInfo.suggestedErrorMsg = 'The selected time is not allowed';\n  }\n\n  return metaInfo;\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAmC;AAG5B,MAAM,kCAAkC,CAC7C,YACA,oBAAoB,CAElB,UACG,UACiE;AACtE,QAAM,WAA8E,CAAC;AACrF,MAAI,KAAC,yCAAmB,UAAU,GAAG;AACnC,aAAS,iBAAiB,kBAAkB,UAAU;AACtD,QAAI,SAAS;AAAgB,eAAS,oBAAoB;AAAA,EAC5D;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/utils/typeGuards.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/typeGuards.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { DSControlledDateTimePickerT } from '../propTypes.js';\n\nconst dateTimeTypes = ['full-date-time', 'date-time-inputs', 'date-time-picker', 'date-time-picker-controller-only'];\nconst dateTypes = ['full-date', 'date-inputs', 'date-picker', 'date-picker-controller-only'];\nconst timeTypes = ['full-time', 'time-inputs', 'time-picker', 'time-picker-controller-only'];\n\nexport const getIsDateTime = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.DateTimePickerProps | DSControlledDateTimePickerT.InternalDateTimePickerProps =>\n  dateTimeTypes.includes(props.type);\n\nexport const getIsDate = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.DatePickerProps | DSControlledDateTimePickerT.InternalDatePickerProps =>\n  dateTypes.includes(props.type);\n\nexport const getIsTime = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.TimePickerProps | DSControlledDateTimePickerT.InternalTimePickerProps =>\n  timeTypes.includes(props.type);\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\nconst dateTimeTypes = ['full-date-time', 'date-time-inputs', 'date-time-picker', 'date-time-picker-controller-only'];\nconst dateTypes = ['full-date', 'date-inputs', 'date-picker', 'date-picker-controller-only'];\nconst timeTypes = ['full-time', 'time-inputs', 'time-picker', 'time-picker-controller-only'];\n\nexport const getIsDateTime = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.DateTimePickerProps | DSControlledDateTimePickerT.InternalDateTimePickerProps =>\n  dateTimeTypes.includes(props.type);\n\nexport const getIsDate = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.DatePickerProps | DSControlledDateTimePickerT.InternalDatePickerProps =>\n  dateTypes.includes(props.type);\n\nexport const getIsTime = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.TimePickerProps | DSControlledDateTimePickerT.InternalTimePickerProps =>\n  timeTypes.includes(props.type);\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,gBAAgB,CAAC,kBAAkB,oBAAoB,oBAAoB,kCAAkC;AACnH,MAAM,YAAY,CAAC,aAAa,eAAe,eAAe,6BAA6B;AAC3F,MAAM,YAAY,CAAC,aAAa,eAAe,eAAe,6BAA6B;AAEpF,MAAM,gBAAgB,CAC3B,UAEA,cAAc,SAAS,MAAM,IAAI;AAE5B,MAAM,YAAY,CACvB,UAEA,UAAU,SAAS,MAAM,IAAI;AAExB,MAAM,YAAY,CACvB,UAEA,UAAU,SAAS,MAAM,IAAI;",
   "names": []
 }

package/dist/esm/ControlledDateTimePicker.js CHANGED Viewed

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
 import { DSControlledDateTimePickerName } from "./exported-related/theming.js";
-import { propTypes } from "./propTypes.js";
+import { propTypes } from "./react-desc-prop-types.js";
 import { useControlledDateTimePicker } from "./config/useControlledDateTimePicker.js";
 import { ControlledDateTimePickerContent } from "./parts/ControlledDateTimePickerContent.js";
 import { ControlledDateTimePickerContext } from "./ControlledDateTimePickerCTX.js";

package/dist/esm/ControlledDateTimePicker.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledDateTimePicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSControlledDateTimePickerName } from './exported-related/theming.js';\nimport { propTypes } from './propTypes.js';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker.js';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent.js';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX.js';\nimport type { DSControlledDateTimePickerT } from './propTypes.js';\n\nconst DSControlledDateTimePicker = (props: DSControlledDateTimePickerT.Props): JSX.Element => {\n  const ctx = useControlledDateTimePicker(props);\n  return (\n    <ControlledDateTimePickerContext.Provider value={ctx}>\n      <ControlledDateTimePickerContent />\n    </ControlledDateTimePickerContext.Provider>\n  );\n};\n\nDSControlledDateTimePicker.displayName = DSControlledDateTimePickerName;\nconst DSControlledDateTimePickerWithSchema = describe(DSControlledDateTimePicker);\nDSControlledDateTimePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSControlledDateTimePickerName } from './exported-related/theming.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker.js';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent.js';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX.js';\nimport type { DSControlledDateTimePickerT } from './react-desc-prop-types.js';\n\nconst DSControlledDateTimePicker = (props: DSControlledDateTimePickerT.Props): JSX.Element => {\n  const ctx = useControlledDateTimePicker(props);\n  return (\n    <ControlledDateTimePickerContext.Provider value={ctx}>\n      <ControlledDateTimePickerContent />\n    </ControlledDateTimePickerContext.Provider>\n  );\n};\n\nDSControlledDateTimePicker.displayName = DSControlledDateTimePickerName;\nconst DSControlledDateTimePickerWithSchema = describe(DSControlledDateTimePicker);\nDSControlledDateTimePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACcjB;AAZN,SAAS,gBAAgB;AACzB,SAAS,sCAAsC;AAC/C,SAAS,iBAAiB;AAC1B,SAAS,mCAAmC;AAC5C,SAAS,uCAAuC;AAChD,SAAS,uCAAuC;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,MAAM,4BAA4B,KAAK;AAC7C,SACE,oBAAC,gCAAgC,UAAhC,EAAyC,OAAO,KAC/C,8BAAC,mCAAgC,GACnC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
   "names": []
 }

package/dist/esm/ControlledDateTimePickerTypes.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledDateTimePickerTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/prefer-as-const */\nexport const CONTROLLED_DATE_TIME_PICKER_TYPES = {\n  DATE_TIME: {\n    FULL: 'full-date-time',\n    CONTROLLER_ONLY: 'date-time-picker-controller-only',\n    PICKER: 'date-time-picker',\n    INPUTS: 'date-time-inputs',\n  },\n  DATE: {\n    FULL: 'full-date',\n    CONTROLLER_ONLY: 'date-picker-controller-only',\n    PICKER: 'date-picker',\n    INPUTS: 'date-inputs',\n  },\n  TIME: {\n    FULL: 'full-time',\n    CONTROLLER_ONLY: 'time-picker-controller-only',\n    PICKER: 'time-picker',\n    INPUTS: 'time-inputs',\n  },\n} as const;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACChB,MAAM,oCAAoC;AAAA,EAC/C,WAAW;AAAA,IACT,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const CONTROLLED_DATE_TIME_PICKER_TYPES = {\n  DATE_TIME: {\n    FULL: 'full-date-time',\n    CONTROLLER_ONLY: 'date-time-picker-controller-only',\n    PICKER: 'date-time-picker',\n    INPUTS: 'date-time-inputs',\n  },\n  DATE: {\n    FULL: 'full-date',\n    CONTROLLER_ONLY: 'date-picker-controller-only',\n    PICKER: 'date-picker',\n    INPUTS: 'date-inputs',\n  },\n  TIME: {\n    FULL: 'full-time',\n    CONTROLLER_ONLY: 'time-picker-controller-only',\n    PICKER: 'time-picker',\n    INPUTS: 'time-inputs',\n  },\n} as const;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,oCAAoC;AAAA,EAC/C,WAAW;AAAA,IACT,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF;",
   "names": []
 }

package/dist/esm/config/useChangeHandlers.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useChangeHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport type { useRelevantValueFromProps } from './useRelevantValueFromProps.js';\nimport type { useGetDestructuredValues } from './useGetDestructuredValues.js';\nimport type { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';\nimport type { useGetReferences } from './useGetReferences.js';\nimport type { useFocusTracker } from './useFocusTracker.js';\nimport { getValidationDateStringMetaInfo } from '../utils/dateHelpers.js';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers.js';\nimport {\n  isEmptyDateStringMask,\n  isEmptyTimeStringMask,\n  isEmptyDateTimeStringMask,\n  getFormattedDateString,\n  getFormattedTimeString,\n} from '../utils/stringHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes.js';\nimport { defaultMetaInfo } from '../utils/constants.js';\ninterface Config {\n  relevantValues: ReturnType<typeof useRelevantValueFromProps>;\n  destructuredValues: ReturnType<typeof useGetDestructuredValues>;\n  propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;\n  DOMRefs: ReturnType<typeof useGetReferences>;\n  focusTrackers: ReturnType<typeof useFocusTracker>;\n}\n\nexport const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnType, focusTrackers }: Config) => {\n  const { tempDateString, setTempDateString, tempTimeString, setTimeString } = relevantValues;\n  const {\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    appOnDateChange,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    getIsDisabledTime,\n    appOnTimeChange,\n    appOnHourChange,\n    appOnMinuteChange,\n    appOnMeridiemChange,\n    appOnDateTimeChange,\n    isDateTime,\n    isDate,\n    isTime,\n  } = propsBasedOnType;\n  const { month, day, year, hours, minutes, meridiem } = destructuredValues;\n  const { trackFocusFirstSegment } = focusTrackers;\n\n  const getDateMetaInfo = useCallback(\n    (\n      newDateString: string | null = null,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {},\n    ): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n      const finalDateString = newDateString || tempDateString;\n      const finalMetaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(finalDateString, getIsOutOfRangeDay, getIsDisabledDay),\n      };\n      return finalMetaInfo;\n    },\n    [tempDateString, getIsDisabledDay, getIsOutOfRangeDay],\n  );\n\n  const getTimeMetaInfo = useCallback(\n    (\n      newTimeString: string | null = null,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {},\n    ): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n      const finalTimeString = newTimeString || tempTimeString;\n      const finalMetaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(finalTimeString, getIsDisabledTime),\n      };\n      return finalMetaInfo;\n    },\n    [tempTimeString, getIsDisabledTime],\n  );\n\n  const handleChangeComposedDateTimeString = useCallback(\n    (\n      newDateString: string,\n      newTimeString: string,\n      metaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo,\n    ): void => {\n      const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;\n      const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;\n      appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTempDateString(newDateString);\n\n      appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTimeString(newTimeString);\n\n      const newDateTimeString = `${newDateString} ${newTimeString}`;\n      const newMetaInfo = {\n        ...metaInfo,\n        ...getTimeMetaInfo(newTimeString, metaInfo),\n        ...getDateMetaInfo(newDateString, metaInfo),\n        newDateString,\n        newTimeString,\n        newDateTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [\n      appOnDateChange,\n      setTempDateString,\n      appOnTimeChange,\n      setTimeString,\n      getTimeMetaInfo,\n      getDateMetaInfo,\n      appOnDateTimeChange,\n    ],\n  );\n  const handleChangeComposedDateString = useCallback(\n    (newDateString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => {\n      // if we receive an \"empty\" mask, we comunicate empty string to the app\n      const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;\n      appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTempDateString(newDateString);\n      const newDateTimeString = `${newDateString} ${tempTimeString}`;\n      const newMetaInfo = {\n        ...metaInfo,\n        ...getTimeMetaInfo(tempTimeString, metaInfo),\n        ...getDateMetaInfo(newDateString, metaInfo),\n        newDateString,\n        newTimeString: tempTimeString,\n        newDateTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [appOnDateChange, setTempDateString, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n  );\n  const handleChangeComposedTimeString = useCallback(\n    (newTimeString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => {\n      const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;\n      appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos\n\n      setTimeString(newTimeString);\n      const newDateTimeString = `${tempDateString} ${newTimeString}`;\n      const newMetaInfo = {\n        ...metaInfo,\n        ...getTimeMetaInfo(newTimeString, metaInfo),\n        ...getDateMetaInfo(tempDateString, metaInfo),\n        newDateTimeString,\n        newDateString: tempDateString,\n        newTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [appOnTimeChange, setTimeString, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n  );\n\n  const handleChangeMonth: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newMonth, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month: newMonth,\n        day,\n        year,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnMonthChange(newMonth, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString],\n  );\n  const handleChangeDay: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newDay, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day: newDay,\n        year,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnDayChange(newDay, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString],\n  );\n  const handleChangeYear: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newYear, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day,\n        year: newYear,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnYearChange(newYear, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString],\n  );\n\n  const handleChangeHours: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newHours, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours: newHours,\n        minutes,\n        // seconds,\n        meridiem,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnHourChange(newHours, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString],\n  );\n  const handleChangeMinutes: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newMinutes, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours,\n        minutes: newMinutes,\n        meridiem,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnMinuteChange(newMinutes, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString],\n  );\n  const handleChangeMeridiem: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newMeridiem, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours,\n        minutes,\n        meridiem: newMeridiem,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnMeridiemChange(newMeridiem, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString],\n  );\n\n  const handleClearAll: DSControlledDateTimePickerInternalsT.OnDSBtnClick = useCallback(\n    (e) => {\n      const metaInfo = {\n        isAutomaticFillTrigger: false,\n        isClearButtonAction: true,\n        newDateString: '',\n        newTimeString: '',\n        newDateTimeString: '',\n      };\n      appOnMonthChange('', e, metaInfo);\n      appOnDayChange('', e, metaInfo);\n      appOnYearChange('', e, metaInfo);\n      appOnHourChange('', e, metaInfo);\n      appOnMinuteChange('', e, metaInfo);\n      appOnMeridiemChange('', e, metaInfo);\n      if (isDateTime) handleChangeComposedDateTimeString('__/__/____', '__:__ __', metaInfo);\n      if (isDate) handleChangeComposedDateString('__/__/____', metaInfo);\n      if (isTime) handleChangeComposedTimeString('__:__ __', metaInfo);\n      trackFocusFirstSegment();\n    },\n    [\n      appOnDayChange,\n      appOnHourChange,\n      appOnMeridiemChange,\n      appOnMinuteChange,\n      appOnMonthChange,\n      appOnYearChange,\n      handleChangeComposedDateString,\n      handleChangeComposedDateTimeString,\n      handleChangeComposedTimeString,\n      isDate,\n      isDateTime,\n      isTime,\n      trackFocusFirstSegment,\n    ],\n  );\n\n  return useMemo(\n    () => ({\n      handleChangeComposedDateTimeString,\n      handleChangeComposedDateString,\n      handleChangeComposedTimeString,\n      handleChangeMonth,\n      handleChangeDay,\n      handleChangeYear,\n      handleChangeHours,\n      handleChangeMinutes,\n      handleChangeMeridiem,\n      handleClearAll,\n    }),\n    [\n      handleChangeComposedDateString,\n      handleChangeComposedDateTimeString,\n      handleChangeComposedTimeString,\n      handleChangeDay,\n      handleChangeHours,\n      handleChangeMeridiem,\n      handleChangeMinutes,\n      handleChangeMonth,\n      handleChangeYear,\n      handleClearAll,\n    ],\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport type { useRelevantValueFromProps } from './useRelevantValueFromProps.js';\nimport type { useGetDestructuredValues } from './useGetDestructuredValues.js';\nimport type { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';\nimport type { useGetReferences } from './useGetReferences.js';\nimport type { useFocusTracker } from './useFocusTracker.js';\nimport { getValidationDateStringMetaInfo } from '../utils/dateHelpers.js';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers.js';\nimport {\n  isEmptyDateStringMask,\n  isEmptyTimeStringMask,\n  isEmptyDateTimeStringMask,\n  getFormattedDateString,\n  getFormattedTimeString,\n} from '../utils/stringHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes.js';\nimport { defaultMetaInfo } from '../utils/constants.js';\ninterface Config {\n  relevantValues: ReturnType<typeof useRelevantValueFromProps>;\n  destructuredValues: ReturnType<typeof useGetDestructuredValues>;\n  propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;\n  DOMRefs: ReturnType<typeof useGetReferences>;\n  focusTrackers: ReturnType<typeof useFocusTracker>;\n}\n\nexport const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnType, focusTrackers }: Config) => {\n  const { tempDateString, setTempDateString, tempTimeString, setTimeString } = relevantValues;\n  const {\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    appOnDateChange,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    getIsDisabledTime,\n    appOnTimeChange,\n    appOnHourChange,\n    appOnMinuteChange,\n    appOnMeridiemChange,\n    appOnDateTimeChange,\n    isDateTime,\n    isDate,\n    isTime,\n  } = propsBasedOnType;\n  const { month, day, year, hours, minutes, meridiem } = destructuredValues;\n  const { trackFocusFirstSegment } = focusTrackers;\n\n  const getDateMetaInfo = useCallback(\n    (\n      newDateString: string | null = null,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {},\n    ): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n      const finalDateString = newDateString || tempDateString;\n      const finalMetaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(finalDateString, getIsOutOfRangeDay, getIsDisabledDay),\n      };\n      return finalMetaInfo;\n    },\n    [tempDateString, getIsDisabledDay, getIsOutOfRangeDay],\n  );\n\n  const getTimeMetaInfo = useCallback(\n    (\n      newTimeString: string | null = null,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {},\n    ): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n      const finalTimeString = newTimeString || tempTimeString;\n      const finalMetaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(finalTimeString, getIsDisabledTime),\n      };\n      return finalMetaInfo;\n    },\n    [tempTimeString, getIsDisabledTime],\n  );\n\n  const handleChangeComposedDateTimeString = useCallback(\n    (\n      newDateString: string,\n      newTimeString: string,\n      metaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo,\n    ): void => {\n      const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;\n      const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;\n      appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTempDateString(newDateString);\n\n      appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTimeString(newTimeString);\n\n      const newDateTimeString = `${newDateString} ${newTimeString}`;\n      const newMetaInfo = {\n        ...metaInfo,\n        ...getTimeMetaInfo(newTimeString, metaInfo),\n        ...getDateMetaInfo(newDateString, metaInfo),\n        newDateString,\n        newTimeString,\n        newDateTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [\n      appOnDateChange,\n      setTempDateString,\n      appOnTimeChange,\n      setTimeString,\n      getTimeMetaInfo,\n      getDateMetaInfo,\n      appOnDateTimeChange,\n    ],\n  );\n  const handleChangeComposedDateString = useCallback(\n    (newDateString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => {\n      // if we receive an \"empty\" mask, we comunicate empty string to the app\n      const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;\n      appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTempDateString(newDateString);\n      const newDateTimeString = `${newDateString} ${tempTimeString}`;\n      const newMetaInfo = {\n        ...metaInfo,\n        ...getTimeMetaInfo(tempTimeString, metaInfo),\n        ...getDateMetaInfo(newDateString, metaInfo),\n        newDateString,\n        newTimeString: tempTimeString,\n        newDateTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [appOnDateChange, setTempDateString, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n  );\n  const handleChangeComposedTimeString = useCallback(\n    (newTimeString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => {\n      const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;\n      appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos\n\n      setTimeString(newTimeString);\n      const newDateTimeString = `${tempDateString} ${newTimeString}`;\n      const newMetaInfo = {\n        ...metaInfo,\n        ...getTimeMetaInfo(newTimeString, metaInfo),\n        ...getDateMetaInfo(tempDateString, metaInfo),\n        newDateTimeString,\n        newDateString: tempDateString,\n        newTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [appOnTimeChange, setTimeString, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n  );\n\n  const handleChangeMonth: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newMonth, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month: newMonth,\n        day,\n        year,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnMonthChange(newMonth, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString],\n  );\n  const handleChangeDay: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newDay, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day: newDay,\n        year,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnDayChange(newDay, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString],\n  );\n  const handleChangeYear: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newYear, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day,\n        year: newYear,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnYearChange(newYear, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString],\n  );\n\n  const handleChangeHours: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newHours, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours: newHours,\n        minutes,\n        // seconds,\n        meridiem,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnHourChange(newHours, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString],\n  );\n  const handleChangeMinutes: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newMinutes, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours,\n        minutes: newMinutes,\n        meridiem,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnMinuteChange(newMinutes, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString],\n  );\n  const handleChangeMeridiem: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n    (newMeridiem, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours,\n        minutes,\n        meridiem: newMeridiem,\n      });\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnMeridiemChange(newMeridiem, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString],\n  );\n\n  const handleClearAll: DSControlledDateTimePickerInternalsT.OnDSBtnClick = useCallback(\n    (e) => {\n      const metaInfo = {\n        isAutomaticFillTrigger: false,\n        isClearButtonAction: true,\n        newDateString: '',\n        newTimeString: '',\n        newDateTimeString: '',\n      };\n      appOnMonthChange('', e, metaInfo);\n      appOnDayChange('', e, metaInfo);\n      appOnYearChange('', e, metaInfo);\n      appOnHourChange('', e, metaInfo);\n      appOnMinuteChange('', e, metaInfo);\n      appOnMeridiemChange('', e, metaInfo);\n      if (isDateTime) handleChangeComposedDateTimeString('__/__/____', '__:__ __', metaInfo);\n      if (isDate) handleChangeComposedDateString('__/__/____', metaInfo);\n      if (isTime) handleChangeComposedTimeString('__:__ __', metaInfo);\n      trackFocusFirstSegment();\n    },\n    [\n      appOnDayChange,\n      appOnHourChange,\n      appOnMeridiemChange,\n      appOnMinuteChange,\n      appOnMonthChange,\n      appOnYearChange,\n      handleChangeComposedDateString,\n      handleChangeComposedDateTimeString,\n      handleChangeComposedTimeString,\n      isDate,\n      isDateTime,\n      isTime,\n      trackFocusFirstSegment,\n    ],\n  );\n\n  return useMemo(\n    () => ({\n      handleChangeComposedDateTimeString,\n      handleChangeComposedDateString,\n      handleChangeComposedTimeString,\n      handleChangeMonth,\n      handleChangeDay,\n      handleChangeYear,\n      handleChangeHours,\n      handleChangeMinutes,\n      handleChangeMeridiem,\n      handleClearAll,\n    }),\n    [\n      handleChangeComposedDateString,\n      handleChangeComposedDateTimeString,\n      handleChangeComposedTimeString,\n      handleChangeDay,\n      handleChangeHours,\n      handleChangeMeridiem,\n      handleChangeMinutes,\n      handleChangeMonth,\n      handleChangeYear,\n      handleClearAll,\n    ],\n  );\n};\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/config/useControlledDateTimePicker.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useControlledDateTimePicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault.js';\nimport { useFocusTracker } from './useFocusTracker.js';\nimport { useGetFlags } from './useGetFlags.js';\nimport { useGetReferences } from './useGetReferences.js';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps.js';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';\nimport { useGetDestructuredValues } from './useGetDestructuredValues.js';\nimport { useChangeHandlers } from './useChangeHandlers.js';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\n\nexport type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> &\n  ReturnType<typeof useFocusTracker> &\n  ReturnType<typeof useGetReferences> &\n  ReturnType<typeof useGetPropsBasedOnType> &\n  ReturnType<typeof useRelevantValueFromProps> &\n  ReturnType<typeof useGetDestructuredValues> &\n  ReturnType<typeof useChangeHandlers> &\n  ReturnType<typeof useGlobalKeyHandlers> & {\n    props: DSControlledDateTimePickerT.InternalProps;\n    getProps: () => DSControlledDateTimePickerT.InternalProps;\n    ariaCurrentValueForInputs: string;\n    globalAttrs: Record<string, unknown>;\n    xstyledAttrs: Record<string, unknown>;\n  };\n\nexport const useControlledDateTimePicker = (\n  props: DSControlledDateTimePickerT.Props,\n): ControlledDateTimePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n\n  const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);\n\n  const flags = useGetFlags(propsWithDefaults);\n  const DOMRefs = useGetReferences(flags); // refs are used for \"auto-advance\" feature\n  const focusTrackers = useFocusTracker({ DOMRefs, flags });\n  const relevantValues = useRelevantValueFromProps(propsWithDefaults);\n  const propsBasedOnType = useGetPropsBasedOnType(propsWithDefaults);\n  const destructuredValues = useGetDestructuredValues({ ...propsBasedOnType, ...flags });\n  const changeHandlers = useChangeHandlers({\n    relevantValues,\n    destructuredValues,\n    propsBasedOnType,\n    DOMRefs,\n    focusTrackers,\n  });\n\n  const globalKeyHandlers = useGlobalKeyHandlers({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  // const dataAttrs = getDataProps<DSControlledDateTimePickerT.InternalProps>(propsWithDefaults);\n\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults) as Record<string, unknown>;\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefaults) as Record<string, unknown>;\n\n  const { announcedDateValues, announcedTimeValues } = destructuredValues;\n  const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;\n\n  const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ''}${\n    isDateTimeSelector ? ', ' : ''\n  }${isWithTimeInputs ? `${announcedTimeValues}` : ''}`;\n\n  const getProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n\n  const ctx = React.useMemo(\n    () => ({\n      props: propsWithDefaults,\n      getProps,\n      ariaCurrentValueForInputs,\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      xstyledAttrs,\n      globalAttrs,\n      ...focusTrackers,\n      ...flags,\n      ...DOMRefs,\n      ...relevantValues,\n      ...propsBasedOnType,\n      ...destructuredValues,\n      ...changeHandlers,\n      ...globalKeyHandlers,\n    }),\n    [\n      propsWithDefaults,\n      getProps,\n      ariaCurrentValueForInputs,\n      xstyledAttrs,\n      globalAttrs,\n      focusTrackers,\n      flags,\n      DOMRefs,\n      relevantValues,\n      propsBasedOnType,\n      destructuredValues,\n      changeHandlers,\n      globalKeyHandlers,\n    ],\n  );\n\n  return ctx;\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault.js';\nimport { useFocusTracker } from './useFocusTracker.js';\nimport { useGetFlags } from './useGetFlags.js';\nimport { useGetReferences } from './useGetReferences.js';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps.js';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';\nimport { useGetDestructuredValues } from './useGetDestructuredValues.js';\nimport { useChangeHandlers } from './useChangeHandlers.js';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\nexport type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> &\n  ReturnType<typeof useFocusTracker> &\n  ReturnType<typeof useGetReferences> &\n  ReturnType<typeof useGetPropsBasedOnType> &\n  ReturnType<typeof useRelevantValueFromProps> &\n  ReturnType<typeof useGetDestructuredValues> &\n  ReturnType<typeof useChangeHandlers> &\n  ReturnType<typeof useGlobalKeyHandlers> & {\n    props: DSControlledDateTimePickerT.InternalProps;\n    getProps: () => DSControlledDateTimePickerT.InternalProps;\n    ariaCurrentValueForInputs: string;\n    globalAttrs: Record<string, unknown>;\n    xstyledAttrs: Record<string, unknown>;\n  };\n\nexport const useControlledDateTimePicker = (\n  props: DSControlledDateTimePickerT.Props,\n): ControlledDateTimePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n\n  const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);\n\n  const flags = useGetFlags(propsWithDefaults);\n  const DOMRefs = useGetReferences(flags); // refs are used for \"auto-advance\" feature\n  const focusTrackers = useFocusTracker({ DOMRefs, flags });\n  const relevantValues = useRelevantValueFromProps(propsWithDefaults);\n  const propsBasedOnType = useGetPropsBasedOnType(propsWithDefaults);\n  const destructuredValues = useGetDestructuredValues({ ...propsBasedOnType, ...flags });\n  const changeHandlers = useChangeHandlers({\n    relevantValues,\n    destructuredValues,\n    propsBasedOnType,\n    DOMRefs,\n    focusTrackers,\n  });\n\n  const globalKeyHandlers = useGlobalKeyHandlers({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  // const dataAttrs = getDataProps<DSControlledDateTimePickerT.InternalProps>(propsWithDefaults);\n\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults) as Record<string, unknown>;\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefaults) as Record<string, unknown>;\n\n  const { announcedDateValues, announcedTimeValues } = destructuredValues;\n  const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;\n\n  const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ''}${\n    isDateTimeSelector ? ', ' : ''\n  }${isWithTimeInputs ? `${announcedTimeValues}` : ''}`;\n\n  const getProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n\n  const ctx = React.useMemo(\n    () => ({\n      props: propsWithDefaults,\n      getProps,\n      ariaCurrentValueForInputs,\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      xstyledAttrs,\n      globalAttrs,\n      ...focusTrackers,\n      ...flags,\n      ...DOMRefs,\n      ...relevantValues,\n      ...propsBasedOnType,\n      ...destructuredValues,\n      ...changeHandlers,\n      ...globalKeyHandlers,\n    }),\n    [\n      propsWithDefaults,\n      getProps,\n      ariaCurrentValueForInputs,\n      xstyledAttrs,\n      globalAttrs,\n      focusTrackers,\n      flags,\n      DOMRefs,\n      relevantValues,\n      propsBasedOnType,\n      destructuredValues,\n      changeHandlers,\n      globalKeyHandlers,\n    ],\n  );\n\n  return ctx;\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,yCAAyC;AAClD,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAkB1B,MAAM,8BAA8B,CACzC,UACqC;AAErC,mBAAiB,KAAK;AAEtB,QAAM,oBAAoB,kCAAkC,KAAK;AAEjE,QAAM,QAAQ,YAAY,iBAAiB;AAC3C,QAAM,UAAU,iBAAiB,KAAK;AACtC,QAAM,gBAAgB,gBAAgB,EAAE,SAAS,MAAM,CAAC;AACxD,QAAM,iBAAiB,0BAA0B,iBAAiB;AAClE,QAAM,mBAAmB,uBAAuB,iBAAiB;AACjE,QAAM,qBAAqB,yBAAyB,EAAE,GAAG,kBAAkB,GAAG,MAAM,CAAC;AACrF,QAAM,iBAAiB,kBAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,qBAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,cAAc,uBAAuB,iBAAiB;AAE5D,QAAM,EAAE,qBAAqB,oBAAoB,IAAI;AACrD,QAAM,EAAE,kBAAkB,oBAAoB,iBAAiB,IAAI;AAEnE,QAAM,4BAA4B,mBAAmB,mBAAmB,GAAG,wBAAwB,KACjG,qBAAqB,OAAO,KAC3B,mBAAmB,GAAG,wBAAwB;AAEjD,QAAM,WAAW,YAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAEzE,QAAM,MAAMA,OAAM;AAAA,IAChB,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": ["React"]
 }

package/dist/esm/config/useGetFlags.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetFlags.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes.js';\nimport { getIsDateTime, getIsDate } from '../utils/typeGuards.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\n\nconst getDateTimeFlags = (props: DSControlledDateTimePickerT.InternalDateTimePickerProps) => {\n  const { type, isClearable, dateTime, autoFocus, innerRef } = props;\n  const constants = {\n    hideDatePicker: true,\n    hideTimePicker: true,\n    isDateSelector: false,\n    isTimeSelector: false,\n    isDateTimeSelector: true,\n    isWithDateInputsOnly: false,\n    isWithTimeInputsOnly: false,\n    autoFocusHourInput: false,\n    autoFocusHourTimeWheel: false,\n  };\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS;\n  const hideDateTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const withAnyPicker = !hideDateTimePicker;\n  const withClearBtn = withAnyInputs && isClearable && dateTime !== '' && dateTime !== '__/__/____ __:__ __';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n  const finalFlags = {\n    hideDate: !withAnyInputs,\n    hideTime: !withAnyInputs,\n    hideDateTimePicker,\n    isControllerOnly,\n    isWithTimeWheelToo: !hideDateTimePicker,\n    isWithCalendarToo: !hideDateTimePicker,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithDateInputs: withAnyInputs,\n    isWithTimeInputs: withAnyInputs,\n    autoFocusMonthInput: withAnyInputs && autoFocus,\n    autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n    innerRefMonthInput: withAnyInputs ? innerRef : undefined,\n    innerRefPrevMonthArrow: isControllerOnly ? innerRef : undefined,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\nconst getDateFlags = (props: DSControlledDateTimePickerT.InternalDatePickerProps) => {\n  const { type, isClearable, date, autoFocus, innerRef } = props;\n\n  const constants = {\n    isDateSelector: true,\n    hideTime: true,\n    hideDateTimePicker: true,\n    hideTimePicker: true,\n    isTimeSelector: false,\n    isDateTimeSelector: false,\n    isWithCalendarToo: false,\n    isWithTimeWheelToo: false,\n    isWithTimeInputs: false,\n    isWithTimeInputsOnly: false,\n    autoFocusHourTimeWheel: false,\n    autoFocusHourInput: false,\n  };\n\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;\n  const hideDatePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n\n  const withAnyPicker = !hideDatePicker;\n  const withClearBtn = withAnyInputs && isClearable && date !== '' && date !== '__/__/____';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n\n  const finalFlags = {\n    hideDate: !withAnyInputs,\n    hideDatePicker,\n    isControllerOnly,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithDateInputs: withAnyInputs,\n    isWithDateInputsOnly: withAnyInputs,\n    autoFocusMonthInput: withAnyInputs && autoFocus,\n    autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n    innerRefMonthInput: withAnyInputs ? innerRef : undefined,\n    innerRefPrevMonthArrow: isControllerOnly ? innerRef : undefined,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\nconst getTimeFlags = (props: DSControlledDateTimePickerT.InternalTimePickerProps) => {\n  const { type, isClearable, time, autoFocus, innerRef } = props;\n  const constants = {\n    hideDate: true,\n    hideDateTimePicker: true,\n    hideDatePicker: true,\n    isDateSelector: false,\n    isDateTimeSelector: false,\n    isWithDateInputs: false,\n    isWithDateInputsOnly: false,\n    isTimeSelector: true,\n    isWithTimeWheelToo: false,\n    isWithCalendarToo: false,\n    autoFocusMonthInput: false,\n    autoFocusPrevMonthArrow: false,\n    innerRefMonthInput: undefined,\n    innerRefPrevMonthArrow: undefined,\n  };\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;\n  const hideTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const withClearBtn = withAnyInputs && isClearable && time !== '' && time !== '__:__ __';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n  const withAnyPicker = !hideTimePicker;\n  const finalFlags = {\n    hideTime: !withAnyInputs,\n    hideTimePicker,\n    isControllerOnly,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithTimeInputs: withAnyInputs,\n    isWithTimeInputsOnly: withAnyInputs,\n    autoFocusHourInput: withAnyInputs && autoFocus,\n    autoFocusHourTimeWheel: isControllerOnly && autoFocus,\n    innerRefHourInput: withAnyInputs ? innerRef : undefined,\n    innerRefHourTimeWheel: isControllerOnly ? innerRef : undefined,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\n\nexport const useGetFlags = (props: DSControlledDateTimePickerT.InternalProps) =>\n  useMemo(() => {\n    if (getIsDateTime(props)) {\n      return getDateTimeFlags(props);\n    }\n    if (getIsDate(props)) {\n      return getDateFlags(props);\n    }\n    return getTimeFlags(props);\n  }, [props]);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes.js';\nimport { getIsDateTime, getIsDate } from '../utils/typeGuards.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\nconst getDateTimeFlags = (props: DSControlledDateTimePickerT.InternalDateTimePickerProps) => {\n  const { type, isClearable, dateTime, autoFocus, innerRef } = props;\n  const constants = {\n    hideDatePicker: true,\n    hideTimePicker: true,\n    isDateSelector: false,\n    isTimeSelector: false,\n    isDateTimeSelector: true,\n    isWithDateInputsOnly: false,\n    isWithTimeInputsOnly: false,\n    autoFocusHourInput: false,\n    autoFocusHourTimeWheel: false,\n  };\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS;\n  const hideDateTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const withAnyPicker = !hideDateTimePicker;\n  const withClearBtn = withAnyInputs && isClearable && dateTime !== '' && dateTime !== '__/__/____ __:__ __';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n  const finalFlags = {\n    hideDate: !withAnyInputs,\n    hideTime: !withAnyInputs,\n    hideDateTimePicker,\n    isControllerOnly,\n    isWithTimeWheelToo: !hideDateTimePicker,\n    isWithCalendarToo: !hideDateTimePicker,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithDateInputs: withAnyInputs,\n    isWithTimeInputs: withAnyInputs,\n    autoFocusMonthInput: withAnyInputs && autoFocus,\n    autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n    innerRefMonthInput: withAnyInputs ? innerRef : undefined,\n    innerRefPrevMonthArrow: isControllerOnly ? innerRef : undefined,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\nconst getDateFlags = (props: DSControlledDateTimePickerT.InternalDatePickerProps) => {\n  const { type, isClearable, date, autoFocus, innerRef } = props;\n\n  const constants = {\n    isDateSelector: true,\n    hideTime: true,\n    hideDateTimePicker: true,\n    hideTimePicker: true,\n    isTimeSelector: false,\n    isDateTimeSelector: false,\n    isWithCalendarToo: false,\n    isWithTimeWheelToo: false,\n    isWithTimeInputs: false,\n    isWithTimeInputsOnly: false,\n    autoFocusHourTimeWheel: false,\n    autoFocusHourInput: false,\n  };\n\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;\n  const hideDatePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n\n  const withAnyPicker = !hideDatePicker;\n  const withClearBtn = withAnyInputs && isClearable && date !== '' && date !== '__/__/____';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n\n  const finalFlags = {\n    hideDate: !withAnyInputs,\n    hideDatePicker,\n    isControllerOnly,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithDateInputs: withAnyInputs,\n    isWithDateInputsOnly: withAnyInputs,\n    autoFocusMonthInput: withAnyInputs && autoFocus,\n    autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n    innerRefMonthInput: withAnyInputs ? innerRef : undefined,\n    innerRefPrevMonthArrow: isControllerOnly ? innerRef : undefined,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\nconst getTimeFlags = (props: DSControlledDateTimePickerT.InternalTimePickerProps) => {\n  const { type, isClearable, time, autoFocus, innerRef } = props;\n  const constants = {\n    hideDate: true,\n    hideDateTimePicker: true,\n    hideDatePicker: true,\n    isDateSelector: false,\n    isDateTimeSelector: false,\n    isWithDateInputs: false,\n    isWithDateInputsOnly: false,\n    isTimeSelector: true,\n    isWithTimeWheelToo: false,\n    isWithCalendarToo: false,\n    autoFocusMonthInput: false,\n    autoFocusPrevMonthArrow: false,\n    innerRefMonthInput: undefined,\n    innerRefPrevMonthArrow: undefined,\n  };\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;\n  const hideTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const withClearBtn = withAnyInputs && isClearable && time !== '' && time !== '__:__ __';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n  const withAnyPicker = !hideTimePicker;\n  const finalFlags = {\n    hideTime: !withAnyInputs,\n    hideTimePicker,\n    isControllerOnly,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithTimeInputs: withAnyInputs,\n    isWithTimeInputsOnly: withAnyInputs,\n    autoFocusHourInput: withAnyInputs && autoFocus,\n    autoFocusHourTimeWheel: isControllerOnly && autoFocus,\n    innerRefHourInput: withAnyInputs ? innerRef : undefined,\n    innerRefHourTimeWheel: isControllerOnly ? innerRef : undefined,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\n\nexport const useGetFlags = (props: DSControlledDateTimePickerT.InternalProps) =>\n  useMemo(() => {\n    if (getIsDateTime(props)) {\n      return getDateTimeFlags(props);\n    }\n    if (getIsDate(props)) {\n      return getDateFlags(props);\n    }\n    return getTimeFlags(props);\n  }, [props]);\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/config/useGetPropsBasedOnType.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetPropsBasedOnType.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\nconst defaultReturnFalse = () => false;\n\nexport const useGetPropsBasedOnType = (propsWithDefaults: DSControlledDateTimePickerT.InternalProps) => {\n  const isDateTime = getIsDateTime(propsWithDefaults);\n  const isDate = getIsDate(propsWithDefaults);\n  const isTime = getIsTime(propsWithDefaults);\n\n  /* -------------------------- -------------- --------------------------*/\n  /* -------------------------- DATE OPTIONALS --------------------------*/\n  /* -------------------------- -------------- --------------------------*/\n  const getIsDisabledDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsDisabledDay\n      ? propsWithDefaults.getIsDisabledDay\n      : defaultReturnFalse;\n  const getIsOutOfRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsOutOfRangeDay\n      ? propsWithDefaults.getIsOutOfRangeDay\n      : defaultReturnFalse;\n  const appOnMonthChange =\n    (isDateTime || isDate) && propsWithDefaults.onMonthChange ? propsWithDefaults.onMonthChange : noop;\n  const appOnDayChange = (isDateTime || isDate) && propsWithDefaults.onDayChange ? propsWithDefaults.onDayChange : noop;\n  const appOnYearChange =\n    (isDateTime || isDate) && propsWithDefaults.onYearChange ? propsWithDefaults.onYearChange : noop;\n\n  const emptyPickerStartingMonthDefault = `${new Date().getMonth() + 1}/__/${new Date().getFullYear()}`;\n  const emptyPickerStartingMonth =\n    (isDateTime || isDate) && propsWithDefaults.emptyPickerStartingMonth\n      ? propsWithDefaults.emptyPickerStartingMonth\n      : emptyPickerStartingMonthDefault;\n  const onCalendarOpenFocusedDay =\n    (isDateTime || isDate) && propsWithDefaults.onCalendarOpenFocusedDay\n      ? propsWithDefaults.onCalendarOpenFocusedDay\n      : undefined;\n  /* -------------------------- -------------- --------------------------*/\n  /* -------------------------- TIME OPTIONALS --------------------------*/\n  /* -------------------------- -------------- --------------------------*/\n  const getIsDisabledTime =\n    (isDateTime || isTime) && propsWithDefaults.getIsDisabledTime\n      ? propsWithDefaults.getIsDisabledTime\n      : defaultReturnFalse;\n  const appOnHourChange =\n    (isDateTime || isTime) && propsWithDefaults.onHourChange ? propsWithDefaults.onHourChange : noop;\n  const appOnMinuteChange =\n    (isDateTime || isTime) && propsWithDefaults.onMinuteChange ? propsWithDefaults.onMinuteChange : noop;\n  const appOnMeridiemChange =\n    (isDateTime || isTime) && propsWithDefaults.onMeridiemChange ? propsWithDefaults.onMeridiemChange : noop;\n  const minutesInterval =\n    (isDateTime || isTime) && propsWithDefaults.minutesInterval ? propsWithDefaults.minutesInterval : 1;\n  const onTimeWheelOpenStartingTime =\n    (isDateTime || isTime) && propsWithDefaults.onTimeWheelOpenStartingTime\n      ? propsWithDefaults.onTimeWheelOpenStartingTime\n      : '01:00 AM';\n\n  /* --------- ------------------------------------ ---------------------*/\n  /* --------- SPECIFIC REQUIRED DATETIME OPTIONALS ---------------------*/\n  /* --------- ------------------------------------ ---------------------*/\n  const appOnDateChange =\n    (isDateTime || isDate) && propsWithDefaults.onDateChange ? propsWithDefaults.onDateChange : noop;\n  const appOnTimeChange =\n    (isDateTime || isTime) && propsWithDefaults.onTimeChange ? propsWithDefaults.onTimeChange : noop;\n  /* ---------------------- ---------------------- ----------------------*/\n  /* ---------------------- DATE-RELATED OPTIONALS ----------------------*/\n  /* ---------------------- ---------------------- ----------------------*/\n  const getIsStartRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsStartRangeDay ? propsWithDefaults.getIsStartRangeDay : noop;\n  const getIsDayInRange =\n    (isDateTime || isDate) && propsWithDefaults.getIsDayInRange ? propsWithDefaults.getIsDayInRange : noop;\n  const getIsEndRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsEndRangeDay ? propsWithDefaults.getIsEndRangeDay : noop;\n\n  /* --------------------- ----------------------- ------------------------*/\n  /* --------------------- TYPE SPECIFIC REQUIREDS ------------------------*/\n  /* --------------------- ----------------------- ------------------------*/\n  const appDate = isDate ? propsWithDefaults.date : '';\n  const appTime = isTime ? propsWithDefaults.time : '';\n  const appDateTime = isDateTime ? propsWithDefaults.dateTime : '';\n  const appOnDateTimeChange = isDateTime ? propsWithDefaults.onDateTimeChange : noop;\n\n  return useMemo(\n    () => ({\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      appOnDateChange,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      appDate,\n      getIsDisabledTime,\n      appOnTimeChange,\n      appOnHourChange,\n      appOnMinuteChange,\n      appOnMeridiemChange,\n      appTime,\n      appDateTime,\n      appOnDateTimeChange,\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      minutesInterval,\n      onTimeWheelOpenStartingTime,\n      isDate,\n      isTime,\n      isDateTime,\n    }),\n    [\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      appOnDateChange,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      appDate,\n      getIsDisabledTime,\n      appOnTimeChange,\n      appOnHourChange,\n      appOnMinuteChange,\n      appOnMeridiemChange,\n      appTime,\n      appDateTime,\n      appOnDateTimeChange,\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      minutesInterval,\n      onTimeWheelOpenStartingTime,\n      isDate,\n      isTime,\n      isDateTime,\n    ],\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\nconst defaultReturnFalse = () => false;\n\nexport const useGetPropsBasedOnType = (propsWithDefaults: DSControlledDateTimePickerT.InternalProps) => {\n  const isDateTime = getIsDateTime(propsWithDefaults);\n  const isDate = getIsDate(propsWithDefaults);\n  const isTime = getIsTime(propsWithDefaults);\n\n  /* -------------------------- -------------- --------------------------*/\n  /* -------------------------- DATE OPTIONALS --------------------------*/\n  /* -------------------------- -------------- --------------------------*/\n  const getIsDisabledDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsDisabledDay\n      ? propsWithDefaults.getIsDisabledDay\n      : defaultReturnFalse;\n  const getIsOutOfRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsOutOfRangeDay\n      ? propsWithDefaults.getIsOutOfRangeDay\n      : defaultReturnFalse;\n  const appOnMonthChange =\n    (isDateTime || isDate) && propsWithDefaults.onMonthChange ? propsWithDefaults.onMonthChange : noop;\n  const appOnDayChange = (isDateTime || isDate) && propsWithDefaults.onDayChange ? propsWithDefaults.onDayChange : noop;\n  const appOnYearChange =\n    (isDateTime || isDate) && propsWithDefaults.onYearChange ? propsWithDefaults.onYearChange : noop;\n\n  const emptyPickerStartingMonthDefault = `${new Date().getMonth() + 1}/__/${new Date().getFullYear()}`;\n  const emptyPickerStartingMonth =\n    (isDateTime || isDate) && propsWithDefaults.emptyPickerStartingMonth\n      ? propsWithDefaults.emptyPickerStartingMonth\n      : emptyPickerStartingMonthDefault;\n  const onCalendarOpenFocusedDay =\n    (isDateTime || isDate) && propsWithDefaults.onCalendarOpenFocusedDay\n      ? propsWithDefaults.onCalendarOpenFocusedDay\n      : undefined;\n  /* -------------------------- -------------- --------------------------*/\n  /* -------------------------- TIME OPTIONALS --------------------------*/\n  /* -------------------------- -------------- --------------------------*/\n  const getIsDisabledTime =\n    (isDateTime || isTime) && propsWithDefaults.getIsDisabledTime\n      ? propsWithDefaults.getIsDisabledTime\n      : defaultReturnFalse;\n  const appOnHourChange =\n    (isDateTime || isTime) && propsWithDefaults.onHourChange ? propsWithDefaults.onHourChange : noop;\n  const appOnMinuteChange =\n    (isDateTime || isTime) && propsWithDefaults.onMinuteChange ? propsWithDefaults.onMinuteChange : noop;\n  const appOnMeridiemChange =\n    (isDateTime || isTime) && propsWithDefaults.onMeridiemChange ? propsWithDefaults.onMeridiemChange : noop;\n  const minutesInterval =\n    (isDateTime || isTime) && propsWithDefaults.minutesInterval ? propsWithDefaults.minutesInterval : 1;\n  const onTimeWheelOpenStartingTime =\n    (isDateTime || isTime) && propsWithDefaults.onTimeWheelOpenStartingTime\n      ? propsWithDefaults.onTimeWheelOpenStartingTime\n      : '01:00 AM';\n\n  /* --------- ------------------------------------ ---------------------*/\n  /* --------- SPECIFIC REQUIRED DATETIME OPTIONALS ---------------------*/\n  /* --------- ------------------------------------ ---------------------*/\n  const appOnDateChange =\n    (isDateTime || isDate) && propsWithDefaults.onDateChange ? propsWithDefaults.onDateChange : noop;\n  const appOnTimeChange =\n    (isDateTime || isTime) && propsWithDefaults.onTimeChange ? propsWithDefaults.onTimeChange : noop;\n  /* ---------------------- ---------------------- ----------------------*/\n  /* ---------------------- DATE-RELATED OPTIONALS ----------------------*/\n  /* ---------------------- ---------------------- ----------------------*/\n  const getIsStartRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsStartRangeDay ? propsWithDefaults.getIsStartRangeDay : noop;\n  const getIsDayInRange =\n    (isDateTime || isDate) && propsWithDefaults.getIsDayInRange ? propsWithDefaults.getIsDayInRange : noop;\n  const getIsEndRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsEndRangeDay ? propsWithDefaults.getIsEndRangeDay : noop;\n\n  /* --------------------- ----------------------- ------------------------*/\n  /* --------------------- TYPE SPECIFIC REQUIREDS ------------------------*/\n  /* --------------------- ----------------------- ------------------------*/\n  const appDate = isDate ? propsWithDefaults.date : '';\n  const appTime = isTime ? propsWithDefaults.time : '';\n  const appDateTime = isDateTime ? propsWithDefaults.dateTime : '';\n  const appOnDateTimeChange = isDateTime ? propsWithDefaults.onDateTimeChange : noop;\n\n  return useMemo(\n    () => ({\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      appOnDateChange,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      appDate,\n      getIsDisabledTime,\n      appOnTimeChange,\n      appOnHourChange,\n      appOnMinuteChange,\n      appOnMeridiemChange,\n      appTime,\n      appDateTime,\n      appOnDateTimeChange,\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      minutesInterval,\n      onTimeWheelOpenStartingTime,\n      isDate,\n      isTime,\n      isDateTime,\n    }),\n    [\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      appOnDateChange,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      appDate,\n      getIsDisabledTime,\n      appOnTimeChange,\n      appOnHourChange,\n      appOnMinuteChange,\n      appOnMeridiemChange,\n      appTime,\n      appDateTime,\n      appOnDateTimeChange,\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      minutesInterval,\n      onTimeWheelOpenStartingTime,\n      isDate,\n      isTime,\n      isDateTime,\n    ],\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,eAAe;AACxB,SAAS,eAAe,WAAW,iBAAiB;AAIpD,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,qBAAqB,MAAM;AAE1B,MAAM,yBAAyB,CAAC,sBAAiE;AACtG,QAAM,aAAa,cAAc,iBAAiB;AAClD,QAAM,SAAS,UAAU,iBAAiB;AAC1C,QAAM,SAAS,UAAU,iBAAiB;AAK1C,QAAM,oBACH,cAAc,WAAW,kBAAkB,mBACxC,kBAAkB,mBAClB;AACN,QAAM,sBACH,cAAc,WAAW,kBAAkB,qBACxC,kBAAkB,qBAClB;AACN,QAAM,oBACH,cAAc,WAAW,kBAAkB,gBAAgB,kBAAkB,gBAAgB;AAChG,QAAM,kBAAkB,cAAc,WAAW,kBAAkB,cAAc,kBAAkB,cAAc;AACjH,QAAM,mBACH,cAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAE9F,QAAM,kCAAkC,IAAG,oBAAI,KAAK,GAAE,SAAS,IAAI,SAAQ,oBAAI,KAAK,GAAE,YAAY;AAClG,QAAM,4BACH,cAAc,WAAW,kBAAkB,2BACxC,kBAAkB,2BAClB;AACN,QAAM,4BACH,cAAc,WAAW,kBAAkB,2BACxC,kBAAkB,2BAClB;AAIN,QAAM,qBACH,cAAc,WAAW,kBAAkB,oBACxC,kBAAkB,oBAClB;AACN,QAAM,mBACH,cAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAC9F,QAAM,qBACH,cAAc,WAAW,kBAAkB,iBAAiB,kBAAkB,iBAAiB;AAClG,QAAM,uBACH,cAAc,WAAW,kBAAkB,mBAAmB,kBAAkB,mBAAmB;AACtG,QAAM,mBACH,cAAc,WAAW,kBAAkB,kBAAkB,kBAAkB,kBAAkB;AACpG,QAAM,+BACH,cAAc,WAAW,kBAAkB,8BACxC,kBAAkB,8BAClB;AAKN,QAAM,mBACH,cAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAC9F,QAAM,mBACH,cAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAI9F,QAAM,sBACH,cAAc,WAAW,kBAAkB,qBAAqB,kBAAkB,qBAAqB;AAC1G,QAAM,mBACH,cAAc,WAAW,kBAAkB,kBAAkB,kBAAkB,kBAAkB;AACpG,QAAM,oBACH,cAAc,WAAW,kBAAkB,mBAAmB,kBAAkB,mBAAmB;AAKtG,QAAM,UAAU,SAAS,kBAAkB,OAAO;AAClD,QAAM,UAAU,SAAS,kBAAkB,OAAO;AAClD,QAAM,cAAc,aAAa,kBAAkB,WAAW;AAC9D,QAAM,sBAAsB,aAAa,kBAAkB,mBAAmB;AAE9E,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/config/useGetPropsWithDefault.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
-import { defaultProps } from "../propTypes.js";
+import { defaultProps } from "../react-desc-prop-types.js";
 const useGetDatePickerWithDefaultsProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
 export {
   useGetDatePickerWithDefaultsProps

package/dist/esm/config/useGetPropsWithDefault.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetPropsWithDefault.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\nimport { defaultProps } from '../propTypes.js';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetDatePickerWithDefaultsProps = (\n  props: DSControlledDateTimePickerT.Props,\n): DSControlledDateTimePickerT.InternalProps =>\n  useMemoMergePropsWithDefault<DSControlledDateTimePickerT.InternalProps>(props, defaultProps);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetDatePickerWithDefaultsProps = (\n  props: DSControlledDateTimePickerT.Props,\n): DSControlledDateTimePickerT.InternalProps =>\n  useMemoMergePropsWithDefault<DSControlledDateTimePickerT.InternalProps>(props, defaultProps);\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAE7C,SAAS,oBAAoB;AAEtB,MAAM,oCAAoC,CAC/C,UAEA,6BAAwE,OAAO,YAAY;",
   "names": []
 }

package/dist/esm/config/useGlobalKeyHandlers.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGlobalKeyHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\n/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport type { useChangeHandlers } from './useChangeHandlers.js';\nimport type { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';\nimport type { useGetReferences } from './useGetReferences.js';\nimport type { useGetFlags } from './useGetFlags.js';\nimport type { useFocusTracker } from './useFocusTracker.js';\nimport { getValidationDateStringMetaInfo, getDateStringFromDay, getTimeStringFromDay } from '../utils/dateHelpers.js';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers.js';\nimport { deconstructValuesFromDateString, deconstructValuesFromTimeString } from '../utils/stringHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\n\ninterface Config {\n  propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;\n  changeHandlers: ReturnType<typeof useChangeHandlers>;\n  DOMRefs: ReturnType<typeof useGetReferences>;\n  flags: ReturnType<typeof useGetFlags>;\n  focusTrackers: ReturnType<typeof useFocusTracker>;\n}\n\nexport const useGlobalKeyHandlers = ({ propsBasedOnType, changeHandlers, focusTrackers, flags }: Config) => {\n  const {\n    getIsOutOfRangeDay,\n    getIsDisabledDay,\n    getIsDisabledTime,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    appOnHourChange,\n    appOnMinuteChange,\n    appOnMeridiemChange,\n  } = propsBasedOnType;\n  const { handleChangeComposedDateTimeString, handleClearAll } = changeHandlers;\n  const { trackFocusLastSegment, trackFocusClearBtn } = focusTrackers;\n  const { withAnyPicker, shouldPreserveClearableSpace } = flags;\n\n  const onFillWithCurrentDateKeys = useCallback(\n    (\n      e: React.KeyboardEvent<HTMLDivElement>,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = { isAutomaticFillTrigger: true },\n    ) => {\n      const now = new Date();\n      const nowDateString = getDateStringFromDay(now);\n      const nowTimeString = getTimeStringFromDay(now);\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        ...getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime),\n        newDateString: nowDateString,\n      };\n      const { month, day, year } = deconstructValuesFromDateString(nowDateString);\n      appOnMonthChange(month, e, metaInfo);\n      appOnDayChange(day, e, metaInfo);\n      appOnYearChange(year, e, metaInfo);\n      const { hours, minutes, meridiem } = deconstructValuesFromTimeString(nowTimeString);\n      appOnHourChange(hours, e, metaInfo);\n      appOnMinuteChange(minutes, e, metaInfo);\n      appOnMeridiemChange(meridiem, e, metaInfo);\n      handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);\n      // trackFocusLastSegment is not enough here,\n      //  after this key combination the value may change from empty to non-empty\n      //  when non empty the last segment may become the clear-btn (clear btn only appears when non empty)\n      //  as such this must be micro-managed here\n      if (shouldPreserveClearableSpace && !withAnyPicker) trackFocusClearBtn();\n      else trackFocusLastSegment();\n    },\n    [\n      appOnDayChange,\n      appOnHourChange,\n      appOnMeridiemChange,\n      appOnMinuteChange,\n      appOnMonthChange,\n      appOnYearChange,\n      getIsDisabledDay,\n      getIsDisabledTime,\n      getIsOutOfRangeDay,\n      handleChangeComposedDateTimeString,\n      shouldPreserveClearableSpace,\n      trackFocusClearBtn,\n      trackFocusLastSegment,\n      withAnyPicker,\n    ],\n  );\n\n  const onGlobalKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const { key, ctrlKey, metaKey } = e;\n      if ((ctrlKey || metaKey) && key === ';') {\n        onFillWithCurrentDateKeys(e);\n      }\n      if ((ctrlKey || metaKey) && (key === 'Delete' || key === 'Backspace')) handleClearAll(e);\n    },\n    [handleClearAll, onFillWithCurrentDateKeys],\n  );\n\n  return useMemo(\n    () => ({\n      onFillWithCurrentDateKeys,\n      onGlobalKeyDown,\n    }),\n    [onFillWithCurrentDateKeys, onGlobalKeyDown],\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\n/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport type { useChangeHandlers } from './useChangeHandlers.js';\nimport type { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';\nimport type { useGetReferences } from './useGetReferences.js';\nimport type { useGetFlags } from './useGetFlags.js';\nimport type { useFocusTracker } from './useFocusTracker.js';\nimport { getValidationDateStringMetaInfo, getDateStringFromDay, getTimeStringFromDay } from '../utils/dateHelpers.js';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers.js';\nimport { deconstructValuesFromDateString, deconstructValuesFromTimeString } from '../utils/stringHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\ninterface Config {\n  propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;\n  changeHandlers: ReturnType<typeof useChangeHandlers>;\n  DOMRefs: ReturnType<typeof useGetReferences>;\n  flags: ReturnType<typeof useGetFlags>;\n  focusTrackers: ReturnType<typeof useFocusTracker>;\n}\n\nexport const useGlobalKeyHandlers = ({ propsBasedOnType, changeHandlers, focusTrackers, flags }: Config) => {\n  const {\n    getIsOutOfRangeDay,\n    getIsDisabledDay,\n    getIsDisabledTime,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    appOnHourChange,\n    appOnMinuteChange,\n    appOnMeridiemChange,\n  } = propsBasedOnType;\n  const { handleChangeComposedDateTimeString, handleClearAll } = changeHandlers;\n  const { trackFocusLastSegment, trackFocusClearBtn } = focusTrackers;\n  const { withAnyPicker, shouldPreserveClearableSpace } = flags;\n\n  const onFillWithCurrentDateKeys = useCallback(\n    (\n      e: React.KeyboardEvent<HTMLDivElement>,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = { isAutomaticFillTrigger: true },\n    ) => {\n      const now = new Date();\n      const nowDateString = getDateStringFromDay(now);\n      const nowTimeString = getTimeStringFromDay(now);\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        ...getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime),\n        newDateString: nowDateString,\n      };\n      const { month, day, year } = deconstructValuesFromDateString(nowDateString);\n      appOnMonthChange(month, e, metaInfo);\n      appOnDayChange(day, e, metaInfo);\n      appOnYearChange(year, e, metaInfo);\n      const { hours, minutes, meridiem } = deconstructValuesFromTimeString(nowTimeString);\n      appOnHourChange(hours, e, metaInfo);\n      appOnMinuteChange(minutes, e, metaInfo);\n      appOnMeridiemChange(meridiem, e, metaInfo);\n      handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);\n      // trackFocusLastSegment is not enough here,\n      //  after this key combination the value may change from empty to non-empty\n      //  when non empty the last segment may become the clear-btn (clear btn only appears when non empty)\n      //  as such this must be micro-managed here\n      if (shouldPreserveClearableSpace && !withAnyPicker) trackFocusClearBtn();\n      else trackFocusLastSegment();\n    },\n    [\n      appOnDayChange,\n      appOnHourChange,\n      appOnMeridiemChange,\n      appOnMinuteChange,\n      appOnMonthChange,\n      appOnYearChange,\n      getIsDisabledDay,\n      getIsDisabledTime,\n      getIsOutOfRangeDay,\n      handleChangeComposedDateTimeString,\n      shouldPreserveClearableSpace,\n      trackFocusClearBtn,\n      trackFocusLastSegment,\n      withAnyPicker,\n    ],\n  );\n\n  const onGlobalKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const { key, ctrlKey, metaKey } = e;\n      if ((ctrlKey || metaKey) && key === ';') {\n        onFillWithCurrentDateKeys(e);\n      }\n      if ((ctrlKey || metaKey) && (key === 'Delete' || key === 'Backspace')) handleClearAll(e);\n    },\n    [handleClearAll, onFillWithCurrentDateKeys],\n  );\n\n  return useMemo(\n    () => ({\n      onFillWithCurrentDateKeys,\n      onGlobalKeyDown,\n    }),\n    [onFillWithCurrentDateKeys, onGlobalKeyDown],\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACKvB,SAAS,aAAa,eAAe;AAMrC,SAAS,iCAAiC,sBAAsB,4BAA4B;AAC5F,SAAS,uCAAuC;AAChD,SAAS,iCAAiC,uCAAuC;AAW1E,MAAM,uBAAuB,CAAC,EAAE,kBAAkB,gBAAgB,eAAe,MAAM,MAAc;AAC1G,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,oCAAoC,eAAe,IAAI;AAC/D,QAAM,EAAE,uBAAuB,mBAAmB,IAAI;AACtD,QAAM,EAAE,eAAe,6BAA6B,IAAI;AAExD,QAAM,4BAA4B;AAAA,IAChC,CACE,GACA,WAA8E,EAAE,wBAAwB,KAAK,MAC1G;AACH,YAAM,MAAM,oBAAI,KAAK;AACrB,YAAM,gBAAgB,qBAAqB,GAAG;AAC9C,YAAM,gBAAgB,qBAAqB,GAAG;AAC9C,YAAM,gBAA0E;AAAA,QAC9E,GAAG;AAAA,QACH,GAAG,gCAAgC,eAAe,oBAAoB,gBAAgB;AAAA,QACtF,GAAG,gCAAgC,eAAe,iBAAiB;AAAA,QACnE,eAAe;AAAA,MACjB;AACA,YAAM,EAAE,OAAO,KAAK,KAAK,IAAI,gCAAgC,aAAa;AAC1E,uBAAiB,OAAO,GAAG,QAAQ;AACnC,qBAAe,KAAK,GAAG,QAAQ;AAC/B,sBAAgB,MAAM,GAAG,QAAQ;AACjC,YAAM,EAAE,OAAO,SAAS,SAAS,IAAI,gCAAgC,aAAa;AAClF,sBAAgB,OAAO,GAAG,QAAQ;AAClC,wBAAkB,SAAS,GAAG,QAAQ;AACtC,0BAAoB,UAAU,GAAG,QAAQ;AACzC,yCAAmC,eAAe,eAAe,aAAa;AAK9E,UAAI,gCAAgC,CAAC;AAAe,2BAAmB;AAAA;AAClE,8BAAsB;AAAA,IAC7B;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2C;AAC1C,YAAM,EAAE,KAAK,SAAS,QAAQ,IAAI;AAClC,WAAK,WAAW,YAAY,QAAQ,KAAK;AACvC,kCAA0B,CAAC;AAAA,MAC7B;AACA,WAAK,WAAW,aAAa,QAAQ,YAAY,QAAQ;AAAc,uBAAe,CAAC;AAAA,IACzF;AAAA,IACA,CAAC,gBAAgB,yBAAyB;AAAA,EAC5C;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,2BAA2B,eAAe;AAAA,EAC7C;AACF;",
   "names": []
 }

package/dist/esm/config/useRelevantValueFromProps.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useRelevantValueFromProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState } from 'react';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards.js';\nimport { dateTimeToTime, dateTimeToDate } from '../utils/stringHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\n\nexport const useRelevantValueFromProps = (props: DSControlledDateTimePickerT.InternalProps) => {\n  const dateStringFromProps = useMemo(() => {\n    if (getIsDateTime(props)) return props.dateTime !== '' ? dateTimeToDate(props.dateTime) : '__/__/____';\n    if (getIsDate(props)) return props.date !== '' ? props.date : '__/__/____';\n    return '__/__/____';\n  }, [props]);\n  const timeStringFromProps = useMemo(() => {\n    if (getIsDateTime(props)) return props.dateTime !== '' ? dateTimeToTime(props.dateTime) : '__:__ __';\n    if (getIsTime(props)) return props.time !== '' ? props.time : '__:__ __';\n    return '__:__ __';\n  }, [props]);\n\n  // don't use tempDateString to trigger useEffect for onDateChange\n  // that is an anti-pattern and leads to a lot of issue\n  // if you don't believe me, check date-time-picker v1 which is doing it\n  const [tempDateString, setTempDateString] = useState(dateStringFromProps);\n  // don't use tempTimeString to trigger useEffect for onTimeChange\n  // that is an anti-pattern and leads to a lot of issue\n  // if you don't believe me, check date-time-picker v1 which is doing it\n  const [tempTimeString, setTimeString] = useState(timeStringFromProps);\n\n  return useMemo(\n    () => ({\n      dateStringFromProps,\n      timeStringFromProps,\n      tempDateString,\n      setTempDateString,\n      tempTimeString,\n      setTimeString,\n    }),\n    [dateStringFromProps, tempDateString, tempTimeString, timeStringFromProps],\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState } from 'react';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards.js';\nimport { dateTimeToTime, dateTimeToDate } from '../utils/stringHelpers.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\nexport const useRelevantValueFromProps = (props: DSControlledDateTimePickerT.InternalProps) => {\n  const dateStringFromProps = useMemo(() => {\n    if (getIsDateTime(props)) return props.dateTime !== '' ? dateTimeToDate(props.dateTime) : '__/__/____';\n    if (getIsDate(props)) return props.date !== '' ? props.date : '__/__/____';\n    return '__/__/____';\n  }, [props]);\n  const timeStringFromProps = useMemo(() => {\n    if (getIsDateTime(props)) return props.dateTime !== '' ? dateTimeToTime(props.dateTime) : '__:__ __';\n    if (getIsTime(props)) return props.time !== '' ? props.time : '__:__ __';\n    return '__:__ __';\n  }, [props]);\n\n  // don't use tempDateString to trigger useEffect for onDateChange\n  // that is an anti-pattern and leads to a lot of issue\n  // if you don't believe me, check date-time-picker v1 which is doing it\n  const [tempDateString, setTempDateString] = useState(dateStringFromProps);\n  // don't use tempTimeString to trigger useEffect for onTimeChange\n  // that is an anti-pattern and leads to a lot of issue\n  // if you don't believe me, check date-time-picker v1 which is doing it\n  const [tempTimeString, setTimeString] = useState(timeStringFromProps);\n\n  return useMemo(\n    () => ({\n      dateStringFromProps,\n      timeStringFromProps,\n      tempDateString,\n      setTempDateString,\n      tempTimeString,\n      setTimeString,\n    }),\n    [dateStringFromProps, tempDateString, tempTimeString, timeStringFromProps],\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,SAAS,gBAAgB;AAClC,SAAS,eAAe,WAAW,iBAAiB;AACpD,SAAS,gBAAgB,sBAAsB;AAGxC,MAAM,4BAA4B,CAAC,UAAqD;AAC7F,QAAM,sBAAsB,QAAQ,MAAM;AACxC,QAAI,cAAc,KAAK;AAAG,aAAO,MAAM,aAAa,KAAK,eAAe,MAAM,QAAQ,IAAI;AAC1F,QAAI,UAAU,KAAK;AAAG,aAAO,MAAM,SAAS,KAAK,MAAM,OAAO;AAC9D,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AACV,QAAM,sBAAsB,QAAQ,MAAM;AACxC,QAAI,cAAc,KAAK;AAAG,aAAO,MAAM,aAAa,KAAK,eAAe,MAAM,QAAQ,IAAI;AAC1F,QAAI,UAAU,KAAK;AAAG,aAAO,MAAM,SAAS,KAAK,MAAM,OAAO;AAC9D,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAKV,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,mBAAmB;AAIxE,QAAM,CAAC,gBAAgB,aAAa,IAAI,SAAS,mBAAmB;AAEpE,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,qBAAqB,gBAAgB,gBAAgB,mBAAmB;AAAA,EAC3E;AACF;",
   "names": []
 }

package/dist/esm/config/useValidateProps.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport type { DSControlledDateTimePickerT } from '../propTypes.js';\nimport {\n  dateTimeToDate,\n  isValidDateString,\n  dateTimeToTime,\n  isValidTimeString,\n  deconstructValuesFromDateString,\n} from '../utils/stringHelpers.js';\nimport { convertToPositiveNumberIfPossible } from '../utils/numberHelpers.js';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards.js';\nconst PREPEND = `ControlledDateTimePicker:\n  Invalid configuration detected::\n  \n    `;\nconst NOT_A_DEFECT = '';\n// '\\n\\n\\t\\tThis is not a defect, please check\\n\\n\\t\\thttps://qa.dimsum.rd.elliemae.io/?path=/story/components-desktop-components-d-controlledform-date-time-picker--basic\\n\\n\\t\\tfor instructions on how to use the component correctly\\n\\n';\nconst INLINE_RECEIVED_PREPEND = `\n\n    Received:`;\nconst throwInvalidDateTimeError = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"dateTime\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidDaterror = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"date\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidTimerror = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"time\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwUncontrolledDateError = (date: string, onDateChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a date selector while providing a non-string \"date\" or providing a non-function to \"onDateChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    date: ${date}(${typeof date})\n    onDateChange: (${typeof onDateChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwUncontrolledTimeError = (time: string, onTimeChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a time selector while providing a non-string \"time\" or providing a non-function to \"onTimeChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    time: ${time}(${typeof time})\n    onTimeChange: (${typeof onTimeChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\n\nconst throwUncontrolledDateTimeError = (dateTime: string, onDateTimeChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a date-time selector while providing a non-string \"dateTime\" or providing a non-function to \"onDateTimeChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    dateTime: ${dateTime}(${typeof dateTime})\n    onDateTimeChange: (${typeof onDateTimeChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidEmptyPickerStartingMonthError = (emptyPickerStartingMonth: string) => {\n  throw new Error(\n    `${PREPEND}the provided emptyPickerStartingMonth props is invalid. please provide a string with the format mm/__/yyyy, (mm 01~12, yyyy 0001~9999) \n\n  Received:\n    ${emptyPickerStartingMonth}(${typeof emptyPickerStartingMonth})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidOnCalendarOpenFocusedDayError = (onCalendarOpenFocusedDay: string) => {\n  throw new Error(\n    `${PREPEND}the provided onCalendarOpenFocusedDay props is invalid. please provide a string with the format mm/dd/yyyy, (mm 01~12, dd 01~31, yyyy 0001~9999) \n\n  Received:\n    ${onCalendarOpenFocusedDay}(${typeof onCalendarOpenFocusedDay})\n  ${NOT_A_DEFECT}`,\n  );\n};\nexport const useValidateProps = (props: DSControlledDateTimePickerT.Props): void => {\n  // validate date-related props\n  if (getIsDateTime(props) || getIsDate(props)) {\n    const { emptyPickerStartingMonth, onCalendarOpenFocusedDay } = props;\n\n    // validate generic use-cases\n    if (emptyPickerStartingMonth) {\n      const { month: stringMonthVal, year: stringYearVal } = deconstructValuesFromDateString(emptyPickerStartingMonth);\n      const monthNum = convertToPositiveNumberIfPossible(stringMonthVal);\n      const yearNum = convertToPositiveNumberIfPossible(stringYearVal);\n      if (monthNum <= 0 || monthNum >= 13 || yearNum <= 0 || yearNum > 9999)\n        throwInvalidEmptyPickerStartingMonthError(emptyPickerStartingMonth);\n    }\n    if (onCalendarOpenFocusedDay) {\n      const {\n        month: stringMonthVal,\n        day: stringDayVal,\n        year: stringYearVal,\n      } = deconstructValuesFromDateString(onCalendarOpenFocusedDay);\n      const monthNum = convertToPositiveNumberIfPossible(stringMonthVal);\n      const dayNum = convertToPositiveNumberIfPossible(stringDayVal);\n      const yearNum = convertToPositiveNumberIfPossible(stringYearVal);\n      if (monthNum <= 0 || monthNum >= 13 || dayNum <= 0 || dayNum > 31 || yearNum <= 0 || yearNum > 9999)\n        throwInvalidOnCalendarOpenFocusedDayError(onCalendarOpenFocusedDay);\n    }\n  }\n  // validate full datetime cases\n  if (getIsDateTime(props)) {\n    const { dateTime, onDateTimeChange } = props;\n    if (typeof dateTime !== 'string' || typeof onDateTimeChange !== 'function')\n      throwUncontrolledDateTimeError(dateTime, onDateTimeChange);\n    else if (!isValidDateString(dateTimeToDate(dateTime)) || !isValidTimeString(dateTimeToTime(dateTime)))\n      throwInvalidDateTimeError(dateTimeToTime(dateTime));\n  }\n\n  // validate date-only cases\n  if (getIsDate(props)) {\n    const { date, onDateChange } = props;\n    if (typeof date !== 'string' || typeof onDateChange !== 'function') throwUncontrolledDateError(date, onDateChange);\n    else if (!isValidDateString(date)) throwInvalidDaterror(date);\n  }\n\n  // validate time-only cases\n\n  if (getIsTime(props)) {\n    const { time, onTimeChange } = props;\n    if (typeof time !== 'string' || typeof onTimeChange !== 'function') throwUncontrolledTimeError(time, onTimeChange);\n    else if (!isValidTimeString(time)) throwInvalidTimerror(time);\n  }\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\nimport {\n  dateTimeToDate,\n  isValidDateString,\n  dateTimeToTime,\n  isValidTimeString,\n  deconstructValuesFromDateString,\n} from '../utils/stringHelpers.js';\nimport { convertToPositiveNumberIfPossible } from '../utils/numberHelpers.js';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards.js';\nconst PREPEND = `ControlledDateTimePicker:\n  Invalid configuration detected::\n  \n    `;\nconst NOT_A_DEFECT = '';\n// '\\n\\n\\t\\tThis is not a defect, please check\\n\\n\\t\\thttps://qa.dimsum.rd.elliemae.io/?path=/story/components-desktop-components-d-controlledform-date-time-picker--basic\\n\\n\\t\\tfor instructions on how to use the component correctly\\n\\n';\nconst INLINE_RECEIVED_PREPEND = `\n\n    Received:`;\nconst throwInvalidDateTimeError = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"dateTime\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidDaterror = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"date\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidTimerror = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"time\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwUncontrolledDateError = (date: string, onDateChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a date selector while providing a non-string \"date\" or providing a non-function to \"onDateChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    date: ${date}(${typeof date})\n    onDateChange: (${typeof onDateChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwUncontrolledTimeError = (time: string, onTimeChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a time selector while providing a non-string \"time\" or providing a non-function to \"onTimeChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    time: ${time}(${typeof time})\n    onTimeChange: (${typeof onTimeChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\n\nconst throwUncontrolledDateTimeError = (dateTime: string, onDateTimeChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a date-time selector while providing a non-string \"dateTime\" or providing a non-function to \"onDateTimeChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    dateTime: ${dateTime}(${typeof dateTime})\n    onDateTimeChange: (${typeof onDateTimeChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidEmptyPickerStartingMonthError = (emptyPickerStartingMonth: string) => {\n  throw new Error(\n    `${PREPEND}the provided emptyPickerStartingMonth props is invalid. please provide a string with the format mm/__/yyyy, (mm 01~12, yyyy 0001~9999) \n\n  Received:\n    ${emptyPickerStartingMonth}(${typeof emptyPickerStartingMonth})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidOnCalendarOpenFocusedDayError = (onCalendarOpenFocusedDay: string) => {\n  throw new Error(\n    `${PREPEND}the provided onCalendarOpenFocusedDay props is invalid. please provide a string with the format mm/dd/yyyy, (mm 01~12, dd 01~31, yyyy 0001~9999) \n\n  Received:\n    ${onCalendarOpenFocusedDay}(${typeof onCalendarOpenFocusedDay})\n  ${NOT_A_DEFECT}`,\n  );\n};\nexport const useValidateProps = (props: DSControlledDateTimePickerT.Props): void => {\n  // validate date-related props\n  if (getIsDateTime(props) || getIsDate(props)) {\n    const { emptyPickerStartingMonth, onCalendarOpenFocusedDay } = props;\n\n    // validate generic use-cases\n    if (emptyPickerStartingMonth) {\n      const { month: stringMonthVal, year: stringYearVal } = deconstructValuesFromDateString(emptyPickerStartingMonth);\n      const monthNum = convertToPositiveNumberIfPossible(stringMonthVal);\n      const yearNum = convertToPositiveNumberIfPossible(stringYearVal);\n      if (monthNum <= 0 || monthNum >= 13 || yearNum <= 0 || yearNum > 9999)\n        throwInvalidEmptyPickerStartingMonthError(emptyPickerStartingMonth);\n    }\n    if (onCalendarOpenFocusedDay) {\n      const {\n        month: stringMonthVal,\n        day: stringDayVal,\n        year: stringYearVal,\n      } = deconstructValuesFromDateString(onCalendarOpenFocusedDay);\n      const monthNum = convertToPositiveNumberIfPossible(stringMonthVal);\n      const dayNum = convertToPositiveNumberIfPossible(stringDayVal);\n      const yearNum = convertToPositiveNumberIfPossible(stringYearVal);\n      if (monthNum <= 0 || monthNum >= 13 || dayNum <= 0 || dayNum > 31 || yearNum <= 0 || yearNum > 9999)\n        throwInvalidOnCalendarOpenFocusedDayError(onCalendarOpenFocusedDay);\n    }\n  }\n  // validate full datetime cases\n  if (getIsDateTime(props)) {\n    const { dateTime, onDateTimeChange } = props;\n    if (typeof dateTime !== 'string' || typeof onDateTimeChange !== 'function')\n      throwUncontrolledDateTimeError(dateTime, onDateTimeChange);\n    else if (!isValidDateString(dateTimeToDate(dateTime)) || !isValidTimeString(dateTimeToTime(dateTime)))\n      throwInvalidDateTimeError(dateTimeToTime(dateTime));\n  }\n\n  // validate date-only cases\n  if (getIsDate(props)) {\n    const { date, onDateChange } = props;\n    if (typeof date !== 'string' || typeof onDateChange !== 'function') throwUncontrolledDateError(date, onDateChange);\n    else if (!isValidDateString(date)) throwInvalidDaterror(date);\n  }\n\n  // validate time-only cases\n\n  if (getIsTime(props)) {\n    const { time, onTimeChange } = props;\n    if (typeof time !== 'string' || typeof onTimeChange !== 'function') throwUncontrolledTimeError(time, onTimeChange);\n    else if (!isValidTimeString(time)) throwInvalidTimerror(time);\n  }\n};\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/exported-related/theming.js CHANGED Viewed

@@ -3,6 +3,16 @@ const DSControlledDateTimePickerName = "DSControlledDateTimePicker";
 const DSControlledDateTimePickerSlots = {
   CONTAINER: "root",
   INPUT: "field-input",
+  DATE_INPUTS: {
+    MONTH: "ds-controlled-date-time-picker-month-input",
+    DAY: "ds-controlled-date-time-picker-day-input",
+    YEAR: "ds-controlled-date-time-picker-year-input"
+  },
+  TIME_INPUTS: {
+    HOUR: "ds-controlled-date-time-picker-hour-input",
+    MINUTE: "ds-controlled-date-time-picker-minute-input",
+    MERIDIEM: "ds-controlled-date-time-picker-meridiem-input"
+  },
   PICKER_ICONS: {
     CALENDAR: "calendar-trigger-icon",
     TIMEWHEEL: "timewheel-trigger-icon",

package/dist/esm/exported-related/theming.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSControlledDateTimePickerName = 'DSControlledDateTimePicker';\n\nexport const DSControlledDateTimePickerSlots = {\n  CONTAINER: 'root',\n  INPUT: 'field-input',\n  PICKER_ICONS: {\n    CALENDAR: 'calendar-trigger-icon',\n    TIMEWHEEL: 'timewheel-trigger-icon',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n  },\n  CALENDAR: {\n    DAY_BUTTON: 'calendar-day',\n    HEADER_LABEL: 'calendar-header-label',\n    HEADER_BUTTON: 'calendar-header-buttons',\n    HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n  },\n  TIMEWHEEL: {\n    TIME_BUTTON: 'timewheel-time-button',\n    TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n    HEADER_LABEL: 'timewheel-header-label',\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: 'calendar-context-content-wrapper',\n    TIMEWHEEL: 'timewheel-context-content-wrapper',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n  },\n  FOOTERS: {\n    CALENDAR: 'calendar-context-footer',\n    TIMEWHEEL: 'timewheel-context-footer',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: 'calendar-controller-wrapper',\n    TIMEWHEEL: 'timewheel-controller-wrapper',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n  },\n  CLEAR_BUTTON: 'clear-btn',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,wBAAwB;AAAA,EAC1B;AAAA,EACA,WAAW;AAAA,IACT,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSControlledDateTimePickerName = 'DSControlledDateTimePicker';\n\nexport const DSControlledDateTimePickerSlots = {\n  CONTAINER: 'root',\n  INPUT: 'field-input',\n  DATE_INPUTS: {\n    MONTH: 'ds-controlled-date-time-picker-month-input',\n    DAY: 'ds-controlled-date-time-picker-day-input',\n    YEAR: 'ds-controlled-date-time-picker-year-input',\n  },\n  TIME_INPUTS: {\n    HOUR: 'ds-controlled-date-time-picker-hour-input',\n    MINUTE: 'ds-controlled-date-time-picker-minute-input',\n    MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n  },\n  PICKER_ICONS: {\n    CALENDAR: 'calendar-trigger-icon',\n    TIMEWHEEL: 'timewheel-trigger-icon',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n  },\n  CALENDAR: {\n    DAY_BUTTON: 'calendar-day',\n    HEADER_LABEL: 'calendar-header-label',\n    HEADER_BUTTON: 'calendar-header-buttons',\n    HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n  },\n  TIMEWHEEL: {\n    TIME_BUTTON: 'timewheel-time-button',\n    TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n    HEADER_LABEL: 'timewheel-header-label',\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: 'calendar-context-content-wrapper',\n    TIMEWHEEL: 'timewheel-context-content-wrapper',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n  },\n  FOOTERS: {\n    CALENDAR: 'calendar-context-footer',\n    TIMEWHEEL: 'timewheel-context-footer',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: 'calendar-controller-wrapper',\n    TIMEWHEEL: 'timewheel-controller-wrapper',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n  },\n  CLEAR_BUTTON: 'clear-btn',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,aAAa;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,wBAAwB;AAAA,EAC1B;AAAA,EACA,WAAW;AAAA,IACT,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
   "names": []
 }

package/dist/esm/index.js CHANGED Viewed

@@ -12,7 +12,7 @@ import {
 } from "./utils/dateHelpers.js";
 import { getValidationTimeStringMetaInfo } from "./utils/timeHelpers.js";
 import { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots } from "./exported-related/theming.js";
-import {} from "./propTypes.js";
+import {} from "./react-desc-prop-types.js";
 export {
   CONTROLLED_DATE_TIME_PICKER_TYPES,
   ControlledDateTimePickerDatatestid,

package/dist/esm/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker } from './ControlledDateTimePicker.js';\nexport { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid.js';\nexport { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes.js';\nexport { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './utils/stringHelpers.js';\nexport { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers.js';\nexport {\n  getValidationDateStringMetaInfo,\n  getDateStringFromDay,\n  getDayFromDateString,\n  getDateValuesFromDate,\n} from './utils/dateHelpers.js';\nexport { getValidationTimeStringMetaInfo } from './utils/timeHelpers.js';\nexport { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots } from './exported-related/theming.js';\nexport { type DSControlledDateTimePickerT } from './propTypes.js';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker } from './ControlledDateTimePicker.js';\nexport { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid.js';\nexport { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes.js';\nexport { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './utils/stringHelpers.js';\nexport { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers.js';\nexport {\n  getValidationDateStringMetaInfo,\n  getDateStringFromDay,\n  getDayFromDateString,\n  getDateValuesFromDate,\n} from './utils/dateHelpers.js';\nexport { getValidationTimeStringMetaInfo } from './utils/timeHelpers.js';\nexport { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots } from './exported-related/theming.js';\nexport { type DSControlledDateTimePickerT } from './react-desc-prop-types.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC,kCAAkC;AACjF,SAAS,0CAA0C;AACnD,SAAS,yCAAyC;AAClD,SAAS,iCAAiC,qCAAqC;AAC/E,SAAS,2CAA2C;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uCAAuC;AAChD,SAAS,gCAAgC,uCAAuC;AAChF,eAAiD;",
   "names": []
 }

package/dist/esm/parts/DateInputs/DDInput.js CHANGED Viewed

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import React2, { useCallback } from "react";
 import { ControlledDateTimePickerDatatestid } from "../../ControlledDateTimePickerDatatestid.js";
-import { Styled2DigitsInput } from "../Styleds.js";
+import { StyledDateInput } from "../Styleds.js";
 const regExpNumbers = /^[0-9]+$/;
 const isInvalidDay = (day) => {
   if (day === "")
@@ -35,7 +35,7 @@ const DDInput = React2.memo(
       [onChange]
     );
     return /* @__PURE__ */ jsx(
-      Styled2DigitsInput,
+      StyledDateInput,
       {
         onChange: validateOnChange,
         onBlur,