@elliemae/ds-date-time-recurrence-picker 2.0.0-next.7 → 2.0.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/cjs/DSDateTimeRecurrenceSelector.js +90 -87
  2. package/cjs/components/AlertModal/DateTimeRangeModal.js +53 -50
  3. package/cjs/components/CustomOptionRender/CustomOptionRender.js +20 -19
  4. package/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +11 -7
  5. package/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +5 -0
  6. package/cjs/components/DateTimeRecurenceSelectorImpl.js +9 -3
  7. package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +16 -13
  8. package/cjs/components/DayOfYearPicker/DayOfYearPicker.js +16 -13
  9. package/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js +32 -30
  10. package/cjs/components/EndDate/EndDate.js +30 -28
  11. package/cjs/components/FieldWrapper/FieldWrapper.js +4 -3
  12. package/cjs/components/LabelWrapper/LabelWrapper.js +4 -3
  13. package/cjs/components/RepeatPickerInput/RepeatPickerInput.js +18 -15
  14. package/cjs/components/StartDateTime/StartDateTime.js +22 -19
  15. package/cjs/components/TimeZonePicker/TimeZonePicker.js +24 -22
  16. package/cjs/components/ValidationMessage/ValidationMessage.js +8 -5
  17. package/esm/DSDateTimeRecurrenceSelector.js +90 -87
  18. package/esm/components/AlertModal/DateTimeRangeModal.js +53 -50
  19. package/esm/components/CustomOptionRender/CustomOptionRender.js +20 -19
  20. package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +11 -7
  21. package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +5 -0
  22. package/esm/components/DateTimeRecurenceSelectorImpl.js +8 -1
  23. package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +15 -11
  24. package/esm/components/DayOfYearPicker/DayOfYearPicker.js +15 -11
  25. package/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js +31 -25
  26. package/esm/components/EndDate/EndDate.js +30 -27
  27. package/esm/components/FieldWrapper/FieldWrapper.js +4 -3
  28. package/esm/components/LabelWrapper/LabelWrapper.js +4 -3
  29. package/esm/components/RepeatPickerInput/RepeatPickerInput.js +16 -11
  30. package/esm/components/StartDateTime/StartDateTime.js +22 -19
  31. package/esm/components/TimeZonePicker/TimeZonePicker.js +24 -21
  32. package/esm/components/ValidationMessage/ValidationMessage.js +8 -5
  33. package/package.json +6 -5
@@ -3,7 +3,7 @@
3
3
  var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  require('react');
5
5
  var DSDatePicker = require('@elliemae/ds-date-picker');
6
- var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
6
+ var dsForm = require('@elliemae/ds-form');
7
7
  var endTypesOptions = require('../../options/endTypesOptions.js');
8
8
  var FormField = require('../Forms/FormField.js');
9
9
  var FormLabel = require('../Forms/FormLabel.js');
@@ -14,35 +14,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
 
15
15
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
16
16
  var DSDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DSDatePicker);
17
- var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
18
17
 
19
18
  var _FormLabel, _FormField;
20
19
 
