@elliemae/ds-form-date-time-picker 3.4.3-rc.0 → 3.4.4-next.0

package/dist/esm/parts/DateInputs/useDateInputs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DateInputs/useDateInputs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useCallback, useMemo, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport {\n  getFormattedDateString,\n  prependStringWithPlaceHolders,\n  fillStringWithPlaceHolders,\n} from '../../utils/stringHelpers';\nimport { getValidationDateStringMetaInfo } from '../../utils/dateHelpers';\nimport { defaultMetaInfo } from '../../utils/constants';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes';\nimport type { DSControlledDateTimePickerT } from '../../propTypes';\n\nexport const useDateInputs = (): DSControlledDateTimePickerInternalsT.UseDateInputsR => {\n  const {\n    props: { disabled },\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    month,\n    day,\n    year,\n    hideTime,\n    handleChangeComposedDateString,\n    withClearBtn,\n    withAnyPicker,\n    withAnyRightController,\n    autoFocusMonthInput,\n    trackFocusResetter,\n    trackFocusFirstSegment,\n    trackFocusLastSegment,\n    trackFocusDayInput,\n    trackFocusMonthInput,\n    trackFocusYearInput,\n    trackFocusHourInput,\n    trackFocusClearBtn,\n    trackFocusPicker,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const onHomeKeyDown = useCallback(() => {\n    trackFocusFirstSegment();\n  }, [trackFocusFirstSegment]);\n  const onEndKeyDown = useCallback(() => {\n    trackFocusLastSegment();\n  }, [trackFocusLastSegment]);\n\n  const handleChangeMonth = useCallback(\n    (\n      newMonth: string,\n      e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = defaultMetaInfo,\n    ) => {\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 onMonthFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc = useCallback(() => {\n    trackFocusMonthInput();\n  }, [trackFocusMonthInput]);\n  const onMonthChange: DSControlledDateTimePickerInternalsT.OnChangeFunc = useCallback(\n    (e) => {\n      let newMonth = e?.target?.value;\n      // converts months 2~9 to 02~09\n      if (Number.parseInt(newMonth, 10) > 1) newMonth = prependStringWithPlaceHolders(newMonth, 2);\n      handleChangeMonth(newMonth, e);\n      // auto-advance functionality:\n      if (newMonth.length === 2) trackFocusDayInput();\n    },\n    [handleChangeMonth, trackFocusDayInput],\n  );\n  const onMonthKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const monthStringConvertedToInteger = Number.parseInt(month, 10);\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\\\'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\\\'].includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const monthInteger = Number.isNaN(monthStringConvertedToInteger) ? 0 : monthStringConvertedToInteger;\n        let newMonth;\n        if (key === 'ArrowUp') newMonth = monthInteger + 1 <= 12 ? monthInteger + 1 : monthInteger;\n        else newMonth = monthInteger - 1 > 0 ? monthInteger - 1 : 1;\n        newMonth = prependStringWithPlaceHolders(`${newMonth}`, 2);\n        handleChangeMonth(newMonth, e);\n      }\n      if (!Number.isNaN(monthStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\\\')) {\n        const newMonth = prependStringWithPlaceHolders(`${monthStringConvertedToInteger}`, 2);\n        handleChangeMonth(newMonth, e);\n        // auto-advance functionality:\n        if (newMonth.length === 2) trackFocusDayInput();\n      }\n\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') trackFocusLastSegment();\n    },\n    [month, onHomeKeyDown, onEndKeyDown, trackFocusLastSegment, trackFocusDayInput, handleChangeMonth],\n  );\n  const onMonthBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc = useCallback(\n    (e) => {\n      const newMonth = e?.target?.value;\n      if (newMonth === '0') handleChangeMonth('01', e, { isAutomaticFillTrigger: true });\n      else if (newMonth.length > 0 && newMonth.length < 2)\n        handleChangeMonth(prependStringWithPlaceHolders(newMonth, 2), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeMonth],\n  );\n\n  const handleChangeDay = useCallback(\n    (\n      newDay: string,\n      e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = defaultMetaInfo,\n    ) => {\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 onDayFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc = useCallback(() => {\n    trackFocusDayInput();\n  }, [trackFocusDayInput]);\n  const onDayChange: DSControlledDateTimePickerInternalsT.OnChangeFunc = useCallback(\n    (e) => {\n      let newDay = e?.target?.value;\n      // converts days 4~9 to 04~09\n      if (Number.parseInt(newDay, 10) > 3) newDay = prependStringWithPlaceHolders(newDay, 2);\n      handleChangeDay(newDay, e);\n      // auto-advance functionality:\n      if (newDay.length === 2) trackFocusYearInput();\n    },\n    [handleChangeDay, trackFocusYearInput],\n  );\n  const onDayKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const dayStringConvertedToInteger = Number.parseInt(day, 10);\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\\\'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\\\'].includes(key)) e.stopPropagation();\n\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const dayInteger = Number.isNaN(dayStringConvertedToInteger) ? 0 : dayStringConvertedToInteger;\n        let newDay;\n        if (key === 'ArrowUp') newDay = dayInteger + 1 <= 31 ? dayInteger + 1 : dayInteger;\n        else newDay = dayInteger - 1 > 0 ? dayInteger - 1 : 1;\n        newDay = prependStringWithPlaceHolders(`${newDay}`, 2);\n        handleChangeDay(newDay, e);\n      }\n      if (!Number.isNaN(dayStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\\\')) {\n        const newDay = prependStringWithPlaceHolders(`${dayStringConvertedToInteger}`, 2);\n        handleChangeDay(newDay, e);\n        // auto-advance functionality:\n        if (newDay.length === 2) trackFocusYearInput();\n      }\n      // regressive backspace functionality\n      if (key === 'Backspace' && day?.length === 0) {\n        trackFocusMonthInput();\n      }\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') trackFocusLastSegment();\n    },\n    [\n      day,\n      onHomeKeyDown,\n      onEndKeyDown,\n      trackFocusLastSegment,\n      handleChangeDay,\n      trackFocusYearInput,\n      trackFocusMonthInput,\n    ],\n  );\n  const onDayBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc = useCallback(\n    (e) => {\n      const newDay = e?.target?.value;\n      if (newDay === '0') handleChangeDay('01', e, { isAutomaticFillTrigger: true });\n      else if (newDay.length > 0 && newDay.length < 2)\n        handleChangeDay(prependStringWithPlaceHolders(newDay, 2), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeDay],\n  );\n\n  const handleChangeYear = useCallback(\n    (\n      newYear: string,\n      e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = defaultMetaInfo,\n    ) => {\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  const onYearFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc = useCallback(() => {\n    trackFocusYearInput();\n  }, [trackFocusYearInput]);\n  const onYearChange: DSControlledDateTimePickerInternalsT.OnChangeFunc = useCallback(\n    (e) => {\n      const newYear = e?.target?.value;\n      handleChangeYear(newYear, e);\n      // auto-advance functionality:\n      if (newYear.length === 4) {\n        if (!hideTime) trackFocusHourInput();\n        else if (withAnyRightController) {\n          if (withClearBtn) trackFocusClearBtn();\n          else if (withAnyPicker) trackFocusPicker();\n          // pending approval from Seda, check which one should be focused first...\n        }\n      }\n    },\n    [\n      handleChangeYear,\n      hideTime,\n      trackFocusHourInput,\n      withAnyRightController,\n      withClearBtn,\n      trackFocusClearBtn,\n      withAnyPicker,\n      trackFocusPicker,\n    ],\n  );\n  const onYearKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n\n      /* ****** New year value calculator logic ********* */\n      const yearStringConvertedToInteger = Number.parseInt(year, 10);\n      const yearInteger = Number.isNaN(yearStringConvertedToInteger) ? 0 : yearStringConvertedToInteger;\n      let newYear = yearInteger !== 0 ? fillStringWithPlaceHolders(`${yearInteger}`, 4, '0') : '';\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        let newYearInteger;\n        if (key === 'ArrowUp') newYearInteger = yearInteger + 1 <= 9999 ? yearInteger + 1 : yearInteger;\n        else newYearInteger = yearInteger - 1 > 0 ? yearInteger - 1 : 1;\n        newYear = prependStringWithPlaceHolders(`${newYearInteger}`, 4);\n      }\n      const isAutomaticFillTrigger = newYear !== year && ['Tab', ' '].includes(key);\n      const metainfo = { isAutomaticFillTrigger };\n\n      /* ************* new year apply logic ************* */\n      // tab/spacebar applies auto-fill\n      // arrows up/down applies increment/decrement\n      if (key === 'ArrowUp' || key === 'ArrowDown' || isAutomaticFillTrigger) {\n        handleChangeYear(newYear, e, metainfo);\n      }\n\n      /* ************* focus tracking logic ************* */\n      let trackNextFocus = trackFocusResetter; // if nothing after, we reset internal focus tracker to avoid re-render unexpected focus shift\n      if (!hideTime) trackNextFocus = trackFocusHourInput;\n      else if (withClearBtn) trackNextFocus = trackFocusClearBtn;\n      else if (withAnyPicker) trackNextFocus = trackFocusPicker;\n\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', ' '].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', ' '].includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n\n      /* ************** auto-advance logic ************** */\n      if (key === ' ') {\n        // auto-advance functionality:\n        trackNextFocus();\n      }\n      /* ********** regressive backspace logic ********** */\n      if (key === 'Backspace' && year?.length === 0) {\n        trackFocusDayInput();\n      }\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') trackFocusLastSegment();\n    },\n    [\n      year,\n      trackFocusResetter,\n      hideTime,\n      trackFocusHourInput,\n      withClearBtn,\n      trackFocusClearBtn,\n      withAnyPicker,\n      trackFocusPicker,\n      onHomeKeyDown,\n      onEndKeyDown,\n      trackFocusLastSegment,\n      trackFocusDayInput,\n      handleChangeYear,\n    ],\n  );\n  const onYearBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc = useCallback(() => {\n    // this was used before, now that we have a wrapping onBlur resetting the focus tracker, this is unused;\n  }, []);\n\n  return useMemo(\n    () => ({\n      month,\n      day,\n      year,\n      autoFocusMonthInput,\n      disabled,\n      onMonthFocus,\n      onMonthChange,\n      onDayFocus,\n      onDayChange,\n      onYearFocus,\n      onYearChange,\n      onMonthBlur,\n      onDayBlur,\n      onYearBlur,\n      onMonthKeyDown,\n      onDayKeyDown,\n      onYearKeyDown,\n    }),\n    [\n      month,\n      day,\n      year,\n      autoFocusMonthInput,\n      disabled,\n      onMonthFocus,\n      onMonthChange,\n      onDayFocus,\n      onDayChange,\n      onYearFocus,\n      onYearChange,\n      onMonthBlur,\n      onDayBlur,\n      onYearBlur,\n      onMonthKeyDown,\n      onDayKeyDown,\n      onYearKeyDown,\n    ],\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useCallback, useMemo, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport {\n  getFormattedDateString,\n  prependStringWithPlaceHolders,\n  fillStringWithPlaceHolders,\n} from '../../utils/stringHelpers';\nimport { getValidationDateStringMetaInfo } from '../../utils/dateHelpers';\nimport { defaultMetaInfo } from '../../utils/constants';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes';\nimport type { DSControlledDateTimePickerT } from '../../propTypes';\n\nexport const useDateInputs = (): DSControlledDateTimePickerInternalsT.UseDateInputsR => {\n  const {\n    props: { disabled },\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    month,\n    day,\n    year,\n    hideTime,\n    handleChangeComposedDateString,\n    withClearBtn,\n    withAnyPicker,\n    withAnyRightController,\n    autoFocusMonthInput,\n    innerRefMonthInput,\n    trackFocusResetter,\n    trackFocusFirstSegment,\n    trackFocusLastSegment,\n    trackFocusDayInput,\n    trackFocusMonthInput,\n    trackFocusYearInput,\n    trackFocusHourInput,\n    trackFocusClearBtn,\n    trackFocusPicker,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const onHomeKeyDown = useCallback(() => {\n    trackFocusFirstSegment();\n  }, [trackFocusFirstSegment]);\n  const onEndKeyDown = useCallback(() => {\n    trackFocusLastSegment();\n  }, [trackFocusLastSegment]);\n\n  const handleChangeMonth = useCallback(\n    (\n      newMonth: string,\n      e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = defaultMetaInfo,\n    ) => {\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 onMonthFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc = useCallback(() => {\n    trackFocusMonthInput();\n  }, [trackFocusMonthInput]);\n  const onMonthChange: DSControlledDateTimePickerInternalsT.OnChangeFunc = useCallback(\n    (e) => {\n      let newMonth = e?.target?.value;\n      // converts months 2~9 to 02~09\n      if (Number.parseInt(newMonth, 10) > 1) newMonth = prependStringWithPlaceHolders(newMonth, 2);\n      handleChangeMonth(newMonth, e);\n      // auto-advance functionality:\n      if (newMonth.length === 2) trackFocusDayInput();\n    },\n    [handleChangeMonth, trackFocusDayInput],\n  );\n  const onMonthKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const monthStringConvertedToInteger = Number.parseInt(month, 10);\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\\\'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\\\'].includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const monthInteger = Number.isNaN(monthStringConvertedToInteger) ? 0 : monthStringConvertedToInteger;\n        let newMonth;\n        if (key === 'ArrowUp') newMonth = monthInteger + 1 <= 12 ? monthInteger + 1 : monthInteger;\n        else newMonth = monthInteger - 1 > 0 ? monthInteger - 1 : 1;\n        newMonth = prependStringWithPlaceHolders(`${newMonth}`, 2);\n        handleChangeMonth(newMonth, e);\n      }\n      if (!Number.isNaN(monthStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\\\')) {\n        const newMonth = prependStringWithPlaceHolders(`${monthStringConvertedToInteger}`, 2);\n        handleChangeMonth(newMonth, e);\n        // auto-advance functionality:\n        if (newMonth.length === 2) trackFocusDayInput();\n      }\n\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') trackFocusLastSegment();\n    },\n    [month, onHomeKeyDown, onEndKeyDown, trackFocusLastSegment, trackFocusDayInput, handleChangeMonth],\n  );\n  const onMonthBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc = useCallback(\n    (e) => {\n      const newMonth = e?.target?.value;\n      if (newMonth === '0') handleChangeMonth('01', e, { isAutomaticFillTrigger: true });\n      else if (newMonth.length > 0 && newMonth.length < 2)\n        handleChangeMonth(prependStringWithPlaceHolders(newMonth, 2), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeMonth],\n  );\n\n  const handleChangeDay = useCallback(\n    (\n      newDay: string,\n      e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = defaultMetaInfo,\n    ) => {\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 onDayFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc = useCallback(() => {\n    trackFocusDayInput();\n  }, [trackFocusDayInput]);\n  const onDayChange: DSControlledDateTimePickerInternalsT.OnChangeFunc = useCallback(\n    (e) => {\n      let newDay = e?.target?.value;\n      // converts days 4~9 to 04~09\n      if (Number.parseInt(newDay, 10) > 3) newDay = prependStringWithPlaceHolders(newDay, 2);\n      handleChangeDay(newDay, e);\n      // auto-advance functionality:\n      if (newDay.length === 2) trackFocusYearInput();\n    },\n    [handleChangeDay, trackFocusYearInput],\n  );\n  const onDayKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const dayStringConvertedToInteger = Number.parseInt(day, 10);\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\\\'].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', '-', '/', '\\\\'].includes(key)) e.stopPropagation();\n\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const dayInteger = Number.isNaN(dayStringConvertedToInteger) ? 0 : dayStringConvertedToInteger;\n        let newDay;\n        if (key === 'ArrowUp') newDay = dayInteger + 1 <= 31 ? dayInteger + 1 : dayInteger;\n        else newDay = dayInteger - 1 > 0 ? dayInteger - 1 : 1;\n        newDay = prependStringWithPlaceHolders(`${newDay}`, 2);\n        handleChangeDay(newDay, e);\n      }\n      if (!Number.isNaN(dayStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\\\')) {\n        const newDay = prependStringWithPlaceHolders(`${dayStringConvertedToInteger}`, 2);\n        handleChangeDay(newDay, e);\n        // auto-advance functionality:\n        if (newDay.length === 2) trackFocusYearInput();\n      }\n      // regressive backspace functionality\n      if (key === 'Backspace' && day?.length === 0) {\n        trackFocusMonthInput();\n      }\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') trackFocusLastSegment();\n    },\n    [\n      day,\n      onHomeKeyDown,\n      onEndKeyDown,\n      trackFocusLastSegment,\n      handleChangeDay,\n      trackFocusYearInput,\n      trackFocusMonthInput,\n    ],\n  );\n  const onDayBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc = useCallback(\n    (e) => {\n      const newDay = e?.target?.value;\n      if (newDay === '0') handleChangeDay('01', e, { isAutomaticFillTrigger: true });\n      else if (newDay.length > 0 && newDay.length < 2)\n        handleChangeDay(prependStringWithPlaceHolders(newDay, 2), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeDay],\n  );\n\n  const handleChangeYear = useCallback(\n    (\n      newYear: string,\n      e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = defaultMetaInfo,\n    ) => {\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  const onYearFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc = useCallback(() => {\n    trackFocusYearInput();\n  }, [trackFocusYearInput]);\n  const onYearChange: DSControlledDateTimePickerInternalsT.OnChangeFunc = useCallback(\n    (e) => {\n      const newYear = e?.target?.value;\n      handleChangeYear(newYear, e);\n      // auto-advance functionality:\n      if (newYear.length === 4) {\n        if (!hideTime) trackFocusHourInput();\n        else if (withAnyRightController) {\n          if (withClearBtn) trackFocusClearBtn();\n          else if (withAnyPicker) trackFocusPicker();\n          // pending approval from Seda, check which one should be focused first...\n        }\n      }\n    },\n    [\n      handleChangeYear,\n      hideTime,\n      trackFocusHourInput,\n      withAnyRightController,\n      withClearBtn,\n      trackFocusClearBtn,\n      withAnyPicker,\n      trackFocusPicker,\n    ],\n  );\n  const onYearKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n\n      /* ****** New year value calculator logic ********* */\n      const yearStringConvertedToInteger = Number.parseInt(year, 10);\n      const yearInteger = Number.isNaN(yearStringConvertedToInteger) ? 0 : yearStringConvertedToInteger;\n      let newYear = yearInteger !== 0 ? fillStringWithPlaceHolders(`${yearInteger}`, 4, '0') : '';\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        let newYearInteger;\n        if (key === 'ArrowUp') newYearInteger = yearInteger + 1 <= 9999 ? yearInteger + 1 : yearInteger;\n        else newYearInteger = yearInteger - 1 > 0 ? yearInteger - 1 : 1;\n        newYear = prependStringWithPlaceHolders(`${newYearInteger}`, 4);\n      }\n      const isAutomaticFillTrigger = newYear !== year && ['Tab', ' '].includes(key);\n      const metainfo = { isAutomaticFillTrigger };\n\n      /* ************* new year apply logic ************* */\n      // tab/spacebar applies auto-fill\n      // arrows up/down applies increment/decrement\n      if (key === 'ArrowUp' || key === 'ArrowDown' || isAutomaticFillTrigger) {\n        handleChangeYear(newYear, e, metainfo);\n      }\n\n      /* ************* focus tracking logic ************* */\n      let trackNextFocus = trackFocusResetter; // if nothing after, we reset internal focus tracker to avoid re-render unexpected focus shift\n      if (!hideTime) trackNextFocus = trackFocusHourInput;\n      else if (withClearBtn) trackNextFocus = trackFocusClearBtn;\n      else if (withAnyPicker) trackNextFocus = trackFocusPicker;\n\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', ' '].includes(key)) e.preventDefault();\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown', ' '].includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n\n      /* ************** auto-advance logic ************** */\n      if (key === ' ') {\n        // auto-advance functionality:\n        trackNextFocus();\n      }\n      /* ********** regressive backspace logic ********** */\n      if (key === 'Backspace' && year?.length === 0) {\n        trackFocusDayInput();\n      }\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') trackFocusLastSegment();\n    },\n    [\n      year,\n      trackFocusResetter,\n      hideTime,\n      trackFocusHourInput,\n      withClearBtn,\n      trackFocusClearBtn,\n      withAnyPicker,\n      trackFocusPicker,\n      onHomeKeyDown,\n      onEndKeyDown,\n      trackFocusLastSegment,\n      trackFocusDayInput,\n      handleChangeYear,\n    ],\n  );\n  const onYearBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc = useCallback(() => {\n    // this was used before, now that we have a wrapping onBlur resetting the focus tracker, this is unused;\n  }, []);\n\n  return useMemo(\n    () => ({\n      month,\n      day,\n      year,\n      autoFocusMonthInput,\n      innerRefMonthInput,\n      disabled,\n      onMonthFocus,\n      onMonthChange,\n      onDayFocus,\n      onDayChange,\n      onYearFocus,\n      onYearChange,\n      onMonthBlur,\n      onDayBlur,\n      onYearBlur,\n      onMonthKeyDown,\n      onDayKeyDown,\n      onYearKeyDown,\n    }),\n    [\n      month,\n      day,\n      year,\n      autoFocusMonthInput,\n      innerRefMonthInput,\n      disabled,\n      onMonthFocus,\n      onMonthChange,\n      onDayFocus,\n      onDayChange,\n      onYearFocus,\n      onYearChange,\n      onMonthBlur,\n      onDayBlur,\n      onYearBlur,\n      onMonthKeyDown,\n      onDayKeyDown,\n      onYearKeyDown,\n    ],\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/parts/Pickers/Calendar/Calendar.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
 import { CalendarIconTrigger } from "./CalendarIconTrigger";
 import { CalendarWrapper } from "./CalendarWrapper";
@@ -7,18 +8,29 @@ import { CalendarContext } from "./CalendarContext";
 import { useConfigCalendarCTX } from "./useConfigCalendarCTX";
 const WrappedCalendarContext = ({ children }) => {
   const ctx = useConfigCalendarCTX();
-  return /* @__PURE__ */ React2.createElement(CalendarContext.Provider, {
-    value: ctx
-  }, children);
+  return /* @__PURE__ */ jsx(CalendarContext.Provider, {
+    value: ctx,
+    children
+  });
 };
 const CalendarContent = () => {
   const { showCalendar, handleMenuWrapperKeyDown } = useContext(CalendarContext);
   const { isControllerOnly } = useContext(ControlledDateTimePickerContext);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, isControllerOnly ? null : /* @__PURE__ */ React2.createElement(CalendarIconTrigger, null), isControllerOnly || showCalendar ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /* @__PURE__ */ React2.createElement(CalendarWrapper, null))) : null);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      isControllerOnly ? null : /* @__PURE__ */ jsx(CalendarIconTrigger, {}),
+      isControllerOnly || showCalendar ? /* @__PURE__ */ jsx(Fragment, {
+        children: /* @__PURE__ */ jsx("div", {
+          onKeyDown: handleMenuWrapperKeyDown,
+          children: /* @__PURE__ */ jsx(CalendarWrapper, {})
+        })
+      }) : null
+    ]
+  });
 };
