@elliemae/ds-date-time-recurrence-picker 3.4.2 → 3.4.3
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/DSDateTimeRecurrenceSelector.js +54 -35
- package/dist/cjs/DSDateTimeRecurrenceSelector.js.map +2 -2
- package/dist/cjs/components/AlertModal/DateTimeRangeModal.js +23 -19
- package/dist/cjs/components/AlertModal/DateTimeRangeModal.js.map +2 -2
- package/dist/cjs/components/CustomOptionRender/CustomOptionRender.js +11 -4
- package/dist/cjs/components/CustomOptionRender/CustomOptionRender.js.map +1 -1
- package/dist/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +34 -29
- package/dist/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js.map +2 -2
- package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +108 -80
- package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +2 -2
- package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js +72 -61
- package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js.map +2 -2
- package/dist/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +22 -7
- package/dist/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js.map +2 -2
- package/dist/cjs/components/DayOfYearPicker/DayOfYearPicker.js +27 -10
- package/dist/cjs/components/DayOfYearPicker/DayOfYearPicker.js.map +2 -2
- package/dist/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js +35 -21
- package/dist/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js.map +2 -2
- package/dist/cjs/components/EndDate/EndDate.js +43 -18
- package/dist/cjs/components/EndDate/EndDate.js.map +2 -2
- package/dist/cjs/components/FieldWrapper/FieldWrapper.js +9 -5
- package/dist/cjs/components/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist/cjs/components/Forms/FormField.js +4 -1
- package/dist/cjs/components/Forms/FormField.js.map +1 -1
- package/dist/cjs/components/Forms/FormFieldGroup.js +4 -1
- package/dist/cjs/components/Forms/FormFieldGroup.js.map +1 -1
- package/dist/cjs/components/Forms/FormGroup.js +4 -1
- package/dist/cjs/components/Forms/FormGroup.js.map +1 -1
- package/dist/cjs/components/Forms/FormLabel.js +4 -1
- package/dist/cjs/components/Forms/FormLabel.js.map +1 -1
- package/dist/cjs/components/LabelWrapper/LabelWrapper.js +9 -5
- package/dist/cjs/components/LabelWrapper/LabelWrapper.js.map +1 -1
- package/dist/cjs/components/RepeatPickerInput/RepeatPickerInput.js +40 -21
- package/dist/cjs/components/RepeatPickerInput/RepeatPickerInput.js.map +2 -2
- package/dist/cjs/components/StartDateTime/StartDateTime.js +33 -14
- package/dist/cjs/components/StartDateTime/StartDateTime.js.map +2 -2
- package/dist/cjs/components/TimeZonePicker/TimeZonePicker.js +32 -17
- package/dist/cjs/components/TimeZonePicker/TimeZonePicker.js.map +2 -2
- package/dist/cjs/components/ValidationMessage/ValidationMessage.js +12 -6
- package/dist/cjs/components/ValidationMessage/ValidationMessage.js.map +1 -1
- package/dist/cjs/components/helpers/nthday.js +4 -1
- package/dist/cjs/components/helpers/nthday.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/options/dropdownDayOfMonthOptions.js +4 -1
- package/dist/cjs/options/dropdownDayOfMonthOptions.js.map +1 -1
- package/dist/cjs/options/dropdownDayOfWeekOptions.js +4 -1
- package/dist/cjs/options/dropdownDayOfWeekOptions.js.map +1 -1
- package/dist/cjs/options/dropdownDayOfYearOptions.js +4 -1
- package/dist/cjs/options/dropdownDayOfYearOptions.js.map +1 -1
- package/dist/cjs/options/dropdownPreselectedOptions.js +4 -1
- package/dist/cjs/options/dropdownPreselectedOptions.js.map +1 -1
- package/dist/cjs/options/dropdownRepeatOptions.js +4 -1
- package/dist/cjs/options/dropdownRepeatOptions.js.map +1 -1
- package/dist/cjs/options/dropdownTimeZoneOptions.js +4 -1
- package/dist/cjs/options/dropdownTimeZoneOptions.js.map +1 -1
- package/dist/cjs/options/endTypesOptions.js +4 -1
- package/dist/cjs/options/endTypesOptions.js.map +1 -1
- package/dist/esm/DSDateTimeRecurrenceSelector.js +50 -34
- package/dist/esm/DSDateTimeRecurrenceSelector.js.map +1 -1
- package/dist/esm/components/AlertModal/DateTimeRangeModal.js +19 -18
- package/dist/esm/components/AlertModal/DateTimeRangeModal.js.map +1 -1
- package/dist/esm/components/CustomOptionRender/CustomOptionRender.js +7 -3
- package/dist/esm/components/CustomOptionRender/CustomOptionRender.js.map +1 -1
- package/dist/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +30 -28
- package/dist/esm/components/DateTimeRangeModal/DateTimeRangeModal.js.map +2 -2
- package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +104 -79
- package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +1 -1
- package/dist/esm/components/DateTimeRecurenceSelectorImpl.js +68 -60
- package/dist/esm/components/DateTimeRecurenceSelectorImpl.js.map +1 -1
- package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +18 -6
- package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js.map +1 -1
- package/dist/esm/components/DayOfYearPicker/DayOfYearPicker.js +23 -9
- package/dist/esm/components/DayOfYearPicker/DayOfYearPicker.js.map +1 -1
- package/dist/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js +31 -20
- package/dist/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js.map +1 -1
- package/dist/esm/components/EndDate/EndDate.js +39 -17
- package/dist/esm/components/EndDate/EndDate.js.map +1 -1
- package/dist/esm/components/FieldWrapper/FieldWrapper.js +5 -4
- package/dist/esm/components/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist/esm/components/Forms/FormField.js.map +1 -1
- package/dist/esm/components/Forms/FormFieldGroup.js.map +1 -1
- package/dist/esm/components/Forms/FormGroup.js.map +1 -1
- package/dist/esm/components/Forms/FormLabel.js.map +1 -1
- package/dist/esm/components/LabelWrapper/LabelWrapper.js +5 -4
- package/dist/esm/components/LabelWrapper/LabelWrapper.js.map +1 -1
- package/dist/esm/components/RepeatPickerInput/RepeatPickerInput.js +36 -20
- package/dist/esm/components/RepeatPickerInput/RepeatPickerInput.js.map +1 -1
- package/dist/esm/components/StartDateTime/StartDateTime.js +29 -13
- package/dist/esm/components/StartDateTime/StartDateTime.js.map +1 -1
- package/dist/esm/components/TimeZonePicker/TimeZonePicker.js +28 -16
- package/dist/esm/components/TimeZonePicker/TimeZonePicker.js.map +1 -1
- package/dist/esm/components/ValidationMessage/ValidationMessage.js +8 -5
- package/dist/esm/components/ValidationMessage/ValidationMessage.js.map +1 -1
- package/dist/esm/components/helpers/nthday.js.map +1 -1
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/options/dropdownDayOfMonthOptions.js.map +1 -1
- package/dist/esm/options/dropdownDayOfWeekOptions.js.map +1 -1
- package/dist/esm/options/dropdownDayOfYearOptions.js.map +1 -1
- package/dist/esm/options/dropdownPreselectedOptions.js.map +1 -1
- package/dist/esm/options/dropdownRepeatOptions.js.map +1 -1
- package/dist/esm/options/dropdownTimeZoneOptions.js.map +1 -1
- package/dist/esm/options/endTypesOptions.js.map +1 -1
- package/package.json +7 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import DSModal from "@elliemae/ds-modal";
|
|
4
4
|
import DateTimeRangeModalImpl from "../DateTimeRangeModalImpl/DateTimeRangeModalImpl";
|
|
5
5
|
const DateTimeRangeModal = ({
|
|
@@ -26,7 +26,7 @@ const DateTimeRangeModal = ({
|
|
|
26
26
|
timeZoneOptions = [],
|
|
27
27
|
useTimezoneSelector = false,
|
|
28
28
|
allowMultipleDaysOfWeek = false
|
|
29
|
-
}) => /* @__PURE__ */
|
|
29
|
+
}) => /* @__PURE__ */ jsx(DSModal, {
|
|
30
30
|
appElement,
|
|
31
31
|
confirmLabel,
|
|
32
32
|
isOpen,
|
|
@@ -36,22 +36,23 @@ const DateTimeRangeModal = ({
|
|
|
36
36
|
onConfirm: onConfirmField,
|
|
37
37
|
onReject: onRejectField,
|
|
38
38
|
rejectLabel,
|
|
39
|
-
size: modalSize
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
})
|
|
39
|
+
size: modalSize,
|
|
40
|
+
children: /* @__PURE__ */ jsx(DateTimeRangeModalImpl, {
|
|
41
|
+
allowMultipleDaysOfWeek,
|
|
42
|
+
dayOfMonthOptionsEnable,
|
|
43
|
+
dayOfWeekOptionsEnable,
|
|
44
|
+
dayOfYearOptionsEnable,
|
|
45
|
+
displayCurrentMonthYear,
|
|
46
|
+
dropdownDayOfMonthOptions,
|
|
47
|
+
dropdownDayOfWeekOptions,
|
|
48
|
+
dropdownDayOfYearOptions,
|
|
49
|
+
dropdownRepeatOptions,
|
|
50
|
+
onCustomDateTimeRange,
|
|
51
|
+
rangeValue,
|
|
52
|
+
timeZoneOptions,
|
|
53
|
+
useTimezoneSelector
|
|
54
|
+
})
|
|
55
|
+
});
|
|
55
56
|
var DateTimeRangeModal_default = DateTimeRangeModal;
|
|
56
57
|
export {
|
|
57
58
|
DateTimeRangeModal_default as default
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/AlertModal/DateTimeRangeModal.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport DateTimeRangeModalImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl';\n\nconst DateTimeRangeModal = ({\n isOpen = false,\n onClose = () => null,\n modalTitle = 'Report Scheduling',\n modalSize = 'medium ',\n confirmLabel = 'Apply',\n rejectLabel = 'Cancel',\n modalType = 'confirm',\n onConfirmField = () => null,\n onRejectField = () => null,\n appElement = null,\n onCustomDateTimeRange = () => null,\n displayCurrentMonthYear = true,\n dropdownDayOfMonthOptions = [],\n dropdownDayOfWeekOptions = [],\n dropdownDayOfYearOptions = [],\n dropdownRepeatOptions = [],\n rangeValue = {},\n dayOfMonthOptionsEnable = true,\n dayOfWeekOptionsEnable = true,\n dayOfYearOptionsEnable = true,\n timeZoneOptions = [],\n useTimezoneSelector = false,\n allowMultipleDaysOfWeek = false,\n}) => (\n <DSModal\n appElement={appElement}\n confirmLabel={confirmLabel}\n isOpen={isOpen}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={onClose}\n onConfirm={onConfirmField}\n onReject={onRejectField}\n rejectLabel={rejectLabel}\n size={modalSize}\n >\n <DateTimeRangeModalImpl\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n displayCurrentMonthYear={displayCurrentMonthYear}\n dropdownDayOfMonthOptions={dropdownDayOfMonthOptions}\n dropdownDayOfWeekOptions={dropdownDayOfWeekOptions}\n dropdownDayOfYearOptions={dropdownDayOfYearOptions}\n dropdownRepeatOptions={dropdownRepeatOptions}\n onCustomDateTimeRange={onCustomDateTimeRange}\n rangeValue={rangeValue}\n timeZoneOptions={timeZoneOptions}\n useTimezoneSelector={useTimezoneSelector}\n />\n </DSModal>\n);\n\nexport default DateTimeRangeModal;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,aAAa;AACpB,OAAO,4BAA4B;AAEnC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU,MAAM;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB,MAAM;AAAA,EACvB,gBAAgB,MAAM;AAAA,EACtB,aAAa;AAAA,EACb,wBAAwB,MAAM;AAAA,EAC9B,0BAA0B;AAAA,EAC1B,4BAA4B,CAAC;AAAA,EAC7B,2BAA2B,CAAC;AAAA,EAC5B,2BAA2B,CAAC;AAAA,EAC5B,wBAAwB,CAAC;AAAA,EACzB,aAAa,CAAC;AAAA,EACd,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,kBAAkB,CAAC;AAAA,EACnB,sBAAsB;AAAA,EACtB,0BAA0B;AAC5B,MACE,oBAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,MAAM;AAAA,EAEN,8BAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAAA,CACF;AAGF,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { DropdownRepeatOptionsTypes } from "../../options/dropdownRepeatOptions";
|
|
4
4
|
import { endTypes } from "../../options/endTypesOptions";
|
|
5
5
|
const typeRepeat = {
|
|
@@ -40,7 +40,9 @@ const CustomOptionRender = ({
|
|
|
40
40
|
display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : "";
|
|
41
41
|
}
|
|
42
42
|
if (startDateInput && startDateInput.format) {
|
|
43
|
-
display += ` starting on ${startDateInput.format(
|
|
43
|
+
display += ` starting on ${startDateInput.format(
|
|
44
|
+
"MM/DD/YYYY"
|
|
45
|
+
)} at ${startTimeInput.format("HH:mm A")}`;
|
|
44
46
|
}
|
|
45
47
|
if (endTypeInput === endTypes.ON)
|
|
46
48
|
display += `, until ${endDateInput.format("MM/DD/YYYY")} `;
|
|
@@ -48,7 +50,9 @@ const CustomOptionRender = ({
|
|
|
48
50
|
display += `, for ${endTimesInput} times`;
|
|
49
51
|
if (useTimezoneSelector && timezonePickerInput)
|
|
50
52
|
display += ` [${timezonePickerInput}]`;
|
|
51
|
-
return /* @__PURE__ */
|
|
53
|
+
return /* @__PURE__ */ jsx("em", {
|
|
54
|
+
children: display
|
|
55
|
+
});
|
|
52
56
|
};
|
|
53
57
|
var CustomOptionRender_default = CustomOptionRender;
|
|
54
58
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/CustomOptionRender/CustomOptionRender.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions';\nimport { endTypes } from '../../options/endTypesOptions';\n\nconst typeRepeat = {\n [DropdownRepeatOptionsTypes.DAY]: 'Daily',\n [DropdownRepeatOptionsTypes.WEEK]: 'Weekly',\n [DropdownRepeatOptionsTypes.MONTH]: 'Monthly',\n [DropdownRepeatOptionsTypes.YEAR]: 'Yearly',\n};\n\n/**\n * @param root0\n * @param root0.customRange\n * @param root0.customRange.startDateInput\n * @param root0.customRange.startTimeInput\n * @param root0.customRange.qtyRepeatPickerInput\n * @param root0.customRange.typeRepeatPickerInput\n * @param root0.customRange.dayWeekRepeatPickerInput\n * @param root0.customRange.endDateInput\n * @param root0.customRange.endTypeInput\n * @param root0.customRange.endTimesInput\n * @param root0.customRange.dayOfMonthRepeatPickerInput\n * @param root0.customRange.dayOfYearRepeatPickerInput\n * @param root0.customRange.timezonePickerInput\n * @param root0.dayOfMonthOptionsEnable\n * @param root0.dayOfWeekOptionsEnable\n * @param root0.dayOfYearOptionsEnable\n * @param root0.useTimezoneSelector\n * @customRange {\nstartDateInput,\nstartTimeInput,\nqtyRepeatPickerInput,\ntypeRepeatPickerInput,\ndayWeekRepeatPickerInput,\nendDateInput,\nendTypeInput,\nendTimesInput,\ndayOfMonthRepeatPickerInput,\ndayOfYearRepeatPickerInput,\ntimezonePickerInput\n}\n */\nconst CustomOptionRender = ({\n customRange: {\n startDateInput,\n startTimeInput,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n },\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n useTimezoneSelector,\n}) => {\n let display = 'Custom';\n // frequency\n if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];\n else display = `every ${qtyRepeatPickerInput} ${typeRepeatPickerInput}s`;\n\n // type\n if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK) {\n display += dayOfWeekOptionsEnable ? ` on ${dayWeekRepeatPickerInput} ` : '';\n } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH) {\n display += dayOfMonthOptionsEnable\n ? ` ${dayOfMonthRepeatPickerInput} `\n : '';\n } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR) {\n display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : '';\n }\n\n // start & end\n if (startDateInput && startDateInput.format) {\n display += ` starting on ${startDateInput.format(\n 'MM/DD/YYYY',\n )} at ${startTimeInput.format('HH:mm A')}`;\n }\n if (endTypeInput === endTypes.ON)\n display += `, until ${endDateInput.format('MM/DD/YYYY')} `;\n else if (endTypeInput === endTypes.AFTER)\n display += `, for ${endTimesInput} times`;\n\n if (useTimezoneSelector && timezonePickerInput)\n display += ` [${timezonePickerInput}]`;\n\n return <em>{display}</em>;\n};\n\nexport default CustomOptionRender;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,kCAAkC;AAC3C,SAAS,gBAAgB;AAEzB,MAAM,aAAa;AAAA,EACjB,CAAC,2BAA2B,MAAM;AAAA,EAClC,CAAC,2BAA2B,OAAO;AAAA,EACnC,CAAC,2BAA2B,QAAQ;AAAA,EACpC,CAAC,2BAA2B,OAAO;AACrC;AAkCA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,aAAa;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,UAAU;AAEd,MAAI,yBAAyB;AAAG,cAAU,WAAW;AAAA;AAChD,cAAU,SAAS,wBAAwB;AAGhD,MAAI,0BAA0B,2BAA2B,MAAM;AAC7D,eAAW,yBAAyB,OAAO,8BAA8B;AAAA,EAC3E,WAAW,0BAA0B,2BAA2B,OAAO;AACrE,eAAW,0BACP,IAAI,iCACJ;AAAA,EACN,WAAW,0BAA0B,2BAA2B,MAAM;AACpE,eAAW,yBAAyB,IAAI,gCAAgC;AAAA,EAC1E;AAGA,MAAI,kBAAkB,eAAe,QAAQ;AAC3C,eAAW,gBAAgB,eAAe;AAAA,MACxC;AAAA,IACF,QAAQ,eAAe,OAAO,SAAS;AAAA,EACzC;AACA,MAAI,iBAAiB,SAAS;AAC5B,eAAW,WAAW,aAAa,OAAO,YAAY;AAAA,WAC/C,iBAAiB,SAAS;AACjC,eAAW,SAAS;AAEtB,MAAI,uBAAuB;AACzB,eAAW,KAAK;AAElB,SAAO,oBAAC;AAAA,IAAI;AAAA,GAAQ;AACtB;AAEA,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
3
|
import React2 from "react";
|
|
3
4
|
import DSModal from "@elliemae/ds-modal";
|
|
4
5
|
import DateTimeRangeModalImpl from "../DateTimeRangeModalImpl/DateTimeRangeModalImpl";
|
|
@@ -55,7 +56,7 @@ class DateTimeRangeModal extends React2.Component {
|
|
|
55
56
|
displayYearCustomOption
|
|
56
57
|
} = this.props;
|
|
57
58
|
const { isValid } = this.state;
|
|
58
|
-
return /* @__PURE__ */
|
|
59
|
+
return /* @__PURE__ */ jsx(DSModal, {
|
|
59
60
|
appElement,
|
|
60
61
|
centered: false,
|
|
61
62
|
confirmLabel,
|
|
@@ -69,33 +70,34 @@ class DateTimeRangeModal extends React2.Component {
|
|
|
69
70
|
disabled: !isValid
|
|
70
71
|
},
|
|
71
72
|
rejectLabel,
|
|
72
|
-
size: "small"
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
73
|
+
size: "small",
|
|
74
|
+
children: /* @__PURE__ */ jsx(DateTimeRangeModalImpl, {
|
|
75
|
+
allowMultipleDaysOfWeek,
|
|
76
|
+
dayOfMonthAsCurrentDateOptions,
|
|
77
|
+
dayOfMonthOptionsEnable,
|
|
78
|
+
dayOfWeekOptionsEnable,
|
|
79
|
+
dayOfYearAsCurrentDateOptions,
|
|
80
|
+
dayOfYearOptionsEnable,
|
|
81
|
+
displayCurrentMonthYear,
|
|
82
|
+
displayMonthCustomOption,
|
|
83
|
+
displayYearCustomOption,
|
|
84
|
+
dropdownDayOfMonthOptions,
|
|
85
|
+
dropdownDayOfWeekOptions,
|
|
86
|
+
dropdownDayOfYearOptions,
|
|
87
|
+
dropdownRepeatOptions,
|
|
88
|
+
endDayBlocked,
|
|
89
|
+
endTimesOptions,
|
|
90
|
+
endTypesOptions,
|
|
91
|
+
isValidRecurrence,
|
|
92
|
+
onCustomDateTimeRange: this.updateIsValid,
|
|
93
|
+
rangeValue,
|
|
94
|
+
repeatFrecuencyCustomProps,
|
|
95
|
+
startDayBlocked,
|
|
96
|
+
timeZoneOptions,
|
|
97
|
+
useTimezoneSelector,
|
|
98
|
+
validationMessage
|
|
99
|
+
})
|
|
100
|
+
});
|
|
99
101
|
}
|
|
100
102
|
}
|
|
101
103
|
var DateTimeRangeModal_default = DateTimeRangeModal;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DateTimeRangeModal/DateTimeRangeModal.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport DateTimeRangeModalImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl';\n\nclass DateTimeRangeModal extends React.Component {\n state = {\n isValid: true,\n };\n\n updateIsValid = (...data) => {\n const {\n onCustomDateTimeRange = () => null,\n isValidRecurrence,\n } = this.props;\n onCustomDateTimeRange(...data);\n this.setState({\n isValid: isValidRecurrence(...data),\n });\n };\n\n render() {\n const {\n isOpen = false,\n onClose = () => null,\n modalTitle = 'Report Scheduling',\n // modalSize = 'medium',\n confirmLabel = 'Apply',\n rejectLabel = 'Cancel',\n modalType = 'confirm',\n onConfirmField = () => null,\n onRejectField = () => null,\n appElement = null,\n displayCurrentMonthYear = true,\n dropdownDayOfMonthOptions = [],\n dropdownDayOfWeekOptions = [],\n dropdownDayOfYearOptions = [],\n dropdownRepeatOptions = [],\n rangeValue = {},\n dayOfMonthOptionsEnable = true,\n dayOfWeekOptionsEnable = true,\n dayOfYearOptionsEnable = true,\n timeZoneOptions = [],\n useTimezoneSelector = false,\n allowMultipleDaysOfWeek = false,\n endTimesOptions,\n endTypesOptions,\n dayOfMonthAsCurrentDateOptions,\n dayOfYearAsCurrentDateOptions,\n isValidRecurrence,\n validationMessage,\n startDayBlocked,\n endDayBlocked,\n repeatFrecuencyCustomProps,\n displayMonthCustomOption,\n displayYearCustomOption,\n } = this.props;\n const { isValid } = this.state;\n\n return (\n <DSModal\n appElement={appElement}\n centered={false}\n confirmLabel={confirmLabel}\n isOpen={isOpen}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={onClose}\n onConfirm={onConfirmField}\n onReject={onRejectField}\n overridePropsConfirmButton={{\n disabled: !isValid,\n }}\n rejectLabel={rejectLabel}\n size=\"small\"\n >\n <DateTimeRangeModalImpl\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n displayCurrentMonthYear={displayCurrentMonthYear}\n displayMonthCustomOption={displayMonthCustomOption}\n displayYearCustomOption={displayYearCustomOption}\n dropdownDayOfMonthOptions={dropdownDayOfMonthOptions}\n dropdownDayOfWeekOptions={dropdownDayOfWeekOptions}\n dropdownDayOfYearOptions={dropdownDayOfYearOptions}\n dropdownRepeatOptions={dropdownRepeatOptions}\n endDayBlocked={endDayBlocked}\n endTimesOptions={endTimesOptions}\n endTypesOptions={endTypesOptions}\n isValidRecurrence={isValidRecurrence}\n onCustomDateTimeRange={this.updateIsValid}\n rangeValue={rangeValue}\n repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n startDayBlocked={startDayBlocked}\n timeZoneOptions={timeZoneOptions}\n useTimezoneSelector={useTimezoneSelector}\n validationMessage={validationMessage}\n />\n </DSModal>\n );\n }\n}\n\nexport default DateTimeRangeModal;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,OAAO,aAAa;AACpB,OAAO,4BAA4B;AAEnC,MAAM,2BAA2BA,OAAM,UAAU;AAAA,EAAjD;AAAA;AACE,iBAAQ;AAAA,MACN,SAAS;AAAA,IACX;AAEA,yBAAgB,IAAI,SAAS;AAC3B,YAAM;AAAA,QACJ,wBAAwB,MAAM;AAAA,QAC9B;AAAA,MACF,IAAI,KAAK;AACT,4BAAsB,GAAG,IAAI;AAC7B,WAAK,SAAS;AAAA,QACZ,SAAS,kBAAkB,GAAG,IAAI;AAAA,MACpC,CAAC;AAAA,IACH;AAAA;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAChB,aAAa;AAAA,MAEb,eAAe;AAAA,MACf,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,iBAAiB,MAAM;AAAA,MACvB,gBAAgB,MAAM;AAAA,MACtB,aAAa;AAAA,MACb,0BAA0B;AAAA,MAC1B,4BAA4B,CAAC;AAAA,MAC7B,2BAA2B,CAAC;AAAA,MAC5B,2BAA2B,CAAC;AAAA,MAC5B,wBAAwB,CAAC;AAAA,MACzB,aAAa,CAAC;AAAA,MACd,0BAA0B;AAAA,MAC1B,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,MACzB,kBAAkB,CAAC;AAAA,MACnB,sBAAsB;AAAA,MACtB,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,QAAQ,IAAI,KAAK;AAEzB,WACE,oBAAC;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,4BAA4B;AAAA,QAC1B,UAAU,CAAC;AAAA,MACb;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MAEL,8BAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,uBAAuB,KAAK;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,6BAAQ;",
|
|
6
|
+
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Component } from "react";
|
|
3
4
|
import moment from "moment";
|
|
4
5
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
5
6
|
import DSModal from "@elliemae/ds-modal";
|
|
@@ -86,11 +87,14 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
|
|
|
86
87
|
update.dayOfYearRepeatPickerInput = void 0;
|
|
87
88
|
update.dayOfYearRepeatPickerKey = void 0;
|
|
88
89
|
}
|
|
89
|
-
this.setState(
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
90
|
+
this.setState(
|
|
91
|
+
{
|
|
92
|
+
...update
|
|
93
|
+
},
|
|
94
|
+
() => {
|
|
95
|
+
this.onChange();
|
|
96
|
+
}
|
|
97
|
+
);
|
|
94
98
|
}
|
|
95
99
|
onDayOfWeekRepeatPickerInput(value) {
|
|
96
100
|
this.setState({ dayWeekRepeatPickerInput: value }, () => {
|
|
@@ -123,22 +127,28 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
|
|
|
123
127
|
});
|
|
124
128
|
}
|
|
125
129
|
onDayOfMonthRepeatChangeInput(value, option) {
|
|
126
|
-
this.setState(
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
130
|
+
this.setState(
|
|
131
|
+
{
|
|
132
|
+
dayOfMonthRepeatPickerInput: value,
|
|
133
|
+
dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,
|
|
134
|
+
alertModal: option.number > 28 || (option.numberLabel || "").includes("Fifth"),
|
|
135
|
+
alertReplace: option.number || `${option.numberLabel} `
|
|
136
|
+
},
|
|
137
|
+
() => {
|
|
138
|
+
this.onChange();
|
|
139
|
+
}
|
|
140
|
+
);
|
|
134
141
|
}
|
|
135
142
|
onDayOfYearRepeatChangeInput(value, option) {
|
|
136
|
-
this.setState(
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
143
|
+
this.setState(
|
|
144
|
+
{
|
|
145
|
+
dayOfYearRepeatPickerInput: value,
|
|
146
|
+
dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey
|
|
147
|
+
},
|
|
148
|
+
() => {
|
|
149
|
+
this.onChange();
|
|
150
|
+
}
|
|
151
|
+
);
|
|
142
152
|
}
|
|
143
153
|
onTimeZonePickerInput(value) {
|
|
144
154
|
this.setState({ timezonePickerInput: value }, () => {
|
|
@@ -184,65 +194,80 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
|
|
|
184
194
|
displayMonthCustomOption,
|
|
185
195
|
displayYearCustomOption
|
|
186
196
|
} = this.props;
|
|
187
|
-
return /* @__PURE__ */
|
|
188
|
-
className: `${cssClassName}
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
197
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
198
|
+
className: `${cssClassName}`,
|
|
199
|
+
children: [
|
|
200
|
+
/* @__PURE__ */ jsx(StartDateTime, {
|
|
201
|
+
onStartDateChange: this.onStartDateChangeInput,
|
|
202
|
+
onStartTimeChange: this.onStartTimeChangeInput,
|
|
203
|
+
startDateValue: startDateInput,
|
|
204
|
+
startDayBlocked,
|
|
205
|
+
startTimeValue: startTimeInput
|
|
206
|
+
}),
|
|
207
|
+
useTimezoneSelector && /* @__PURE__ */ jsx(TimeZonePicker, {
|
|
208
|
+
onTimezoneChange: this.onTimeZonePickerInput,
|
|
209
|
+
timezoneOptions: timeZoneOptions,
|
|
210
|
+
timezoneValue: timezonePickerInput
|
|
211
|
+
}),
|
|
212
|
+
/* @__PURE__ */ jsx(RepeatPickerInput, {
|
|
213
|
+
onQtyChange: this.onQtyRepeatPickerInput,
|
|
214
|
+
onTypeChange: this.onTypeRepeatPickerInput,
|
|
215
|
+
qtyValue: qtyRepeatPickerInput,
|
|
216
|
+
repeatFrecuencyCustomProps,
|
|
217
|
+
repeatOptions: dropdownRepeatOptions,
|
|
218
|
+
repeatOptionsValue: typeRepeatPickerInput
|
|
219
|
+
}),
|
|
220
|
+
dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && /* @__PURE__ */ jsx(DaysOfWeekPicker, {
|
|
221
|
+
active: dayWeekRepeatPickerInput,
|
|
222
|
+
allowMultipleDaysOfWeek,
|
|
223
|
+
onDayChange: this.onDayOfWeekRepeatPickerInput,
|
|
224
|
+
options: dropdownDayOfWeekOptions
|
|
225
|
+
}),
|
|
226
|
+
dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && /* @__PURE__ */ jsx(DayOfMonthPicker, {
|
|
227
|
+
currentDate: startDateInput,
|
|
228
|
+
dayOfMonthAsCurrentDateOptions,
|
|
229
|
+
dayOfMonthOptions: dropdownDayOfMonthOptions,
|
|
230
|
+
dayOfMonthValue: dayOfMonthRepeatPickerInput,
|
|
231
|
+
displayMonthCustomOption,
|
|
232
|
+
displayOptionsAsCurrentDate: displayCurrentMonthYear,
|
|
233
|
+
onDayChange: this.onDayOfMonthRepeatChangeInput
|
|
234
|
+
}),
|
|
235
|
+
dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && /* @__PURE__ */ jsx(DayOfYearPicker, {
|
|
236
|
+
currentDate: startDateInput,
|
|
237
|
+
dayOfMonthOptions: dropdownDayOfYearOptions,
|
|
238
|
+
dayOfMonthValue: dayOfYearRepeatPickerInput,
|
|
239
|
+
dayOfYearAsCurrentDateOptions,
|
|
240
|
+
displayOptionsAsCurrentDate: displayCurrentMonthYear,
|
|
241
|
+
displayYearCustomOption,
|
|
242
|
+
onDayChange: this.onDayOfYearRepeatChangeInput
|
|
243
|
+
}),
|
|
244
|
+
/* @__PURE__ */ jsx("hr", {}),
|
|
245
|
+
/* @__PURE__ */ jsx(EndDate, {
|
|
246
|
+
endDateValue: endDateInput,
|
|
247
|
+
endDayBlocked,
|
|
248
|
+
endTimesOptions,
|
|
249
|
+
endTimesValue: endTimesInput,
|
|
250
|
+
endTypesOptions,
|
|
251
|
+
endTypeValue: endTypeInput,
|
|
252
|
+
onEndDateChange: this.onEndDateChangeInput,
|
|
253
|
+
onEndTimesChange: this.onEndTimesChangeInput,
|
|
254
|
+
onEndTypeChange: this.onEndTypeChangeInput
|
|
255
|
+
}),
|
|
256
|
+
/* @__PURE__ */ jsx(DSModal, {
|
|
257
|
+
className: "datetime-alert-modal",
|
|
258
|
+
isOpen: alertModal,
|
|
259
|
+
modalTitle: `Some months have fewer than ${alertReplace} days`,
|
|
260
|
+
onClose: () => this.setState({ alertModal: false }),
|
|
261
|
+
onConfirm: () => this.setState({ alertModal: false }),
|
|
262
|
+
children: /* @__PURE__ */ jsx("p", {
|
|
263
|
+
children: "For these months, the occurrence will fall on the last day of the month."
|
|
264
|
+
})
|
|
265
|
+
}),
|
|
266
|
+
validationMessage && /* @__PURE__ */ jsx(ValidationMessage, {
|
|
267
|
+
validationMessage
|
|
268
|
+
})
|
|
269
|
+
]
|
|
270
|
+
});
|
|
246
271
|
}
|
|
247
272
|
}
|
|
248
273
|
var DateTimeRangeModalImpl_default = DateTimePredefinedRangeSelectorImpl;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.tsx"],
|
|
4
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;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|