@elliemae/ds-controlled-form 2.2.1 → 2.3.0-alpha.4

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

@@ -1,28 +1,24 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { useRef, useMemo, useState, useCallback } from 'react';
-import { getDataProps } from '@elliemae/ds-props-helpers';
-import { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault.js';
-import { useGetDestructuredValues } from './useGetDestructuredValues.js';
-import { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes.js';
-import { useValidateProps } from './useValidateProps.js';
-import { getValidationDateStringMetaInfo, getDateStringFromDay, getTimeStringFromDay } from '../utils/dateHelpers.js';
-import { getValidationTimeStringMetaInfo } from '../utils/timeHelpers.js';
-import { dateTimeToDate, dateTimeToTime, getFormattedDateString, getFormattedTimeString, isEmptyDateStringMask, isEmptyTimeStringMask, isEmptyDateTimeStringMask } from '../utils/stringHelpers.js';
-import { defaultMetaInfo } from '../utils/constants.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const useControlledDateTimePicker = props => {
-  // if we detect wrong props configuration we throw meaningful errors
-  useValidateProps(props); // refs are used for "auto-advance" feature
-
+import * as React from "react";
+import React2, { useRef, useState, useCallback, useMemo } from "react";
+import { getDataProps } from "@elliemae/ds-props-helpers";
+import { useGetDatePickerWithDefaultsProps } from "./useGetPropsWithDefault";
+import { useGetDestructuredValues } from "./useGetDestructuredValues";
+import { CONTROLLED_DATE_TIME_PICKER_TYPES } from "../ControlledDateTimePickerTypes";
+import { useValidateProps } from "./useValidateProps";
+import { getValidationDateStringMetaInfo, getDateStringFromDay, getTimeStringFromDay } from "../utils/dateHelpers";
+import { getValidationTimeStringMetaInfo } from "../utils/timeHelpers";
+import {
+  isEmptyDateStringMask,
+  isEmptyTimeStringMask,
+  isEmptyDateTimeStringMask,
+  dateTimeToTime,
+  dateTimeToDate,
+  getFormattedDateString,
+  getFormattedTimeString
+} from "../utils/stringHelpers";
+import { defaultMetaInfo } from "../utils/constants";
+const useControlledDateTimePicker = (props) => {
+  useValidateProps(props);
   const monthInputRef = useRef();
   const dayInputRef = useRef();
   const yearInputRef = useRef();
@@ -67,15 +63,9 @@ const useControlledDateTimePicker = props => {
     time: appTime,
     dateTime: appDateTime
   } = propsWithDefaults;
-  const dateStringFromProps = useMemo(() => propsWithDefaults.dateTime && propsWithDefaults.dateTime !== '' ? dateTimeToDate(propsWithDefaults.dateTime) : propsWithDefaults.date && propsWithDefaults.date !== '' ? propsWithDefaults.date : '__/__/____', [propsWithDefaults.date, propsWithDefaults.dateTime]); // don't use tempDateString to trigger useEffect for onDateChange
-  // that is an anti-pattern and leads to a lot of issue
-  // if you don't believe me, check date-time-picker v1 which is doing it
-
+  const dateStringFromProps = useMemo(() => propsWithDefaults.dateTime && propsWithDefaults.dateTime !== "" ? dateTimeToDate(propsWithDefaults.dateTime) : propsWithDefaults.date && propsWithDefaults.date !== "" ? propsWithDefaults.date : "__/__/____", [propsWithDefaults.date, propsWithDefaults.dateTime]);
   const [tempDateString, setTempDateString] = useState(dateStringFromProps);
-  const timeStringFromProps = useMemo(() => propsWithDefaults.dateTime && propsWithDefaults.dateTime !== '' ? dateTimeToTime(propsWithDefaults.dateTime) : propsWithDefaults.time && propsWithDefaults.time !== '' ? propsWithDefaults.time : '__:__ __', [propsWithDefaults.time, propsWithDefaults.dateTime]); // don't use tempTimeString to trigger useEffect for onTimeChange
-  // that is an anti-pattern and leads to a lot of issue
-  // if you don't believe me, check date-time-picker v1 which is doing it
-
+  const timeStringFromProps = useMemo(() => propsWithDefaults.dateTime && propsWithDefaults.dateTime !== "" ? dateTimeToTime(propsWithDefaults.dateTime) : propsWithDefaults.time && propsWithDefaults.time !== "" ? propsWithDefaults.time : "__:__ __", [propsWithDefaults.time, propsWithDefaults.dateTime]);
   const [tempTimeString, setTimeString] = useState(timeStringFromProps);
   const hideDate = 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.FULL && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;
   const hideTime = type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;
@@ -90,9 +80,7 @@ const useControlledDateTimePicker = props => {
   const isWithCalendarToo = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
   const withAnyInputs = !hideDate || !hideTime;
   const withAnyPicker = !hideDateTimePicker || !hideTimePicker || !hideDatePicker;
-  const withClearBtn = isClearable && withAnyInputs && (dateStringFromProps !== '__/__/____' && dateStringFromProps !== '' || // date is not "empty-ish"
-  timeStringFromProps !== '__:__ __' && timeStringFromProps !== ''); // or time is not "empty-ish"
-
+  const withClearBtn = isClearable && withAnyInputs && (dateStringFromProps !== "__/__/____" && dateStringFromProps !== "" || timeStringFromProps !== "__:__ __" && timeStringFromProps !== "");
   const isWithDateInputs = withAnyInputs && (isDateTimeSelector || isDateSelector);
   const isWithDateInputsOnly = withAnyInputs && isDateSelector;
   const isWithTimeInputs = withAnyInputs && (isDateTimeSelector || isTimeSelector);
@@ -103,11 +91,23 @@ const useControlledDateTimePicker = props => {
   const autoFocusHourTimeWheel = isControllerOnly && isTimeSelector && autoFocus;
   const shouldPreserveClearableSpace = isClearable && withAnyInputs;
   const withAnyRightController = withAnyPicker || withClearBtn || shouldPreserveClearableSpace;
-  const [latestInteractionRegion, setLatestInteractionRegion] = useState('');
+  const [latestInteractionRegion, setLatestInteractionRegion] = useState("");
   let firstSegmentRef = useRef();
-  if (isWithDateInputs) firstSegmentRef = monthInputRef;else if (isWithTimeInputs) firstSegmentRef = hourInputRef;else if (withAnyPicker) firstSegmentRef = pickerButtonRef;
+  if (isWithDateInputs)
+    firstSegmentRef = monthInputRef;
+  else if (isWithTimeInputs)
+    firstSegmentRef = hourInputRef;
+  else if (withAnyPicker)
+    firstSegmentRef = pickerButtonRef;
   let lastSegmentRef = useRef();
-  if (withAnyPicker) lastSegmentRef = pickerButtonRef;else if (withClearBtn) lastSegmentRef = clearButtonRef;else if (isWithTimeInputs) lastSegmentRef = meridiemInputRef;else if (isWithDateInputs) lastSegmentRef = yearInputRef;
+  if (withAnyPicker)
+    lastSegmentRef = pickerButtonRef;
+  else if (withClearBtn)
+    lastSegmentRef = clearButtonRef;
+  else if (isWithTimeInputs)
+    lastSegmentRef = meridiemInputRef;
+  else if (isWithDateInputs)
+    lastSegmentRef = yearInputRef;
   const {
     month,
     day,
@@ -128,235 +128,220 @@ const useControlledDateTimePicker = props => {
     announcedMinutes,
     announcedMeridiem,
     announcedTimeValues
-  } = useGetDestructuredValues({
-    date: appDate,
-    time: appTime,
-    dateTime: appDateTime,
-    isDateTimeSelector
-  });
-  const ariaCurrentValueForInputs = "current values: ".concat(isWithDateInputs ? "".concat(announcedDateValues) : '').concat(isDateTimeSelector ? ', ' : '').concat(isWithTimeInputs ? "".concat(announcedTimeValues) : '');
-  const getDateMetaInfo = useCallback(function () {
-    let newDateString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    let metaInfo = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  } = useGetDestructuredValues({ date: appDate, time: appTime, dateTime: appDateTime, isDateTimeSelector });
+  const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ""}${isDateTimeSelector ? ", " : ""}${isWithTimeInputs ? `${announcedTimeValues}` : ""}`;
+  const getDateMetaInfo = useCallback((newDateString = null, metaInfo = {}) => {
     const finalDateString = newDateString || tempDateString;
-    return _objectSpread(_objectSpread({}, metaInfo), getValidationDateStringMetaInfo(finalDateString, getIsOutOfRangeDay, getIsDisabledDay));
+    return {
+      ...metaInfo,
+      ...getValidationDateStringMetaInfo(finalDateString, getIsOutOfRangeDay, getIsDisabledDay)
+    };
   }, [tempDateString, getIsDisabledDay, getIsOutOfRangeDay]);
-  const getTimeMetaInfo = useCallback(function () {
-    let newTimeString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    let metaInfo = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const getTimeMetaInfo = useCallback((newTimeString = null, metaInfo = {}) => {
     const finalTimeString = newTimeString || tempTimeString;
-    return _objectSpread(_objectSpread({}, metaInfo), getValidationTimeStringMetaInfo(finalTimeString, getIsDisabledTime));
+    return {
+      ...metaInfo,
+      ...getValidationTimeStringMetaInfo(finalTimeString, getIsDisabledTime)
+    };
   }, [tempTimeString, getIsDisabledTime]);
   const handleChangeComposedDateTimeString = useCallback((newDateString, newTimeString, metaInfo) => {
-    const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;
-    const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;
-    appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos
-
+    const appDateString = isEmptyDateStringMask(newDateString) ? "" : newDateString;
+    const appTimeString = isEmptyTimeStringMask(newTimeString) ? "" : newTimeString;
+    appOnDateChange(appDateString, metaInfo);
     setTempDateString(newDateString);
-    appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos
-
+    appOnTimeChange(appTimeString, metaInfo);
     setTimeString(newTimeString);
-    const newDateTimeString = "".concat(newDateString, " ").concat(newTimeString);
-
-    const newMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, getTimeMetaInfo(newTimeString, metaInfo)), getDateMetaInfo(newDateString, metaInfo)), {}, {
+    const newDateTimeString = `${newDateString} ${newTimeString}`;
+    const newMetaInfo = {
+      ...getTimeMetaInfo(newTimeString, metaInfo),
+      ...getDateMetaInfo(newDateString, metaInfo),
       newDateString,
       newTimeString,
       newDateTimeString
-    });
-
-    const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos
+    };
+    const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? "" : newDateTimeString;
+    appOnDateTimeChange(appDateTimeString, newMetaInfo);
   }, [appOnDateChange, appOnTimeChange, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
   const handleChangeComposedDateString = useCallback((newDateString, metaInfo) => {
-    // if we receive an "empty" mask, we comunicate empty string to the app
-    const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;
-    appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos
-
+    const appDateString = isEmptyDateStringMask(newDateString) ? "" : newDateString;
+    appOnDateChange(appDateString, metaInfo);
     setTempDateString(newDateString);
-    const newDateTimeString = "".concat(newDateString, " ").concat(tempTimeString);
-
-    const newMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, getTimeMetaInfo(tempTimeString, metaInfo)), getDateMetaInfo(newDateString, metaInfo)), {}, {
+    const newDateTimeString = `${newDateString} ${tempTimeString}`;
+    const newMetaInfo = {
+      ...getTimeMetaInfo(tempTimeString, metaInfo),
+      ...getDateMetaInfo(newDateString, metaInfo),
       newDateString,
       newTimeString: tempTimeString,
       newDateTimeString
-    });
-
-    const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos
+    };
+    const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? "" : newDateTimeString;
+    appOnDateTimeChange(appDateTimeString, newMetaInfo);
   }, [appOnDateChange, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
   const handleChangeComposedTimeString = useCallback((newTimeString, metaInfo) => {
-    const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;
-    appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos
-
+    const appTimeString = isEmptyTimeStringMask(newTimeString) ? "" : newTimeString;
+    appOnTimeChange(appTimeString, metaInfo);
     setTimeString(newTimeString);
-    const newDateTimeString = "".concat(tempDateString, " ").concat(newTimeString);
-
-    const newMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, getTimeMetaInfo(newTimeString, metaInfo)), getDateMetaInfo(tempDateString, metaInfo)), {}, {
+    const newDateTimeString = `${tempDateString} ${newTimeString}`;
+    const newMetaInfo = {
+      ...getTimeMetaInfo(newTimeString, metaInfo),
+      ...getDateMetaInfo(tempDateString, metaInfo),
       newDateTimeString,
       newDateString: tempDateString,
       newTimeString
-    });
-
-    const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos
+    };
+    const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? "" : newDateTimeString;
+    appOnDateTimeChange(appDateTimeString, newMetaInfo);
   }, [appOnTimeChange, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
-  const handleChangeMonth = useCallback(function (newMonth, e) {
-    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultMetaInfo;
+  const handleChangeMonth = useCallback((newMonth, e, metaInfo = defaultMetaInfo) => {
     const newDateString = getFormattedDateString({
       month: newMonth,
       day,
       year
     });
-
-    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
+    const finalMetaInfo = {
+      ...metaInfo,
+      ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
       newDateString
-    });
-
+    };
     appOnMonthChange(newMonth, e, finalMetaInfo);
     handleChangeComposedDateString(newDateString, finalMetaInfo);
   }, [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString]);
-  const handleChangeDay = useCallback(function (newDay, e) {
-    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultMetaInfo;
+  const handleChangeDay = useCallback((newDay, e, metaInfo = defaultMetaInfo) => {
     const newDateString = getFormattedDateString({
       month,
       day: newDay,
       year
     });
-
-    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
+    const finalMetaInfo = {
+      ...metaInfo,
+      ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
       newDateString
-    });
-
+    };
     appOnDayChange(newDay, e, finalMetaInfo);
     handleChangeComposedDateString(newDateString, finalMetaInfo);
   }, [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString]);
-  const handleChangeYear = useCallback(function (newYear, e) {
-    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultMetaInfo;
+  const handleChangeYear = useCallback((newYear, e, metaInfo = defaultMetaInfo) => {
     const newDateString = getFormattedDateString({
       month,
       day,
       year: newYear
     });
-
-    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {}, {
+    const finalMetaInfo = {
+      ...metaInfo,
+      ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
       newDateString
-    });
-
+    };
     appOnYearChange(newYear, e, finalMetaInfo);
     handleChangeComposedDateString(newDateString, finalMetaInfo);
   }, [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString]);
-  const handleChangeHours = useCallback(function (newHours, e) {
-    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultMetaInfo;
+  const handleChangeHours = useCallback((newHours, e, metaInfo = defaultMetaInfo) => {
     const newTimeString = getFormattedTimeString({
       hours: newHours,
       minutes,
-      // seconds,
       meridiem
     });
-
-    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {}, {
+    const finalMetaInfo = {
+      ...metaInfo,
+      ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),
       newTimeString
-    });
-
+    };
     appOnHourChange(newHours, e, finalMetaInfo);
     handleChangeComposedTimeString(newTimeString, finalMetaInfo);
   }, [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString]);
-  const handleChangeMinutes = useCallback(function (newMinutes, e) {
-    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultMetaInfo;
+  const handleChangeMinutes = useCallback((newMinutes, e, metaInfo = defaultMetaInfo) => {
     const newTimeString = getFormattedTimeString({
       hours,
       minutes: newMinutes,
-      // seconds,
       meridiem
     });
-
-    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {}, {
+    const finalMetaInfo = {
+      ...metaInfo,
+      ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),
       newTimeString
-    });
-
+    };
     appOnMinuteChange(newMinutes, e, finalMetaInfo);
     handleChangeComposedTimeString(newTimeString, finalMetaInfo);
   }, [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString]);
-  const handleChangeMeridiem = useCallback(function (newMeridiem, e) {
-    let metaInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultMetaInfo;
+  const handleChangeMeridiem = useCallback((newMeridiem, e, metaInfo = defaultMetaInfo) => {
     const newTimeString = getFormattedTimeString({
       hours,
       minutes,
-      // seconds,
       meridiem: newMeridiem
     });
-
-    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread({}, metaInfo), getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {}, {
+    const finalMetaInfo = {
+      ...metaInfo,
+      ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),
       newTimeString
-    });
-
+    };
     appOnMeridiemChange(newMeridiem, e, finalMetaInfo);
     handleChangeComposedTimeString(newTimeString, finalMetaInfo);
   }, [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString]);
-  const handleClearAll = useCallback(e => {
+  const handleClearAll = useCallback((e) => {
     const metaInfo = {
       isAutomaticFillTrigger: false,
       isClearButtonAction: true,
-      newDateString: '',
-      newTimeString: '',
-      newDateTimeString: ''
+      newDateString: "",
+      newTimeString: "",
+      newDateTimeString: ""
     };
-
-    const datePartsChangesMetainfo = _objectSpread({}, metaInfo);
-
-    const timePartsChangesMetainfo = _objectSpread({}, metaInfo);
-
+    const datePartsChangesMetainfo = { ...metaInfo };
+    const timePartsChangesMetainfo = { ...metaInfo };
     if (isDateSelector || isDateTimeSelector) {
       delete datePartsChangesMetainfo.newDateTimeString;
       delete datePartsChangesMetainfo.newTimeString;
-      appOnMonthChange('', e, datePartsChangesMetainfo);
-      appOnDayChange('', e, datePartsChangesMetainfo);
-      appOnYearChange('', e, datePartsChangesMetainfo);
+      appOnMonthChange("", e, datePartsChangesMetainfo);
+      appOnDayChange("", e, datePartsChangesMetainfo);
+      appOnYearChange("", e, datePartsChangesMetainfo);
     }
-
     if (isTimeSelector || isDateTimeSelector) {
       delete timePartsChangesMetainfo.newDateTimeString;
       delete timePartsChangesMetainfo.newDateString;
-      appOnHourChange('', e, timePartsChangesMetainfo);
-      appOnMinuteChange('', e, timePartsChangesMetainfo);
-      appOnMeridiemChange('', e, timePartsChangesMetainfo);
+      appOnHourChange("", e, timePartsChangesMetainfo);
+      appOnMinuteChange("", e, timePartsChangesMetainfo);
+      appOnMeridiemChange("", e, timePartsChangesMetainfo);
     }
-
-    if (isDateTimeSelector) handleChangeComposedDateTimeString('__/__/____', '__:__ __', metaInfo);
-    if (isDateSelector) handleChangeComposedDateString('__/__/____', datePartsChangesMetainfo);
-    if (isTimeSelector) handleChangeComposedTimeString('__:__ __', timePartsChangesMetainfo);
-  }, [appOnDayChange, appOnHourChange, appOnMeridiemChange, appOnMinuteChange, appOnMonthChange, appOnYearChange, handleChangeComposedDateString, handleChangeComposedDateTimeString, handleChangeComposedTimeString, isDateSelector, isDateTimeSelector, isTimeSelector]);
-  const onFillWithCurrentDateKeys = useCallback(function () {
-    let metaInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      isAutomaticFillTrigger: true
-    };
+    if (isDateTimeSelector)
+      handleChangeComposedDateTimeString("__/__/____", "__:__ __", metaInfo);
+    if (isDateSelector)
+      handleChangeComposedDateString("__/__/____", datePartsChangesMetainfo);
+    if (isTimeSelector)
+      handleChangeComposedTimeString("__:__ __", timePartsChangesMetainfo);
+  }, [
+    appOnDayChange,
+    appOnHourChange,
+    appOnMeridiemChange,
+    appOnMinuteChange,
+    appOnMonthChange,
+    appOnYearChange,
+    handleChangeComposedDateString,
+    handleChangeComposedDateTimeString,
+    handleChangeComposedTimeString,
+    isDateSelector,
+    isDateTimeSelector,
+    isTimeSelector
+  ]);
+  const onFillWithCurrentDateKeys = useCallback((metaInfo = { isAutomaticFillTrigger: true }) => {
     const now = new Date();
     const nowDateString = getDateStringFromDay(now);
     const nowTimeString = getTimeStringFromDay(now);
-
-    const finalMetaInfo = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaInfo), getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay)), getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime)), {}, {
+    const finalMetaInfo = {
+      ...metaInfo,
+      ...getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),
+      ...getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime),
       newDateString: nowDateString
-    });
-
+    };
     handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);
   }, [getIsDisabledDay, getIsDisabledTime, getIsOutOfRangeDay, handleChangeComposedDateTimeString]);
-  const onGlobalKeyDown = useCallback(e => {
-    const {
-      key,
-      ctrlKey,
-      metaKey
-    } = e;
-
-    if ((ctrlKey || metaKey) && key === ';') {
+  const onGlobalKeyDown = useCallback((e) => {
+    const { key, ctrlKey, metaKey } = e;
+    if ((ctrlKey || metaKey) && key === ";") {
       onFillWithCurrentDateKeys();
     }
-
-    if ((ctrlKey || metaKey) && (key === 'Delete' || key === 'Backspace')) handleClearAll(e);
+    if ((ctrlKey || metaKey) && (key === "Delete" || key === "Backspace"))
+      handleClearAll(e);
   }, [handleClearAll, onFillWithCurrentDateKeys]);
-  const ctx = React.useMemo(() => ({
-    props: _objectSpread(_objectSpread({}, propsWithDefaults), {}, {
-      dataAttrs
-    }),
+  const ctx = React2.useMemo(() => ({
+    props: { ...propsWithDefaults, dataAttrs },
     monthInputRef,
     dayInputRef,
     yearInputRef,
@@ -443,9 +428,72 @@ const useControlledDateTimePicker = props => {
     announcedTimeValues,
     ariaCurrentValueForInputs,
     onGlobalKeyDown
-  }), [dataAttrs, propsWithDefaults, dateStringFromProps, tempDateString, tempTimeString, handleChangeComposedDateTimeString, handleChangeComposedDateString, handleChangeComposedTimeString, handleChangeMonth, handleChangeDay, handleChangeYear, handleChangeHours, handleChangeMinutes, handleChangeMeridiem, handleClearAll, hideDate, hideTime, hideDateTimePicker, hideDatePicker, hideTimePicker, isDateSelector, isTimeSelector, isDateTimeSelector, isControllerOnly, isWithTimeWheelToo, isWithCalendarToo, isWithDateInputs, isWithDateInputsOnly, isWithTimeInputs, isWithTimeInputsOnly, autoFocusMonthInput, autoFocusHourInput, autoFocusPrevMonthArrow, autoFocusHourTimeWheel, latestInteractionRegion, withAnyInputs, withAnyPicker, withClearBtn, withAnyRightController, shouldPreserveClearableSpace, month, day, year, monthNum, dayNum, yearNum, announcedMonth, announcedDay, announcedYear, announcedDateValues, hours, minutes, meridiem, hoursNum, minutesNum, announcedHours, announcedMinutes, announcedMeridiem, announcedTimeValues, ariaCurrentValueForInputs, onGlobalKeyDown] // refs are mutable so we don't need to listen to them
-  );
+  }), [
+    dataAttrs,
+    propsWithDefaults,
+    dateStringFromProps,
+    tempDateString,
+    tempTimeString,
+    handleChangeComposedDateTimeString,
+    handleChangeComposedDateString,
+    handleChangeComposedTimeString,
+    handleChangeMonth,
+    handleChangeDay,
+    handleChangeYear,
+    handleChangeHours,
+    handleChangeMinutes,
+    handleChangeMeridiem,
+    handleClearAll,
+    hideDate,
+    hideTime,
+    hideDateTimePicker,
+    hideDatePicker,
+    hideTimePicker,
+    isDateSelector,
+    isTimeSelector,
+    isDateTimeSelector,
+    isControllerOnly,
+    isWithTimeWheelToo,
+    isWithCalendarToo,
+    isWithDateInputs,
+    isWithDateInputsOnly,
+    isWithTimeInputs,
+    isWithTimeInputsOnly,
+    autoFocusMonthInput,
+    autoFocusHourInput,
+    autoFocusPrevMonthArrow,
+    autoFocusHourTimeWheel,
+    latestInteractionRegion,
+    withAnyInputs,
+    withAnyPicker,
+    withClearBtn,
+    withAnyRightController,
+    shouldPreserveClearableSpace,
+    month,
+    day,
+    year,
+    monthNum,
+    dayNum,
+    yearNum,
+    announcedMonth,
+    announcedDay,
+    announcedYear,
+    announcedDateValues,
+    hours,
+    minutes,
+    meridiem,
+    hoursNum,
+    minutesNum,
+    announcedHours,
+    announcedMinutes,
+    announcedMeridiem,
+    announcedTimeValues,
+    ariaCurrentValueForInputs,
+    onGlobalKeyDown
+  ]);
   return ctx;
 };
-
-export { useControlledDateTimePicker };
+export {
+  useControlledDateTimePicker
+};
+//# sourceMappingURL=useControlledDateTimePicker.js.map

package/esm/controlled-date-time-picker/config/useControlledDateTimePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-date-time-picker/config/useControlledDateTimePicker.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\n/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport React, { useRef, useState, useCallback, useMemo } from 'react';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useGetDestructuredValues } from './useGetDestructuredValues';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes';\nimport { useValidateProps } from './useValidateProps';\nimport { getValidationDateStringMetaInfo, getDateStringFromDay, getTimeStringFromDay } from '../utils/dateHelpers';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers';\nimport {\n  isEmptyDateStringMask,\n  isEmptyTimeStringMask,\n  isEmptyDateTimeStringMask,\n  dateTimeToTime,\n  dateTimeToDate,\n  getFormattedDateString,\n  getFormattedTimeString,\n} from '../utils/stringHelpers';\nimport type {\n  internalInputsChangeMetaInfo,\n  DateTimePickerPropsT,\n  ControlledDateTimePickerContextT,\n  latestInteractionRegionT,\n  onClearClickT,\n} from '../index.d';\nimport { defaultMetaInfo } from '../utils/constants';\n\nexport const useControlledDateTimePicker = (props: Partial<DateTimePickerPropsT>): ControlledDateTimePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n\n  // refs are used for \"auto-advance\" feature\n  const monthInputRef = useRef<HTMLInputElement>();\n  const dayInputRef = useRef<HTMLInputElement>();\n  const yearInputRef = useRef<HTMLInputElement>();\n  const hourInputRef = useRef<HTMLInputElement>();\n  const minutesInputRef = useRef<HTMLInputElement>();\n  const meridiemInputRef = useRef<HTMLInputElement>();\n  const clearButtonRef = useRef<HTMLButtonElement>();\n  const pickerButtonRef = useRef<HTMLButtonElement>();\n\n  const prevYearBtnRef = useRef<HTMLButtonElement>();\n  const prevMonthBtnRef = useRef<HTMLButtonElement>();\n  const nextMonthBtnRef = useRef<HTMLButtonElement>();\n  const nextYearBtnRef = useRef<HTMLButtonElement>();\n  const calendarDaysWrapperRef = useRef<HTMLDivElement>();\n\n  const prevHourBtnRef = useRef<HTMLButtonElement>();\n  const currHourBtnRef = useRef<HTMLButtonElement>();\n  const nextHourBtnRef = useRef<HTMLButtonElement>();\n  const prevMinutesBtnRef = useRef<HTMLButtonElement>();\n  const currMinutesBtnRef = useRef<HTMLButtonElement>();\n  const nextMinutesBtnRef = useRef<HTMLButtonElement>();\n  const prevMeridiemBtnRef = useRef<HTMLButtonElement>();\n  const currMeridiemBtnRef = useRef<HTMLButtonElement>();\n  const nextMeridiemBtnRef = useRef<HTMLButtonElement>();\n\n  const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);\n  const dataAttrs = getDataProps(props);\n  const {\n    type,\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    getIsDisabledTime,\n    isClearable,\n    autoFocus,\n    onDateChange: appOnDateChange,\n    onDateTimeChange: appOnDateTimeChange,\n    onTimeChange: appOnTimeChange,\n    onMonthChange: appOnMonthChange,\n    onDayChange: appOnDayChange,\n    onYearChange: appOnYearChange,\n    onHourChange: appOnHourChange,\n    onMinuteChange: appOnMinuteChange,\n    onMeridiemChange: appOnMeridiemChange,\n    date: appDate,\n    time: appTime,\n    dateTime: appDateTime,\n  } = propsWithDefaults;\n\n  const dateStringFromProps = useMemo(\n    () =>\n      propsWithDefaults.dateTime && propsWithDefaults.dateTime !== ''\n        ? dateTimeToDate(propsWithDefaults.dateTime)\n        : propsWithDefaults.date && propsWithDefaults.date !== ''\n        ? propsWithDefaults.date\n        : '__/__/____',\n    [propsWithDefaults.date, propsWithDefaults.dateTime],\n  );\n  // don't use tempDateString to trigger useEffect for onDateChange\n  // that is an anti-pattern and leads to a lot of issue\n  // if you don't believe me, check date-time-picker v1 which is doing it\n  const [tempDateString, setTempDateString] = useState(dateStringFromProps);\n\n  const timeStringFromProps = useMemo(\n    () =>\n      propsWithDefaults.dateTime && propsWithDefaults.dateTime !== ''\n        ? dateTimeToTime(propsWithDefaults.dateTime)\n        : propsWithDefaults.time && propsWithDefaults.time !== ''\n        ? propsWithDefaults.time\n        : '__:__ __',\n    [propsWithDefaults.time, propsWithDefaults.dateTime],\n  );\n  // don't use tempTimeString to trigger useEffect for onTimeChange\n  // that is an anti-pattern and leads to a lot of issue\n  // if you don't believe me, check date-time-picker v1 which is doing it\n  const [tempTimeString, setTimeString] = useState(timeStringFromProps);\n\n  const hideDate =\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.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;\n  const hideTime =\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.TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;\n  const hideDateTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const hideDatePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n  const hideTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const 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    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\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    type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\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    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n\n  const isControllerOnly =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const isWithTimeWheelToo =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const isWithCalendarToo =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n\n  const withAnyInputs = !hideDate || !hideTime;\n  const withAnyPicker = !hideDateTimePicker || !hideTimePicker || !hideDatePicker;\n  const withClearBtn =\n    isClearable &&\n    withAnyInputs &&\n    ((dateStringFromProps !== '__/__/____' && dateStringFromProps !== '') || // date is not \"empty-ish\"\n      (timeStringFromProps !== '__:__ __' && timeStringFromProps !== '')); // or time is not \"empty-ish\"\n\n  const isWithDateInputs = withAnyInputs && (isDateTimeSelector || isDateSelector);\n  const isWithDateInputsOnly = withAnyInputs && isDateSelector;\n  const isWithTimeInputs = withAnyInputs && (isDateTimeSelector || isTimeSelector);\n  const isWithTimeInputsOnly = withAnyInputs && isTimeSelector;\n\n  const autoFocusMonthInput = isWithDateInputs && autoFocus;\n  const autoFocusHourInput = isWithTimeInputsOnly && autoFocus;\n  const autoFocusPrevMonthArrow = isControllerOnly && autoFocus;\n  const autoFocusHourTimeWheel = isControllerOnly && isTimeSelector && autoFocus;\n\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n\n  const withAnyRightController = withAnyPicker || withClearBtn || shouldPreserveClearableSpace;\n\n  const [latestInteractionRegion, setLatestInteractionRegion] = useState<latestInteractionRegionT>('');\n\n  let firstSegmentRef = useRef<HTMLInputElement | HTMLButtonElement>();\n  if (isWithDateInputs) firstSegmentRef = monthInputRef;\n  else if (isWithTimeInputs) firstSegmentRef = hourInputRef;\n  else if (withAnyPicker) firstSegmentRef = pickerButtonRef;\n\n  let lastSegmentRef = useRef<HTMLInputElement | HTMLButtonElement>();\n  if (withAnyPicker) lastSegmentRef = pickerButtonRef;\n  else if (withClearBtn) lastSegmentRef = clearButtonRef;\n  else if (isWithTimeInputs) lastSegmentRef = meridiemInputRef;\n  else if (isWithDateInputs) lastSegmentRef = yearInputRef;\n\n  const {\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  } = useGetDestructuredValues({ date: appDate, time: appTime, dateTime: appDateTime, isDateTimeSelector });\n\n  const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ''}${\n    isDateTimeSelector ? ', ' : ''\n  }${isWithTimeInputs ? `${announcedTimeValues}` : ''}`;\n\n  const getDateMetaInfo = useCallback(\n    (newDateString = null, metaInfo = {}) => {\n      const finalDateString = newDateString || tempDateString;\n      return {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(finalDateString, getIsOutOfRangeDay, getIsDisabledDay),\n      };\n    },\n    [tempDateString, getIsDisabledDay, getIsOutOfRangeDay],\n  );\n  const getTimeMetaInfo = useCallback(\n    (newTimeString = null, metaInfo = {}) => {\n      const finalTimeString = newTimeString || tempTimeString;\n      return {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(finalTimeString, getIsDisabledTime),\n      };\n    },\n    [tempTimeString, getIsDisabledTime],\n  );\n\n  const handleChangeComposedDateTimeString = useCallback(\n    (newDateString, newTimeString, metaInfo) => {\n      const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;\n      const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;\n      appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTempDateString(newDateString);\n\n      appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTimeString(newTimeString);\n\n      const newDateTimeString = `${newDateString} ${newTimeString}`;\n      const newMetaInfo = {\n        ...getTimeMetaInfo(newTimeString, metaInfo),\n        ...getDateMetaInfo(newDateString, metaInfo),\n        newDateString,\n        newTimeString,\n        newDateTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [appOnDateChange, appOnTimeChange, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n  );\n  const handleChangeComposedDateString = useCallback(\n    (newDateString, metaInfo) => {\n      // if we receive an \"empty\" mask, we comunicate empty string to the app\n      const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;\n      appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos\n      setTempDateString(newDateString);\n      const newDateTimeString = `${newDateString} ${tempTimeString}`;\n      const newMetaInfo = {\n        ...getTimeMetaInfo(tempTimeString, metaInfo),\n        ...getDateMetaInfo(newDateString, metaInfo),\n        newDateString,\n        newTimeString: tempTimeString,\n        newDateTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [appOnDateChange, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n  );\n  const handleChangeComposedTimeString = useCallback(\n    (newTimeString, metaInfo) => {\n      const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;\n      appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos\n\n      setTimeString(newTimeString);\n      const newDateTimeString = `${tempDateString} ${newTimeString}`;\n      const newMetaInfo = {\n        ...getTimeMetaInfo(newTimeString, metaInfo),\n        ...getDateMetaInfo(tempDateString, metaInfo),\n        newDateTimeString,\n        newDateString: tempDateString,\n        newTimeString,\n      };\n\n      const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n      appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n    },\n    [appOnTimeChange, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n  );\n\n  const handleChangeMonth = useCallback(\n    (newMonth: string, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month: newMonth,\n        day,\n        year,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnMonthChange(newMonth, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString],\n  );\n  const handleChangeDay = useCallback(\n    (newDay, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day: newDay,\n        year,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnDayChange(newDay, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString],\n  );\n  const handleChangeYear = useCallback(\n    (newYear, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day,\n        year: newYear,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnYearChange(newYear, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString],\n  );\n\n  const handleChangeHours = useCallback(\n    (newHours, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours: newHours,\n        minutes,\n        // seconds,\n        meridiem,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnHourChange(newHours, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString],\n  );\n  const handleChangeMinutes = useCallback(\n    (newMinutes, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours,\n        minutes: newMinutes,\n        // seconds,\n        meridiem,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnMinuteChange(newMinutes, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString],\n  );\n  const handleChangeMeridiem = useCallback(\n    (newMeridiem, e, metaInfo = defaultMetaInfo) => {\n      const newTimeString = getFormattedTimeString({\n        hours,\n        minutes,\n        // seconds,\n        meridiem: newMeridiem,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n        newTimeString,\n      };\n      appOnMeridiemChange(newMeridiem, e, finalMetaInfo);\n      handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n    },\n    [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString],\n  );\n\n  const handleClearAll: onClearClickT = useCallback(\n    (e) => {\n      const metaInfo = {\n        isAutomaticFillTrigger: false,\n        isClearButtonAction: true,\n        newDateString: '',\n        newTimeString: '',\n        newDateTimeString: '',\n      };\n      const datePartsChangesMetainfo = { ...metaInfo };\n      const timePartsChangesMetainfo = { ...metaInfo };\n\n      if (isDateSelector || isDateTimeSelector) {\n        delete datePartsChangesMetainfo.newDateTimeString;\n        delete datePartsChangesMetainfo.newTimeString;\n        appOnMonthChange('', e, datePartsChangesMetainfo);\n        appOnDayChange('', e, datePartsChangesMetainfo);\n        appOnYearChange('', e, datePartsChangesMetainfo);\n      }\n      if (isTimeSelector || isDateTimeSelector) {\n        delete timePartsChangesMetainfo.newDateTimeString;\n        delete timePartsChangesMetainfo.newDateString;\n        appOnHourChange('', e, timePartsChangesMetainfo);\n        appOnMinuteChange('', e, timePartsChangesMetainfo);\n        appOnMeridiemChange('', e, timePartsChangesMetainfo);\n      }\n      if (isDateTimeSelector) handleChangeComposedDateTimeString('__/__/____', '__:__ __', metaInfo);\n      if (isDateSelector) handleChangeComposedDateString('__/__/____', datePartsChangesMetainfo);\n      if (isTimeSelector) handleChangeComposedTimeString('__:__ __', timePartsChangesMetainfo);\n    },\n    [\n      appOnDayChange,\n      appOnHourChange,\n      appOnMeridiemChange,\n      appOnMinuteChange,\n      appOnMonthChange,\n      appOnYearChange,\n      handleChangeComposedDateString,\n      handleChangeComposedDateTimeString,\n      handleChangeComposedTimeString,\n      isDateSelector,\n      isDateTimeSelector,\n      isTimeSelector,\n    ],\n  );\n\n  const onFillWithCurrentDateKeys = useCallback(\n    (metaInfo = { isAutomaticFillTrigger: true }) => {\n      const now = new Date();\n      const nowDateString = getDateStringFromDay(now);\n      const nowTimeString = getTimeStringFromDay(now);\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        ...getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime),\n        newDateString: nowDateString,\n      };\n      handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);\n    },\n    [getIsDisabledDay, getIsDisabledTime, getIsOutOfRangeDay, handleChangeComposedDateTimeString],\n  );\n\n  const onGlobalKeyDown = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      if ((ctrlKey || metaKey) && key === ';') {\n        onFillWithCurrentDateKeys();\n      }\n      if ((ctrlKey || metaKey) && (key === 'Delete' || key === 'Backspace')) handleClearAll(e);\n    },\n    [handleClearAll, onFillWithCurrentDateKeys],\n  );\n\n  const ctx = React.useMemo(\n    () => ({\n      props: { ...propsWithDefaults, dataAttrs },\n      monthInputRef,\n      dayInputRef,\n      yearInputRef,\n      hourInputRef,\n      minutesInputRef,\n      meridiemInputRef,\n      clearButtonRef,\n      pickerButtonRef,\n      prevYearBtnRef,\n      prevMonthBtnRef,\n      nextMonthBtnRef,\n      nextYearBtnRef,\n      calendarDaysWrapperRef,\n      prevHourBtnRef,\n      currHourBtnRef,\n      nextHourBtnRef,\n      prevMinutesBtnRef,\n      currMinutesBtnRef,\n      nextMinutesBtnRef,\n      prevMeridiemBtnRef,\n      currMeridiemBtnRef,\n      nextMeridiemBtnRef,\n      dateStringFromProps,\n      firstSegmentRef,\n      lastSegmentRef,\n      tempDateString,\n      setTempDateString,\n      tempTimeString,\n      setTimeString,\n      handleChangeComposedDateTimeString,\n      handleChangeComposedDateString,\n      handleChangeComposedTimeString,\n      handleChangeMonth,\n      handleChangeDay,\n      handleChangeYear,\n      handleChangeHours,\n      handleChangeMinutes,\n      handleChangeMeridiem,\n      handleClearAll,\n      hideDate,\n      hideTime,\n      hideDateTimePicker,\n      hideDatePicker,\n      hideTimePicker,\n      isDateSelector,\n      isTimeSelector,\n      isDateTimeSelector,\n      isControllerOnly,\n      isWithTimeWheelToo,\n      isWithCalendarToo,\n      isWithDateInputs,\n      isWithDateInputsOnly,\n      isWithTimeInputs,\n      isWithTimeInputsOnly,\n      autoFocusMonthInput,\n      autoFocusHourInput,\n      autoFocusPrevMonthArrow,\n      autoFocusHourTimeWheel,\n      latestInteractionRegion,\n      setLatestInteractionRegion,\n      withAnyInputs,\n      withAnyPicker,\n      withClearBtn,\n      withAnyRightController,\n      shouldPreserveClearableSpace,\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      ariaCurrentValueForInputs,\n      onGlobalKeyDown,\n    }),\n    [\n      dataAttrs,\n      propsWithDefaults,\n      dateStringFromProps,\n      tempDateString,\n      tempTimeString,\n      handleChangeComposedDateTimeString,\n      handleChangeComposedDateString,\n      handleChangeComposedTimeString,\n      handleChangeMonth,\n      handleChangeDay,\n      handleChangeYear,\n      handleChangeHours,\n      handleChangeMinutes,\n      handleChangeMeridiem,\n      handleClearAll,\n      hideDate,\n      hideTime,\n      hideDateTimePicker,\n      hideDatePicker,\n      hideTimePicker,\n      isDateSelector,\n      isTimeSelector,\n      isDateTimeSelector,\n      isControllerOnly,\n      isWithTimeWheelToo,\n      isWithCalendarToo,\n      isWithDateInputs,\n      isWithDateInputsOnly,\n      isWithTimeInputs,\n      isWithTimeInputsOnly,\n      autoFocusMonthInput,\n      autoFocusHourInput,\n      autoFocusPrevMonthArrow,\n      autoFocusHourTimeWheel,\n      latestInteractionRegion,\n      withAnyInputs,\n      withAnyPicker,\n      withClearBtn,\n      withAnyRightController,\n      shouldPreserveClearableSpace,\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      ariaCurrentValueForInputs,\n      onGlobalKeyDown,\n    ], // refs are mutable so we don't need to listen to them\n  );\n\n  return ctx;\n};\n"],
+  "mappings": "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",
+  "names": []
+}