21
- const EndDate = ({
22
- onEndDateChange = () => null,
23
- onEndTypeChange = () => null,
24
- onEndTimesChange = () => null,
25
- endDateValue = null,
26
- endTypeValue = null,
27
- endTypesOptions: endTypesOptions$1 = [],
28
- endTimesOptions = [],
29
- endTimesValue = null,
30
- endDayBlocked
31
- }) => /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
32
- onChange: onEndTypeChange,
33
- options: endTypesOptions$1,
34
- value: endTypeValue
35
- })), endTypeValue === endTypesOptions.endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {})))), endTypeValue === endTypesOptions.endTypes.ON && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
36
- appendToBody: true,
37
- date: endDateValue,
38
- isDayBlocked: endDayBlocked,
39
- onDateChange: onEndDateChange,
40
- openDirection: "up",
41
- zIndex: 10
42
- })), endTypeValue === endTypesOptions.endTypes.AFTER && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
43
- onChange: onEndTimesChange,
44
- options: endTimesOptions,
45
- value: endTimesValue
46
- }))));
20
+ const EndDate = _ref => {
21
+ let {
22
+ onEndDateChange = () => null,
23
+ onEndTypeChange = () => null,
24
+ onEndTimesChange = () => null,
25
+ endDateValue = null,
26
+ endTypeValue = null,
27
+ endTypesOptions: endTypesOptions$1 = [],
28
+ endTimesOptions = [],
29
+ endTimesValue = null,
30
+ endDayBlocked
31
+ } = _ref;
32
+ return /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
33
+ onChange: onEndTypeChange,
34
+ options: endTypesOptions$1,
35
+ value: endTypeValue
36
+ })), endTypeValue === endTypesOptions.endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {})))), endTypeValue === endTypesOptions.endTypes.ON && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
37
+ appendToBody: true,
38
+ date: endDateValue,
39
+ isDayBlocked: endDayBlocked,
40
+ onDateChange: onEndDateChange,
41
+ openDirection: "up",
42
+ zIndex: 10
43
+ })), endTypeValue === endTypesOptions.endTypes.AFTER && /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
44
+ onChange: onEndTimesChange,
45
+ options: endTimesOptions,
46
+ value: endTimesValue
47
+ }))));
48
+ };
47
49
 
48
50
  module.exports = EndDate;
@@ -12,9 +12,10 @@ const {
12
12
  cssClassName
13
13
  } = dsClassnames.convertPropToCssClassName('field-wrapper');
14
14
 
