@elliemae/ds-date-time-recurrence-picker 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/components/DateTimeRecurenceSelectorImpl.js

@@ -1,25 +1,32 @@
 'use strict';
 
-var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.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 React = require('react');
 var lodash = require('lodash');
 require('react-dates/initialize');
 var reactSelect = require('react-select');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var DateTimeRangeModal = require('./DateTimeRangeModal/DateTimeRangeModal.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 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; }
+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 {
   cssClassName,
   classNameElement,
@@ -30,7 +37,7 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default['default'](this, "onChange", () => {
+    this.onChange = () => {
       const {
         onChange
       } = this.props;
@@ -39,15 +46,15 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
         selected
       } = this.state;
       onChange(selected, customRange);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onCustomDateTimeRange", customRange => {
+    this.onCustomDateTimeRange = customRange => {
       this.setState({
         customRange
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "onChangeDropdown", value => {
+    this.onChangeDropdown = value => {
       const {
         dropdownPreselectedOptions
       } = this.props;
@@ -69,9 +76,9 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
           openModal: false
         });
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleConfirm", () => {
+    this.handleConfirm = () => {
       const {
         onConfirmField,
         customOptionRender: CustomOptionRender,
@@ -84,7 +91,7 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
       const {
         customRange
       } = this.state;
-      this.props.advanceOption.label = /*#__PURE__*/_jsx__default['default'](CustomOptionRender, {
+      this.props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](CustomOptionRender, {
         allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
         customRange: customRange,
         dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
@@ -95,33 +102,33 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
       this.onChange();
       this.handleCloseModal();
       onConfirmField();
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleReject", () => {
+    this.handleReject = () => {
       const {
         onRejectField
       } = this.props;
       this.handleActionClose();
       onRejectField();
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleActionClose", () => {
+    this.handleActionClose = () => {
       this.setState(previousState => ({
         selected: previousState.previousSelection
       }));
       this.handleCloseModal();
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleOpenModal", () => this.setState({
+    this.handleOpenModal = () => this.setState({
       openModal: true
-    }));
+    });
 
-    _defineProperty__default['default'](this, "handleCloseModal", () => {
+    this.handleCloseModal = () => {
       this.setState({
         openModal: false
       });
       setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680
-    });
+    };
 
     this.initCustomRange = props.customRange;
     this.state = {
@@ -134,7 +141,7 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
 
     if (props.value === props.advanceOption.value) {
       // eslint-disable-next-line no-param-reassign
-      props.advanceOption.label = /*#__PURE__*/_jsx__default['default'](props.customOptionRender, {
+      props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](props.customOptionRender, {
         allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
         customRange: props.customRange,
         dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
@@ -149,7 +156,7 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
     if (props.customRange && !lodash.isEqual(props.customRange, state.previousCustomRange)) {
       if (props.value === props.advanceOption.value) {
         // eslint-disable-next-line no-param-reassign
-        props.advanceOption.label = /*#__PURE__*/_jsx__default['default'](props.customOptionRender, {
+        props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](props.customOptionRender, {
           allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
           customRange: props.customRange,
           dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
@@ -212,11 +219,11 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
     } = this.state;
     const options = [...dropdownPreselectedOptions, advanceOption];
     return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `${cssClassName} ${className}`,
-      children: [/*#__PURE__*/_jsx__default['default']("div", {
-        className: `${classNameBlock('container-selector')}`
-      }, void 0, /*#__PURE__*/_jsx__default['default'](DSComboBox__default['default'], {
-        className: `${classNameElement('dropdown-field-selector')}`,
+      className: "".concat(cssClassName, " ").concat(className),
+      children: [/*#__PURE__*/_jsx__default["default"]("div", {
+        className: "".concat(classNameBlock('container-selector'))
+      }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+        className: "".concat(classNameElement('dropdown-field-selector')),
         components: {
           Option: props => /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.Option, _objectSpread(_objectSpread({}, props), {}, {
             allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
@@ -232,7 +239,7 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
         options: options,
         placeholder: placeholder,
         value: selected
-      })), /*#__PURE__*/_jsx__default['default'](DateTimeRangeModal, {
+      })), /*#__PURE__*/_jsx__default["default"](DateTimeRangeModal, {
         allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
         appElement: appElement,
         confirmLabel: confirmLabel,

package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js

@@ -1,8 +1,12 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
 require('react');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var nthday = require('../helpers/nthday.js');
 var dropdownDayOfMonthOptions = require('../../options/dropdownDayOfMonthOptions.js');
 var FormLabel = require('../Forms/FormLabel.js');
@@ -12,23 +16,23 @@ var FormGroup = require('../Forms/FormGroup.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
-const DaysOfMonthPicker = ({
-  onDayChange = () => null,
-  dayOfMonthValue = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions[0].value,
-  dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
-  displayOptionsAsCurrentDate = true,
-  currentDate = null,
-  inputLabel = 'On',
-  dayOfMonthAsCurrentDateOptions,
-  displayMonthCustomOption
-}) => {
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
+    displayOptionsAsCurrentDate = true,
+    currentDate = null,
+    inputLabel = 'On',
+    dayOfMonthAsCurrentDateOptions,
+    displayMonthCustomOption
+  } = _ref;
   let options = dayOfMonthOptions;
 
   if (displayOptionsAsCurrentDate) {
-    const numberoption = `on the ${currentDate.format('Do')} of the month`;
-    const nthoption = `on the ${nthday.nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of the month`;
+    const numberoption = "on the ".concat(currentDate.format('Do'), " of the month");
+    const nthoption = "on the ".concat(nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of the month");
     options = [];
 
     if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {
@@ -42,7 +46,7 @@ const DaysOfMonthPicker = ({
 
     if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {
       options.push({
-        numberLabel: `${nthday.nthDay(currentDate.toDate())} ${currentDate.format('dddd')}`,
+        numberLabel: "".concat(nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd')),
         label: nthoption,
         value: nthoption,
         dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth'
@@ -60,7 +64,7 @@ const DaysOfMonthPicker = ({
     onDayChange(options[0].value, options[0]);
   }
 
-  return /*#__PURE__*/_jsx__default['default'](FormGroup, {}, void 0, /*#__PURE__*/_jsx__default['default'](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default['default'](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSComboBox__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     onChange: value => onDayChange(value, options.find(o => o.value === value)),
     options: options,
     value: selected

package/cjs/components/DayOfYearPicker/DayOfYearPicker.js

@@ -1,8 +1,12 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
 require('react');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var nthday = require('../helpers/nthday.js');
 var dropdownDayOfMonthOptions = require('../../options/dropdownDayOfMonthOptions.js');
 var FormGroup = require('../Forms/FormGroup.js');
@@ -12,23 +16,23 @@ var FormFieldGroup = require('../Forms/FormFieldGroup.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
-const DaysOfMonthPicker = ({
-  onDayChange = () => null,
-  dayOfMonthValue = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions[0].value,
-  dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
-  displayOptionsAsCurrentDate = true,
-  currentDate = null,
-  inputLabel = 'On',
-  dayOfYearAsCurrentDateOptions,
-  displayYearCustomOption
-}) => {
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
+    displayOptionsAsCurrentDate = true,
+    currentDate = null,
+    inputLabel = 'On',
+    dayOfYearAsCurrentDateOptions,
+    displayYearCustomOption
+  } = _ref;
   let options = dayOfMonthOptions;
 
   if (displayOptionsAsCurrentDate) {
-    const numberoption = `on the ${currentDate.format('Do')} of ${currentDate.format('MMMM')}`;
-    const nthoption = `on the ${nthday.nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of ${currentDate.format('MMMM')}`;
+    const numberoption = "on the ".concat(currentDate.format('Do'), " of ").concat(currentDate.format('MMMM'));
+    const nthoption = "on the ".concat(nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of ").concat(currentDate.format('MMMM'));
     options = [];
 
     if (dayOfYearAsCurrentDateOptions.indexOf('numberOfYear') > -1) {
@@ -52,7 +56,7 @@ const DaysOfMonthPicker = ({
     }
   }
 
-  return /*#__PURE__*/_jsx__default['default'](FormGroup, {}, void 0, /*#__PURE__*/_jsx__default['default'](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default['default'](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSComboBox__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     onChange: value => {
       onDayChange(value, options.find(o => o.value === value));
     },

package/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js

@@ -1,12 +1,11 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSRadioGroup = require('@elliemae/ds-basic/form/RadioGroup');
-var DSRadio = require('@elliemae/ds-basic/form/Radio');
-var DSCheckboxGroup = require('@elliemae/ds-basic/form/CheckboxGroup');
-var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
+var dsForm = require('@elliemae/ds-form');
 var dropdownDayOfWeekOptions = require('../../options/dropdownDayOfWeekOptions.js');
 var FormGroup = require('../Forms/FormGroup.js');
 var FormFieldGroup = require('../Forms/FormFieldGroup.js');
@@ -15,10 +14,6 @@ var FormLabel = require('../Forms/FormLabel.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSRadioGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSRadioGroup);
-var DSRadio__default = /*#__PURE__*/_interopDefaultLegacy(DSRadio);
-var DSCheckboxGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckboxGroup);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
 
 const {
   cssClassName
@@ -30,37 +25,44 @@ const getActive = (allowMultipleDaysOfWeek, active) => {
   return [active];
 };
 
-const DaysOfWeekPicker = ({
-  allowMultipleDaysOfWeek = false,
-  onDayChange = () => null,
-  active = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions[0].value,
-  options = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions,
-  inputLabel = 'On'
-}) => {
+const DaysOfWeekPicker = _ref => {
+  let {
+    allowMultipleDaysOfWeek = false,
+    onDayChange = () => null,
+    active = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions[0].value,
+    options = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions,
+    inputLabel = 'On'
+  } = _ref;
   const safeActive = getActive(allowMultipleDaysOfWeek, active);
-  return /*#__PURE__*/_jsx__default['default'](FormGroup, {
+  return /*#__PURE__*/_jsx__default["default"](FormGroup, {
     className: cssClassName
-  }, void 0, /*#__PURE__*/_jsx__default['default'](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default['default'](FormFieldGroup, {}, void 0, !allowMultipleDaysOfWeek && /*#__PURE__*/_jsx__default['default'](DSRadioGroup__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, !allowMultipleDaysOfWeek && /*#__PURE__*/_jsx__default["default"](dsForm.DSRadioGroup, {
     activeValue: safeActive,
     onChange: onDayChange,
     orientation: "horizontal"
-  }, void 0, options.map(({
-    label,
-    value
-  }, index) => /*#__PURE__*/_jsx__default['default'](DSRadio__default['default'], {
-    labelText: label,
-    value: value
-  }, index))), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx__default['default'](DSCheckboxGroup__default['default'], {
+  }, void 0, options.map((_ref2, index) => {
+    let {
+      label,
+      value
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](dsForm.DSRadio, {
+      labelText: label,
+      value: value
+    }, index);
+  })), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckboxGroup, {
     activeValue: safeActive,
     onChange: onDayChange,
     orientation: "horizontal"
-  }, void 0, options.map(({
-    label,
-    value
-  }, index) => /*#__PURE__*/_jsx__default['default'](DSCheckbox__default['default'], {
-    labelText: label,
-    value: value
-  }, index)))));
+  }, void 0, options.map((_ref3, index) => {
+    let {
+      label,
+      value
+    } = _ref3;
+    return /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
+      labelText: label,
+      value: value
+    }, index);
+  }))));
 };
 
 module.exports = DaysOfWeekPicker;

package/cjs/components/EndDate/EndDate.js

@@ -3,7 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var DSDatePicker = require('@elliemae/ds-date-picker');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var endTypesOptions = require('../../options/endTypesOptions.js');
 var FormField = require('../Forms/FormField.js');
 var FormLabel = require('../Forms/FormLabel.js');
@@ -14,35 +14,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DSDatePicker);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
 var _FormLabel, _FormField;
 
-const EndDate = ({
-  onEndDateChange = () => null,
-  onEndTypeChange = () => null,
-  onEndTimesChange = () => null,
-  endDateValue = null,
-  endTypeValue = null,
-  endTypesOptions: endTypesOptions$1 = [],
-  endTimesOptions = [],
-  endTimesValue = null,
-  endDayBlocked
-}) => /*#__PURE__*/_jsx__default['default'](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default['default'](FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx__default['default'](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default['default'](FormField, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSComboBox__default['default'], {
-  onChange: onEndTypeChange,
-  options: endTypesOptions$1,
-  value: endTypeValue
-})), endTypeValue === endTypesOptions.endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx__default['default'](FormField, {}, void 0, /*#__PURE__*/_jsx__default['default']("div", {})))), endTypeValue === endTypesOptions.endTypes.ON && /*#__PURE__*/_jsx__default['default'](FormField, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSDatePicker__default['default'], {
-  appendToBody: true,
-  date: endDateValue,
-  isDayBlocked: endDayBlocked,
-  onDateChange: onEndDateChange,
-  openDirection: "up",
-  zIndex: 10
-})), endTypeValue === endTypesOptions.endTypes.AFTER && /*#__PURE__*/_jsx__default['default'](FormField, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSComboBox__default['default'], {
-  onChange: onEndTimesChange,
-  options: endTimesOptions,
-  value: endTimesValue
-}))));
+const EndDate = _ref => {
+  let {
+    onEndDateChange = () => null,
+    onEndTypeChange = () => null,
+    onEndTimesChange = () => null,
+    endDateValue = null,
+    endTypeValue = null,
+    endTypesOptions: endTypesOptions$1 = [],
+    endTimesOptions = [],
+    endTimesValue = null,
+    endDayBlocked
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+    onChange: onEndTypeChange,
+    options: endTypesOptions$1,
+    value: endTypeValue
+  })), endTypeValue === endTypesOptions.endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {})))), endTypeValue === endTypesOptions.endTypes.ON && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
+    appendToBody: true,
+    date: endDateValue,
+    isDayBlocked: endDayBlocked,
+    onDateChange: onEndDateChange,
+    openDirection: "up",
+    zIndex: 10
+  })), endTypeValue === endTypesOptions.endTypes.AFTER && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+    onChange: onEndTimesChange,
+    options: endTimesOptions,
+    value: endTimesValue
+  }))));
+};
 
 module.exports = EndDate;

package/cjs/components/FieldWrapper/FieldWrapper.js

@@ -12,11 +12,12 @@ const {
   cssClassName
 } = dsClassnames.convertPropToCssClassName('field-wrapper');
 
-function FieldWrapper({
-  children
-}) {
-  return /*#__PURE__*/_jsx__default['default']("div", {
-    className: `${cssClassName}`
+function FieldWrapper(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "".concat(cssClassName)
   }, void 0, children);
 }
 

package/cjs/components/LabelWrapper/LabelWrapper.js

@@ -12,11 +12,12 @@ const {
   cssClassName
 } = dsClassnames.convertPropToCssClassName('label-wrapper');
 
-function LabelWrapper({
-  children
-}) {
-  return /*#__PURE__*/_jsx__default['default']("div", {
-    className: `${cssClassName}`
+function LabelWrapper(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "".concat(cssClassName)
   }, void 0, children);
 }
 

package/cjs/components/RepeatPickerInput/RepeatPickerInput.js

@@ -3,10 +3,15 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+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 React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
+var dsForm = require('@elliemae/ds-form');
 var FormGroup = require('../Forms/FormGroup.js');
 var FormLabel = require('../Forms/FormLabel.js');
 var FormFieldGroup = require('../Forms/FormFieldGroup.js');
@@ -18,34 +23,33 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
 const _excluded = ["onChange", "onKeyDown", "value"];
 
 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; }
+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 {
   cssClassName
 } = dsClassnames.convertPropToCssClassName('repeat-picker-input-range-selector');
 
-const RepeatPickerInput = ({
-  onQtyChange = () => null,
-  onTypeChange = () => null,
-  qtyValue = 1,
-  repeatOptions = [],
-  repeatOptionsValue = null,
-  repeatInputLabel = 'Repeats every',
-  repeatFrecuencyCustomProps = {}
-}) => {
+const RepeatPickerInput = _ref => {
+  let {
+    onQtyChange = () => null,
+    onTypeChange = () => null,
+    qtyValue = 1,
+    repeatOptions = [],
+    repeatOptionsValue = null,
+    repeatInputLabel = 'Repeats every',
+    repeatFrecuencyCustomProps = {}
+  } = _ref;
   const [last, setLast] = React.useState('');
 
-  const rest = _objectWithoutProperties__default['default'](repeatFrecuencyCustomProps, _excluded);
+  const rest = _objectWithoutProperties__default["default"](repeatFrecuencyCustomProps, _excluded);
 
-  return /*#__PURE__*/_jsx__default['default'](FormGroup, {
+  return /*#__PURE__*/_jsx__default["default"](FormGroup, {
     className: cssClassName
-  }, void 0, /*#__PURE__*/_jsx__default['default'](FormLabel, {}, void 0, repeatInputLabel), /*#__PURE__*/_jsx__default['default'](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default['default'](FormField, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSTextBox__default['default'], _objectSpread({
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, repeatInputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSTextBox, _objectSpread({
     onChange: e => {
       if (last !== 69) onQtyChange(e.target.value);
     },
@@ -55,7 +59,7 @@ const RepeatPickerInput = ({
     },
     type: "number",
     value: qtyValue
-  }, rest || {}))), /*#__PURE__*/_jsx__default['default'](FormField, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSComboBox__default['default'], {
+  }, rest || {}))), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     onChange: onTypeChange,
     options: repeatOptions,
     value: repeatOptionsValue