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

@elliemae/ds-form-date-time-picker 3.16.0-next.2 → 3.16.0-next.3

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 (158) hide show

package/dist/cjs/ControlledDateTimePicker.js CHANGED Viewed

@@ -30,7 +30,7 @@ __export(ControlledDateTimePicker_exports, {
 module.exports = __toCommonJS(ControlledDateTimePicker_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_theming = require("./exported-related/theming");
 var import_propTypes = require("./propTypes");
 var import_useControlledDateTimePicker = require("./config/useControlledDateTimePicker");
@@ -41,6 +41,6 @@ const DSControlledDateTimePicker = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateTimePickerContent.ControlledDateTimePickerContent, {}) });
 };
 DSControlledDateTimePicker.displayName = import_theming.DSControlledDateTimePickerName;
-const DSControlledDateTimePickerWithSchema = (0, import_ds_utilities.describe)(DSControlledDateTimePicker);
+const DSControlledDateTimePickerWithSchema = (0, import_ds_props_helpers.describe)(DSControlledDateTimePicker);
 DSControlledDateTimePickerWithSchema.propTypes = import_propTypes.propTypes;
 //# sourceMappingURL=ControlledDateTimePicker.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ControlledDateTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSControlledDateTimePickerName } from './exported-related/theming';\nimport { propTypes } from './propTypes';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerT } from './propTypes';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAZN,0BAAyB;AACzB,qBAA+C;AAC/C,uBAA0B;AAC1B,yCAA4C;AAC5C,6CAAgD;AAChD,yCAAgD;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,UAAM,gEAA4B,KAAK;AAC7C,SACE,4CAAC,mEAAgC,UAAhC,EAAyC,OAAO,KAC/C,sDAAC,0EAAgC,GACnC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,8BAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSControlledDateTimePickerName } from './exported-related/theming';\nimport { propTypes } from './propTypes';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerT } from './propTypes';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAZN,8BAAyB;AACzB,qBAA+C;AAC/C,uBAA0B;AAC1B,yCAA4C;AAC5C,6CAAgD;AAChD,yCAAgD;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,UAAM,gEAA4B,KAAK;AAC7C,SACE,4CAAC,mEAAgC,UAAhC,EAAyC,OAAO,KAC/C,sDAAC,0EAAgC,GACnC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useChangeHandlers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport type { useRelevantValueFromProps } from './useRelevantValueFromProps';\nimport type { useGetDestructuredValues } from './useGetDestructuredValues';\nimport type { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport type { useGetReferences } from './useGetReferences';\nimport type { useFocusTracker } from './useFocusTracker';\nimport { getValidationDateStringMetaInfo } from '../utils/dateHelpers';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers';\nimport {\n  isEmptyDateStringMask,\n  isEmptyTimeStringMask,\n  isEmptyDateTimeStringMask,\n  getFormattedDateString,\n  getFormattedTimeString,\n} from '../utils/stringHelpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes';\n\nimport { defaultMetaInfo } from '../utils/constants';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport type { useRelevantValueFromProps } from './useRelevantValueFromProps';\nimport type { useGetDestructuredValues } from './useGetDestructuredValues';\nimport type { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport type { useGetReferences } from './useGetReferences';\nimport type { useFocusTracker } from './useFocusTracker';\nimport { getValidationDateStringMetaInfo } from '../utils/dateHelpers';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers';\nimport {\n  isEmptyDateStringMask,\n  isEmptyTimeStringMask,\n  isEmptyDateTimeStringMask,\n  getFormattedDateString,\n  getFormattedTimeString,\n} from '../utils/stringHelpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes';\nimport { defaultMetaInfo } from '../utils/constants';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAqC;AAMrC,yBAAgD;AAChD,yBAAgD;AAChD,2BAMO;AAGP,uBAAgC;AASzB,MAAM,oBAAoB,CAAC,EAAE,gBAAgB,oBAAoB,kBAAkB,cAAc,MAAc;AACpH,QAAM,EAAE,gBAAgB,mBAAmB,gBAAgB,cAAc,IAAI;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,KAAK,MAAM,OAAO,SAAS,SAAS,IAAI;AACvD,QAAM,EAAE,uBAAuB,IAAI;AAEnC,QAAM,sBAAkB;AAAA,IACtB,CACE,gBAA+B,MAC/B,WAA8E,CAAC,MACT;AACtE,YAAM,kBAAkB,iBAAiB;AACzC,YAAM,gBAAmF;AAAA,QACvF,GAAG;AAAA,QACH,OAAG,oDAAgC,iBAAiB,oBAAoB,gBAAgB;AAAA,MAC1F;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,gBAAgB,kBAAkB,kBAAkB;AAAA,EACvD;AAEA,QAAM,sBAAkB;AAAA,IACtB,CACE,gBAA+B,MAC/B,WAA8E,CAAC,MACT;AACtE,YAAM,kBAAkB,iBAAiB;AACzC,YAAM,gBAAmF;AAAA,QACvF,GAAG;AAAA,QACH,OAAG,oDAAgC,iBAAiB,iBAAiB;AAAA,MACvE;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,gBAAgB,iBAAiB;AAAA,EACpC;AAEA,QAAM,yCAAqC;AAAA,IACzC,CACE,eACA,eACA,aACS;AACT,YAAM,oBAAgB,4CAAsB,aAAa,IAAI,KAAK;AAClE,YAAM,oBAAgB,4CAAsB,aAAa,IAAI,KAAK;AAClE,sBAAgB,eAAe,QAAQ;AACvC,wBAAkB,aAAa;AAE/B,sBAAgB,eAAe,QAAQ;AACvC,oBAAc,aAAa;AAE3B,YAAM,oBAAoB,GAAG,iBAAiB;AAC9C,YAAM,cAAc;AAAA,QAClB,GAAG;AAAA,QACH,GAAG,gBAAgB,eAAe,QAAQ;AAAA,QAC1C,GAAG,gBAAgB,eAAe,QAAQ;AAAA,QAC1C;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,YAAM,wBAAoB,gDAA0B,iBAAiB,IAAI,KAAK;AAC9E,0BAAoB,mBAAmB,WAAW;AAAA,IACpD;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,QAAM,qCAAiC;AAAA,IACrC,CAAC,eAAuB,aAAgF;AAEtG,YAAM,oBAAgB,4CAAsB,aAAa,IAAI,KAAK;AAClE,sBAAgB,eAAe,QAAQ;AACvC,wBAAkB,aAAa;AAC/B,YAAM,oBAAoB,GAAG,iBAAiB;AAC9C,YAAM,cAAc;AAAA,QAClB,GAAG;AAAA,QACH,GAAG,gBAAgB,gBAAgB,QAAQ;AAAA,QAC3C,GAAG,gBAAgB,eAAe,QAAQ;AAAA,QAC1C;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAEA,YAAM,wBAAoB,gDAA0B,iBAAiB,IAAI,KAAK;AAC9E,0BAAoB,mBAAmB,WAAW;AAAA,IACpD;AAAA,IACA,CAAC,iBAAiB,mBAAmB,gBAAgB,iBAAiB,iBAAiB,mBAAmB;AAAA,EAC5G;AACA,QAAM,qCAAiC;AAAA,IACrC,CAAC,eAAuB,aAAgF;AACtG,YAAM,oBAAgB,4CAAsB,aAAa,IAAI,KAAK;AAClE,sBAAgB,eAAe,QAAQ;AAEvC,oBAAc,aAAa;AAC3B,YAAM,oBAAoB,GAAG,kBAAkB;AAC/C,YAAM,cAAc;AAAA,QAClB,GAAG;AAAA,QACH,GAAG,gBAAgB,eAAe,QAAQ;AAAA,QAC1C,GAAG,gBAAgB,gBAAgB,QAAQ;AAAA,QAC3C;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAEA,YAAM,wBAAoB,gDAA0B,iBAAiB,IAAI,KAAK;AAC9E,0BAAoB,mBAAmB,WAAW;AAAA,IACpD;AAAA,IACA,CAAC,iBAAiB,eAAe,gBAAgB,iBAAiB,iBAAiB,mBAAmB;AAAA,EACxG;AAEA,QAAM,wBAAwE;AAAA,IAC5E,CAAC,UAAU,GAAG,WAAW,qCAAoB;AAC3C,YAAM,oBAAgB,6CAAuB;AAAA,QAC3C,OAAO;AAAA,QACP;AAAA,QACA;AAAA,MACF,CAAC;AACD,YAAM,gBAA0E;AAAA,QAC9E,GAAG;AAAA,QACH,OAAG,oDAAgC,eAAe,oBAAoB,gBAAgB;AAAA,QACtF;AAAA,MACF;AACA,uBAAiB,UAAU,GAAG,aAAa;AAC3C,qCAA+B,eAAe,aAAa;AAAA,IAC7D;AAAA,IACA,CAAC,KAAK,MAAM,oBAAoB,kBAAkB,kBAAkB,8BAA8B;AAAA,EACpG;AACA,QAAM,sBAAsE;AAAA,IAC1E,CAAC,QAAQ,GAAG,WAAW,qCAAoB;AACzC,YAAM,oBAAgB,6CAAuB;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACL;AAAA,MACF,CAAC;AACD,YAAM,gBAA0E;AAAA,QAC9E,GAAG;AAAA,QACH,OAAG,oDAAgC,eAAe,oBAAoB,gBAAgB;AAAA,QACtF;AAAA,MACF;AACA,qBAAe,QAAQ,GAAG,aAAa;AACvC,qCAA+B,eAAe,aAAa;AAAA,IAC7D;AAAA,IACA,CAAC,OAAO,MAAM,oBAAoB,kBAAkB,gBAAgB,8BAA8B;AAAA,EACpG;AACA,QAAM,uBAAuE;AAAA,IAC3E,CAAC,SAAS,GAAG,WAAW,qCAAoB;AAC1C,YAAM,oBAAgB,6CAAuB;AAAA,QAC3C;AAAA,QACA;AAAA,QACA,MAAM;AAAA,MACR,CAAC;AACD,YAAM,gBAA0E;AAAA,QAC9E,GAAG;AAAA,QACH,OAAG,oDAAgC,eAAe,oBAAoB,gBAAgB;AAAA,QACtF;AAAA,MACF;AACA,sBAAgB,SAAS,GAAG,aAAa;AACzC,qCAA+B,eAAe,aAAa;AAAA,IAC7D;AAAA,IACA,CAAC,OAAO,KAAK,oBAAoB,kBAAkB,iBAAiB,8BAA8B;AAAA,EACpG;AAEA,QAAM,wBAAwE;AAAA,IAC5E,CAAC,UAAU,GAAG,WAAW,qCAAoB;AAC3C,YAAM,oBAAgB,6CAAuB;AAAA,QAC3C,OAAO;AAAA,QACP;AAAA,QAEA;AAAA,MACF,CAAC;AACD,YAAM,gBAA0E;AAAA,QAC9E,GAAG;AAAA,QACH,OAAG,oDAAgC,eAAe,iBAAiB;AAAA,QACnE;AAAA,MACF;AACA,sBAAgB,UAAU,GAAG,aAAa;AAC1C,qCAA+B,eAAe,aAAa;AAAA,IAC7D;AAAA,IACA,CAAC,SAAS,UAAU,mBAAmB,iBAAiB,8BAA8B;AAAA,EACxF;AACA,QAAM,0BAA0E;AAAA,IAC9E,CAAC,YAAY,GAAG,WAAW,qCAAoB;AAC7C,YAAM,oBAAgB,6CAAuB;AAAA,QAC3C;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF,CAAC;AACD,YAAM,gBAA0E;AAAA,QAC9E,GAAG;AAAA,QACH,OAAG,oDAAgC,eAAe,iBAAiB;AAAA,QACnE;AAAA,MACF;AACA,wBAAkB,YAAY,GAAG,aAAa;AAC9C,qCAA+B,eAAe,aAAa;AAAA,IAC7D;AAAA,IACA,CAAC,OAAO,UAAU,mBAAmB,mBAAmB,8BAA8B;AAAA,EACxF;AACA,QAAM,2BAA2E;AAAA,IAC/E,CAAC,aAAa,GAAG,WAAW,qCAAoB;AAC9C,YAAM,oBAAgB,6CAAuB;AAAA,QAC3C;AAAA,QACA;AAAA,QACA,UAAU;AAAA,MACZ,CAAC;AACD,YAAM,gBAA0E;AAAA,QAC9E,GAAG;AAAA,QACH,OAAG,oDAAgC,eAAe,iBAAiB;AAAA,QACnE;AAAA,MACF;AACA,0BAAoB,aAAa,GAAG,aAAa;AACjD,qCAA+B,eAAe,aAAa;AAAA,IAC7D;AAAA,IACA,CAAC,OAAO,SAAS,mBAAmB,qBAAqB,8BAA8B;AAAA,EACzF;AAEA,QAAM,qBAAoE;AAAA,IACxE,CAAC,MAAM;AACL,YAAM,WAAW;AAAA,QACf,wBAAwB;AAAA,QACxB,qBAAqB;AAAA,QACrB,eAAe;AAAA,QACf,eAAe;AAAA,QACf,mBAAmB;AAAA,MACrB;AACA,uBAAiB,IAAI,GAAG,QAAQ;AAChC,qBAAe,IAAI,GAAG,QAAQ;AAC9B,sBAAgB,IAAI,GAAG,QAAQ;AAC/B,sBAAgB,IAAI,GAAG,QAAQ;AAC/B,wBAAkB,IAAI,GAAG,QAAQ;AACjC,0BAAoB,IAAI,GAAG,QAAQ;AACnC,UAAI;AAAY,2CAAmC,cAAc,YAAY,QAAQ;AACrF,UAAI;AAAQ,uCAA+B,cAAc,QAAQ;AACjE,UAAI;AAAQ,uCAA+B,YAAY,QAAQ;AAC/D,6BAAuB;AAAA,IACzB;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,aAAO;AAAA,IACL,OAAO;AAAA,MACL;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,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/config/useControlledDateTimePicker.js CHANGED Viewed

