@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

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

@@ -2,141 +2,139 @@ import { useMemo } from 'react';
 import { dateTimeToDate, deconstructValuesFromDateString, fillStringWithPlaceHolders, dateTimeToTime, deconstructTimeValues } from '../utils/stringHelpers.js';
 import { convertToPositiveNumberIfPossible } from '../utils/numberHelpers.js';
 import { monthNames, announcableCardinalDays } from '../utils/constants.js';
-import '@babel/runtime/helpers/esm/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 ? dateTimeToDate(dateTime) : date;
-  var deconstructedValues = deconstructValuesFromDateString(dateStringFromProps);
-  var month = deconstructedValues.month,
-      day = deconstructedValues.day,
-      year = deconstructedValues.year;
-  var monthNum = convertToPositiveNumberIfPossible(month);
-  var dayNum = convertToPositiveNumberIfPossible(day);
-  var yearNum = convertToPositiveNumberIfPossible(year);
-  var announcedMonth = monthNum !== -1 ? monthNames[monthNum - 1] : 'empty month';
-  var announcedDay = dayNum !== -1 ? announcableCardinalDays[dayNum] : 'empty day';
-  var announcedYear = yearNum !== -1 ? fillStringWithPlaceHolders("".concat(yearNum), 4, '0') : 'empty year';
-  var announcedDateValues = "".concat(announcedMonth, ", ").concat(announcedDay, ", ").concat(announcedYear);
-  return 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]);
+const useGetDestructuredDateValues = ({
+  date,
+  dateTime,
+  isDateTimeSelector
+}) => {
+  const dateStringFromProps = isDateTimeSelector ? dateTimeToDate(dateTime) : date;
+  const deconstructedValues = deconstructValuesFromDateString(dateStringFromProps);
+  const {
+    month,
+    day,
+    year
+  } = deconstructedValues;
+  const monthNum = convertToPositiveNumberIfPossible(month);
+  const dayNum = convertToPositiveNumberIfPossible(day);
+  const yearNum = convertToPositiveNumberIfPossible(year);
+  const announcedMonth = monthNum !== -1 ? monthNames[monthNum - 1] : 'empty month';
+  const announcedDay = dayNum !== -1 ? announcableCardinalDays[dayNum] : 'empty day';
+  const announcedYear = yearNum !== -1 ? fillStringWithPlaceHolders("".concat(yearNum), 4, '0') : 'empty year';
+  const announcedDateValues = "".concat(announcedMonth, ", ").concat(announcedDay, ", ").concat(announcedYear);
+  return useMemo(() => ({
+    month,
+    day,
+    year,
+    monthNum,
+    dayNum,
+    yearNum,
+    announcedMonth,
+    announcedDay,
+    announcedYear,
+    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 ? dateTimeToTime(dateTime) : time;
-  var deconstructedValues = deconstructTimeValues(timeStringFromProps);
-  var hours = deconstructedValues.hours,
-      minutes = deconstructedValues.minutes,
-      meridiem = deconstructedValues.meridiem;
-  var hoursNum = convertToPositiveNumberIfPossible(hours);
-  var minutesNum = convertToPositiveNumberIfPossible(minutes); // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...
+const useGetDestructuredTimeValues = ({
+  time,
+  dateTime,
+  isDateTimeSelector
+}) => {
+  const timeStringFromProps = isDateTimeSelector ? dateTimeToTime(dateTime) : time;
+  const deconstructedValues = deconstructTimeValues(timeStringFromProps);
+  const {
+    hours,
+    minutes,
+    meridiem
+  } = deconstructedValues;
+  const hoursNum = convertToPositiveNumberIfPossible(hours);
+  const minutesNum = 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...
+  const 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
+  const announcedMinutes = minutesNum !== -1 ? "".concat(minutesNum) : 'empty minutes';
+  const 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 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]);
+  const announcedTimeValues = "".concat(announcedHours, ", ").concat(announcedMinutes, ", ").concat(announcedMeridiem);
+  return useMemo(() => ({
+    hours,
+    minutes,
+    meridiem,
+    hoursNum,
+    minutesNum,
+    announcedHours,
+    announcedMinutes,
+    announcedMeridiem,
+    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 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]);
+const useGetDestructuredValues = ({
+  date,
+  time,
+  dateTime,
+  isDateTimeSelector
+}) => {
+  const {
+    month,
+    day,
+    year,
+    monthNum,
+    dayNum,
+    yearNum,
+    announcedMonth,
+    announcedDay,
+    announcedYear,
+    announcedDateValues
+  } = useGetDestructuredDateValues({
+    date,
+    dateTime,
+    isDateTimeSelector
+  });
+  const {
+    hours,
+    minutes,
+    meridiem,
+    hoursNum,
+    minutesNum,
+    announcedHours,
+    announcedMinutes,
+    announcedMeridiem,
+    announcedTimeValues
+  } = useGetDestructuredTimeValues({
+    time,
+    dateTime,
+    isDateTimeSelector
+  });
+  return useMemo(() => ({
+    month,
+    day,
+    year,
+    monthNum,
+    dayNum,
+    yearNum,
+    announcedMonth,
+    announcedDay,
+    announcedYear,
+    announcedDateValues,
+    hours,
+    minutes,
+    meridiem,
+    hoursNum,
+    minutesNum,
+    announcedHours,
+    announcedMinutes,
+    announcedMeridiem,
+    announcedTimeValues
+  }), [month, day, year, monthNum, dayNum, yearNum, announcedMonth, announcedDay, announcedYear, announcedDateValues, hours, minutes, meridiem, hoursNum, minutesNum, announcedHours, announcedMinutes, announcedMeridiem, announcedTimeValues]);
 };
 
 export { useGetDestructuredDateValues, useGetDestructuredTimeValues, useGetDestructuredValues };
-//# sourceMappingURL=useGetDestructuredValues.js.map

package/esm/controlled-date-time-picker/config/useGetPropsWithDefault.js

@@ -1,12 +1,7 @@
 import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
 import { defaultProps } from '../ControlledDateTimePickerCTX.js';
-import 'react';
-import '../ControlledDateTimePickerTypes.js';
 
 // we have to merge the "default" nested default values with what the user gives us...
-var useGetDatePickerWithDefaultsProps = function useGetDatePickerWithDefaultsProps(props) {
-  return useMemoMergePropsWithDefault(props, defaultProps);
-};
+const useGetDatePickerWithDefaultsProps = props => useMemoMergePropsWithDefault(props, defaultProps);
 
 export { useGetDatePickerWithDefaultsProps };
-//# sourceMappingURL=useGetPropsWithDefault.js.map

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

@@ -1,84 +1,81 @@
-import _typeof from '@babel/runtime/helpers/esm/typeof';
 import { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes.js';
 import { deconstructValuesFromDateString, isValidDateString, dateTimeToDate, isValidTimeString, dateTimeToTime } from '../utils/stringHelpers.js';
 import { convertToPositiveNumberIfPossible } from '../utils/numberHelpers.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../utils/constants.js';
 
-var PREPEND = "ControlledDateTimePicker:\n  Invalid configuration detected::\n  \n    ";
-var NOT_A_DEFECT = ''; // '\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';
+/* eslint-disable max-len */
+const PREPEND = "ControlledDateTimePicker:\n  Invalid configuration detected::\n  \n    ";
+const NOT_A_DEFECT = ''; // '\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';
 
-var INLINE_RECEIVED_PREPEND = "\n\n    Received:";
+const INLINE_RECEIVED_PREPEND = "\n\n    Received:";
 
-var throwInvalidDateTimeError = function throwInvalidDateTimeError(invalidValue) {
-  throw new Error("".concat(PREPEND, "the \"dateTime\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(_typeof(invalidValue), ")").concat(NOT_A_DEFECT));
+const throwInvalidDateTimeError = invalidValue => {
+  throw new Error("".concat(PREPEND, "the \"dateTime\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(typeof invalidValue, ")").concat(NOT_A_DEFECT));
 };
 
-var throwInvalidDaterror = function throwInvalidDaterror(invalidValue) {
-  throw new Error("".concat(PREPEND, "the \"date\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(_typeof(invalidValue), ")").concat(NOT_A_DEFECT));
+const throwInvalidDaterror = invalidValue => {
+  throw new Error("".concat(PREPEND, "the \"date\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(typeof invalidValue, ")").concat(NOT_A_DEFECT));
 };
 
-var throwInvalidTimerror = function throwInvalidTimerror(invalidValue) {
-  throw new Error("".concat(PREPEND, "the \"time\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(_typeof(invalidValue), ")").concat(NOT_A_DEFECT));
+const throwInvalidTimerror = invalidValue => {
+  throw new Error("".concat(PREPEND, "the \"time\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(typeof invalidValue, ")").concat(NOT_A_DEFECT));
 };
 
-var throwUncontrolledDateError = function throwUncontrolledDateError(date, onDateChange) {
-  throw new Error("".concat(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    ").concat(date, "(").concat(_typeof(date), ")\n    ").concat(onDateChange, "(").concat(_typeof(onDateChange), ")\n  ").concat(NOT_A_DEFECT));
+const throwUncontrolledDateError = (date, onDateChange) => {
+  throw new Error("".concat(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    ").concat(date, "(").concat(typeof date, ")\n    ").concat(onDateChange, "(").concat(typeof onDateChange, ")\n  ").concat(NOT_A_DEFECT));
 };
 
-var throwUncontrolledTimeError = function throwUncontrolledTimeError(time, onTimeChange) {
-  throw new Error("".concat(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    ").concat(time, "(").concat(_typeof(time), ")\n    ").concat(onTimeChange, "(").concat(_typeof(onTimeChange), ")\n  ").concat(NOT_A_DEFECT));
+const throwUncontrolledTimeError = (time, onTimeChange) => {
+  throw new Error("".concat(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    ").concat(time, "(").concat(typeof time, ")\n    ").concat(onTimeChange, "(").concat(typeof onTimeChange, ")\n  ").concat(NOT_A_DEFECT));
 };
 
-var throwUncontrolledDateTimeError = function throwUncontrolledDateTimeError(dateTime, onDateTimeChange) {
-  throw new Error("".concat(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    ").concat(dateTime, "(").concat(_typeof(dateTime), ")\n    ").concat(onDateTimeChange, "(").concat(_typeof(onDateTimeChange), ")\n  ").concat(NOT_A_DEFECT));
+const throwUncontrolledDateTimeError = (dateTime, onDateTimeChange) => {
+  throw new Error("".concat(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    ").concat(dateTime, "(").concat(typeof dateTime, ")\n    ").concat(onDateTimeChange, "(").concat(typeof onDateTimeChange, ")\n  ").concat(NOT_A_DEFECT));
 };
 
-var throwInvalidEmptyPickerStartingMonthError = function throwInvalidEmptyPickerStartingMonthError(emptyPickerStartingMonth) {
-  throw new Error("".concat(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    ").concat(emptyPickerStartingMonth, "(").concat(_typeof(emptyPickerStartingMonth), ")\n  ").concat(NOT_A_DEFECT));
+const throwInvalidEmptyPickerStartingMonthError = emptyPickerStartingMonth => {
+  throw new Error("".concat(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    ").concat(emptyPickerStartingMonth, "(").concat(typeof emptyPickerStartingMonth, ")\n  ").concat(NOT_A_DEFECT));
 };
 
-var throwInvalidOnCalendarOpenFocusedDayError = function throwInvalidOnCalendarOpenFocusedDayError(onCalendarOpenFocusedDay) {
-  throw new Error("".concat(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    ").concat(onCalendarOpenFocusedDay, "(").concat(_typeof(onCalendarOpenFocusedDay), ")\n  ").concat(NOT_A_DEFECT));
+const throwInvalidOnCalendarOpenFocusedDayError = onCalendarOpenFocusedDay => {
+  throw new Error("".concat(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    ").concat(onCalendarOpenFocusedDay, "(").concat(typeof onCalendarOpenFocusedDay, ")\n  ").concat(NOT_A_DEFECT));
 };
 
-var useValidateProps = function useValidateProps(props) {
-  var type = props.type,
-      dateTime = props.dateTime,
-      date = props.date,
-      time = props.time,
-      onDateChange = props.onDateChange,
-      onTimeChange = props.onTimeChange,
-      onDateTimeChange = props.onDateTimeChange,
-      emptyPickerStartingMonth = props.emptyPickerStartingMonth,
-      onCalendarOpenFocusedDay = props.onCalendarOpenFocusedDay;
-  var isDateSelector = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER;
-  var isTimeSelector = type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER;
-  var isDateTimeSelector = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER; // validate generic use-cases
+const useValidateProps = props => {
+  const {
+    type,
+    dateTime,
+    date,
+    time,
+    onDateChange,
+    onTimeChange,
+    onDateTimeChange,
+    emptyPickerStartingMonth,
+    onCalendarOpenFocusedDay
+  } = props;
+  const isDateSelector = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER;
+  const isTimeSelector = type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER;
+  const isDateTimeSelector = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER; // validate generic use-cases
 
   if (emptyPickerStartingMonth) {
-    var _deconstructValuesFro = deconstructValuesFromDateString(emptyPickerStartingMonth),
-        stringMonthVal = _deconstructValuesFro.month,
-        stringYearVal = _deconstructValuesFro.year;
-
-    var monthNum = convertToPositiveNumberIfPossible(stringMonthVal);
-    var yearNum = convertToPositiveNumberIfPossible(stringYearVal);
+    const {
+      month: stringMonthVal,
+      year: stringYearVal
+    } = deconstructValuesFromDateString(emptyPickerStartingMonth);
+    const monthNum = convertToPositiveNumberIfPossible(stringMonthVal);
+    const yearNum = convertToPositiveNumberIfPossible(stringYearVal);
     if (monthNum <= 0 || monthNum >= 13 || yearNum <= 0 || yearNum > 9999) throwInvalidEmptyPickerStartingMonthError(emptyPickerStartingMonth);
   }
 
   if (onCalendarOpenFocusedDay) {
-    var _deconstructValuesFro2 = deconstructValuesFromDateString(onCalendarOpenFocusedDay),
-        _stringMonthVal = _deconstructValuesFro2.month,
-        stringDayVal = _deconstructValuesFro2.day,
-        _stringYearVal = _deconstructValuesFro2.year;
-
-    var _monthNum = convertToPositiveNumberIfPossible(_stringMonthVal);
-
-    var dayNum = convertToPositiveNumberIfPossible(stringDayVal);
-
-    var _yearNum = convertToPositiveNumberIfPossible(_stringYearVal);
-
-    if (_monthNum <= 0 || _monthNum >= 13 || dayNum <= 0 || dayNum >= 31 || _yearNum <= 0 || _yearNum > 9999) throwInvalidOnCalendarOpenFocusedDayError(onCalendarOpenFocusedDay);
+    const {
+      month: stringMonthVal,
+      day: stringDayVal,
+      year: stringYearVal
+    } = deconstructValuesFromDateString(onCalendarOpenFocusedDay);
+    const monthNum = convertToPositiveNumberIfPossible(stringMonthVal);
+    const dayNum = convertToPositiveNumberIfPossible(stringDayVal);
+    const yearNum = convertToPositiveNumberIfPossible(stringYearVal);
+    if (monthNum <= 0 || monthNum >= 13 || dayNum <= 0 || dayNum >= 31 || yearNum <= 0 || yearNum > 9999) throwInvalidOnCalendarOpenFocusedDayError(onCalendarOpenFocusedDay);
   } // validate full datetime cases
 
 
@@ -98,4 +95,3 @@ var useValidateProps = function useValidateProps(props) {
 };
 
 export { useValidateProps };
-//# sourceMappingURL=useValidateProps.js.map

package/esm/controlled-date-time-picker/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

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

@@ -5,88 +5,3 @@ export { deconstructValuesFromDateString, prependStringWithPlaceHolders } from '
 export { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers.js';
 export { getDateStringFromDay, getDateValuesFromDate, getDayFromDateString, getValidationDateStringMetaInfo } from './utils/dateHelpers.js';
 export { getValidationTimeStringMetaInfo } from './utils/timeHelpers.js';
-import 'react';
-import 'react-desc';
-import './propTypes.js';
-import './config/useControlledDateTimePicker.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './config/useGetPropsWithDefault.js';
-import '@elliemae/ds-props-helpers';
-import './ControlledDateTimePickerCTX.js';
-import './config/useGetDestructuredValues.js';
-import './utils/numberHelpers.js';
-import './utils/constants.js';
-import './config/useValidateProps.js';
-import '@babel/runtime/helpers/esm/typeof';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './parts/ControlledDateTimePickerContent.js';
-import '@elliemae/ds-grid';
-import './parts/Styleds.js';
-import 'styled-components';
-import '@elliemae/ds-button';
-import './parts/DateInputs/DateInputs.js';
-import './parts/DateInputs/MMInput.js';
-import './parts/DateInputs/DDInput.js';
-import './parts/DateInputs/YYYYInput.js';
-import './parts/DateInputs/useDateInputs.js';
-import './parts/config.js';
-import './parts/TimeInputs/TimeInputs.js';
-import './parts/TimeInputs/HHInput.js';
-import './parts/TimeInputs/MinutesInput.js';
-import './parts/TimeInputs/MeridiemInput.js';
-import './parts/TimeInputs/useTimeInputs.js';
-import './parts/Pickers/PickersIcons.js';
-import './parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js';
-import './parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js';
-import '@elliemae/ds-icons';
-import './parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js';
-import './parts/Pickers/CalendarWithTimeWheel/Styleds.js';
-import './parts/Pickers/Calendar/CalendarContent.js';
-import './parts/Pickers/Calendar/CalendarBody.js';
-import './parts/Pickers/Calendar/CalendarMonthDays.js';
-import './parts/Pickers/Calendar/CalendarDaysList.js';
-import './parts/Pickers/Calendar/Day.js';
-import '@babel/runtime/helpers/esm/extends';
-import './parts/Pickers/Calendar/CalendarContext.js';
-import './parts/Pickers/Calendar/Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import '@elliemae/ds-system';
-import './parts/Pickers/Calendar/CalendarWeekDays.js';
-import './parts/Pickers/Calendar/CalendarHead.js';
-import './parts/Pickers/Calendar/CalendarFooter.js';
-import './parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js';
-import './parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js';
-import './parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js';
-import './parts/Pickers/TimeWheel/TimeWheelContent.js';
-import './parts/Pickers/TimeWheel/Styleds.js';
-import './parts/Pickers/TimeWheel/HoursList.js';
-import './parts/Pickers/TimeWheel/TimeWheelContext.js';
-import './parts/Pickers/TimeWheel/MinutesList.js';
-import './parts/Pickers/TimeWheel/MeridiemList.js';
-import './parts/Pickers/TimeWheel/TimeWheelFooter.js';
-import './parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js';
-import 'react-popper';
-import './utils/hooks/useOnClickOutside.js';
-import './parts/Pickers/Calendar/Calendar.js';
-import './parts/Pickers/Calendar/CalendarIconTrigger.js';
-import './parts/Pickers/Calendar/CalendarWrapper.js';
-import './parts/Pickers/Calendar/useConfigCalendarCTX.js';
-import './parts/Pickers/Calendar/useKeyboardHandlers.js';
-import './parts/Pickers/Calendar/useFocusLogic.js';
-import './utils/hooks/useGetStartingFocusedDay.js';
-import './utils/hooks/useGetDayFromDateString.js';
-import './parts/Pickers/Calendar/usePopperTriggerLogic.js';
-import './parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js';
-import './utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js';
-import './parts/Pickers/TimeWheel/TimeWheel.js';
-import './parts/Pickers/TimeWheel/TimeWheelIconTrigger.js';
-import './parts/Pickers/TimeWheel/TimeWheelWrapper.js';
-import './parts/Pickers/TimeWheel/useConfigTimePickerCTX.js';
-import './parts/Pickers/TimeWheel/usePopperTriggerLogic.js';
-import './parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js';
-import './parts/Pickers/TimeWheel/useKeyboardHandlers.js';
-import './parts/ClearButton/ClearButton.js';
-import '@elliemae/ds-icon';
-import './parts/ClearButton/useClearButton.js';
-//# sourceMappingURL=index.js.map

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

@@ -1,24 +1,21 @@
-import React from 'react';
-import { CloseMedium } from '@elliemae/ds-icons';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import CloseMedium from '@elliemae/ds-icons/CloseMedium';
 import { DSIconColors } from '@elliemae/ds-icon';
 import { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';
 import { StyledClearButton } from '../Styleds.js';
 import { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid.js';
 import { useClearButton } from './useClearButton.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '../../ControlledDateTimePickerCTX.js';
-import '../../ControlledDateTimePickerTypes.js';
 
-var ClearButton = function ClearButton() {
-  var _useClearButton = useClearButton(),
-      onClearClick = _useClearButton.onClearClick,
-      onClearButtonKeyDown = _useClearButton.onClearButtonKeyDown,
-      clearButtonRef = _useClearButton.clearButtonRef,
-      withAnyPicker = _useClearButton.withAnyPicker,
-      withClearBtn = _useClearButton.withClearBtn;
-
-  return /*#__PURE__*/React.createElement(StyledClearButton, {
+const ClearButton = () => {
+  const {
+    onClearClick,
+    onClearButtonKeyDown,
+    clearButtonRef,
+    withAnyPicker,
+    withClearBtn
+  } = useClearButton();
+  return /*#__PURE__*/_jsx(StyledClearButton, {
     shouldDisplay: withClearBtn,
     "aria-label": "clear selected date",
     buttonType: "icon",
@@ -29,10 +26,9 @@ var ClearButton = function ClearButton() {
     onClick: onClearClick,
     onKeyDown: onClearButtonKeyDown,
     withAnyPicker: withAnyPicker
-  }, /*#__PURE__*/React.createElement(CloseMedium, {
+  }, void 0, /*#__PURE__*/_jsx(CloseMedium, {
     color: DSIconColors.PRIMARY
   }));
 };
 
 export { ClearButton };
-//# sourceMappingURL=ClearButton.js.map