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

package/esm/components/AlertModal/DateTimeRangeModal.js

@@ -3,55 +3,58 @@ import 'react';
 import DSModal from '@elliemae/ds-modal';
 import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
 
-const DateTimeRangeModal = ({
-  isOpen = false,
-  onClose = () => null,
-  modalTitle = 'Report Scheduling',
-  modalSize = 'medium ',
-  confirmLabel = 'Apply',
-  rejectLabel = 'Cancel',
-  modalType = 'confirm',
-  onConfirmField = () => null,
-  onRejectField = () => null,
-  appElement = null,
-  onCustomDateTimeRange = () => null,
-  displayCurrentMonthYear = true,
-  dropdownDayOfMonthOptions = [],
-  dropdownDayOfWeekOptions = [],
-  dropdownDayOfYearOptions = [],
-  dropdownRepeatOptions = [],
-  rangeValue = {},
-  dayOfMonthOptionsEnable = true,
-  dayOfWeekOptionsEnable = true,
-  dayOfYearOptionsEnable = true,
-  timeZoneOptions = [],
-  useTimezoneSelector = false,
-  allowMultipleDaysOfWeek = false
-}) => /*#__PURE__*/_jsx(DSModal, {
-  appElement: appElement,
-  confirmLabel: confirmLabel,
-  isOpen: isOpen,
-  modalTitle: modalTitle,
-  modalType: modalType,
-  onClose: onClose,
-  onConfirm: onConfirmField,
-  onReject: onRejectField,
-  rejectLabel: rejectLabel,
-  size: modalSize
-}, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
-  allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-  dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-  dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-  dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-  displayCurrentMonthYear: displayCurrentMonthYear,
-  dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
-  dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
-  dropdownDayOfYearOptions: dropdownDayOfYearOptions,
-  dropdownRepeatOptions: dropdownRepeatOptions,
-  onCustomDateTimeRange: onCustomDateTimeRange,
-  rangeValue: rangeValue,
-  timeZoneOptions: timeZoneOptions,
-  useTimezoneSelector: useTimezoneSelector
-}));
+const DateTimeRangeModal = _ref => {
+  let {
+    isOpen = false,
+    onClose = () => null,
+    modalTitle = 'Report Scheduling',
+    modalSize = 'medium ',
+    confirmLabel = 'Apply',
+    rejectLabel = 'Cancel',
+    modalType = 'confirm',
+    onConfirmField = () => null,
+    onRejectField = () => null,
+    appElement = null,
+    onCustomDateTimeRange = () => null,
+    displayCurrentMonthYear = true,
+    dropdownDayOfMonthOptions = [],
+    dropdownDayOfWeekOptions = [],
+    dropdownDayOfYearOptions = [],
+    dropdownRepeatOptions = [],
+    rangeValue = {},
+    dayOfMonthOptionsEnable = true,
+    dayOfWeekOptionsEnable = true,
+    dayOfYearOptionsEnable = true,
+    timeZoneOptions = [],
+    useTimezoneSelector = false,
+    allowMultipleDaysOfWeek = false
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSModal, {
+    appElement: appElement,
+    confirmLabel: confirmLabel,
+    isOpen: isOpen,
+    modalTitle: modalTitle,
+    modalType: modalType,
+    onClose: onClose,
+    onConfirm: onConfirmField,
+    onReject: onRejectField,
+    rejectLabel: rejectLabel,
+    size: modalSize
+  }, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
+    allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+    dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
+    dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
+    dayOfYearOptionsEnable: dayOfYearOptionsEnable,
+    displayCurrentMonthYear: displayCurrentMonthYear,
+    dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
+    dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
+    dropdownDayOfYearOptions: dropdownDayOfYearOptions,
+    dropdownRepeatOptions: dropdownRepeatOptions,
+    onCustomDateTimeRange: onCustomDateTimeRange,
+    rangeValue: rangeValue,
+    timeZoneOptions: timeZoneOptions,
+    useTimezoneSelector: useTimezoneSelector
+  }));
+};
 
 export { DateTimeRangeModal as default };

package/esm/components/CustomOptionRender/CustomOptionRender.js

@@ -42,44 +42,45 @@ timezonePickerInput
 }
  */
 
