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

package/cjs/controlled-checkbox/ControlledCheckbox.js

@@ -2,53 +2,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var controlledCheckbox_propTypes = require('./propTypes.js');
-var controlledCheckbox_styles = require('./styles.js');
-var controlledCheckbox_config_useValidateProps = require('./config/useValidateProps.js');
-var controlledCheckbox_utils_setMultipleRefs = require('./utils/setMultipleRefs.js');
-require('styled-components');
-require('./utils/styleHelpers.js');
-require('@elliemae/ds-props-helpers');
+var propTypes = require('./propTypes.js');
+var styles = require('./styles.js');
+var useValidateProps = require('./config/useValidateProps.js');
+var setMultipleRefs = require('./utils/setMultipleRefs.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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var DSControlledCheckbox = function DSControlledCheckbox(props) {
-  controlledCheckbox_config_useValidateProps.useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());
-  var checkboxRef = React.useRef();
-  var checked = props.checked,
-      ariaControls = props.ariaControls,
-      ariaLabel = props.ariaLabel,
-      disabled = props.disabled,
-      id = props.id,
-      label = props.label,
-      hasError = props.hasError,
-      onChange = props.onChange,
-      value = props.value,
-      readOnly = props.readOnly,
-      name = props.name,
-      innerRef = props.innerRef;
-  var handleOnKeyDown = React.useCallback(function (e) {
+const DSControlledCheckbox = props => {
+  useValidateProps.useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());
+  const checkboxRef = React.useRef();
+  const {
+    checked,
+    ariaControls,
+    ariaLabel,
+    disabled,
+    id,
+    label,
+    hasError,
+    onChange,
+    value,
+    readOnly,
+    name,
+    innerRef
+  } = props;
+  const handleOnKeyDown = React.useCallback(e => {
     if (checkboxRef.current && e.key === 'Enter') {
       checkboxRef.current.click();
     }
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(controlledCheckbox_styles.StyledContainer, {
-    "data-testid": "ds-checkbox-container"
-  }, /*#__PURE__*/React__default['default'].createElement(controlledCheckbox_styles.StyledCheckBox, {
+  return /*#__PURE__*/_jsx__default["default"](styles.StyledContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCheckBox, {
     checked: props.checked,
     hasError: hasError,
     disabled: disabled,
     readOnly: readOnly
-  }, /*#__PURE__*/React__default['default'].createElement(controlledCheckbox_styles.StyledInput, {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.StyledInput, {
     disabled: disabled,
-    ref: function ref(_ref) {
-      return controlledCheckbox_utils_setMultipleRefs.setMultipleRefs([checkboxRef, innerRef])(_ref);
-    },
+    ref: ref => setMultipleRefs.setMultipleRefs([checkboxRef, innerRef])(ref),
     onKeyDown: handleOnKeyDown,
     type: "checkbox",
     checked: checked !== 'mixed' ? checked : undefined,
@@ -63,21 +59,17 @@ var DSControlledCheckbox = function DSControlledCheckbox(props) {
     onChange: onChange,
     id: id,
     "data-testid": "ds-checkbox"
-  })), label && /*#__PURE__*/React__default['default'].createElement(controlledCheckbox_styles.StyledLabel, {
+  })), label && /*#__PURE__*/_jsx__default["default"](styles.StyledLabel, {
     htmlFor: id,
     disabled: disabled,
     readOnly: readOnly,
     checked: checked,
     "data-testid": "ds-checkbox-label"
-  }, /*#__PURE__*/React__default['default'].createElement(dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-    value: label
-  })));
+  }, void 0, label));
 };
 
-DSControlledCheckbox.propTypes = controlledCheckbox_propTypes.propTypes;
-var DSControlledCheckboxWithSchema = reactDesc.describe(DSControlledCheckbox);
-DSControlledCheckboxWithSchema.propTypes = controlledCheckbox_propTypes.propTypes;
+const DSControlledCheckboxWithSchema = reactDesc.describe(DSControlledCheckbox);
+DSControlledCheckboxWithSchema.propTypes = propTypes.propTypes;
 
 exports.DSControlledCheckbox = DSControlledCheckbox;
 exports.DSControlledCheckboxWithSchema = DSControlledCheckboxWithSchema;
-//# sourceMappingURL=ControlledCheckbox.js.map

package/cjs/controlled-checkbox/config/useValidateProps.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-var throwError = function throwError(message) {
+const throwError = message => {
   throw new Error("DSControlledCheckbox:: ".concat(message, "\n  "));
 };
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   dsPropsHelpers.useValidateTypescriptPropTypes(props, schema);
 
   if (typeof props.label === 'undefined' && typeof props.ariaLabel === 'undefined') {
@@ -21,4 +21,3 @@ var useValidateProps = function useValidateProps(props, schema) {
 };
 
 exports.useValidateProps = useValidateProps;
-//# sourceMappingURL=useValidateProps.js.map

package/cjs/controlled-checkbox/index.d.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.d.js.map

package/cjs/controlled-checkbox/index.js

@@ -2,20 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var controlledCheckbox_ControlledCheckbox = require('./ControlledCheckbox.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./propTypes.js');
-require('./styles.js');
-require('styled-components');
-require('./utils/styleHelpers.js');
-require('./config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
-require('./utils/setMultipleRefs.js');
+var ControlledCheckbox = require('./ControlledCheckbox.js');
 
 
 
-exports.DSControlledCheckbox = controlledCheckbox_ControlledCheckbox.DSControlledCheckbox;
-exports.DSControlledCheckboxWithSchema = controlledCheckbox_ControlledCheckbox.DSControlledCheckboxWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSControlledCheckbox = ControlledCheckbox.DSControlledCheckbox;
+exports.DSControlledCheckboxWithSchema = ControlledCheckbox.DSControlledCheckboxWithSchema;

package/cjs/controlled-checkbox/propTypes.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var propTypes = {
+const propTypes = {
   checked: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.bool, reactDesc.PropTypes.oneOf(['mixed'])]).isRequired.description('Wether the checkbox is invalid or not.'),
   value: reactDesc.PropTypes.string.description('Checkbox value property.'),
   name: reactDesc.PropTypes.string.isRequired.description('Checkbox name property.'),
@@ -19,4 +19,3 @@ var propTypes = {
 };
 
 exports.propTypes = propTypes;
-//# sourceMappingURL=propTypes.js.map

package/cjs/controlled-checkbox/styles.js

@@ -3,83 +3,70 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var controlledCheckbox_utils_styleHelpers = require('./utils/styleHelpers.js');
+var styleHelpers = require('./utils/styleHelpers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-349ih4-0"
-})(["display:inline-grid;grid-template-rows:min-content;grid-template-columns:", " auto;align-items:center;"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.space.xs;
-});
-var StyledCheckBox = /*#__PURE__*/styled__default['default'].span.withConfig({
+})(["display:inline-grid;grid-template-rows:min-content;grid-template-columns:", " auto;align-items:center;"], ({
+  theme
+}) => theme.space.xs);
+const StyledCheckBox = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-349ih4-1"
-})(["width:", ";height:", ";border:1px solid ", ";border-radius:2px;position:relative;background:", ";", " &:focus-within{", ";&:hover{", "}}&:hover{background:", ";", ";}"], function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.space.xs;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.space.xs;
-}, function (_ref4) {
-  var theme = _ref4.theme,
-      hasError = _ref4.hasError;
-  return hasError ? theme.colors.danger[900] : theme.colors.neutral[400];
-}, function (_ref5) {
-  var theme = _ref5.theme,
-      disabled = _ref5.disabled;
-  return controlledCheckbox_utils_styleHelpers.handleBackgroundColor(theme, disabled);
-}, function (_ref6) {
-  var theme = _ref6.theme,
-      checked = _ref6.checked,
-      disabled = _ref6.disabled,
-      readOnly = _ref6.readOnly,
-      hasError = _ref6.hasError;
-  return controlledCheckbox_utils_styleHelpers.handleCheckmark(theme, checked, disabled, readOnly, hasError);
-}, function (_ref7) {
-  var theme = _ref7.theme,
-      hasError = _ref7.hasError,
-      disabled = _ref7.disabled;
-  return !disabled && !hasError ? "border: 1px solid ".concat(theme.colors.brand[600], " ") : undefined;
-}, function (_ref8) {
-  var theme = _ref8.theme,
-      checked = _ref8.checked,
-      disabled = _ref8.disabled,
-      readOnly = _ref8.readOnly,
-      hasError = _ref8.hasError;
-  return controlledCheckbox_utils_styleHelpers.handleCheckmark(theme, checked, disabled, readOnly, hasError, true);
-}, function (_ref9) {
-  var theme = _ref9.theme,
-      checked = _ref9.checked,
-      disabled = _ref9.disabled;
-  return !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined;
-}, function (_ref10) {
-  var theme = _ref10.theme,
-      hasError = _ref10.hasError,
-      disabled = _ref10.disabled,
-      readOnly = _ref10.readOnly;
-  return !hasError && !disabled && !readOnly ? " border: 1px solid  ".concat(theme.colors.brand[600]) : undefined;
-});
-var StyledInput = /*#__PURE__*/styled__default['default'].input.withConfig({
+})(["width:", ";height:", ";border:1px solid ", ";border-radius:2px;position:relative;background:", ";", " &:focus-within{", ";&:hover{", "}}&:hover{background:", ";", ";}"], ({
+  theme
+}) => theme.space.xs, ({
+  theme
+}) => theme.space.xs, ({
+  theme,
+  hasError
+}) => hasError ? theme.colors.danger[900] : theme.colors.neutral[400], ({
+  theme,
+  disabled
+}) => styleHelpers.handleBackgroundColor(theme, disabled), ({
+  theme,
+  checked,
+  disabled,
+  readOnly,
+  hasError
+}) => styleHelpers.handleCheckmark(theme, checked, disabled, readOnly, hasError), ({
+  theme,
+  hasError,
+  disabled
+}) => !disabled && !hasError ? "border: 1px solid ".concat(theme.colors.brand[600], " ") : undefined, ({
+  theme,
+  checked,
+  disabled,
+  readOnly,
+  hasError
+}) => styleHelpers.handleCheckmark(theme, checked, disabled, readOnly, hasError, true), ({
+  theme,
+  checked,
+  disabled
+}) => !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined, ({
+  theme,
+  hasError,
+  disabled,
+  readOnly
+}) => !hasError && !disabled && !readOnly ? " border: 1px solid  ".concat(theme.colors.brand[600]) : undefined);
+const StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
   componentId: "sc-349ih4-2"
 })(["&:hover{cursor:pointer;}height:100%;position:absolute;top:0;left:0;opacity:0;"]);
