@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

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

@@ -2,45 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var CloseMedium = require('@elliemae/ds-icons/CloseMedium');
 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 dsButton = require('@elliemae/ds-button');
+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 CloseMedium__default = /*#__PURE__*/_interopDefaultLegacy(CloseMedium);
 
-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,
+    size: dsButton.BUTTON_SIZES.M,
+    variant: dsButton.BUTTON_VARIANT.DEFAULT,
+    "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"](CloseMedium__default["default"], {
     color: dsIcon.DSIconColors.PRIMARY
   }));
 };
 
 exports.ClearButton = ClearButton;
-//# sourceMappingURL=ClearButton.js.map

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

@@ -3,70 +3,56 @@
 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,
+    isTimeSelector,
+    hourInputRef,
+    monthInputRef,
+    pickerButtonRef
+  } = 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 () {
+  }, [focusFirstRegion, handleClearAll]);
+  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();
     if (key === 'End') onEndKeyDown();
-
-    if (key === 'Backspace' && withAnyInputs) {
-      var _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
-
-      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]);
+  }, [onEndKeyDown, onHomeKeyDown]);
+  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,60 @@
 
 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_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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+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 resetLatestInteraction = React__default['default'].useCallback(function () {
+var _DateInputs, _TimeInputs, _ClearButton, _PickersIcons;
+const ControlledDateTimePickerContent = () => {
+  const {
+    hideDate,
+    hideDatePicker,
+    hideTime,
+    hideTimePicker,
+    hideDateTimePicker,
+    setLatestInteractionRegion,
+    withAnyPicker,
+    withAnyRightController,
+    shouldPreserveClearableSpace,
+    isControllerOnly,
+    props: {
+      hasError
+    }
+  } = 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, {
+  return /*#__PURE__*/_jsx__default["default"](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, {
+    isControllerOnly: isControllerOnly
+  }, void 0, 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
-  }, 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));
+  }, 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,33 @@
 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(({
+  onChange,
+  onBlur,
+  onFocus,
+  onKeyDown,
+  value,
+  contextRef,
+  placeholder,
+  ariaCurrentValueForInputs
+}) => {
+  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 +39,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 +48,8 @@ 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,
-    disabled: disabled,
-    "aria-disabled": disabled
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY
   });
 });
 
 exports.DDInput = DDInput;
-//# sourceMappingURL=DDInput.js.map

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

@@ -2,61 +2,51 @@
 
 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
+  } = 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,
@@ -65,11 +55,10 @@ var DateInputs = function DateInputs() {
     contextRef: monthInputRef,
     autoFocusMonthInput: autoFocusMonthInput,
     placeholder: "MM",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
-  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledSeparator, {
+    ariaCurrentValueForInputs: ariaCurrentValueForInputs
+  })), _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,
@@ -77,11 +66,10 @@ var DateInputs = function DateInputs() {
     value: day,
     contextRef: dayInputRef,
     placeholder: "DD",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
-  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Styleds.StyledSeparator, {
+    ariaCurrentValueForInputs: ariaCurrentValueForInputs
+  })), _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,
@@ -89,10 +77,8 @@ var DateInputs = function DateInputs() {
     value: year,
     contextRef: yearInputRef,
     placeholder: "YYYY",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
+    ariaCurrentValueForInputs: ariaCurrentValueForInputs
   })));
 };
 
 exports.DateInputs = DateInputs;
-//# sourceMappingURL=DateInputs.js.map

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

@@ -3,36 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var controlledDateTimePicker_parts_Styleds = require('../Styleds.js');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var Styleds = require('../Styleds.js');
+var ControlledDateTimePickerDatatestid = require('../../ControlledDateTimePickerDatatestid.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 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__default['default'].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 = React.useCallback(function (e) {
+const MMInput = /*#__PURE__*/React__default["default"].memo(({
+  onChange,
+  onBlur,
+  onFocus,
+  onKeyDown,
+  value,
+  placeholder,
+  contextRef,
+  autoFocusMonthInput,
+  ariaCurrentValueForInputs
+}) => {
+  const validateOnChange = React.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)) {
@@ -42,7 +40,7 @@ var MMInput = /*#__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, {
     autoFocus: autoFocusMonthInput,
     onChange: validateOnChange,
     onBlur: onBlur,
@@ -52,11 +50,8 @@ var MMInput = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     ref: contextRef,
     placeholder: placeholder,
     "aria-label": "month input field, ".concat(ariaCurrentValueForInputs),
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH,
-    disabled: disabled,
-    "aria-disabled": disabled
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH
   });
 });
 
 exports.MMInput = MMInput;
-//# sourceMappingURL=MMInput.js.map