@elliemae/ds-controlled-form 3.0.0-next.2 → 3.0.0-next.3

package/cjs/controlled-date-time-picker/config/useValidateProps.js

@@ -1,101 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ControlledDateTimePickerTypes = require('../ControlledDateTimePickerTypes.js');
-var stringHelpers = require('../utils/stringHelpers.js');
-var numberHelpers = require('../utils/numberHelpers.js');
-
-/* eslint-disable max-len */
-const PREPEND = "ControlledDateTimePicker:\n  Invalid configuration detected::\n  \n    ";
-const NOT_A_DEFECT = ''; // '\n\n\t\tThis is not a defect, please check\n\n\t\thttps://qa.dimsum.rd.elliemae.io/?path=/story/components-desktop-components-d-controlledform-date-time-picker--basic\n\n\t\tfor instructions on how to use the component correctly\n\n';
-
-const INLINE_RECEIVED_PREPEND = "\n\n    Received:";
-
-const throwInvalidDateTimeError = invalidValue => {
-  throw new Error("".concat(PREPEND, "the \"dateTime\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(typeof invalidValue, ")").concat(NOT_A_DEFECT));
-};
-
-const throwInvalidDaterror = invalidValue => {
-  throw new Error("".concat(PREPEND, "the \"date\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(typeof invalidValue, ")").concat(NOT_A_DEFECT));
-};
-
-const throwInvalidTimerror = invalidValue => {
-  throw new Error("".concat(PREPEND, "the \"time\" you are providing is not respecting the format it must respect.").concat(INLINE_RECEIVED_PREPEND).concat(invalidValue, "(").concat(typeof invalidValue, ")").concat(NOT_A_DEFECT));
-};
-
-const throwUncontrolledDateError = (date, onDateChange) => {
-  throw new Error("".concat(PREPEND, "you are trying to use a date selector while providing a non-string \"date\" or providing a non-function to \"onDateChange\"\n  the full-controlled pattern must be used\n\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    ").concat(date, "(").concat(typeof date, ")\n    ").concat(onDateChange, "(").concat(typeof onDateChange, ")\n  ").concat(NOT_A_DEFECT));
-};
-
-const throwUncontrolledTimeError = (time, onTimeChange) => {
-  throw new Error("".concat(PREPEND, "you are trying to use a time selector while providing a non-string \"time\" or providing a non-function to \"onTimeChange\"\n  the full-controlled pattern must be used\n\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    ").concat(time, "(").concat(typeof time, ")\n    ").concat(onTimeChange, "(").concat(typeof onTimeChange, ")\n  ").concat(NOT_A_DEFECT));
-};
-
-const throwUncontrolledDateTimeError = (dateTime, onDateTimeChange) => {
-  throw new Error("".concat(PREPEND, "you are trying to use a date-time selector while providing a non-string \"dateTime\" or providing a non-function to \"onDateTimeChange\"\n  the full-controlled pattern must be used\n\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    ").concat(dateTime, "(").concat(typeof dateTime, ")\n    ").concat(onDateTimeChange, "(").concat(typeof onDateTimeChange, ")\n  ").concat(NOT_A_DEFECT));
-};
-
-const throwInvalidEmptyPickerStartingMonthError = emptyPickerStartingMonth => {
-  throw new Error("".concat(PREPEND, "the provided emptyPickerStartingMonth props is invalid. please provide a string with the format mm/__/yyyy, (mm 01~12, yyyy 0001~9999) \n\n  Received:\n    ").concat(emptyPickerStartingMonth, "(").concat(typeof emptyPickerStartingMonth, ")\n  ").concat(NOT_A_DEFECT));
-};
-
-const throwInvalidOnCalendarOpenFocusedDayError = onCalendarOpenFocusedDay => {
-  throw new Error("".concat(PREPEND, "the provided onCalendarOpenFocusedDay props is invalid. please provide a string with the format mm/dd/yyyy, (mm 01~12, dd 01~31, yyyy 0001~9999) \n\n  Received:\n    ").concat(onCalendarOpenFocusedDay, "(").concat(typeof onCalendarOpenFocusedDay, ")\n  ").concat(NOT_A_DEFECT));
-};
-
-const useValidateProps = props => {
-  const {
-    type,
-    dateTime,
-    date,
-    time,
-    onDateChange,
-    onTimeChange,
-    onDateTimeChange,
-    emptyPickerStartingMonth,
-    onCalendarOpenFocusedDay
-  } = props;
-  const isDateSelector = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER;
-  const isTimeSelector = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER;
-  const isDateTimeSelector = type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS || type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER; // validate generic use-cases
-
-  if (emptyPickerStartingMonth) {
-    const {
-      month: stringMonthVal,
-      year: stringYearVal
-    } = stringHelpers.deconstructValuesFromDateString(emptyPickerStartingMonth);
-    const monthNum = numberHelpers.convertToPositiveNumberIfPossible(stringMonthVal);
-    const yearNum = numberHelpers.convertToPositiveNumberIfPossible(stringYearVal);
-    if (monthNum <= 0 || monthNum >= 13 || yearNum <= 0 || yearNum > 9999) throwInvalidEmptyPickerStartingMonthError(emptyPickerStartingMonth);
-  }
-
-  if (onCalendarOpenFocusedDay) {
-    const {
-      month: stringMonthVal,
-      day: stringDayVal,
-      year: stringYearVal
-    } = stringHelpers.deconstructValuesFromDateString(onCalendarOpenFocusedDay);
-    const monthNum = numberHelpers.convertToPositiveNumberIfPossible(stringMonthVal);
-    const dayNum = numberHelpers.convertToPositiveNumberIfPossible(stringDayVal);
-    const yearNum = numberHelpers.convertToPositiveNumberIfPossible(stringYearVal);
-    if (monthNum <= 0 || monthNum >= 13 || dayNum <= 0 || dayNum >= 31 || yearNum <= 0 || yearNum > 9999) throwInvalidOnCalendarOpenFocusedDayError(onCalendarOpenFocusedDay);
-  } // validate full datetime cases
-
-
-  if (isDateTimeSelector) {
-    if (typeof dateTime !== 'string' || typeof onDateTimeChange !== 'function') throwUncontrolledDateTimeError(dateTime, onDateTimeChange);else if (!stringHelpers.isValidDateString(stringHelpers.dateTimeToDate(dateTime)) || !stringHelpers.isValidTimeString(stringHelpers.dateTimeToTime(dateTime))) throwInvalidDateTimeError(stringHelpers.dateTimeToTime(dateTime));
-  } // validate date-only cases
-
-
-  if (isDateSelector) {
-    if (typeof date !== 'string' || typeof onDateChange !== 'function') throwUncontrolledDateError(date, onDateChange);else if (!stringHelpers.isValidDateString(date)) throwInvalidDaterror(date);
-  } // validate time-only cases
-
-
-  if (isTimeSelector) {
-    if (typeof time !== 'string' || typeof onTimeChange !== 'function') throwUncontrolledTimeError(time, onTimeChange);else if (!stringHelpers.isValidTimeString(time)) throwInvalidTimerror(time);
-  }
-};
-
-exports.useValidateProps = useValidateProps;

package/cjs/controlled-date-time-picker/index.d.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/controlled-date-time-picker/index.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ControlledDateTimePicker = require('./ControlledDateTimePicker.js');
-var ControlledDateTimePickerDatatestid = require('./ControlledDateTimePickerDatatestid.js');
-var ControlledDateTimePickerTypes = require('./ControlledDateTimePickerTypes.js');
-var stringHelpers = require('./utils/stringHelpers.js');
-var dateTimeHelpers = require('./utils/dateTimeHelpers.js');
-var dateHelpers = require('./utils/dateHelpers.js');
-var timeHelpers = require('./utils/timeHelpers.js');
-
-
-
-exports.DSControlledDateTimePicker = ControlledDateTimePicker.DSControlledDateTimePicker;
-exports.DSControlledDateTimePickerWithSchema = ControlledDateTimePicker.DSControlledDateTimePickerWithSchema;
-exports.ControlledDateTimePickerDatatestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid;
-exports.CONTROLLED_DATE_TIME_PICKER_TYPES = ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES;
-exports.deconstructValuesFromDateString = stringHelpers.deconstructValuesFromDateString;
-exports.prependStringWithPlaceHolders = stringHelpers.prependStringWithPlaceHolders;
-exports.getValidationDateTimeStringMetaInfo = dateTimeHelpers.getValidationDateTimeStringMetaInfo;
-exports.getDateStringFromDay = dateHelpers.getDateStringFromDay;
-exports.getDateValuesFromDate = dateHelpers.getDateValuesFromDate;
-exports.getDayFromDateString = dateHelpers.getDayFromDateString;
-exports.getValidationDateStringMetaInfo = dateHelpers.getValidationDateStringMetaInfo;
-exports.getValidationTimeStringMetaInfo = timeHelpers.getValidationTimeStringMetaInfo;

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

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-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": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CLEAR_BUTTON,
-    innerRef: clearButtonRef,
-    onClick: onClearClick,
-    onKeyDown: onClearButtonKeyDown,
-    withAnyPicker: withAnyPicker
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseMedium, {
-    color: dsIcon.DSIconColors.PRIMARY
-  }));
-};
-
-exports.ClearButton = ClearButton;

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

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
-
-/* eslint-disable max-statements */
-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]);
-  const onClearClick = React.useCallback(e => {
-    handleClearAll(e);
-    setLatestInteractionRegion('clear-btn');
-    focusFirstRegion();
-  }, [focusFirstRegion, handleClearAll, setLatestInteractionRegion]);
-  const onHomeKeyDown = React.useCallback(() => {
-    focusFirstRegion();
-  }, [focusFirstRegion]);
-  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]);
-  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(() => ({
-    onClearClick,
-    onClearButtonKeyDown,
-    clearButtonRef,
-    withAnyPicker,
-    withClearBtn
-  }), [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn]);
-};
-
-exports.useClearButton = useClearButton;

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

