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

package/cjs/DSDateTimeRecurrenceSelector.js

@@ -19,93 +19,96 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSDateTimeRecurrenceSelector = ({
-  containerProps = {},
-  className = '',
-  preselectedOptions = dropdownPreselectedOptions.dropdownPreselectedOptions,
-  repeatOptions = dropdownRepeatOptions.dropdownRepeatOptions,
-  endTypesOptions: endTypesOptions$1 = endTypesOptions.endTypesOptions,
-  endTimesOptions = endTypesOptions.endTimesOptions,
-  dayOfWeekOptions = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions,
-  dayOfWeekOptionsEnable = true,
-  dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
-  dayOfMonthOptionsEnable = true,
-  dayOfYearOptions = dropdownDayOfYearOptions.dropdownDayOfYearOptions,
-  dayOfYearOptionsEnable = true,
-  displayMonthCustomOption = false,
-  displayYearCustomOption = false,
-  dayOfMonthAsCurrentDateOptions = ['numberOfMonth', 'dayOfTheWeekOfMonth'],
-  dayOfYearAsCurrentDateOptions = ['numberOfYear', 'dayOfTheMonthOfYear'],
-  onChange = () => null,
-  placeholder = 'Select Range',
-  modalSize = 'medium',
-  modalTitle = 'Report Scheduling',
-  confirmLabel = 'Apply',
-  rejectLabel = 'Cancel',
-  modalType = 'confirm',
-  onConfirmField = () => null,
-  onRejectField = () => null,
-  openModal = false,
-  appElement = '#root',
-  value = null,
-  customRange = null,
-  customOptionRender = CustomOptionRender,
-  displayCurrentMonthYear = true,
-  timeZoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions,
-  useTimezoneSelector = false,
-  allowMultipleDaysOfWeek = false,
-  advanceOption = {
-    label: 'Custom',
-    value: 'custom-range',
-    isAdvance: true
-  },
-  isValidRecurrence = () => true,
-  validationMessage = '',
-  endDayBlocked = () => false,
-  startDayBlocked = () => false,
-  repeatFrecuencyCustomProps = {}
-}) => /*#__PURE__*/_jsx__default['default'](DateTimeRecurenceSelectorImpl, {
-  advanceOption: advanceOption,
-  allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-  appElement: appElement,
-  className: className,
-  confirmLabel: confirmLabel,
-  containerProps: containerProps,
-  customOptionRender: customOptionRender,
-  customRange: customRange,
-  dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
-  dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-  dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-  dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
-  dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-  displayCurrentMonthYear: displayCurrentMonthYear,
-  displayMonthCustomOption: displayMonthCustomOption,
-  displayYearCustomOption: displayYearCustomOption,
-  dropdownDayOfMonthOptions: dayOfMonthOptions,
-  dropdownDayOfWeekOptions: dayOfWeekOptions,
-  dropdownDayOfYearOptions: dayOfYearOptions,
-  dropdownPreselectedOptions: preselectedOptions,
-  dropdownRepeatOptions: repeatOptions,
-  endDayBlocked: endDayBlocked,
-  endTimesOptions: endTimesOptions,
-  endTypesOptions: endTypesOptions$1,
-  isValidRecurrence: isValidRecurrence,
-  modalSize: modalSize,
-  modalTitle: modalTitle,
-  modalType: modalType,
-  onChange: onChange,
-  onConfirmField: onConfirmField,
-  onRejectField: onRejectField,
-  openModal: openModal,
-  placeholder: placeholder,
-  rejectLabel: rejectLabel,
-  repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
-  startDayBlocked: startDayBlocked,
-  timeZoneOptions: timeZoneOptions,
-  useTimezoneSelector: useTimezoneSelector,
-  validationMessage: validationMessage,
-  value: value
-});
+const DSDateTimeRecurrenceSelector = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    preselectedOptions = dropdownPreselectedOptions.dropdownPreselectedOptions,
+    repeatOptions = dropdownRepeatOptions.dropdownRepeatOptions,
+    endTypesOptions: endTypesOptions$1 = endTypesOptions.endTypesOptions,
+    endTimesOptions = endTypesOptions.endTimesOptions,
+    dayOfWeekOptions = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions,
+    dayOfWeekOptionsEnable = true,
+    dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
+    dayOfMonthOptionsEnable = true,
+    dayOfYearOptions = dropdownDayOfYearOptions.dropdownDayOfYearOptions,
+    dayOfYearOptionsEnable = true,
+    displayMonthCustomOption = false,
+    displayYearCustomOption = false,
+    dayOfMonthAsCurrentDateOptions = ['numberOfMonth', 'dayOfTheWeekOfMonth'],
+    dayOfYearAsCurrentDateOptions = ['numberOfYear', 'dayOfTheMonthOfYear'],
+    onChange = () => null,
+    placeholder = 'Select Range',
+    modalSize = 'medium',
+    modalTitle = 'Report Scheduling',
+    confirmLabel = 'Apply',
+    rejectLabel = 'Cancel',
+    modalType = 'confirm',
+    onConfirmField = () => null,
+    onRejectField = () => null,
+    openModal = false,
+    appElement = '#root',
+    value = null,
+    customRange = null,
+    customOptionRender = CustomOptionRender,
+    displayCurrentMonthYear = true,
+    timeZoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions,
+    useTimezoneSelector = false,
+    allowMultipleDaysOfWeek = false,
+    advanceOption = {
+      label: 'Custom',
+      value: 'custom-range',
+      isAdvance: true
+    },
+    isValidRecurrence = () => true,
+    validationMessage = '',
+    endDayBlocked = () => false,
+    startDayBlocked = () => false,
+    repeatFrecuencyCustomProps = {}
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DateTimeRecurenceSelectorImpl, {
+    advanceOption: advanceOption,
+    allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+    appElement: appElement,
+    className: className,
+    confirmLabel: confirmLabel,
+    containerProps: containerProps,
+    customOptionRender: customOptionRender,
+    customRange: customRange,
+    dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
+    dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
+    dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
+    dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
+    dayOfYearOptionsEnable: dayOfYearOptionsEnable,
+    displayCurrentMonthYear: displayCurrentMonthYear,
+    displayMonthCustomOption: displayMonthCustomOption,
+    displayYearCustomOption: displayYearCustomOption,
+    dropdownDayOfMonthOptions: dayOfMonthOptions,
+    dropdownDayOfWeekOptions: dayOfWeekOptions,
+    dropdownDayOfYearOptions: dayOfYearOptions,
+    dropdownPreselectedOptions: preselectedOptions,
+    dropdownRepeatOptions: repeatOptions,
+    endDayBlocked: endDayBlocked,
+    endTimesOptions: endTimesOptions,
+    endTypesOptions: endTypesOptions$1,
+    isValidRecurrence: isValidRecurrence,
+    modalSize: modalSize,
+    modalTitle: modalTitle,
+    modalType: modalType,
+    onChange: onChange,
+    onConfirmField: onConfirmField,
+    onRejectField: onRejectField,
+    openModal: openModal,
+    placeholder: placeholder,
+    rejectLabel: rejectLabel,
+    repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
+    startDayBlocked: startDayBlocked,
+    timeZoneOptions: timeZoneOptions,
+    useTimezoneSelector: useTimezoneSelector,
+    validationMessage: validationMessage,
+    value: value
+  });
+};
 const dateTimeRecurrenceSelectorProps = {
   containerProps: reactDesc.PropTypes.shape({}).description('Set of Properties attached to the main container'),
   className: reactDesc.PropTypes.string.description('html class attribute'),
@@ -193,4 +196,4 @@ exports.DropdownTimeZoneTypes = dropdownTimeZoneOptions.DropdownTimeZoneTypes;
 exports.dropdownTimeZoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions;
 exports.DSDateTimeRecurrenceSelector = DSDateTimeRecurrenceSelector;
 exports.DateTimeRecurenceSelectorWithSchema = DateTimeRecurenceSelectorWithSchema;
-exports['default'] = DSDateTimeRecurrenceSelector;
+exports["default"] = DSDateTimeRecurrenceSelector;

package/cjs/__test__/DSDateTimeRecurrenceSelector.test.js

@@ -21,7 +21,7 @@ describe('DSDateTimeRecurrenceSelector', () => {
   test('open modal', async () => {
     const {
       getByText
-    } = react.render(_DSDateTimeRecurrence || (_DSDateTimeRecurrence = /*#__PURE__*/_jsx__default['default'](DSDateTimeRecurrenceSelector.DSDateTimeRecurrenceSelector, {
+    } = react.render(_DSDateTimeRecurrence || (_DSDateTimeRecurrence = /*#__PURE__*/_jsx__default["default"](DSDateTimeRecurrenceSelector.DSDateTimeRecurrenceSelector, {
       openModal: true
     })));
     await react.waitFor(() => getByText('Starts'));

package/cjs/components/AlertModal/DateTimeRangeModal.js

@@ -10,55 +10,58 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
 
-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__default['default'](DSModal__default['default'], {
-  appElement: appElement,
-  confirmLabel: confirmLabel,
-  isOpen: isOpen,
-  modalTitle: modalTitle,
-  modalType: modalType,
-  onClose: onClose,
-  onConfirm: onConfirmField,
-  onReject: onRejectField,
-  rejectLabel: rejectLabel,
-  size: modalSize
-}, void 0, /*#__PURE__*/_jsx__default['default'](DateTimeRangeModalImpl, {
-  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__default["default"](DSModal__default["default"], {
+    appElement: appElement,
+    confirmLabel: confirmLabel,
+    isOpen: isOpen,
+    modalTitle: modalTitle,
+    modalType: modalType,
+    onClose: onClose,
+    onConfirm: onConfirmField,
+    onReject: onRejectField,
+    rejectLabel: rejectLabel,
+    size: modalSize
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DateTimeRangeModalImpl, {
+    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
+  }));
+};
 
 module.exports = DateTimeRangeModal;

package/cjs/components/CustomOptionRender/CustomOptionRender.js

@@ -48,45 +48,46 @@ 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 === dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK) {
-    display += dayOfWeekOptionsEnable ? ` on ${dayWeekRepeatPickerInput} ` : '';
+    display += dayOfWeekOptionsEnable ? " on ".concat(dayWeekRepeatPickerInput, " ") : '';
   } else if (typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH) {
-    display += dayOfMonthOptionsEnable ? ` ${dayOfMonthRepeatPickerInput} ` : '';
+    display += dayOfMonthOptionsEnable ? " ".concat(dayOfMonthRepeatPickerInput, " ") : '';
   } else if (typeRepeatPickerInput === dropdownRepeatOptions.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 === endTypesOptions.endTypes.ON) display += `, until ${endDateInput.format('MM/DD/YYYY')} `;else if (endTypeInput === endTypesOptions.endTypes.AFTER) display += `, for ${endTimesInput} times`;
-  if (useTimezoneSelector && timezonePickerInput) display += ` [${timezonePickerInput}]`;
-  return /*#__PURE__*/_jsx__default['default']("em", {}, void 0, display);
+  if (endTypeInput === endTypesOptions.endTypes.ON) display += ", until ".concat(endDateInput.format('MM/DD/YYYY'), " ");else if (endTypeInput === endTypesOptions.endTypes.AFTER) display += ", for ".concat(endTimesInput, " times");
+  if (useTimezoneSelector && timezonePickerInput) display += " [".concat(timezonePickerInput, "]");
+  return /*#__PURE__*/_jsx__default["default"]("em", {}, void 0, display);
 };
 
 module.exports = CustomOptionRender;

package/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DSModal = require('@elliemae/ds-modal');
 var DateTimeRangeModalImpl = require('../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js');
@@ -9,28 +9,30 @@ var DateTimeRangeModalImpl = require('../DateTimeRangeModalImpl/DateTimeRangeMod
 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
 
-class DateTimeRangeModal extends React__default['default'].Component {
-  constructor(...args) {
-    super(...args);
+class DateTimeRangeModal extends React__default["default"].Component {
+  constructor() {
+    var _this;
 
-    _defineProperty__default['default'](this, "state", {
+    super(...arguments);
+    _this = this;
+    this.state = {
       isValid: true
-    });
+    };
 
-    _defineProperty__default['default'](this, "updateIsValid", (...data) => {
+    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)
       });
-    });
+    };
   }
 
   render() {
@@ -72,7 +74,7 @@ class DateTimeRangeModal extends React__default['default'].Component {
     const {
       isValid
     } = this.state;
-    return /*#__PURE__*/_jsx__default['default'](DSModal__default['default'], {
+    return /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
       appElement: appElement,
       centered: false,
       confirmLabel: confirmLabel,
@@ -87,7 +89,7 @@ class DateTimeRangeModal extends React__default['default'].Component {
       },
       rejectLabel: rejectLabel,
       size: "small"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DateTimeRangeModalImpl, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DateTimeRangeModalImpl, {
       allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
       dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
       dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,

package/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js

@@ -3,6 +3,11 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/es.string.replace.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 moment = require('moment');
 var dsClassnames = require('@elliemae/ds-classnames');
@@ -29,7 +34,7 @@ var _hr, _p;
 
 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('date-time-predefined-range-selector');
@@ -38,20 +43,20 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default['default'](this, "onChange", () => {
+    this.onChange = () => {
       const {
         onCustomDateTimeRange
       } = this.props;
       onCustomDateTimeRange(this.state);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onQtyRepeatPickerInput", value => {
+    this.onQtyRepeatPickerInput = value => {
       this.setState({
         qtyRepeatPickerInput: value.replace(/[^0-9]/g, '')
       }, () => {
         this.onChange();
       });
-    });
+    };
 
     const {
       dropdownDayOfMonthOptions,
@@ -79,12 +84,12 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
     this.state = {
       alertReplace: '',
       alertModal: false,
-      startDateInput: startDateInput || moment__default['default'](),
-      startTimeInput: startTimeInput || moment__default['default'](),
+      startDateInput: startDateInput || moment__default["default"](),
+      startTimeInput: startTimeInput || moment__default["default"](),
       qtyRepeatPickerInput: qtyRepeatPickerInput || 1,
       typeRepeatPickerInput: typeRepeatPickerInput || dropdownRepeatOptions[0].value,
       dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable ? null : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,
-      endDateInput: endDateInput || moment__default['default'](),
+      endDateInput: endDateInput || moment__default["default"](),
       endTypeInput: endTypeInput || props.endTypesOptions[0].value,
       endTimesInput: endTimesInput || props.endTimesOptions[0].value,
       dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable ? null : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,
@@ -177,7 +182,7 @@ class DateTimePredefinedRangeSelectorImpl extends React.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();
     });
@@ -239,31 +244,31 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
       displayMonthCustomOption,
       displayYearCustomOption
     } = this.props;
-    return /*#__PURE__*/_jsx__default['default']("div", {
-      className: `${cssClassName}`
-    }, void 0, /*#__PURE__*/_jsx__default['default'](StartDateTime, {
+    return /*#__PURE__*/_jsx__default["default"]("div", {
+      className: "".concat(cssClassName)
+    }, void 0, /*#__PURE__*/_jsx__default["default"](StartDateTime, {
       onStartDateChange: this.onStartDateChangeInput,
       onStartTimeChange: this.onStartTimeChangeInput,
       startDateValue: startDateInput,
       startDayBlocked: startDayBlocked,
       startTimeValue: startTimeInput
-    }), useTimezoneSelector && /*#__PURE__*/_jsx__default['default'](TimeZonePicker, {
+    }), useTimezoneSelector && /*#__PURE__*/_jsx__default["default"](TimeZonePicker, {
       onTimezoneChange: this.onTimeZonePickerInput,
       timezoneOptions: timeZoneOptions,
       timezoneValue: timezonePickerInput
-    }), /*#__PURE__*/_jsx__default['default'](RepeatPickerInput, {
+    }), /*#__PURE__*/_jsx__default["default"](RepeatPickerInput, {
       onQtyChange: this.onQtyRepeatPickerInput,
       onTypeChange: this.onTypeRepeatPickerInput,
       qtyValue: qtyRepeatPickerInput,
       repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
       repeatOptions: dropdownRepeatOptions$1,
       repeatOptionsValue: typeRepeatPickerInput
-    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK && /*#__PURE__*/_jsx__default['default'](DaysOfWeekPicker, {
+    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK && /*#__PURE__*/_jsx__default["default"](DaysOfWeekPicker, {
       active: dayWeekRepeatPickerInput,
       allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
       onDayChange: this.onDayOfWeekRepeatPickerInput,
       options: dropdownDayOfWeekOptions
-    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH && /*#__PURE__*/_jsx__default['default'](DayOfMonthPicker, {
+    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH && /*#__PURE__*/_jsx__default["default"](DayOfMonthPicker, {
       currentDate: startDateInput,
       dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
       dayOfMonthOptions: dropdownDayOfMonthOptions,
@@ -271,7 +276,7 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
       displayMonthCustomOption: displayMonthCustomOption,
       displayOptionsAsCurrentDate: displayCurrentMonthYear,
       onDayChange: this.onDayOfMonthRepeatChangeInput
-    }), dayOfYearOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR && /*#__PURE__*/_jsx__default['default'](DayOfYearPicker, {
+    }), dayOfYearOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR && /*#__PURE__*/_jsx__default["default"](DayOfYearPicker, {
       currentDate: startDateInput,
       dayOfMonthOptions: dropdownDayOfYearOptions,
       dayOfMonthValue: dayOfYearRepeatPickerInput,
@@ -279,7 +284,7 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
       displayOptionsAsCurrentDate: displayCurrentMonthYear,
       displayYearCustomOption: displayYearCustomOption,
       onDayChange: this.onDayOfYearRepeatChangeInput
-    }), _hr || (_hr = /*#__PURE__*/_jsx__default['default']("hr", {})), /*#__PURE__*/_jsx__default['default'](EndDate, {
+    }), _hr || (_hr = /*#__PURE__*/_jsx__default["default"]("hr", {})), /*#__PURE__*/_jsx__default["default"](EndDate, {
       endDateValue: endDateInput,
       endDayBlocked: endDayBlocked,
       endTimesOptions: endTimesOptions,
@@ -289,10 +294,10 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
       onEndDateChange: this.onEndDateChangeInput,
       onEndTimesChange: this.onEndTimesChangeInput,
       onEndTypeChange: this.onEndTypeChangeInput
-    }), /*#__PURE__*/_jsx__default['default'](DSModal__default['default'], {
+    }), /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
       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
@@ -300,7 +305,7 @@ class DateTimePredefinedRangeSelectorImpl extends React.Component {
       onConfirm: () => this.setState({
         alertModal: false
       })
-    }, void 0, _p || (_p = /*#__PURE__*/_jsx__default['default']("p", {}, void 0, "For these months, the occurrence will fall on the last day of the month."))), validationMessage && /*#__PURE__*/_jsx__default['default'](ValidationMessage, {
+    }, void 0, _p || (_p = /*#__PURE__*/_jsx__default["default"]("p", {}, void 0, "For these months, the occurrence will fall on the last day of the month."))), validationMessage && /*#__PURE__*/_jsx__default["default"](ValidationMessage, {
       validationMessage: validationMessage
     }));
   }