15
- function FieldWrapper({
16
- children
17
- }) {
15
+ function FieldWrapper(_ref) {
16
+ let {
17
+ children
18
+ } = _ref;
18
19
  return /*#__PURE__*/_jsx__default["default"]("div", {
19
20
  className: "".concat(cssClassName)
20
21
  }, void 0, children);
@@ -12,9 +12,10 @@ const {
12
12
  cssClassName
13
13
  } = dsClassnames.convertPropToCssClassName('label-wrapper');
14
14
 
15
- function LabelWrapper({
16
- children
17
- }) {
15
+ function LabelWrapper(_ref) {
16
+ let {
17
+ children
18
+ } = _ref;
18
19
  return /*#__PURE__*/_jsx__default["default"]("div", {
19
20
  className: "".concat(cssClassName)
20
21
  }, void 0, children);
@@ -4,10 +4,14 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
4
  var _jsx = require('@babel/runtime/helpers/jsx');
5
5
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
6
  require('core-js/modules/web.dom-collections.iterator.js');
7
+ require('core-js/modules/esnext.async-iterator.filter.js');
8
+ require('core-js/modules/esnext.iterator.constructor.js');
9
+ require('core-js/modules/esnext.iterator.filter.js');
10
+ require('core-js/modules/esnext.async-iterator.for-each.js');
11
+ require('core-js/modules/esnext.iterator.for-each.js');
7
12
  var React = require('react');
8
13
  var dsClassnames = require('@elliemae/ds-classnames');
9
- var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
10
- var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
14
+ var dsForm = require('@elliemae/ds-form');
11
15
  var FormGroup = require('../Forms/FormGroup.js');
12
16
  var FormLabel = require('../Forms/FormLabel.js');
13
17
  var FormFieldGroup = require('../Forms/FormFieldGroup.js');
@@ -19,8 +23,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
23
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
20
24
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
21
25
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
22
- var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
23
- var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
24
26
 
25
27
  const _excluded = ["onChange", "onKeyDown", "value"];
26
28
 
@@ -31,22 +33,23 @@ const {
31
33
  cssClassName
32
34
  } = dsClassnames.convertPropToCssClassName('repeat-picker-input-range-selector');
33
35
 
34
- const RepeatPickerInput = ({
35
- onQtyChange = () => null,
36
- onTypeChange = () => null,
37
- qtyValue = 1,
38
- repeatOptions = [],
39
- repeatOptionsValue = null,
40
- repeatInputLabel = 'Repeats every',
41
- repeatFrecuencyCustomProps = {}
42
- }) => {
36
+ const RepeatPickerInput = _ref => {
37
+ let {
38
+ onQtyChange = () => null,
39
+ onTypeChange = () => null,
40
+ qtyValue = 1,
41
+ repeatOptions = [],
42
+ repeatOptionsValue = null,
43
+ repeatInputLabel = 'Repeats every',
44
+ repeatFrecuencyCustomProps = {}
45
+ } = _ref;
43
46
  const [last, setLast] = React.useState('');
44
47
 
45
48
  const rest = _objectWithoutProperties__default["default"](repeatFrecuencyCustomProps, _excluded);
46
49
 
47
50
  return /*#__PURE__*/_jsx__default["default"](FormGroup, {
48
51
  className: cssClassName
49
- }, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, repeatInputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSTextBox__default["default"], _objectSpread({
52
+ }, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, repeatInputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSTextBox, _objectSpread({
50
53
  onChange: e => {
51
54
  if (last !== 69) onQtyChange(e.target.value);
52
55
  },
@@ -56,7 +59,7 @@ const RepeatPickerInput = ({
56
59
  },
57
60
  type: "number",
58
61
  value: qtyValue
59
- }, rest || {}))), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
62
+ }, rest || {}))), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
60
63
  onChange: onTypeChange,
61
64
  options: repeatOptions,
62
65
  value: repeatOptionsValue
@@ -3,7 +3,7 @@
3
3
  var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  require('react');
5
5
  var DSDatePicker = require('@elliemae/ds-date-picker');
6
- var DSTimePicker = require('@elliemae/ds-basic/TimePicker');
6
+ var DSTimePicker = require('@elliemae/ds-time-picker');
7
7
  var FormLabel = require('../Forms/FormLabel.js');
8
8
  var FormFieldGroup = require('../Forms/FormFieldGroup.js');
9
9
  var FormGroup = require('../Forms/FormGroup.js');
@@ -17,23 +17,26 @@ var DSTimePicker__default = /*#__PURE__*/_interopDefaultLegacy(DSTimePicker);
17
17
 
18
18
  var _FormLabel;
19
19
 
20
- const StartDateTime = ({
21
- onStartDateChange = () => null,
22
- onStartTimeChange = () => null,
23
- startDateValue = null,
24
- startTimeValue = null,
25
- startDayBlocked
26
- }) => /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
27
- appendToBody: true,
28
- date: startDateValue,
29
- isDayBlocked: startDayBlocked,
30
- keepOpenOnDateSelect: false,
31
- onDateChange: onStartDateChange,
32
- zIndex: 10
33
- })), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTimePicker__default["default"], {
34
- onChange: onStartTimeChange,
35
- value: startTimeValue,
36
- zIndex: 10
37
- }))));
20
+ const StartDateTime = _ref => {
21
+ let {
22
+ onStartDateChange = () => null,
23
+ onStartTimeChange = () => null,
24
+ startDateValue = null,
25
+ startTimeValue = null,
26
+ startDayBlocked
27
+ } = _ref;
28
+ return /*#__PURE__*/_jsx__default["default"](FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSDatePicker__default["default"], {
29
+ appendToBody: true,
30
+ date: startDateValue,
31
+ isDayBlocked: startDayBlocked,
32
+ keepOpenOnDateSelect: false,
33
+ onDateChange: onStartDateChange,
34
+ zIndex: 10
35
+ })), /*#__PURE__*/_jsx__default["default"](FormField, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTimePicker__default["default"], {
36
+ onChange: onStartTimeChange,
37
+ value: startTimeValue,
38
+ zIndex: 10
39
+ }))));
40
+ };
38
41
 
39
42
  module.exports = StartDateTime;
@@ -3,7 +3,7 @@
3
3
  var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  require('react');
5
5
  var dsClassnames = require('@elliemae/ds-classnames');
6
- var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
6
+ var dsForm = require('@elliemae/ds-form');
7
7
  var dropdownTimeZoneOptions = require('../../options/dropdownTimeZoneOptions.js');
8
8
  var FieldWrapper = require('../FieldWrapper/FieldWrapper.js');
9
9
  var LabelWrapper = require('../LabelWrapper/LabelWrapper.js');
@@ -11,32 +11,34 @@ var LabelWrapper = require('../LabelWrapper/LabelWrapper.js');
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
13
13
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
14
- var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
15
14
 
