@elliemae/ds-controlled-form 2.3.1 → 3.0.0-alpha.3

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

@@ -0,0 +1,491 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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();
+  const hourInputRef = useRef();
+  const minutesInputRef = useRef();
+  const meridiemInputRef = useRef();
+  const clearButtonRef = useRef();
+  const pickerButtonRef = useRef();
+  const prevYearBtnRef = useRef();
+  const prevMonthBtnRef = useRef();
+  const nextMonthBtnRef = useRef();
+  const nextYearBtnRef = useRef();
+  const calendarDaysWrapperRef = useRef();
+  const prevHourBtnRef = useRef();
+  const currHourBtnRef = useRef();
+  const nextHourBtnRef = useRef();
+  const prevMinutesBtnRef = useRef();
+  const currMinutesBtnRef = useRef();
+  const nextMinutesBtnRef = useRef();
+  const prevMeridiemBtnRef = useRef();
+  const currMeridiemBtnRef = useRef();
+  const nextMeridiemBtnRef = useRef();
+  const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);
+  const dataAttrs = getDataProps(props);
+  const {
+    type,
+    getIsDisabledDay,
+    getIsOutOfRangeDay,
+    getIsDisabledTime,
+    isClearable,
+    autoFocus,
+    onDateChange: appOnDateChange,
+    onDateTimeChange: appOnDateTimeChange,
+    onTimeChange: appOnTimeChange,
+    onMonthChange: appOnMonthChange,
+    onDayChange: appOnDayChange,
+    onYearChange: appOnYearChange,
+    onHourChange: appOnHourChange,
+    onMinuteChange: appOnMinuteChange,
+    onMeridiemChange: appOnMeridiemChange,
+    date: appDate,
+    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]);
+  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]);
+  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;
+  const hideDateTimePicker = 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 hideDatePicker = type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;
+  const hideTimePicker = type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
+  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 || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;
+  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 || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
+  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 || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;
+  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
+  const isWithTimeWheelToo = 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 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 !== "" || timeStringFromProps !== "__:__ __" && timeStringFromProps !== "");
+  const isWithDateInputs = withAnyInputs && (isDateTimeSelector || isDateSelector);
+  const isWithDateInputsOnly = withAnyInputs && isDateSelector;
+  const isWithTimeInputs = withAnyInputs && (isDateTimeSelector || isTimeSelector);
+  const isWithTimeInputsOnly = withAnyInputs && isTimeSelector;
+  const autoFocusMonthInput = isWithDateInputs && autoFocus;
+  const autoFocusHourInput = isWithTimeInputsOnly && autoFocus;
+  const autoFocusPrevMonthArrow = isControllerOnly && autoFocus;
+  const autoFocusHourTimeWheel = isControllerOnly && isTimeSelector && autoFocus;
+  const shouldPreserveClearableSpace = isClearable && withAnyInputs;
+  const withAnyRightController = withAnyPicker || withClearBtn || shouldPreserveClearableSpace;
+  const [latestInteractionRegion, setLatestInteractionRegion] = useState("");
+  let firstSegmentRef = useRef();
+  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;
+  const {
+    month,
+    day,
+    year,
+    monthNum,
+    dayNum,
+    yearNum,
+    announcedMonth,
+    announcedDay,
+    announcedYear,
+    announcedDateValues,
+    hours,
+    minutes,
+    meridiem,
+    hoursNum,
+    minutesNum,
+    announcedHours,
+    announcedMinutes,
+    announcedMeridiem,
+    announcedTimeValues
+  } = 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 __spreadValues(__spreadValues({}, metaInfo), getValidationDateStringMetaInfo(finalDateString, getIsOutOfRangeDay, getIsDisabledDay));
+  }, [tempDateString, getIsDisabledDay, getIsOutOfRangeDay]);
+  const getTimeMetaInfo = useCallback((newTimeString = null, metaInfo = {}) => {
+    const finalTimeString = newTimeString || tempTimeString;
+    return __spreadValues(__spreadValues({}, 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);
+    setTempDateString(newDateString);
+    appOnTimeChange(appTimeString, metaInfo);
+    setTimeString(newTimeString);
+    const newDateTimeString = `${newDateString} ${newTimeString}`;
+    const newMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, getTimeMetaInfo(newTimeString, metaInfo)), getDateMetaInfo(newDateString, metaInfo)), {
+      newDateString,
+      newTimeString,
+      newDateTimeString
+    });
+    const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? "" : newDateTimeString;
+    appOnDateTimeChange(appDateTimeString, newMetaInfo);
+  }, [appOnDateChange, appOnTimeChange, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
+  const handleChangeComposedDateString = useCallback((newDateString, metaInfo) => {
+    const appDateString = isEmptyDateStringMask(newDateString) ? "" : newDateString;
+    appOnDateChange(appDateString, metaInfo);
+    setTempDateString(newDateString);
+    const newDateTimeString = `${newDateString} ${tempTimeString}`;
+    const newMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, getTimeMetaInfo(tempTimeString, metaInfo)), getDateMetaInfo(newDateString, metaInfo)), {
+      newDateString,
+      newTimeString: tempTimeString,
+      newDateTimeString
+    });
+    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);
+    setTimeString(newTimeString);
+    const newDateTimeString = `${tempDateString} ${newTimeString}`;
+    const newMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, getTimeMetaInfo(newTimeString, metaInfo)), getDateMetaInfo(tempDateString, metaInfo)), {
+      newDateTimeString,
+      newDateString: tempDateString,
+      newTimeString
+    });
+    const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? "" : newDateTimeString;
+    appOnDateTimeChange(appDateTimeString, newMetaInfo);
+  }, [appOnTimeChange, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
+  const handleChangeMonth = useCallback((newMonth, e, metaInfo = defaultMetaInfo) => {
+    const newDateString = getFormattedDateString({
+      month: newMonth,
+      day,
+      year
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
+      newDateString
+    });
+    appOnMonthChange(newMonth, e, finalMetaInfo);
+    handleChangeComposedDateString(newDateString, finalMetaInfo);
+  }, [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString]);
+  const handleChangeDay = useCallback((newDay, e, metaInfo = defaultMetaInfo) => {
+    const newDateString = getFormattedDateString({
+      month,
+      day: newDay,
+      year
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
+      newDateString
+    });
+    appOnDayChange(newDay, e, finalMetaInfo);
+    handleChangeComposedDateString(newDateString, finalMetaInfo);
+  }, [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString]);
+  const handleChangeYear = useCallback((newYear, e, metaInfo = defaultMetaInfo) => {
+    const newDateString = getFormattedDateString({
+      month,
+      day,
+      year: newYear
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
+      newDateString
+    });
+    appOnYearChange(newYear, e, finalMetaInfo);
+    handleChangeComposedDateString(newDateString, finalMetaInfo);
+  }, [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString]);
+  const handleChangeHours = useCallback((newHours, e, metaInfo = defaultMetaInfo) => {
+    const newTimeString = getFormattedTimeString({
+      hours: newHours,
+      minutes,
+      meridiem
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {
+      newTimeString
+    });
+    appOnHourChange(newHours, e, finalMetaInfo);
+    handleChangeComposedTimeString(newTimeString, finalMetaInfo);
+  }, [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString]);
+  const handleChangeMinutes = useCallback((newMinutes, e, metaInfo = defaultMetaInfo) => {
+    const newTimeString = getFormattedTimeString({
+      hours,
+      minutes: newMinutes,
+      meridiem
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {
+      newTimeString
+    });
+    appOnMinuteChange(newMinutes, e, finalMetaInfo);
+    handleChangeComposedTimeString(newTimeString, finalMetaInfo);
+  }, [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString]);
+  const handleChangeMeridiem = useCallback((newMeridiem, e, metaInfo = defaultMetaInfo) => {
+    const newTimeString = getFormattedTimeString({
+      hours,
+      minutes,
+      meridiem: newMeridiem
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime)), {
+      newTimeString
+    });
+    appOnMeridiemChange(newMeridiem, e, finalMetaInfo);
+    handleChangeComposedTimeString(newTimeString, finalMetaInfo);
+  }, [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString]);
+  const handleClearAll = useCallback((e) => {
+    const metaInfo = {
+      isAutomaticFillTrigger: false,
+      isClearButtonAction: true,
+      newDateString: "",
+      newTimeString: "",
+      newDateTimeString: ""
+    };
+    const datePartsChangesMetainfo = __spreadValues({}, metaInfo);
+    const timePartsChangesMetainfo = __spreadValues({}, metaInfo);
+    if (isDateSelector || isDateTimeSelector) {
+      delete datePartsChangesMetainfo.newDateTimeString;
+      delete datePartsChangesMetainfo.newTimeString;
+      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);
+    }
+    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 = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, 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 === ";") {
+      onFillWithCurrentDateKeys();
+    }
+    if ((ctrlKey || metaKey) && (key === "Delete" || key === "Backspace"))
+      handleClearAll(e);
+  }, [handleClearAll, onFillWithCurrentDateKeys]);
+  const ctx = React2.useMemo(() => ({
+    props: __spreadProps(__spreadValues({}, propsWithDefaults), { dataAttrs }),
+    monthInputRef,
+    dayInputRef,
+    yearInputRef,
+    hourInputRef,
+    minutesInputRef,
+    meridiemInputRef,
+    clearButtonRef,
+    pickerButtonRef,
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    calendarDaysWrapperRef,
+    prevHourBtnRef,
+    currHourBtnRef,
+    nextHourBtnRef,
+    prevMinutesBtnRef,
+    currMinutesBtnRef,
+    nextMinutesBtnRef,
+    prevMeridiemBtnRef,
+    currMeridiemBtnRef,
+    nextMeridiemBtnRef,
+    dateStringFromProps,
+    firstSegmentRef,
+    lastSegmentRef,
+    tempDateString,
+    setTempDateString,
+    tempTimeString,
+    setTimeString,
+    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,
+    setLatestInteractionRegion,
+    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
+  }), [
+    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
+};
+//# sourceMappingURL=useControlledDateTimePicker.js.map

package/dist/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": ";;;;;;;;;;;;;;;;;;;AAAA;ACKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AAEO,MAAM,8BAA8B,CAAC,UAA2E;AAErH,mBAAiB;AAGjB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AACpB,QAAM,eAAe;AACrB,QAAM,eAAe;AACrB,QAAM,kBAAkB;AACxB,QAAM,mBAAmB;AACzB,QAAM,iBAAiB;AACvB,QAAM,kBAAkB;AAExB,QAAM,iBAAiB;AACvB,QAAM,kBAAkB;AACxB,QAAM,kBAAkB;AACxB,QAAM,iBAAiB;AACvB,QAAM,yBAAyB;AAE/B,QAAM,iBAAiB;AACvB,QAAM,iBAAiB;AACvB,QAAM,iBAAiB;AACvB,QAAM,oBAAoB;AAC1B,QAAM,oBAAoB;AAC1B,QAAM,oBAAoB;AAC1B,QAAM,qBAAqB;AAC3B,QAAM,qBAAqB;AAC3B,QAAM,qBAAqB;AAE3B,QAAM,oBAAoB,kCAAkC;AAC5D,QAAM,YAAY,aAAa;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,MACR;AAEJ,QAAM,sBAAsB,QAC1B,MACE,kBAAkB,YAAY,kBAAkB,aAAa,KACzD,eAAe,kBAAkB,YACjC,kBAAkB,QAAQ,kBAAkB,SAAS,KACrD,kBAAkB,OAClB,cACN,CAAC,kBAAkB,MAAM,kBAAkB;AAK7C,QAAM,CAAC,gBAAgB,qBAAqB,SAAS;AAErD,QAAM,sBAAsB,QAC1B,MACE,kBAAkB,YAAY,kBAAkB,aAAa,KACzD,eAAe,kBAAkB,YACjC,kBAAkB,QAAQ,kBAAkB,SAAS,KACrD,kBAAkB,OAClB,YACN,CAAC,kBAAkB,MAAM,kBAAkB;AAK7C,QAAM,CAAC,gBAAgB,iBAAiB,SAAS;AAEjD,QAAM,WACJ,SAAS,kCAAkC,UAAU,QACrD,SAAS,kCAAkC,UAAU,UACrD,SAAS,kCAAkC,KAAK,QAChD,SAAS,kCAAkC,KAAK;AAClD,QAAM,WACJ,SAAS,kCAAkC,UAAU,QACrD,SAAS,kCAAkC,UAAU,UACrD,SAAS,kCAAkC,KAAK,QAChD,SAAS,kCAAkC,KAAK;AAClD,QAAM,qBACJ,SAAS,kCAAkC,UAAU,QACrD,SAAS,kCAAkC,UAAU,UACrD,SAAS,kCAAkC,UAAU;AACvD,QAAM,iBACJ,SAAS,kCAAkC,KAAK,QAChD,SAAS,kCAAkC,KAAK,UAChD,SAAS,kCAAkC,KAAK;AAClD,QAAM,iBACJ,SAAS,kCAAkC,KAAK,QAChD,SAAS,kCAAkC,KAAK,UAChD,SAAS,kCAAkC,KAAK;AAClD,QAAM,iBACJ,SAAS,kCAAkC,KAAK,QAChD,SAAS,kCAAkC,KAAK,UAChD,SAAS,kCAAkC,KAAK,UAChD,SAAS,kCAAkC,KAAK;AAClD,QAAM,iBACJ,SAAS,kCAAkC,KAAK,QAChD,SAAS,kCAAkC,KAAK,UAChD,SAAS,kCAAkC,KAAK,UAChD,SAAS,kCAAkC,KAAK;AAClD,QAAM,qBACJ,SAAS,kCAAkC,UAAU,QACrD,SAAS,kCAAkC,UAAU,UACrD,SAAS,kCAAkC,UAAU,UACrD,SAAS,kCAAkC,UAAU;AAEvD,QAAM,mBACJ,SAAS,kCAAkC,UAAU,mBACrD,SAAS,kCAAkC,KAAK,mBAChD,SAAS,kCAAkC,KAAK;AAClD,QAAM,qBACJ,SAAS,kCAAkC,UAAU,QACrD,SAAS,kCAAkC,UAAU,UACrD,SAAS,kCAAkC,UAAU;AACvD,QAAM,oBACJ,SAAS,kCAAkC,UAAU,QACrD,SAAS,kCAAkC,UAAU,UACrD,SAAS,kCAAkC,UAAU;AAEvD,QAAM,gBAAgB,CAAC,YAAY,CAAC;AACpC,QAAM,gBAAgB,CAAC,sBAAsB,CAAC,kBAAkB,CAAC;AACjE,QAAM,eACJ,eACA,iBACE,yBAAwB,gBAAgB,wBAAwB,MAC/D,wBAAwB,cAAc,wBAAwB;AAEnE,QAAM,mBAAmB,iBAAkB,uBAAsB;AACjE,QAAM,uBAAuB,iBAAiB;AAC9C,QAAM,mBAAmB,iBAAkB,uBAAsB;AACjE,QAAM,uBAAuB,iBAAiB;AAE9C,QAAM,sBAAsB,oBAAoB;AAChD,QAAM,qBAAqB,wBAAwB;AACnD,QAAM,0BAA0B,oBAAoB;AACpD,QAAM,yBAAyB,oBAAoB,kBAAkB;AAErE,QAAM,+BAA+B,eAAe;AAEpD,QAAM,yBAAyB,iBAAiB,gBAAgB;AAEhE,QAAM,CAAC,yBAAyB,8BAA8B,SAAmC;AAEjG,MAAI,kBAAkB;AACtB,MAAI;AAAkB,sBAAkB;AAAA,WAC/B;AAAkB,sBAAkB;AAAA,WACpC;AAAe,sBAAkB;AAE1C,MAAI,iBAAiB;AACrB,MAAI;AAAe,qBAAiB;AAAA,WAC3B;AAAc,qBAAiB;AAAA,WAC/B;AAAkB,qBAAiB;AAAA,WACnC;AAAkB,qBAAiB;AAE5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,yBAAyB,EAAE,MAAM,SAAS,MAAM,SAAS,UAAU,aAAa;AAEpF,QAAM,4BAA4B,mBAAmB,mBAAmB,GAAG,wBAAwB,KACjG,qBAAqB,OAAO,KAC3B,mBAAmB,GAAG,wBAAwB;AAEjD,QAAM,kBAAkB,YACtB,CAAC,gBAAgB,MAAM,WAAW,OAAO;AACvC,UAAM,kBAAkB,iBAAiB;AACzC,WAAO,kCACF,WACA,gCAAgC,iBAAiB,oBAAoB;AAAA,KAG5E,CAAC,gBAAgB,kBAAkB;AAErC,QAAM,kBAAkB,YACtB,CAAC,gBAAgB,MAAM,WAAW,OAAO;AACvC,UAAM,kBAAkB,iBAAiB;AACzC,WAAO,kCACF,WACA,gCAAgC,iBAAiB;AAAA,KAGxD,CAAC,gBAAgB;AAGnB,QAAM,qCAAqC,YACzC,CAAC,eAAe,eAAe,aAAa;AAC1C,UAAM,gBAAgB,sBAAsB,iBAAiB,KAAK;AAClE,UAAM,gBAAgB,sBAAsB,iBAAiB,KAAK;AAClE,oBAAgB,eAAe;AAC/B,sBAAkB;AAElB,oBAAgB,eAAe;AAC/B,kBAAc;AAEd,UAAM,oBAAoB,GAAG,iBAAiB;AAC9C,UAAM,cAAc,gDACf,gBAAgB,eAAe,YAC/B,gBAAgB,eAAe,YAFhB;AAAA,MAGlB;AAAA,MACA;AAAA,MACA;AAAA;AAGF,UAAM,oBAAoB,0BAA0B,qBAAqB,KAAK;AAC9E,wBAAoB,mBAAmB;AAAA,KAEzC,CAAC,iBAAiB,iBAAiB,iBAAiB,iBAAiB;AAEvE,QAAM,iCAAiC,YACrC,CAAC,eAAe,aAAa;AAE3B,UAAM,gBAAgB,sBAAsB,iBAAiB,KAAK;AAClE,oBAAgB,eAAe;AAC/B,sBAAkB;AAClB,UAAM,oBAAoB,GAAG,iBAAiB;AAC9C,UAAM,cAAc,gDACf,gBAAgB,gBAAgB,YAChC,gBAAgB,eAAe,YAFhB;AAAA,MAGlB;AAAA,MACA,eAAe;AAAA,MACf;AAAA;AAGF,UAAM,oBAAoB,0BAA0B,qBAAqB,KAAK;AAC9E,wBAAoB,mBAAmB;AAAA,KAEzC,CAAC,iBAAiB,gBAAgB,iBAAiB,iBAAiB;AAEtE,QAAM,iCAAiC,YACrC,CAAC,eAAe,aAAa;AAC3B,UAAM,gBAAgB,sBAAsB,iBAAiB,KAAK;AAClE,oBAAgB,eAAe;AAE/B,kBAAc;AACd,UAAM,oBAAoB,GAAG,kBAAkB;AAC/C,UAAM,cAAc,gDACf,gBAAgB,eAAe,YAC/B,gBAAgB,gBAAgB,YAFjB;AAAA,MAGlB;AAAA,MACA,eAAe;AAAA,MACf;AAAA;AAGF,UAAM,oBAAoB,0BAA0B,qBAAqB,KAAK;AAC9E,wBAAoB,mBAAmB;AAAA,KAEzC,CAAC,iBAAiB,gBAAgB,iBAAiB,iBAAiB;AAGtE,QAAM,oBAAoB,YACxB,CAAC,UAAkB,GAAG,WAAW,oBAAoB;AACnD,UAAM,gBAAgB,uBAAuB;AAAA,MAC3C,OAAO;AAAA,MACP;AAAA,MACA;AAAA;AAEF,UAAM,gBAA8C,gDAC/C,WACA,gCAAgC,eAAe,oBAAoB,oBAFpB;AAAA,MAGlD;AAAA;AAEF,qBAAiB,UAAU,GAAG;AAC9B,mCAA+B,eAAe;AAAA,KAEhD,CAAC,KAAK,MAAM,oBAAoB,kBAAkB,kBAAkB;AAEtE,QAAM,kBAAkB,YACtB,CAAC,QAAQ,GAAG,WAAW,oBAAoB;AACzC,UAAM,gBAAgB,uBAAuB;AAAA,MAC3C;AAAA,MACA,KAAK;AAAA,MACL;AAAA;AAEF,UAAM,gBAA8C,gDAC/C,WACA,gCAAgC,eAAe,oBAAoB,oBAFpB;AAAA,MAGlD;AAAA;AAEF,mBAAe,QAAQ,GAAG;AAC1B,mCAA+B,eAAe;AAAA,KAEhD,CAAC,OAAO,MAAM,oBAAoB,kBAAkB,gBAAgB;AAEtE,QAAM,mBAAmB,YACvB,CAAC,SAAS,GAAG,WAAW,oBAAoB;AAC1C,UAAM,gBAAgB,uBAAuB;AAAA,MAC3C;AAAA,MACA;AAAA,MACA,MAAM;AAAA;AAER,UAAM,gBAA8C,gDAC/C,WACA,gCAAgC,eAAe,oBAAoB,oBAFpB;AAAA,MAGlD;AAAA;AAEF,oBAAgB,SAAS,GAAG;AAC5B,mCAA+B,eAAe;AAAA,KAEhD,CAAC,OAAO,KAAK,oBAAoB,kBAAkB,iBAAiB;AAGtE,QAAM,oBAAoB,YACxB,CAAC,UAAU,GAAG,WAAW,oBAAoB;AAC3C,UAAM,gBAAgB,uBAAuB;AAAA,MAC3C,OAAO;AAAA,MACP;AAAA,MAEA;AAAA;AAEF,UAAM,gBAA8C,gDAC/C,WACA,gCAAgC,eAAe,qBAFA;AAAA,MAGlD;AAAA;AAEF,oBAAgB,UAAU,GAAG;AAC7B,mCAA+B,eAAe;AAAA,KAEhD,CAAC,SAAS,UAAU,mBAAmB,iBAAiB;AAE1D,QAAM,sBAAsB,YAC1B,CAAC,YAAY,GAAG,WAAW,oBAAoB;AAC7C,UAAM,gBAAgB,uBAAuB;AAAA,MAC3C;AAAA,MACA,SAAS;AAAA,MAET;AAAA;AAEF,UAAM,gBAA8C,gDAC/C,WACA,gCAAgC,eAAe,qBAFA;AAAA,MAGlD;AAAA;AAEF,sBAAkB,YAAY,GAAG;AACjC,mCAA+B,eAAe;AAAA,KAEhD,CAAC,OAAO,UAAU,mBAAmB,mBAAmB;AAE1D,QAAM,uBAAuB,YAC3B,CAAC,aAAa,GAAG,WAAW,oBAAoB;AAC9C,UAAM,gBAAgB,uBAAuB;AAAA,MAC3C;AAAA,MACA;AAAA,MAEA,UAAU;AAAA;AAEZ,UAAM,gBAA8C,gDAC/C,WACA,gCAAgC,eAAe,qBAFA;AAAA,MAGlD;AAAA;AAEF,wBAAoB,aAAa,GAAG;AACpC,mCAA+B,eAAe;AAAA,KAEhD,CAAC,OAAO,SAAS,mBAAmB,qBAAqB;AAG3D,QAAM,iBAAgC,YACpC,CAAC,MAAM;AACL,UAAM,WAAW;AAAA,MACf,wBAAwB;AAAA,MACxB,qBAAqB;AAAA,MACrB,eAAe;AAAA,MACf,eAAe;AAAA,MACf,mBAAmB;AAAA;AAErB,UAAM,2BAA2B,mBAAK;AACtC,UAAM,2BAA2B,mBAAK;AAEtC,QAAI,kBAAkB,oBAAoB;AACxC,aAAO,yBAAyB;AAChC,aAAO,yBAAyB;AAChC,uBAAiB,IAAI,GAAG;AACxB,qBAAe,IAAI,GAAG;AACtB,sBAAgB,IAAI,GAAG;AAAA;AAEzB,QAAI,kBAAkB,oBAAoB;AACxC,aAAO,yBAAyB;AAChC,aAAO,yBAAyB;AAChC,sBAAgB,IAAI,GAAG;AACvB,wBAAkB,IAAI,GAAG;AACzB,0BAAoB,IAAI,GAAG;AAAA;AAE7B,QAAI;AAAoB,yCAAmC,cAAc,YAAY;AACrF,QAAI;AAAgB,qCAA+B,cAAc;AACjE,QAAI;AAAgB,qCAA+B,YAAY;AAAA,KAEjE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,QAAM,4BAA4B,YAChC,CAAC,WAAW,EAAE,wBAAwB,WAAW;AAC/C,UAAM,MAAM,IAAI;AAChB,UAAM,gBAAgB,qBAAqB;AAC3C,UAAM,gBAAgB,qBAAqB;AAC3C,UAAM,gBAA8C,+DAC/C,WACA,gCAAgC,eAAe,oBAAoB,oBACnE,gCAAgC,eAAe,qBAHA;AAAA,MAIlD,eAAe;AAAA;AAEjB,uCAAmC,eAAe,eAAe;AAAA,KAEnE,CAAC,kBAAkB,mBAAmB,oBAAoB;AAG5D,QAAM,kBAAkB,YACtB,CAAC,MAAM;AACL,UAAM,EAAE,KAAK,SAAS,YAAY;AAClC,QAAK,YAAW,YAAY,QAAQ,KAAK;AACvC;AAAA;AAEF,QAAK,YAAW,YAAa,SAAQ,YAAY,QAAQ;AAAc,qBAAe;AAAA,KAExF,CAAC,gBAAgB;AAGnB,QAAM,MAAM,OAAM,QAChB,MAAO;AAAA,IACL,OAAO,iCAAK,oBAAL,EAAwB;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
+  "names": []
+}