-const Calendar = () => /* @__PURE__ */ React2.createElement(WrappedCalendarContext, null, /* @__PURE__ */ React2.createElement(CalendarContent, null));
+const Calendar = () => /* @__PURE__ */ jsx(WrappedCalendarContext, {
+  children: /* @__PURE__ */ jsx(CalendarContent, {})
+});
 export {
   Calendar,
   WrappedCalendarContext

package/dist/esm/parts/Pickers/Calendar/Calendar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/Calendar.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarIconTrigger } from './CalendarIconTrigger';\nimport { CalendarWrapper } from './CalendarWrapper';\n\nimport { CalendarContext } from './CalendarContext';\nimport { useConfigCalendarCTX } from './useConfigCalendarCTX';\n\nexport const WrappedCalendarContext = ({ children }: { children: JSX.Element }) => {\n  const ctx = useConfigCalendarCTX();\n  return <CalendarContext.Provider value={ctx}>{children}</CalendarContext.Provider>;\n};\n\nconst CalendarContent = () => {\n  const { showCalendar, handleMenuWrapperKeyDown } = useContext(CalendarContext);\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n  return (\n    <>\n      {isControllerOnly ? null : <CalendarIconTrigger />}\n      {isControllerOnly || showCalendar ? (\n        <>\n          {/* The <div> element is catching the \"ESC\" key to close the calendar, there is no valid aria role for this */}\n          {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleMenuWrapperKeyDown}>\n            <CalendarWrapper />\n          </div>\n        </>\n      ) : null}\n    </>\n  );\n};\n\n// we wrap in context in a separate statement so we can use the useContext and be sure it's correctly initialized\nexport const Calendar = () => (\n  <WrappedCalendarContext>\n    <CalendarContent />\n  </WrappedCalendarContext>\n);\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA;AACA;AAEO,MAAM,yBAAyB,CAAC,EAAE,eAA0C;AACjF,QAAM,MAAM,qBAAqB;AACjC,SAAO,qCAAC,gBAAgB,UAAhB;AAAA,IAAyB,OAAO;AAAA,KAAM,QAAS;AACzD;AAEA,MAAM,kBAAkB,MAAM;AAC5B,QAAM,EAAE,cAAc,6BAA6B,WAAW,eAAe;AAC7E,QAAM,EAAE,qBAAqB,WAAW,+BAA+B;AACvE,SACE,4DACG,mBAAmB,OAAO,qCAAC,yBAAoB,GAC/C,oBAAoB,eACnB,4DAIE,qCAAC;AAAA,IAAI,WAAW;AAAA,KACd,qCAAC,qBAAgB,CACnB,CACF,IACE,IACN;AAEJ;AAGO,MAAM,WAAW,MACtB,qCAAC,8BACC,qCAAC,qBAAgB,CACnB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,kBAAkB;AAClC,SAAS,uCAAuC;AAChD,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAEhC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAE9B,MAAM,yBAAyB,CAAC,EAAE,SAAS,MAAiC;AACjF,QAAM,MAAM,qBAAqB;AACjC,SAAO,oBAAC,gBAAgB,UAAhB;AAAA,IAAyB,OAAO;AAAA,IAAM;AAAA,GAAS;AACzD;AAEA,MAAM,kBAAkB,MAAM;AAC5B,QAAM,EAAE,cAAc,yBAAyB,IAAI,WAAW,eAAe;AAC7E,QAAM,EAAE,iBAAiB,IAAI,WAAW,+BAA+B;AACvE,SACE;AAAA,IACG;AAAA,yBAAmB,OAAO,oBAAC,uBAAoB;AAAA,MAC/C,oBAAoB,eACnB;AAAA,QAIE,8BAAC;AAAA,UAAI,WAAW;AAAA,UACd,8BAAC,mBAAgB;AAAA,SACnB;AAAA,OACF,IACE;AAAA;AAAA,GACN;AAEJ;AAGO,MAAM,WAAW,MACtB,oBAAC;AAAA,EACC,8BAAC,mBAAgB;AAAA,CACnB;",
   "names": []
 }