16
15
  const {
17
16
  cssClassName,
18
17
  classNameElement
19
18
  } = dsClassnames.convertPropToCssClassName('timezone-picker-input-range-selector');
20
19
 
21
- const TimeZonePicker = ({
22
- onTimezoneChange = () => null,
23
- timezoneValue = dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value,
24
- timezoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions,
25
- inputLabel = 'Time Zone'
26
- }) => /*#__PURE__*/_jsx__default["default"]("div", {
27
- className: "".concat(cssClassName)
28
- }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
29
- className: "grid-x"
30
- }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
31
- className: "cell medium-4 large-3"
32
- }, void 0, /*#__PURE__*/_jsx__default["default"](LabelWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
33
- className: "".concat(classNameElement('label'))
34
- }, void 0, inputLabel))), /*#__PURE__*/_jsx__default["default"]("div", {
35
- className: "cell medium-8 large-9"
36
- }, void 0, /*#__PURE__*/_jsx__default["default"](FieldWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
37
- onChange: onTimezoneChange,
38
- options: timezoneOptions,
39
- value: timezoneValue
40
- })))));
20
+ const TimeZonePicker = _ref => {
21
+ let {
22
+ onTimezoneChange = () => null,
23
+ timezoneValue = dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value,
24
+ timezoneOptions = dropdownTimeZoneOptions.dropdownTimeZoneOptions,
25
+ inputLabel = 'Time Zone'
26
+ } = _ref;
27
+ return /*#__PURE__*/_jsx__default["default"]("div", {
28
+ className: "".concat(cssClassName)
29
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
30
+ className: "grid-x"
31
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
32
+ className: "cell medium-4 large-3"
33
+ }, void 0, /*#__PURE__*/_jsx__default["default"](LabelWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
34
+ className: "".concat(classNameElement('label'))
35
+ }, void 0, inputLabel))), /*#__PURE__*/_jsx__default["default"]("div", {
36
+ className: "cell medium-8 large-9"
37
+ }, void 0, /*#__PURE__*/_jsx__default["default"](FieldWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
38
+ onChange: onTimezoneChange,
39
+ options: timezoneOptions,
40
+ value: timezoneValue
41
+ })))));
42
+ };
41
43
 
42
44
  module.exports = TimeZonePicker;
@@ -12,10 +12,13 @@ const {
12
12
  cssClassName
13
13
  } = dsClassnames.convertPropToCssClassName('recurrence-selector-validation-message');
14
14
 
15
- const ValidationMessage = ({
16
- validationMessage = ''
17
- }) => /*#__PURE__*/_jsx__default["default"]("div", {
18
- className: cssClassName
19
- }, void 0, validationMessage);
15
+ const ValidationMessage = _ref => {
16
+ let {
17
+ validationMessage = ''
18
+ } = _ref;
19
+ return /*#__PURE__*/_jsx__default["default"]("div", {
20
+ className: cssClassName
21
+ }, void 0, validationMessage);
22
+ };
20
23
 
21
24
  module.exports = ValidationMessage;
@@ -18,93 +18,96 @@ import CustomOptionRender from './components/CustomOptionRender/CustomOptionRend
18
18
  import { dropdownTimeZoneOptions } from './options/dropdownTimeZoneOptions.js';
19
19
  export { DropdownTimeZoneTypes, dropdownTimeZoneOptions } from './options/dropdownTimeZoneOptions.js';
20
20
 
