@elliemae/ds-controlled-form 1.55.0-next.9 → 1.55.0-rc.3

package/cjs/controlled-date-time-picker/config/useGetDestructuredValues.js

@@ -0,0 +1,148 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var controlledDateTimePicker_utils_stringHelpers = require('../utils/stringHelpers.js');
+var controlledDateTimePicker_utils_numberHelpers = require('../utils/numberHelpers.js');
+var controlledDateTimePicker_utils_constants = require('../utils/constants.js');
+require('@babel/runtime/helpers/slicedToArray');
+
+/* eslint-disable max-lines */
+// this is because it's fully controlled
+// our source of truth is either the date props or dateTime props
+// based on wheter it's a dateTime picker
+// or a date picker (it's date picker when hideTime is true)
+var useGetDestructuredDateValues = function useGetDestructuredDateValues(_ref) {
+  var date = _ref.date,
+      dateTime = _ref.dateTime,
+      isDateTimeSelector = _ref.isDateTimeSelector;
+  var dateStringFromProps = isDateTimeSelector ? controlledDateTimePicker_utils_stringHelpers.dateTimeToDate(dateTime) : date;
+  var deconstructedValues = controlledDateTimePicker_utils_stringHelpers.deconstructValuesFromDateString(dateStringFromProps);
+  var month = deconstructedValues.month,
+      day = deconstructedValues.day,
+      year = deconstructedValues.year;
+  var monthNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(month);
+  var dayNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(day);
+  var yearNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(year);
+  var announcedMonth = monthNum !== -1 ? controlledDateTimePicker_utils_constants.monthNames[monthNum - 1] : 'empty month';
+  var announcedDay = dayNum !== -1 ? controlledDateTimePicker_utils_constants.announcableCardinalDays[dayNum] : 'empty day';
+  var announcedYear = yearNum !== -1 ? controlledDateTimePicker_utils_stringHelpers.fillStringWithPlaceHolders("".concat(yearNum), 4, '0') : 'empty year';
+  var announcedDateValues = "".concat(announcedMonth, ", ").concat(announcedDay, ", ").concat(announcedYear);
+  return React.useMemo(function () {
+    return {
+      month: month,
+      day: day,
+      year: year,
+      monthNum: monthNum,
+      dayNum: dayNum,
+      yearNum: yearNum,
+      announcedMonth: announcedMonth,
+      announcedDay: announcedDay,
+      announcedYear: announcedYear,
+      announcedDateValues: announcedDateValues
+    };
+  }, [announcedDay, announcedMonth, announcedYear, announcedDateValues, day, dayNum, month, monthNum, year, yearNum]);
+}; // this is because it's fully controlled
+// our source of truth is either the time props or dateTime props
+// based on wheter it's a dateTime picker
+// or a time picker (it's time picker when hideDate is true)
+
+var useGetDestructuredTimeValues = function useGetDestructuredTimeValues(_ref2) {
+  var time = _ref2.time,
+      dateTime = _ref2.dateTime,
+      isDateTimeSelector = _ref2.isDateTimeSelector;
+  var timeStringFromProps = isDateTimeSelector ? controlledDateTimePicker_utils_stringHelpers.dateTimeToTime(dateTime) : time;
+  var deconstructedValues = controlledDateTimePicker_utils_stringHelpers.deconstructTimeValues(timeStringFromProps);
+  var hours = deconstructedValues.hours,
+      minutes = deconstructedValues.minutes,
+      meridiem = deconstructedValues.meridiem;
+  var hoursNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(hours);
+  var minutesNum = controlledDateTimePicker_utils_numberHelpers.convertToPositiveNumberIfPossible(minutes); // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...
+
+  var announcedHours = hoursNum !== -1 ? "".concat(hoursNum) : 'empty hours'; // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...
+
+  var announcedMinutes = minutesNum !== -1 ? "".concat(minutesNum) : 'empty minutes';
+  var announcedMeridiem = // eslint-disable-next-line no-nested-ternary
+  meridiem === 'PM' ? "post meridiem" : meridiem === 'AM' ? 'ante meridiem' : 'empty meriediem';
+  var announcedTimeValues = "".concat(announcedHours, ", ").concat(announcedMinutes, ", ").concat(announcedMeridiem);
+  return React.useMemo(function () {
+    return {
+      hours: hours,
+      minutes: minutes,
+      meridiem: meridiem,
+      hoursNum: hoursNum,
+      minutesNum: minutesNum,
+      announcedHours: announcedHours,
+      announcedMinutes: announcedMinutes,
+      announcedMeridiem: announcedMeridiem,
+      announcedTimeValues: announcedTimeValues
+    };
+  }, [hours, minutes, meridiem, hoursNum, minutesNum, announcedHours, announcedMinutes, announcedMeridiem, announcedTimeValues]);
+};
+var useGetDestructuredValues = function useGetDestructuredValues(_ref3) {
+  var date = _ref3.date,
+      time = _ref3.time,
+      dateTime = _ref3.dateTime,
+      isDateTimeSelector = _ref3.isDateTimeSelector;
+
+  var _useGetDestructuredDa = useGetDestructuredDateValues({
+    date: date,
+    dateTime: dateTime,
+    isDateTimeSelector: isDateTimeSelector
+  }),
+      month = _useGetDestructuredDa.month,
+      day = _useGetDestructuredDa.day,
+      year = _useGetDestructuredDa.year,
+      monthNum = _useGetDestructuredDa.monthNum,
+      dayNum = _useGetDestructuredDa.dayNum,
+      yearNum = _useGetDestructuredDa.yearNum,
+      announcedMonth = _useGetDestructuredDa.announcedMonth,
+      announcedDay = _useGetDestructuredDa.announcedDay,
+      announcedYear = _useGetDestructuredDa.announcedYear,
+      announcedDateValues = _useGetDestructuredDa.announcedDateValues;
+
+  var _useGetDestructuredTi = useGetDestructuredTimeValues({
+    time: time,
+    dateTime: dateTime,
+    isDateTimeSelector: isDateTimeSelector
+  }),
+      hours = _useGetDestructuredTi.hours,
+      minutes = _useGetDestructuredTi.minutes,
+      meridiem = _useGetDestructuredTi.meridiem,
+      hoursNum = _useGetDestructuredTi.hoursNum,
+      minutesNum = _useGetDestructuredTi.minutesNum,
+      announcedHours = _useGetDestructuredTi.announcedHours,
+      announcedMinutes = _useGetDestructuredTi.announcedMinutes,
+      announcedMeridiem = _useGetDestructuredTi.announcedMeridiem,
+      announcedTimeValues = _useGetDestructuredTi.announcedTimeValues;
+
+  return React.useMemo(function () {
+    return {
+      month: month,
+      day: day,
+      year: year,
+      monthNum: monthNum,
+      dayNum: dayNum,
+      yearNum: yearNum,
+      announcedMonth: announcedMonth,
+      announcedDay: announcedDay,
+      announcedYear: announcedYear,
+      announcedDateValues: announcedDateValues,
+      hours: hours,
+      minutes: minutes,
+      meridiem: meridiem,
+      hoursNum: hoursNum,
+      minutesNum: minutesNum,
+      announcedHours: announcedHours,
+      announcedMinutes: announcedMinutes,
+      announcedMeridiem: announcedMeridiem,
+      announcedTimeValues: announcedTimeValues
+    };
+  }, [month, day, year, monthNum, dayNum, yearNum, announcedMonth, announcedDay, announcedYear, announcedDateValues, hours, minutes, meridiem, hoursNum, minutesNum, announcedHours, announcedMinutes, announcedMeridiem, announcedTimeValues]);
+};
+
+exports.useGetDestructuredDateValues = useGetDestructuredDateValues;
+exports.useGetDestructuredTimeValues = useGetDestructuredTimeValues;
+exports.useGetDestructuredValues = useGetDestructuredValues;
+//# sourceMappingURL=useGetDestructuredValues.js.map