@@ -29,7 +29,7 @@ __export(useControlledDateTimePicker_exports, {
 module.exports = __toCommonJS(useControlledDateTimePicker_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_useGetPropsWithDefault = require("./useGetPropsWithDefault");
 var import_useFocusTracker = require("./useFocusTracker");
 var import_useGetFlags = require("./useGetFlags");
@@ -57,8 +57,8 @@ const useControlledDateTimePicker = (props) => {
     focusTrackers
   });
   const globalKeyHandlers = (0, import_useGlobalKeyHandlers.useGlobalKeyHandlers)({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });
-  const xstyledAttrs = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefaults);
-  const globalAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
+  const xstyledAttrs = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefaults);
+  const globalAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefaults);
   const { announcedDateValues, announcedTimeValues } = destructuredValues;
   const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;
   const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ""}${isDateTimeSelector ? ", " : ""}${isWithTimeInputs ? `${announcedTimeValues}` : ""}`;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useControlledDateTimePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useFocusTracker } from './useFocusTracker';\nimport { useGetFlags } from './useGetFlags';\nimport { useGetReferences } from './useGetReferences';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { useGetDestructuredValues } from './useGetDestructuredValues';\nimport { useChangeHandlers } from './useChangeHandlers';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers';\nimport { useValidateProps } from './useValidateProps';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\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    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, propsWithDefaults });\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 ctx = React.useMemo(\n    () => ({\n      props: propsWithDefaults,\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      ariaCurrentValueForInputs,\n      focusTrackers,\n      flags,\n      DOMRefs,\n      relevantValues,\n      propsBasedOnType,\n      destructuredValues,\n      changeHandlers,\n      globalKeyHandlers,\n      xstyledAttrs,\n      globalAttrs,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2D;AAC3D,oCAAkD;AAClD,6BAAgC;AAChC,yBAA4B;AAC5B,8BAAiC;AACjC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,+BAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AAiB1B,MAAM,8BAA8B,CACzC,UACqC;AAErC,gDAAiB,KAAK;AAEtB,QAAM,wBAAoB,iEAAkC,KAAK;AAEjE,QAAM,YAAQ,gCAAY,iBAAiB;AAC3C,QAAM,cAAU,0CAAiB,KAAK;AACtC,QAAM,oBAAgB,wCAAgB,EAAE,SAAS,OAAO,kBAAkB,CAAC;AAC3E,QAAM,qBAAiB,4DAA0B,iBAAiB;AAClE,QAAM,uBAAmB,sDAAuB,iBAAiB;AACjE,QAAM,yBAAqB,0DAAyB,EAAE,GAAG,kBAAkB,GAAG,MAAM,CAAC;AACrF,QAAM,qBAAiB,4CAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,wBAAoB,kDAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,mBAAe,wCAAmB,iBAAiB;AAEzD,QAAM,kBAAc,4CAAuB,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,MAAM,aAAAA,QAAM;AAAA,IAChB,OAAO;AAAA,MACL,OAAO;AAAA,MACP;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,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useFocusTracker } from './useFocusTracker';\nimport { useGetFlags } from './useGetFlags';\nimport { useGetReferences } from './useGetReferences';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { useGetDestructuredValues } from './useGetDestructuredValues';\nimport { useChangeHandlers } from './useChangeHandlers';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers';\nimport { useValidateProps } from './useValidateProps';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\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    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, propsWithDefaults });\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 ctx = React.useMemo(\n    () => ({\n      props: propsWithDefaults,\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      ariaCurrentValueForInputs,\n      focusTrackers,\n      flags,\n      DOMRefs,\n      relevantValues,\n      propsBasedOnType,\n      destructuredValues,\n      changeHandlers,\n      globalKeyHandlers,\n      xstyledAttrs,\n      globalAttrs,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAA2D;AAC3D,oCAAkD;AAClD,6BAAgC;AAChC,yBAA4B;AAC5B,8BAAiC;AACjC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,+BAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AAiB1B,MAAM,8BAA8B,CACzC,UACqC;AAErC,gDAAiB,KAAK;AAEtB,QAAM,wBAAoB,iEAAkC,KAAK;AAEjE,QAAM,YAAQ,gCAAY,iBAAiB;AAC3C,QAAM,cAAU,0CAAiB,KAAK;AACtC,QAAM,oBAAgB,wCAAgB,EAAE,SAAS,OAAO,kBAAkB,CAAC;AAC3E,QAAM,qBAAiB,4DAA0B,iBAAiB;AAClE,QAAM,uBAAmB,sDAAuB,iBAAiB;AACjE,QAAM,yBAAqB,0DAAyB,EAAE,GAAG,kBAAkB,GAAG,MAAM,CAAC;AACrF,QAAM,qBAAiB,4CAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,wBAAoB,kDAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,kBAAc,gDAAuB,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,MAAM,aAAAA,QAAM;AAAA,IAChB,OAAO;AAAA,MACL,OAAO;AAAA,MACP;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,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": ["React"]
 }

package/dist/cjs/config/useGetFlags.js CHANGED Viewed

@@ -64,8 +64,8 @@ const getDateTimeFlags = (props) => {
     isWithTimeInputs: withAnyInputs,
     autoFocusMonthInput: withAnyInputs && autoFocus,
     autoFocusPrevMonthArrow: isControllerOnly && autoFocus,
-    innerRefMonthInput: withAnyInputs && innerRef,
-    innerRefPrevMonthArrow: isControllerOnly && innerRef,
+    innerRefMonthInput: withAnyInputs ? innerRef : void 0,
+    innerRefPrevMonthArrow: isControllerOnly ? innerRef : void 0,
     shouldPreserveClearableSpace,
     withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
     ...constants
@@ -105,8 +105,8 @@ const getDateFlags = (props) => {
     isWithDateInputsOnly: withAnyInputs,
     autoFocusMonthInput: withAnyInputs && autoFocus,
     autoFocusPrevMonthArrow: isControllerOnly && autoFocus,
-    innerRefMonthInput: withAnyInputs && innerRef,
-    innerRefPrevMonthArrow: isControllerOnly && innerRef,
+    innerRefMonthInput: withAnyInputs ? innerRef : void 0,
+    innerRefPrevMonthArrow: isControllerOnly ? innerRef : void 0,
     shouldPreserveClearableSpace,
     withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
     ...constants
@@ -148,8 +148,8 @@ const getTimeFlags = (props) => {
     isWithTimeInputsOnly: withAnyInputs,
     autoFocusHourInput: withAnyInputs && autoFocus,
     autoFocusHourTimeWheel: isControllerOnly && autoFocus,
-    innerRefHourInput: withAnyInputs && innerRef,
-    innerRefHourTimeWheel: isControllerOnly && innerRef,
+    innerRefHourInput: withAnyInputs ? innerRef : void 0,
+    innerRefHourTimeWheel: isControllerOnly ? innerRef : void 0,
     shouldPreserveClearableSpace,
     withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
     ...constants

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useGetFlags.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes';\nimport { getIsDateTime, getIsDate } from '../utils/typeGuards';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\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,\n    innerRefPrevMonthArrow: isControllerOnly && innerRef,\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,\n    innerRefPrevMonthArrow: isControllerOnly && innerRef,\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,\n    innerRefHourTimeWheel: isControllerOnly && innerRef,\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes';\nimport { getIsDateTime, getIsDate } from '../utils/typeGuards';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -28,7 +28,7 @@ __export(useGetPropsWithDefault_exports, {
 });
 module.exports = __toCommonJS(useGetPropsWithDefault_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_propTypes = require("../propTypes");
-const useGetDatePickerWithDefaultsProps = (props) => (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_propTypes.defaultProps);
+const useGetDatePickerWithDefaultsProps = (props) => (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_propTypes.defaultProps);
 //# sourceMappingURL=useGetPropsWithDefault.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useGetPropsWithDefault.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\nimport { defaultProps } from '../propTypes';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA6C;AAE7C,uBAA6B;AAEtB,MAAM,oCAAoC,CAC/C,cAEA,kDAAwE,OAAO,6BAAY;",
+  "sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\nimport { defaultProps } from '../propTypes';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6C;AAE7C,uBAA6B;AAEtB,MAAM,oCAAoC,CAC/C,cAEA,sDAAwE,OAAO,6BAAY;",
   "names": []
 }

package/dist/cjs/parts/ClearButton/ClearButton.js CHANGED Viewed

@@ -29,10 +29,11 @@ __export(ClearButton_exports, {
 module.exports = __toCommonJS(ClearButton_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_ds_button = require("@elliemae/ds-button");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_Styleds = require("../Styleds");
 var import_ControlledDateTimePickerDatatestid = require("../../ControlledDateTimePickerDatatestid");
 var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
@@ -42,7 +43,11 @@ const ClearButton = () => {
   const styledsAttrs = {
     shouldDisplay: withClearBtn
   };
-  const { latestInteractionRegion, currFocusDescriber } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const { latestInteractionRegion, currFocusDescriber, props } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const ariaAndDataProps = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CLEAR_BUTTON]),
+    [props]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Styleds.StyledClearButton,
     {
@@ -59,6 +64,7 @@ const ClearButton = () => {
       onKeyDown: onClearButtonKeyDown,
       type: "button",
       ...styledsAttrs,
+      ...ariaAndDataProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseMedium, { color: import_ds_icon.DSIconColors.PRIMARY })
     }
   );

package/dist/cjs/parts/ClearButton/ClearButton.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/ClearButton/ClearButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment */\nimport React, { useContext } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { StyledClearButton } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { useClearButton } from './useClearButton';\n\nexport const ClearButton = (): JSX.Element => {\n  const { onClearClick, onClearButtonKeyDown, clearButtonRef, withClearBtn } = useClearButton();\n  const styledsAttrs = {\n    shouldDisplay: withClearBtn,\n  };\n  const { latestInteractionRegion, currFocusDescriber } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <StyledClearButton\n      aria-label=\"clear selected date\"\n      buttonType=\"icon\"\n      size={BUTTON_SIZES.M}\n      data-testid={ControlledDateTimePickerDatatestid.CLEAR_BUTTON}\n      innerRef={(DomElem: HTMLButtonElement) => {\n        clearButtonRef.current = DomElem;\n        if (latestInteractionRegion === 'clear-btn' && currFocusDescriber === 'clear-btn') DomElem?.focus?.();\n      }}\n      onClick={onClearClick}\n      onKeyDown={onClearButtonKeyDown}\n      type=\"button\"\n      {...styledsAttrs}\n    >\n      <CloseMedium color={DSIconColors.PRIMARY} />\n    </StyledClearButton>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCjB;AA/BN,mBAAkC;AAClC,sBAA4B;AAC5B,qBAA6B;AAC7B,uBAA6B;AAC7B,qBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,4BAA+B;AAExB,MAAM,cAAc,MAAmB;AAC5C,QAAM,EAAE,cAAc,sBAAsB,gBAAgB,aAAa,QAAI,sCAAe;AAC5F,QAAM,eAAe;AAAA,IACnB,eAAe;AAAA,EACjB;AACA,QAAM,EAAE,yBAAyB,mBAAmB,QAAI,yBAAW,kEAA+B;AAElG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,YAAW;AAAA,MACX,MAAM,8BAAa;AAAA,MACnB,eAAa,6EAAmC;AAAA,MAChD,UAAU,CAAC,YAA+B;AACxC,uBAAe,UAAU;AACzB,YAAI,4BAA4B,eAAe,uBAAuB;AAAa,mBAAS,QAAQ;AAAA,MACtG;AAAA,MACA,SAAS;AAAA,MACT,WAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,sDAAC,+BAAY,OAAO,4BAAa,SAAS;AAAA;AAAA,EAC5C;AAEJ;",
-  "names": []
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment */\nimport React, { useContext } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { getPropsPerDatatestid } from '@elliemae/ds-props-helpers';\nimport { StyledClearButton } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { useClearButton } from './useClearButton';\n\nexport const ClearButton = (): JSX.Element => {\n  const { onClearClick, onClearButtonKeyDown, clearButtonRef, withClearBtn } = useClearButton();\n  const styledsAttrs = {\n    shouldDisplay: withClearBtn,\n  };\n  const { latestInteractionRegion, currFocusDescriber, props } = useContext(ControlledDateTimePickerContext);\n  const ariaAndDataProps = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.CLEAR_BUTTON]),\n    [props],\n  );\n\n  return (\n    <StyledClearButton\n      aria-label=\"clear selected date\"\n      buttonType=\"icon\"\n      size={BUTTON_SIZES.M}\n      data-testid={ControlledDateTimePickerDatatestid.CLEAR_BUTTON}\n      innerRef={(DomElem: HTMLButtonElement) => {\n        clearButtonRef.current = DomElem;\n        if (latestInteractionRegion === 'clear-btn' && currFocusDescriber === 'clear-btn') DomElem?.focus?.();\n      }}\n      onClick={onClearClick}\n      onKeyDown={onClearButtonKeyDown}\n      type=\"button\"\n      {...styledsAttrs}\n      {...ariaAndDataProps}\n    >\n      <CloseMedium color={DSIconColors.PRIMARY} />\n    </StyledClearButton>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsCjB;AArCN,mBAAkC;AAClC,sBAA4B;AAC5B,qBAA6B;AAC7B,uBAA6B;AAC7B,8BAAsC;AACtC,qBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,4BAA+B;AAExB,MAAM,cAAc,MAAmB;AAC5C,QAAM,EAAE,cAAc,sBAAsB,gBAAgB,aAAa,QAAI,sCAAe;AAC5F,QAAM,eAAe;AAAA,IACnB,eAAe;AAAA,EACjB;AACA,QAAM,EAAE,yBAAyB,oBAAoB,MAAM,QAAI,yBAAW,kEAA+B;AACzG,QAAM,mBAAmB,aAAAA,QAAM;AAAA,IAC7B,UAAM,+CAAsB,MAAM,6EAAmC,aAAa;AAAA,IAClF,CAAC,KAAK;AAAA,EACR;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,YAAW;AAAA,MACX,MAAM,8BAAa;AAAA,MACnB,eAAa,6EAAmC;AAAA,MAChD,UAAU,CAAC,YAA+B;AACxC,uBAAe,UAAU;AACzB,YAAI,4BAA4B,eAAe,uBAAuB;AAAa,mBAAS,QAAQ;AAAA,MACtG;AAAA,MACA,SAAS;AAAA,MACT,WAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,sDAAC,+BAAY,OAAO,4BAAa,SAAS;AAAA;AAAA,EAC5C;AAEJ;",
+  "names": ["React"]
 }

package/dist/cjs/parts/ControlledDateTimePickerContent.js CHANGED Viewed

@@ -29,8 +29,9 @@ __export(ControlledDateTimePickerContent_exports, {
 module.exports = __toCommonJS(ControlledDateTimePickerContent_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ControlledDateTimePickerCTX = require("../ControlledDateTimePickerCTX");
 var import_Styleds = require("./Styleds");
 var import_DateInputs = require("./DateInputs/DateInputs");
@@ -40,6 +41,7 @@ var import_ClearButton = require("./ClearButton/ClearButton");
 var import_ControlledDateTimePickerDatatestid = require("../ControlledDateTimePickerDatatestid");
 const ControlledDateTimePickerContent = () => {
   const {
+    props,
     props: { hasError, disabled },
     hideDate,
     hideTime,
@@ -52,6 +54,10 @@ const ControlledDateTimePickerContent = () => {
     onGlobalKeyDown,
     trackFocusResetter
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const ariaAndDataProps = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTAINER]),
+    [props]
+  );
   const styledsAttrs = {
     justPicker: hideDate && hideTime,
     withAnyPicker,
@@ -81,6 +87,7 @@ const ControlledDateTimePickerContent = () => {
       onBlur: trackFocusResetter,
       "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTAINER,
       ...styledsAttrs,
+      ...ariaAndDataProps,
       ...globalAttrs,
       ...xstyledAttrs,
       children: [

package/dist/cjs/parts/ControlledDateTimePickerContent.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/ControlledDateTimePickerContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX';\nimport { StyledInputsWrapperGrid } from './Styleds';\nimport { DateInputs } from './DateInputs/DateInputs';\nimport { TimeInputs } from './TimeInputs/TimeInputs';\nimport { PickersIcons } from './Pickers/PickersIcons';\nimport { ClearButton } from './ClearButton/ClearButton';\nimport { ControlledDateTimePickerDatatestid } from '../ControlledDateTimePickerDatatestid';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n  const {\n    props: { hasError, disabled },\n    hideDate,\n    hideTime,\n    withAnyPicker,\n    withAnyRightController,\n    shouldPreserveClearableSpace,\n    isControllerOnly,\n    globalAttrs,\n    xstyledAttrs,\n    onGlobalKeyDown,\n    trackFocusResetter,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const styledsAttrs = {\n    justPicker: hideDate && hideTime,\n    withAnyPicker,\n    hasError,\n    isControllerOnly,\n  };\n\n  const mainCols = [];\n  if (!hideDate) mainCols.push('auto');\n  if (!hideTime) mainCols.push('auto');\n  if (withAnyRightController) mainCols.push('auto');\n\n  const rightControlCols = [];\n  if (shouldPreserveClearableSpace) rightControlCols.push('28px');\n  if (withAnyPicker) rightControlCols.push('auto');\n\n  return (\n    <>\n      {/* The <div> element is catching the component-wise global hotkeys, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\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      <StyledInputsWrapperGrid\n        cols={mainCols}\n        gutter=\"xxs\"\n        pr={!withAnyRightController ? '2px' : '0px'}\n        onKeyDown={onGlobalKeyDown}\n        disabled={disabled}\n        onBlur={trackFocusResetter}\n        data-testid={ControlledDateTimePickerDatatestid.CONTAINER}\n        {...styledsAttrs}\n        {...globalAttrs}\n        {...xstyledAttrs}\n      >\n        {hideDate ? null : <DateInputs />}\n        {hideTime ? null : <TimeInputs />}\n        {withAnyRightController ? (\n          <Grid cols={rightControlCols}>\n            {shouldPreserveClearableSpace ? <ClearButton /> : null}\n            {withAnyPicker ? <PickersIcons /> : null}\n          </Grid>\n        ) : null}\n      </StyledInputsWrapperGrid>\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2CnB;AA1CJ,mBAAkC;AAClC,qBAAqB;AACrB,yCAAgD;AAChD,qBAAwC;AACxC,wBAA2B;AAC3B,wBAA2B;AAC3B,0BAA6B;AAC7B,yBAA4B;AAC5B,gDAAmD;AAE5C,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,SAAS;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,QAAM,eAAe;AAAA,IACnB,YAAY,YAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,CAAC;AAClB,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI;AAAwB,aAAS,KAAK,MAAM;AAEhD,QAAM,mBAAmB,CAAC;AAC1B,MAAI;AAA8B,qBAAiB,KAAK,MAAM;AAC9D,MAAI;AAAe,qBAAiB,KAAK,MAAM;AAE/C,SACE,2EAKE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAI,CAAC,yBAAyB,QAAQ;AAAA,MACtC,WAAW;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,eAAa,6EAAmC;AAAA,MAC/C,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,mBAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,WAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,yBACC,6CAAC,uBAAK,MAAM,kBACT;AAAA,yCAA+B,4CAAC,kCAAY,IAAK;AAAA,UACjD,gBAAgB,4CAAC,oCAAa,IAAK;AAAA,WACtC,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;",
-  "names": []
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { getPropsPerDatatestid } from '@elliemae/ds-props-helpers';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX';\nimport { StyledInputsWrapperGrid } from './Styleds';\nimport { DateInputs } from './DateInputs/DateInputs';\nimport { TimeInputs } from './TimeInputs/TimeInputs';\nimport { PickersIcons } from './Pickers/PickersIcons';\nimport { ClearButton } from './ClearButton/ClearButton';\nimport { ControlledDateTimePickerDatatestid } from '../ControlledDateTimePickerDatatestid';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n  const {\n    props,\n    props: { hasError, disabled },\n    hideDate,\n    hideTime,\n    withAnyPicker,\n    withAnyRightController,\n    shouldPreserveClearableSpace,\n    isControllerOnly,\n    globalAttrs,\n    xstyledAttrs,\n    onGlobalKeyDown,\n    trackFocusResetter,\n  } = useContext(ControlledDateTimePickerContext);\n  const ariaAndDataProps = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.CONTAINER]),\n    [props],\n  );\n\n  const styledsAttrs = {\n    justPicker: hideDate && hideTime,\n    withAnyPicker,\n    hasError,\n    isControllerOnly,\n  };\n\n  const mainCols = [];\n  if (!hideDate) mainCols.push('auto');\n  if (!hideTime) mainCols.push('auto');\n  if (withAnyRightController) mainCols.push('auto');\n\n  const rightControlCols = [];\n  if (shouldPreserveClearableSpace) rightControlCols.push('28px');\n  if (withAnyPicker) rightControlCols.push('auto');\n\n  return (\n    <>\n      {/* The <div> element is catching the component-wise global hotkeys, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\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      <StyledInputsWrapperGrid\n        cols={mainCols}\n        gutter=\"xxs\"\n        pr={!withAnyRightController ? '2px' : '0px'}\n        onKeyDown={onGlobalKeyDown}\n        disabled={disabled}\n        onBlur={trackFocusResetter}\n        data-testid={ControlledDateTimePickerDatatestid.CONTAINER}\n        {...styledsAttrs}\n        {...ariaAndDataProps}\n        {...globalAttrs}\n        {...xstyledAttrs}\n      >\n        {hideDate ? null : <DateInputs />}\n        {hideTime ? null : <TimeInputs />}\n        {withAnyRightController ? (\n          <Grid cols={rightControlCols}>\n            {shouldPreserveClearableSpace ? <ClearButton /> : null}\n            {withAnyPicker ? <PickersIcons /> : null}\n          </Grid>\n        ) : null}\n      </StyledInputsWrapperGrid>\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiDnB;AAhDJ,mBAAkC;AAClC,qBAAqB;AACrB,8BAAsC;AACtC,yCAAgD;AAChD,qBAAwC;AACxC,wBAA2B;AAC3B,wBAA2B;AAC3B,0BAA6B;AAC7B,yBAA4B;AAC5B,gDAAmD;AAE5C,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,UAAU,SAAS;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,mBAAmB,aAAAA,QAAM;AAAA,IAC7B,UAAM,+CAAsB,MAAM,6EAAmC,UAAU;AAAA,IAC/E,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,eAAe;AAAA,IACnB,YAAY,YAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,CAAC;AAClB,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI;AAAwB,aAAS,KAAK,MAAM;AAEhD,QAAM,mBAAmB,CAAC;AAC1B,MAAI;AAA8B,qBAAiB,KAAK,MAAM;AAC9D,MAAI;AAAe,qBAAiB,KAAK,MAAM;AAE/C,SACE,2EAKE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAI,CAAC,yBAAyB,QAAQ;AAAA,MACtC,WAAW;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,eAAa,6EAAmC;AAAA,MAC/C,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,mBAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,WAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,yBACC,6CAAC,uBAAK,MAAM,kBACT;AAAA,yCAA+B,4CAAC,kCAAY,IAAK;AAAA,UACjD,gBAAgB,4CAAC,oCAAa,IAAK;AAAA,WACtC,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;",
+  "names": ["React"]
 }

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

@@ -50,7 +50,8 @@ const DDInput = import_react.default.memo(
     contextRef,
     placeholder,
     ariaCurrentValueForInputs,
-    isFocused
+    isFocused,
+    ariaAndDataProps
   }) => {
     const validateOnChange = (0, import_react.useCallback)(
       (e) => {
@@ -79,7 +80,8 @@ const DDInput = import_react.default.memo(
         "aria-label": `day input field, ${ariaCurrentValueForInputs}`,
         "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
         disabled,
-        "aria-disabled": disabled
+        "aria-disabled": disabled,
+        ...ariaAndDataProps
       }
     );
   }

package/dist/cjs/parts/DateInputs/DDInput.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/DDInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { Styled2DigitsInput } from '../Styleds';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day: string) => {\n  if (day === '') return false;\n  const numberOnly = regExpNumbers.test(day);\n  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;\n};\n\ninterface DDInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  value: string;\n  disabled: boolean;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  isFocused: boolean;\n}\nexport const DDInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    contextRef,\n    placeholder,\n    ariaCurrentValueForInputs,\n    isFocused,\n  }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidDay(e?.currentTarget?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={(DomElem: HTMLInputElement) => {\n          (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        placeholder={placeholder}\n        aria-label={`day input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgDjB;AAhDN,mBAAmC;AACnC,gDAAmD;AACnD,qBAAmC;AAGnC,MAAM,gBAAgB;AACtB,MAAM,eAAe,CAAC,QAAgB;AACpC,MAAI,QAAQ;AAAI,WAAO;AACvB,QAAM,aAAa,cAAc,KAAK,GAAG;AACzC,SAAO,IAAI,SAAS,KAAK,QAAQ,QAAQ,CAAC,cAAc,OAAO,SAAS,KAAK,EAAE,IAAI;AACrF;AAcO,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,aAAa,GAAG,eAAe,KAAK,GAAG;AACzC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,KAAK,CAAC,YAA8B;AAClC,UAAC,WAAwD,UAAU;AACnE,cAAI;AAAW,qBAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA,cAAY,oBAAoB;AAAA,QAChC,eAAa,6EAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA;AAAA,IACjB;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { Styled2DigitsInput } from '../Styleds';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day: string) => {\n  if (day === '') return false;\n  const numberOnly = regExpNumbers.test(day);\n  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;\n};\n\ninterface DDInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  value: string;\n  disabled: boolean;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  isFocused: boolean;\n  ariaAndDataProps?: AriaAndDataProps;\n}\nexport const DDInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    contextRef,\n    placeholder,\n    ariaCurrentValueForInputs,\n    isFocused,\n    ariaAndDataProps,\n  }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidDay(e?.currentTarget?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={(DomElem: HTMLInputElement) => {\n          (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        placeholder={placeholder}\n        aria-label={`day input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n        disabled={disabled}\n        aria-disabled={disabled}\n        {...ariaAndDataProps}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkDjB;AAlDN,mBAAmC;AACnC,gDAAmD;AACnD,qBAAmC;AAGnC,MAAM,gBAAgB;AACtB,MAAM,eAAe,CAAC,QAAgB;AACpC,MAAI,QAAQ;AAAI,WAAO;AACvB,QAAM,aAAa,cAAc,KAAK,GAAG;AACzC,SAAO,IAAI,SAAS,KAAK,QAAQ,QAAQ,CAAC,cAAc,OAAO,SAAS,KAAK,EAAE,IAAI;AACrF;AAeO,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,aAAa,GAAG,eAAe,KAAK,GAAG;AACzC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,KAAK,CAAC,YAA8B;AAClC,UAAC,WAAwD,UAAU;AACnE,cAAI;AAAW,qBAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA,cAAY,oBAAoB;AAAA,QAChC,eAAa,6EAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA,QACd,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/cjs/parts/DateInputs/DateInputs.js CHANGED Viewed

@@ -29,8 +29,10 @@ __export(DateInputs_exports, {
 module.exports = __toCommonJS(DateInputs_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ControlledDateTimePickerDatatestid = require("../../ControlledDateTimePickerDatatestid");
 var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
 var import_MMInput = require("./MMInput");
 var import_DDInput = require("./DDInput");
@@ -65,8 +67,21 @@ const DateInputs = () => {
     yearInputRef,
     ariaCurrentValueForInputs,
     latestInteractionRegion,
-    currFocusDescriber
+    currFocusDescriber,
+    props
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const ariaAndDataPropsMonth = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH]),
+    [props]
+  );
+  const ariaAndDataPropsDay = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY]),
+    [props]
+  );
+  const ariaAndDataPropsYear = import_react.default.useMemo(
+    () => (0, import_ds_props_helpers.getPropsPerDatatestid)(props[import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR]),
+    [props]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_ds_grid.Grid,
     {
@@ -92,7 +107,8 @@ const DateInputs = () => {
             placeholder: "MM",
             ariaCurrentValueForInputs,
             disabled,
-            isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "month-input"
+            isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "month-input",
+            ariaAndDataProps: ariaAndDataPropsMonth
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, { alignItems: "center", children: "/" }),
@@ -108,7 +124,8 @@ const DateInputs = () => {
             placeholder: "DD",
             ariaCurrentValueForInputs,
             disabled,
-            isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "day-input"
+            isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "day-input",
+            ariaAndDataProps: ariaAndDataPropsDay
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, { alignItems: "center", children: "/" }),
@@ -124,7 +141,8 @@ const DateInputs = () => {
             placeholder: "YYYY",
             ariaCurrentValueForInputs,
             disabled,
-            isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "year-input"
+            isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "year-input",
+            ariaAndDataProps: ariaAndDataPropsYear
           }
         ) })
       ]

package/dist/cjs/parts/DateInputs/DateInputs.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/DateInputs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\n\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { MMInput } from './MMInput';\nimport { DDInput } from './DDInput';\nimport { YYYYInput } from './YYYYInput';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds';\nimport { useDateInputs } from './useDateInputs';\nimport { fixedValues } from '../config';\n\nexport const DateInputs = (): JSX.Element => {\n  const {\n    month,\n    day,\n    year,\n    autoFocusMonthInput,\n    innerRefMonthInput,\n    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n    disabled,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const {\n    monthInputRef,\n    dayInputRef,\n    yearInputRef,\n    ariaCurrentValueForInputs,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.largeInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <MMInput\n          onChange={onMonthChange}\n          onBlur={onMonthBlur}\n          onFocus={onMonthFocus}\n          onKeyDown={onMonthKeyDown}\n          value={month}\n          contextRef={monthInputRef}\n          innerRef={innerRefMonthInput}\n          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'month-input'}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <DDInput\n          onChange={onDayChange}\n          onBlur={onDayBlur}\n          onFocus={onDayFocus}\n          onKeyDown={onDayKeyDown}\n          value={day}\n          contextRef={dayInputRef}\n          placeholder=\"DD\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'day-input'}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <YYYYInput\n          onChange={onYearChange}\n          onBlur={onYearBlur}\n          onFocus={onYearFocus}\n          onKeyDown={onYearKeyDown}\n          value={year}\n          contextRef={yearInputRef}\n          placeholder=\"YYYY\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'year-input'}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2CnB;AA3CJ,mBAAkC;AAClC,qBAAqB;AAErB,yCAAgD;AAChD,qBAAwB;AACxB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAmD;AACnD,2BAA8B;AAC9B,oBAA4B;AAErB,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,oCAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,MACd;AAAA,MAEA;AAAA,oDAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA;AAAA,QACjF,GACF;AAAA,QACA,4CAAC,kCAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,4CAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA;AAAA,QACjF,GACF;AAAA,QACA,4CAAC,kCAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,4CAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA;AAAA,QACjF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { getPropsPerDatatestid } from '@elliemae/ds-props-helpers';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { MMInput } from './MMInput';\nimport { DDInput } from './DDInput';\nimport { YYYYInput } from './YYYYInput';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds';\nimport { useDateInputs } from './useDateInputs';\nimport { fixedValues } from '../config';\n\nexport const DateInputs = (): JSX.Element => {\n  const {\n    month,\n    day,\n    year,\n    autoFocusMonthInput,\n    innerRefMonthInput,\n    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n    disabled,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const {\n    monthInputRef,\n    dayInputRef,\n    yearInputRef,\n    ariaCurrentValueForInputs,\n    latestInteractionRegion,\n    currFocusDescriber,\n    props,\n  } = useContext(ControlledDateTimePickerContext);\n  const ariaAndDataPropsMonth = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH]),\n    [props],\n  );\n  const ariaAndDataPropsDay = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY]),\n    [props],\n  );\n  const ariaAndDataPropsYear = React.useMemo(\n    () => getPropsPerDatatestid(props[ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR]),\n    [props],\n  );\n\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.largeInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <MMInput\n          onChange={onMonthChange}\n          onBlur={onMonthBlur}\n          onFocus={onMonthFocus}\n          onKeyDown={onMonthKeyDown}\n          value={month}\n          contextRef={monthInputRef}\n          innerRef={innerRefMonthInput}\n          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'month-input'}\n          ariaAndDataProps={ariaAndDataPropsMonth}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <DDInput\n          onChange={onDayChange}\n          onBlur={onDayBlur}\n          onFocus={onDayFocus}\n          onKeyDown={onDayKeyDown}\n          value={day}\n          contextRef={dayInputRef}\n          placeholder=\"DD\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'day-input'}\n          ariaAndDataProps={ariaAndDataPropsDay}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <YYYYInput\n          onChange={onYearChange}\n          onBlur={onYearBlur}\n          onFocus={onYearFocus}\n          onKeyDown={onYearKeyDown}\n          value={year}\n          contextRef={yearInputRef}\n          placeholder=\"YYYY\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'year-input'}\n          ariaAndDataProps={ariaAndDataPropsYear}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyDnB;AAzDJ,mBAAkC;AAClC,qBAAqB;AACrB,8BAAsC;AACtC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAwB;AACxB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAmD;AACnD,2BAA8B;AAC9B,oBAA4B;AAErB,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,oCAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,wBAAwB,aAAAA,QAAM;AAAA,IAClC,UAAM,+CAAsB,MAAM,6EAAmC,YAAY,MAAM;AAAA,IACvF,CAAC,KAAK;AAAA,EACR;AACA,QAAM,sBAAsB,aAAAA,QAAM;AAAA,IAChC,UAAM,+CAAsB,MAAM,6EAAmC,YAAY,IAAI;AAAA,IACrF,CAAC,KAAK;AAAA,EACR;AACA,QAAM,uBAAuB,aAAAA,QAAM;AAAA,IACjC,UAAM,+CAAsB,MAAM,6EAAmC,YAAY,KAAK;AAAA,IACtF,CAAC,KAAK;AAAA,EACR;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,MACd;AAAA,MAEA;AAAA,oDAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E,kBAAkB;AAAA;AAAA,QACpB,GACF;AAAA,QACA,4CAAC,kCAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,4CAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E,kBAAkB;AAAA;AAAA,QACpB,GACF;AAAA,QACA,4CAAC,kCAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,4CAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E,kBAAkB;AAAA;AAAA,QACpB,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["React"]
 }

package/dist/cjs/parts/DateInputs/MMInput.js CHANGED Viewed

@@ -53,7 +53,8 @@ const MMInput = import_react.default.memo(
     innerRef,
     autoFocusMonthInput,
     ariaCurrentValueForInputs,
-    isFocused
+    isFocused,
+    ariaAndDataProps
   }) => {
     const validateOnChange = (0, import_react.useCallback)(
       (e) => {
@@ -93,7 +94,8 @@ const MMInput = import_react.default.memo(
         "aria-label": `month input field, ${ariaCurrentValueForInputs}`,
         "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH,
         disabled,
-        "aria-disabled": disabled
+        "aria-disabled": disabled,
+        ...ariaAndDataProps
       }
     );
   }