21
- const DSDateTimeRecurrenceSelector = ({
22
- containerProps = {},
23
- className = '',
24
- preselectedOptions = dropdownPreselectedOptions,
25
- repeatOptions = dropdownRepeatOptions,
26
- endTypesOptions: endTypesOptions$1 = endTypesOptions,
27
- endTimesOptions: endTimesOptions$1 = endTimesOptions,
28
- dayOfWeekOptions = dropdownDayOfWeekOptions,
29
- dayOfWeekOptionsEnable = true,
30
- dayOfMonthOptions = dropdownDayOfMonthOptions,
31
- dayOfMonthOptionsEnable = true,
32
- dayOfYearOptions = dropdownDayOfYearOptions,
33
- dayOfYearOptionsEnable = true,
34
- displayMonthCustomOption = false,
35
- displayYearCustomOption = false,
36
- dayOfMonthAsCurrentDateOptions = ['numberOfMonth', 'dayOfTheWeekOfMonth'],
37
- dayOfYearAsCurrentDateOptions = ['numberOfYear', 'dayOfTheMonthOfYear'],
38
- onChange = () => null,
39
- placeholder = 'Select Range',
40
- modalSize = 'medium',
41
- modalTitle = 'Report Scheduling',
42
- confirmLabel = 'Apply',
43
- rejectLabel = 'Cancel',
44
- modalType = 'confirm',
45
- onConfirmField = () => null,
46
- onRejectField = () => null,
47
- openModal = false,
48
- appElement = '#root',
49
- value = null,
50
- customRange = null,
51
- customOptionRender = CustomOptionRender,
52
- displayCurrentMonthYear = true,
53
- timeZoneOptions = dropdownTimeZoneOptions,
54
- useTimezoneSelector = false,
55
- allowMultipleDaysOfWeek = false,
56
- advanceOption = {
57
- label: 'Custom',
58
- value: 'custom-range',
59
- isAdvance: true
60
- },
61
- isValidRecurrence = () => true,
62
- validationMessage = '',
63
- endDayBlocked = () => false,
64
- startDayBlocked = () => false,
65
- repeatFrecuencyCustomProps = {}
66
- }) => /*#__PURE__*/_jsx(DateTimeRecurenceSelectorImpl, {
67
- advanceOption: advanceOption,
68
- allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
69
- appElement: appElement,
70
- className: className,
71
- confirmLabel: confirmLabel,
72
- containerProps: containerProps,
73
- customOptionRender: customOptionRender,
74
- customRange: customRange,
75
- dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
76
- dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
77
- dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
78
- dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
79
- dayOfYearOptionsEnable: dayOfYearOptionsEnable,
80
- displayCurrentMonthYear: displayCurrentMonthYear,
81
- displayMonthCustomOption: displayMonthCustomOption,
82
- displayYearCustomOption: displayYearCustomOption,
83
- dropdownDayOfMonthOptions: dayOfMonthOptions,
84
- dropdownDayOfWeekOptions: dayOfWeekOptions,
85
- dropdownDayOfYearOptions: dayOfYearOptions,
86
- dropdownPreselectedOptions: preselectedOptions,
87
- dropdownRepeatOptions: repeatOptions,
88
- endDayBlocked: endDayBlocked,
89
- endTimesOptions: endTimesOptions$1,
90
- endTypesOptions: endTypesOptions$1,
91
- isValidRecurrence: isValidRecurrence,
92
- modalSize: modalSize,
93
- modalTitle: modalTitle,
94
- modalType: modalType,
95
- onChange: onChange,
96
- onConfirmField: onConfirmField,
97
- onRejectField: onRejectField,
98
- openModal: openModal,
99
- placeholder: placeholder,
100
- rejectLabel: rejectLabel,
101
- repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
102
- startDayBlocked: startDayBlocked,
103
- timeZoneOptions: timeZoneOptions,
104
- useTimezoneSelector: useTimezoneSelector,
105
- validationMessage: validationMessage,
106
- value: value
107
- });
21
+ const DSDateTimeRecurrenceSelector = _ref => {
22
+ let {
23
+ containerProps = {},
24
+ className = '',
25
+ preselectedOptions = dropdownPreselectedOptions,
26
+ repeatOptions = dropdownRepeatOptions,
27
+ endTypesOptions: endTypesOptions$1 = endTypesOptions,
28
+ endTimesOptions: endTimesOptions$1 = endTimesOptions,
29
+ dayOfWeekOptions = dropdownDayOfWeekOptions,
30
+ dayOfWeekOptionsEnable = true,
31
+ dayOfMonthOptions = dropdownDayOfMonthOptions,
32
+ dayOfMonthOptionsEnable = true,
33
+ dayOfYearOptions = dropdownDayOfYearOptions,
34
+ dayOfYearOptionsEnable = true,
35
+ displayMonthCustomOption = false,
36
+ displayYearCustomOption = false,
37
+ dayOfMonthAsCurrentDateOptions = ['numberOfMonth', 'dayOfTheWeekOfMonth'],
38
+ dayOfYearAsCurrentDateOptions = ['numberOfYear', 'dayOfTheMonthOfYear'],
39
+ onChange = () => null,
40
+ placeholder = 'Select Range',
41
+ modalSize = 'medium',
42
+ modalTitle = 'Report Scheduling',
43
+ confirmLabel = 'Apply',
44
+ rejectLabel = 'Cancel',
45
+ modalType = 'confirm',
46
+ onConfirmField = () => null,
47
+ onRejectField = () => null,
48
+ openModal = false,
49
+ appElement = '#root',
50
+ value = null,
51
+ customRange = null,
52
+ customOptionRender = CustomOptionRender,
53
+ displayCurrentMonthYear = true,
54
+ timeZoneOptions = dropdownTimeZoneOptions,
55
+ useTimezoneSelector = false,
56
+ allowMultipleDaysOfWeek = false,
57
+ advanceOption = {
58
+ label: 'Custom',
59
+ value: 'custom-range',
60
+ isAdvance: true
61
+ },
62
+ isValidRecurrence = () => true,
63
+ validationMessage = '',
64
+ endDayBlocked = () => false,
65
+ startDayBlocked = () => false,
66
+ repeatFrecuencyCustomProps = {}
67
+ } = _ref;
68
+ return /*#__PURE__*/_jsx(DateTimeRecurenceSelectorImpl, {
69
+ advanceOption: advanceOption,
70
+ allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
71
+ appElement: appElement,
72
+ className: className,
73
+ confirmLabel: confirmLabel,
74
+ containerProps: containerProps,
75
+ customOptionRender: customOptionRender,
76
+ customRange: customRange,
77
+ dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
78
+ dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
79
+ dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
80
+ dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
81
+ dayOfYearOptionsEnable: dayOfYearOptionsEnable,
82
+ displayCurrentMonthYear: displayCurrentMonthYear,
83
+ displayMonthCustomOption: displayMonthCustomOption,
84
+ displayYearCustomOption: displayYearCustomOption,
85
+ dropdownDayOfMonthOptions: dayOfMonthOptions,
86
+ dropdownDayOfWeekOptions: dayOfWeekOptions,
87
+ dropdownDayOfYearOptions: dayOfYearOptions,
88
+ dropdownPreselectedOptions: preselectedOptions,
89
+ dropdownRepeatOptions: repeatOptions,
90
+ endDayBlocked: endDayBlocked,
91
+ endTimesOptions: endTimesOptions$1,
92
+ endTypesOptions: endTypesOptions$1,
93
+ isValidRecurrence: isValidRecurrence,
94
+ modalSize: modalSize,
95
+ modalTitle: modalTitle,
96
+ modalType: modalType,
97
+ onChange: onChange,
98
+ onConfirmField: onConfirmField,
99
+ onRejectField: onRejectField,
100
+ openModal: openModal,
101
+ placeholder: placeholder,
102
+ rejectLabel: rejectLabel,
103
+ repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
104
+ startDayBlocked: startDayBlocked,
105
+ timeZoneOptions: timeZoneOptions,
106
+ useTimezoneSelector: useTimezoneSelector,
107
+ validationMessage: validationMessage,
108
+ value: value
109
+ });
110
+ };
108
111
  const dateTimeRecurrenceSelectorProps = {
109
112
  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),
