@elliemae/ds-controlled-form 1.61.0 → 2.0.0-alpha.12

package/esm/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js

@@ -1,38 +1,33 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useCallback } from 'react';
 import { Styled2DigitsInput } from '../Styleds.js';
 import { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
 
-var validFirstDigits = ['a', 'A', 'p', 'P'];
-var validSecondDigits = ['m', 'M'];
+const validFirstDigits = ['a', 'A', 'p', 'P'];
+const validSecondDigits = ['m', 'M'];
 
-var isInvalidMeridiem = function isInvalidMeridiem(meridiem) {
+const isInvalidMeridiem = meridiem => {
   if (meridiem === '') return false;
-
-  var _meridiem$split = meridiem === null || meridiem === void 0 ? void 0 : meridiem.split(''),
-      _meridiem$split2 = _slicedToArray(_meridiem$split, 2),
-      firstDigit = _meridiem$split2[0],
-      secondDigit = _meridiem$split2[1];
-
-  var isValidFirstDigit = meridiem.length < 1 && !firstDigit || validFirstDigits.includes(firstDigit);
-  var isValidSecondDigit = !secondDigit || validSecondDigits.includes(secondDigit);
+  const [firstDigit, secondDigit] = meridiem === null || meridiem === void 0 ? void 0 : meridiem.split('');
+  const isValidFirstDigit = meridiem.length < 1 && !firstDigit || validFirstDigits.includes(firstDigit);
+  const isValidSecondDigit = !secondDigit || validSecondDigits.includes(secondDigit);
   return meridiem.length > 2 || !isValidFirstDigit || !isValidSecondDigit;
 };
 
-var MeridiemInput = /*#__PURE__*/React.memo(function (_ref) {
-  var onChange = _ref.onChange,
-      onBlur = _ref.onBlur,
-      onFocus = _ref.onFocus,
-      onKeyDown = _ref.onKeyDown,
-      value = _ref.value,
-      disabled = _ref.disabled,
-      placeholder = _ref.placeholder,
-      ariaCurrentValueForInputs = _ref.ariaCurrentValueForInputs,
-      contextRef = _ref.contextRef;
-  var validateOnChange = useCallback(function (e) {
+const MeridiemInput = /*#__PURE__*/React.memo(_ref => {
+  let {
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
+    disabled,
+    placeholder,
+    ariaCurrentValueForInputs,
+    contextRef
+  } = _ref;
+  const validateOnChange = useCallback(e => {
     var _e$target;
 
     if (isInvalidMeridiem(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value)) {
@@ -42,7 +37,7 @@ var MeridiemInput = /*#__PURE__*/React.memo(function (_ref) {
 
     onChange(e);
   }, [onChange]);
-  return /*#__PURE__*/React.createElement(Styled2DigitsInput, {
+  return /*#__PURE__*/jsx(Styled2DigitsInput, {
     onChange: validateOnChange,
     onBlur: onBlur,
     onFocus: onFocus,
@@ -58,4 +53,3 @@ var MeridiemInput = /*#__PURE__*/React.memo(function (_ref) {
 });
 
 export { MeridiemInput };
-//# sourceMappingURL=MeridiemInput.js.map

package/esm/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js

@@ -1,29 +1,29 @@
 import React, { useCallback } from 'react';
 import { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid.js';
 import { Styled2DigitsInput } from '../Styleds.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
 
-var regExpNumbers = /^[0-9]+$/;
+const regExpNumbers = /^[0-9]+$/;
 
-var isInvalidMinute = function isInvalidMinute(minutes) {
+const isInvalidMinute = minutes => {
   if (minutes === '') return false;
-  var numberOnly = regExpNumbers.test(minutes);
+  const numberOnly = regExpNumbers.test(minutes);
   return minutes.length > 2 || !numberOnly || Number.parseInt(minutes, 10) > 60;
 };
 
-var MinutesInput = /*#__PURE__*/React.memo(function (_ref) {
-  var onChange = _ref.onChange,
-      onBlur = _ref.onBlur,
-      onFocus = _ref.onFocus,
-      onKeyDown = _ref.onKeyDown,
-      value = _ref.value,
-      disabled = _ref.disabled,
-      placeholder = _ref.placeholder,
-      ariaCurrentValueForInputs = _ref.ariaCurrentValueForInputs,
-      contextRef = _ref.contextRef;
-  var validateOnChange = useCallback(function (e) {
+const MinutesInput = /*#__PURE__*/React.memo(_ref => {
+  let {
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
+    disabled,
+    placeholder,
+    ariaCurrentValueForInputs,
+    contextRef
+  } = _ref;
+  const validateOnChange = useCallback(e => {
     var _e$target;
 
     if (isInvalidMinute(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value)) {
@@ -33,7 +33,7 @@ var MinutesInput = /*#__PURE__*/React.memo(function (_ref) {
 
     onChange(e);
   }, [onChange]);
-  return /*#__PURE__*/React.createElement(Styled2DigitsInput, {
+  return /*#__PURE__*/jsx(Styled2DigitsInput, {
     onChange: validateOnChange,
     onBlur: onBlur,
     onFocus: onFocus,
@@ -49,4 +49,3 @@ var MinutesInput = /*#__PURE__*/React.memo(function (_ref) {
 });
 
 export { MinutesInput };
-//# sourceMappingURL=MinutesInput.js.map

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

@@ -1,4 +1,5 @@
-import React, { useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { Grid } from '@elliemae/ds-grid';
 import { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';
 import { HHInput } from './HHInput.js';
@@ -7,45 +8,42 @@ import { MeridiemInput } from './MeridiemInput.js';
 import { useTimeInputs } from './useTimeInputs.js';
 import { fixedValues } from '../config.js';
 import { StyledFocusWithIn, StyledColonSeparator, StyledSeparator } from '../Styleds.js';
-import '../../ControlledDateTimePickerTypes.js';
-import '../../ControlledDateTimePickerDatatestid.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../../utils/constants.js';
-import '../../utils/stringHelpers.js';
-import '../../utils/numberHelpers.js';
-import 'styled-components';
-import '@elliemae/ds-button';
 
-var TimeInputs = function TimeInputs() {
-  var _useTimeInputs = useTimeInputs(),
-      hours = _useTimeInputs.hours,
-      minutes = _useTimeInputs.minutes,
-      meridiem = _useTimeInputs.meridiem,
-      autoFocusHourInput = _useTimeInputs.autoFocusHourInput,
-      disabled = _useTimeInputs.disabled,
-      onHoursChange = _useTimeInputs.onHoursChange,
-      onMinutesChange = _useTimeInputs.onMinutesChange,
-      onMeridiemChange = _useTimeInputs.onMeridiemChange,
-      onHoursBlur = _useTimeInputs.onHoursBlur,
-      onMinutesBlur = _useTimeInputs.onMinutesBlur,
-      onMeridiemBlur = _useTimeInputs.onMeridiemBlur,
-      onHoursFocus = _useTimeInputs.onHoursFocus,
-      onMeridiemFocus = _useTimeInputs.onMeridiemFocus,
-      onMinutesFocus = _useTimeInputs.onMinutesFocus,
-      onHoursKeyDown = _useTimeInputs.onHoursKeyDown,
-      onMinutesKeyDown = _useTimeInputs.onMinutesKeyDown,
-      onMeridiemKeyDown = _useTimeInputs.onMeridiemKeyDown; // we do this here so HHInput,MinutesInput, MeridiemInput can be pure components memoized via React.memo
+var _StyledColonSeparator, _StyledSeparator;
+const TimeInputs = () => {
+  const {
+    hours,
+    minutes,
+    // seconds,
+    meridiem,
+    autoFocusHourInput,
+    disabled,
+    onHoursChange,
+    onMinutesChange,
+    // onSecondsChange,
+    onMeridiemChange,
+    onHoursBlur,
+    onMinutesBlur,
+    // onSecondsBlur,
+    onMeridiemBlur,
+    onHoursFocus,
+    onMeridiemFocus,
+    onMinutesFocus,
+    onHoursKeyDown,
+    onMinutesKeyDown,
+    // onSecondsKeyDown,
+    onMeridiemKeyDown
+  } = useTimeInputs(); // we do this here so HHInput,MinutesInput, MeridiemInput can be pure components memoized via React.memo
 
-
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      hourInputRef = _useContext.hourInputRef,
-      minutesInputRef = _useContext.minutesInputRef,
-      meridiemInputRef = _useContext.meridiemInputRef,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
-
-  return /*#__PURE__*/React.createElement(Grid, {
+  const {
+    hourInputRef,
+    minutesInputRef,
+    meridiemInputRef,
+    ariaCurrentValueForInputs
+  } = useContext(ControlledDateTimePickerContext);
+  return /*#__PURE__*/_jsx(Grid, {
     cols: [fixedValues.smallInputWidth, fixedValues.separatorWidth, fixedValues.smallInputWidth, fixedValues.separatorWidth, fixedValues.smallInputWidth]
-  }, /*#__PURE__*/React.createElement(StyledFocusWithIn, null, /*#__PURE__*/React.createElement(HHInput, {
+  }, void 0, /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(HHInput, {
     value: hours,
     onChange: onHoursChange,
     onBlur: onHoursBlur,
@@ -56,9 +54,9 @@ var TimeInputs = function TimeInputs() {
     ariaCurrentValueForInputs: ariaCurrentValueForInputs,
     autoFocusHourInput: autoFocusHourInput,
     disabled: disabled
-  })), /*#__PURE__*/React.createElement(StyledColonSeparator, {
+  })), _StyledColonSeparator || (_StyledColonSeparator = /*#__PURE__*/_jsx(StyledColonSeparator, {
     alignItems: "center"
-  }, ":"), /*#__PURE__*/React.createElement(StyledFocusWithIn, null, /*#__PURE__*/React.createElement(MinutesInput, {
+  }, void 0, ":")), /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(MinutesInput, {
     value: minutes,
     onChange: onMinutesChange,
     onBlur: onMinutesBlur,
@@ -68,7 +66,7 @@ var TimeInputs = function TimeInputs() {
     placeholder: "MM",
     ariaCurrentValueForInputs: ariaCurrentValueForInputs,
     disabled: disabled
-  })), /*#__PURE__*/React.createElement(StyledSeparator, null, " "), /*#__PURE__*/React.createElement(StyledFocusWithIn, null, /*#__PURE__*/React.createElement(MeridiemInput, {
+  })), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {}, void 0, " ")), /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(MeridiemInput, {
     value: meridiem,
     onChange: onMeridiemChange,
     onBlur: onMeridiemBlur,
@@ -82,4 +80,3 @@ var TimeInputs = function TimeInputs() {
 };
 
 export { TimeInputs };
-//# sourceMappingURL=TimeInputs.js.map

package/esm/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js

@@ -2,79 +2,79 @@ import { useContext, useCallback, useMemo } from 'react';
 import { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';
 import { homeEndArrowUpDownSemiKeys, homeEndArrowUpDownSpaceKeys, homeEndArrowUpDownKeys } from '../../utils/constants.js';
 import { prependStringWithPlaceHolders } from '../../utils/stringHelpers.js';
-import '../../ControlledDateTimePickerTypes.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../../utils/numberHelpers.js';
 
 /* eslint-disable complexity */
-var useTimeInputs = function useTimeInputs() {
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      _useContext$props = _useContext.props,
-      minutesInterval = _useContext$props.minutesInterval,
-      disabled = _useContext$props.disabled,
-      lastSegmentRef = _useContext.lastSegmentRef,
-      hours = _useContext.hours,
-      minutes = _useContext.minutes,
-      meridiem = _useContext.meridiem,
-      hideDate = _useContext.hideDate,
-      withAnyRightController = _useContext.withAnyRightController,
-      withAnyPicker = _useContext.withAnyPicker,
-      withClearBtn = _useContext.withClearBtn,
-      isWithDateInputs = _useContext.isWithDateInputs,
-      hourInputRef = _useContext.hourInputRef,
-      minutesInputRef = _useContext.minutesInputRef,
-      meridiemInputRef = _useContext.meridiemInputRef,
-      yearInputRef = _useContext.yearInputRef,
-      clearButtonRef = _useContext.clearButtonRef,
-      pickerButtonRef = _useContext.pickerButtonRef,
-      monthInputRef = _useContext.monthInputRef,
-      autoFocusHourInput = _useContext.autoFocusHourInput,
-      handleChangeHours = _useContext.handleChangeHours,
-      handleChangeMinutes = _useContext.handleChangeMinutes,
-      handleChangeMeridiem = _useContext.handleChangeMeridiem,
-      setLatestInteractionRegion = _useContext.setLatestInteractionRegion;
-
-  var setLatestInteractionRegionTimeInputs = useCallback(function () {
+const useTimeInputs = () => {
+  const {
+    props: {
+      minutesInterval,
+      disabled
+    },
+    lastSegmentRef,
+    hours,
+    minutes,
+    meridiem,
+    hideDate,
+    withAnyRightController,
+    withAnyPicker,
+    withClearBtn,
+    isWithDateInputs,
+    hourInputRef,
+    minutesInputRef,
+    meridiemInputRef,
+    yearInputRef,
+    clearButtonRef,
+    pickerButtonRef,
+    monthInputRef,
+    autoFocusHourInput,
+    handleChangeHours,
+    handleChangeMinutes,
+    handleChangeMeridiem,
+    setLatestInteractionRegion
+  } = useContext(ControlledDateTimePickerContext);
+  const setLatestInteractionRegionTimeInputs = useCallback(() => {
     setLatestInteractionRegion('time-inputs');
   }, [setLatestInteractionRegion]);
-  var onHomeKeyDown = useCallback(function () {
+  const onHomeKeyDown = useCallback(() => {
     var _monthInputRef$curren, _monthInputRef$curren2, _hourInputRef$current, _hourInputRef$current2;
 
     if (!hideDate) monthInputRef === null || monthInputRef === void 0 ? void 0 : (_monthInputRef$curren = monthInputRef.current) === null || _monthInputRef$curren === void 0 ? void 0 : (_monthInputRef$curren2 = _monthInputRef$curren.focus) === null || _monthInputRef$curren2 === void 0 ? void 0 : _monthInputRef$curren2.call(_monthInputRef$curren);else hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current = hourInputRef.current) === null || _hourInputRef$current === void 0 ? void 0 : (_hourInputRef$current2 = _hourInputRef$current.focus) === null || _hourInputRef$current2 === void 0 ? void 0 : _hourInputRef$current2.call(_hourInputRef$current);
   }, [hideDate, monthInputRef, hourInputRef]);
-  var onEndKeyDown = useCallback(function () {
+  const onEndKeyDown = useCallback(() => {
     var _pickerButtonRef$curr, _pickerButtonRef$curr2, _clearButtonRef$curre, _clearButtonRef$curre2, _meridiemInputRef$cur, _meridiemInputRef$cur2;
 
     if (withAnyPicker) pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr = pickerButtonRef.current) === null || _pickerButtonRef$curr === void 0 ? void 0 : (_pickerButtonRef$curr2 = _pickerButtonRef$curr.focus) === null || _pickerButtonRef$curr2 === void 0 ? void 0 : _pickerButtonRef$curr2.call(_pickerButtonRef$curr);else if (withClearBtn) clearButtonRef === null || clearButtonRef === void 0 ? void 0 : (_clearButtonRef$curre = clearButtonRef.current) === null || _clearButtonRef$curre === void 0 ? void 0 : (_clearButtonRef$curre2 = _clearButtonRef$curre.focus) === null || _clearButtonRef$curre2 === void 0 ? void 0 : _clearButtonRef$curre2.call(_clearButtonRef$curre);else meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);
   }, [withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef, meridiemInputRef]);
-  var onHoursFocus = useCallback(function () {
+  const onHoursFocus = useCallback(() => {
     setLatestInteractionRegionTimeInputs();
   }, [setLatestInteractionRegionTimeInputs]);
-  var onHoursChange = useCallback(function (e) {
+  const onHoursChange = useCallback(e => {
     var _e$target, _minutesInputRef$curr, _minutesInputRef$curr2;
 
-    var newHours = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value; // converts hours 2~9 to 07~09
+    let newHours = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value; // converts hours 2~9 to 07~09
 
     if (Number.parseInt(newHours, 10) > 1) newHours = prependStringWithPlaceHolders(newHours, 2);
     handleChangeHours(newHours, e); // auto-advance functionality:
 
     if (newHours.length === 2) minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr = minutesInputRef.current) === null || _minutesInputRef$curr === void 0 ? void 0 : (_minutesInputRef$curr2 = _minutesInputRef$curr.focus) === null || _minutesInputRef$curr2 === void 0 ? void 0 : _minutesInputRef$curr2.call(_minutesInputRef$curr);
   }, [minutesInputRef, handleChangeHours]);
-  var onHoursKeyDown = useCallback(function (e) {
+  const onHoursKeyDown = useCallback(e => {
     var _lastSegmentRef$curre, _lastSegmentRef$curre2;
 
-    var key = e.key,
-        ctrlKey = e.ctrlKey,
-        metaKey = e.metaKey;
-    var hoursStringConvertedToInteger = Number.parseInt(hours, 10);
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
+    const hoursStringConvertedToInteger = Number.parseInt(hours, 10);
     if (homeEndArrowUpDownSemiKeys.includes(key)) e.preventDefault();
     if (homeEndArrowUpDownSemiKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDown();
     if (key === 'End') onEndKeyDown();
 
     if (key === 'ArrowUp' || key === 'ArrowDown') {
-      var hoursInteger = Number.isNaN(hoursStringConvertedToInteger) ? 0 : hoursStringConvertedToInteger;
-      var newHours;
+      const hoursInteger = Number.isNaN(hoursStringConvertedToInteger) ? 0 : hoursStringConvertedToInteger;
+      let newHours;
       if (key === 'ArrowUp') newHours = hoursInteger + 1 <= 12 ? hoursInteger + 1 : hoursInteger;else newHours = hoursInteger - 1 > 1 ? hoursInteger - 1 : 1;
       newHours = prependStringWithPlaceHolders("".concat(newHours), 2);
       handleChangeHours(newHours, e);
@@ -83,11 +83,10 @@ var useTimeInputs = function useTimeInputs() {
     if (!Number.isNaN(hoursStringConvertedToInteger) && key === ':') {
       var _minutesInputRef$curr3, _minutesInputRef$curr4;
 
-      var _newHours = prependStringWithPlaceHolders("".concat(hoursStringConvertedToInteger), 2);
+      const newHours = prependStringWithPlaceHolders("".concat(hoursStringConvertedToInteger), 2);
+      handleChangeHours(newHours, e); // auto-advance functionality:
 
-      handleChangeHours(_newHours, e); // auto-advance functionality:
-
-      if (_newHours.length === 2) minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr3 = minutesInputRef.current) === null || _minutesInputRef$curr3 === void 0 ? void 0 : (_minutesInputRef$curr4 = _minutesInputRef$curr3.focus) === null || _minutesInputRef$curr4 === void 0 ? void 0 : _minutesInputRef$curr4.call(_minutesInputRef$curr3);
+      if (newHours.length === 2) minutesInputRef === null || minutesInputRef === void 0 ? void 0 : (_minutesInputRef$curr3 = minutesInputRef.current) === null || _minutesInputRef$curr3 === void 0 ? void 0 : (_minutesInputRef$curr4 = _minutesInputRef$curr3.focus) === null || _minutesInputRef$curr4 === void 0 ? void 0 : _minutesInputRef$curr4.call(_minutesInputRef$curr3);
     } // regressive backspace functionality
 
 
@@ -100,23 +99,23 @@ var useTimeInputs = function useTimeInputs() {
 
     if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre = lastSegmentRef.current) === null || _lastSegmentRef$curre === void 0 ? void 0 : (_lastSegmentRef$curre2 = _lastSegmentRef$curre.focus) === null || _lastSegmentRef$curre2 === void 0 ? void 0 : _lastSegmentRef$curre2.call(_lastSegmentRef$curre);
   }, [hours, onHomeKeyDown, onEndKeyDown, isWithDateInputs, lastSegmentRef, handleChangeHours, minutesInputRef, yearInputRef]);
-  var onHoursBlur = useCallback(function (e) {
+  const onHoursBlur = useCallback(e => {
     var _e$target2;
 
-    var newHours = e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value;
+    const newHours = e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value;
     if (newHours === '0') handleChangeHours('01', e, {
       isAutomaticFillTrigger: true
     });else if (newHours.length > 0 && newHours.length < 2) handleChangeHours(prependStringWithPlaceHolders(newHours, 2), e, {
       isAutomaticFillTrigger: true
     });
   }, [handleChangeHours]);
-  var onMinutesFocus = useCallback(function () {
+  const onMinutesFocus = useCallback(() => {
     setLatestInteractionRegionTimeInputs();
   }, [setLatestInteractionRegionTimeInputs]);
-  var onMinutesChange = useCallback(function (e) {
+  const onMinutesChange = useCallback(e => {
     var _e$target3, _meridiemInputRef$cur3, _meridiemInputRef$cur4;
 
-    var newMinutes = e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.value; // converts minutes 7~9 to 07~09
+    let newMinutes = e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.value; // converts minutes 7~9 to 07~09
 
     if (Number.parseInt(newMinutes, 10) > 6) newMinutes = prependStringWithPlaceHolders(newMinutes, 2);
     handleChangeMinutes(newMinutes, e); // auto-advance functionality:
@@ -124,21 +123,23 @@ var useTimeInputs = function useTimeInputs() {
 
     if (newMinutes.length === 2) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur3 = meridiemInputRef.current) === null || _meridiemInputRef$cur3 === void 0 ? void 0 : (_meridiemInputRef$cur4 = _meridiemInputRef$cur3.focus) === null || _meridiemInputRef$cur4 === void 0 ? void 0 : _meridiemInputRef$cur4.call(_meridiemInputRef$cur3);
   }, [meridiemInputRef, handleChangeMinutes]);
-  var onMinutesKeyDown = useCallback(function (e) {
+  const onMinutesKeyDown = useCallback(e => {
     var _lastSegmentRef$curre3, _lastSegmentRef$curre4;
 
-    var key = e.key,
-        ctrlKey = e.ctrlKey,
-        metaKey = e.metaKey;
-    var minutesStringConvertedToInteger = Number.parseInt(minutes, 10);
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
+    const minutesStringConvertedToInteger = Number.parseInt(minutes, 10);
     if (homeEndArrowUpDownSpaceKeys.includes(key)) e.preventDefault();
     if (homeEndArrowUpDownSpaceKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDown();
     if (key === 'End') onEndKeyDown();
 
     if (key === 'ArrowUp' || key === 'ArrowDown') {
-      var minutesInteger = Number.isNaN(minutesStringConvertedToInteger) ? 0 : minutesStringConvertedToInteger;
-      var newMinutes;
+      const minutesInteger = Number.isNaN(minutesStringConvertedToInteger) ? 0 : minutesStringConvertedToInteger;
+      let newMinutes;
       if (key === 'ArrowUp') newMinutes = minutesInteger + minutesInterval <= 59 ? minutesInteger + minutesInterval : minutesInteger;else newMinutes = minutesInteger - minutesInterval > 0 ? minutesInteger - minutesInterval : 0;
       newMinutes = prependStringWithPlaceHolders("".concat(newMinutes), 2);
       handleChangeMinutes(newMinutes, e);
@@ -147,12 +148,11 @@ var useTimeInputs = function useTimeInputs() {
     if (!Number.isNaN(minutesStringConvertedToInteger) && key === ' ') {
       var _meridiemInputRef$cur5, _meridiemInputRef$cur6;
 
-      var _newMinutes = prependStringWithPlaceHolders("".concat(minutesStringConvertedToInteger), 2);
-
-      handleChangeMinutes(_newMinutes, e); // auto-advance functionality:
+      const newMinutes = prependStringWithPlaceHolders("".concat(minutesStringConvertedToInteger), 2);
+      handleChangeMinutes(newMinutes, e); // auto-advance functionality:
       // if (newMinutes.length === 2) secondsInputRef?.current?.focus?.();
 
-      if (_newMinutes.length === 2) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur5 = meridiemInputRef.current) === null || _meridiemInputRef$cur5 === void 0 ? void 0 : (_meridiemInputRef$cur6 = _meridiemInputRef$cur5.focus) === null || _meridiemInputRef$cur6 === void 0 ? void 0 : _meridiemInputRef$cur6.call(_meridiemInputRef$cur5);
+      if (newMinutes.length === 2) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur5 = meridiemInputRef.current) === null || _meridiemInputRef$cur5 === void 0 ? void 0 : (_meridiemInputRef$cur6 = _meridiemInputRef$cur5.focus) === null || _meridiemInputRef$cur6 === void 0 ? void 0 : _meridiemInputRef$cur6.call(_meridiemInputRef$cur5);
     } // regressive backspace functionality
 
 
@@ -165,21 +165,21 @@ var useTimeInputs = function useTimeInputs() {
 
     if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre3 = lastSegmentRef.current) === null || _lastSegmentRef$curre3 === void 0 ? void 0 : (_lastSegmentRef$curre4 = _lastSegmentRef$curre3.focus) === null || _lastSegmentRef$curre4 === void 0 ? void 0 : _lastSegmentRef$curre4.call(_lastSegmentRef$curre3);
   }, [minutes, onHomeKeyDown, onEndKeyDown, lastSegmentRef, minutesInterval, handleChangeMinutes, meridiemInputRef, hourInputRef]);
-  var onMinutesBlur = useCallback(function (e) {
+  const onMinutesBlur = useCallback(e => {
     var _e$target4;
 
-    var newMinutes = e === null || e === void 0 ? void 0 : (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : _e$target4.value;
+    const newMinutes = e === null || e === void 0 ? void 0 : (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : _e$target4.value;
     if (newMinutes.length > 0 && newMinutes.length < 2) handleChangeMinutes(prependStringWithPlaceHolders(newMinutes, 2), e, {
       isAutomaticFillTrigger: true
     });
   }, [handleChangeMinutes]);
-  var onMeridiemFocus = useCallback(function () {
+  const onMeridiemFocus = useCallback(() => {
     setLatestInteractionRegionTimeInputs();
   }, [setLatestInteractionRegionTimeInputs]);
-  var onMeridiemChange = useCallback(function (e) {
+  const onMeridiemChange = useCallback(e => {
     var _e$target5, _e$target5$value, _e$target5$value$toUp;
 
-    var newMeridiem = e === null || e === void 0 ? void 0 : (_e$target5 = e.target) === null || _e$target5 === void 0 ? void 0 : (_e$target5$value = _e$target5.value) === null || _e$target5$value === void 0 ? void 0 : (_e$target5$value$toUp = _e$target5$value.toUpperCase) === null || _e$target5$value$toUp === void 0 ? void 0 : _e$target5$value$toUp.call(_e$target5$value); // if new value is length 1,
+    let newMeridiem = e === null || e === void 0 ? void 0 : (_e$target5 = e.target) === null || _e$target5 === void 0 ? void 0 : (_e$target5$value = _e$target5.value) === null || _e$target5$value === void 0 ? void 0 : (_e$target5$value$toUp = _e$target5$value.toUpperCase) === null || _e$target5$value$toUp === void 0 ? void 0 : _e$target5$value$toUp.call(_e$target5$value); // if new value is length 1,
     //   if previous value was empty, auto-complete
     //   if previous value was not empty, set to empty (regressive backspace)
 
@@ -192,12 +192,14 @@ var useTimeInputs = function useTimeInputs() {
       if (withClearBtn) (_clearButtonRef$curre3 = clearButtonRef.current) === null || _clearButtonRef$curre3 === void 0 ? void 0 : (_clearButtonRef$curre4 = _clearButtonRef$curre3.focus) === null || _clearButtonRef$curre4 === void 0 ? void 0 : _clearButtonRef$curre4.call(_clearButtonRef$curre3);else if (withAnyPicker) pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr3 = pickerButtonRef.current) === null || _pickerButtonRef$curr3 === void 0 ? void 0 : (_pickerButtonRef$curr4 = _pickerButtonRef$curr3.focus) === null || _pickerButtonRef$curr4 === void 0 ? void 0 : _pickerButtonRef$curr4.call(_pickerButtonRef$curr3);
     }
   }, [meridiem, handleChangeMeridiem, withAnyRightController, withClearBtn, clearButtonRef, withAnyPicker, pickerButtonRef]);
-  var onMeridiemKeyDown = useCallback(function (e) {
+  const onMeridiemKeyDown = useCallback(e => {
     var _lastSegmentRef$curre5, _lastSegmentRef$curre6;
 
-    var key = e.key,
-        ctrlKey = e.ctrlKey,
-        metaKey = e.metaKey;
+    const {
+      key,
+      ctrlKey,
+      metaKey
+    } = e;
     if (homeEndArrowUpDownKeys.includes(key)) e.preventDefault();
     if (homeEndArrowUpDownKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDown();
@@ -214,39 +216,36 @@ var useTimeInputs = function useTimeInputs() {
 
     if ((ctrlKey || metaKey) && key === ';') lastSegmentRef === null || lastSegmentRef === void 0 ? void 0 : (_lastSegmentRef$curre5 = lastSegmentRef.current) === null || _lastSegmentRef$curre5 === void 0 ? void 0 : (_lastSegmentRef$curre6 = _lastSegmentRef$curre5.focus) === null || _lastSegmentRef$curre6 === void 0 ? void 0 : _lastSegmentRef$curre6.call(_lastSegmentRef$curre5);
   }, [onHomeKeyDown, onEndKeyDown, meridiem, handleChangeMeridiem, lastSegmentRef, minutesInputRef]);
-  var onMeridiemBlur = useCallback(function (e) {
+  const onMeridiemBlur = useCallback(e => {
     var _e$target6, _e$target6$value, _e$target6$value$toUp;
 
-    var newMeridiem = e === null || e === void 0 ? void 0 : (_e$target6 = e.target) === null || _e$target6 === void 0 ? void 0 : (_e$target6$value = _e$target6.value) === null || _e$target6$value === void 0 ? void 0 : (_e$target6$value$toUp = _e$target6$value.toUpperCase) === null || _e$target6$value$toUp === void 0 ? void 0 : _e$target6$value$toUp.call(_e$target6$value);
+    const newMeridiem = e === null || e === void 0 ? void 0 : (_e$target6 = e.target) === null || _e$target6 === void 0 ? void 0 : (_e$target6$value = _e$target6.value) === null || _e$target6$value === void 0 ? void 0 : (_e$target6$value$toUp = _e$target6$value.toUpperCase) === null || _e$target6$value$toUp === void 0 ? void 0 : _e$target6$value$toUp.call(_e$target6$value);
     if (newMeridiem.length === 1) handleChangeMeridiem("".concat(newMeridiem, "M"), e, {
       isAutomaticFillTrigger: true
     });
   }, [handleChangeMeridiem]);
-  return useMemo(function () {
-    return {
-      hours: hours,
-      minutes: minutes,
-      meridiem: meridiem,
-      autoFocusHourInput: autoFocusHourInput,
-      disabled: disabled,
-      handleChangeHours: handleChangeHours,
-      onHoursFocus: onHoursFocus,
-      onHoursChange: onHoursChange,
-      handleChangeMinutes: handleChangeMinutes,
-      onMinutesFocus: onMinutesFocus,
-      onMinutesChange: onMinutesChange,
-      handleChangeMeridiem: handleChangeMeridiem,
-      onMeridiemFocus: onMeridiemFocus,
-      onMeridiemChange: onMeridiemChange,
-      onHoursBlur: onHoursBlur,
-      onMinutesBlur: onMinutesBlur,
-      onMeridiemBlur: onMeridiemBlur,
-      onHoursKeyDown: onHoursKeyDown,
-      onMinutesKeyDown: onMinutesKeyDown,
-      onMeridiemKeyDown: onMeridiemKeyDown
-    };
-  }, [hours, minutes, meridiem, autoFocusHourInput, disabled, handleChangeHours, onHoursFocus, onHoursChange, handleChangeMinutes, onMinutesFocus, onMinutesChange, handleChangeMeridiem, onMeridiemFocus, onMeridiemChange, onHoursBlur, onMinutesBlur, onMeridiemBlur, onHoursKeyDown, onMinutesKeyDown, onMeridiemKeyDown]);
+  return useMemo(() => ({
+    hours,
+    minutes,
+    meridiem,
+    autoFocusHourInput,
+    disabled,
+    handleChangeHours,
+    onHoursFocus,
+    onHoursChange,
+    handleChangeMinutes,
+    onMinutesFocus,
+    onMinutesChange,
+    handleChangeMeridiem,
+    onMeridiemFocus,
+    onMeridiemChange,
+    onHoursBlur,
+    onMinutesBlur,
+    onMeridiemBlur,
+    onHoursKeyDown,
+    onMinutesKeyDown,
+    onMeridiemKeyDown
+  }), [hours, minutes, meridiem, autoFocusHourInput, disabled, handleChangeHours, onHoursFocus, onHoursChange, handleChangeMinutes, onMinutesFocus, onMinutesChange, handleChangeMeridiem, onMeridiemFocus, onMeridiemChange, onHoursBlur, onMinutesBlur, onMeridiemBlur, onHoursKeyDown, onMinutesKeyDown, onMeridiemKeyDown]);
 };
 
 export { useTimeInputs };
-//# sourceMappingURL=useTimeInputs.js.map

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

@@ -1,8 +1,7 @@
-var fixedValues = {
+const fixedValues = {
   smallInputWidth: '28px',
   largeInputWidth: '40px',
   separatorWidth: '7px'
 };
 
 export { fixedValues };
-//# sourceMappingURL=config.js.map

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

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var propTypes = {
+const propTypes = {
   type: PropTypes.oneOf(['full-date-time', 'date-time-inputs', 'date-time-picker', 'date-time-picker-controller-only', 'full-date', 'date-inputs', 'date-picker', 'date-picker-controller-only', 'full-time', 'time-inputs', 'time-picker', 'time-picker-controller-only']).description('Type of time form control to use').defaultValue('full-date-time'),
   disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue('false'),
   isClearable: PropTypes.bool.description('with or without clearable button').defaultValue('false'),
@@ -21,8 +21,8 @@ var propTypes = {
   getIsDisabledTime: PropTypes.func.description('(timeAsString) => true for marking as disabled, false for marking as valid').defaultValue(''),
   emptyPickerStartingMonth: PropTypes.string.description('which month to start the calendar on open, when value is empty, string following the "MM/__/YYYY" pattern'),
   onCalendarOpenFocusedDay: PropTypes.string.description('which day to focus on calendar open when value is empty, string following the "MM/DD/YYYY" pattern').defaultValue('if value is empty current month, else month corresponding the month'),
-  minutesInterval: PropTypes.number.description('increments/decrements of minutes in time related controllers interactions').defaultValue('1')
+  minutesInterval: PropTypes.number.description('increments/decrements of minutes in time related controllers interactions').defaultValue('1'),
+  'data-testid': PropTypes.string.description('Unique id for tests.').defaultValue('')
 };
 
 export { propTypes };
-//# sourceMappingURL=propTypes.js.map