package/dist/esm/parts/Pickers/Calendar/CalendarBody.js

@@ -1,13 +1,20 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { CalendarMonthDays } from "./CalendarMonthDays";
 import { CalendarWeekDays } from "./CalendarWeekDays";
 import { StyledBody } from "./Styleds";
-const CalendarBody = React2.memo(({ weekRowsNum }) => /* @__PURE__ */ React2.createElement("span", {
+const CalendarBody = React2.memo(({ weekRowsNum }) => /* @__PURE__ */ jsxs("span", {
   role: "grid",
   "aria-colcount": 7,
-  "aria-rowcount": weekRowsNum
-}, /* @__PURE__ */ React2.createElement(CalendarWeekDays, null), /* @__PURE__ */ React2.createElement(StyledBody, null, /* @__PURE__ */ React2.createElement(CalendarMonthDays, null))));
+  "aria-rowcount": weekRowsNum,
+  children: [
+    /* @__PURE__ */ jsx(CalendarWeekDays, {}),
+    /* @__PURE__ */ jsx(StyledBody, {
+      children: /* @__PURE__ */ jsx(CalendarMonthDays, {})
+    })
+  ]
+}));
 export {
   CalendarBody
 };

package/dist/esm/parts/Pickers/Calendar/CalendarBody.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarBody.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { CalendarMonthDays } from './CalendarMonthDays';\nimport { CalendarWeekDays } from './CalendarWeekDays';\nimport { StyledBody } from './Styleds';\ninterface CalendarBodyPropsT {\n  weekRowsNum: number;\n}\nexport const CalendarBody = React.memo(({ weekRowsNum }: CalendarBodyPropsT) => (\n  <span role=\"grid\" aria-colcount={7} aria-rowcount={weekRowsNum}>\n    <CalendarWeekDays />\n    <StyledBody>\n      <CalendarMonthDays />\n    </StyledBody>\n  </span>\n));\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAIO,MAAM,eAAe,OAAM,KAAK,CAAC,EAAE,kBACxC,qCAAC;AAAA,EAAK,MAAK;AAAA,EAAO,iBAAe;AAAA,EAAG,iBAAe;AAAA,GACjD,qCAAC,sBAAiB,GAClB,qCAAC,kBACC,qCAAC,uBAAkB,CACrB,CACF,CACD;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAIpB,MAAM,eAAeA,OAAM,KAAK,CAAC,EAAE,YAAY,MACpD,qBAAC;AAAA,EAAK,MAAK;AAAA,EAAO,iBAAe;AAAA,EAAG,iBAAe;AAAA,EACjD;AAAA,wBAAC,oBAAiB;AAAA,IAClB,oBAAC;AAAA,MACC,8BAAC,qBAAkB;AAAA,KACrB;AAAA;AAAA,CACF,CACD;",
+  "names": ["React"]
 }

package/dist/esm/parts/Pickers/Calendar/CalendarContent.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 import { CalendarBody } from "./CalendarBody";
 import { CalendarHead } from "./CalendarHead";
@@ -8,12 +9,19 @@ import { CalendarContext } from "./CalendarContext";
 import { StyledShadowWrapper, StyledCalendarWrapper } from "./Styleds";
 const CalendarContent = ({ className = "" }) => {
   const { daysMatrixByWeekday } = useContext(CalendarContext);
-  return /* @__PURE__ */ React2.createElement(StyledShadowWrapper, {
+  return /* @__PURE__ */ jsx(StyledShadowWrapper, {
     className,
-    "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
-  }, /* @__PURE__ */ React2.createElement(StyledCalendarWrapper, null, /* @__PURE__ */ React2.createElement(CalendarHead, null), /* @__PURE__ */ React2.createElement(CalendarBody, {
-    weekRowsNum: daysMatrixByWeekday.length
-  }), /* @__PURE__ */ React2.createElement(CalendarFooter, null)));
+    "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR,
+    children: /* @__PURE__ */ jsxs(StyledCalendarWrapper, {
+      children: [
+        /* @__PURE__ */ jsx(CalendarHead, {}),
+        /* @__PURE__ */ jsx(CalendarBody, {
+          weekRowsNum: daysMatrixByWeekday.length
+        }),
+        /* @__PURE__ */ jsx(CalendarFooter, {})
+      ]
+    })
+  });
 };
 export {
   CalendarContent

package/dist/esm/parts/Pickers/Calendar/CalendarContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarContent.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarBody } from './CalendarBody';\nimport { CalendarHead } from './CalendarHead';\nimport { CalendarFooter } from './CalendarFooter';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n  const { daysMatrixByWeekday } = useContext(CalendarContext);\n\n  return (\n    <StyledShadowWrapper\n      className={className}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n    >\n      <StyledCalendarWrapper>\n        <CalendarHead />\n        <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n        <CalendarFooter />\n      </StyledCalendarWrapper>\n    </StyledShadowWrapper>\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAEA;AACA;AACA;AACA;AACA;AAMO,MAAM,kBAAkB,CAAC,EAAE,YAAY,SAA8C;AAC1F,QAAM,EAAE,wBAAwB,WAAW,eAAe;AAE1D,SACE,qCAAC;AAAA,IACC;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,KAErE,qCAAC,6BACC,qCAAC,kBAAa,GACd,qCAAC;AAAA,IAAa,aAAa,oBAAoB;AAAA,GAAQ,GACvD,qCAAC,oBAAe,CAClB,CACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AAEnD,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB,6BAA6B;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM,EAAE,oBAAoB,IAAI,WAAW,eAAe;AAE1D,SACE,oBAAC;AAAA,IACC;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,IAErE,+BAAC;AAAA,MACC;AAAA,4BAAC,gBAAa;AAAA,QACd,oBAAC;AAAA,UAAa,aAAa,oBAAoB;AAAA,SAAQ;AAAA,QACvD,oBAAC,kBAAe;AAAA;AAAA,KAClB;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Pickers/Calendar/CalendarContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarContext.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { CalendarContextT } from './useConfigCalendarCTX';\n\nexport const defaultCalendarContext = {} as CalendarContextT;\n\n/** Context for cross component communication */\nexport const CalendarContext = createContext<CalendarContextT>(defaultCalendarContext);\n\nexport default CalendarContext;\n"],
-  "mappings": "AAAA;ACAA;AAGO,MAAM,yBAAyB,CAAC;AAGhC,MAAM,kBAAkB,cAAgC,sBAAsB;AAErF,IAAO,0BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAGvB,MAAM,yBAAyB,CAAC;AAGhC,MAAM,kBAAkB,cAAgC,sBAAsB;AAErF,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/parts/Pickers/Calendar/CalendarDaysList.js

@@ -1,33 +1,38 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { Day } from "./Day";
 import { StyledWeekDaysListWrapper } from "./Styleds";
-const CalendarDaysList = React2.memo(({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ React2.createElement("div", {
-  ref: innerRef,
-  role: "rowgroup"
-}, invisibleFirstDay ? /* @__PURE__ */ React2.createElement(Day, {
-  key: `ds-calendar-${invisibleFirstDay.day.toString()}`,
-  metaDay: invisibleFirstDay,
-  isInvisible: true
-}) : null, daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ React2.createElement(StyledWeekDaysListWrapper, {
-  key: `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`,
-  role: "row",
-  "aria-rowindex": i + 1,
-  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
-  rows: ["28px"],
-  py: "xxxs",
-  px: "2px",
-  justifyContent: "space-between",
-  alignItems: "center"
-}, week.map((metaDay, z) => /* @__PURE__ */ React2.createElement(Day, {
-  key: `ds-calendar-${metaDay.day.toString()}`,
-  metaDay,
-  colIndex: z + 1
-})))), invisibleLastDay ? /* @__PURE__ */ React2.createElement(Day, {
-  key: `ds-calendar-${invisibleLastDay.day.toString()}`,
-  metaDay: invisibleLastDay,
-  isInvisible: true
-}) : null));
+const CalendarDaysList = React2.memo(
+  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ jsxs("div", {
+    ref: innerRef,
+    role: "rowgroup",
+    children: [
+      invisibleFirstDay ? /* @__PURE__ */ jsx(Day, {
+        metaDay: invisibleFirstDay,
+        isInvisible: true
+      }, `ds-calendar-${invisibleFirstDay.day.toString()}`) : null,
+      daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ jsx(StyledWeekDaysListWrapper, {
+        role: "row",
+        "aria-rowindex": i + 1,
+        cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
+        rows: ["28px"],
+        py: "xxxs",
+        px: "2px",
+        justifyContent: "space-between",
+        alignItems: "center",
+        children: week.map((metaDay, z) => /* @__PURE__ */ jsx(Day, {
+          metaDay,
+          colIndex: z + 1
+        }, `ds-calendar-${metaDay.day.toString()}`))
+      }, `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`)),
+      invisibleLastDay ? /* @__PURE__ */ jsx(Day, {
+        metaDay: invisibleLastDay,
+        isInvisible: true
+      }, `ds-calendar-${invisibleLastDay.day.toString()}`) : null
+    ]
+  })
+);
 export {
   CalendarDaysList
 };

package/dist/esm/parts/Pickers/Calendar/CalendarDaysList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarDaysList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Day } from './Day';\nimport { StyledWeekDaysListWrapper } from './Styleds';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes';\n\nexport const CalendarDaysList = React.memo(\n  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }: CalendarDaysListPropsT): JSX.Element => (\n    <div ref={innerRef} role=\"rowgroup\">\n      {invisibleFirstDay ? (\n        <Day key={`ds-calendar-${invisibleFirstDay.day.toString()}`} metaDay={invisibleFirstDay} isInvisible />\n      ) : null}\n      {daysMatrixByWeekday.map((week, i) => (\n        <StyledWeekDaysListWrapper\n          key={`ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`}\n          role=\"row\"\n          aria-rowindex={i + 1}\n          cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n          rows={['28px']}\n          py=\"xxxs\"\n          px=\"2px\"\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          {week.map((metaDay, z) => (\n            <Day key={`ds-calendar-${metaDay.day.toString()}`} metaDay={metaDay} colIndex={z + 1} />\n          ))}\n        </StyledWeekDaysListWrapper>\n      ))}\n      {invisibleLastDay ? (\n        <Day key={`ds-calendar-${invisibleLastDay.day.toString()}`} metaDay={invisibleLastDay} isInvisible />\n      ) : null}\n    </div>\n  ),\n);\nexport interface CalendarDaysListPropsT {\n  invisibleFirstDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  daysMatrixByWeekday: DSControlledDateTimePickerInternalsT.MetaMonthDay[][];\n  invisibleLastDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  innerRef: React.RefObject<HTMLDivElement>;\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,mBAAmB,OAAM,KACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,eAC3D,qCAAC;AAAA,EAAI,KAAK;AAAA,EAAU,MAAK;AAAA,GACtB,oBACC,qCAAC;AAAA,EAAI,KAAK,eAAe,kBAAkB,IAAI,SAAS;AAAA,EAAK,SAAS;AAAA,EAAmB,aAAW;AAAA,CAAC,IACnG,MACH,oBAAoB,IAAI,CAAC,MAAM,MAC9B,qCAAC;AAAA,EACC,KAAK,oBAAoB,KAAK,GAAG,IAAI,SAAS,KAAK,KAAK,GAAG,IAAI,SAAS;AAAA,EACxE,MAAK;AAAA,EACL,iBAAe,IAAI;AAAA,EACnB,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,EAC7D,MAAM,CAAC,MAAM;AAAA,EACb,IAAG;AAAA,EACH,IAAG;AAAA,EACH,gBAAe;AAAA,EACf,YAAW;AAAA,GAEV,KAAK,IAAI,CAAC,SAAS,MAClB,qCAAC;AAAA,EAAI,KAAK,eAAe,QAAQ,IAAI,SAAS;AAAA,EAAK;AAAA,EAAkB,UAAU,IAAI;AAAA,CAAG,CACvF,CACH,CACD,GACA,mBACC,qCAAC;AAAA,EAAI,KAAK,eAAe,iBAAiB,IAAI,SAAS;AAAA,EAAK,SAAS;AAAA,EAAkB,aAAW;AAAA,CAAC,IACjG,IACN,CAEJ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,iCAAiC;AAGnC,MAAM,mBAAmBA,OAAM;AAAA,EACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,SAAS,MACpE,qBAAC;AAAA,IAAI,KAAK;AAAA,IAAU,MAAK;AAAA,IACtB;AAAA,0BACC,oBAAC;AAAA,QAA4D,SAAS;AAAA,QAAmB,aAAW;AAAA,SAA1F,eAAe,kBAAkB,IAAI,SAAS,GAA6C,IACnG;AAAA,MACH,oBAAoB,IAAI,CAAC,MAAM,MAC9B,oBAAC;AAAA,QAEC,MAAK;AAAA,QACL,iBAAe,IAAI;AAAA,QACnB,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,QAC7D,MAAM,CAAC,MAAM;AAAA,QACb,IAAG;AAAA,QACH,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,YAAW;AAAA,QAEV,eAAK,IAAI,CAAC,SAAS,MAClB,oBAAC;AAAA,UAAkD;AAAA,UAAkB,UAAU,IAAI;AAAA,WAAzE,eAAe,QAAQ,IAAI,SAAS,GAAwC,CACvF;AAAA,SAZI,oBAAoB,KAAK,GAAG,IAAI,SAAS,KAAK,KAAK,GAAG,IAAI,SAAS,GAa1E,CACD;AAAA,MACA,mBACC,oBAAC;AAAA,QAA2D,SAAS;AAAA,QAAkB,aAAW;AAAA,SAAxF,eAAe,iBAAiB,IAAI,SAAS,GAA4C,IACjG;AAAA;AAAA,GACN;AAEJ;",
+  "names": ["React"]
 }

