@elliemae/ds-date-time-recurrence-picker 3.0.0-next.40 → 3.0.0-next.44
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/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +10 -0
- package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +2 -2
- package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +10 -0
- package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +2 -2
- package/package.json +6 -6
|
@@ -110,6 +110,16 @@ class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
|
|
|
110
110
|
timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || import_dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value
|
|
111
111
|
};
|
|
112
112
|
this.onChange();
|
|
113
|
+
this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);
|
|
114
|
+
this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);
|
|
115
|
+
this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);
|
|
116
|
+
this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);
|
|
117
|
+
this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);
|
|
118
|
+
this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);
|
|
119
|
+
this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);
|
|
120
|
+
this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);
|
|
121
|
+
this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);
|
|
122
|
+
this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);
|
|
113
123
|
}
|
|
114
124
|
onTypeRepeatPickerInput(value) {
|
|
115
125
|
const update = { typeRepeatPickerInput: value };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSModal from '@elliemae/ds-modal';\nimport { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions';\n// import { endTypes } from '../../options/endTypesOptions'\nimport { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions';\nimport RepeatPickerInput from '../RepeatPickerInput/RepeatPickerInput';\nimport DaysOfWeekPicker from '../DaysOfWeekPicker/DaysOfWeekPicker';\nimport StartDateTime from '../StartDateTime/StartDateTime';\nimport EndDate from '../EndDate/EndDate';\nimport DayOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker';\nimport DayOfYearPicker from '../DayOfYearPicker/DayOfYearPicker';\nimport TimeZonePicker from '../TimeZonePicker/TimeZonePicker';\nimport ValidationMessage from '../ValidationMessage/ValidationMessage';\n\nconst { cssClassName } = convertPropToCssClassName(\n 'date-time-predefined-range-selector',\n);\n\nclass DateTimePredefinedRangeSelectorImpl extends Component {\n constructor(props) {\n super(props);\n const {\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n useTimezoneSelector,\n rangeValue: {\n startDateInput,\n startTimeInput,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n },\n } = props;\n this.state = {\n alertReplace: '',\n alertModal: false,\n startDateInput: startDateInput || moment(),\n startTimeInput: startTimeInput || moment(),\n qtyRepeatPickerInput: qtyRepeatPickerInput || 1,\n typeRepeatPickerInput:\n typeRepeatPickerInput || dropdownRepeatOptions[0].value,\n dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable\n ? null\n : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,\n endDateInput: endDateInput || moment(),\n endTypeInput: endTypeInput || props.endTypesOptions[0].value,\n endTimesInput: endTimesInput || props.endTimesOptions[0].value,\n dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable\n ? null\n : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,\n dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable\n ? null\n : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,\n timezonePickerInput: !useTimezoneSelector\n ? null\n : timezonePickerInput || dropdownTimeZoneOptions[0].value,\n };\n this.onChange();\n }\n\n onChange = () => {\n const { onCustomDateTimeRange } = this.props;\n onCustomDateTimeRange(this.state);\n };\n\n onQtyRepeatPickerInput = value => {\n this.setState(\n { qtyRepeatPickerInput: value.replace(/[^0-9]/g, '') },\n () => {\n this.onChange();\n },\n );\n };\n\n onTypeRepeatPickerInput(value) {\n const update = { typeRepeatPickerInput: value };\n if (value !== DropdownRepeatOptionsTypes.MONTH) {\n update.dayOfMonthRepeatPickerInput = undefined;\n update.dayOfMonthRepeatPickerKey = undefined;\n }\n if (value !== DropdownRepeatOptionsTypes.YEAR) {\n update.dayOfYearRepeatPickerInput = undefined;\n update.dayOfYearRepeatPickerKey = undefined;\n }\n this.setState(\n {\n ...update,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfWeekRepeatPickerInput(value) {\n this.setState({ dayWeekRepeatPickerInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTypeChangeInput(value) {\n this.setState({ endTypeInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTimesChangeInput(value) {\n this.setState({ endTimesInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndDateChangeInput(value) {\n this.setState({ endDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartDateChangeInput(value) {\n this.setState({ startDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartTimeChangeInput(value) {\n this.setState({ startTimeInput: value }, () => {\n this.onChange();\n });\n }\n\n onDayOfMonthRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfMonthRepeatPickerInput: value,\n dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,\n alertModal:\n option.number > 28 || (option.numberLabel || '').includes('Fifth'),\n alertReplace: option.number || `${option.numberLabel} `,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfYearRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfYearRepeatPickerInput: value,\n dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onTimeZonePickerInput(value) {\n this.setState({ timezonePickerInput: value }, () => {\n this.onChange();\n });\n }\n\n render() {\n const {\n alertModal,\n alertReplace,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n startDateInput,\n startTimeInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n } = this.state;\n const {\n displayCurrentMonthYear,\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n timeZoneOptions,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n endTimesOptions,\n endTypesOptions,\n dayOfMonthAsCurrentDateOptions,\n dayOfYearAsCurrentDateOptions,\n validationMessage,\n endDayBlocked,\n startDayBlocked,\n repeatFrecuencyCustomProps,\n displayMonthCustomOption,\n displayYearCustomOption,\n } = this.props;\n\n return (\n <div className={`${cssClassName}`}>\n <StartDateTime\n onStartDateChange={this.onStartDateChangeInput}\n onStartTimeChange={this.onStartTimeChangeInput}\n startDateValue={startDateInput}\n startDayBlocked={startDayBlocked}\n startTimeValue={startTimeInput}\n />\n {useTimezoneSelector && (\n <TimeZonePicker\n onTimezoneChange={this.onTimeZonePickerInput}\n timezoneOptions={timeZoneOptions}\n timezoneValue={timezonePickerInput}\n />\n )}\n <RepeatPickerInput\n onQtyChange={this.onQtyRepeatPickerInput}\n onTypeChange={this.onTypeRepeatPickerInput}\n qtyValue={qtyRepeatPickerInput}\n repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n repeatOptions={dropdownRepeatOptions}\n repeatOptionsValue={typeRepeatPickerInput}\n />\n {dayOfWeekOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && (\n <DaysOfWeekPicker\n active={dayWeekRepeatPickerInput}\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n onDayChange={this.onDayOfWeekRepeatPickerInput}\n options={dropdownDayOfWeekOptions}\n />\n )}\n {dayOfMonthOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && (\n <DayOfMonthPicker\n currentDate={startDateInput}\n dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n dayOfMonthOptions={dropdownDayOfMonthOptions}\n dayOfMonthValue={dayOfMonthRepeatPickerInput}\n displayMonthCustomOption={displayMonthCustomOption}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n onDayChange={this.onDayOfMonthRepeatChangeInput}\n />\n )}\n {dayOfYearOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && (\n <DayOfYearPicker\n currentDate={startDateInput}\n dayOfMonthOptions={dropdownDayOfYearOptions}\n dayOfMonthValue={dayOfYearRepeatPickerInput}\n dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n displayYearCustomOption={displayYearCustomOption}\n onDayChange={this.onDayOfYearRepeatChangeInput}\n />\n )}\n <hr />\n <EndDate\n endDateValue={endDateInput}\n endDayBlocked={endDayBlocked}\n endTimesOptions={endTimesOptions}\n endTimesValue={endTimesInput}\n endTypesOptions={endTypesOptions}\n endTypeValue={endTypeInput}\n onEndDateChange={this.onEndDateChangeInput}\n onEndTimesChange={this.onEndTimesChangeInput}\n onEndTypeChange={this.onEndTypeChangeInput}\n />\n <DSModal\n className=\"datetime-alert-modal\"\n isOpen={alertModal}\n modalTitle={`Some months have fewer than ${alertReplace} days`}\n // modalType={modalType}\n onClose={() => this.setState({ alertModal: false })}\n onConfirm={() => this.setState({ alertModal: false })}\n >\n <p>\n For these months, the occurrence will fall on the last day of the\n month.\n </p>\n </DSModal>\n {validationMessage && (\n <ValidationMessage validationMessage={validationMessage} />\n )}\n </div>\n );\n }\n}\n\nexport default DateTimePredefinedRangeSelectorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,oBAAmB;AACnB,2BAA0C;AAC1C,sBAAoB;AACpB,mCAA2C;AAE3C,qCAAwC;AACxC,+BAA8B;AAC9B,8BAA6B;AAC7B,2BAA0B;AAC1B,qBAAoB;AACpB,8BAA6B;AAC7B,6BAA4B;AAC5B,4BAA2B;AAC3B,+BAA8B;AAE9B,MAAM,EAAE,iBAAiB,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSModal from '@elliemae/ds-modal';\nimport { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions';\n// import { endTypes } from '../../options/endTypesOptions'\nimport { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions';\nimport RepeatPickerInput from '../RepeatPickerInput/RepeatPickerInput';\nimport DaysOfWeekPicker from '../DaysOfWeekPicker/DaysOfWeekPicker';\nimport StartDateTime from '../StartDateTime/StartDateTime';\nimport EndDate from '../EndDate/EndDate';\nimport DayOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker';\nimport DayOfYearPicker from '../DayOfYearPicker/DayOfYearPicker';\nimport TimeZonePicker from '../TimeZonePicker/TimeZonePicker';\nimport ValidationMessage from '../ValidationMessage/ValidationMessage';\n\nconst { cssClassName } = convertPropToCssClassName('date-time-predefined-range-selector');\n\nclass DateTimePredefinedRangeSelectorImpl extends Component {\n constructor(props) {\n super(props);\n const {\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n useTimezoneSelector,\n rangeValue: {\n startDateInput,\n startTimeInput,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n },\n } = props;\n this.state = {\n alertReplace: '',\n alertModal: false,\n startDateInput: startDateInput || moment(),\n startTimeInput: startTimeInput || moment(),\n qtyRepeatPickerInput: qtyRepeatPickerInput || 1,\n typeRepeatPickerInput: typeRepeatPickerInput || dropdownRepeatOptions[0].value,\n dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable\n ? null\n : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,\n endDateInput: endDateInput || moment(),\n endTypeInput: endTypeInput || props.endTypesOptions[0].value,\n endTimesInput: endTimesInput || props.endTimesOptions[0].value,\n dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable\n ? null\n : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,\n dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable\n ? null\n : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,\n timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || dropdownTimeZoneOptions[0].value,\n };\n this.onChange();\n\n this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);\n this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);\n this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);\n this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);\n this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);\n this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);\n this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);\n this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);\n this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);\n this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);\n }\n\n onChange = () => {\n const { onCustomDateTimeRange } = this.props;\n onCustomDateTimeRange(this.state);\n };\n\n onQtyRepeatPickerInput = (value) => {\n this.setState({ qtyRepeatPickerInput: value.replace(/[^0-9]/g, '') }, () => {\n this.onChange();\n });\n };\n\n onTypeRepeatPickerInput(value) {\n const update = { typeRepeatPickerInput: value };\n if (value !== DropdownRepeatOptionsTypes.MONTH) {\n update.dayOfMonthRepeatPickerInput = undefined;\n update.dayOfMonthRepeatPickerKey = undefined;\n }\n if (value !== DropdownRepeatOptionsTypes.YEAR) {\n update.dayOfYearRepeatPickerInput = undefined;\n update.dayOfYearRepeatPickerKey = undefined;\n }\n this.setState(\n {\n ...update,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfWeekRepeatPickerInput(value) {\n this.setState({ dayWeekRepeatPickerInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTypeChangeInput(value) {\n this.setState({ endTypeInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTimesChangeInput(value) {\n this.setState({ endTimesInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndDateChangeInput(value) {\n this.setState({ endDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartDateChangeInput(value) {\n this.setState({ startDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartTimeChangeInput(value) {\n this.setState({ startTimeInput: value }, () => {\n this.onChange();\n });\n }\n\n onDayOfMonthRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfMonthRepeatPickerInput: value,\n dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,\n alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),\n alertReplace: option.number || `${option.numberLabel} `,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfYearRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfYearRepeatPickerInput: value,\n dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onTimeZonePickerInput(value) {\n this.setState({ timezonePickerInput: value }, () => {\n this.onChange();\n });\n }\n\n render() {\n const {\n alertModal,\n alertReplace,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n startDateInput,\n startTimeInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n } = this.state;\n const {\n displayCurrentMonthYear,\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n timeZoneOptions,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n endTimesOptions,\n endTypesOptions,\n dayOfMonthAsCurrentDateOptions,\n dayOfYearAsCurrentDateOptions,\n validationMessage,\n endDayBlocked,\n startDayBlocked,\n repeatFrecuencyCustomProps,\n displayMonthCustomOption,\n displayYearCustomOption,\n } = this.props;\n\n return (\n <div className={`${cssClassName}`}>\n <StartDateTime\n onStartDateChange={this.onStartDateChangeInput}\n onStartTimeChange={this.onStartTimeChangeInput}\n startDateValue={startDateInput}\n startDayBlocked={startDayBlocked}\n startTimeValue={startTimeInput}\n />\n {useTimezoneSelector && (\n <TimeZonePicker\n onTimezoneChange={this.onTimeZonePickerInput}\n timezoneOptions={timeZoneOptions}\n timezoneValue={timezonePickerInput}\n />\n )}\n <RepeatPickerInput\n onQtyChange={this.onQtyRepeatPickerInput}\n onTypeChange={this.onTypeRepeatPickerInput}\n qtyValue={qtyRepeatPickerInput}\n repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n repeatOptions={dropdownRepeatOptions}\n repeatOptionsValue={typeRepeatPickerInput}\n />\n {dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && (\n <DaysOfWeekPicker\n active={dayWeekRepeatPickerInput}\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n onDayChange={this.onDayOfWeekRepeatPickerInput}\n options={dropdownDayOfWeekOptions}\n />\n )}\n {dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && (\n <DayOfMonthPicker\n currentDate={startDateInput}\n dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n dayOfMonthOptions={dropdownDayOfMonthOptions}\n dayOfMonthValue={dayOfMonthRepeatPickerInput}\n displayMonthCustomOption={displayMonthCustomOption}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n onDayChange={this.onDayOfMonthRepeatChangeInput}\n />\n )}\n {dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && (\n <DayOfYearPicker\n currentDate={startDateInput}\n dayOfMonthOptions={dropdownDayOfYearOptions}\n dayOfMonthValue={dayOfYearRepeatPickerInput}\n dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n displayYearCustomOption={displayYearCustomOption}\n onDayChange={this.onDayOfYearRepeatChangeInput}\n />\n )}\n <hr />\n <EndDate\n endDateValue={endDateInput}\n endDayBlocked={endDayBlocked}\n endTimesOptions={endTimesOptions}\n endTimesValue={endTimesInput}\n endTypesOptions={endTypesOptions}\n endTypeValue={endTypeInput}\n onEndDateChange={this.onEndDateChangeInput}\n onEndTimesChange={this.onEndTimesChangeInput}\n onEndTypeChange={this.onEndTypeChangeInput}\n />\n <DSModal\n className=\"datetime-alert-modal\"\n isOpen={alertModal}\n modalTitle={`Some months have fewer than ${alertReplace} days`}\n // modalType={modalType}\n onClose={() => this.setState({ alertModal: false })}\n onConfirm={() => this.setState({ alertModal: false })}\n >\n <p>For these months, the occurrence will fall on the last day of the month.</p>\n </DSModal>\n {validationMessage && <ValidationMessage validationMessage={validationMessage} />}\n </div>\n );\n }\n}\n\nexport default DateTimePredefinedRangeSelectorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -81,6 +81,16 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
|
|
|
81
81
|
timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || dropdownTimeZoneOptions[0].value
|
|
82
82
|
};
|
|
83
83
|
this.onChange();
|
|
84
|
+
this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);
|
|
85
|
+
this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);
|
|
86
|
+
this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);
|
|
87
|
+
this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);
|
|
88
|
+
this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);
|
|
89
|
+
this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);
|
|
90
|
+
this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);
|
|
91
|
+
this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);
|
|
92
|
+
this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);
|
|
93
|
+
this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);
|
|
84
94
|
}
|
|
85
95
|
onTypeRepeatPickerInput(value) {
|
|
86
96
|
const update = { typeRepeatPickerInput: value };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSModal from '@elliemae/ds-modal';\nimport { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions';\n// import { endTypes } from '../../options/endTypesOptions'\nimport { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions';\nimport RepeatPickerInput from '../RepeatPickerInput/RepeatPickerInput';\nimport DaysOfWeekPicker from '../DaysOfWeekPicker/DaysOfWeekPicker';\nimport StartDateTime from '../StartDateTime/StartDateTime';\nimport EndDate from '../EndDate/EndDate';\nimport DayOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker';\nimport DayOfYearPicker from '../DayOfYearPicker/DayOfYearPicker';\nimport TimeZonePicker from '../TimeZonePicker/TimeZonePicker';\nimport ValidationMessage from '../ValidationMessage/ValidationMessage';\n\nconst { cssClassName } = convertPropToCssClassName(\n 'date-time-predefined-range-selector',\n);\n\nclass DateTimePredefinedRangeSelectorImpl extends Component {\n constructor(props) {\n super(props);\n const {\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n useTimezoneSelector,\n rangeValue: {\n startDateInput,\n startTimeInput,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n },\n } = props;\n this.state = {\n alertReplace: '',\n alertModal: false,\n startDateInput: startDateInput || moment(),\n startTimeInput: startTimeInput || moment(),\n qtyRepeatPickerInput: qtyRepeatPickerInput || 1,\n typeRepeatPickerInput:\n typeRepeatPickerInput || dropdownRepeatOptions[0].value,\n dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable\n ? null\n : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,\n endDateInput: endDateInput || moment(),\n endTypeInput: endTypeInput || props.endTypesOptions[0].value,\n endTimesInput: endTimesInput || props.endTimesOptions[0].value,\n dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable\n ? null\n : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,\n dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable\n ? null\n : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,\n timezonePickerInput: !useTimezoneSelector\n ? null\n : timezonePickerInput || dropdownTimeZoneOptions[0].value,\n };\n this.onChange();\n }\n\n onChange = () => {\n const { onCustomDateTimeRange } = this.props;\n onCustomDateTimeRange(this.state);\n };\n\n onQtyRepeatPickerInput = value => {\n this.setState(\n { qtyRepeatPickerInput: value.replace(/[^0-9]/g, '') },\n () => {\n this.onChange();\n },\n );\n };\n\n onTypeRepeatPickerInput(value) {\n const update = { typeRepeatPickerInput: value };\n if (value !== DropdownRepeatOptionsTypes.MONTH) {\n update.dayOfMonthRepeatPickerInput = undefined;\n update.dayOfMonthRepeatPickerKey = undefined;\n }\n if (value !== DropdownRepeatOptionsTypes.YEAR) {\n update.dayOfYearRepeatPickerInput = undefined;\n update.dayOfYearRepeatPickerKey = undefined;\n }\n this.setState(\n {\n ...update,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfWeekRepeatPickerInput(value) {\n this.setState({ dayWeekRepeatPickerInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTypeChangeInput(value) {\n this.setState({ endTypeInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTimesChangeInput(value) {\n this.setState({ endTimesInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndDateChangeInput(value) {\n this.setState({ endDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartDateChangeInput(value) {\n this.setState({ startDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartTimeChangeInput(value) {\n this.setState({ startTimeInput: value }, () => {\n this.onChange();\n });\n }\n\n onDayOfMonthRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfMonthRepeatPickerInput: value,\n dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,\n alertModal:\n option.number > 28 || (option.numberLabel || '').includes('Fifth'),\n alertReplace: option.number || `${option.numberLabel} `,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfYearRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfYearRepeatPickerInput: value,\n dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onTimeZonePickerInput(value) {\n this.setState({ timezonePickerInput: value }, () => {\n this.onChange();\n });\n }\n\n render() {\n const {\n alertModal,\n alertReplace,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n startDateInput,\n startTimeInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n } = this.state;\n const {\n displayCurrentMonthYear,\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n timeZoneOptions,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n endTimesOptions,\n endTypesOptions,\n dayOfMonthAsCurrentDateOptions,\n dayOfYearAsCurrentDateOptions,\n validationMessage,\n endDayBlocked,\n startDayBlocked,\n repeatFrecuencyCustomProps,\n displayMonthCustomOption,\n displayYearCustomOption,\n } = this.props;\n\n return (\n <div className={`${cssClassName}`}>\n <StartDateTime\n onStartDateChange={this.onStartDateChangeInput}\n onStartTimeChange={this.onStartTimeChangeInput}\n startDateValue={startDateInput}\n startDayBlocked={startDayBlocked}\n startTimeValue={startTimeInput}\n />\n {useTimezoneSelector && (\n <TimeZonePicker\n onTimezoneChange={this.onTimeZonePickerInput}\n timezoneOptions={timeZoneOptions}\n timezoneValue={timezonePickerInput}\n />\n )}\n <RepeatPickerInput\n onQtyChange={this.onQtyRepeatPickerInput}\n onTypeChange={this.onTypeRepeatPickerInput}\n qtyValue={qtyRepeatPickerInput}\n repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n repeatOptions={dropdownRepeatOptions}\n repeatOptionsValue={typeRepeatPickerInput}\n />\n {dayOfWeekOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && (\n <DaysOfWeekPicker\n active={dayWeekRepeatPickerInput}\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n onDayChange={this.onDayOfWeekRepeatPickerInput}\n options={dropdownDayOfWeekOptions}\n />\n )}\n {dayOfMonthOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && (\n <DayOfMonthPicker\n currentDate={startDateInput}\n dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n dayOfMonthOptions={dropdownDayOfMonthOptions}\n dayOfMonthValue={dayOfMonthRepeatPickerInput}\n displayMonthCustomOption={displayMonthCustomOption}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n onDayChange={this.onDayOfMonthRepeatChangeInput}\n />\n )}\n {dayOfYearOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && (\n <DayOfYearPicker\n currentDate={startDateInput}\n dayOfMonthOptions={dropdownDayOfYearOptions}\n dayOfMonthValue={dayOfYearRepeatPickerInput}\n dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n displayYearCustomOption={displayYearCustomOption}\n onDayChange={this.onDayOfYearRepeatChangeInput}\n />\n )}\n <hr />\n <EndDate\n endDateValue={endDateInput}\n endDayBlocked={endDayBlocked}\n endTimesOptions={endTimesOptions}\n endTimesValue={endTimesInput}\n endTypesOptions={endTypesOptions}\n endTypeValue={endTypeInput}\n onEndDateChange={this.onEndDateChangeInput}\n onEndTimesChange={this.onEndTimesChangeInput}\n onEndTypeChange={this.onEndTypeChangeInput}\n />\n <DSModal\n className=\"datetime-alert-modal\"\n isOpen={alertModal}\n modalTitle={`Some months have fewer than ${alertReplace} days`}\n // modalType={modalType}\n onClose={() => this.setState({ alertModal: false })}\n onConfirm={() => this.setState({ alertModal: false })}\n >\n <p>\n For these months, the occurrence will fall on the last day of the\n month.\n </p>\n </DSModal>\n {validationMessage && (\n <ValidationMessage validationMessage={validationMessage} />\n )}\n </div>\n );\n }\n}\n\nexport default DateTimePredefinedRangeSelectorImpl;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,iBAAiB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSModal from '@elliemae/ds-modal';\nimport { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions';\n// import { endTypes } from '../../options/endTypesOptions'\nimport { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions';\nimport RepeatPickerInput from '../RepeatPickerInput/RepeatPickerInput';\nimport DaysOfWeekPicker from '../DaysOfWeekPicker/DaysOfWeekPicker';\nimport StartDateTime from '../StartDateTime/StartDateTime';\nimport EndDate from '../EndDate/EndDate';\nimport DayOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker';\nimport DayOfYearPicker from '../DayOfYearPicker/DayOfYearPicker';\nimport TimeZonePicker from '../TimeZonePicker/TimeZonePicker';\nimport ValidationMessage from '../ValidationMessage/ValidationMessage';\n\nconst { cssClassName } = convertPropToCssClassName('date-time-predefined-range-selector');\n\nclass DateTimePredefinedRangeSelectorImpl extends Component {\n constructor(props) {\n super(props);\n const {\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n useTimezoneSelector,\n rangeValue: {\n startDateInput,\n startTimeInput,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n },\n } = props;\n this.state = {\n alertReplace: '',\n alertModal: false,\n startDateInput: startDateInput || moment(),\n startTimeInput: startTimeInput || moment(),\n qtyRepeatPickerInput: qtyRepeatPickerInput || 1,\n typeRepeatPickerInput: typeRepeatPickerInput || dropdownRepeatOptions[0].value,\n dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable\n ? null\n : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,\n endDateInput: endDateInput || moment(),\n endTypeInput: endTypeInput || props.endTypesOptions[0].value,\n endTimesInput: endTimesInput || props.endTimesOptions[0].value,\n dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable\n ? null\n : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,\n dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable\n ? null\n : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,\n timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || dropdownTimeZoneOptions[0].value,\n };\n this.onChange();\n\n this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);\n this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);\n this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);\n this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);\n this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);\n this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);\n this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);\n this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);\n this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);\n this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);\n }\n\n onChange = () => {\n const { onCustomDateTimeRange } = this.props;\n onCustomDateTimeRange(this.state);\n };\n\n onQtyRepeatPickerInput = (value) => {\n this.setState({ qtyRepeatPickerInput: value.replace(/[^0-9]/g, '') }, () => {\n this.onChange();\n });\n };\n\n onTypeRepeatPickerInput(value) {\n const update = { typeRepeatPickerInput: value };\n if (value !== DropdownRepeatOptionsTypes.MONTH) {\n update.dayOfMonthRepeatPickerInput = undefined;\n update.dayOfMonthRepeatPickerKey = undefined;\n }\n if (value !== DropdownRepeatOptionsTypes.YEAR) {\n update.dayOfYearRepeatPickerInput = undefined;\n update.dayOfYearRepeatPickerKey = undefined;\n }\n this.setState(\n {\n ...update,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfWeekRepeatPickerInput(value) {\n this.setState({ dayWeekRepeatPickerInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTypeChangeInput(value) {\n this.setState({ endTypeInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTimesChangeInput(value) {\n this.setState({ endTimesInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndDateChangeInput(value) {\n this.setState({ endDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartDateChangeInput(value) {\n this.setState({ startDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartTimeChangeInput(value) {\n this.setState({ startTimeInput: value }, () => {\n this.onChange();\n });\n }\n\n onDayOfMonthRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfMonthRepeatPickerInput: value,\n dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,\n alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),\n alertReplace: option.number || `${option.numberLabel} `,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfYearRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfYearRepeatPickerInput: value,\n dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onTimeZonePickerInput(value) {\n this.setState({ timezonePickerInput: value }, () => {\n this.onChange();\n });\n }\n\n render() {\n const {\n alertModal,\n alertReplace,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n startDateInput,\n startTimeInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n } = this.state;\n const {\n displayCurrentMonthYear,\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n timeZoneOptions,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n endTimesOptions,\n endTypesOptions,\n dayOfMonthAsCurrentDateOptions,\n dayOfYearAsCurrentDateOptions,\n validationMessage,\n endDayBlocked,\n startDayBlocked,\n repeatFrecuencyCustomProps,\n displayMonthCustomOption,\n displayYearCustomOption,\n } = this.props;\n\n return (\n <div className={`${cssClassName}`}>\n <StartDateTime\n onStartDateChange={this.onStartDateChangeInput}\n onStartTimeChange={this.onStartTimeChangeInput}\n startDateValue={startDateInput}\n startDayBlocked={startDayBlocked}\n startTimeValue={startTimeInput}\n />\n {useTimezoneSelector && (\n <TimeZonePicker\n onTimezoneChange={this.onTimeZonePickerInput}\n timezoneOptions={timeZoneOptions}\n timezoneValue={timezonePickerInput}\n />\n )}\n <RepeatPickerInput\n onQtyChange={this.onQtyRepeatPickerInput}\n onTypeChange={this.onTypeRepeatPickerInput}\n qtyValue={qtyRepeatPickerInput}\n repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n repeatOptions={dropdownRepeatOptions}\n repeatOptionsValue={typeRepeatPickerInput}\n />\n {dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && (\n <DaysOfWeekPicker\n active={dayWeekRepeatPickerInput}\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n onDayChange={this.onDayOfWeekRepeatPickerInput}\n options={dropdownDayOfWeekOptions}\n />\n )}\n {dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && (\n <DayOfMonthPicker\n currentDate={startDateInput}\n dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n dayOfMonthOptions={dropdownDayOfMonthOptions}\n dayOfMonthValue={dayOfMonthRepeatPickerInput}\n displayMonthCustomOption={displayMonthCustomOption}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n onDayChange={this.onDayOfMonthRepeatChangeInput}\n />\n )}\n {dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && (\n <DayOfYearPicker\n currentDate={startDateInput}\n dayOfMonthOptions={dropdownDayOfYearOptions}\n dayOfMonthValue={dayOfYearRepeatPickerInput}\n dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n displayYearCustomOption={displayYearCustomOption}\n onDayChange={this.onDayOfYearRepeatChangeInput}\n />\n )}\n <hr />\n <EndDate\n endDateValue={endDateInput}\n endDayBlocked={endDayBlocked}\n endTimesOptions={endTimesOptions}\n endTimesValue={endTimesInput}\n endTypesOptions={endTypesOptions}\n endTypeValue={endTypeInput}\n onEndDateChange={this.onEndDateChangeInput}\n onEndTimesChange={this.onEndTimesChangeInput}\n onEndTypeChange={this.onEndTypeChangeInput}\n />\n <DSModal\n className=\"datetime-alert-modal\"\n isOpen={alertModal}\n modalTitle={`Some months have fewer than ${alertReplace} days`}\n // modalType={modalType}\n onClose={() => this.setState({ alertModal: false })}\n onConfirm={() => this.setState({ alertModal: false })}\n >\n <p>For these months, the occurrence will fall on the last day of the month.</p>\n </DSModal>\n {validationMessage && <ValidationMessage validationMessage={validationMessage} />}\n </div>\n );\n }\n}\n\nexport default DateTimePredefinedRangeSelectorImpl;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BAA0B,qCAAqC;AAExF,MAAM,4CAA4C,UAAU;AAAA,EAC1D,YAAY,OAAO;AACjB,UAAM,KAAK;AA2Db,oBAAW,MAAM;AACf,YAAM,EAAE,0BAA0B,KAAK;AACvC,4BAAsB,KAAK,KAAK;AAAA,IAClC;AAEA,kCAAyB,CAAC,UAAU;AAClC,WAAK,SAAS,EAAE,sBAAsB,MAAM,QAAQ,WAAW,EAAE,EAAE,GAAG,MAAM;AAC1E,aAAK,SAAS;AAAA,MAChB,CAAC;AAAA,IACH;AAnEE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AACJ,SAAK,QAAQ;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,gBAAgB,kBAAkB,OAAO;AAAA,MACzC,gBAAgB,kBAAkB,OAAO;AAAA,MACzC,sBAAsB,wBAAwB;AAAA,MAC9C,uBAAuB,yBAAyB,sBAAsB,GAAG;AAAA,MACzE,0BAA0B,CAAC,yBACvB,OACA,4BAA4B,yBAAyB,GAAG;AAAA,MAC5D,cAAc,gBAAgB,OAAO;AAAA,MACrC,cAAc,gBAAgB,MAAM,gBAAgB,GAAG;AAAA,MACvD,eAAe,iBAAiB,MAAM,gBAAgB,GAAG;AAAA,MACzD,6BAA6B,CAAC,0BAC1B,OACA,+BAA+B,0BAA0B,GAAG;AAAA,MAChE,4BAA4B,CAAC,yBACzB,OACA,8BAA8B,yBAAyB,GAAG;AAAA,MAC9D,qBAAqB,CAAC,sBAAsB,OAAO,uBAAuB,wBAAwB,GAAG;AAAA,IACvG;AACA,SAAK,SAAS;AAEd,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AACrE,SAAK,+BAA+B,KAAK,6BAA6B,KAAK,IAAI;AAC/E,SAAK,uBAAuB,KAAK,qBAAqB,KAAK,IAAI;AAC/D,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,uBAAuB,KAAK,qBAAqB,KAAK,IAAI;AAC/D,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AACnE,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AACnE,SAAK,gCAAgC,KAAK,8BAA8B,KAAK,IAAI;AACjF,SAAK,+BAA+B,KAAK,6BAA6B,KAAK,IAAI;AAC/E,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AAAA,EACnE;AAAA,EAaA,wBAAwB,OAAO;AAC7B,UAAM,SAAS,EAAE,uBAAuB,MAAM;AAC9C,QAAI,UAAU,2BAA2B,OAAO;AAC9C,aAAO,8BAA8B;AACrC,aAAO,4BAA4B;AAAA,IACrC;AACA,QAAI,UAAU,2BAA2B,MAAM;AAC7C,aAAO,6BAA6B;AACpC,aAAO,2BAA2B;AAAA,IACpC;AACA,SAAK,SACH,mBACK,SAEL,MAAM;AACJ,WAAK,SAAS;AAAA,IAChB,CACF;AAAA,EACF;AAAA,EAEA,6BAA6B,OAAO;AAClC,SAAK,SAAS,EAAE,0BAA0B,MAAM,GAAG,MAAM;AACvD,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,qBAAqB,OAAO;AAC1B,SAAK,SAAS,EAAE,cAAc,MAAM,GAAG,MAAM;AAC3C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,sBAAsB,OAAO;AAC3B,SAAK,SAAS,EAAE,eAAe,MAAM,GAAG,MAAM;AAC5C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,qBAAqB,OAAO;AAC1B,SAAK,SAAS,EAAE,cAAc,MAAM,GAAG,MAAM;AAC3C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,uBAAuB,OAAO;AAC5B,SAAK,SAAS,EAAE,gBAAgB,MAAM,GAAG,MAAM;AAC7C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,uBAAuB,OAAO;AAC5B,SAAK,SAAS,EAAE,gBAAgB,MAAM,GAAG,MAAM;AAC7C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,8BAA8B,OAAO,QAAQ;AAC3C,SAAK,SACH;AAAA,MACE,6BAA6B;AAAA,MAC7B,2BAA2B,OAAO;AAAA,MAClC,YAAY,OAAO,SAAS,MAAO,QAAO,eAAe,IAAI,SAAS,OAAO;AAAA,MAC7E,cAAc,OAAO,UAAU,GAAG,OAAO;AAAA,IAC3C,GACA,MAAM;AACJ,WAAK,SAAS;AAAA,IAChB,CACF;AAAA,EACF;AAAA,EAEA,6BAA6B,OAAO,QAAQ;AAC1C,SAAK,SACH;AAAA,MACE,4BAA4B;AAAA,MAC5B,0BAA0B,OAAO;AAAA,IACnC,GACA,MAAM;AACJ,WAAK,SAAS;AAAA,IAChB,CACF;AAAA,EACF;AAAA,EAEA,sBAAsB,OAAO;AAC3B,SAAK,SAAS,EAAE,qBAAqB,MAAM,GAAG,MAAM;AAClD,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,WACE,qCAAC;AAAA,MAAI,WAAW,GAAG;AAAA,OACjB,qCAAC;AAAA,MACC,mBAAmB,KAAK;AAAA,MACxB,mBAAmB,KAAK;AAAA,MACxB,gBAAgB;AAAA,MAChB;AAAA,MACA,gBAAgB;AAAA,KAClB,GACC,uBACC,qCAAC;AAAA,MACC,kBAAkB,KAAK;AAAA,MACvB,iBAAiB;AAAA,MACjB,eAAe;AAAA,KACjB,GAEF,qCAAC;AAAA,MACC,aAAa,KAAK;AAAA,MAClB,cAAc,KAAK;AAAA,MACnB,UAAU;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,oBAAoB;AAAA,KACtB,GACC,0BAA0B,0BAA0B,2BAA2B,QAC9E,qCAAC;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA,aAAa,KAAK;AAAA,MAClB,SAAS;AAAA,KACX,GAED,2BAA2B,0BAA0B,2BAA2B,SAC/E,qCAAC;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB;AAAA,MACA,6BAA6B;AAAA,MAC7B,aAAa,KAAK;AAAA,KACpB,GAED,0BAA0B,0BAA0B,2BAA2B,QAC9E,qCAAC;AAAA,MACC,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB;AAAA,MACA,6BAA6B;AAAA,MAC7B;AAAA,MACA,aAAa,KAAK;AAAA,KACpB,GAEF,qCAAC,UAAG,GACJ,qCAAC;AAAA,MACC,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA,cAAc;AAAA,MACd,iBAAiB,KAAK;AAAA,MACtB,kBAAkB,KAAK;AAAA,MACvB,iBAAiB,KAAK;AAAA,KACxB,GACA,qCAAC;AAAA,MACC,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY,gCAAgC;AAAA,MAE5C,SAAS,MAAM,KAAK,SAAS,EAAE,YAAY,MAAM,CAAC;AAAA,MAClD,WAAW,MAAM,KAAK,SAAS,EAAE,YAAY,MAAM,CAAC;AAAA,OAEpD,qCAAC,WAAE,0EAAwE,CAC7E,GACC,qBAAqB,qCAAC;AAAA,MAAkB;AAAA,KAAsC,CACjF;AAAA,EAEJ;AACF;AAEA,IAAO,iCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-time-recurrence-picker",
|
|
3
|
-
"version": "3.0.0-next.
|
|
3
|
+
"version": "3.0.0-next.44",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Time Recurrence Picker",
|
|
6
6
|
"files": [
|
|
@@ -147,11 +147,11 @@
|
|
|
147
147
|
"indent": 4
|
|
148
148
|
},
|
|
149
149
|
"dependencies": {
|
|
150
|
-
"@elliemae/ds-classnames": "3.0.0-next.
|
|
151
|
-
"@elliemae/ds-date-picker": "3.0.0-next.
|
|
152
|
-
"@elliemae/ds-form": "3.0.0-next.
|
|
153
|
-
"@elliemae/ds-modal": "3.0.0-next.
|
|
154
|
-
"@elliemae/ds-time-picker": "3.0.0-next.
|
|
150
|
+
"@elliemae/ds-classnames": "3.0.0-next.44",
|
|
151
|
+
"@elliemae/ds-date-picker": "3.0.0-next.44",
|
|
152
|
+
"@elliemae/ds-form": "3.0.0-next.44",
|
|
153
|
+
"@elliemae/ds-modal": "3.0.0-next.44",
|
|
154
|
+
"@elliemae/ds-time-picker": "3.0.0-next.44",
|
|
155
155
|
"moment": "~2.29.1",
|
|
156
156
|
"react-dates": "~21.8.0",
|
|
157
157
|
"react-desc": "~4.1.3",
|