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

package/cjs/components/TimeZonePicker/TimeZonePicker.js

@@ -1,42 +1,40 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsForm = require('@elliemae/ds-form');
-var options_dropdownTimeZoneOptions = require('../../options/dropdownTimeZoneOptions.js');
-var components_FieldWrapper_FieldWrapper = require('../FieldWrapper/FieldWrapper.js');
-var components_LabelWrapper_LabelWrapper = require('../LabelWrapper/LabelWrapper.js');
+var dropdownTimeZoneOptions = require('../../options/dropdownTimeZoneOptions.js');
+var FieldWrapper = require('../FieldWrapper/FieldWrapper.js');
+var LabelWrapper = require('../LabelWrapper/LabelWrapper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('timezone-picker-input-range-selector'),
-    cssClassName = _convertPropToCssClas.cssClassName,
-    classNameElement = _convertPropToCssClas.classNameElement;
+const {
+  cssClassName,
+  classNameElement
+} = dsClassnames.convertPropToCssClassName('timezone-picker-input-range-selector');
 
-var TimeZonePicker = function TimeZonePicker(_ref) {
-  var _ref$onTimezoneChange = _ref.onTimezoneChange,
-      onTimezoneChange = _ref$onTimezoneChange === void 0 ? function () {
-    return null;
-  } : _ref$onTimezoneChange,
-      _ref$timezoneValue = _ref.timezoneValue,
-      timezoneValue = _ref$timezoneValue === void 0 ? options_dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value : _ref$timezoneValue,
-      _ref$timezoneOptions = _ref.timezoneOptions,
-      timezoneOptions = _ref$timezoneOptions === void 0 ? options_dropdownTimeZoneOptions.dropdownTimeZoneOptions : _ref$timezoneOptions,
-      _ref$inputLabel = _ref.inputLabel,
-      inputLabel = _ref$inputLabel === void 0 ? 'Time Zone' : _ref$inputLabel;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+const TimeZonePicker = _ref => {
+  let {
+    onTimezoneChange = () => null,
+    timezoneValue = dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value,
+    timezoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions,
+    inputLabel = 'Time Zone'
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: "".concat(cssClassName)
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     className: "grid-x"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     className: "cell medium-4 large-3"
-  }, /*#__PURE__*/React__default['default'].createElement(components_LabelWrapper_LabelWrapper, null, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](LabelWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     className: "".concat(classNameElement('label'))
-  }, inputLabel))), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, inputLabel))), /*#__PURE__*/_jsx__default["default"]("div", {
     className: "cell medium-8 large-9"
-  }, /*#__PURE__*/React__default['default'].createElement(components_FieldWrapper_FieldWrapper, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FieldWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     onChange: onTimezoneChange,
     options: timezoneOptions,
     value: timezoneValue
@@ -44,4 +42,3 @@ var TimeZonePicker = function TimeZonePicker(_ref) {
 };
 
 module.exports = TimeZonePicker;
-//# sourceMappingURL=TimeZonePicker.js.map

package/cjs/components/ValidationMessage/ValidationMessage.js

@@ -1,22 +1,24 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('recurrence-selector-validation-message'),
-    cssClassName = _convertPropToCssClas.cssClassName;
+const {
+  cssClassName
+} = dsClassnames.convertPropToCssClassName('recurrence-selector-validation-message');
 
-var ValidationMessage = function ValidationMessage(_ref) {
-  var _ref$validationMessag = _ref.validationMessage,
-      validationMessage = _ref$validationMessag === void 0 ? '' : _ref$validationMessag;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+const ValidationMessage = _ref => {
+  let {
+    validationMessage = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: cssClassName
-  }, validationMessage);
+  }, void 0, validationMessage);
 };
 
 module.exports = ValidationMessage;
-//# sourceMappingURL=ValidationMessage.js.map

package/cjs/components/helpers/nthday.js

@@ -2,15 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var nth = ['First', 'Second', 'Third', 'Fourth', 'Fifth'];
-var dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
-var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-var nthDay = function nthDay(date) {
-  return nth[Math.floor(date.getDate() / 7)];
-};
+const nth = ['First', 'Second', 'Third', 'Fourth', 'Fifth'];
+const dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+const nthDay = date => nth[Math.floor(date.getDate() / 7)];
 
 exports.dayNames = dayNames;
 exports.monthNames = monthNames;
 exports.nth = nth;
 exports.nthDay = nthDay;