110
113
  className: PropTypes.string.description('html class attribute'),
@@ -3,55 +3,58 @@ import 'react';
3
3
  import DSModal from '@elliemae/ds-modal';
4
4
  import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
5
5
 
6
- const DateTimeRangeModal = ({
7
- isOpen = false,
8
- onClose = () => null,
9
- modalTitle = 'Report Scheduling',
10
- modalSize = 'medium ',
11
- confirmLabel = 'Apply',
12
- rejectLabel = 'Cancel',
13
- modalType = 'confirm',
14
- onConfirmField = () => null,
15
- onRejectField = () => null,
16
- appElement = null,
17
- onCustomDateTimeRange = () => null,
18
- displayCurrentMonthYear = true,
19
- dropdownDayOfMonthOptions = [],
20
- dropdownDayOfWeekOptions = [],
21
- dropdownDayOfYearOptions = [],
22
- dropdownRepeatOptions = [],
23
- rangeValue = {},
24
- dayOfMonthOptionsEnable = true,
25
- dayOfWeekOptionsEnable = true,
26
- dayOfYearOptionsEnable = true,
27
- timeZoneOptions = [],
28
- useTimezoneSelector = false,
29
- allowMultipleDaysOfWeek = false
30
- }) => /*#__PURE__*/_jsx(DSModal, {
31
- appElement: appElement,
32
- confirmLabel: confirmLabel,
33
- isOpen: isOpen,
34
- modalTitle: modalTitle,
35
- modalType: modalType,
36
- onClose: onClose,
37
- onConfirm: onConfirmField,
38
- onReject: onRejectField,
39
- rejectLabel: rejectLabel,
40
- size: modalSize
41
- }, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
42
- allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
43
- dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
44
- dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
45
- dayOfYearOptionsEnable: dayOfYearOptionsEnable,
46
- displayCurrentMonthYear: displayCurrentMonthYear,
47
- dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
48
- dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
49
- dropdownDayOfYearOptions: dropdownDayOfYearOptions,
50
- dropdownRepeatOptions: dropdownRepeatOptions,
51
- onCustomDateTimeRange: onCustomDateTimeRange,
52
- rangeValue: rangeValue,
53
- timeZoneOptions: timeZoneOptions,
54
- useTimezoneSelector: useTimezoneSelector
55
- }));
6
+ const DateTimeRangeModal = _ref => {
7
+ let {
8
+ isOpen = false,
9
+ onClose = () => null,
10
+ modalTitle = 'Report Scheduling',
11
+ modalSize = 'medium ',
12
+ confirmLabel = 'Apply',
13
+ rejectLabel = 'Cancel',
14
+ modalType = 'confirm',
15
+ onConfirmField = () => null,
16
+ onRejectField = () => null,
17
+ appElement = null,
18
+ onCustomDateTimeRange = () => null,
19
+ displayCurrentMonthYear = true,
20
+ dropdownDayOfMonthOptions = [],
21
+ dropdownDayOfWeekOptions = [],
22
+ dropdownDayOfYearOptions = [],
23
+ dropdownRepeatOptions = [],
24
+ rangeValue = {},
25
+ dayOfMonthOptionsEnable = true,
26
+ dayOfWeekOptionsEnable = true,
27
+ dayOfYearOptionsEnable = true,
28
+ timeZoneOptions = [],
29
+ useTimezoneSelector = false,
30
+ allowMultipleDaysOfWeek = false
31
+ } = _ref;
32
+ return /*#__PURE__*/_jsx(DSModal, {
33
+ appElement: appElement,
34
+ confirmLabel: confirmLabel,
35
+ isOpen: isOpen,
36
+ modalTitle: modalTitle,
37
+ modalType: modalType,
38
+ onClose: onClose,
39
+ onConfirm: onConfirmField,
40
+ onReject: onRejectField,
41
+ rejectLabel: rejectLabel,
42
+ size: modalSize
43
+ }, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
44
+ allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
45
+ dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
46
+ dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
47
+ dayOfYearOptionsEnable: dayOfYearOptionsEnable,
48
+ displayCurrentMonthYear: displayCurrentMonthYear,
49
+ dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
50
+ dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
51
+ dropdownDayOfYearOptions: dropdownDayOfYearOptions,
52
+ dropdownRepeatOptions: dropdownRepeatOptions,
53
+ onCustomDateTimeRange: onCustomDateTimeRange,
54
+ rangeValue: rangeValue,
55
+ timeZoneOptions: timeZoneOptions,
56
+ useTimezoneSelector: useTimezoneSelector
57
+ }));
58
+ };
56
59
 
57
60
  export { DateTimeRangeModal as default };