@elliemae/ds-date-time-recurrence-picker 1.61.0 → 2.0.0-alpha.12

package/esm/components/AlertModal/DateTimeRangeModal.js

@@ -1,99 +1,35 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import DSModal from '@elliemae/ds-modal';
 import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import 'moment';
-import '@elliemae/ds-classnames';
-import '../../options/dropdownRepeatOptions.js';
-import '../../options/dropdownTimeZoneOptions.js';
-import '../RepeatPickerInput/RepeatPickerInput.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-form';
-import '../Forms/FormGroup.js';
-import '../Forms/FormLabel.js';
-import '../Forms/FormFieldGroup.js';
-import '../Forms/FormField.js';
-import '../DaysOfWeekPicker/DaysOfWeekPicker.js';
-import '../../options/dropdownDayOfWeekOptions.js';
-import '../StartDateTime/StartDateTime.js';
-import '@elliemae/ds-date-picker';
-import '@elliemae/ds-time-picker';
-import '../EndDate/EndDate.js';
-import '../../options/endTypesOptions.js';
-import '../DayOfMonthPicker/DayOfMonthPicker.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../helpers/nthday.js';
-import '../../options/dropdownDayOfMonthOptions.js';
-import '../DayOfYearPicker/DayOfYearPicker.js';
-import '../TimeZonePicker/TimeZonePicker.js';
-import '../FieldWrapper/FieldWrapper.js';
-import '../LabelWrapper/LabelWrapper.js';
-import '../ValidationMessage/ValidationMessage.js';
 
