@elliemae/ds-date-time-recurrence-picker 3.0.0-alpha.0 → 3.0.0-alpha.1
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 +15 -3
- package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +1 -1
- package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js +25 -18
- package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js.map +1 -1
- package/dist/cjs/components/RepeatPickerInput/RepeatPickerInput.js +30 -5
- package/dist/cjs/components/RepeatPickerInput/RepeatPickerInput.js.map +1 -1
- package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +17 -3
- package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +1 -1
- package/dist/esm/components/DateTimeRecurenceSelectorImpl.js +27 -18
- package/dist/esm/components/DateTimeRecurenceSelectorImpl.js.map +1 -1
- package/dist/esm/components/RepeatPickerInput/RepeatPickerInput.js +32 -5
- package/dist/esm/components/RepeatPickerInput/RepeatPickerInput.js.map +1 -1
- package/package.json +7 -6
- package/dist/types/DSDateTimeRecurrenceSelector.d.ts +0 -293
- package/dist/types/__test__/DSDateTimeRecurrenceSelector.test.d.ts +0 -1
- package/dist/types/components/AlertModal/DateTimeRangeModal.d.ts +0 -27
- package/dist/types/components/CustomOptionRender/CustomOptionRender.d.ts +0 -53
- package/dist/types/components/DateTimeRangeModal/DateTimeRangeModal.d.ts +0 -9
- package/dist/types/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.d.ts +0 -18
- package/dist/types/components/DateTimeRecurenceSelectorImpl.d.ts +0 -20
- package/dist/types/components/DayOfMonthPicker/DayOfMonthPicker.d.ts +0 -15
- package/dist/types/components/DayOfYearPicker/DayOfYearPicker.d.ts +0 -15
- package/dist/types/components/DaysOfWeekPicker/DaysOfWeekPicker.d.ts +0 -12
- package/dist/types/components/EndDate/EndDate.d.ts +0 -13
- package/dist/types/components/FieldWrapper/FieldWrapper.d.ts +0 -5
- package/dist/types/components/Forms/FormField.d.ts +0 -3
- package/dist/types/components/Forms/FormFieldGroup.d.ts +0 -3
- package/dist/types/components/Forms/FormGroup.d.ts +0 -6
- package/dist/types/components/Forms/FormLabel.d.ts +0 -3
- package/dist/types/components/LabelWrapper/LabelWrapper.d.ts +0 -5
- package/dist/types/components/RepeatPickerInput/RepeatPickerInput.d.ts +0 -11
- package/dist/types/components/StartDateTime/StartDateTime.d.ts +0 -9
- package/dist/types/components/TimeZonePicker/TimeZonePicker.d.ts +0 -11
- package/dist/types/components/ValidationMessage/ValidationMessage.d.ts +0 -5
- package/dist/types/components/helpers/nthday.d.ts +0 -4
- package/dist/types/index.d.ts +0 -2
- package/dist/types/options/dropdownDayOfMonthOptions.d.ts +0 -4
- package/dist/types/options/dropdownDayOfWeekOptions.d.ts +0 -4
- package/dist/types/options/dropdownDayOfYearOptions.d.ts +0 -4
- package/dist/types/options/dropdownPreselectedOptions.d.ts +0 -10
- package/dist/types/options/dropdownRepeatOptions.d.ts +0 -10
- package/dist/types/options/dropdownTimeZoneOptions.d.ts +0 -12
- package/dist/types/options/endTypesOptions.d.ts +0 -13
|
@@ -2,8 +2,22 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
7
21
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
22
|
var __export = (target, all) => {
|
|
9
23
|
for (var name in all)
|
|
@@ -107,9 +121,7 @@ class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
|
|
|
107
121
|
update.dayOfYearRepeatPickerInput = void 0;
|
|
108
122
|
update.dayOfYearRepeatPickerKey = void 0;
|
|
109
123
|
}
|
|
110
|
-
this.setState({
|
|
111
|
-
...update
|
|
112
|
-
}, () => {
|
|
124
|
+
this.setState(__spreadValues({}, update), () => {
|
|
113
125
|
this.onChange();
|
|
114
126
|
});
|
|
115
127
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
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": "
|
|
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,oDACvB;AAGF,kDAAkD,uBAAU;AAAA,EAC1D,YAAY,OAAO;AACjB,UAAM;AAmDR,oBAAW,MAAM;AACf,YAAM,EAAE,0BAA0B,KAAK;AACvC,4BAAsB,KAAK;AAAA;AAG7B,kCAAyB,WAAS;AAChC,WAAK,SACH,EAAE,sBAAsB,MAAM,QAAQ,WAAW,OACjD,MAAM;AACJ,aAAK;AAAA;AAAA;AA3DT,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;AAAA,MAClC,gBAAgB,kBAAkB;AAAA,MAClC,sBAAsB,wBAAwB;AAAA,MAC9C,uBACE,yBAAyB,sBAAsB,GAAG;AAAA,MACpD,0BAA0B,CAAC,yBACvB,OACA,4BAA4B,yBAAyB,GAAG;AAAA,MAC5D,cAAc,gBAAgB;AAAA,MAC9B,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,sBAClB,OACA,uBAAuB,uDAAwB,GAAG;AAAA;AAExD,SAAK;AAAA;AAAA,EAiBP,wBAAwB,OAAO;AAC7B,UAAM,SAAS,EAAE,uBAAuB;AACxC,QAAI,UAAU,wDAA2B,OAAO;AAC9C,aAAO,8BAA8B;AACrC,aAAO,4BAA4B;AAAA;AAErC,QAAI,UAAU,wDAA2B,MAAM;AAC7C,aAAO,6BAA6B;AACpC,aAAO,2BAA2B;AAAA;AAEpC,SAAK,SACH,mBACK,SAEL,MAAM;AACJ,WAAK;AAAA;AAAA;AAAA,EAKX,6BAA6B,OAAO;AAClC,SAAK,SAAS,EAAE,0BAA0B,SAAS,MAAM;AACvD,WAAK;AAAA;AAAA;AAAA,EAIT,qBAAqB,OAAO;AAC1B,SAAK,SAAS,EAAE,cAAc,SAAS,MAAM;AAC3C,WAAK;AAAA;AAAA;AAAA,EAIT,sBAAsB,OAAO;AAC3B,SAAK,SAAS,EAAE,eAAe,SAAS,MAAM;AAC5C,WAAK;AAAA;AAAA;AAAA,EAIT,qBAAqB,OAAO;AAC1B,SAAK,SAAS,EAAE,cAAc,SAAS,MAAM;AAC3C,WAAK;AAAA;AAAA;AAAA,EAIT,uBAAuB,OAAO;AAC5B,SAAK,SAAS,EAAE,gBAAgB,SAAS,MAAM;AAC7C,WAAK;AAAA;AAAA;AAAA,EAIT,uBAAuB,OAAO;AAC5B,SAAK,SAAS,EAAE,gBAAgB,SAAS,MAAM;AAC7C,WAAK;AAAA;AAAA;AAAA,EAIT,8BAA8B,OAAO,QAAQ;AAC3C,SAAK,SACH;AAAA,MACE,6BAA6B;AAAA,MAC7B,2BAA2B,OAAO;AAAA,MAClC,YACE,OAAO,SAAS,MAAO,QAAO,eAAe,IAAI,SAAS;AAAA,MAC5D,cAAc,OAAO,UAAU,GAAG,OAAO;AAAA,OAE3C,MAAM;AACJ,WAAK;AAAA;AAAA;AAAA,EAKX,6BAA6B,OAAO,QAAQ;AAC1C,SAAK,SACH;AAAA,MACE,4BAA4B;AAAA,MAC5B,0BAA0B,OAAO;AAAA,OAEnC,MAAM;AACJ,WAAK;AAAA;AAAA;AAAA,EAKX,sBAAsB,OAAO;AAC3B,SAAK,SAAS,EAAE,qBAAqB,SAAS,MAAM;AAClD,WAAK;AAAA;AAAA;AAAA,EAIT,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,mDAAC,OAAD;AAAA,MAAK,WAAW,GAAG;AAAA,OACjB,mDAAC,8BAAD;AAAA,MACE,mBAAmB,KAAK;AAAA,MACxB,mBAAmB,KAAK;AAAA,MACxB,gBAAgB;AAAA,MAChB;AAAA,MACA,gBAAgB;AAAA,QAEjB,uBACC,mDAAC,+BAAD;AAAA,MACE,kBAAkB,KAAK;AAAA,MACvB,iBAAiB;AAAA,MACjB,eAAe;AAAA,QAGnB,mDAAC,kCAAD;AAAA,MACE,aAAa,KAAK;AAAA,MAClB,cAAc,KAAK;AAAA,MACnB,UAAU;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,oBAAoB;AAAA,QAErB,0BACC,0BAA0B,wDAA2B,QACnD,mDAAC,iCAAD;AAAA,MACE,QAAQ;AAAA,MACR;AAAA,MACA,aAAa,KAAK;AAAA,MAClB,SAAS;AAAA,QAGd,2BACC,0BAA0B,wDAA2B,SACnD,mDAAC,iCAAD;AAAA,MACE,aAAa;AAAA,MACb;AAAA,MACA,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB;AAAA,MACA,6BAA6B;AAAA,MAC7B,aAAa,KAAK;AAAA,QAGvB,0BACC,0BAA0B,wDAA2B,QACnD,mDAAC,gCAAD;AAAA,MACE,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB;AAAA,MACA,6BAA6B;AAAA,MAC7B;AAAA,MACA,aAAa,KAAK;AAAA,QAGxB,mDAAC,MAAD,OACA,mDAAC,wBAAD;AAAA,MACE,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,QAExB,mDAAC,yBAAD;AAAA,MACE,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY,gCAAgC;AAAA,MAE5C,SAAS,MAAM,KAAK,SAAS,EAAE,YAAY;AAAA,MAC3C,WAAW,MAAM,KAAK,SAAS,EAAE,YAAY;AAAA,OAE7C,mDAAC,KAAD,MAAG,8EAKJ,qBACC,mDAAC,kCAAD;AAAA,MAAmB;AAAA;AAAA;AAAA;AAO7B,IAAO,iCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
25
|
var __export = (target, all) => {
|
|
9
26
|
for (var name in all)
|
|
@@ -105,14 +122,10 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
|
|
|
105
122
|
};
|
|
106
123
|
this.initCustomRange = props.customRange;
|
|
107
124
|
this.state = {
|
|
108
|
-
previousCustomRange: {
|
|
109
|
-
...props.customRange
|
|
110
|
-
},
|
|
125
|
+
previousCustomRange: __spreadValues({}, props.customRange),
|
|
111
126
|
openModal: props.openModal || false,
|
|
112
127
|
selected: props.value,
|
|
113
|
-
customRange: {
|
|
114
|
-
...props.customRange
|
|
115
|
-
}
|
|
128
|
+
customRange: __spreadValues({}, props.customRange)
|
|
116
129
|
};
|
|
117
130
|
if (props.value === props.advanceOption.value) {
|
|
118
131
|
props.advanceOption.label = /* @__PURE__ */ import_react.default.createElement(props.customOptionRender, {
|
|
@@ -138,12 +151,8 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
|
|
|
138
151
|
});
|
|
139
152
|
}
|
|
140
153
|
return {
|
|
141
|
-
previousCustomRange: {
|
|
142
|
-
|
|
143
|
-
},
|
|
144
|
-
customRange: {
|
|
145
|
-
...props.customRange
|
|
146
|
-
},
|
|
154
|
+
previousCustomRange: __spreadValues({}, props.customRange),
|
|
155
|
+
customRange: __spreadValues({}, props.customRange),
|
|
147
156
|
selected: props.value
|
|
148
157
|
};
|
|
149
158
|
}
|
|
@@ -187,22 +196,20 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
|
|
|
187
196
|
} = this.props;
|
|
188
197
|
const { selected, openModal, customRange } = this.state;
|
|
189
198
|
const options = [...dropdownPreselectedOptions, advanceOption];
|
|
190
|
-
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
191
|
-
...containerProps,
|
|
199
|
+
return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
|
|
192
200
|
className: `${cssClassName} ${className}`
|
|
193
|
-
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
201
|
+
}), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
194
202
|
className: `${classNameBlock("container-selector")}`
|
|
195
203
|
}, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
|
|
196
204
|
className: `${classNameElement("dropdown-field-selector")}`,
|
|
197
205
|
components: {
|
|
198
|
-
Option: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Option, {
|
|
199
|
-
...props,
|
|
206
|
+
Option: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Option, __spreadProps(__spreadValues({}, props), {
|
|
200
207
|
allowMultipleDaysOfWeek,
|
|
201
208
|
dayOfMonthOptionsEnable,
|
|
202
209
|
dayOfWeekOptionsEnable,
|
|
203
210
|
dayOfYearOptionsEnable,
|
|
204
211
|
useTimezoneSelector
|
|
205
|
-
}),
|
|
212
|
+
})),
|
|
206
213
|
IndicatorSeparator: () => null
|
|
207
214
|
},
|
|
208
215
|
onChange: this.onChangeDropdown,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/DateTimeRecurenceSelectorImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment */\nimport React, { Component } from 'react';\nimport { isEqual } from 'lodash';\nimport 'react-dates/initialize';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\n\nimport DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal';\n\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(\n 'date-time-predefined-range-selector',\n);\n\nclass DateTimeRecurenceSelectorImpl extends Component {\n constructor(props) {\n super(props);\n this.initCustomRange = props.customRange;\n this.state = {\n // eslint-disable-next-line react/no-unused-state\n previousCustomRange: {\n ...props.customRange,\n },\n openModal: props.openModal || false,\n selected: props.value,\n customRange: {\n ...props.customRange,\n },\n };\n if (props.value === props.advanceOption.value) {\n // eslint-disable-next-line no-param-reassign\n props.advanceOption.label = (\n <props.customOptionRender\n allowMultipleDaysOfWeek={props.allowMultipleDaysOfWeek}\n customRange={props.customRange}\n dayOfMonthOptionsEnable={props.dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={props.dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={props.dayOfYearOptionsEnable}\n useTimezoneSelector={props.useTimezoneSelector}\n />\n );\n }\n }\n\n onChange = () => {\n const { onChange } = this.props;\n const { customRange, selected } = this.state;\n onChange(selected, customRange);\n };\n\n onCustomDateTimeRange = (customRange) => {\n this.setState({ customRange });\n };\n\n onChangeDropdown = (value) => {\n const { dropdownPreselectedOptions } = this.props;\n const selected = dropdownPreselectedOptions.find((op) => op.value === value);\n const { onChange } = this.props;\n if (!selected) {\n this.setState((previousState) => ({\n selected: value,\n previousSelection: previousState.selected,\n }));\n this.handleOpenModal();\n } else if (selected) {\n onChange(value);\n this.setState({ selected: value, openModal: false });\n }\n };\n\n static getDerivedStateFromProps(props, state) {\n if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {\n if (props.value === props.advanceOption.value) {\n // eslint-disable-next-line no-param-reassign\n props.advanceOption.label = (\n <props.customOptionRender\n allowMultipleDaysOfWeek={props.allowMultipleDaysOfWeek}\n customRange={props.customRange}\n dayOfMonthOptionsEnable={props.dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={props.dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={props.dayOfYearOptionsEnable}\n useTimezoneSelector={props.useTimezoneSelector}\n />\n );\n }\n return {\n previousCustomRange: {\n ...props.customRange,\n },\n customRange: {\n ...props.customRange,\n },\n selected: props.value,\n };\n }\n return null;\n }\n\n handleConfirm = () => {\n const {\n onConfirmField,\n customOptionRender: CustomOptionRender,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n } = this.props;\n const { customRange } = this.state;\n this.props.advanceOption.label = (\n <CustomOptionRender\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n customRange={customRange}\n dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n useTimezoneSelector={useTimezoneSelector}\n />\n );\n this.onChange();\n this.handleCloseModal();\n onConfirmField();\n };\n\n handleReject = () => {\n const { onRejectField } = this.props;\n this.handleActionClose();\n onRejectField();\n };\n\n handleActionClose = () => {\n this.setState((previousState) => ({\n selected: previousState.previousSelection,\n }));\n this.handleCloseModal();\n };\n\n handleOpenModal = () => this.setState({ openModal: true });\n\n handleCloseModal = () => {\n this.setState({ openModal: false });\n setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680\n };\n\n render() {\n const {\n placeholder,\n dropdownPreselectedOptions,\n appElement,\n confirmLabel,\n modalSize,\n modalTitle,\n modalType,\n rejectLabel,\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n displayCurrentMonthYear,\n className,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n timeZoneOptions,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n endTimesOptions,\n endTypesOptions,\n advanceOption,\n dayOfMonthAsCurrentDateOptions,\n dayOfYearAsCurrentDateOptions,\n isValidRecurrence,\n validationMessage,\n endDayBlocked,\n startDayBlocked,\n repeatFrecuencyCustomProps,\n displayMonthCustomOption,\n displayYearCustomOption,\n containerProps,\n } = this.props;\n const { selected, openModal, customRange } = this.state;\n\n const options = [...dropdownPreselectedOptions, advanceOption];\n\n return (\n <div {...containerProps} className={`${cssClassName} ${className}`}>\n <div className={`${classNameBlock('container-selector')}`}>\n <DSComboBox\n className={`${classNameElement('dropdown-field-selector')}`}\n components={{\n Option: (props) => (\n <components.Option\n {...props}\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n useTimezoneSelector={useTimezoneSelector}\n />\n ),\n IndicatorSeparator: () => null,\n }}\n onChange={this.onChangeDropdown}\n onKeyDown={this.onKeyDown}\n options={options}\n placeholder={placeholder}\n value={selected}\n />\n </div>\n <DateTimeRangeModal\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n appElement={appElement}\n confirmLabel={confirmLabel}\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 isOpen={openModal}\n isValidRecurrence={isValidRecurrence}\n modalSize={modalSize}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={this.handleActionClose}\n onConfirmField={this.handleConfirm}\n onCustomDateTimeRange={this.onCustomDateTimeRange}\n onRejectField={this.handleReject}\n placeholder={placeholder}\n rangeValue={customRange}\n rejectLabel={rejectLabel}\n repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n startDayBlocked={startDayBlocked}\n timeZoneOptions={timeZoneOptions}\n useTimezoneSelector={useTimezoneSelector}\n validationMessage={validationMessage}\n />\n </div>\n );\n }\n}\n\nexport default DateTimeRecurenceSelectorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,9 +2,35 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
7
21
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
22
|
+
var __objRest = (source, exclude) => {
|
|
23
|
+
var target = {};
|
|
24
|
+
for (var prop in source)
|
|
25
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
if (source != null && __getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
}
|
|
32
|
+
return target;
|
|
33
|
+
};
|
|
8
34
|
var __export = (target, all) => {
|
|
9
35
|
for (var name in all)
|
|
10
36
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -48,10 +74,10 @@ const RepeatPickerInput = ({
|
|
|
48
74
|
repeatFrecuencyCustomProps = {}
|
|
49
75
|
}) => {
|
|
50
76
|
const [last, setLast] = (0, import_react.useState)("");
|
|
51
|
-
const { onChange: _onChange, onKeyDown: _onKeyDown, value: _value,
|
|
77
|
+
const _a = repeatFrecuencyCustomProps, { onChange: _onChange, onKeyDown: _onKeyDown, value: _value } = _a, rest = __objRest(_a, ["onChange", "onKeyDown", "value"]);
|
|
52
78
|
return /* @__PURE__ */ import_react.default.createElement(import_FormGroup.default, {
|
|
53
79
|
className: cssClassName
|
|
54
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_FormLabel.default, null, repeatInputLabel), /* @__PURE__ */ import_react.default.createElement(import_FormFieldGroup.default, null, /* @__PURE__ */ import_react.default.createElement(import_FormField.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
|
|
80
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_FormLabel.default, null, repeatInputLabel), /* @__PURE__ */ import_react.default.createElement(import_FormFieldGroup.default, null, /* @__PURE__ */ import_react.default.createElement(import_FormField.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, __spreadValues({
|
|
55
81
|
onChange: (e) => {
|
|
56
82
|
if (last !== 69)
|
|
57
83
|
onQtyChange(e.target.value);
|
|
@@ -61,9 +87,8 @@ const RepeatPickerInput = ({
|
|
|
61
87
|
return e.keyCode !== 69;
|
|
62
88
|
},
|
|
63
89
|
type: "number",
|
|
64
|
-
value: qtyValue
|
|
65
|
-
|
|
66
|
-
})), /* @__PURE__ */ import_react.default.createElement(import_FormField.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
|
|
90
|
+
value: qtyValue
|
|
91
|
+
}, rest || {}))), /* @__PURE__ */ import_react.default.createElement(import_FormField.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
|
|
67
92
|
onChange: onTypeChange,
|
|
68
93
|
options: repeatOptions,
|
|
69
94
|
value: repeatOptionsValue
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/RepeatPickerInput/RepeatPickerInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useState } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSTextBox, DSComboBox } from '@elliemae/ds-form';\nimport FormGroup from '../Forms/FormGroup';\nimport FormLabel from '../Forms/FormLabel';\nimport FormFieldGroup from '../Forms/FormFieldGroup';\nimport FormField from '../Forms/FormField';\n\nconst { cssClassName } = convertPropToCssClassName('repeat-picker-input-range-selector');\n\nconst RepeatPickerInput = ({\n onQtyChange = () => null,\n onTypeChange = () => null,\n qtyValue = 1,\n repeatOptions = [],\n repeatOptionsValue = null,\n repeatInputLabel = 'Repeats every',\n repeatFrecuencyCustomProps = {},\n}) => {\n const [last, setLast] = useState('');\n const { onChange: _onChange, onKeyDown: _onKeyDown, value: _value, ...rest } = repeatFrecuencyCustomProps;\n return (\n <FormGroup className={cssClassName}>\n <FormLabel>{repeatInputLabel}</FormLabel>\n <FormFieldGroup>\n <FormField>\n <DSTextBox\n onChange={(e) => {\n if (last !== 69) onQtyChange(e.target.value);\n }}\n onKeyDown={(e) => {\n setLast(e.keyCode);\n return e.keyCode !== 69;\n }}\n type=\"number\"\n value={qtyValue}\n {...(rest || {})}\n />\n </FormField>\n <FormField>\n <DSComboBox onChange={onTypeChange} options={repeatOptions} value={repeatOptionsValue} />\n </FormField>\n </FormFieldGroup>\n </FormGroup>\n );\n};\n\nexport default RepeatPickerInput;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,2BAA0C;AAC1C,qBAAsC;AACtC,uBAAsB;AACtB,uBAAsB;AACtB,4BAA2B;AAC3B,uBAAsB;AAEtB,MAAM,EAAE,iBAAiB,oDAA0B;AAEnD,MAAM,oBAAoB,CAAC;AAAA,EACzB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,6BAA6B;AAAA,MACzB;AACJ,QAAM,CAAC,MAAM,WAAW,2BAAS;AACjC,QAA+E,iCAAvE,YAAU,WAAW,WAAW,YAAY,OAAO,WAAoB,IAAT,iBAAS,IAAT,CAA9D,YAAqB,aAAuB;AACpD,SACE,mDAAC,0BAAD;AAAA,IAAW,WAAW;AAAA,KACpB,mDAAC,0BAAD,MAAY,mBACZ,mDAAC,+BAAD,MACE,mDAAC,0BAAD,MACE,mDAAC,0BAAD;AAAA,IACE,UAAU,CAAC,MAAM;AACf,UAAI,SAAS;AAAI,oBAAY,EAAE,OAAO;AAAA;AAAA,IAExC,WAAW,CAAC,MAAM;AAChB,cAAQ,EAAE;AACV,aAAO,EAAE,YAAY;AAAA;AAAA,IAEvB,MAAK;AAAA,IACL,OAAO;AAAA,KACF,QAAQ,OAGjB,mDAAC,0BAAD,MACE,mDAAC,2BAAD;AAAA,IAAY,UAAU;AAAA,IAAc,SAAS;AAAA,IAAe,OAAO;AAAA;AAAA;AAO7E,IAAO,4BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
1
17
|
import * as React from "react";
|
|
2
18
|
import React2, { Component } from "react";
|
|
3
19
|
import moment from "moment";
|
|
@@ -76,9 +92,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
|
|
|
76
92
|
update.dayOfYearRepeatPickerInput = void 0;
|
|
77
93
|
update.dayOfYearRepeatPickerKey = void 0;
|
|
78
94
|
}
|
|
79
|
-
this.setState({
|
|
80
|
-
...update
|
|
81
|
-
}, () => {
|
|
95
|
+
this.setState(__spreadValues({}, update), () => {
|
|
82
96
|
this.onChange();
|
|
83
97
|
});
|
|
84
98
|
}
|
|
@@ -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(\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,0BACvB;AAGF,kDAAkD,UAAU;AAAA,EAC1D,YAAY,OAAO;AACjB,UAAM;AAmDR,oBAAW,MAAM;AACf,YAAM,EAAE,0BAA0B,KAAK;AACvC,4BAAsB,KAAK;AAAA;AAG7B,kCAAyB,WAAS;AAChC,WAAK,SACH,EAAE,sBAAsB,MAAM,QAAQ,WAAW,OACjD,MAAM;AACJ,aAAK;AAAA;AAAA;AA3DT,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;AAAA,MAClC,gBAAgB,kBAAkB;AAAA,MAClC,sBAAsB,wBAAwB;AAAA,MAC9C,uBACE,yBAAyB,sBAAsB,GAAG;AAAA,MACpD,0BAA0B,CAAC,yBACvB,OACA,4BAA4B,yBAAyB,GAAG;AAAA,MAC5D,cAAc,gBAAgB;AAAA,MAC9B,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,sBAClB,OACA,uBAAuB,wBAAwB,GAAG;AAAA;AAExD,SAAK;AAAA;AAAA,EAiBP,wBAAwB,OAAO;AAC7B,UAAM,SAAS,EAAE,uBAAuB;AACxC,QAAI,UAAU,2BAA2B,OAAO;AAC9C,aAAO,8BAA8B;AACrC,aAAO,4BAA4B;AAAA;AAErC,QAAI,UAAU,2BAA2B,MAAM;AAC7C,aAAO,6BAA6B;AACpC,aAAO,2BAA2B;AAAA;AAEpC,SAAK,SACH
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BACvB;AAGF,kDAAkD,UAAU;AAAA,EAC1D,YAAY,OAAO;AACjB,UAAM;AAmDR,oBAAW,MAAM;AACf,YAAM,EAAE,0BAA0B,KAAK;AACvC,4BAAsB,KAAK;AAAA;AAG7B,kCAAyB,WAAS;AAChC,WAAK,SACH,EAAE,sBAAsB,MAAM,QAAQ,WAAW,OACjD,MAAM;AACJ,aAAK;AAAA;AAAA;AA3DT,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;AAAA,MAClC,gBAAgB,kBAAkB;AAAA,MAClC,sBAAsB,wBAAwB;AAAA,MAC9C,uBACE,yBAAyB,sBAAsB,GAAG;AAAA,MACpD,0BAA0B,CAAC,yBACvB,OACA,4BAA4B,yBAAyB,GAAG;AAAA,MAC5D,cAAc,gBAAgB;AAAA,MAC9B,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,sBAClB,OACA,uBAAuB,wBAAwB,GAAG;AAAA;AAExD,SAAK;AAAA;AAAA,EAiBP,wBAAwB,OAAO;AAC7B,UAAM,SAAS,EAAE,uBAAuB;AACxC,QAAI,UAAU,2BAA2B,OAAO;AAC9C,aAAO,8BAA8B;AACrC,aAAO,4BAA4B;AAAA;AAErC,QAAI,UAAU,2BAA2B,MAAM;AAC7C,aAAO,6BAA6B;AACpC,aAAO,2BAA2B;AAAA;AAEpC,SAAK,SACH,mBACK,SAEL,MAAM;AACJ,WAAK;AAAA;AAAA;AAAA,EAKX,6BAA6B,OAAO;AAClC,SAAK,SAAS,EAAE,0BAA0B,SAAS,MAAM;AACvD,WAAK;AAAA;AAAA;AAAA,EAIT,qBAAqB,OAAO;AAC1B,SAAK,SAAS,EAAE,cAAc,SAAS,MAAM;AAC3C,WAAK;AAAA;AAAA;AAAA,EAIT,sBAAsB,OAAO;AAC3B,SAAK,SAAS,EAAE,eAAe,SAAS,MAAM;AAC5C,WAAK;AAAA;AAAA;AAAA,EAIT,qBAAqB,OAAO;AAC1B,SAAK,SAAS,EAAE,cAAc,SAAS,MAAM;AAC3C,WAAK;AAAA;AAAA;AAAA,EAIT,uBAAuB,OAAO;AAC5B,SAAK,SAAS,EAAE,gBAAgB,SAAS,MAAM;AAC7C,WAAK;AAAA;AAAA;AAAA,EAIT,uBAAuB,OAAO;AAC5B,SAAK,SAAS,EAAE,gBAAgB,SAAS,MAAM;AAC7C,WAAK;AAAA;AAAA;AAAA,EAIT,8BAA8B,OAAO,QAAQ;AAC3C,SAAK,SACH;AAAA,MACE,6BAA6B;AAAA,MAC7B,2BAA2B,OAAO;AAAA,MAClC,YACE,OAAO,SAAS,MAAO,QAAO,eAAe,IAAI,SAAS;AAAA,MAC5D,cAAc,OAAO,UAAU,GAAG,OAAO;AAAA,OAE3C,MAAM;AACJ,WAAK;AAAA;AAAA;AAAA,EAKX,6BAA6B,OAAO,QAAQ;AAC1C,SAAK,SACH;AAAA,MACE,4BAA4B;AAAA,MAC5B,0BAA0B,OAAO;AAAA,OAEnC,MAAM;AACJ,WAAK;AAAA;AAAA;AAAA,EAKX,sBAAsB,OAAO;AAC3B,SAAK,SAAS,EAAE,qBAAqB,SAAS,MAAM;AAClD,WAAK;AAAA;AAAA;AAAA,EAIT,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,OAAD;AAAA,MAAK,WAAW,GAAG;AAAA,OACjB,qCAAC,eAAD;AAAA,MACE,mBAAmB,KAAK;AAAA,MACxB,mBAAmB,KAAK;AAAA,MACxB,gBAAgB;AAAA,MAChB;AAAA,MACA,gBAAgB;AAAA,QAEjB,uBACC,qCAAC,gBAAD;AAAA,MACE,kBAAkB,KAAK;AAAA,MACvB,iBAAiB;AAAA,MACjB,eAAe;AAAA,QAGnB,qCAAC,mBAAD;AAAA,MACE,aAAa,KAAK;AAAA,MAClB,cAAc,KAAK;AAAA,MACnB,UAAU;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,oBAAoB;AAAA,QAErB,0BACC,0BAA0B,2BAA2B,QACnD,qCAAC,kBAAD;AAAA,MACE,QAAQ;AAAA,MACR;AAAA,MACA,aAAa,KAAK;AAAA,MAClB,SAAS;AAAA,QAGd,2BACC,0BAA0B,2BAA2B,SACnD,qCAAC,kBAAD;AAAA,MACE,aAAa;AAAA,MACb;AAAA,MACA,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB;AAAA,MACA,6BAA6B;AAAA,MAC7B,aAAa,KAAK;AAAA,QAGvB,0BACC,0BAA0B,2BAA2B,QACnD,qCAAC,iBAAD;AAAA,MACE,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB;AAAA,MACA,6BAA6B;AAAA,MAC7B;AAAA,MACA,aAAa,KAAK;AAAA,QAGxB,qCAAC,MAAD,OACA,qCAAC,SAAD;AAAA,MACE,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,QAExB,qCAAC,SAAD;AAAA,MACE,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY,gCAAgC;AAAA,MAE5C,SAAS,MAAM,KAAK,SAAS,EAAE,YAAY;AAAA,MAC3C,WAAW,MAAM,KAAK,SAAS,EAAE,YAAY;AAAA,OAE7C,qCAAC,KAAD,MAAG,8EAKJ,qBACC,qCAAC,mBAAD;AAAA,MAAmB;AAAA;AAAA;AAAA;AAO7B,IAAO,iCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
import React2, { Component } from "react";
|
|
3
22
|
import { isEqual } from "lodash";
|
|
@@ -74,14 +93,10 @@ class DateTimeRecurenceSelectorImpl extends Component {
|
|
|
74
93
|
};
|
|
75
94
|
this.initCustomRange = props.customRange;
|
|
76
95
|
this.state = {
|
|
77
|
-
previousCustomRange: {
|
|
78
|
-
...props.customRange
|
|
79
|
-
},
|
|
96
|
+
previousCustomRange: __spreadValues({}, props.customRange),
|
|
80
97
|
openModal: props.openModal || false,
|
|
81
98
|
selected: props.value,
|
|
82
|
-
customRange: {
|
|
83
|
-
...props.customRange
|
|
84
|
-
}
|
|
99
|
+
customRange: __spreadValues({}, props.customRange)
|
|
85
100
|
};
|
|
86
101
|
if (props.value === props.advanceOption.value) {
|
|
87
102
|
props.advanceOption.label = /* @__PURE__ */ React2.createElement(props.customOptionRender, {
|
|
@@ -107,12 +122,8 @@ class DateTimeRecurenceSelectorImpl extends Component {
|
|
|
107
122
|
});
|
|
108
123
|
}
|
|
109
124
|
return {
|
|
110
|
-
previousCustomRange: {
|
|
111
|
-
|
|
112
|
-
},
|
|
113
|
-
customRange: {
|
|
114
|
-
...props.customRange
|
|
115
|
-
},
|
|
125
|
+
previousCustomRange: __spreadValues({}, props.customRange),
|
|
126
|
+
customRange: __spreadValues({}, props.customRange),
|
|
116
127
|
selected: props.value
|
|
117
128
|
};
|
|
118
129
|
}
|
|
@@ -156,22 +167,20 @@ class DateTimeRecurenceSelectorImpl extends Component {
|
|
|
156
167
|
} = this.props;
|
|
157
168
|
const { selected, openModal, customRange } = this.state;
|
|
158
169
|
const options = [...dropdownPreselectedOptions, advanceOption];
|
|
159
|
-
return /* @__PURE__ */ React2.createElement("div", {
|
|
160
|
-
...containerProps,
|
|
170
|
+
return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
|
|
161
171
|
className: `${cssClassName} ${className}`
|
|
162
|
-
}, /* @__PURE__ */ React2.createElement("div", {
|
|
172
|
+
}), /* @__PURE__ */ React2.createElement("div", {
|
|
163
173
|
className: `${classNameBlock("container-selector")}`
|
|
164
174
|
}, /* @__PURE__ */ React2.createElement(DSComboBox, {
|
|
165
175
|
className: `${classNameElement("dropdown-field-selector")}`,
|
|
166
176
|
components: {
|
|
167
|
-
Option: (props) => /* @__PURE__ */ React2.createElement(components.Option, {
|
|
168
|
-
...props,
|
|
177
|
+
Option: (props) => /* @__PURE__ */ React2.createElement(components.Option, __spreadProps(__spreadValues({}, props), {
|
|
169
178
|
allowMultipleDaysOfWeek,
|
|
170
179
|
dayOfMonthOptionsEnable,
|
|
171
180
|
dayOfWeekOptionsEnable,
|
|
172
181
|
dayOfYearOptionsEnable,
|
|
173
182
|
useTimezoneSelector
|
|
174
|
-
}),
|
|
183
|
+
})),
|
|
175
184
|
IndicatorSeparator: () => null
|
|
176
185
|
},
|
|
177
186
|
onChange: this.onChangeDropdown,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DateTimeRecurenceSelectorImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment */\nimport React, { Component } from 'react';\nimport { isEqual } from 'lodash';\nimport 'react-dates/initialize';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\n\nimport DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal';\n\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(\n 'date-time-predefined-range-selector',\n);\n\nclass DateTimeRecurenceSelectorImpl extends Component {\n constructor(props) {\n super(props);\n this.initCustomRange = props.customRange;\n this.state = {\n // eslint-disable-next-line react/no-unused-state\n previousCustomRange: {\n ...props.customRange,\n },\n openModal: props.openModal || false,\n selected: props.value,\n customRange: {\n ...props.customRange,\n },\n };\n if (props.value === props.advanceOption.value) {\n // eslint-disable-next-line no-param-reassign\n props.advanceOption.label = (\n <props.customOptionRender\n allowMultipleDaysOfWeek={props.allowMultipleDaysOfWeek}\n customRange={props.customRange}\n dayOfMonthOptionsEnable={props.dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={props.dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={props.dayOfYearOptionsEnable}\n useTimezoneSelector={props.useTimezoneSelector}\n />\n );\n }\n }\n\n onChange = () => {\n const { onChange } = this.props;\n const { customRange, selected } = this.state;\n onChange(selected, customRange);\n };\n\n onCustomDateTimeRange = (customRange) => {\n this.setState({ customRange });\n };\n\n onChangeDropdown = (value) => {\n const { dropdownPreselectedOptions } = this.props;\n const selected = dropdownPreselectedOptions.find((op) => op.value === value);\n const { onChange } = this.props;\n if (!selected) {\n this.setState((previousState) => ({\n selected: value,\n previousSelection: previousState.selected,\n }));\n this.handleOpenModal();\n } else if (selected) {\n onChange(value);\n this.setState({ selected: value, openModal: false });\n }\n };\n\n static getDerivedStateFromProps(props, state) {\n if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {\n if (props.value === props.advanceOption.value) {\n // eslint-disable-next-line no-param-reassign\n props.advanceOption.label = (\n <props.customOptionRender\n allowMultipleDaysOfWeek={props.allowMultipleDaysOfWeek}\n customRange={props.customRange}\n dayOfMonthOptionsEnable={props.dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={props.dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={props.dayOfYearOptionsEnable}\n useTimezoneSelector={props.useTimezoneSelector}\n />\n );\n }\n return {\n previousCustomRange: {\n ...props.customRange,\n },\n customRange: {\n ...props.customRange,\n },\n selected: props.value,\n };\n }\n return null;\n }\n\n handleConfirm = () => {\n const {\n onConfirmField,\n customOptionRender: CustomOptionRender,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n } = this.props;\n const { customRange } = this.state;\n this.props.advanceOption.label = (\n <CustomOptionRender\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n customRange={customRange}\n dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n useTimezoneSelector={useTimezoneSelector}\n />\n );\n this.onChange();\n this.handleCloseModal();\n onConfirmField();\n };\n\n handleReject = () => {\n const { onRejectField } = this.props;\n this.handleActionClose();\n onRejectField();\n };\n\n handleActionClose = () => {\n this.setState((previousState) => ({\n selected: previousState.previousSelection,\n }));\n this.handleCloseModal();\n };\n\n handleOpenModal = () => this.setState({ openModal: true });\n\n handleCloseModal = () => {\n this.setState({ openModal: false });\n setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680\n };\n\n render() {\n const {\n placeholder,\n dropdownPreselectedOptions,\n appElement,\n confirmLabel,\n modalSize,\n modalTitle,\n modalType,\n rejectLabel,\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n displayCurrentMonthYear,\n className,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n timeZoneOptions,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n endTimesOptions,\n endTypesOptions,\n advanceOption,\n dayOfMonthAsCurrentDateOptions,\n dayOfYearAsCurrentDateOptions,\n isValidRecurrence,\n validationMessage,\n endDayBlocked,\n startDayBlocked,\n repeatFrecuencyCustomProps,\n displayMonthCustomOption,\n displayYearCustomOption,\n containerProps,\n } = this.props;\n const { selected, openModal, customRange } = this.state;\n\n const options = [...dropdownPreselectedOptions, advanceOption];\n\n return (\n <div {...containerProps} className={`${cssClassName} ${className}`}>\n <div className={`${classNameBlock('container-selector')}`}>\n <DSComboBox\n className={`${classNameElement('dropdown-field-selector')}`}\n components={{\n Option: (props) => (\n <components.Option\n {...props}\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n useTimezoneSelector={useTimezoneSelector}\n />\n ),\n IndicatorSeparator: () => null,\n }}\n onChange={this.onChangeDropdown}\n onKeyDown={this.onKeyDown}\n options={options}\n placeholder={placeholder}\n value={selected}\n />\n </div>\n <DateTimeRangeModal\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n appElement={appElement}\n confirmLabel={confirmLabel}\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 isOpen={openModal}\n isValidRecurrence={isValidRecurrence}\n modalSize={modalSize}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={this.handleActionClose}\n onConfirmField={this.handleConfirm}\n onCustomDateTimeRange={this.onCustomDateTimeRange}\n onRejectField={this.handleReject}\n placeholder={placeholder}\n rangeValue={customRange}\n rejectLabel={rejectLabel}\n repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n startDayBlocked={startDayBlocked}\n timeZoneOptions={timeZoneOptions}\n useTimezoneSelector={useTimezoneSelector}\n validationMessage={validationMessage}\n />\n </div>\n );\n }\n}\n\nexport default DateTimeRecurenceSelectorImpl;\n"],
|
|
5
|
-
"mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,EAAE,cAAc,kBAAkB,mBAAmB,0BACzD;AAGF,4CAA4C,UAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM;AA4BR,oBAAW,MAAM;AACf,YAAM,EAAE,aAAa,KAAK;AAC1B,YAAM,EAAE,aAAa,aAAa,KAAK;AACvC,eAAS,UAAU;AAAA;AAGrB,iCAAwB,CAAC,gBAAgB;AACvC,WAAK,SAAS,EAAE;AAAA;AAGlB,4BAAmB,CAAC,UAAU;AAC5B,YAAM,EAAE,+BAA+B,KAAK;AAC5C,YAAM,WAAW,2BAA2B,KAAK,CAAC,OAAO,GAAG,UAAU;AACtE,YAAM,EAAE,aAAa,KAAK;AAC1B,UAAI,CAAC,UAAU;AACb,aAAK,SAAS,CAAC,kBAAmB;AAAA,UAChC,UAAU;AAAA,UACV,mBAAmB,cAAc;AAAA;AAEnC,aAAK;AAAA,iBACI,UAAU;AACnB,iBAAS;AACT,aAAK,SAAS,EAAE,UAAU,OAAO,WAAW;AAAA;AAAA;AAgChD,yBAAgB,MAAM;AACpB,YAAM;AAAA,QACJ;AAAA,QACA,oBAAoB;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE,KAAK;AACT,YAAM,EAAE,gBAAgB,KAAK;AAC7B,WAAK,MAAM,cAAc,QACvB,qCAAC,oBAAD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAGJ,WAAK;AACL,WAAK;AACL;AAAA;AAGF,wBAAe,MAAM;AACnB,YAAM,EAAE,kBAAkB,KAAK;AAC/B,WAAK;AACL;AAAA;AAGF,6BAAoB,MAAM;AACxB,WAAK,SAAS,CAAC,kBAAmB;AAAA,QAChC,UAAU,cAAc;AAAA;AAE1B,WAAK;AAAA;AAGP,2BAAkB,MAAM,KAAK,SAAS,EAAE,WAAW;AAEnD,4BAAmB,MAAM;AACvB,WAAK,SAAS,EAAE,WAAW;AAC3B,iBAAW,MAAM,SAAS,cAAc,QAAQ;AAAA;AA5HhD,SAAK,kBAAkB,MAAM;AAC7B,SAAK,QAAQ;AAAA,MAEX,qBAAqB
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,31 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
1
29
|
import * as React from "react";
|
|
2
30
|
import React2, { useState } from "react";
|
|
3
31
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
@@ -17,10 +45,10 @@ const RepeatPickerInput = ({
|
|
|
17
45
|
repeatFrecuencyCustomProps = {}
|
|
18
46
|
}) => {
|
|
19
47
|
const [last, setLast] = useState("");
|
|
20
|
-
const { onChange: _onChange, onKeyDown: _onKeyDown, value: _value,
|
|
48
|
+
const _a = repeatFrecuencyCustomProps, { onChange: _onChange, onKeyDown: _onKeyDown, value: _value } = _a, rest = __objRest(_a, ["onChange", "onKeyDown", "value"]);
|
|
21
49
|
return /* @__PURE__ */ React2.createElement(FormGroup, {
|
|
22
50
|
className: cssClassName
|
|
23
|
-
}, /* @__PURE__ */ React2.createElement(FormLabel, null, repeatInputLabel), /* @__PURE__ */ React2.createElement(FormFieldGroup, null, /* @__PURE__ */ React2.createElement(FormField, null, /* @__PURE__ */ React2.createElement(DSTextBox, {
|
|
51
|
+
}, /* @__PURE__ */ React2.createElement(FormLabel, null, repeatInputLabel), /* @__PURE__ */ React2.createElement(FormFieldGroup, null, /* @__PURE__ */ React2.createElement(FormField, null, /* @__PURE__ */ React2.createElement(DSTextBox, __spreadValues({
|
|
24
52
|
onChange: (e) => {
|
|
25
53
|
if (last !== 69)
|
|
26
54
|
onQtyChange(e.target.value);
|
|
@@ -30,9 +58,8 @@ const RepeatPickerInput = ({
|
|
|
30
58
|
return e.keyCode !== 69;
|
|
31
59
|
},
|
|
32
60
|
type: "number",
|
|
33
|
-
value: qtyValue
|
|
34
|
-
|
|
35
|
-
})), /* @__PURE__ */ React2.createElement(FormField, null, /* @__PURE__ */ React2.createElement(DSComboBox, {
|
|
61
|
+
value: qtyValue
|
|
62
|
+
}, rest || {}))), /* @__PURE__ */ React2.createElement(FormField, null, /* @__PURE__ */ React2.createElement(DSComboBox, {
|
|
36
63
|
onChange: onTypeChange,
|
|
37
64
|
options: repeatOptions,
|
|
38
65
|
value: repeatOptionsValue
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/RepeatPickerInput/RepeatPickerInput.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSTextBox, DSComboBox } from '@elliemae/ds-form';\nimport FormGroup from '../Forms/FormGroup';\nimport FormLabel from '../Forms/FormLabel';\nimport FormFieldGroup from '../Forms/FormFieldGroup';\nimport FormField from '../Forms/FormField';\n\nconst { cssClassName } = convertPropToCssClassName('repeat-picker-input-range-selector');\n\nconst RepeatPickerInput = ({\n onQtyChange = () => null,\n onTypeChange = () => null,\n qtyValue = 1,\n repeatOptions = [],\n repeatOptionsValue = null,\n repeatInputLabel = 'Repeats every',\n repeatFrecuencyCustomProps = {},\n}) => {\n const [last, setLast] = useState('');\n const { onChange: _onChange, onKeyDown: _onKeyDown, value: _value, ...rest } = repeatFrecuencyCustomProps;\n return (\n <FormGroup className={cssClassName}>\n <FormLabel>{repeatInputLabel}</FormLabel>\n <FormFieldGroup>\n <FormField>\n <DSTextBox\n onChange={(e) => {\n if (last !== 69) onQtyChange(e.target.value);\n }}\n onKeyDown={(e) => {\n setLast(e.keyCode);\n return e.keyCode !== 69;\n }}\n type=\"number\"\n value={qtyValue}\n {...(rest || {})}\n />\n </FormField>\n <FormField>\n <DSComboBox onChange={onTypeChange} options={repeatOptions} value={repeatOptionsValue} />\n </FormField>\n </FormFieldGroup>\n </FormGroup>\n );\n};\n\nexport default RepeatPickerInput;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BAA0B;AAEnD,MAAM,oBAAoB,CAAC;AAAA,EACzB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,6BAA6B;AAAA,MACzB;AACJ,QAAM,CAAC,MAAM,WAAW,SAAS;AACjC,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BAA0B;AAEnD,MAAM,oBAAoB,CAAC;AAAA,EACzB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,6BAA6B;AAAA,MACzB;AACJ,QAAM,CAAC,MAAM,WAAW,SAAS;AACjC,QAA+E,iCAAvE,YAAU,WAAW,WAAW,YAAY,OAAO,WAAoB,IAAT,iBAAS,IAAT,CAA9D,YAAqB,aAAuB;AACpD,SACE,qCAAC,WAAD;AAAA,IAAW,WAAW;AAAA,KACpB,qCAAC,WAAD,MAAY,mBACZ,qCAAC,gBAAD,MACE,qCAAC,WAAD,MACE,qCAAC,WAAD;AAAA,IACE,UAAU,CAAC,MAAM;AACf,UAAI,SAAS;AAAI,oBAAY,EAAE,OAAO;AAAA;AAAA,IAExC,WAAW,CAAC,MAAM;AAChB,cAAQ,EAAE;AACV,aAAO,EAAE,YAAY;AAAA;AAAA,IAEvB,MAAK;AAAA,IACL,OAAO;AAAA,KACF,QAAQ,OAGjB,qCAAC,WAAD,MACE,qCAAC,YAAD;AAAA,IAAY,UAAU;AAAA,IAAc,SAAS;AAAA,IAAe,OAAO;AAAA;AAAA;AAO7E,IAAO,4BAAQ;",
|
|
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-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.1",
|
|
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-alpha.
|
|
151
|
-
"@elliemae/ds-date-picker": "3.0.0-alpha.
|
|
152
|
-
"@elliemae/ds-form": "3.0.0-alpha.
|
|
153
|
-
"@elliemae/ds-modal": "3.0.0-alpha.
|
|
154
|
-
"@elliemae/ds-time-picker": "3.0.0-alpha.
|
|
150
|
+
"@elliemae/ds-classnames": "3.0.0-alpha.1",
|
|
151
|
+
"@elliemae/ds-date-picker": "3.0.0-alpha.1",
|
|
152
|
+
"@elliemae/ds-form": "3.0.0-alpha.1",
|
|
153
|
+
"@elliemae/ds-modal": "3.0.0-alpha.1",
|
|
154
|
+
"@elliemae/ds-time-picker": "3.0.0-alpha.1",
|
|
155
155
|
"moment": "~2.29.1",
|
|
156
156
|
"react-dates": "~21.8.0",
|
|
157
157
|
"react-desc": "~4.1.3",
|
|
@@ -174,6 +174,7 @@
|
|
|
174
174
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
175
175
|
"test": "node ../../scripts/testing/test.mjs",
|
|
176
176
|
"lint": "node ../../scripts/lint.mjs",
|
|
177
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
177
178
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
178
179
|
}
|
|
179
180
|
}
|