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

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

@@ -1,47 +1,48 @@
 import { useContext, useCallback, useMemo } from 'react';
 import { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';
-import '../../ControlledDateTimePickerTypes.js';
 
 /* eslint-disable max-statements */
-var useClearButton = function useClearButton() {
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      handleClearAll = _useContext.handleClearAll,
-      clearButtonRef = _useContext.clearButtonRef,
-      withAnyPicker = _useContext.withAnyPicker,
-      withClearBtn = _useContext.withClearBtn,
-      withAnyInputs = _useContext.withAnyInputs,
-      isWithTimeInputs = _useContext.isWithTimeInputs,
-      isWithDateInputs = _useContext.isWithDateInputs,
-      isTimeSelector = _useContext.isTimeSelector,
-      hourInputRef = _useContext.hourInputRef,
-      monthInputRef = _useContext.monthInputRef,
-      pickerButtonRef = _useContext.pickerButtonRef,
-      meridiemInputRef = _useContext.meridiemInputRef,
-      yearInputRef = _useContext.yearInputRef,
-      setLatestInteractionRegion = _useContext.setLatestInteractionRegion;
-
-  var focusFirstRegion = useCallback(function () {
+const useClearButton = () => {
+  const {
+    handleClearAll,
+    clearButtonRef,
+    withAnyPicker,
+    withClearBtn,
+    withAnyInputs,
+    isWithTimeInputs,
+    isWithDateInputs,
+    isTimeSelector,
+    hourInputRef,
+    monthInputRef,
+    pickerButtonRef,
+    meridiemInputRef,
+    yearInputRef,
+    setLatestInteractionRegion
+  } = useContext(ControlledDateTimePickerContext);
+  const focusFirstRegion = useCallback(() => {
     var _hourInputRef$current, _hourInputRef$current2, _monthInputRef$curren, _monthInputRef$curren2;
 
     if (withAnyInputs) if (isTimeSelector) 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);else 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);
   }, [withAnyInputs, isTimeSelector, hourInputRef, monthInputRef]);
-  var onClearClick = useCallback(function (e) {
+  const onClearClick = useCallback(e => {
     handleClearAll(e);
     setLatestInteractionRegion('clear-btn');
     focusFirstRegion();
   }, [focusFirstRegion, handleClearAll, setLatestInteractionRegion]);
-  var onHomeKeyDown = useCallback(function () {
+  const onHomeKeyDown = useCallback(() => {
     focusFirstRegion();
   }, [focusFirstRegion]);
-  var onEndKeyDown = useCallback(function () {
+  const onEndKeyDown = useCallback(() => {
     var _pickerButtonRef$curr, _pickerButtonRef$curr2;
 
     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);
   }, [withAnyPicker, pickerButtonRef]);
-  var onClearButtonKeyDown = useCallback(function (e) {
-    var key = e.key;
-    var preventDefaultKeys = ['Home', 'End'];
-    var stopPropagationKeys = ['Home', 'End'];
+  const onClearButtonKeyDown = useCallback(e => {
+    const {
+      key
+    } = e;
+    const preventDefaultKeys = ['Home', 'End'];
+    const stopPropagationKeys = ['Home', 'End'];
     if (preventDefaultKeys.includes(key)) e.preventDefault();
     if (stopPropagationKeys.includes(key)) e.stopPropagation();
     if (key === 'Home') onHomeKeyDown();
@@ -53,16 +54,13 @@ var useClearButton = function useClearButton() {
       if (isWithTimeInputs) 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);else if (isWithDateInputs) yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
     }
   }, [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onEndKeyDown, onHomeKeyDown, withAnyInputs, yearInputRef]);
-  return useMemo(function () {
-    return {
-      onClearClick: onClearClick,
-      onClearButtonKeyDown: onClearButtonKeyDown,
-      clearButtonRef: clearButtonRef,
-      withAnyPicker: withAnyPicker,
-      withClearBtn: withClearBtn
-    };
-  }, [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
+  return useMemo(() => ({
+    onClearClick,
+    onClearButtonKeyDown,
+    clearButtonRef,
+    withAnyPicker,
+    withClearBtn
+  }), [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
 };
 
 export { useClearButton };
-//# sourceMappingURL=useClearButton.js.map

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

@@ -1,3 +1,10 @@
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import { Grid } from '@elliemae/ds-grid';
 import { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX.js';
@@ -6,121 +13,60 @@ import { DateInputs } from './DateInputs/DateInputs.js';
 import { TimeInputs } from './TimeInputs/TimeInputs.js';
 import { PickersIcons } from './Pickers/PickersIcons.js';
 import { ClearButton } from './ClearButton/ClearButton.js';
-import '../ControlledDateTimePickerTypes.js';
-import 'styled-components';
-import '@elliemae/ds-button';
-import './DateInputs/MMInput.js';
-import '../ControlledDateTimePickerDatatestid.js';
-import './DateInputs/DDInput.js';
-import './DateInputs/YYYYInput.js';
-import './DateInputs/useDateInputs.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '../utils/stringHelpers.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../utils/constants.js';
-import '../utils/numberHelpers.js';
-import '../utils/dateHelpers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './config.js';
-import './TimeInputs/HHInput.js';
-import './TimeInputs/MinutesInput.js';
-import './TimeInputs/MeridiemInput.js';
-import './TimeInputs/useTimeInputs.js';
-import './Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js';
-import './Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js';
-import '@elliemae/ds-icons';
-import './Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js';
-import './Pickers/CalendarWithTimeWheel/Styleds.js';
-import './Pickers/Calendar/CalendarContent.js';
-import './Pickers/Calendar/CalendarBody.js';
-import './Pickers/Calendar/CalendarMonthDays.js';
-import './Pickers/Calendar/CalendarDaysList.js';
-import './Pickers/Calendar/Day.js';
-import '@babel/runtime/helpers/esm/extends';
-import './Pickers/Calendar/CalendarContext.js';
-import './Pickers/Calendar/Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import '@elliemae/ds-system';
-import './Pickers/Calendar/CalendarWeekDays.js';
-import './Pickers/Calendar/CalendarHead.js';
-import './Pickers/Calendar/CalendarFooter.js';
-import './Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js';
-import './Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js';
-import './Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js';
-import './Pickers/TimeWheel/TimeWheelContent.js';
-import './Pickers/TimeWheel/Styleds.js';
-import './Pickers/TimeWheel/HoursList.js';
-import './Pickers/TimeWheel/TimeWheelContext.js';
-import './Pickers/TimeWheel/MinutesList.js';
-import './Pickers/TimeWheel/MeridiemList.js';
-import './Pickers/TimeWheel/TimeWheelFooter.js';
-import './Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js';
-import 'react-popper';
-import '../utils/hooks/useOnClickOutside.js';
-import './Pickers/Calendar/Calendar.js';
-import './Pickers/Calendar/CalendarIconTrigger.js';
-import './Pickers/Calendar/CalendarWrapper.js';
-import './Pickers/Calendar/useConfigCalendarCTX.js';
-import './Pickers/Calendar/useKeyboardHandlers.js';
-import './Pickers/Calendar/useFocusLogic.js';
-import '../utils/hooks/useGetStartingFocusedDay.js';
-import '../utils/hooks/useGetDayFromDateString.js';
-import './Pickers/Calendar/usePopperTriggerLogic.js';
-import './Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js';
-import '../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js';
-import './Pickers/TimeWheel/TimeWheel.js';
-import './Pickers/TimeWheel/TimeWheelIconTrigger.js';
-import './Pickers/TimeWheel/TimeWheelWrapper.js';
-import './Pickers/TimeWheel/useConfigTimePickerCTX.js';
-import './Pickers/TimeWheel/usePopperTriggerLogic.js';
-import './Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js';
-import './Pickers/TimeWheel/useKeyboardHandlers.js';
-import '@elliemae/ds-icon';
-import './ClearButton/useClearButton.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-/* eslint-disable complexity */
-var ControlledDateTimePickerContent = function ControlledDateTimePickerContent() {
-  var _React$useContext = React.useContext(ControlledDateTimePickerContext),
-      hideDate = _React$useContext.hideDate,
-      hideDatePicker = _React$useContext.hideDatePicker,
-      hideTime = _React$useContext.hideTime,
-      hideTimePicker = _React$useContext.hideTimePicker,
-      hideDateTimePicker = _React$useContext.hideDateTimePicker,
-      setLatestInteractionRegion = _React$useContext.setLatestInteractionRegion,
-      withAnyPicker = _React$useContext.withAnyPicker,
-      withAnyRightController = _React$useContext.withAnyRightController,
-      shouldPreserveClearableSpace = _React$useContext.shouldPreserveClearableSpace,
-      isControllerOnly = _React$useContext.isControllerOnly,
-      _React$useContext$pro = _React$useContext.props,
-      hasError = _React$useContext$pro.hasError,
-      disabled = _React$useContext$pro.disabled,
-      onGlobalKeyDown = _React$useContext.onGlobalKeyDown;
+var _DateInputs, _TimeInputs, _ClearButton, _PickersIcons;
 
-  var resetLatestInteraction = React.useCallback(function () {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const ControlledDateTimePickerContent = () => {
+  const {
+    hideDate,
+    hideDatePicker,
+    hideTime,
+    hideTimePicker,
+    hideDateTimePicker,
+    setLatestInteractionRegion,
+    withAnyPicker,
+    withAnyRightController,
+    shouldPreserveClearableSpace,
+    isControllerOnly,
+    props: {
+      hasError,
+      dataAttrs,
+      disabled
+    },
+    onGlobalKeyDown
+  } = React.useContext(ControlledDateTimePickerContext);
+  const resetLatestInteraction = React.useCallback(() => {
     setLatestInteractionRegion('');
   }, [setLatestInteractionRegion]);
-  var mainCols = [];
+  const mainCols = [];
   if (!hideDate) mainCols.push('auto');
   if (!hideTime) mainCols.push('auto');
   if (withAnyRightController) mainCols.push('auto');
-  var rightControlCols = [];
+  const rightControlCols = [];
   if (shouldPreserveClearableSpace) rightControlCols.push('28px');
   if (withAnyPicker) rightControlCols.push('auto');
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledInputsWrapperGrid, {
-    cols: mainCols,
-    gutter: "xxs",
-    pr: hideDatePicker && hideTimePicker && hideDateTimePicker ? '2px' : null,
-    justPicker: hideDate && hideTime,
-    withAnyPicker: withAnyPicker,
-    onBlur: resetLatestInteraction,
-    onKeyDown: onGlobalKeyDown,
-    hasError: hasError,
-    isControllerOnly: isControllerOnly,
-    disabled: disabled
-  }, hideDate ? null : /*#__PURE__*/React.createElement(DateInputs, null), hideTime ? null : /*#__PURE__*/React.createElement(TimeInputs, null), withAnyRightController ? /*#__PURE__*/React.createElement(Grid, {
-    cols: rightControlCols
-  }, shouldPreserveClearableSpace ? /*#__PURE__*/React.createElement(ClearButton, null) : null, withAnyPicker ? /*#__PURE__*/React.createElement(PickersIcons, null) : null) : null));
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs(StyledInputsWrapperGrid, _objectSpread(_objectSpread({
+      cols: mainCols,
+      gutter: "xxs",
+      pr: hideDatePicker && hideTimePicker && hideDateTimePicker ? '2px' : null,
+      justPicker: hideDate && hideTime,
+      withAnyPicker: withAnyPicker,
+      onBlur: resetLatestInteraction,
+      onKeyDown: onGlobalKeyDown,
+      hasError: hasError,
+      isControllerOnly: isControllerOnly,
+      disabled: disabled
+    }, dataAttrs), {}, {
+      children: [hideDate ? null : _DateInputs || (_DateInputs = /*#__PURE__*/_jsx(DateInputs, {})), hideTime ? null : _TimeInputs || (_TimeInputs = /*#__PURE__*/_jsx(TimeInputs, {})), withAnyRightController ? /*#__PURE__*/_jsx(Grid, {
+        cols: rightControlCols
+      }, void 0, shouldPreserveClearableSpace ? _ClearButton || (_ClearButton = /*#__PURE__*/_jsx(ClearButton, {})) : null, withAnyPicker ? _PickersIcons || (_PickersIcons = /*#__PURE__*/_jsx(PickersIcons, {})) : null) : null]
+    }))
+  });
 };
 
 export { ControlledDateTimePickerContent };
-//# sourceMappingURL=ControlledDateTimePickerContent.js.map

package/esm/controlled-date-time-picker/parts/DateInputs/DDInput.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 isInvalidDay = function isInvalidDay(day) {
+const isInvalidDay = day => {
   if (day === '') return false;
-  var numberOnly = regExpNumbers.test(day);
+  const numberOnly = regExpNumbers.test(day);
   return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;
 };
 
-var DDInput = /*#__PURE__*/React.memo(function (_ref) {
-  var onChange = _ref.onChange,
-      onBlur = _ref.onBlur,
-      onFocus = _ref.onFocus,
-      onKeyDown = _ref.onKeyDown,
-      value = _ref.value,
-      disabled = _ref.disabled,
-      contextRef = _ref.contextRef,
-      placeholder = _ref.placeholder,
-      ariaCurrentValueForInputs = _ref.ariaCurrentValueForInputs;
-  var validateOnChange = useCallback(function (e) {
+const DDInput = /*#__PURE__*/React.memo(_ref => {
+  let {
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
+    disabled,
+    contextRef,
+    placeholder,
+    ariaCurrentValueForInputs
+  } = _ref;
+  const validateOnChange = useCallback(e => {
     var _e$target;
 
     if (isInvalidDay(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 DDInput = /*#__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 DDInput = /*#__PURE__*/React.memo(function (_ref) {
 });
 
 export { DDInput };
-//# sourceMappingURL=DDInput.js.map

package/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.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 { MMInput } from './MMInput.js';
@@ -7,48 +8,38 @@ import { YYYYInput } from './YYYYInput.js';
 import { StyledFocusWithIn, StyledSeparator } from '../Styleds.js';
 import { useDateInputs } from './useDateInputs.js';
 import { fixedValues } from '../config.js';
-import '../../ControlledDateTimePickerTypes.js';
-import '../../ControlledDateTimePickerDatatestid.js';
-import 'styled-components';
-import '@elliemae/ds-button';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '../../utils/stringHelpers.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../../utils/constants.js';
-import '../../utils/numberHelpers.js';
-import '../../utils/dateHelpers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
 
-var DateInputs = function DateInputs() {
-  var _useDateInputs = useDateInputs(),
-      month = _useDateInputs.month,
-      day = _useDateInputs.day,
-      year = _useDateInputs.year,
-      autoFocusMonthInput = _useDateInputs.autoFocusMonthInput,
-      onMonthChange = _useDateInputs.onMonthChange,
-      onDayChange = _useDateInputs.onDayChange,
-      onYearChange = _useDateInputs.onYearChange,
-      onMonthBlur = _useDateInputs.onMonthBlur,
-      onDayBlur = _useDateInputs.onDayBlur,
-      onYearBlur = _useDateInputs.onYearBlur,
-      onMonthFocus = _useDateInputs.onMonthFocus,
-      onDayFocus = _useDateInputs.onDayFocus,
-      onYearFocus = _useDateInputs.onYearFocus,
-      onMonthKeyDown = _useDateInputs.onMonthKeyDown,
-      onDayKeyDown = _useDateInputs.onDayKeyDown,
-      onYearKeyDown = _useDateInputs.onYearKeyDown,
-      disabled = _useDateInputs.disabled; // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo
+var _StyledSeparator, _StyledSeparator2;
+const DateInputs = () => {
+  const {
+    month,
+    day,
+    year,
+    autoFocusMonthInput,
+    onMonthChange,
+    onDayChange,
+    onYearChange,
+    onMonthBlur,
+    onDayBlur,
+    onYearBlur,
+    onMonthFocus,
+    onDayFocus,
+    onYearFocus,
+    onMonthKeyDown,
+    onDayKeyDown,
+    onYearKeyDown,
+    disabled
+  } = useDateInputs(); // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo
 
-
-  var _useContext = useContext(ControlledDateTimePickerContext),
-      monthInputRef = _useContext.monthInputRef,
-      dayInputRef = _useContext.dayInputRef,
-      yearInputRef = _useContext.yearInputRef,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
-
-  return /*#__PURE__*/React.createElement(Grid, {
+  const {
+    monthInputRef,
+    dayInputRef,
+    yearInputRef,
+    ariaCurrentValueForInputs
+  } = useContext(ControlledDateTimePickerContext);
+  return /*#__PURE__*/_jsx(Grid, {
     cols: [fixedValues.smallInputWidth, fixedValues.separatorWidth, fixedValues.smallInputWidth, fixedValues.separatorWidth, fixedValues.largeInputWidth]
-  }, /*#__PURE__*/React.createElement(StyledFocusWithIn, null, /*#__PURE__*/React.createElement(MMInput, {
+  }, void 0, /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(MMInput, {
     onChange: onMonthChange,
     onBlur: onMonthBlur,
     onFocus: onMonthFocus,
@@ -59,9 +50,9 @@ var DateInputs = function DateInputs() {
     placeholder: "MM",
     ariaCurrentValueForInputs: ariaCurrentValueForInputs,
     disabled: disabled
-  })), /*#__PURE__*/React.createElement(StyledSeparator, {
+  })), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
     alignItems: "center"
-  }, "/"), /*#__PURE__*/React.createElement(StyledFocusWithIn, null, /*#__PURE__*/React.createElement(DDInput, {
+  }, void 0, "/")), /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(DDInput, {
     onChange: onDayChange,
     onBlur: onDayBlur,
     onFocus: onDayFocus,
@@ -71,9 +62,9 @@ var DateInputs = function DateInputs() {
     placeholder: "DD",
     ariaCurrentValueForInputs: ariaCurrentValueForInputs,
     disabled: disabled
-  })), /*#__PURE__*/React.createElement(StyledSeparator, {
+  })), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/_jsx(StyledSeparator, {
     alignItems: "center"
-  }, "/"), /*#__PURE__*/React.createElement(StyledFocusWithIn, null, /*#__PURE__*/React.createElement(YYYYInput, {
+  }, void 0, "/")), /*#__PURE__*/_jsx(StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx(YYYYInput, {
     onChange: onYearChange,
     onBlur: onYearBlur,
     onFocus: onYearFocus,
@@ -87,4 +78,3 @@ var DateInputs = function DateInputs() {
 };
 
 export { DateInputs };
-//# sourceMappingURL=DateInputs.js.map

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

@@ -1,30 +1,30 @@
 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 regExpNumbers = /^[0-9]+$/;
+const regExpNumbers = /^[0-9]+$/;
 
-var isInvalidMonth = function isInvalidMonth(month) {
+const isInvalidMonth = month => {
   if (month === '') return false;
-  var numberOnly = regExpNumbers.test(month);
+  const numberOnly = regExpNumbers.test(month);
   return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;
 };
 
-var MMInput = /*#__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,
-      contextRef = _ref.contextRef,
-      autoFocusMonthInput = _ref.autoFocusMonthInput,
-      ariaCurrentValueForInputs = _ref.ariaCurrentValueForInputs;
-  var validateOnChange = useCallback(function (e) {
+const MMInput = /*#__PURE__*/React.memo(_ref => {
+  let {
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
+    disabled,
+    placeholder,
+    contextRef,
+    autoFocusMonthInput,
+    ariaCurrentValueForInputs
+  } = _ref;
+  const validateOnChange = useCallback(e => {
     var _e$target;
 
     if (isInvalidMonth(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value)) {
@@ -34,7 +34,7 @@ var MMInput = /*#__PURE__*/React.memo(function (_ref) {
 
     onChange(e);
   }, [onChange]);
-  return /*#__PURE__*/React.createElement(Styled2DigitsInput, {
+  return /*#__PURE__*/jsx(Styled2DigitsInput, {
     autoFocus: autoFocusMonthInput,
     onChange: validateOnChange,
     onBlur: onBlur,
@@ -51,4 +51,3 @@ var MMInput = /*#__PURE__*/React.memo(function (_ref) {
 });
 
 export { MMInput };
-//# sourceMappingURL=MMInput.js.map

package/esm/controlled-date-time-picker/parts/DateInputs/YYYYInput.js

@@ -1,29 +1,29 @@
 import React, { useCallback } from 'react';
 import { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid.js';
 import { StyledMin4DigitsInput } 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 isInvalidYear = function isInvalidYear(year) {
+const isInvalidYear = year => {
   if (year === '') return false;
-  var numberOnly = regExpNumbers.test(year);
+  const numberOnly = regExpNumbers.test(year);
   return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;
 };
 
-var YYYYInput = /*#__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,
-      contextRef = _ref.contextRef,
-      ariaCurrentValueForInputs = _ref.ariaCurrentValueForInputs;
-  var validateOnChange = useCallback(function (e) {
+const YYYYInput = /*#__PURE__*/React.memo(_ref => {
+  let {
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
+    disabled,
+    placeholder,
+    contextRef,
+    ariaCurrentValueForInputs
+  } = _ref;
+  const validateOnChange = useCallback(e => {
     var _e$target;
 
     if (isInvalidYear(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 YYYYInput = /*#__PURE__*/React.memo(function (_ref) {
 
     onChange(e);
   }, [onChange]);
-  return /*#__PURE__*/React.createElement(StyledMin4DigitsInput, {
+  return /*#__PURE__*/jsx(StyledMin4DigitsInput, {
     onChange: validateOnChange,
     onBlur: onBlur,
     onFocus: onFocus,
@@ -49,4 +49,3 @@ var YYYYInput = /*#__PURE__*/React.memo(function (_ref) {
 });
 
 export { YYYYInput };
-//# sourceMappingURL=YYYYInput.js.map