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

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

@@ -2,45 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var dsIcon = require('@elliemae/ds-icon');
 var DSButton = require('@elliemae/ds-button');
-var controlledDateTimePicker_parts_Styleds = require('../Styleds.js');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_ClearButton_useClearButton = require('./useClearButton.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('../../ControlledDateTimePickerCTX.js');
-require('../../ControlledDateTimePickerTypes.js');
+var Styleds = require('../Styleds.js');
+var ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
+var useClearButton = require('./useClearButton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var ClearButton = function ClearButton() {
-  var _useClearButton = controlledDateTimePicker_parts_ClearButton_useClearButton.useClearButton(),
-      onClearClick = _useClearButton.onClearClick,
-      onClearButtonKeyDown = _useClearButton.onClearButtonKeyDown,
-      clearButtonRef = _useClearButton.clearButtonRef,
-      withAnyPicker = _useClearButton.withAnyPicker,
-      withClearBtn = _useClearButton.withClearBtn;
-
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledClearButton, {
+const ClearButton = () => {
+  const {
+    onClearClick,
+    onClearButtonKeyDown,
+    clearButtonRef,
+    withAnyPicker,
+    withClearBtn
+  } = useClearButton.useClearButton();
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledClearButton, {
     shouldDisplay: withClearBtn,
     "aria-label": "clear selected date",
     buttonType: "icon",
     size: DSButton.BUTTON_SIZES.M,
     variant: DSButton.BUTTON_VARIANT.DEFAULT,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CLEAR_BUTTON,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CLEAR_BUTTON,
     innerRef: clearButtonRef,
     onClick: onClearClick,
     onKeyDown: onClearButtonKeyDown,
     withAnyPicker: withAnyPicker
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseMedium, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseMedium, {
     color: dsIcon.DSIconColors.PRIMARY
   }));
 };
 
 exports.ClearButton = ClearButton;
-//# sourceMappingURL=ClearButton.js.map

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

@@ -3,49 +3,50 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
-require('../../ControlledDateTimePickerTypes.js');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
 
 /* eslint-disable max-statements */
-var useClearButton = function useClearButton() {
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.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 = React.useCallback(function () {
+const useClearButton = () => {
+  const {
+    handleClearAll,
+    clearButtonRef,
+    withAnyPicker,
+    withClearBtn,
+    withAnyInputs,
+    isWithTimeInputs,
+    isWithDateInputs,
+    isTimeSelector,
+    hourInputRef,
+    monthInputRef,
+    pickerButtonRef,
+    meridiemInputRef,
+    yearInputRef,
+    setLatestInteractionRegion
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const focusFirstRegion = React.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 = React.useCallback(function (e) {
+  const onClearClick = React.useCallback(e => {
     handleClearAll(e);
     setLatestInteractionRegion('clear-btn');
     focusFirstRegion();
   }, [focusFirstRegion, handleClearAll, setLatestInteractionRegion]);
-  var onHomeKeyDown = React.useCallback(function () {
+  const onHomeKeyDown = React.useCallback(() => {
     focusFirstRegion();
   }, [focusFirstRegion]);
-  var onEndKeyDown = React.useCallback(function () {
+  const onEndKeyDown = React.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 = React.useCallback(function (e) {
-    var key = e.key;
-    var preventDefaultKeys = ['Home', 'End'];
-    var stopPropagationKeys = ['Home', 'End'];
+  const onClearButtonKeyDown = React.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();
@@ -57,16 +58,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 React.useMemo(function () {
-    return {
-      onClearClick: onClearClick,
-      onClearButtonKeyDown: onClearButtonKeyDown,
-      clearButtonRef: clearButtonRef,
-      withAnyPicker: withAnyPicker,
-      withClearBtn: withClearBtn
-    };
-  }, [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
+  return React.useMemo(() => ({
+    onClearClick,
+    onClearButtonKeyDown,
+    clearButtonRef,
+    withAnyPicker,
+    withClearBtn
+  }), [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
 };
 
 exports.useClearButton = useClearButton;
-//# sourceMappingURL=useClearButton.js.map

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

@@ -2,133 +2,81 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_parts_Styleds = require('./Styleds.js');
-var controlledDateTimePicker_parts_DateInputs_DateInputs = require('./DateInputs/DateInputs.js');
-var controlledDateTimePicker_parts_TimeInputs_TimeInputs = require('./TimeInputs/TimeInputs.js');
-var controlledDateTimePicker_parts_Pickers_PickersIcons = require('./Pickers/PickersIcons.js');
-var controlledDateTimePicker_parts_ClearButton_ClearButton = require('./ClearButton/ClearButton.js');
-require('../ControlledDateTimePickerTypes.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('./DateInputs/MMInput.js');
-require('../ControlledDateTimePickerDatatestid.js');
-require('./DateInputs/DDInput.js');
-require('./DateInputs/YYYYInput.js');
-require('./DateInputs/useDateInputs.js');
-require('@babel/runtime/helpers/defineProperty');
-require('../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../utils/constants.js');
-require('../utils/numberHelpers.js');
-require('../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('./config.js');
-require('./TimeInputs/HHInput.js');
-require('./TimeInputs/MinutesInput.js');
-require('./TimeInputs/MeridiemInput.js');
-require('./TimeInputs/useTimeInputs.js');
-require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js');
-require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js');
-require('@elliemae/ds-icons');
-require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js');
-require('./Pickers/CalendarWithTimeWheel/Styleds.js');
-require('./Pickers/Calendar/CalendarContent.js');
-require('./Pickers/Calendar/CalendarBody.js');
-require('./Pickers/Calendar/CalendarMonthDays.js');
-require('./Pickers/Calendar/CalendarDaysList.js');
-require('./Pickers/Calendar/Day.js');
-require('@babel/runtime/helpers/extends');
-require('./Pickers/Calendar/CalendarContext.js');
-require('./Pickers/Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('./Pickers/Calendar/CalendarWeekDays.js');
-require('./Pickers/Calendar/CalendarHead.js');
-require('./Pickers/Calendar/CalendarFooter.js');
-require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
-require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
-require('./Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js');
-require('./Pickers/TimeWheel/TimeWheelContent.js');
-require('./Pickers/TimeWheel/Styleds.js');
-require('./Pickers/TimeWheel/HoursList.js');
-require('./Pickers/TimeWheel/TimeWheelContext.js');
-require('./Pickers/TimeWheel/MinutesList.js');
-require('./Pickers/TimeWheel/MeridiemList.js');
-require('./Pickers/TimeWheel/TimeWheelFooter.js');
-require('./Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js');
-require('react-popper');
-require('../utils/hooks/useOnClickOutside.js');
-require('./Pickers/Calendar/Calendar.js');
-require('./Pickers/Calendar/CalendarIconTrigger.js');
-require('./Pickers/Calendar/CalendarWrapper.js');
-require('./Pickers/Calendar/useConfigCalendarCTX.js');
-require('./Pickers/Calendar/useKeyboardHandlers.js');
-require('./Pickers/Calendar/useFocusLogic.js');
-require('../utils/hooks/useGetStartingFocusedDay.js');
-require('../utils/hooks/useGetDayFromDateString.js');
-require('./Pickers/Calendar/usePopperTriggerLogic.js');
-require('./Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js');
-require('../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
-require('./Pickers/TimeWheel/TimeWheel.js');
-require('./Pickers/TimeWheel/TimeWheelIconTrigger.js');
-require('./Pickers/TimeWheel/TimeWheelWrapper.js');
-require('./Pickers/TimeWheel/useConfigTimePickerCTX.js');
-require('./Pickers/TimeWheel/usePopperTriggerLogic.js');
-require('./Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js');
-require('./Pickers/TimeWheel/useKeyboardHandlers.js');
-require('@elliemae/ds-icon');
-require('./ClearButton/useClearButton.js');
+var ControlledDateTimePickerCTX = require('../ControlledDateTimePickerCTX.js');
+var Styleds = require('./Styleds.js');
+var DateInputs = require('./DateInputs/DateInputs.js');
+var TimeInputs = require('./TimeInputs/TimeInputs.js');
+var PickersIcons = require('./Pickers/PickersIcons.js');
+var ClearButton = require('./ClearButton/ClearButton.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* eslint-disable complexity */
-var ControlledDateTimePickerContent = function ControlledDateTimePickerContent() {
-  var _React$useContext = React__default['default'].useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.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__default['default'].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__default["default"](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__default["default"].useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const resetLatestInteraction = React__default["default"].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__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.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__default['default'].createElement(controlledDateTimePicker_parts_DateInputs_DateInputs.DateInputs, null), hideTime ? null : /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_TimeInputs_TimeInputs.TimeInputs, null), withAnyRightController ? /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    cols: rightControlCols
-  }, shouldPreserveClearableSpace ? /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_ClearButton_ClearButton.ClearButton, null) : null, withAnyPicker ? /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_PickersIcons.PickersIcons, null) : null) : null));
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Styleds.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__default["default"](DateInputs.DateInputs, {})), hideTime ? null : _TimeInputs || (_TimeInputs = /*#__PURE__*/_jsx__default["default"](TimeInputs.TimeInputs, {})), withAnyRightController ? /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+        cols: rightControlCols
+      }, void 0, shouldPreserveClearableSpace ? _ClearButton || (_ClearButton = /*#__PURE__*/_jsx__default["default"](ClearButton.ClearButton, {})) : null, withAnyPicker ? _PickersIcons || (_PickersIcons = /*#__PURE__*/_jsx__default["default"](PickersIcons.PickersIcons, {})) : null) : null]
+    }))
+  });
 };
 
 exports.ControlledDateTimePickerContent = ControlledDateTimePickerContent;
-//# sourceMappingURL=ControlledDateTimePickerContent.js.map

package/cjs/controlled-date-time-picker/parts/DateInputs/DDInput.js

@@ -3,35 +3,35 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Styleds = require('../Styleds.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
+var Styleds = require('../Styleds.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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__default['default'].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 = React.useCallback(function (e) {
+const DDInput = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    onChange,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    value,
+    disabled,
+    contextRef,
+    placeholder,
+    ariaCurrentValueForInputs
+  } = _ref;
+  const validateOnChange = React.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)) {
@@ -41,7 +41,7 @@ var DDInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
 
     onChange(e);
   }, [onChange]);
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.Styled2DigitsInput, {
+  return /*#__PURE__*/jsxRuntime.jsx(Styleds.Styled2DigitsInput, {
     onChange: validateOnChange,
     onBlur: onBlur,
     onFocus: onFocus,
@@ -50,11 +50,10 @@ var DDInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     ref: contextRef,
     placeholder: placeholder,
     "aria-label": "day input field, ".concat(ariaCurrentValueForInputs),
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
     disabled: disabled,
     "aria-disabled": disabled
   });
 });
 
 exports.DDInput = DDInput;
-//# sourceMappingURL=DDInput.js.map

package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js

@@ -2,61 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_parts_DateInputs_MMInput = require('./MMInput.js');
-var controlledDateTimePicker_parts_DateInputs_DDInput = require('./DDInput.js');
-var controlledDateTimePicker_parts_DateInputs_YYYYInput = require('./YYYYInput.js');
-var controlledDateTimePicker_parts_Styleds = require('../Styleds.js');
-var controlledDateTimePicker_parts_DateInputs_useDateInputs = require('./useDateInputs.js');
-var controlledDateTimePicker_parts_config = require('../config.js');
-require('../../ControlledDateTimePickerTypes.js');
-require('../../ControlledDateTimePickerDatatestid.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('@babel/runtime/helpers/defineProperty');
-require('../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../utils/constants.js');
-require('../../utils/numberHelpers.js');
-require('../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var MMInput = require('./MMInput.js');
+var DDInput = require('./DDInput.js');
+var YYYYInput = require('./YYYYInput.js');
+var Styleds = require('../Styleds.js');
+var useDateInputs = require('./useDateInputs.js');
+var config = require('../config.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var DateInputs = function DateInputs() {
-  var _useDateInputs = controlledDateTimePicker_parts_DateInputs_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.useDateInputs(); // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo
 
-
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      monthInputRef = _useContext.monthInputRef,
-      dayInputRef = _useContext.dayInputRef,
-      yearInputRef = _useContext.yearInputRef,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
-
-  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    cols: [controlledDateTimePicker_parts_config.fixedValues.smallInputWidth, controlledDateTimePicker_parts_config.fixedValues.separatorWidth, controlledDateTimePicker_parts_config.fixedValues.smallInputWidth, controlledDateTimePicker_parts_config.fixedValues.separatorWidth, controlledDateTimePicker_parts_config.fixedValues.largeInputWidth]
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledFocusWithIn, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_DateInputs_MMInput.MMInput, {
+  const {
+    monthInputRef,
+    dayInputRef,
+    yearInputRef,
+    ariaCurrentValueForInputs
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    cols: [config.fixedValues.smallInputWidth, config.fixedValues.separatorWidth, config.fixedValues.smallInputWidth, config.fixedValues.separatorWidth, config.fixedValues.largeInputWidth]
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx__default["default"](MMInput.MMInput, {
     onChange: onMonthChange,
     onBlur: onMonthBlur,
     onFocus: onMonthFocus,
@@ -67,9 +58,9 @@ var DateInputs = function DateInputs() {
     placeholder: "MM",
     ariaCurrentValueForInputs: ariaCurrentValueForInputs,
     disabled: disabled
-  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledSeparator, {
+  })), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](Styleds.StyledSeparator, {
     alignItems: "center"
-  }, "/"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledFocusWithIn, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_DateInputs_DDInput.DDInput, {
+  }, void 0, "/")), /*#__PURE__*/_jsx__default["default"](Styleds.StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx__default["default"](DDInput.DDInput, {
     onChange: onDayChange,
     onBlur: onDayBlur,
     onFocus: onDayFocus,
@@ -79,9 +70,9 @@ var DateInputs = function DateInputs() {
     placeholder: "DD",
     ariaCurrentValueForInputs: ariaCurrentValueForInputs,
     disabled: disabled
-  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledSeparator, {
+  })), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledSeparator, {
     alignItems: "center"
-  }, "/"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledFocusWithIn, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_DateInputs_YYYYInput.YYYYInput, {
+  }, void 0, "/")), /*#__PURE__*/_jsx__default["default"](Styleds.StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx__default["default"](YYYYInput.YYYYInput, {
     onChange: onYearChange,
     onBlur: onYearBlur,
     onFocus: onYearFocus,
@@ -95,4 +86,3 @@ var DateInputs = function DateInputs() {
 };
 
 exports.DateInputs = DateInputs;
-//# sourceMappingURL=DateInputs.js.map