-const CustomOptionRender = ({
-  customRange: {
-    startDateInput,
-    startTimeInput,
-    qtyRepeatPickerInput,
-    typeRepeatPickerInput,
-    dayWeekRepeatPickerInput,
-    endDateInput,
-    endTypeInput,
-    endTimesInput,
-    dayOfMonthRepeatPickerInput,
-    dayOfYearRepeatPickerInput,
-    timezonePickerInput
-  },
-  dayOfMonthOptionsEnable,
-  dayOfWeekOptionsEnable,
-  dayOfYearOptionsEnable,
-  useTimezoneSelector
-}) => {
+const CustomOptionRender = _ref => {
+  let {
+    customRange: {
+      startDateInput,
+      startTimeInput,
+      qtyRepeatPickerInput,
+      typeRepeatPickerInput,
+      dayWeekRepeatPickerInput,
+      endDateInput,
+      endTypeInput,
+      endTimesInput,
+      dayOfMonthRepeatPickerInput,
+      dayOfYearRepeatPickerInput,
+      timezonePickerInput
+    },
+    dayOfMonthOptionsEnable,
+    dayOfWeekOptionsEnable,
+    dayOfYearOptionsEnable,
+    useTimezoneSelector
+  } = _ref;
   let display = 'Custom'; // frequency
 
-  if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display = `every ${qtyRepeatPickerInput} ${typeRepeatPickerInput}s`; // type
+  if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display = "every ".concat(qtyRepeatPickerInput, " ").concat(typeRepeatPickerInput, "s"); // type
 
   if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK) {
-    display += dayOfWeekOptionsEnable ? ` on ${dayWeekRepeatPickerInput} ` : '';
+    display += dayOfWeekOptionsEnable ? " on ".concat(dayWeekRepeatPickerInput, " ") : '';
   } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH) {
-    display += dayOfMonthOptionsEnable ? ` ${dayOfMonthRepeatPickerInput} ` : '';
+    display += dayOfMonthOptionsEnable ? " ".concat(dayOfMonthRepeatPickerInput, " ") : '';
   } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR) {
-    display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : '';
+    display += dayOfYearOptionsEnable ? " ".concat(dayOfYearRepeatPickerInput, " ") : '';
   } // start & end
 
 
   if (startDateInput && startDateInput.format) {
-    display += ` starting on ${startDateInput.format('MM/DD/YYYY')} at ${startTimeInput.format('HH:mm A')}`;
+    display += " starting on ".concat(startDateInput.format('MM/DD/YYYY'), " at ").concat(startTimeInput.format('HH:mm A'));
   }
 
-  if (endTypeInput === endTypes.ON) display += `, until ${endDateInput.format('MM/DD/YYYY')} `;else if (endTypeInput === endTypes.AFTER) display += `, for ${endTimesInput} times`;
-  if (useTimezoneSelector && timezonePickerInput) display += ` [${timezonePickerInput}]`;
+  if (endTypeInput === endTypes.ON) display += ", until ".concat(endDateInput.format('MM/DD/YYYY'), " ");else if (endTypeInput === endTypes.AFTER) display += ", for ".concat(endTimesInput, " times");
+  if (useTimezoneSelector && timezonePickerInput) display += " [".concat(timezonePickerInput, "]");
   return /*#__PURE__*/_jsx("em", {}, void 0, display);
 };
 

package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -1,25 +1,30 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
 import DSModal from '@elliemae/ds-modal';
 import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
 
 class DateTimeRangeModal extends React.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    var _this;
+
+    super(...arguments);
+    _this = this;
 
     _defineProperty(this, "state", {
       isValid: true
     });
 
-    _defineProperty(this, "updateIsValid", (...data) => {
+    _defineProperty(this, "updateIsValid", function () {
       const {
         onCustomDateTimeRange = () => null,
         isValidRecurrence
-      } = this.props;
-      onCustomDateTimeRange(...data);
-      this.setState({
-        isValid: isValidRecurrence(...data)
+      } = _this.props;
+      onCustomDateTimeRange(...arguments);
+
+      _this.setState({
+        isValid: isValidRecurrence(...arguments)
       });
     });
   }

package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js

@@ -1,6 +1,11 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { Component } from 'react';
 import moment from 'moment';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
@@ -168,7 +173,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       dayOfMonthRepeatPickerInput: value,
       dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,
       alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),
-      alertReplace: option.number || `${option.numberLabel} `
+      alertReplace: option.number || "".concat(option.numberLabel, " ")
     }, () => {
       this.onChange();
     });