-var StyledLabel = /*#__PURE__*/styled__default['default'].label.withConfig({
+const StyledLabel = /*#__PURE__*/styled__default["default"].label.withConfig({
   componentId: "sc-349ih4-3"
-})(["&:hover{cursor:pointer;}padding-left:", ";color:", ";font-size:13px;line-height:13px;display:inherit;"], function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.space.xxs;
-}, function (_ref12) {
-  var theme = _ref12.theme,
-      disabled = _ref12.disabled,
-      readOnly = _ref12.readOnly,
-      checked = _ref12.checked;
-  return disabled && checked !== true || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800];
-});
+})(["&:hover{cursor:pointer;}padding-left:", ";color:", ";font-size:13px;line-height:13px;"], ({
+  theme
+}) => theme.space.xxs, ({
+  theme,
+  disabled,
+  readOnly,
+  checked
+}) => disabled && checked !== true || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]);
 
 exports.StyledCheckBox = StyledCheckBox;
 exports.StyledContainer = StyledContainer;
 exports.StyledInput = StyledInput;
 exports.StyledLabel = StyledLabel;
-//# sourceMappingURL=styles.js.map

package/cjs/controlled-checkbox/utils/setMultipleRefs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function setMultipleRefs(refs) {
-  return function (value) {
-    refs.forEach(function (ref) {
+  return value => {
+    refs.forEach(ref => {
       if (typeof ref === 'function') {
         ref(value);
       } else if (ref != null) {
@@ -15,4 +15,3 @@ function setMultipleRefs(refs) {
 }
 
 exports.setMultipleRefs = setMultipleRefs;
-//# sourceMappingURL=setMultipleRefs.js.map

package/cjs/controlled-checkbox/utils/styleHelpers.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /* eslint-disable max-params */
-var handleCheckMarkColor = function handleCheckMarkColor(_ref, disabled, readOnly, hasError, checked, isHovering) {
-  var colors = _ref.colors;
-
+const handleCheckMarkColor = ({
+  colors
+}, disabled, readOnly, hasError, checked, isHovering) => {
   if (hasError) {
     return colors.danger[900];
   }
@@ -20,9 +20,7 @@ var handleCheckMarkColor = function handleCheckMarkColor(_ref, disabled, readOnl
 
   return colors.brand[500];
 };
-var handleCheckmark = function handleCheckmark(theme, checked, disabled, readOnly, hasError) {
-  var isHovering = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-
+const handleCheckmark = (theme, checked, disabled, readOnly, hasError, isHovering = false) => {
   if (checked === 'mixed') {
     return "&:before {\n      position: absolute;\n    content: '';\n    top: 6px;\n    left: 3px;\n    background: ".concat(handleCheckMarkColor(theme, disabled, readOnly, hasError, checked, isHovering), ";\n    width: ").concat(theme.space.xxs, ";\n    height: 2px;\n    }");
   }
@@ -33,9 +31,9 @@ var handleCheckmark = function handleCheckmark(theme, checked, disabled, readOnl
 
   return undefined;
 };
-var handleBackgroundColor = function handleBackgroundColor(_ref2, disabled) {
-  var colors = _ref2.colors;
-
+const handleBackgroundColor = ({
+  colors
+}, disabled) => {
   if (disabled) {
     return colors.neutral['080'];
   }
@@ -46,4 +44,3 @@ var handleBackgroundColor = function handleBackgroundColor(_ref2, disabled) {
 exports.handleBackgroundColor = handleBackgroundColor;
 exports.handleCheckMarkColor = handleCheckMarkColor;
 exports.handleCheckmark = handleCheckmark;
-//# sourceMappingURL=styleHelpers.js.map

package/cjs/controlled-date-range-picker/ControlledDateRangePicker.js

@@ -2,126 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
-var controlledDateRangePicker_config_useControlledDateRangePicker = require('./config/useControlledDateRangePicker.js');
-var controlledDateRangePicker_parts_ControlledDateRangeContent = require('./parts/ControlledDateRangeContent.js');
-var controlledDateRangePicker_propTypes = require('./propTypes.js');
-var controlledDateRangePicker_ControlledDateRangePickerCTX = require('./ControlledDateRangePickerCTX.js');
-require('uid');
-require('./config/useGetPropsWithDefault.js');
-require('@elliemae/ds-props-helpers');
-require('./config/useRangePickerLogic.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('../controlled-date-time-picker/ControlledDateTimePicker.js');
-require('../controlled-date-time-picker/propTypes.js');
-require('../controlled-date-time-picker/config/useControlledDateTimePicker.js');
-require('../controlled-date-time-picker/config/useGetPropsWithDefault.js');
-require('../controlled-date-time-picker/ControlledDateTimePickerCTX.js');
-require('../controlled-date-time-picker/ControlledDateTimePickerTypes.js');
-require('../controlled-date-time-picker/config/useGetDestructuredValues.js');
-require('../controlled-date-time-picker/utils/stringHelpers.js');
-require('../controlled-date-time-picker/utils/constants.js');
-require('../controlled-date-time-picker/utils/numberHelpers.js');
-require('../controlled-date-time-picker/config/useValidateProps.js');
-require('@babel/runtime/helpers/typeof');
-require('../controlled-date-time-picker/utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../controlled-date-time-picker/utils/timeHelpers.js');
-require('../controlled-date-time-picker/parts/ControlledDateTimePickerContent.js');
-require('@elliemae/ds-grid');
-require('../controlled-date-time-picker/parts/Styleds.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('../controlled-date-time-picker/parts/DateInputs/DateInputs.js');
-require('../controlled-date-time-picker/parts/DateInputs/MMInput.js');
-require('../controlled-date-time-picker/ControlledDateTimePickerDatatestid.js');
-require('../controlled-date-time-picker/parts/DateInputs/DDInput.js');
-require('../controlled-date-time-picker/parts/DateInputs/YYYYInput.js');
-require('../controlled-date-time-picker/parts/DateInputs/useDateInputs.js');
-require('../controlled-date-time-picker/parts/config.js');
-require('../controlled-date-time-picker/parts/TimeInputs/TimeInputs.js');
-require('../controlled-date-time-picker/parts/TimeInputs/HHInput.js');
-require('../controlled-date-time-picker/parts/TimeInputs/MinutesInput.js');
-require('../controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js');
-require('../controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js');
-require('../controlled-date-time-picker/parts/Pickers/PickersIcons.js');
-require('../controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js');
-require('../controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js');
-require('@elliemae/ds-icons');
-require('../controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js');
-require('../controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/Day.js');
-require('@babel/runtime/helpers/extends');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js');
-require('../controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
-require('../controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
-require('../controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js');
-require('../controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js');
-require('react-popper');
-require('../controlled-date-time-picker/utils/hooks/useOnClickOutside.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js');
-require('../controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js');
-require('../controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js');
-require('../controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js');
-require('../controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js');
-require('../controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js');
-require('../controlled-date-time-picker/parts/ClearButton/ClearButton.js');
-require('@elliemae/ds-icon');
-require('../controlled-date-time-picker/parts/ClearButton/useClearButton.js');
-require('./ControlledDateRangePickerTypes.js');
-require('./parts/ControlledDateRangeFromDate.js');
-require('./parts/ControlledDateRangeToDate.js');
-require('./parts/ControlledDateRangeCalendar.js');
-require('./ControlledDateRangePickerDatatestid.js');
+var useControlledDateRangePicker = require('./config/useControlledDateRangePicker.js');
+var ControlledDateRangeContent = require('./parts/ControlledDateRangeContent.js');
+var propTypes = require('./propTypes.js');
+var ControlledDateRangePickerCTX = require('./ControlledDateRangePickerCTX.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);
 
-/* eslint-disable max-lines */
+var _ControlledDateRangeC;
 
-var DSControlledDateRangePicker = function DSControlledDateRangePicker(props) {
-  var ctx = controlledDateRangePicker_config_useControlledDateRangePicker.useControlledDateRangePicker(props);
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateRangePicker_ControlledDateRangePickerCTX.ControlledDateRangePickerContext.Provider, {
+const DSControlledDateRangePicker = props => {
+  const ctx = useControlledDateRangePicker.useControlledDateRangePicker(props);
+  return /*#__PURE__*/_jsx__default["default"](ControlledDateRangePickerCTX.ControlledDateRangePickerContext.Provider, {
     value: ctx
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateRangePicker_parts_ControlledDateRangeContent.ControlledDateRangeContent, null));
+  }, void 0, _ControlledDateRangeC || (_ControlledDateRangeC = /*#__PURE__*/_jsx__default["default"](ControlledDateRangeContent.ControlledDateRangeContent, {})));
 };
 
-DSControlledDateRangePicker.propTypes = controlledDateRangePicker_propTypes.propTypes;
-var DSControlledDateRangePickerWithSchema = reactDesc.describe(DSControlledDateRangePicker);
-DSControlledDateRangePickerWithSchema.propTypes = controlledDateRangePicker_propTypes.propTypes;
+const DSControlledDateRangePickerWithSchema = reactDesc.describe(DSControlledDateRangePicker);
+DSControlledDateRangePickerWithSchema.propTypes = propTypes.propTypes;
 
 exports.DSControlledDateRangePicker = DSControlledDateRangePicker;
 exports.DSControlledDateRangePickerWithSchema = DSControlledDateRangePickerWithSchema;
-//# sourceMappingURL=ControlledDateRangePicker.js.map

package/cjs/controlled-date-range-picker/ControlledDateRangePickerCTX.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop = function noop() {};
+const noop = () => {};
 
-var defaultReturnFalse = function defaultReturnFalse() {
-  return false;
-};
+const defaultReturnFalse = () => false;
 
-var defaultProps = {
+const defaultProps = {
   type: 'full-date-range',
   fromDate: '',
   onFromDateChange: noop,
@@ -32,7 +30,7 @@ var defaultProps = {
   getIsOutOfRangeDay: defaultReturnFalse,
   autoFocus: false
 };
-var defaultContext = {
+const defaultContext = {
   props: defaultProps,
   rangePickerLogic: {
     latestChangedDate: '',
@@ -55,9 +53,8 @@ var defaultContext = {
 };
 /** Context for cross component communication */
 
-var ControlledDateRangePickerContext = /*#__PURE__*/React.createContext(defaultContext);
+const ControlledDateRangePickerContext = /*#__PURE__*/React.createContext(defaultContext);
 
 exports.ControlledDateRangePickerContext = ControlledDateRangePickerContext;
-exports['default'] = ControlledDateRangePickerContext;
+exports["default"] = ControlledDateRangePickerContext;
 exports.defaultProps = defaultProps;
-//# sourceMappingURL=ControlledDateRangePickerCTX.js.map

package/cjs/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js

@@ -2,9 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ControlledDateRangePickerDatatestid = {
-  WRAPPER: 'ds-controlled-date-range-picker-wrapper'
+const ControlledDateRangePickerDatatestid = {
+  FROM_DATE_INPUTS: {
+    MONTH: 'ds-controlled-date-range-picker-from-month-input',
+    DAY: 'ds-controlled-date-range-picker-from-day-input',
+    YEAR: 'ds-controlled-date-range-picker-from-year-input'
+  },
+  TO_DATE_INPUTS: {
+    MONTH: 'ds-controlled-date-range-picker-to-month-input',
+    DAY: 'ds-controlled-date-range-picker-to-day-input',
+    YEAR: 'ds-controlled-date-range-picker-to-year-input'
+  },
+  PICKER_ICON: 'ds-controlled-date-range-picker-calendar-trigger-icon',
+  CALENDAR: {
+    DAY: 'ds-controlled-date-range-picker-calendar-day',
+    FROM_DAY: 'ds-controlled-date-range-picker-calendar-from-day',
+    TO_DAY: 'ds-controlled-date-range-picker-calendar-to-day'
+  },
+  FROM_CLEAR_BUTTON: 'ds-controlled-date-range-picker-from-clear-btn',
+  TO_CLEAR_BUTTON: 'ds-controlled-date-range-picker-to-clear-btn'
 };
 
 exports.ControlledDateRangePickerDatatestid = ControlledDateRangePickerDatatestid;
-//# sourceMappingURL=ControlledDateRangePickerDatatestid.js.map

package/cjs/controlled-date-range-picker/ControlledDateRangePickerTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /* eslint-disable @typescript-eslint/prefer-as-const */
-var CONTROLLED_DATE_RANGE_PICKER_TYPES = {
+const CONTROLLED_DATE_RANGE_PICKER_TYPES = {
   FULL: 'full-date-range',
   CONTROLLER_ONLY: 'date-range-picker-controller-only',
   PICKER: 'date-range-picker',
@@ -11,4 +11,3 @@ var CONTROLLED_DATE_RANGE_PICKER_TYPES = {
 };
 
 exports.CONTROLLED_DATE_RANGE_PICKER_TYPES = CONTROLLED_DATE_RANGE_PICKER_TYPES;
-//# sourceMappingURL=ControlledDateRangePickerTypes.js.map