@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.
- package/cjs/DSDateTimeRecurrenceSelector.js +90 -87
- package/cjs/components/AlertModal/DateTimeRangeModal.js +53 -50
- package/cjs/components/CustomOptionRender/CustomOptionRender.js +20 -19
- package/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +11 -7
- package/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +5 -0
- package/cjs/components/DateTimeRecurenceSelectorImpl.js +9 -3
- package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +16 -13
- package/cjs/components/DayOfYearPicker/DayOfYearPicker.js +16 -13
- package/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js +32 -30
- package/cjs/components/EndDate/EndDate.js +30 -28
- package/cjs/components/FieldWrapper/FieldWrapper.js +4 -3
- package/cjs/components/LabelWrapper/LabelWrapper.js +4 -3
- package/cjs/components/RepeatPickerInput/RepeatPickerInput.js +18 -15
- package/cjs/components/StartDateTime/StartDateTime.js +22 -19
- package/cjs/components/TimeZonePicker/TimeZonePicker.js +24 -22
- package/cjs/components/ValidationMessage/ValidationMessage.js +8 -5
- package/esm/DSDateTimeRecurrenceSelector.js +90 -87
- package/esm/components/AlertModal/DateTimeRangeModal.js +53 -50
- package/esm/components/CustomOptionRender/CustomOptionRender.js +20 -19
- package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +11 -7
- package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +5 -0
- package/esm/components/DateTimeRecurenceSelectorImpl.js +8 -1
- package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +15 -11
- package/esm/components/DayOfYearPicker/DayOfYearPicker.js +15 -11
- package/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js +31 -25
- package/esm/components/EndDate/EndDate.js +30 -27
- package/esm/components/FieldWrapper/FieldWrapper.js +4 -3
- package/esm/components/LabelWrapper/LabelWrapper.js +4 -3
- package/esm/components/RepeatPickerInput/RepeatPickerInput.js +16 -11
- package/esm/components/StartDateTime/StartDateTime.js +22 -19
- package/esm/components/TimeZonePicker/TimeZonePicker.js +24 -21
- package/esm/components/ValidationMessage/ValidationMessage.js +8 -5
- package/package.json +6 -5
|
@@ -42,25 +42,26 @@ timezonePickerInput
|
|
|
42
42
|
}
|
|
43
43
|
*/
|
|
44
44
|
|
|
45
|
-
const CustomOptionRender =
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
45
|
+
const CustomOptionRender = _ref => {
|
|
46
|
+
let {
|
|
47
|
+
customRange: {
|
|
48
|
+
startDateInput,
|
|
49
|
+
startTimeInput,
|
|
50
|
+
qtyRepeatPickerInput,
|
|
51
|
+
typeRepeatPickerInput,
|
|
52
|
+
dayWeekRepeatPickerInput,
|
|
53
|
+
endDateInput,
|
|
54
|
+
endTypeInput,
|
|
55
|
+
endTimesInput,
|
|
56
|
+
dayOfMonthRepeatPickerInput,
|
|
57
|
+
dayOfYearRepeatPickerInput,
|
|
58
|
+
timezonePickerInput
|
|
59
|
+
},
|
|
60
|
+
dayOfMonthOptionsEnable,
|
|
61
|
+
dayOfWeekOptionsEnable,
|
|
62
|
+
dayOfYearOptionsEnable,
|
|
63
|
+
useTimezoneSelector
|
|
64
|
+
} = _ref;
|
|
64
65
|
let display = 'Custom'; // frequency
|
|
65
66
|
|
|
66
67
|
if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display = "every ".concat(qtyRepeatPickerInput, " ").concat(typeRepeatPickerInput, "s"); // type
|
|
@@ -6,21 +6,25 @@ import DSModal from '@elliemae/ds-modal';
|
|
|
6
6
|
import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
|
|
7
7
|
|
|
8
8
|
class DateTimeRangeModal extends React.Component {
|
|
9
|
-
constructor(
|
|
10
|
-
|
|
9
|
+
constructor() {
|
|
10
|
+
var _this;
|
|
11
|
+
|
|
12
|
+
super(...arguments);
|
|
13
|
+
_this = this;
|
|
11
14
|
|
|
12
15
|
_defineProperty(this, "state", {
|
|
13
16
|
isValid: true
|
|
14
17
|
});
|
|
15
18
|
|
|
16
|
-
_defineProperty(this, "updateIsValid", (
|
|
19
|
+
_defineProperty(this, "updateIsValid", function () {
|
|
17
20
|
const {
|
|
18
21
|
onCustomDateTimeRange = () => null,
|
|
19
22
|
isValidRecurrence
|
|
20
|
-
} =
|
|
21
|
-
onCustomDateTimeRange(...
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
} = _this.props;
|
|
24
|
+
onCustomDateTimeRange(...arguments);
|
|
25
|
+
|
|
26
|
+
_this.setState({
|
|
27
|
+
isValid: isValidRecurrence(...arguments)
|
|
24
28
|
});
|
|
25
29
|
});
|
|
26
30
|
}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import 'core-js/modules/es.string.replace.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
8
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
9
|
import { Component } from 'react';
|
|
5
10
|
import moment from 'moment';
|
|
6
11
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
3
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
5
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
+
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
8
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.find.js';
|
|
3
10
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
4
11
|
import { Component } from 'react';
|
|
5
12
|
import { isEqual } from 'lodash';
|
|
6
13
|
import 'react-dates/initialize';
|
|
7
14
|
import { components } from 'react-select';
|
|
8
15
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
9
|
-
import DSComboBox from '@elliemae/ds-
|
|
16
|
+
import { DSComboBox } from '@elliemae/ds-form';
|
|
10
17
|
import DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal.js';
|
|
11
18
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
19
|
|
|
@@ -1,23 +1,27 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
|
+
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.find.js';
|
|
3
6
|
import 'react';
|
|
4
|
-
import DSComboBox from '@elliemae/ds-
|
|
7
|
+
import { DSComboBox } from '@elliemae/ds-form';
|
|
5
8
|
import { nthDay } from '../helpers/nthday.js';
|
|
6
9
|
import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
|
|
7
10
|
import FormLabel from '../Forms/FormLabel.js';
|
|
8
11
|
import FormFieldGroup from '../Forms/FormFieldGroup.js';
|
|
9
12
|
import FormGroup from '../Forms/FormGroup.js';
|
|
10
13
|
|
|
11
|
-
const DaysOfMonthPicker =
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
const DaysOfMonthPicker = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
onDayChange = () => null,
|
|
17
|
+
dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
|
|
18
|
+
dayOfMonthOptions = dropdownDayOfMonthOptions,
|
|
19
|
+
displayOptionsAsCurrentDate = true,
|
|
20
|
+
currentDate = null,
|
|
21
|
+
inputLabel = 'On',
|
|
22
|
+
dayOfMonthAsCurrentDateOptions,
|
|
23
|
+
displayMonthCustomOption
|
|
24
|
+
} = _ref;
|
|
21
25
|
let options = dayOfMonthOptions;
|
|
22
26
|
|
|
23
27
|
if (displayOptionsAsCurrentDate) {
|
|
@@ -1,23 +1,27 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
|
+
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.find.js';
|
|
3
6
|
import 'react';
|
|
4
|
-
import DSComboBox from '@elliemae/ds-
|
|
7
|
+
import { DSComboBox } from '@elliemae/ds-form';
|
|
5
8
|
import { nthDay } from '../helpers/nthday.js';
|
|
6
9
|
import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
|
|
7
10
|
import FormGroup from '../Forms/FormGroup.js';
|
|
8
11
|
import FormLabel from '../Forms/FormLabel.js';
|
|
9
12
|
import FormFieldGroup from '../Forms/FormFieldGroup.js';
|
|
10
13
|
|
|
11
|
-
const DaysOfMonthPicker =
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
const DaysOfMonthPicker = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
onDayChange = () => null,
|
|
17
|
+
dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
|
|
18
|
+
dayOfMonthOptions = dropdownDayOfMonthOptions,
|
|
19
|
+
displayOptionsAsCurrentDate = true,
|
|
20
|
+
currentDate = null,
|
|
21
|
+
inputLabel = 'On',
|
|
22
|
+
dayOfYearAsCurrentDateOptions,
|
|
23
|
+
displayYearCustomOption
|
|
24
|
+
} = _ref;
|
|
21
25
|
let options = dayOfMonthOptions;
|
|
22
26
|
|
|
23
27
|
if (displayOptionsAsCurrentDate) {
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.map.js';
|
|
2
4
|
import 'react';
|
|
3
5
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
4
|
-
import DSRadioGroup from '@elliemae/ds-
|
|
5
|
-
import DSRadio from '@elliemae/ds-basic/form/Radio';
|
|
6
|
-
import DSCheckboxGroup from '@elliemae/ds-basic/form/CheckboxGroup';
|
|
7
|
-
import DSCheckbox from '@elliemae/ds-basic/form/Checkbox';
|
|
6
|
+
import { DSRadioGroup, DSRadio, DSCheckboxGroup, DSCheckbox } from '@elliemae/ds-form';
|
|
8
7
|
import { dropdownDayOfWeekOptions } from '../../options/dropdownDayOfWeekOptions.js';
|
|
9
8
|
import FormGroup from '../Forms/FormGroup.js';
|
|
10
9
|
import FormFieldGroup from '../Forms/FormFieldGroup.js';
|
|
@@ -20,13 +19,14 @@ const getActive = (allowMultipleDaysOfWeek, active) => {
|
|
|
20
19
|
return [active];
|
|
21
20
|
};
|
|
22
21
|
|
|
23
|
-
const DaysOfWeekPicker =
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
const DaysOfWeekPicker = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
allowMultipleDaysOfWeek = false,
|
|
25
|
+
onDayChange = () => null,
|
|
26
|
+
active = dropdownDayOfWeekOptions[0].value,
|
|
27
|
+
options = dropdownDayOfWeekOptions,
|
|
28
|
+
inputLabel = 'On'
|
|
29
|
+
} = _ref;
|
|
30
30
|
const safeActive = getActive(allowMultipleDaysOfWeek, active);
|
|
31
31
|
return /*#__PURE__*/_jsx(FormGroup, {
|
|
32
32
|
className: cssClassName
|
|
@@ -34,23 +34,29 @@ const DaysOfWeekPicker = ({
|
|
|
34
34
|
activeValue: safeActive,
|
|
35
35
|
onChange: onDayChange,
|
|
36
36
|
orientation: "horizontal"
|
|
37
|
-
}, void 0, options.map(({
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
37
|
+
}, void 0, options.map((_ref2, index) => {
|
|
38
|
+
let {
|
|
39
|
+
label,
|
|
40
|
+
value
|
|
41
|
+
} = _ref2;
|
|
42
|
+
return /*#__PURE__*/_jsx(DSRadio, {
|
|
43
|
+
labelText: label,
|
|
44
|
+
value: value
|
|
45
|
+
}, index);
|
|
46
|
+
})), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSCheckboxGroup, {
|
|
44
47
|
activeValue: safeActive,
|
|
45
48
|
onChange: onDayChange,
|
|
46
49
|
orientation: "horizontal"
|
|
47
|
-
}, void 0, options.map(({
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
}, void 0, options.map((_ref3, index) => {
|
|
51
|
+
let {
|
|
52
|
+
label,
|
|
53
|
+
value
|
|
54
|
+
} = _ref3;
|
|
55
|
+
return /*#__PURE__*/_jsx(DSCheckbox, {
|
|
56
|
+
labelText: label,
|
|
57
|
+
value: value
|
|
58
|
+
}, index);
|
|
59
|
+
}))));
|
|
54
60
|
};
|
|
55
61
|
|
|
56
62
|
export { DaysOfWeekPicker as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'react';
|
|
3
3
|
import DSDatePicker from '@elliemae/ds-date-picker';
|
|
4
|
-
import DSComboBox from '@elliemae/ds-
|
|
4
|
+
import { DSComboBox } from '@elliemae/ds-form';
|
|
5
5
|
import { endTypes } from '../../options/endTypesOptions.js';
|
|
6
6
|
import FormField from '../Forms/FormField.js';
|
|
7
7
|
import FormLabel from '../Forms/FormLabel.js';
|
|
@@ -10,31 +10,34 @@ import FormFieldGroup from '../Forms/FormFieldGroup.js';
|
|
|
10
10
|
|
|
11
11
|
var _FormLabel, _FormField;
|
|
12
12
|
|
|
13
|
-
const EndDate =
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
13
|
+
const EndDate = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
onEndDateChange = () => null,
|
|
16
|
+
onEndTypeChange = () => null,
|
|
17
|
+
onEndTimesChange = () => null,
|
|
18
|
+
endDateValue = null,
|
|
19
|
+
endTypeValue = null,
|
|
20
|
+
endTypesOptions = [],
|
|
21
|
+
endTimesOptions = [],
|
|
22
|
+
endTimesValue = null,
|
|
23
|
+
endDayBlocked
|
|
24
|
+
} = _ref;
|
|
25
|
+
return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
|
|
26
|
+
onChange: onEndTypeChange,
|
|
27
|
+
options: endTypesOptions,
|
|
28
|
+
value: endTypeValue
|
|
29
|
+
})), endTypeValue === endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx("div", {})))), endTypeValue === endTypes.ON && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
|
|
30
|
+
appendToBody: true,
|
|
31
|
+
date: endDateValue,
|
|
32
|
+
isDayBlocked: endDayBlocked,
|
|
33
|
+
onDateChange: onEndDateChange,
|
|
34
|
+
openDirection: "up",
|
|
35
|
+
zIndex: 10
|
|
36
|
+
})), endTypeValue === endTypes.AFTER && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
|
|
37
|
+
onChange: onEndTimesChange,
|
|
38
|
+
options: endTimesOptions,
|
|
39
|
+
value: endTimesValue
|
|
40
|
+
}))));
|
|
41
|
+
};
|
|
39
42
|
|
|
40
43
|
export { EndDate as default };
|
|
@@ -6,9 +6,10 @@ const {
|
|
|
6
6
|
cssClassName
|
|
7
7
|
} = convertPropToCssClassName('field-wrapper');
|
|
8
8
|
|
|
9
|
-
function FieldWrapper({
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
function FieldWrapper(_ref) {
|
|
10
|
+
let {
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
12
13
|
return /*#__PURE__*/_jsx("div", {
|
|
13
14
|
className: "".concat(cssClassName)
|
|
14
15
|
}, void 0, children);
|
|
@@ -6,9 +6,10 @@ const {
|
|
|
6
6
|
cssClassName
|
|
7
7
|
} = convertPropToCssClassName('label-wrapper');
|
|
8
8
|
|
|
9
|
-
function LabelWrapper({
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
function LabelWrapper(_ref) {
|
|
10
|
+
let {
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
12
13
|
return /*#__PURE__*/_jsx("div", {
|
|
13
14
|
className: "".concat(cssClassName)
|
|
14
15
|
}, void 0, children);
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
8
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
9
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
10
|
import { useState } from 'react';
|
|
6
11
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
7
|
-
import DSComboBox from '@elliemae/ds-
|
|
8
|
-
import DSTextBox from '@elliemae/ds-basic/form/TextBox';
|
|
12
|
+
import { DSTextBox, DSComboBox } from '@elliemae/ds-form';
|
|
9
13
|
import FormGroup from '../Forms/FormGroup.js';
|
|
10
14
|
import FormLabel from '../Forms/FormLabel.js';
|
|
11
15
|
import FormFieldGroup from '../Forms/FormFieldGroup.js';
|
|
@@ -21,15 +25,16 @@ const {
|
|
|
21
25
|
cssClassName
|
|
22
26
|
} = convertPropToCssClassName('repeat-picker-input-range-selector');
|
|
23
27
|
|
|
24
|
-
const RepeatPickerInput =
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
const RepeatPickerInput = _ref => {
|
|
29
|
+
let {
|
|
30
|
+
onQtyChange = () => null,
|
|
31
|
+
onTypeChange = () => null,
|
|
32
|
+
qtyValue = 1,
|
|
33
|
+
repeatOptions = [],
|
|
34
|
+
repeatOptionsValue = null,
|
|
35
|
+
repeatInputLabel = 'Repeats every',
|
|
36
|
+
repeatFrecuencyCustomProps = {}
|
|
37
|
+
} = _ref;
|
|
33
38
|
const [last, setLast] = useState('');
|
|
34
39
|
|
|
35
40
|
const rest = _objectWithoutProperties(repeatFrecuencyCustomProps, _excluded);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'react';
|
|
3
3
|
import DSDatePicker from '@elliemae/ds-date-picker';
|
|
4
|
-
import DSTimePicker from '@elliemae/ds-
|
|
4
|
+
import DSTimePicker from '@elliemae/ds-time-picker';
|
|
5
5
|
import FormLabel from '../Forms/FormLabel.js';
|
|
6
6
|
import FormFieldGroup from '../Forms/FormFieldGroup.js';
|
|
7
7
|
import FormGroup from '../Forms/FormGroup.js';
|
|
@@ -9,23 +9,26 @@ import FormField from '../Forms/FormField.js';
|
|
|
9
9
|
|
|
10
10
|
var _FormLabel;
|
|
11
11
|
|
|
12
|
-
const StartDateTime =
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
12
|
+
const StartDateTime = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
onStartDateChange = () => null,
|
|
15
|
+
onStartTimeChange = () => null,
|
|
16
|
+
startDateValue = null,
|
|
17
|
+
startTimeValue = null,
|
|
18
|
+
startDayBlocked
|
|
19
|
+
} = _ref;
|
|
20
|
+
return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
|
|
21
|
+
appendToBody: true,
|
|
22
|
+
date: startDateValue,
|
|
23
|
+
isDayBlocked: startDayBlocked,
|
|
24
|
+
keepOpenOnDateSelect: false,
|
|
25
|
+
onDateChange: onStartDateChange,
|
|
26
|
+
zIndex: 10
|
|
27
|
+
})), /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSTimePicker, {
|
|
28
|
+
onChange: onStartTimeChange,
|
|
29
|
+
value: startTimeValue,
|
|
30
|
+
zIndex: 10
|
|
31
|
+
}))));
|
|
32
|
+
};
|
|
30
33
|
|
|
31
34
|
export { StartDateTime as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'react';
|
|
3
3
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
4
|
-
import DSComboBox from '@elliemae/ds-
|
|
4
|
+
import { DSComboBox } from '@elliemae/ds-form';
|
|
5
5
|
import { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions.js';
|
|
6
6
|
import FieldWrapper from '../FieldWrapper/FieldWrapper.js';
|
|
7
7
|
import LabelWrapper from '../LabelWrapper/LabelWrapper.js';
|
|
@@ -11,25 +11,28 @@ const {
|
|
|
11
11
|
classNameElement
|
|
12
12
|
} = convertPropToCssClassName('timezone-picker-input-range-selector');
|
|
13
13
|
|
|
14
|
-
const TimeZonePicker =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}, void 0, /*#__PURE__*/_jsx("div", {
|
|
24
|
-
|
|
25
|
-
}, void 0, /*#__PURE__*/_jsx(
|
|
26
|
-
|
|
27
|
-
}, void 0,
|
|
28
|
-
|
|
29
|
-
}, void 0,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
14
|
+
const TimeZonePicker = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
onTimezoneChange = () => null,
|
|
17
|
+
timezoneValue = dropdownTimeZoneOptions[0].value,
|
|
18
|
+
timezoneOptions = dropdownTimeZoneOptions,
|
|
19
|
+
inputLabel = 'Time Zone'
|
|
20
|
+
} = _ref;
|
|
21
|
+
return /*#__PURE__*/_jsx("div", {
|
|
22
|
+
className: "".concat(cssClassName)
|
|
23
|
+
}, void 0, /*#__PURE__*/_jsx("div", {
|
|
24
|
+
className: "grid-x"
|
|
25
|
+
}, void 0, /*#__PURE__*/_jsx("div", {
|
|
26
|
+
className: "cell medium-4 large-3"
|
|
27
|
+
}, void 0, /*#__PURE__*/_jsx(LabelWrapper, {}, void 0, /*#__PURE__*/_jsx("div", {
|
|
28
|
+
className: "".concat(classNameElement('label'))
|
|
29
|
+
}, void 0, inputLabel))), /*#__PURE__*/_jsx("div", {
|
|
30
|
+
className: "cell medium-8 large-9"
|
|
31
|
+
}, void 0, /*#__PURE__*/_jsx(FieldWrapper, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
|
|
32
|
+
onChange: onTimezoneChange,
|
|
33
|
+
options: timezoneOptions,
|
|
34
|
+
value: timezoneValue
|
|
35
|
+
})))));
|
|
36
|
+
};
|
|
34
37
|
|
|
35
38
|
export { TimeZonePicker as default };
|
|
@@ -6,10 +6,13 @@ const {
|
|
|
6
6
|
cssClassName
|
|
7
7
|
} = convertPropToCssClassName('recurrence-selector-validation-message');
|
|
8
8
|
|
|
9
|
-
const ValidationMessage =
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
const ValidationMessage = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
validationMessage = ''
|
|
12
|
+
} = _ref;
|
|
13
|
+
return /*#__PURE__*/_jsx("div", {
|
|
14
|
+
className: cssClassName
|
|
15
|
+
}, void 0, validationMessage);
|
|
16
|
+
};
|
|
14
17
|
|
|
15
18
|
export { ValidationMessage as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-time-recurrence-picker",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-rc.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Time Recurrence Picker",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -144,12 +144,13 @@
|
|
|
144
144
|
"build": "node ../../scripts/build/build.js"
|
|
145
145
|
},
|
|
146
146
|
"dependencies": {
|
|
147
|
-
"@elliemae/ds-basic": "2.0.0-
|
|
148
|
-
"@elliemae/ds-classnames": "2.0.0-
|
|
149
|
-
"@elliemae/ds-date-picker": "2.0.0-
|
|
150
|
-
"@elliemae/ds-modal": "2.0.0-
|
|
147
|
+
"@elliemae/ds-basic": "2.0.0-rc.2",
|
|
148
|
+
"@elliemae/ds-classnames": "2.0.0-rc.2",
|
|
149
|
+
"@elliemae/ds-date-picker": "2.0.0-rc.2",
|
|
150
|
+
"@elliemae/ds-modal": "2.0.0-rc.2",
|
|
151
151
|
"moment": "~2.29.1",
|
|
152
152
|
"react-dates": "~21.8.0",
|
|
153
|
+
"react-desc": "~4.1.3",
|
|
153
154
|
"react-select": "4.3.1",
|
|
154
155
|
"react-text-mask": "~5.4.3"
|
|
155
156
|
},
|