package/cjs/controlled-date-time-picker/config/useGetDestructuredValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDestructuredValues.js","sources":["../../../../src/controlled-date-time-picker/config/useGetDestructuredValues.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport { useMemo } from 'react';\nimport {\n  dateTimeToTime,\n  deconstructTimeValues,\n  dateTimeToDate,\n  deconstructValuesFromDateString,\n  fillStringWithPlaceHolders,\n} from '../utils/stringHelpers';\nimport { convertToPositiveNumberIfPossible } from '../utils/numberHelpers';\nimport { monthNames, announcableCardinalDays } from '../utils/constants';\nimport type {\n  useGetDestructuredDateValuesAT,\n  useGetDestructuredDateValuesRT,\n  useGetDestructuredTimeValuesAT,\n  useGetDestructuredTimeValuesRT,\n  useGetDestructuredValuesAT,\n  useGetDestructuredValuesRT,\n} from '../index.d';\n\n// this is because it's fully controlled\n// our source of truth is either the date props or dateTime props\n// based on wheter it's a dateTime picker\n// or a date picker (it's date picker when hideTime is true)\nexport const useGetDestructuredDateValues = ({\n  date,\n  dateTime,\n  isDateTimeSelector,\n}: useGetDestructuredDateValuesAT): useGetDestructuredDateValuesRT => {\n  const dateStringFromProps = isDateTimeSelector ? dateTimeToDate(dateTime) : date;\n  const deconstructedValues = deconstructValuesFromDateString(dateStringFromProps);\n  const { month, day, year } = deconstructedValues;\n  const monthNum = convertToPositiveNumberIfPossible(month);\n  const dayNum = convertToPositiveNumberIfPossible(day);\n  const yearNum = convertToPositiveNumberIfPossible(year);\n  const announcedMonth = monthNum !== -1 ? monthNames[monthNum - 1] : 'empty month';\n  const announcedDay = dayNum !== -1 ? announcableCardinalDays[dayNum] : 'empty day';\n  const announcedYear = yearNum !== -1 ? fillStringWithPlaceHolders(`${yearNum}`, 4, '0') : 'empty year';\n  const announcedDateValues = `${announcedMonth}, ${announcedDay}, ${announcedYear}`;\n\n  return useMemo(\n    () => ({\n      month,\n      day,\n      year,\n      monthNum,\n      dayNum,\n      yearNum,\n      announcedMonth,\n      announcedDay,\n      announcedYear,\n      announcedDateValues,\n    }),\n    [announcedDay, announcedMonth, announcedYear, announcedDateValues, day, dayNum, month, monthNum, year, yearNum],\n  );\n};\n\n// this is because it's fully controlled\n// our source of truth is either the time props or dateTime props\n// based on wheter it's a dateTime picker\n// or a time picker (it's time picker when hideDate is true)\nexport const useGetDestructuredTimeValues = ({\n  time,\n  dateTime,\n  isDateTimeSelector,\n}: useGetDestructuredTimeValuesAT): useGetDestructuredTimeValuesRT => {\n  const timeStringFromProps = isDateTimeSelector ? dateTimeToTime(dateTime) : time;\n  const deconstructedValues = deconstructTimeValues(timeStringFromProps);\n  const { hours, minutes, meridiem } = deconstructedValues;\n  const hoursNum = convertToPositiveNumberIfPossible(hours);\n  const minutesNum = convertToPositiveNumberIfPossible(minutes);\n\n  // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...\n  const announcedHours = hoursNum !== -1 ? `${hoursNum}` : 'empty hours';\n  // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...\n  const announcedMinutes = minutesNum !== -1 ? `${minutesNum}` : 'empty minutes';\n  const announcedMeridiem =\n    // eslint-disable-next-line no-nested-ternary\n    meridiem === 'PM' ? `post meridiem` : meridiem === 'AM' ? 'ante meridiem' : 'empty meriediem';\n  const announcedTimeValues = `${announcedHours}, ${announcedMinutes}, ${announcedMeridiem}`;\n\n  return useMemo(\n    () => ({\n      hours,\n      minutes,\n      meridiem,\n      hoursNum,\n      minutesNum,\n      announcedHours,\n      announcedMinutes,\n      announcedMeridiem,\n      announcedTimeValues,\n    }),\n    [\n      hours,\n      minutes,\n      meridiem,\n      hoursNum,\n      minutesNum,\n      announcedHours,\n      announcedMinutes,\n      announcedMeridiem,\n      announcedTimeValues,\n    ],\n  );\n};\n\nexport const useGetDestructuredValues = ({\n  date,\n  time,\n  dateTime,\n  isDateTimeSelector,\n}: useGetDestructuredValuesAT): useGetDestructuredValuesRT => {\n  const {\n    month,\n    day,\n    year,\n    monthNum,\n    dayNum,\n    yearNum,\n    announcedMonth,\n    announcedDay,\n    announcedYear,\n    announcedDateValues,\n  } = useGetDestructuredDateValues({\n    date,\n    dateTime,\n    isDateTimeSelector,\n  });\n  const {\n    hours,\n    minutes,\n    meridiem,\n    hoursNum,\n    minutesNum,\n    announcedHours,\n    announcedMinutes,\n    announcedMeridiem,\n    announcedTimeValues,\n  } = useGetDestructuredTimeValues({\n    time,\n    dateTime,\n    isDateTimeSelector,\n  });\n\n  return useMemo(\n    () => ({\n      month,\n      day,\n      year,\n      monthNum,\n      dayNum,\n      yearNum,\n      announcedMonth,\n      announcedDay,\n      announcedYear,\n      announcedDateValues,\n      hours,\n      minutes,\n      meridiem,\n      hoursNum,\n      minutesNum,\n      announcedHours,\n      announcedMinutes,\n      announcedMeridiem,\n      announcedTimeValues,\n    }),\n    [\n      month,\n      day,\n      year,\n      monthNum,\n      dayNum,\n      yearNum,\n      announcedMonth,\n      announcedDay,\n      announcedYear,\n      announcedDateValues,\n      hours,\n      minutes,\n      meridiem,\n      hoursNum,\n      minutesNum,\n      announcedHours,\n      announcedMinutes,\n      announcedMeridiem,\n      announcedTimeValues,\n    ],\n  );\n};\n"],"names":["useGetDestructuredDateValues","date","dateTime","isDateTimeSelector","dateStringFromProps","dateTimeToDate","deconstructedValues","deconstructValuesFromDateString","month","day","year","monthNum","convertToPositiveNumberIfPossible","dayNum","yearNum","announcedMonth","monthNames","announcedDay","announcableCardinalDays","announcedYear","fillStringWithPlaceHolders","announcedDateValues","useMemo","useGetDestructuredTimeValues","time","timeStringFromProps","dateTimeToTime","deconstructTimeValues","hours","minutes","meridiem","hoursNum","minutesNum","announcedHours","announcedMinutes","announcedMeridiem","announcedTimeValues","useGetDestructuredValues"],"mappings":"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"}