@@ -231,7 +236,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       displayYearCustomOption
     } = this.props;
     return /*#__PURE__*/_jsx("div", {
-      className: `${cssClassName}`
+      className: "".concat(cssClassName)
     }, void 0, /*#__PURE__*/_jsx(StartDateTime, {
       onStartDateChange: this.onStartDateChangeInput,
       onStartTimeChange: this.onStartTimeChangeInput,
@@ -283,7 +288,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
     }), /*#__PURE__*/_jsx(DSModal, {
       className: "datetime-alert-modal",
       isOpen: alertModal,
-      modalTitle: `Some months have fewer  than ${alertReplace} days` // modalType={modalType}
+      modalTitle: "Some months have fewer  than ".concat(alertReplace, " days") // modalType={modalType}
       ,
       onClose: () => this.setState({
         alertModal: false

package/esm/components/DateTimeRecurenceSelectorImpl.js

@@ -1,11 +1,19 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import { isEqual } from 'lodash';
 import 'react-dates/initialize';
 import { components } from 'react-select';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -204,11 +212,11 @@ class DateTimeRecurenceSelectorImpl extends Component {
     } = this.state;
     const options = [...dropdownPreselectedOptions, advanceOption];
     return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `${cssClassName} ${className}`,
+      className: "".concat(cssClassName, " ").concat(className),
       children: [/*#__PURE__*/_jsx("div", {
-        className: `${classNameBlock('container-selector')}`
+        className: "".concat(classNameBlock('container-selector'))
       }, void 0, /*#__PURE__*/_jsx(DSComboBox, {
-        className: `${classNameElement('dropdown-field-selector')}`,
+        className: "".concat(classNameElement('dropdown-field-selector')),
         components: {
           Option: props => /*#__PURE__*/jsx(components.Option, _objectSpread(_objectSpread({}, props), {}, {
             allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,

package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js

@@ -1,27 +1,32 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import 'react';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import { nthDay } from '../helpers/nthday.js';
 import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
 import FormLabel from '../Forms/FormLabel.js';
 import FormFieldGroup from '../Forms/FormFieldGroup.js';
 import FormGroup from '../Forms/FormGroup.js';
 
-const DaysOfMonthPicker = ({
-  onDayChange = () => null,
-  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
-  dayOfMonthOptions = dropdownDayOfMonthOptions,
-  displayOptionsAsCurrentDate = true,
-  currentDate = null,
-  inputLabel = 'On',
-  dayOfMonthAsCurrentDateOptions,
-  displayMonthCustomOption
-}) => {
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = 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(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(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of the month");
     options = [];
 
     if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {
@@ -35,7 +40,7 @@ const DaysOfMonthPicker = ({
 
     if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {
       options.push({
-        numberLabel: `${nthDay(currentDate.toDate())} ${currentDate.format('dddd')}`,
+        numberLabel: "".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd')),
         label: nthoption,
         value: nthoption,
         dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth'

package/esm/components/DayOfYearPicker/DayOfYearPicker.js

@@ -1,27 +1,32 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import 'react';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import { nthDay } from '../helpers/nthday.js';
 import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
 import FormGroup from '../Forms/FormGroup.js';
 import FormLabel from '../Forms/FormLabel.js';
 import FormFieldGroup from '../Forms/FormFieldGroup.js';
 
-const DaysOfMonthPicker = ({
-  onDayChange = () => null,
-  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
-  dayOfMonthOptions = dropdownDayOfMonthOptions,
-  displayOptionsAsCurrentDate = true,
-  currentDate = null,
-  inputLabel = 'On',
-  dayOfYearAsCurrentDateOptions,
-  displayYearCustomOption
-}) => {
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = 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(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(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of ").concat(currentDate.format('MMMM'));
     options = [];
 
     if (dayOfYearAsCurrentDateOptions.indexOf('numberOfYear') > -1) {

package/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js

@@ -1,10 +1,9 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSRadioGroup from '@elliemae/ds-basic/form/RadioGroup';
-import DSRadio from '@elliemae/ds-basic/form/Radio';
-import DSCheckboxGroup from '@elliemae/ds-basic/form/CheckboxGroup';
-import DSCheckbox from '@elliemae/ds-basic/form/Checkbox';
+import { DSRadioGroup, DSRadio, DSCheckboxGroup, DSCheckbox } from '@elliemae/ds-form';
 import { dropdownDayOfWeekOptions } from '../../options/dropdownDayOfWeekOptions.js';
 import FormGroup from '../Forms/FormGroup.js';
 import FormFieldGroup from '../Forms/FormFieldGroup.js';
@@ -20,13 +19,14 @@ const getActive = (allowMultipleDaysOfWeek, active) => {
   return [active];
 };
 
-const DaysOfWeekPicker = ({
-  allowMultipleDaysOfWeek = false,
-  onDayChange = () => null,
-  active = dropdownDayOfWeekOptions[0].value,
-  options = dropdownDayOfWeekOptions,
-  inputLabel = 'On'
-}) => {
+const DaysOfWeekPicker = _ref => {
+  let {
+    allowMultipleDaysOfWeek = false,
+    onDayChange = () => null,
+    active = dropdownDayOfWeekOptions[0].value,
+    options = dropdownDayOfWeekOptions,
+    inputLabel = 'On'
+  } = _ref;
   const safeActive = getActive(allowMultipleDaysOfWeek, active);
   return /*#__PURE__*/_jsx(FormGroup, {
     className: cssClassName
@@ -34,23 +34,29 @@ const DaysOfWeekPicker = ({
     activeValue: safeActive,
     onChange: onDayChange,
     orientation: "horizontal"
-  }, void 0, options.map(({
-    label,
-    value
-  }, index) => /*#__PURE__*/_jsx(DSRadio, {
-    labelText: label,
-    value: value
-  }, index))), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSCheckboxGroup, {
+  }, void 0, options.map((_ref2, index) => {
+    let {
+      label,
+      value
+    } = _ref2;
+    return /*#__PURE__*/_jsx(DSRadio, {
+      labelText: label,
+      value: value
+    }, index);
+  })), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSCheckboxGroup, {
     activeValue: safeActive,
     onChange: onDayChange,
     orientation: "horizontal"
-  }, void 0, options.map(({
-    label,
-    value
-  }, index) => /*#__PURE__*/_jsx(DSCheckbox, {
-    labelText: label,
-    value: value
-  }, index)))));
+  }, void 0, options.map((_ref3, index) => {
+    let {
+      label,
+      value
+    } = _ref3;
+    return /*#__PURE__*/_jsx(DSCheckbox, {
+      labelText: label,
+      value: value
+    }, index);
+  }))));
 };
 
 export { DaysOfWeekPicker as default };

package/esm/components/EndDate/EndDate.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import DSDatePicker from '@elliemae/ds-date-picker';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import { endTypes } from '../../options/endTypesOptions.js';
 import FormField from '../Forms/FormField.js';
 import FormLabel from '../Forms/FormLabel.js';
@@ -10,31 +10,34 @@ import FormFieldGroup from '../Forms/FormFieldGroup.js';
 
 var _FormLabel, _FormField;
 
-const EndDate = ({
-  onEndDateChange = () => null,
-  onEndTypeChange = () => null,
-  onEndTimesChange = () => null,
-  endDateValue = null,
-  endTypeValue = null,
-  endTypesOptions = [],
-  endTimesOptions = [],
-  endTimesValue = null,
-  endDayBlocked
-}) => /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
-  onChange: onEndTypeChange,
-  options: endTypesOptions,
-  value: endTypeValue
-})), endTypeValue === endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx("div", {})))), endTypeValue === endTypes.ON && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
-  appendToBody: true,
-  date: endDateValue,
-  isDayBlocked: endDayBlocked,
-  onDateChange: onEndDateChange,
-  openDirection: "up",
-  zIndex: 10
-})), endTypeValue === endTypes.AFTER && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
-  onChange: onEndTimesChange,
-  options: endTimesOptions,
-  value: endTimesValue
-}))));
+const EndDate = _ref => {
+  let {
+    onEndDateChange = () => null,
+    onEndTypeChange = () => null,
+    onEndTimesChange = () => null,
+    endDateValue = null,
+    endTypeValue = null,
+    endTypesOptions = [],
+    endTimesOptions = [],
+    endTimesValue = null,
+    endDayBlocked
+  } = _ref;
+  return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: onEndTypeChange,
+    options: endTypesOptions,
+    value: endTypeValue
+  })), endTypeValue === endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx("div", {})))), endTypeValue === endTypes.ON && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
+    appendToBody: true,
+    date: endDateValue,
+    isDayBlocked: endDayBlocked,
+    onDateChange: onEndDateChange,
+    openDirection: "up",
+    zIndex: 10
+  })), endTypeValue === endTypes.AFTER && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: onEndTimesChange,
+    options: endTimesOptions,
+    value: endTimesValue
+  }))));
+};
 
 export { EndDate as default };

package/esm/components/FieldWrapper/FieldWrapper.js

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

package/esm/components/LabelWrapper/LabelWrapper.js

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

package/esm/components/RepeatPickerInput/RepeatPickerInput.js

@@ -1,10 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState } from 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
-import DSTextBox from '@elliemae/ds-basic/form/TextBox';
+import { DSTextBox, DSComboBox } from '@elliemae/ds-form';
 import FormGroup from '../Forms/FormGroup.js';
 import FormLabel from '../Forms/FormLabel.js';
 import FormFieldGroup from '../Forms/FormFieldGroup.js';
@@ -20,15 +25,16 @@ const {
   cssClassName
 } = 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] = useState('');
 
   const rest = _objectWithoutProperties(repeatFrecuencyCustomProps, _excluded);