package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
 import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
 import { CalendarFooterMessage } from "./Styleds";
@@ -9,10 +10,11 @@ const CalendarFooter = () => {
     isWithTimeWheelToo
   } = useContext(ControlledDateTimePickerContext);
   if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
-    return /* @__PURE__ */ React2.createElement(CalendarFooterMessage, {
+    return /* @__PURE__ */ jsx(CalendarFooterMessage, {
       role: "alert",
-      "data-testid": ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR
-    }, pickerFooterMsg);
+      "data-testid": ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR,
+      children: pickerFooterMsg
+    });
   return null;
 };
 export {

package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarFooter.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarFooterMessage } from './Styleds';\n\nexport const CalendarFooter: React.ComponentType = () => {\n  const {\n    props: { pickerFooterMsg, hasError },\n    isWithTimeWheelToo,\n  } = useContext(ControlledDateTimePickerContext);\n  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError)\n    return (\n      <CalendarFooterMessage role=\"alert\" data-testid={ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR}>\n        {pickerFooterMsg}\n      </CalendarFooterMessage>\n    );\n  return null;\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,WAAW,+BAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,qCAAC;AAAA,MAAsB,MAAK;AAAA,MAAQ,eAAa,mCAAmC,QAAQ;AAAA,OACzF,eACH;AAEJ,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,6BAA6B;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,oBAAC;AAAA,MAAsB,MAAK;AAAA,MAAQ,eAAa,mCAAmC,QAAQ;AAAA,MACzF;AAAA,KACH;AAEJ,SAAO;AACT;",
   "names": []
 }