package/cjs/controlled-date-time-picker/config/useValidateProps.js

@@ -7,6 +7,7 @@ var controlledDateTimePicker_ControlledDateTimePickerTypes = require('../Control
 var controlledDateTimePicker_utils_stringHelpers = require('../utils/stringHelpers.js');
 var controlledDateTimePicker_utils_numberHelpers = require('../utils/numberHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
+require('../utils/constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/controlled-date-time-picker/config/useValidateProps.js.map

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

package/cjs/controlled-date-time-picker/index.js

@@ -18,15 +18,17 @@ require('@babel/runtime/helpers/slicedToArray');
 require('./config/useGetPropsWithDefault.js');
 require('@elliemae/ds-props-helpers');
 require('./ControlledDateTimePickerCTX.js');
+require('./config/useGetDestructuredValues.js');
+require('./utils/numberHelpers.js');
+require('./utils/constants.js');
 require('./config/useValidateProps.js');
 require('@babel/runtime/helpers/typeof');
-require('./utils/numberHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('./parts/ControlledDateTimePickerContent.js');
 require('@elliemae/ds-grid');
 require('./parts/Styleds.js');
 require('styled-components');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 require('./parts/DateInputs/DateInputs.js');
 require('./parts/DateInputs/MMInput.js');
 require('./parts/DateInputs/DDInput.js');
@@ -41,20 +43,18 @@ require('./parts/TimeInputs/useTimeInputs.js');
 require('./parts/Pickers/PickersIcons.js');
 require('./parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js');
 require('./parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js');
+require('@elliemae/ds-icon');
 require('@elliemae/ds-icons/DatePicker');
 require('./parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js');
-require('./parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
-require('@babel/runtime/helpers/extends');
-require('./parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
 require('./parts/Pickers/CalendarWithTimeWheel/Styleds.js');
 require('./parts/Pickers/Calendar/CalendarContent.js');
 require('./parts/Pickers/Calendar/CalendarBody.js');
 require('./parts/Pickers/Calendar/CalendarMonthDays.js');
 require('./parts/Pickers/Calendar/CalendarDaysList.js');
 require('./parts/Pickers/Calendar/Day.js');
+require('@babel/runtime/helpers/extends');
 require('./parts/Pickers/Calendar/CalendarContext.js');
 require('./parts/Pickers/Calendar/Styleds.js');
-require('@elliemae/ds-button');
 require('./parts/Pickers/Calendar/CalendarWeekDays.js');
 require('./parts/Pickers/Calendar/CalendarHead.js');
 require('@elliemae/ds-icons/ChevronDoubleLeft');
@@ -62,12 +62,13 @@ require('@elliemae/ds-icons/ChevronLeft');
 require('@elliemae/ds-icons/ChevronRight');
 require('@elliemae/ds-icons/ChevronDoubleRight');
 require('./parts/Pickers/Calendar/CalendarFooter.js');
+require('./parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
+require('./parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
 require('./parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js');
 require('./parts/Pickers/TimeWheel/TimeWheelContent.js');
 require('./parts/Pickers/TimeWheel/Styleds.js');
 require('./parts/Pickers/TimeWheel/HoursList.js');
-require('@elliemae/ds-icons/ChevronSmallUp');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('./parts/Pickers/TimeWheel/TimeWheelContext.js');
 require('./parts/Pickers/TimeWheel/MinutesList.js');
 require('./parts/Pickers/TimeWheel/MeridiemList.js');
@@ -106,7 +107,7 @@ exports.ControlledDateTimePickerDatatestid = controlledDateTimePicker_Controlled
 exports.CONTROLLED_DATE_TIME_PICKER_TYPES = controlledDateTimePicker_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES;
 exports.deconstructValuesFromDateString = controlledDateTimePicker_utils_stringHelpers.deconstructValuesFromDateString;
 exports.prependStringWithPlaceHolders = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders;
-exports.getValidatioDateTimeStringMetaInfo = controlledDateTimePicker_utils_dateTimeHelpers.getValidatioDateTimeStringMetaInfo;
+exports.getValidationDateTimeStringMetaInfo = controlledDateTimePicker_utils_dateTimeHelpers.getValidationDateTimeStringMetaInfo;
 exports.getDateStringFromDay = controlledDateTimePicker_utils_dateHelpers.getDateStringFromDay;
 exports.getDateValuesFromDate = controlledDateTimePicker_utils_dateHelpers.getDateValuesFromDate;
 exports.getDayFromDateString = controlledDateTimePicker_utils_dateHelpers.getDayFromDateString;

package/cjs/controlled-date-time-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var CloseMedium = require('@elliemae/ds-icons/CloseMedium');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcon = require('@elliemae/ds-icon');
+var dsButton = require('@elliemae/ds-button');
 var controlledDateTimePicker_parts_Styleds = require('../Styleds.js');
 var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
 var controlledDateTimePicker_parts_ClearButton_useClearButton = require('./useClearButton.js');
@@ -29,16 +30,17 @@ var ClearButton = function ClearButton() {
   return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledClearButton, {
     shouldDisplay: withClearBtn,
     "aria-label": "clear selected date",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(CloseMedium__default['default'], null),
-    size: "m",
-    variant: DSButton.BUTTON_VARIANT.DEFAULT,
+    buttonType: "icon",
+    size: dsButton.BUTTON_SIZES.M,
+    variant: dsButton.BUTTON_VARIANT.DEFAULT,
     "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CLEAR_BUTTON,
     innerRef: clearButtonRef,
     onClick: onClearClick,
     onKeyDown: onClearButtonKeyDown,
     withAnyPicker: withAnyPicker
-  });
+  }, /*#__PURE__*/React__default['default'].createElement(CloseMedium__default['default'], {
+    color: dsIcon.DSIconColors.PRIMARY
+  }));
 };
 
 exports.ClearButton = ClearButton;

package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.js","sources":["../../../../../src/controlled-date-time-picker/parts/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from 'react';\nimport CloseMedium from '@elliemae/ds-icons/CloseMedium';\nimport { BUTTON_VARIANT } from '@elliemae/ds-basic/Button';\nimport { StyledClearButton } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { useClearButton } from './useClearButton';\n\nexport const ClearButton = (): JSX.Element => {\n  const { onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn } = useClearButton();\n  return (\n    <StyledClearButton\n      shouldDisplay={withClearBtn}\n      aria-label=\"clear selected date\"\n      buttonType=\"text\"\n      leftIcon={<CloseMedium />}\n      size=\"m\"\n      variant={BUTTON_VARIANT.DEFAULT}\n      data-testid={ControlledDateTimePickerDatatestid.CLEAR_BUTTON}\n      innerRef={clearButtonRef}\n      onClick={onClearClick}\n      onKeyDown={onClearButtonKeyDown}\n      withAnyPicker={withAnyPicker}\n    />\n  );\n};\n"],"names":["ClearButton","useClearButton","onClearClick","onClearButtonKeyDown","clearButtonRef","withAnyPicker","withClearBtn","React","StyledClearButton","CloseMedium","BUTTON_VARIANT","DEFAULT","ControlledDateTimePickerDatatestid","CLEAR_BUTTON"],"mappings":";;;;;;;;;;;;;;;;;;;;IAOaA,WAAW,GAAG,SAAdA,WAAc,GAAmB;AAC5C,wBAA4FC,wEAAc,EAA1G;AAAA,MAAQC,YAAR,mBAAQA,YAAR;AAAA,MAAsBC,oBAAtB,mBAAsBA,oBAAtB;AAAA,MAA4CC,cAA5C,mBAA4CA,cAA5C;AAAA,MAA4DC,aAA5D,mBAA4DA,aAA5D;AAAA,MAA2EC,YAA3E,mBAA2EA,YAA3E;;AACA,sBACEC,wCAACC,wDAAD;AACE,IAAA,aAAa,EAAEF,YADjB;AAEE,kBAAW,qBAFb;AAGE,IAAA,UAAU,EAAC,MAHb;AAIE,IAAA,QAAQ,eAAEC,wCAACE,+BAAD,OAJZ;AAKE,IAAA,IAAI,EAAC,GALP;AAME,IAAA,OAAO,EAAEC,uBAAc,CAACC,OAN1B;AAOE,mBAAaC,8FAAkC,CAACC,YAPlD;AAQE,IAAA,QAAQ,EAAET,cARZ;AASE,IAAA,OAAO,EAAEF,YATX;AAUE,IAAA,SAAS,EAAEC,oBAVb;AAWE,IAAA,aAAa,EAAEE;AAXjB,IADF;AAeD;;;;"}
+{"version":3,"file":"ClearButton.js","sources":["../../../../../src/controlled-date-time-picker/parts/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from 'react';\nimport CloseMedium from '@elliemae/ds-icons/CloseMedium';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_VARIANT, BUTTON_SIZES } from '@elliemae/ds-button';\nimport { StyledClearButton } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { useClearButton } from './useClearButton';\n\nexport const ClearButton = (): JSX.Element => {\n  const { onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn } = useClearButton();\n  return (\n    <StyledClearButton\n      shouldDisplay={withClearBtn}\n      aria-label=\"clear selected date\"\n      buttonType=\"icon\"\n      size={BUTTON_SIZES.M}\n      variant={BUTTON_VARIANT.DEFAULT}\n      data-testid={ControlledDateTimePickerDatatestid.CLEAR_BUTTON}\n      innerRef={clearButtonRef}\n      onClick={onClearClick}\n      onKeyDown={onClearButtonKeyDown}\n      withAnyPicker={withAnyPicker}\n    >\n      <CloseMedium color={DSIconColors.PRIMARY} />\n    </StyledClearButton>\n  );\n};\n"],"names":["ClearButton","useClearButton","onClearClick","onClearButtonKeyDown","clearButtonRef","withAnyPicker","withClearBtn","React","StyledClearButton","BUTTON_SIZES","M","BUTTON_VARIANT","DEFAULT","ControlledDateTimePickerDatatestid","CLEAR_BUTTON","CloseMedium","DSIconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAQaA,WAAW,GAAG,SAAdA,WAAc,GAAmB;AAC5C,wBAA4FC,wEAAc,EAA1G;AAAA,MAAQC,YAAR,mBAAQA,YAAR;AAAA,MAAsBC,oBAAtB,mBAAsBA,oBAAtB;AAAA,MAA4CC,cAA5C,mBAA4CA,cAA5C;AAAA,MAA4DC,aAA5D,mBAA4DA,aAA5D;AAAA,MAA2EC,YAA3E,mBAA2EA,YAA3E;;AACA,sBACEC,wCAACC,wDAAD;AACE,IAAA,aAAa,EAAEF,YADjB;AAEE,kBAAW,qBAFb;AAGE,IAAA,UAAU,EAAC,MAHb;AAIE,IAAA,IAAI,EAAEG,qBAAY,CAACC,CAJrB;AAKE,IAAA,OAAO,EAAEC,uBAAc,CAACC,OAL1B;AAME,mBAAaC,8FAAkC,CAACC,YANlD;AAOE,IAAA,QAAQ,EAAEV,cAPZ;AAQE,IAAA,OAAO,EAAEF,YARX;AASE,IAAA,SAAS,EAAEC,oBATb;AAUE,IAAA,aAAa,EAAEE;AAVjB,kBAYEE,wCAACQ,+BAAD;AAAa,IAAA,KAAK,EAAEC,mBAAY,CAACC;AAAjC,IAZF,CADF;AAgBD;;;;"}

package/cjs/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js

@@ -12,7 +12,7 @@ var controlledDateTimePicker_parts_Pickers_PickersIcons = require('./Pickers/Pic
 var controlledDateTimePicker_parts_ClearButton_ClearButton = require('./ClearButton/ClearButton.js');
 require('../ControlledDateTimePickerTypes.js');
 require('styled-components');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 require('./DateInputs/MMInput.js');
 require('../ControlledDateTimePickerDatatestid.js');
 require('./DateInputs/DDInput.js');
@@ -21,9 +21,10 @@ require('./DateInputs/useDateInputs.js');
 require('@babel/runtime/helpers/defineProperty');
 require('../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
+require('../utils/constants.js');
+require('../utils/numberHelpers.js');
 require('../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../utils/numberHelpers.js');
 require('./config.js');
 require('./TimeInputs/HHInput.js');
 require('./TimeInputs/MinutesInput.js');
@@ -32,20 +33,18 @@ require('./TimeInputs/useTimeInputs.js');
 require('../utils/timeHelpers.js');
 require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js');
 require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js');
+require('@elliemae/ds-icon');
 require('@elliemae/ds-icons/DatePicker');
 require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js');
-require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
-require('@babel/runtime/helpers/extends');
-require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
 require('./Pickers/CalendarWithTimeWheel/Styleds.js');
 require('./Pickers/Calendar/CalendarContent.js');
 require('./Pickers/Calendar/CalendarBody.js');
 require('./Pickers/Calendar/CalendarMonthDays.js');
 require('./Pickers/Calendar/CalendarDaysList.js');
 require('./Pickers/Calendar/Day.js');
+require('@babel/runtime/helpers/extends');
 require('./Pickers/Calendar/CalendarContext.js');
 require('./Pickers/Calendar/Styleds.js');
-require('@elliemae/ds-button');
 require('./Pickers/Calendar/CalendarWeekDays.js');
 require('./Pickers/Calendar/CalendarHead.js');
 require('@elliemae/ds-icons/ChevronDoubleLeft');
@@ -53,12 +52,13 @@ require('@elliemae/ds-icons/ChevronLeft');
 require('@elliemae/ds-icons/ChevronRight');
 require('@elliemae/ds-icons/ChevronDoubleRight');
 require('./Pickers/Calendar/CalendarFooter.js');
+require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
+require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
 require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js');
 require('./Pickers/TimeWheel/TimeWheelContent.js');
 require('./Pickers/TimeWheel/Styleds.js');
 require('./Pickers/TimeWheel/HoursList.js');
-require('@elliemae/ds-icons/ChevronSmallUp');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('./Pickers/TimeWheel/TimeWheelContext.js');
 require('./Pickers/TimeWheel/MinutesList.js');
 require('./Pickers/TimeWheel/MeridiemList.js');

package/cjs/controlled-date-time-picker/parts/DateInputs/DDInput.js

@@ -7,7 +7,7 @@ var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../..
 var controlledDateTimePicker_parts_Styleds = require('../Styleds.js');
 require('styled-components');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,7 +28,8 @@ var DDInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
       onKeyDown = _ref.onKeyDown,
       value = _ref.value,
       contextRef = _ref.contextRef,
-      placeholder = _ref.placeholder;
+      placeholder = _ref.placeholder,
+      ariaCurrentValueForInputs = _ref.ariaCurrentValueForInputs;
   var validateOnChange = React.useCallback(function (e) {
     var _e$target;
 
@@ -47,7 +48,7 @@ var DDInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     value: value,
     ref: contextRef,
     placeholder: placeholder,
-    "aria-label": "day input field",
+    "aria-label": "day input field, ".concat(ariaCurrentValueForInputs),
     "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY
   });
 });

package/cjs/controlled-date-time-picker/parts/DateInputs/DDInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DDInput.js","sources":["../../../../../src/controlled-date-time-picker/parts/DateInputs/DDInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { Styled2DigitsInput } from '../Styleds';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day) => {\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: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  value: string;\n  placeholder: string;\n  contextRef: React.RefObject<HTMLInputElement>;\n}\nexport const DDInput = React.memo(\n  ({ onChange, onBlur, onFocus, onKeyDown, value, contextRef, placeholder }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidDay(e?.target?.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={contextRef}\n        placeholder={placeholder}\n        aria-label=\"day input field\"\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n      />\n    );\n  },\n);\n"],"names":["regExpNumbers","isInvalidDay","day","numberOnly","test","length","Number","parseInt","DDInput","React","memo","onChange","onBlur","onFocus","onKeyDown","value","contextRef","placeholder","validateOnChange","useCallback","e","target","preventDefault","Styled2DigitsInput","ControlledDateTimePickerDatatestid","DATE_INPUTS","DAY"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,aAAa,GAAG,UAAtB;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;AAC5B,MAAIA,GAAG,KAAK,EAAZ,EAAgB,OAAO,KAAP;AAChB,MAAMC,UAAU,GAAGH,aAAa,CAACI,IAAd,CAAmBF,GAAnB,CAAnB;AACA,SAAOA,GAAG,CAACG,MAAJ,GAAa,CAAb,IAAkBH,GAAG,KAAK,IAA1B,IAAkC,CAACC,UAAnC,IAAiDG,MAAM,CAACC,QAAP,CAAgBL,GAAhB,EAAqB,EAArB,IAA2B,EAAnF;AACD,CAJD;;IAeaM,OAAO,gBAAGC,yBAAK,CAACC,IAAN,CACrB,gBAA2G;AAAA,MAAxGC,QAAwG,QAAxGA,QAAwG;AAAA,MAA9FC,MAA8F,QAA9FA,MAA8F;AAAA,MAAtFC,OAAsF,QAAtFA,OAAsF;AAAA,MAA7EC,SAA6E,QAA7EA,SAA6E;AAAA,MAAlEC,KAAkE,QAAlEA,KAAkE;AAAA,MAA3DC,UAA2D,QAA3DA,UAA2D;AAAA,MAA/CC,WAA+C,QAA/CA,WAA+C;AACzG,MAAMC,gBAAgB,GAAGC,iBAAW,CAClC,UAACC,CAAD,EAAO;AAAA;;AACL,QAAInB,YAAY,CAACmB,CAAD,aAACA,CAAD,oCAACA,CAAC,CAAEC,MAAJ,8CAAC,UAAWN,KAAZ,CAAhB,EAAoC;AAClCK,MAAAA,CAAC,CAACE,cAAF;AACA;AACD;;AACDX,IAAAA,QAAQ,CAACS,CAAD,CAAR;AACD,GAPiC,EAQlC,CAACT,QAAD,CARkC,CAApC;AAUA,sBACEF,wCAACc,yDAAD;AACE,IAAA,QAAQ,EAAEL,gBADZ;AAEE,IAAA,MAAM,EAAEN,MAFV;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,KAAK,EAAEC,KALT;AAME,IAAA,GAAG,EAAEC,UANP;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,kBAAW,iBARb;AASE,mBAAaO,8FAAkC,CAACC,WAAnC,CAA+CC;AAT9D,IADF;AAaD,CAzBoB;;;;"}
+{"version":3,"file":"DDInput.js","sources":["../../../../../src/controlled-date-time-picker/parts/DateInputs/DDInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { Styled2DigitsInput } from '../Styleds';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day) => {\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: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  value: string;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  contextRef: React.RefObject<HTMLInputElement>;\n}\nexport const DDInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    contextRef,\n    placeholder,\n    ariaCurrentValueForInputs,\n  }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidDay(e?.target?.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={contextRef}\n        placeholder={placeholder}\n        aria-label={`day input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n      />\n    );\n  },\n);\n"],"names":["regExpNumbers","isInvalidDay","day","numberOnly","test","length","Number","parseInt","DDInput","React","memo","onChange","onBlur","onFocus","onKeyDown","value","contextRef","placeholder","ariaCurrentValueForInputs","validateOnChange","useCallback","e","target","preventDefault","Styled2DigitsInput","ControlledDateTimePickerDatatestid","DATE_INPUTS","DAY"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,aAAa,GAAG,UAAtB;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;AAC5B,MAAIA,GAAG,KAAK,EAAZ,EAAgB,OAAO,KAAP;AAChB,MAAMC,UAAU,GAAGH,aAAa,CAACI,IAAd,CAAmBF,GAAnB,CAAnB;AACA,SAAOA,GAAG,CAACG,MAAJ,GAAa,CAAb,IAAkBH,GAAG,KAAK,IAA1B,IAAkC,CAACC,UAAnC,IAAiDG,MAAM,CAACC,QAAP,CAAgBL,GAAhB,EAAqB,EAArB,IAA2B,EAAnF;AACD,CAJD;;IAgBaM,OAAO,gBAAGC,yBAAK,CAACC,IAAN,CACrB,gBASmC;AAAA,MARjCC,QAQiC,QARjCA,QAQiC;AAAA,MAPjCC,MAOiC,QAPjCA,MAOiC;AAAA,MANjCC,OAMiC,QANjCA,OAMiC;AAAA,MALjCC,SAKiC,QALjCA,SAKiC;AAAA,MAJjCC,KAIiC,QAJjCA,KAIiC;AAAA,MAHjCC,UAGiC,QAHjCA,UAGiC;AAAA,MAFjCC,WAEiC,QAFjCA,WAEiC;AAAA,MADjCC,yBACiC,QADjCA,yBACiC;AACjC,MAAMC,gBAAgB,GAAGC,iBAAW,CAClC,UAACC,CAAD,EAAO;AAAA;;AACL,QAAIpB,YAAY,CAACoB,CAAD,aAACA,CAAD,oCAACA,CAAC,CAAEC,MAAJ,8CAAC,UAAWP,KAAZ,CAAhB,EAAoC;AAClCM,MAAAA,CAAC,CAACE,cAAF;AACA;AACD;;AACDZ,IAAAA,QAAQ,CAACU,CAAD,CAAR;AACD,GAPiC,EAQlC,CAACV,QAAD,CARkC,CAApC;AAUA,sBACEF,wCAACe,yDAAD;AACE,IAAA,QAAQ,EAAEL,gBADZ;AAEE,IAAA,MAAM,EAAEP,MAFV;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,KAAK,EAAEC,KALT;AAME,IAAA,GAAG,EAAEC,UANP;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,6CAAgCC,yBAAhC,CARF;AASE,mBAAaO,8FAAkC,CAACC,WAAnC,CAA+CC;AAT9D,IADF;AAaD,CAlCoB;;;;"}

package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js

@@ -14,13 +14,14 @@ var controlledDateTimePicker_parts_config = require('../config.js');
 require('../../ControlledDateTimePickerTypes.js');
 require('../../ControlledDateTimePickerDatatestid.js');
 require('styled-components');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 require('@babel/runtime/helpers/defineProperty');
 require('../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
+require('../../utils/constants.js');
+require('../../utils/numberHelpers.js');
 require('../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../../utils/numberHelpers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,7 +50,8 @@ var DateInputs = function DateInputs() {
   var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
       monthInputRef = _useContext.monthInputRef,
       dayInputRef = _useContext.dayInputRef,
-      yearInputRef = _useContext.yearInputRef;
+      yearInputRef = _useContext.yearInputRef,
+      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
 
   return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     cols: [controlledDateTimePicker_parts_config.fixedValues.smallInputWidth, controlledDateTimePicker_parts_config.fixedValues.separatorWidth, controlledDateTimePicker_parts_config.fixedValues.smallInputWidth, controlledDateTimePicker_parts_config.fixedValues.separatorWidth, controlledDateTimePicker_parts_config.fixedValues.largeInputWidth]
@@ -61,7 +63,8 @@ var DateInputs = function DateInputs() {
     value: month,
     contextRef: monthInputRef,
     autoFocusMonthInput: autoFocusMonthInput,
-    placeholder: "MM"
+    placeholder: "MM",
+    ariaCurrentValueForInputs: ariaCurrentValueForInputs
   })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledSeparator, {
     alignItems: "center"
   }, "/"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledFocusWithIn, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_DateInputs_DDInput.DDInput, {
@@ -71,7 +74,8 @@ var DateInputs = function DateInputs() {
     onKeyDown: onDayKeyDown,
     value: day,
     contextRef: dayInputRef,
-    placeholder: "DD"
+    placeholder: "DD",
+    ariaCurrentValueForInputs: ariaCurrentValueForInputs
   })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledSeparator, {
     alignItems: "center"
   }, "/"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledFocusWithIn, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_DateInputs_YYYYInput.YYYYInput, {
@@ -81,7 +85,8 @@ var DateInputs = function DateInputs() {
     onKeyDown: onYearKeyDown,
     value: year,
     contextRef: yearInputRef,
-    placeholder: "YYYY"
+    placeholder: "YYYY",
+    ariaCurrentValueForInputs: ariaCurrentValueForInputs
   })));
 };
 

package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInputs.js","sources":["../../../../../src/controlled-date-time-picker/parts/DateInputs/DateInputs.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\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    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const { monthInputRef, dayInputRef, yearInputRef } = useContext(ControlledDateTimePickerContext);\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          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\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        />\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        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n"],"names":["DateInputs","useDateInputs","month","day","year","autoFocusMonthInput","onMonthChange","onDayChange","onYearChange","onMonthBlur","onDayBlur","onYearBlur","onMonthFocus","onDayFocus","onYearFocus","onMonthKeyDown","onDayKeyDown","onYearKeyDown","useContext","ControlledDateTimePickerContext","monthInputRef","dayInputRef","yearInputRef","React","Grid","fixedValues","smallInputWidth","separatorWidth","largeInputWidth","StyledFocusWithIn","MMInput","StyledSeparator","DDInput","YYYYInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUaA,UAAU,GAAG,SAAbA,UAAa,GAAmB;AAC3C,uBAiBIC,qEAAa,EAjBjB;AAAA,MACEC,KADF,kBACEA,KADF;AAAA,MAEEC,GAFF,kBAEEA,GAFF;AAAA,MAGEC,IAHF,kBAGEA,IAHF;AAAA,MAIEC,mBAJF,kBAIEA,mBAJF;AAAA,MAKEC,aALF,kBAKEA,aALF;AAAA,MAMEC,WANF,kBAMEA,WANF;AAAA,MAOEC,YAPF,kBAOEA,YAPF;AAAA,MAQEC,WARF,kBAQEA,WARF;AAAA,MASEC,SATF,kBASEA,SATF;AAAA,MAUEC,UAVF,kBAUEA,UAVF;AAAA,MAWEC,YAXF,kBAWEA,YAXF;AAAA,MAYEC,UAZF,kBAYEA,UAZF;AAAA,MAaEC,WAbF,kBAaEA,WAbF;AAAA,MAcEC,cAdF,kBAcEA,cAdF;AAAA,MAeEC,YAfF,kBAeEA,YAfF;AAAA,MAgBEC,aAhBF,kBAgBEA,aAhBF,CAD2C;;;AAoB3C,oBAAqDC,gBAAU,CAACC,oFAAD,CAA/D;AAAA,MAAQC,aAAR,eAAQA,aAAR;AAAA,MAAuBC,WAAvB,eAAuBA,WAAvB;AAAA,MAAoCC,YAApC,eAAoCA,YAApC;;AACA,sBACEC,wCAACC,WAAD;AACE,IAAA,IAAI,EAAE,CACJC,iDAAW,CAACC,eADR,EAEJD,iDAAW,CAACE,cAFR,EAGJF,iDAAW,CAACC,eAHR,EAIJD,iDAAW,CAACE,cAJR,EAKJF,iDAAW,CAACG,eALR;AADR,kBASEL,wCAACM,wDAAD,qBACEN,wCAACO,yDAAD;AACE,IAAA,QAAQ,EAAExB,aADZ;AAEE,IAAA,MAAM,EAAEG,WAFV;AAGE,IAAA,OAAO,EAAEG,YAHX;AAIE,IAAA,SAAS,EAAEG,cAJb;AAKE,IAAA,KAAK,EAAEb,KALT;AAME,IAAA,UAAU,EAAEkB,aANd;AAOE,IAAA,mBAAmB,EAAEf,mBAPvB;AAQE,IAAA,WAAW,EAAC;AARd,IADF,CATF,eAqBEkB,wCAACQ,sDAAD;AAAiB,IAAA,UAAU,EAAC;AAA5B,SArBF,eAsBER,wCAACM,wDAAD,qBACEN,wCAACS,yDAAD;AACE,IAAA,QAAQ,EAAEzB,WADZ;AAEE,IAAA,MAAM,EAAEG,SAFV;AAGE,IAAA,OAAO,EAAEG,UAHX;AAIE,IAAA,SAAS,EAAEG,YAJb;AAKE,IAAA,KAAK,EAAEb,GALT;AAME,IAAA,UAAU,EAAEkB,WANd;AAOE,IAAA,WAAW,EAAC;AAPd,IADF,CAtBF,eAiCEE,wCAACQ,sDAAD;AAAiB,IAAA,UAAU,EAAC;AAA5B,SAjCF,eAkCER,wCAACM,wDAAD,qBACEN,wCAACU,6DAAD;AACE,IAAA,QAAQ,EAAEzB,YADZ;AAEE,IAAA,MAAM,EAAEG,UAFV;AAGE,IAAA,OAAO,EAAEG,WAHX;AAIE,IAAA,SAAS,EAAEG,aAJb;AAKE,IAAA,KAAK,EAAEb,IALT;AAME,IAAA,UAAU,EAAEkB,YANd;AAOE,IAAA,WAAW,EAAC;AAPd,IADF,CAlCF,CADF;AAgDD;;;;"}
+{"version":3,"file":"DateInputs.js","sources":["../../../../../src/controlled-date-time-picker/parts/DateInputs/DateInputs.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\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    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const { monthInputRef, dayInputRef, yearInputRef, ariaCurrentValueForInputs } = useContext(\n    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          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\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        />\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        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n"],"names":["DateInputs","useDateInputs","month","day","year","autoFocusMonthInput","onMonthChange","onDayChange","onYearChange","onMonthBlur","onDayBlur","onYearBlur","onMonthFocus","onDayFocus","onYearFocus","onMonthKeyDown","onDayKeyDown","onYearKeyDown","useContext","ControlledDateTimePickerContext","monthInputRef","dayInputRef","yearInputRef","ariaCurrentValueForInputs","React","Grid","fixedValues","smallInputWidth","separatorWidth","largeInputWidth","StyledFocusWithIn","MMInput","StyledSeparator","DDInput","YYYYInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUaA,UAAU,GAAG,SAAbA,UAAa,GAAmB;AAC3C,uBAiBIC,qEAAa,EAjBjB;AAAA,MACEC,KADF,kBACEA,KADF;AAAA,MAEEC,GAFF,kBAEEA,GAFF;AAAA,MAGEC,IAHF,kBAGEA,IAHF;AAAA,MAIEC,mBAJF,kBAIEA,mBAJF;AAAA,MAKEC,aALF,kBAKEA,aALF;AAAA,MAMEC,WANF,kBAMEA,WANF;AAAA,MAOEC,YAPF,kBAOEA,YAPF;AAAA,MAQEC,WARF,kBAQEA,WARF;AAAA,MASEC,SATF,kBASEA,SATF;AAAA,MAUEC,UAVF,kBAUEA,UAVF;AAAA,MAWEC,YAXF,kBAWEA,YAXF;AAAA,MAYEC,UAZF,kBAYEA,UAZF;AAAA,MAaEC,WAbF,kBAaEA,WAbF;AAAA,MAcEC,cAdF,kBAcEA,cAdF;AAAA,MAeEC,YAfF,kBAeEA,YAfF;AAAA,MAgBEC,aAhBF,kBAgBEA,aAhBF,CAD2C;;;AAoB3C,oBAAgFC,gBAAU,CACxFC,oFADwF,CAA1F;AAAA,MAAQC,aAAR,eAAQA,aAAR;AAAA,MAAuBC,WAAvB,eAAuBA,WAAvB;AAAA,MAAoCC,YAApC,eAAoCA,YAApC;AAAA,MAAkDC,yBAAlD,eAAkDA,yBAAlD;;AAGA,sBACEC,wCAACC,WAAD;AACE,IAAA,IAAI,EAAE,CACJC,iDAAW,CAACC,eADR,EAEJD,iDAAW,CAACE,cAFR,EAGJF,iDAAW,CAACC,eAHR,EAIJD,iDAAW,CAACE,cAJR,EAKJF,iDAAW,CAACG,eALR;AADR,kBASEL,wCAACM,wDAAD,qBACEN,wCAACO,yDAAD;AACE,IAAA,QAAQ,EAAEzB,aADZ;AAEE,IAAA,MAAM,EAAEG,WAFV;AAGE,IAAA,OAAO,EAAEG,YAHX;AAIE,IAAA,SAAS,EAAEG,cAJb;AAKE,IAAA,KAAK,EAAEb,KALT;AAME,IAAA,UAAU,EAAEkB,aANd;AAOE,IAAA,mBAAmB,EAAEf,mBAPvB;AAQE,IAAA,WAAW,EAAC,IARd;AASE,IAAA,yBAAyB,EAAEkB;AAT7B,IADF,CATF,eAsBEC,wCAACQ,sDAAD;AAAiB,IAAA,UAAU,EAAC;AAA5B,SAtBF,eAuBER,wCAACM,wDAAD,qBACEN,wCAACS,yDAAD;AACE,IAAA,QAAQ,EAAE1B,WADZ;AAEE,IAAA,MAAM,EAAEG,SAFV;AAGE,IAAA,OAAO,EAAEG,UAHX;AAIE,IAAA,SAAS,EAAEG,YAJb;AAKE,IAAA,KAAK,EAAEb,GALT;AAME,IAAA,UAAU,EAAEkB,WANd;AAOE,IAAA,WAAW,EAAC,IAPd;AAQE,IAAA,yBAAyB,EAAEE;AAR7B,IADF,CAvBF,eAmCEC,wCAACQ,sDAAD;AAAiB,IAAA,UAAU,EAAC;AAA5B,SAnCF,eAoCER,wCAACM,wDAAD,qBACEN,wCAACU,6DAAD;AACE,IAAA,QAAQ,EAAE1B,YADZ;AAEE,IAAA,MAAM,EAAEG,UAFV;AAGE,IAAA,OAAO,EAAEG,WAHX;AAIE,IAAA,SAAS,EAAEG,aAJb;AAKE,IAAA,KAAK,EAAEb,IALT;AAME,IAAA,UAAU,EAAEkB,YANd;AAOE,IAAA,WAAW,EAAC,MAPd;AAQE,IAAA,yBAAyB,EAAEC;AAR7B,IADF,CApCF,CADF;AAmDD;;;;"}

package/cjs/controlled-date-time-picker/parts/DateInputs/MMInput.js

@@ -7,7 +7,7 @@ var controlledDateTimePicker_parts_Styleds = require('../Styleds.js');
 var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
 require('styled-components');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,7 +29,8 @@ var MMInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
       value = _ref.value,
       placeholder = _ref.placeholder,
       contextRef = _ref.contextRef,
-      autoFocusMonthInput = _ref.autoFocusMonthInput;
+      autoFocusMonthInput = _ref.autoFocusMonthInput,
+      ariaCurrentValueForInputs = _ref.ariaCurrentValueForInputs;
   var validateOnChange = React.useCallback(function (e) {
     var _e$target;
 
@@ -49,7 +50,7 @@ var MMInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     value: value,
     ref: contextRef,
     placeholder: placeholder,
-    "aria-label": "month input field",
+    "aria-label": "month input field, ".concat(ariaCurrentValueForInputs),
     "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH
   });
 });

package/cjs/controlled-date-time-picker/parts/DateInputs/MMInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MMInput.js","sources":["../../../../../src/controlled-date-time-picker/parts/DateInputs/MMInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Styled2DigitsInput } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMonth = (month) => {\n  if (month === '') return false;\n  const numberOnly = regExpNumbers.test(month);\n  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;\n};\ninterface MMInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  autoFocusMonthInput: boolean;\n  value: string;\n  contextRef: React.RefObject<HTMLInputElement>;\n  placeholder: string;\n}\nexport const MMInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    placeholder,\n    contextRef,\n    autoFocusMonthInput,\n  }: MMInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidMonth(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        autoFocus={autoFocusMonthInput}\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label=\"month input field\"\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH}\n      />\n    );\n  },\n);\n"],"names":["regExpNumbers","isInvalidMonth","month","numberOnly","test","length","Number","parseInt","MMInput","React","memo","onChange","onBlur","onFocus","onKeyDown","value","placeholder","contextRef","autoFocusMonthInput","validateOnChange","useCallback","e","target","preventDefault","Styled2DigitsInput","ControlledDateTimePickerDatatestid","DATE_INPUTS","MONTH"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,aAAa,GAAG,UAAtB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAW;AAChC,MAAIA,KAAK,KAAK,EAAd,EAAkB,OAAO,KAAP;AAClB,MAAMC,UAAU,GAAGH,aAAa,CAACI,IAAd,CAAmBF,KAAnB,CAAnB;AACA,SAAOA,KAAK,CAACG,MAAN,GAAe,CAAf,IAAoBH,KAAK,KAAK,IAA9B,IAAsC,CAACC,UAAvC,IAAqDG,MAAM,CAACC,QAAP,CAAgBL,KAAhB,EAAuB,EAAvB,IAA6B,EAAzF;AACD,CAJD;;IAeaM,OAAO,gBAAGC,yBAAK,CAACC,IAAN,CACrB,gBASmC;AAAA,MARjCC,QAQiC,QARjCA,QAQiC;AAAA,MAPjCC,MAOiC,QAPjCA,MAOiC;AAAA,MANjCC,OAMiC,QANjCA,OAMiC;AAAA,MALjCC,SAKiC,QALjCA,SAKiC;AAAA,MAJjCC,KAIiC,QAJjCA,KAIiC;AAAA,MAHjCC,WAGiC,QAHjCA,WAGiC;AAAA,MAFjCC,UAEiC,QAFjCA,UAEiC;AAAA,MADjCC,mBACiC,QADjCA,mBACiC;AACjC,MAAMC,gBAAgB,GAAGC,iBAAW,CAClC,UAACC,CAAD,EAAO;AAAA;;AACL,QAAIpB,cAAc,CAACoB,CAAD,aAACA,CAAD,oCAACA,CAAC,CAAEC,MAAJ,8CAAC,UAAWP,KAAZ,CAAlB,EAAsC;AACpCM,MAAAA,CAAC,CAACE,cAAF;AACA;AACD;;AACDZ,IAAAA,QAAQ,CAACU,CAAD,CAAR;AACD,GAPiC,EAQlC,CAACV,QAAD,CARkC,CAApC;AAUA,sBACEF,wCAACe,yDAAD;AACE,IAAA,SAAS,EAAEN,mBADb;AAEE,IAAA,QAAQ,EAAEC,gBAFZ;AAGE,IAAA,MAAM,EAAEP,MAHV;AAIE,IAAA,OAAO,EAAEC,OAJX;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,GAAG,EAAEE,UAPP;AAQE,IAAA,WAAW,EAAED,WARf;AASE,kBAAW,mBATb;AAUE,mBAAaS,8FAAkC,CAACC,WAAnC,CAA+CC;AAV9D,IADF;AAcD,CAnCoB;;;;"}
+{"version":3,"file":"MMInput.js","sources":["../../../../../src/controlled-date-time-picker/parts/DateInputs/MMInput.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Styled2DigitsInput } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMonth = (month) => {\n  if (month === '') return false;\n  const numberOnly = regExpNumbers.test(month);\n  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;\n};\ninterface MMInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  autoFocusMonthInput: boolean;\n  value: string;\n  contextRef: React.RefObject<HTMLInputElement>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n}\nexport const MMInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    placeholder,\n    contextRef,\n    autoFocusMonthInput,\n    ariaCurrentValueForInputs,\n  }: MMInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidMonth(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        autoFocus={autoFocusMonthInput}\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label={`month input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH}\n      />\n    );\n  },\n);\n"],"names":["regExpNumbers","isInvalidMonth","month","numberOnly","test","length","Number","parseInt","MMInput","React","memo","onChange","onBlur","onFocus","onKeyDown","value","placeholder","contextRef","autoFocusMonthInput","ariaCurrentValueForInputs","validateOnChange","useCallback","e","target","preventDefault","Styled2DigitsInput","ControlledDateTimePickerDatatestid","DATE_INPUTS","MONTH"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,aAAa,GAAG,UAAtB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAW;AAChC,MAAIA,KAAK,KAAK,EAAd,EAAkB,OAAO,KAAP;AAClB,MAAMC,UAAU,GAAGH,aAAa,CAACI,IAAd,CAAmBF,KAAnB,CAAnB;AACA,SAAOA,KAAK,CAACG,MAAN,GAAe,CAAf,IAAoBH,KAAK,KAAK,IAA9B,IAAsC,CAACC,UAAvC,IAAqDG,MAAM,CAACC,QAAP,CAAgBL,KAAhB,EAAuB,EAAvB,IAA6B,EAAzF;AACD,CAJD;;IAgBaM,OAAO,gBAAGC,yBAAK,CAACC,IAAN,CACrB,gBAUmC;AAAA,MATjCC,QASiC,QATjCA,QASiC;AAAA,MARjCC,MAQiC,QARjCA,MAQiC;AAAA,MAPjCC,OAOiC,QAPjCA,OAOiC;AAAA,MANjCC,SAMiC,QANjCA,SAMiC;AAAA,MALjCC,KAKiC,QALjCA,KAKiC;AAAA,MAJjCC,WAIiC,QAJjCA,WAIiC;AAAA,MAHjCC,UAGiC,QAHjCA,UAGiC;AAAA,MAFjCC,mBAEiC,QAFjCA,mBAEiC;AAAA,MADjCC,yBACiC,QADjCA,yBACiC;AACjC,MAAMC,gBAAgB,GAAGC,iBAAW,CAClC,UAACC,CAAD,EAAO;AAAA;;AACL,QAAIrB,cAAc,CAACqB,CAAD,aAACA,CAAD,oCAACA,CAAC,CAAEC,MAAJ,8CAAC,UAAWR,KAAZ,CAAlB,EAAsC;AACpCO,MAAAA,CAAC,CAACE,cAAF;AACA;AACD;;AACDb,IAAAA,QAAQ,CAACW,CAAD,CAAR;AACD,GAPiC,EAQlC,CAACX,QAAD,CARkC,CAApC;AAUA,sBACEF,wCAACgB,yDAAD;AACE,IAAA,SAAS,EAAEP,mBADb;AAEE,IAAA,QAAQ,EAAEE,gBAFZ;AAGE,IAAA,MAAM,EAAER,MAHV;AAIE,IAAA,OAAO,EAAEC,OAJX;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,GAAG,EAAEE,UAPP;AAQE,IAAA,WAAW,EAAED,WARf;AASE,+CAAkCG,yBAAlC,CATF;AAUE,mBAAaO,8FAAkC,CAACC,WAAnC,CAA+CC;AAV9D,IADF;AAcD,CApCoB;;;;"}