-//# sourceMappingURL=nthday.js.map

package/cjs/index.js

@@ -3,69 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSDateTimeRecurrenceSelector = require('./DSDateTimeRecurrenceSelector.js');
-var options_endTypesOptions = require('./options/endTypesOptions.js');
-var options_dropdownRepeatOptions = require('./options/dropdownRepeatOptions.js');
-var options_dropdownPreselectedOptions = require('./options/dropdownPreselectedOptions.js');
-var options_dropdownDayOfWeekOptions = require('./options/dropdownDayOfWeekOptions.js');
-var options_dropdownDayOfMonthOptions = require('./options/dropdownDayOfMonthOptions.js');
-var options_dropdownDayOfYearOptions = require('./options/dropdownDayOfYearOptions.js');
-var options_dropdownTimeZoneOptions = require('./options/dropdownTimeZoneOptions.js');
-require('react');
-require('react-desc');
-require('./components/DateTimeRecurenceSelectorImpl.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('lodash');
-require('react-dates/initialize');
-require('react-select');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-form');
-require('./components/DateTimeRangeModal/DateTimeRangeModal.js');
-require('@elliemae/ds-modal');
-require('./components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('moment');
-require('./components/RepeatPickerInput/RepeatPickerInput.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/slicedToArray');
-require('./components/Forms/FormGroup.js');
-require('./components/Forms/FormLabel.js');
-require('./components/Forms/FormFieldGroup.js');
-require('./components/Forms/FormField.js');
-require('./components/DaysOfWeekPicker/DaysOfWeekPicker.js');
-require('./components/StartDateTime/StartDateTime.js');
-require('@elliemae/ds-date-picker');
-require('@elliemae/ds-time-picker');
-require('./components/EndDate/EndDate.js');
-require('./components/DayOfMonthPicker/DayOfMonthPicker.js');
-require('./components/helpers/nthday.js');
-require('./components/DayOfYearPicker/DayOfYearPicker.js');
-require('./components/TimeZonePicker/TimeZonePicker.js');
-require('./components/FieldWrapper/FieldWrapper.js');
-require('./components/LabelWrapper/LabelWrapper.js');
-require('./components/ValidationMessage/ValidationMessage.js');
-require('./components/CustomOptionRender/CustomOptionRender.js');
+var endTypesOptions = require('./options/endTypesOptions.js');
+var dropdownRepeatOptions = require('./options/dropdownRepeatOptions.js');
+var dropdownPreselectedOptions = require('./options/dropdownPreselectedOptions.js');
+var dropdownDayOfWeekOptions = require('./options/dropdownDayOfWeekOptions.js');
+var dropdownDayOfMonthOptions = require('./options/dropdownDayOfMonthOptions.js');
+var dropdownDayOfYearOptions = require('./options/dropdownDayOfYearOptions.js');
+var dropdownTimeZoneOptions = require('./options/dropdownTimeZoneOptions.js');
 
 
 
 exports.DSDateTimeRecurrenceSelector = DSDateTimeRecurrenceSelector.DSDateTimeRecurrenceSelector;
 exports.DateTimeRecurenceSelectorWithSchema = DSDateTimeRecurrenceSelector.DateTimeRecurenceSelectorWithSchema;
-exports.default = DSDateTimeRecurrenceSelector.DSDateTimeRecurrenceSelector;
-exports.endTimesOptions = options_endTypesOptions.endTimesOptions;
-exports.endTypes = options_endTypesOptions.endTypes;
-exports.endTypesOptions = options_endTypesOptions.endTypesOptions;
-exports.DropdownRepeatOptionsTypes = options_dropdownRepeatOptions.DropdownRepeatOptionsTypes;
-exports.dropdownRepeatOptions = options_dropdownRepeatOptions.dropdownRepeatOptions;
-exports.dropdownPreselectedOptions = options_dropdownPreselectedOptions.dropdownPreselectedOptions;
-exports.dropdownDayOfWeekOptions = options_dropdownDayOfWeekOptions.dropdownDayOfWeekOptions;
-exports.dropdownDayOfMonthOptions = options_dropdownDayOfMonthOptions.dropdownDayOfMonthOptions;
-exports.dropdownDayOfYearOptions = options_dropdownDayOfYearOptions.dropdownDayOfYearOptions;
-exports.DropdownTimeZoneTypes = options_dropdownTimeZoneOptions.DropdownTimeZoneTypes;
-exports.dropdownTimeZoneOptions = options_dropdownTimeZoneOptions.dropdownTimeZoneOptions;
-//# sourceMappingURL=index.js.map
+exports["default"] = DSDateTimeRecurrenceSelector.DSDateTimeRecurrenceSelector;
+exports.endTimesOptions = endTypesOptions.endTimesOptions;
+exports.endTypes = endTypesOptions.endTypes;
+exports.endTypesOptions = endTypesOptions.endTypesOptions;
+exports.DropdownRepeatOptionsTypes = dropdownRepeatOptions.DropdownRepeatOptionsTypes;
+exports.dropdownRepeatOptions = dropdownRepeatOptions.dropdownRepeatOptions;
+exports.dropdownPreselectedOptions = dropdownPreselectedOptions.dropdownPreselectedOptions;
+exports.dropdownDayOfWeekOptions = dropdownDayOfWeekOptions.dropdownDayOfWeekOptions;
+exports.dropdownDayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions;
+exports.dropdownDayOfYearOptions = dropdownDayOfYearOptions.dropdownDayOfYearOptions;
+exports.DropdownTimeZoneTypes = dropdownTimeZoneOptions.DropdownTimeZoneTypes;
+exports.dropdownTimeZoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions;

package/cjs/options/dropdownDayOfMonthOptions.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dropdownDayOfMonthOptions = [{
+const dropdownDayOfMonthOptions = [{
   label: 'on 22nd of the month',
   value: 'on 22nd of the month'
 }, {
@@ -11,4 +11,3 @@ var dropdownDayOfMonthOptions = [{
 }];
 
 exports.dropdownDayOfMonthOptions = dropdownDayOfMonthOptions;
-//# sourceMappingURL=dropdownDayOfMonthOptions.js.map

package/cjs/options/dropdownDayOfWeekOptions.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dropdownDayOfWeekOptions = [{
+const dropdownDayOfWeekOptions = [{
   label: 'M',
   value: 'monday'
 }, {
@@ -26,4 +26,3 @@ var dropdownDayOfWeekOptions = [{
 }];
 
 exports.dropdownDayOfWeekOptions = dropdownDayOfWeekOptions;
-//# sourceMappingURL=dropdownDayOfWeekOptions.js.map

package/cjs/options/dropdownDayOfYearOptions.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dropdownDayOfYearOptions = [{
+const dropdownDayOfYearOptions = [{
   label: 'on 25th of October',
   value: 'on 25th of October'
 }, {
@@ -11,4 +11,3 @@ var dropdownDayOfYearOptions = [{
 }];
 
 exports.dropdownDayOfYearOptions = dropdownDayOfYearOptions;
-//# sourceMappingURL=dropdownDayOfYearOptions.js.map

package/cjs/options/dropdownPreselectedOptions.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DropdownOptionsTypes = {
+const DropdownOptionsTypes = {
   NOT_REPEAT: '0',
   DAILY: '1',
   WEEKLY_THURSDAY: '3',
   MONTHLY_22: '4'
 };
-var dropdownPreselectedOptions = [{
+const dropdownPreselectedOptions = [{
   label: 'Does not repeat',
   value: DropdownOptionsTypes.NOT_REPEAT
 }, {
@@ -24,4 +24,3 @@ var dropdownPreselectedOptions = [{
 
 exports.DropdownOptionsTypes = DropdownOptionsTypes;
 exports.dropdownPreselectedOptions = dropdownPreselectedOptions;
-//# sourceMappingURL=dropdownPreselectedOptions.js.map

package/cjs/options/dropdownRepeatOptions.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DropdownRepeatOptionsTypes = {
+const DropdownRepeatOptionsTypes = {
   DAY: 'day',
   WEEK: 'week',
   MONTH: 'month',
   YEAR: 'year'
 };
-var dropdownRepeatOptions = [{
+const dropdownRepeatOptions = [{
   label: 'Day',
   value: DropdownRepeatOptionsTypes.DAY
 }, {
@@ -24,4 +24,3 @@ var dropdownRepeatOptions = [{
 
 exports.DropdownRepeatOptionsTypes = DropdownRepeatOptionsTypes;
 exports.dropdownRepeatOptions = dropdownRepeatOptions;
-//# sourceMappingURL=dropdownRepeatOptions.js.map

package/cjs/options/dropdownTimeZoneOptions.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DropdownTimeZoneTypes = {
+const DropdownTimeZoneTypes = {
   HST: 'HST',
   AKST: 'AKST',
   PST: 'PST',
@@ -10,7 +10,7 @@ var DropdownTimeZoneTypes = {
   CST: 'CST',
   EST: 'EST'
 };
-var dropdownTimeZoneOptions = [{
+const dropdownTimeZoneOptions = [{
   label: 'Eastern',
   value: DropdownTimeZoneTypes.EST
 }, {
@@ -32,4 +32,3 @@ var dropdownTimeZoneOptions = [{
 
 exports.DropdownTimeZoneTypes = DropdownTimeZoneTypes;
 exports.dropdownTimeZoneOptions = dropdownTimeZoneOptions;
-//# sourceMappingURL=dropdownTimeZoneOptions.js.map

package/cjs/options/endTypesOptions.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var endTypes = {
+const endTypes = {
   NEVER: 'never',
   ON: 'on',
   AFTER: 'after'
 };
-var endTypesOptions = [{
+const endTypesOptions = [{
   label: 'Never',
   value: endTypes.NEVER
 }, {
@@ -17,7 +17,7 @@ var endTypesOptions = [{
   label: 'After',
   value: endTypes.AFTER
 }];
-var endTimesOptions = [{
+const endTimesOptions = [{
   label: '1 Time',
   value: 1
 }, {
@@ -37,4 +37,3 @@ var endTimesOptions = [{
 exports.endTimesOptions = endTimesOptions;
 exports.endTypes = endTypes;
 exports.endTypesOptions = endTypesOptions;
-//# sourceMappingURL=endTypesOptions.js.map

package/esm/DSDateTimeRecurrenceSelector.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import DateTimeRecurenceSelectorImpl from './components/DateTimeRecurenceSelectorImpl.js';
 import { dropdownPreselectedOptions } from './options/dropdownPreselectedOptions.js';
@@ -16,144 +17,55 @@ export { endTimesOptions, endTypes, endTypesOptions } from './options/endTypesOp
 import CustomOptionRender from './components/CustomOptionRender/CustomOptionRender.js';
 import { dropdownTimeZoneOptions } from './options/dropdownTimeZoneOptions.js';
 export { DropdownTimeZoneTypes, dropdownTimeZoneOptions } from './options/dropdownTimeZoneOptions.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import 'lodash';
-import 'react-dates/initialize';
-import 'react-select';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
-import './components/DateTimeRangeModal/DateTimeRangeModal.js';
-import '@elliemae/ds-modal';
-import './components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import 'moment';
-import './components/RepeatPickerInput/RepeatPickerInput.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './components/Forms/FormGroup.js';
-import './components/Forms/FormLabel.js';
-import './components/Forms/FormFieldGroup.js';
-import './components/Forms/FormField.js';
-import './components/DaysOfWeekPicker/DaysOfWeekPicker.js';
-import './components/StartDateTime/StartDateTime.js';
-import '@elliemae/ds-date-picker';
-import '@elliemae/ds-time-picker';
-import './components/EndDate/EndDate.js';
-import './components/DayOfMonthPicker/DayOfMonthPicker.js';
-import './components/helpers/nthday.js';
-import './components/DayOfYearPicker/DayOfYearPicker.js';
-import './components/TimeZonePicker/TimeZonePicker.js';
-import './components/FieldWrapper/FieldWrapper.js';
-import './components/LabelWrapper/LabelWrapper.js';
-import './components/ValidationMessage/ValidationMessage.js';
 
-/* eslint-disable max-lines */
-
-var DSDateTimeRecurrenceSelector = function DSDateTimeRecurrenceSelector(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$preselectedOptio = _ref.preselectedOptions,
-      preselectedOptions = _ref$preselectedOptio === void 0 ? dropdownPreselectedOptions : _ref$preselectedOptio,
-      _ref$repeatOptions = _ref.repeatOptions,
-      repeatOptions = _ref$repeatOptions === void 0 ? dropdownRepeatOptions : _ref$repeatOptions,
-      _ref$endTypesOptions = _ref.endTypesOptions,
-      endTypesOptions$1 = _ref$endTypesOptions === void 0 ? endTypesOptions : _ref$endTypesOptions,
-      _ref$endTimesOptions = _ref.endTimesOptions,
-      endTimesOptions$1 = _ref$endTimesOptions === void 0 ? endTimesOptions : _ref$endTimesOptions,
-      _ref$dayOfWeekOptions = _ref.dayOfWeekOptions,
-      dayOfWeekOptions = _ref$dayOfWeekOptions === void 0 ? dropdownDayOfWeekOptions : _ref$dayOfWeekOptions,
-      _ref$dayOfWeekOptions2 = _ref.dayOfWeekOptionsEnable,
-      dayOfWeekOptionsEnable = _ref$dayOfWeekOptions2 === void 0 ? true : _ref$dayOfWeekOptions2,
-      _ref$dayOfMonthOption = _ref.dayOfMonthOptions,
-      dayOfMonthOptions = _ref$dayOfMonthOption === void 0 ? dropdownDayOfMonthOptions : _ref$dayOfMonthOption,
-      _ref$dayOfMonthOption2 = _ref.dayOfMonthOptionsEnable,
-      dayOfMonthOptionsEnable = _ref$dayOfMonthOption2 === void 0 ? true : _ref$dayOfMonthOption2,
-      _ref$dayOfYearOptions = _ref.dayOfYearOptions,
-      dayOfYearOptions = _ref$dayOfYearOptions === void 0 ? dropdownDayOfYearOptions : _ref$dayOfYearOptions,
-      _ref$dayOfYearOptions2 = _ref.dayOfYearOptionsEnable,
-      dayOfYearOptionsEnable = _ref$dayOfYearOptions2 === void 0 ? true : _ref$dayOfYearOptions2,
-      _ref$displayMonthCust = _ref.displayMonthCustomOption,
-      displayMonthCustomOption = _ref$displayMonthCust === void 0 ? false : _ref$displayMonthCust,
-      _ref$displayYearCusto = _ref.displayYearCustomOption,
-      displayYearCustomOption = _ref$displayYearCusto === void 0 ? false : _ref$displayYearCusto,
-      _ref$dayOfMonthAsCurr = _ref.dayOfMonthAsCurrentDateOptions,
-      dayOfMonthAsCurrentDateOptions = _ref$dayOfMonthAsCurr === void 0 ? ['numberOfMonth', 'dayOfTheWeekOfMonth'] : _ref$dayOfMonthAsCurr,
-      _ref$dayOfYearAsCurre = _ref.dayOfYearAsCurrentDateOptions,
-      dayOfYearAsCurrentDateOptions = _ref$dayOfYearAsCurre === void 0 ? ['numberOfYear', 'dayOfTheMonthOfYear'] : _ref$dayOfYearAsCurre,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? 'Select Range' : _ref$placeholder,
-      _ref$modalSize = _ref.modalSize,
-      modalSize = _ref$modalSize === void 0 ? 'medium' : _ref$modalSize,
-      _ref$modalTitle = _ref.modalTitle,
-      modalTitle = _ref$modalTitle === void 0 ? 'Report Scheduling' : _ref$modalTitle,
-      _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$openModal = _ref.openModal,
-      openModal = _ref$openModal === void 0 ? false : _ref$openModal,
-      _ref$appElement = _ref.appElement,
-      appElement = _ref$appElement === void 0 ? '#root' : _ref$appElement,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? null : _ref$value,
-      _ref$customRange = _ref.customRange,
-      customRange = _ref$customRange === void 0 ? null : _ref$customRange,
-      _ref$customOptionRend = _ref.customOptionRender,
-      customOptionRender = _ref$customOptionRend === void 0 ? CustomOptionRender : _ref$customOptionRend,
-      _ref$displayCurrentMo = _ref.displayCurrentMonthYear,
-      displayCurrentMonthYear = _ref$displayCurrentMo === void 0 ? true : _ref$displayCurrentMo,
-      _ref$timeZoneOptions = _ref.timeZoneOptions,
-      timeZoneOptions = _ref$timeZoneOptions === void 0 ? dropdownTimeZoneOptions : _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,
-      _ref$advanceOption = _ref.advanceOption,
-      advanceOption = _ref$advanceOption === void 0 ? {
-    label: 'Custom',
-    value: 'custom-range',
-    isAdvance: true
-  } : _ref$advanceOption,
-      _ref$isValidRecurrenc = _ref.isValidRecurrence,
-      isValidRecurrence = _ref$isValidRecurrenc === void 0 ? function () {
-    return true;
-  } : _ref$isValidRecurrenc,
-      _ref$validationMessag = _ref.validationMessage,
-      validationMessage = _ref$validationMessag === void 0 ? '' : _ref$validationMessag,
-      _ref$endDayBlocked = _ref.endDayBlocked,
-      endDayBlocked = _ref$endDayBlocked === void 0 ? function () {
-    return false;
-  } : _ref$endDayBlocked,
-      _ref$startDayBlocked = _ref.startDayBlocked,
-      startDayBlocked = _ref$startDayBlocked === void 0 ? function () {
-    return false;
-  } : _ref$startDayBlocked,
-      _ref$repeatFrecuencyC = _ref.repeatFrecuencyCustomProps,
-      repeatFrecuencyCustomProps = _ref$repeatFrecuencyC === void 0 ? {} : _ref$repeatFrecuencyC;
-  return /*#__PURE__*/React.createElement(DateTimeRecurenceSelectorImpl, {
+const DSDateTimeRecurrenceSelector = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    preselectedOptions = dropdownPreselectedOptions,
+    repeatOptions = dropdownRepeatOptions,
+    endTypesOptions: endTypesOptions$1 = endTypesOptions,
+    endTimesOptions: endTimesOptions$1 = endTimesOptions,
+    dayOfWeekOptions = dropdownDayOfWeekOptions,
+    dayOfWeekOptionsEnable = true,
+    dayOfMonthOptions = dropdownDayOfMonthOptions,
+    dayOfMonthOptionsEnable = true,
+    dayOfYearOptions = 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,
+    useTimezoneSelector = false,
+    allowMultipleDaysOfWeek = false,
+    advanceOption = {
+      label: 'Custom',
+      value: 'custom-range',
+      isAdvance: true
+    },
+    isValidRecurrence = () => true,
+    validationMessage = '',
+    endDayBlocked = () => false,
+    startDayBlocked = () => false,
+    repeatFrecuencyCustomProps = {}
+  } = _ref;
+  return /*#__PURE__*/_jsx(DateTimeRecurenceSelectorImpl, {
     advanceOption: advanceOption,
     allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
     appElement: appElement,
@@ -196,7 +108,7 @@ var DSDateTimeRecurrenceSelector = function DSDateTimeRecurrenceSelector(_ref) {
     value: value
   });
 };
-var dateTimeRecurrenceSelectorProps = {
+const dateTimeRecurrenceSelectorProps = {
   containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),
   className: PropTypes.string.description('html class attribute'),
   preselectedOptions: PropTypes.arrayOf(PropTypes.shape({
@@ -267,9 +179,7 @@ var dateTimeRecurrenceSelectorProps = {
   startDayBlocked: PropTypes.func.description('block start date'),
   repeatFrecuencyCustomProps: PropTypes.shape({}).description('repeat frecuency custom props')
 };
-DSDateTimeRecurrenceSelector.propTypes = dateTimeRecurrenceSelectorProps;
-var DateTimeRecurenceSelectorWithSchema = describe(DSDateTimeRecurrenceSelector);
+const DateTimeRecurenceSelectorWithSchema = describe(DSDateTimeRecurrenceSelector);
 DateTimeRecurenceSelectorWithSchema.propTypes = dateTimeRecurrenceSelectorProps;
 
 export { DSDateTimeRecurrenceSelector, DateTimeRecurenceSelectorWithSchema, DSDateTimeRecurrenceSelector as default };
-//# sourceMappingURL=DSDateTimeRecurrenceSelector.js.map

package/esm/__test__/DSDateTimeRecurrenceSelector.test.js

@@ -0,0 +1,24 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import '@testing-library/jest-dom/extend-expect';
+import { render, waitFor } from '@testing-library/react';
+import { DSDateTimeRecurrenceSelector } from '../DSDateTimeRecurrenceSelector.js';
+
+var _DSDateTimeRecurrence;
+describe('DSDateTimeRecurrenceSelector', () => {
+  const root = document.createElement('div');
+  root.setAttribute('id', 'root');
+  document.body.appendChild(root);
+  const portalRoot = document.createElement('div');
+  portalRoot.setAttribute('id', 'portal-root');
+  document.body.appendChild(portalRoot);
+  test('open modal', async () => {
+    const {
+      getByText
+    } = render(_DSDateTimeRecurrence || (_DSDateTimeRecurrence = /*#__PURE__*/_jsx(DSDateTimeRecurrenceSelector, {
+      openModal: true
+    })));
+    await waitFor(() => getByText('Starts'));
+    expect(getByText('Starts')).toBeInTheDocument();
+  });
+});