package/dist/esm/parts/Pickers/Calendar/CalendarHead.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useContext, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useMemo } from "react";
 import { BUTTON_SIZES } from "@elliemae/ds-button";
 import { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from "@elliemae/ds-icons";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
@@ -38,87 +39,112 @@ const CalendarHead = () => {
     latestInteractionRegion,
     currFocusDescriber
   } = useContext(ControlledDateTimePickerContext);
-  const handlePrevYearRef = useCallback((ButtonDomNode) => {
-    prevYearBtnRef.current = ButtonDomNode;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-year")
-      ButtonDomNode?.focus?.();
-  }, [currFocusDescriber, latestInteractionRegion, prevYearBtnRef]);
-  const handlePrevMonthRef = useCallback((ButtonDomNode) => {
-    prevMonthBtnRef.current = ButtonDomNode;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-month")
-      ButtonDomNode?.focus?.();
-  }, [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef]);
-  const handleNextMonthRef = useCallback((ButtonDomNode) => {
-    nextMonthBtnRef.current = ButtonDomNode;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-next-month")
-      ButtonDomNode?.focus?.();
-  }, [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef]);
-  const handleNextYearRef = useCallback((ButtonDomNode) => {
-    nextYearBtnRef.current = ButtonDomNode;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-next-year")
-      ButtonDomNode?.focus?.();
-  }, [currFocusDescriber, latestInteractionRegion, nextYearBtnRef]);
-  return /* @__PURE__ */ React2.createElement(StyledHeader, null, /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
-    "aria-label": "previous year",
-    buttonType: "raw",
-    size: BUTTON_SIZES.M,
-    onClick: handlePrevYear,
-    innerRef: handlePrevYearRef,
-    onKeyDown: handlePrevYearKeyDown,
-    onFocus: onPrevYearFocus,
-    tabIndex: isControllerOnly ? -1 : 0,
-    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronDoubleLeft, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
-    autoFocus: autoFocusPrevMonthArrow,
-    "aria-label": "previous month",
-    buttonType: "raw",
-    size: BUTTON_SIZES.M,
-    onClick: handlePrevMonth,
-    innerRef: handlePrevMonthRef,
-    onKeyDown: handlePrevMonthKeyDown,
-    onFocus: onPrevMonthFocus,
-    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronLeft, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ React2.createElement(StyledHeaderLabel, {
-    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL
-  }, currentFormatedDate), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
-    "aria-label": "next month",
-    buttonType: "raw",
-    size: BUTTON_SIZES.M,
-    onClick: handleNextMonth,
-    innerRef: handleNextMonthRef,
-    onKeyDown: handleNextMonthKeyDown,
-    onFocus: onNextMonthFocus,
-    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronRight, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
-    "aria-label": "next year",
-    buttonType: "raw",
-    size: BUTTON_SIZES.M,
-    onClick: handleNextYear,
-    innerRef: handleNextYearRef,
-    onKeyDown: handleNextYearKeyDown,
-    onFocus: onNextYearFocus,
-    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR,
-    type: "button"
-  }, /* @__PURE__ */ React2.createElement(ChevronDoubleRight, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })));
+  const handlePrevYearRef = useCallback(
+    (ButtonDomNode) => {
+      prevYearBtnRef.current = ButtonDomNode;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-year")
+        ButtonDomNode?.focus?.();
+    },
+    [currFocusDescriber, latestInteractionRegion, prevYearBtnRef]
+  );
+  const handlePrevMonthRef = useCallback(
+    (ButtonDomNode) => {
+      prevMonthBtnRef.current = ButtonDomNode;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-month")
+        ButtonDomNode?.focus?.();
+    },
+    [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef]
+  );
+  const handleNextMonthRef = useCallback(
+    (ButtonDomNode) => {
+      nextMonthBtnRef.current = ButtonDomNode;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-next-month")
+        ButtonDomNode?.focus?.();
+    },
+    [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef]
+  );
+  const handleNextYearRef = useCallback(
+    (ButtonDomNode) => {
+      nextYearBtnRef.current = ButtonDomNode;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-next-year")
+        ButtonDomNode?.focus?.();
+    },
+    [currFocusDescriber, latestInteractionRegion, nextYearBtnRef]
+  );
+  return /* @__PURE__ */ jsxs(StyledHeader, {
+    children: [
+      /* @__PURE__ */ jsx(StyledHeaderButton, {
+        "aria-label": "previous year",
+        buttonType: "raw",
+        size: BUTTON_SIZES.M,
+        onClick: handlePrevYear,
+        innerRef: handlePrevYearRef,
+        onKeyDown: handlePrevYearKeyDown,
+        onFocus: onPrevYearFocus,
+        tabIndex: isControllerOnly ? -1 : 0,
+        "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR,
+        type: "button",
+        children: /* @__PURE__ */ jsx(ChevronDoubleLeft, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ jsx(StyledHeaderButton, {
+        autoFocus: autoFocusPrevMonthArrow,
+        "aria-label": "previous month",
+        buttonType: "raw",
+        size: BUTTON_SIZES.M,
+        onClick: handlePrevMonth,
+        innerRef: handlePrevMonthRef,
+        onKeyDown: handlePrevMonthKeyDown,
+        onFocus: onPrevMonthFocus,
+        "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH,
+        type: "button",
+        children: /* @__PURE__ */ jsx(ChevronLeft, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ jsx(StyledHeaderLabel, {
+        "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL,
+        children: currentFormatedDate
+      }),
+      /* @__PURE__ */ jsx(StyledHeaderButton, {
+        "aria-label": "next month",
+        buttonType: "raw",
+        size: BUTTON_SIZES.M,
+        onClick: handleNextMonth,
+        innerRef: handleNextMonthRef,
+        onKeyDown: handleNextMonthKeyDown,
+        onFocus: onNextMonthFocus,
+        "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH,
+        type: "button",
+        children: /* @__PURE__ */ jsx(ChevronRight, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ jsx(StyledHeaderButton, {
+        "aria-label": "next year",
+        buttonType: "raw",
+        size: BUTTON_SIZES.M,
+        onClick: handleNextYear,
+        innerRef: handleNextYearRef,
+        onKeyDown: handleNextYearKeyDown,
+        onFocus: onNextYearFocus,
+        "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR,
+        type: "button",
+        children: /* @__PURE__ */ jsx(ChevronDoubleRight, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      })
+    ]
+  });
 };
 export {
   CalendarHead