@@ -1,82 +0,0 @@
-'use strict';
-
-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 Grid = require('@elliemae/ds-grid');
-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);
-
-var _DateInputs, _TimeInputs, _ClearButton, _PickersIcons;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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]);
-  const mainCols = [];
-  if (!hideDate) mainCols.push('auto');
-  if (!hideTime) mainCols.push('auto');
-  if (withAnyRightController) mainCols.push('auto');
-  const rightControlCols = [];
-  if (shouldPreserveClearableSpace) rightControlCols.push('28px');
-  if (withAnyPicker) rightControlCols.push('auto');
-  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"](Grid.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;

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

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-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);
-
-const regExpNumbers = /^[0-9]+$/;
-
-const isInvalidDay = day => {
-  if (day === '') return false;
-  const numberOnly = regExpNumbers.test(day);
-  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;
-};
-
-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)) {
-      e.preventDefault();
-      return;
-    }
-
-    onChange(e);
-  }, [onChange]);
-  return /*#__PURE__*/jsxRuntime.jsx(Styleds.Styled2DigitsInput, {
-    onChange: validateOnChange,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    value: value,
-    ref: contextRef,
-    placeholder: placeholder,
-    "aria-label": "day input field, ".concat(ariaCurrentValueForInputs),
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
-    disabled: disabled,
-    "aria-disabled": disabled
-  });
-});
-
-exports.DDInput = DDInput;

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

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var Grid = require('@elliemae/ds-grid');
-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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-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
-
-  const {
-    monthInputRef,
-    dayInputRef,
-    yearInputRef,
-    ariaCurrentValueForInputs
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /*#__PURE__*/_jsx__default["default"](Grid.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,
-    onKeyDown: onMonthKeyDown,
-    value: month,
-    contextRef: monthInputRef,
-    autoFocusMonthInput: autoFocusMonthInput,
-    placeholder: "MM",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
-  })), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](Styleds.StyledSeparator, {
-    alignItems: "center"
-  }, void 0, "/")), /*#__PURE__*/_jsx__default["default"](Styleds.StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx__default["default"](DDInput.DDInput, {
-    onChange: onDayChange,
-    onBlur: onDayBlur,
-    onFocus: onDayFocus,
-    onKeyDown: onDayKeyDown,
-    value: day,
-    contextRef: dayInputRef,
-    placeholder: "DD",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
-  })), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledSeparator, {
-    alignItems: "center"
-  }, void 0, "/")), /*#__PURE__*/_jsx__default["default"](Styleds.StyledFocusWithIn, {}, void 0, /*#__PURE__*/_jsx__default["default"](YYYYInput.YYYYInput, {
-    onChange: onYearChange,
-    onBlur: onYearBlur,
-    onFocus: onYearFocus,
-    onKeyDown: onYearKeyDown,
-    value: year,
-    contextRef: yearInputRef,
-    placeholder: "YYYY",
-    ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-    disabled: disabled
-  })));
-};
-
-exports.DateInputs = DateInputs;

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

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-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);
-
-const regExpNumbers = /^[0-9]+$/;
-
-const isInvalidMonth = month => {
-  if (month === '') return false;
-  const numberOnly = regExpNumbers.test(month);
-  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;
-};
-
-const MMInput = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    onChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    disabled,
-    placeholder,
-    contextRef,
-    autoFocusMonthInput,
-    ariaCurrentValueForInputs
-  } = _ref;
-  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)) {
-      e.preventDefault();
-      return;
-    }
-
-    onChange(e);
-  }, [onChange]);
-  return /*#__PURE__*/jsxRuntime.jsx(Styleds.Styled2DigitsInput, {
-    autoFocus: autoFocusMonthInput,
-    onChange: validateOnChange,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    value: value,
-    ref: contextRef,
-    placeholder: placeholder,
-    "aria-label": "month input field, ".concat(ariaCurrentValueForInputs),
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH,
-    disabled: disabled,
-    "aria-disabled": disabled
-  });
-});
-
-exports.MMInput = MMInput;

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

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-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);
-
-const regExpNumbers = /^[0-9]+$/;
-
-const isInvalidYear = year => {
-  if (year === '') return false;
-  const numberOnly = regExpNumbers.test(year);
-  return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;
-};
-
-const YYYYInput = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    onChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    disabled,
-    placeholder,
-    contextRef,
-    ariaCurrentValueForInputs
-  } = _ref;
-  const validateOnChange = React.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)) {
-      e.preventDefault();
-      return;
-    }
-
-    onChange(e);
-  }, [onChange]);
-  return /*#__PURE__*/jsxRuntime.jsx(Styleds.StyledMin4DigitsInput, {
-    onChange: validateOnChange,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    value: value,
-    ref: contextRef,
-    placeholder: placeholder,
-    "aria-label": "year input field, ".concat(ariaCurrentValueForInputs),
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR,
-    disabled: disabled,
-    "aria-disabled": disabled
-  });
-});
-
-exports.YYYYInput = YYYYInput;