-var DateTimeRangeModal = function DateTimeRangeModal(_ref) {
-  var _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {
-    return null;
-  } : _ref$onClose,
-      _ref$modalTitle = _ref.modalTitle,
-      modalTitle = _ref$modalTitle === void 0 ? 'Report Scheduling' : _ref$modalTitle,
-      _ref$modalSize = _ref.modalSize,
-      modalSize = _ref$modalSize === void 0 ? 'medium ' : _ref$modalSize,
-      _ref$confirmLabel = _ref.confirmLabel,
-      confirmLabel = _ref$confirmLabel === void 0 ? 'Apply' : _ref$confirmLabel,
-      _ref$rejectLabel = _ref.rejectLabel,
-      rejectLabel = _ref$rejectLabel === void 0 ? 'Cancel' : _ref$rejectLabel,
-      _ref$modalType = _ref.modalType,
-      modalType = _ref$modalType === void 0 ? 'confirm' : _ref$modalType,
-      _ref$onConfirmField = _ref.onConfirmField,
-      onConfirmField = _ref$onConfirmField === void 0 ? function () {
-    return null;
-  } : _ref$onConfirmField,
-      _ref$onRejectField = _ref.onRejectField,
-      onRejectField = _ref$onRejectField === void 0 ? function () {
-    return null;
-  } : _ref$onRejectField,
-      _ref$appElement = _ref.appElement,
-      appElement = _ref$appElement === void 0 ? null : _ref$appElement,
-      _ref$onCustomDateTime = _ref.onCustomDateTimeRange,
-      onCustomDateTimeRange = _ref$onCustomDateTime === void 0 ? function () {
-    return null;
-  } : _ref$onCustomDateTime,
-      _ref$displayCurrentMo = _ref.displayCurrentMonthYear,
-      displayCurrentMonthYear = _ref$displayCurrentMo === void 0 ? true : _ref$displayCurrentMo,
-      _ref$dropdownDayOfMon = _ref.dropdownDayOfMonthOptions,
-      dropdownDayOfMonthOptions = _ref$dropdownDayOfMon === void 0 ? [] : _ref$dropdownDayOfMon,
-      _ref$dropdownDayOfWee = _ref.dropdownDayOfWeekOptions,
-      dropdownDayOfWeekOptions = _ref$dropdownDayOfWee === void 0 ? [] : _ref$dropdownDayOfWee,
-      _ref$dropdownDayOfYea = _ref.dropdownDayOfYearOptions,
-      dropdownDayOfYearOptions = _ref$dropdownDayOfYea === void 0 ? [] : _ref$dropdownDayOfYea,
-      _ref$dropdownRepeatOp = _ref.dropdownRepeatOptions,
-      dropdownRepeatOptions = _ref$dropdownRepeatOp === void 0 ? [] : _ref$dropdownRepeatOp,
-      _ref$rangeValue = _ref.rangeValue,
-      rangeValue = _ref$rangeValue === void 0 ? {} : _ref$rangeValue,
-      _ref$dayOfMonthOption = _ref.dayOfMonthOptionsEnable,
-      dayOfMonthOptionsEnable = _ref$dayOfMonthOption === void 0 ? true : _ref$dayOfMonthOption,
-      _ref$dayOfWeekOptions = _ref.dayOfWeekOptionsEnable,
-      dayOfWeekOptionsEnable = _ref$dayOfWeekOptions === void 0 ? true : _ref$dayOfWeekOptions,
-      _ref$dayOfYearOptions = _ref.dayOfYearOptionsEnable,
-      dayOfYearOptionsEnable = _ref$dayOfYearOptions === void 0 ? true : _ref$dayOfYearOptions,
-      _ref$timeZoneOptions = _ref.timeZoneOptions,
-      timeZoneOptions = _ref$timeZoneOptions === void 0 ? [] : _ref$timeZoneOptions,
-      _ref$useTimezoneSelec = _ref.useTimezoneSelector,
-      useTimezoneSelector = _ref$useTimezoneSelec === void 0 ? false : _ref$useTimezoneSelec,
-      _ref$allowMultipleDay = _ref.allowMultipleDaysOfWeek,
-      allowMultipleDaysOfWeek = _ref$allowMultipleDay === void 0 ? false : _ref$allowMultipleDay;
-  return /*#__PURE__*/React.createElement(DSModal, {
+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,
@@ -104,7 +40,7 @@ var DateTimeRangeModal = function DateTimeRangeModal(_ref) {
     onReject: onRejectField,
     rejectLabel: rejectLabel,
     size: modalSize
-  }, /*#__PURE__*/React.createElement(DateTimePredefinedRangeSelectorImpl, {
+  }, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
     allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
     dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
     dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
@@ -122,4 +58,3 @@ var DateTimeRangeModal = function DateTimeRangeModal(_ref) {
 };
 
 export { DateTimeRangeModal as default };
-//# sourceMappingURL=DateTimeRangeModal.js.map

package/esm/components/CustomOptionRender/CustomOptionRender.js

@@ -1,10 +1,14 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions.js';
 import { endTypes } from '../../options/endTypesOptions.js';
 
-var _typeRepeat;
-var typeRepeat = (_typeRepeat = {}, _defineProperty(_typeRepeat, DropdownRepeatOptionsTypes.DAY, 'Daily'), _defineProperty(_typeRepeat, DropdownRepeatOptionsTypes.WEEK, 'Weekly'), _defineProperty(_typeRepeat, DropdownRepeatOptionsTypes.MONTH, 'Monthly'), _defineProperty(_typeRepeat, DropdownRepeatOptionsTypes.YEAR, 'Yearly'), _typeRepeat);
+const typeRepeat = {
+  [DropdownRepeatOptionsTypes.DAY]: 'Daily',
+  [DropdownRepeatOptionsTypes.WEEK]: 'Weekly',
+  [DropdownRepeatOptionsTypes.MONTH]: 'Monthly',
+  [DropdownRepeatOptionsTypes.YEAR]: 'Yearly'
+};
 /**
  * @param root0
  * @param root0.customRange
@@ -38,24 +42,27 @@ timezonePickerInput
 }
  */
 
-var CustomOptionRender = function CustomOptionRender(_ref) {
-  var _ref$customRange = _ref.customRange,
-      startDateInput = _ref$customRange.startDateInput,
-      startTimeInput = _ref$customRange.startTimeInput,
-      qtyRepeatPickerInput = _ref$customRange.qtyRepeatPickerInput,
-      typeRepeatPickerInput = _ref$customRange.typeRepeatPickerInput,
-      dayWeekRepeatPickerInput = _ref$customRange.dayWeekRepeatPickerInput,
-      endDateInput = _ref$customRange.endDateInput,
-      endTypeInput = _ref$customRange.endTypeInput,
-      endTimesInput = _ref$customRange.endTimesInput,
-      dayOfMonthRepeatPickerInput = _ref$customRange.dayOfMonthRepeatPickerInput,
-      dayOfYearRepeatPickerInput = _ref$customRange.dayOfYearRepeatPickerInput,
-      timezonePickerInput = _ref$customRange.timezonePickerInput,
-      dayOfMonthOptionsEnable = _ref.dayOfMonthOptionsEnable,
-      dayOfWeekOptionsEnable = _ref.dayOfWeekOptionsEnable,
-      dayOfYearOptionsEnable = _ref.dayOfYearOptionsEnable,
-      useTimezoneSelector = _ref.useTimezoneSelector;
-  var display = 'Custom'; // frequency
+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 ".concat(qtyRepeatPickerInput, " ").concat(typeRepeatPickerInput, "s"); // type
 
@@ -74,8 +81,7 @@ var CustomOptionRender = function CustomOptionRender(_ref) {
 
   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__*/React.createElement("em", null, display);
+  return /*#__PURE__*/_jsx("em", {}, void 0, display);
 };
 
 export { CustomOptionRender as default };
-//# sourceMappingURL=CustomOptionRender.js.map

package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -1,193 +1,114 @@
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+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';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import 'moment';
-import '@elliemae/ds-classnames';
-import '../../options/dropdownRepeatOptions.js';
-import '../../options/dropdownTimeZoneOptions.js';
-import '../RepeatPickerInput/RepeatPickerInput.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-form';
-import '../Forms/FormGroup.js';
-import '../Forms/FormLabel.js';
-import '../Forms/FormFieldGroup.js';
-import '../Forms/FormField.js';
-import '../DaysOfWeekPicker/DaysOfWeekPicker.js';
-import '../../options/dropdownDayOfWeekOptions.js';
-import '../StartDateTime/StartDateTime.js';
-import '@elliemae/ds-date-picker';
-import '@elliemae/ds-time-picker';
-import '../EndDate/EndDate.js';
-import '../../options/endTypesOptions.js';
-import '../DayOfMonthPicker/DayOfMonthPicker.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../helpers/nthday.js';
-import '../../options/dropdownDayOfMonthOptions.js';
-import '../DayOfYearPicker/DayOfYearPicker.js';
-import '../TimeZonePicker/TimeZonePicker.js';
-import '../FieldWrapper/FieldWrapper.js';
-import '../LabelWrapper/LabelWrapper.js';
-import '../ValidationMessage/ValidationMessage.js';
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var DateTimeRangeModal = /*#__PURE__*/function (_React$Component) {
-  _inherits(DateTimeRangeModal, _React$Component);
-
-  var _super = _createSuper(DateTimeRangeModal);
-
-  function DateTimeRangeModal() {
+class DateTimeRangeModal extends React.Component {
+  constructor() {
     var _this;
 
-    _classCallCheck(this, DateTimeRangeModal);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    super(...arguments);
+    _this = this;
+    this.state = {
       isValid: true
     };
 
-    _this.updateIsValid = function () {
-      var _this$props = _this.props,
-          _this$props$onCustomD = _this$props.onCustomDateTimeRange,
-          onCustomDateTimeRange = _this$props$onCustomD === void 0 ? function () {
-        return null;
-      } : _this$props$onCustomD,
-          isValidRecurrence = _this$props.isValidRecurrence;
-      onCustomDateTimeRange.apply(void 0, arguments);
+    this.updateIsValid = function () {
+      const {
+        onCustomDateTimeRange = () => null,
+        isValidRecurrence
+      } = _this.props;
+      onCustomDateTimeRange(...arguments);
 
       _this.setState({
-        isValid: isValidRecurrence.apply(void 0, arguments)
+        isValid: isValidRecurrence(...arguments)
       });
     };
-
-    return _this;
   }
 
-  _createClass(DateTimeRangeModal, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          _this$props2$isOpen = _this$props2.isOpen,
-          isOpen = _this$props2$isOpen === void 0 ? false : _this$props2$isOpen,
-          _this$props2$onClose = _this$props2.onClose,
-          onClose = _this$props2$onClose === void 0 ? function () {
-        return null;
-      } : _this$props2$onClose,
-          _this$props2$modalTit = _this$props2.modalTitle,
-          modalTitle = _this$props2$modalTit === void 0 ? 'Report Scheduling' : _this$props2$modalTit,
-          _this$props2$confirmL = _this$props2.confirmLabel,
-          confirmLabel = _this$props2$confirmL === void 0 ? 'Apply' : _this$props2$confirmL,
-          _this$props2$rejectLa = _this$props2.rejectLabel,
-          rejectLabel = _this$props2$rejectLa === void 0 ? 'Cancel' : _this$props2$rejectLa,
-          _this$props2$modalTyp = _this$props2.modalType,
-          modalType = _this$props2$modalTyp === void 0 ? 'confirm' : _this$props2$modalTyp,
-          _this$props2$onConfir = _this$props2.onConfirmField,
-          onConfirmField = _this$props2$onConfir === void 0 ? function () {
-        return null;
-      } : _this$props2$onConfir,
-          _this$props2$onReject = _this$props2.onRejectField,
-          onRejectField = _this$props2$onReject === void 0 ? function () {
-        return null;
-      } : _this$props2$onReject,
-          _this$props2$appEleme = _this$props2.appElement,
-          appElement = _this$props2$appEleme === void 0 ? null : _this$props2$appEleme,
-          _this$props2$displayC = _this$props2.displayCurrentMonthYear,
-          displayCurrentMonthYear = _this$props2$displayC === void 0 ? true : _this$props2$displayC,
-          _this$props2$dropdown = _this$props2.dropdownDayOfMonthOptions,
-          dropdownDayOfMonthOptions = _this$props2$dropdown === void 0 ? [] : _this$props2$dropdown,
-          _this$props2$dropdown2 = _this$props2.dropdownDayOfWeekOptions,
-          dropdownDayOfWeekOptions = _this$props2$dropdown2 === void 0 ? [] : _this$props2$dropdown2,
-          _this$props2$dropdown3 = _this$props2.dropdownDayOfYearOptions,
-          dropdownDayOfYearOptions = _this$props2$dropdown3 === void 0 ? [] : _this$props2$dropdown3,
-          _this$props2$dropdown4 = _this$props2.dropdownRepeatOptions,
-          dropdownRepeatOptions = _this$props2$dropdown4 === void 0 ? [] : _this$props2$dropdown4,
-          _this$props2$rangeVal = _this$props2.rangeValue,
-          rangeValue = _this$props2$rangeVal === void 0 ? {} : _this$props2$rangeVal,
-          _this$props2$dayOfMon = _this$props2.dayOfMonthOptionsEnable,
-          dayOfMonthOptionsEnable = _this$props2$dayOfMon === void 0 ? true : _this$props2$dayOfMon,
-          _this$props2$dayOfWee = _this$props2.dayOfWeekOptionsEnable,
-          dayOfWeekOptionsEnable = _this$props2$dayOfWee === void 0 ? true : _this$props2$dayOfWee,
-          _this$props2$dayOfYea = _this$props2.dayOfYearOptionsEnable,
-          dayOfYearOptionsEnable = _this$props2$dayOfYea === void 0 ? true : _this$props2$dayOfYea,
-          _this$props2$timeZone = _this$props2.timeZoneOptions,
-          timeZoneOptions = _this$props2$timeZone === void 0 ? [] : _this$props2$timeZone,
-          _this$props2$useTimez = _this$props2.useTimezoneSelector,
-          useTimezoneSelector = _this$props2$useTimez === void 0 ? false : _this$props2$useTimez,
-          _this$props2$allowMul = _this$props2.allowMultipleDaysOfWeek,
-          allowMultipleDaysOfWeek = _this$props2$allowMul === void 0 ? false : _this$props2$allowMul,
-          endTimesOptions = _this$props2.endTimesOptions,
-          endTypesOptions = _this$props2.endTypesOptions,
-          dayOfMonthAsCurrentDateOptions = _this$props2.dayOfMonthAsCurrentDateOptions,
-          dayOfYearAsCurrentDateOptions = _this$props2.dayOfYearAsCurrentDateOptions,
-          isValidRecurrence = _this$props2.isValidRecurrence,
-          validationMessage = _this$props2.validationMessage,
-          startDayBlocked = _this$props2.startDayBlocked,
-          endDayBlocked = _this$props2.endDayBlocked,
-          repeatFrecuencyCustomProps = _this$props2.repeatFrecuencyCustomProps,
-          displayMonthCustomOption = _this$props2.displayMonthCustomOption,
-          displayYearCustomOption = _this$props2.displayYearCustomOption;
-      var isValid = this.state.isValid;
-      return /*#__PURE__*/React.createElement(DSModal, {
-        appElement: appElement,
-        centered: false,
-        confirmLabel: confirmLabel,
-        isOpen: isOpen,
-        modalTitle: modalTitle,
-        modalType: modalType,
-        onClose: onClose,
-        onConfirm: onConfirmField,
-        onReject: onRejectField,
-        overridePropsConfirmButton: {
-          disabled: !isValid
-        },
-        rejectLabel: rejectLabel,
-        size: "small"
-      }, /*#__PURE__*/React.createElement(DateTimePredefinedRangeSelectorImpl, {
-        allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-        dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
-        dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-        dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-        dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
-        dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-        displayCurrentMonthYear: displayCurrentMonthYear,
-        displayMonthCustomOption: displayMonthCustomOption,
-        displayYearCustomOption: displayYearCustomOption,
-        dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
-        dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
-        dropdownDayOfYearOptions: dropdownDayOfYearOptions,
-        dropdownRepeatOptions: dropdownRepeatOptions,
-        endDayBlocked: endDayBlocked,
-        endTimesOptions: endTimesOptions,
-        endTypesOptions: endTypesOptions,
-        isValidRecurrence: isValidRecurrence,
-        onCustomDateTimeRange: this.updateIsValid,
-        rangeValue: rangeValue,
-        repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
-        startDayBlocked: startDayBlocked,
-        timeZoneOptions: timeZoneOptions,
-        useTimezoneSelector: useTimezoneSelector,
-        validationMessage: validationMessage
-      }));
-    }
-  }]);
+  render() {
+    const {
+      isOpen = false,
+      onClose = () => null,
+      modalTitle = 'Report Scheduling',
+      // modalSize = 'medium',
+      confirmLabel = 'Apply',
+      rejectLabel = 'Cancel',
+      modalType = 'confirm',
+      onConfirmField = () => null,
+      onRejectField = () => null,
+      appElement = null,
+      displayCurrentMonthYear = true,
+      dropdownDayOfMonthOptions = [],
+      dropdownDayOfWeekOptions = [],
+      dropdownDayOfYearOptions = [],
+      dropdownRepeatOptions = [],
+      rangeValue = {},
+      dayOfMonthOptionsEnable = true,
+      dayOfWeekOptionsEnable = true,
+      dayOfYearOptionsEnable = true,
+      timeZoneOptions = [],
+      useTimezoneSelector = false,
+      allowMultipleDaysOfWeek = false,
+      endTimesOptions,
+      endTypesOptions,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions,
+      isValidRecurrence,
+      validationMessage,
+      startDayBlocked,
+      endDayBlocked,
+      repeatFrecuencyCustomProps,
+      displayMonthCustomOption,
+      displayYearCustomOption
+    } = this.props;
+    const {
+      isValid
+    } = this.state;
+    return /*#__PURE__*/_jsx(DSModal, {
+      appElement: appElement,
+      centered: false,
+      confirmLabel: confirmLabel,
+      isOpen: isOpen,
+      modalTitle: modalTitle,
+      modalType: modalType,
+      onClose: onClose,
+      onConfirm: onConfirmField,
+      onReject: onRejectField,
+      overridePropsConfirmButton: {
+        disabled: !isValid
+      },
+      rejectLabel: rejectLabel,
+      size: "small"
+    }, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
+      allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+      dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
+      dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
+      dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
+      dayOfYearOptionsEnable: dayOfYearOptionsEnable,
+      displayCurrentMonthYear: displayCurrentMonthYear,
+      displayMonthCustomOption: displayMonthCustomOption,
+      displayYearCustomOption: displayYearCustomOption,
+      dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions: dropdownDayOfYearOptions,
+      dropdownRepeatOptions: dropdownRepeatOptions,
+      endDayBlocked: endDayBlocked,
+      endTimesOptions: endTimesOptions,
+      endTypesOptions: endTypesOptions,
+      isValidRecurrence: isValidRecurrence,
+      onCustomDateTimeRange: this.updateIsValid,
+      rangeValue: rangeValue,
+      repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
+      startDayBlocked: startDayBlocked,
+      timeZoneOptions: timeZoneOptions,
+      useTimezoneSelector: useTimezoneSelector,
+      validationMessage: validationMessage
+    }));
+  }
 
-  return DateTimeRangeModal;
-}(React.Component);
+}
 
 export { DateTimeRangeModal as default };
-//# sourceMappingURL=DateTimeRangeModal.js.map