@elliemae/ds-date-time-recurrence-picker 2.3.0-alpha.8 → 2.3.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (207) hide show
  1. package/cjs/DSDateTimeRecurrenceSelector.js +199 -0
  2. package/cjs/__test__/DSDateTimeRecurrenceSelector.test.js +30 -0
  3. package/cjs/components/AlertModal/DateTimeRangeModal.js +67 -0
  4. package/cjs/components/CustomOptionRender/CustomOptionRender.js +93 -0
  5. package/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +122 -0
  6. package/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +315 -0
  7. package/cjs/components/DateTimeRecurenceSelectorImpl.js +284 -0
  8. package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +74 -0
  9. package/cjs/components/DayOfYearPicker/DayOfYearPicker.js +68 -0
  10. package/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js +68 -0
  11. package/cjs/components/EndDate/EndDate.js +50 -0
  12. package/cjs/components/FieldWrapper/FieldWrapper.js +24 -0
  13. package/cjs/components/Forms/FormField.js +7 -0
  14. package/cjs/components/Forms/FormFieldGroup.js +7 -0
  15. package/cjs/components/Forms/FormGroup.js +11 -0
  16. package/cjs/components/Forms/FormLabel.js +7 -0
  17. package/cjs/components/LabelWrapper/LabelWrapper.js +24 -0
  18. package/cjs/components/RepeatPickerInput/RepeatPickerInput.js +69 -0
  19. package/cjs/components/StartDateTime/StartDateTime.js +42 -0
  20. package/cjs/components/TimeZonePicker/TimeZonePicker.js +44 -0
  21. package/cjs/components/ValidationMessage/ValidationMessage.js +24 -0
  22. package/cjs/components/helpers/nthday.js +13 -0
  23. package/cjs/index.js +29 -0
  24. package/cjs/options/dropdownDayOfMonthOptions.js +13 -0
  25. package/cjs/options/dropdownDayOfWeekOptions.js +28 -0
  26. package/cjs/options/dropdownDayOfYearOptions.js +13 -0
  27. package/cjs/options/dropdownPreselectedOptions.js +26 -0
  28. package/cjs/options/dropdownRepeatOptions.js +26 -0
  29. package/cjs/options/dropdownTimeZoneOptions.js +34 -0
  30. package/cjs/options/endTypesOptions.js +39 -0
  31. package/esm/DSDateTimeRecurrenceSelector.js +185 -0
  32. package/esm/__test__/DSDateTimeRecurrenceSelector.test.js +24 -0
  33. package/esm/components/AlertModal/DateTimeRangeModal.js +60 -0
  34. package/esm/components/CustomOptionRender/CustomOptionRender.js +87 -0
  35. package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +114 -0
  36. package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +306 -0
  37. package/esm/components/DateTimeRecurenceSelectorImpl.js +277 -0
  38. package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +68 -0
  39. package/esm/components/DayOfYearPicker/DayOfYearPicker.js +62 -0
  40. package/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js +62 -0
  41. package/esm/components/EndDate/EndDate.js +43 -0
  42. package/esm/components/FieldWrapper/FieldWrapper.js +18 -0
  43. package/esm/components/Forms/FormField.js +5 -0
  44. package/esm/components/Forms/FormFieldGroup.js +5 -0
  45. package/esm/components/Forms/FormGroup.js +9 -0
  46. package/esm/components/Forms/FormLabel.js +5 -0
  47. package/esm/components/LabelWrapper/LabelWrapper.js +18 -0
  48. package/esm/components/RepeatPickerInput/RepeatPickerInput.js +61 -0
  49. package/esm/components/StartDateTime/StartDateTime.js +34 -0
  50. package/esm/components/TimeZonePicker/TimeZonePicker.js +38 -0
  51. package/esm/components/ValidationMessage/ValidationMessage.js +18 -0
  52. package/esm/components/helpers/nthday.js +6 -0
  53. package/esm/index.js +8 -0
  54. package/esm/options/dropdownDayOfMonthOptions.js +9 -0
  55. package/esm/options/dropdownDayOfWeekOptions.js +24 -0
  56. package/esm/options/dropdownDayOfYearOptions.js +9 -0
  57. package/esm/options/dropdownPreselectedOptions.js +21 -0
  58. package/esm/options/dropdownRepeatOptions.js +21 -0
  59. package/esm/options/dropdownTimeZoneOptions.js +29 -0
  60. package/esm/options/endTypesOptions.js +33 -0
  61. package/package.json +78 -80
  62. package/types/DSDateTimeRecurrenceSelector.d.ts +293 -0
  63. package/types/__test__/DSDateTimeRecurrenceSelector.test.d.ts +1 -0
  64. package/types/components/AlertModal/DateTimeRangeModal.d.ts +27 -0
  65. package/types/components/CustomOptionRender/CustomOptionRender.d.ts +53 -0
  66. package/types/components/DateTimeRangeModal/DateTimeRangeModal.d.ts +9 -0
  67. package/types/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.d.ts +18 -0
  68. package/types/components/DateTimeRecurenceSelectorImpl.d.ts +20 -0
  69. package/types/components/DayOfMonthPicker/DayOfMonthPicker.d.ts +15 -0
  70. package/types/components/DayOfYearPicker/DayOfYearPicker.d.ts +15 -0
  71. package/types/components/DaysOfWeekPicker/DaysOfWeekPicker.d.ts +12 -0
  72. package/types/components/EndDate/EndDate.d.ts +13 -0
  73. package/types/components/FieldWrapper/FieldWrapper.d.ts +5 -0
  74. package/types/components/Forms/FormField.d.ts +3 -0
  75. package/types/components/Forms/FormFieldGroup.d.ts +3 -0
  76. package/types/components/Forms/FormGroup.d.ts +6 -0
  77. package/types/components/Forms/FormLabel.d.ts +3 -0
  78. package/types/components/LabelWrapper/LabelWrapper.d.ts +5 -0
  79. package/types/components/RepeatPickerInput/RepeatPickerInput.d.ts +11 -0
  80. package/types/components/StartDateTime/StartDateTime.d.ts +9 -0
  81. package/types/components/TimeZonePicker/TimeZonePicker.d.ts +11 -0
  82. package/types/components/ValidationMessage/ValidationMessage.d.ts +5 -0
  83. package/types/components/helpers/nthday.d.ts +4 -0
  84. package/types/index.d.ts +2 -0
  85. package/types/options/dropdownDayOfMonthOptions.d.ts +4 -0
  86. package/types/options/dropdownDayOfWeekOptions.d.ts +4 -0
  87. package/types/options/dropdownDayOfYearOptions.d.ts +4 -0
  88. package/types/options/dropdownPreselectedOptions.d.ts +10 -0
  89. package/types/options/dropdownRepeatOptions.d.ts +10 -0
  90. package/types/options/dropdownTimeZoneOptions.d.ts +12 -0
  91. package/types/options/endTypesOptions.d.ts +13 -0
  92. package/dist/cjs/DSDateTimeRecurrenceSelector.js +0 -230
  93. package/dist/cjs/DSDateTimeRecurrenceSelector.js.map +0 -7
  94. package/dist/cjs/components/AlertModal/DateTimeRangeModal.js +0 -88
  95. package/dist/cjs/components/AlertModal/DateTimeRangeModal.js.map +0 -7
  96. package/dist/cjs/components/CustomOptionRender/CustomOptionRender.js +0 -86
  97. package/dist/cjs/components/CustomOptionRender/CustomOptionRender.js.map +0 -7
  98. package/dist/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +0 -134
  99. package/dist/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js.map +0 -7
  100. package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +0 -271
  101. package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +0 -7
  102. package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js +0 -254
  103. package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js.map +0 -7
  104. package/dist/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +0 -87
  105. package/dist/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js.map +0 -7
  106. package/dist/cjs/components/DayOfYearPicker/DayOfYearPicker.js +0 -83
  107. package/dist/cjs/components/DayOfYearPicker/DayOfYearPicker.js.map +0 -7
  108. package/dist/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js +0 -78
  109. package/dist/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js.map +0 -7
  110. package/dist/cjs/components/EndDate/EndDate.js +0 -69
  111. package/dist/cjs/components/EndDate/EndDate.js.map +0 -7
  112. package/dist/cjs/components/FieldWrapper/FieldWrapper.js +0 -43
  113. package/dist/cjs/components/FieldWrapper/FieldWrapper.js.map +0 -7
  114. package/dist/cjs/components/Forms/FormField.js +0 -36
  115. package/dist/cjs/components/Forms/FormField.js.map +0 -7
  116. package/dist/cjs/components/Forms/FormFieldGroup.js +0 -36
  117. package/dist/cjs/components/Forms/FormFieldGroup.js.map +0 -7
  118. package/dist/cjs/components/Forms/FormGroup.js +0 -36
  119. package/dist/cjs/components/Forms/FormGroup.js.map +0 -7
  120. package/dist/cjs/components/Forms/FormLabel.js +0 -36
  121. package/dist/cjs/components/Forms/FormLabel.js.map +0 -7
  122. package/dist/cjs/components/LabelWrapper/LabelWrapper.js +0 -43
  123. package/dist/cjs/components/LabelWrapper/LabelWrapper.js.map +0 -7
  124. package/dist/cjs/components/RepeatPickerInput/RepeatPickerInput.js +0 -74
  125. package/dist/cjs/components/RepeatPickerInput/RepeatPickerInput.js.map +0 -7
  126. package/dist/cjs/components/StartDateTime/StartDateTime.js +0 -60
  127. package/dist/cjs/components/StartDateTime/StartDateTime.js.map +0 -7
  128. package/dist/cjs/components/TimeZonePicker/TimeZonePicker.js +0 -62
  129. package/dist/cjs/components/TimeZonePicker/TimeZonePicker.js.map +0 -7
  130. package/dist/cjs/components/ValidationMessage/ValidationMessage.js +0 -41
  131. package/dist/cjs/components/ValidationMessage/ValidationMessage.js.map +0 -7
  132. package/dist/cjs/components/helpers/nthday.js +0 -62
  133. package/dist/cjs/components/helpers/nthday.js.map +0 -7
  134. package/dist/cjs/index.js +0 -36
  135. package/dist/cjs/index.js.map +0 -7
  136. package/dist/cjs/options/dropdownDayOfMonthOptions.js +0 -44
  137. package/dist/cjs/options/dropdownDayOfMonthOptions.js.map +0 -7
  138. package/dist/cjs/options/dropdownDayOfWeekOptions.js +0 -64
  139. package/dist/cjs/options/dropdownDayOfWeekOptions.js.map +0 -7
  140. package/dist/cjs/options/dropdownDayOfYearOptions.js +0 -44
  141. package/dist/cjs/options/dropdownDayOfYearOptions.js.map +0 -7
  142. package/dist/cjs/options/dropdownPreselectedOptions.js +0 -59
  143. package/dist/cjs/options/dropdownPreselectedOptions.js.map +0 -7
  144. package/dist/cjs/options/dropdownRepeatOptions.js +0 -59
  145. package/dist/cjs/options/dropdownRepeatOptions.js.map +0 -7
  146. package/dist/cjs/options/dropdownTimeZoneOptions.js +0 -69
  147. package/dist/cjs/options/dropdownTimeZoneOptions.js.map +0 -7
  148. package/dist/cjs/options/endTypesOptions.js +0 -77
  149. package/dist/cjs/options/endTypesOptions.js.map +0 -7
  150. package/dist/esm/DSDateTimeRecurrenceSelector.js +0 -210
  151. package/dist/esm/DSDateTimeRecurrenceSelector.js.map +0 -7
  152. package/dist/esm/components/AlertModal/DateTimeRangeModal.js +0 -59
  153. package/dist/esm/components/AlertModal/DateTimeRangeModal.js.map +0 -7
  154. package/dist/esm/components/CustomOptionRender/CustomOptionRender.js +0 -57
  155. package/dist/esm/components/CustomOptionRender/CustomOptionRender.js.map +0 -7
  156. package/dist/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +0 -105
  157. package/dist/esm/components/DateTimeRangeModal/DateTimeRangeModal.js.map +0 -7
  158. package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +0 -242
  159. package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +0 -7
  160. package/dist/esm/components/DateTimeRecurenceSelectorImpl.js +0 -225
  161. package/dist/esm/components/DateTimeRecurenceSelectorImpl.js.map +0 -7
  162. package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +0 -58
  163. package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js.map +0 -7
  164. package/dist/esm/components/DayOfYearPicker/DayOfYearPicker.js +0 -54
  165. package/dist/esm/components/DayOfYearPicker/DayOfYearPicker.js.map +0 -7
  166. package/dist/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js +0 -49
  167. package/dist/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js.map +0 -7
  168. package/dist/esm/components/EndDate/EndDate.js +0 -40
  169. package/dist/esm/components/EndDate/EndDate.js.map +0 -7
  170. package/dist/esm/components/FieldWrapper/FieldWrapper.js +0 -14
  171. package/dist/esm/components/FieldWrapper/FieldWrapper.js.map +0 -7
  172. package/dist/esm/components/Forms/FormField.js +0 -7
  173. package/dist/esm/components/Forms/FormField.js.map +0 -7
  174. package/dist/esm/components/Forms/FormFieldGroup.js +0 -7
  175. package/dist/esm/components/Forms/FormFieldGroup.js.map +0 -7
  176. package/dist/esm/components/Forms/FormGroup.js +0 -7
  177. package/dist/esm/components/Forms/FormGroup.js.map +0 -7
  178. package/dist/esm/components/Forms/FormLabel.js +0 -7
  179. package/dist/esm/components/Forms/FormLabel.js.map +0 -7
  180. package/dist/esm/components/LabelWrapper/LabelWrapper.js +0 -14
  181. package/dist/esm/components/LabelWrapper/LabelWrapper.js.map +0 -7
  182. package/dist/esm/components/RepeatPickerInput/RepeatPickerInput.js +0 -45
  183. package/dist/esm/components/RepeatPickerInput/RepeatPickerInput.js.map +0 -7
  184. package/dist/esm/components/StartDateTime/StartDateTime.js +0 -31
  185. package/dist/esm/components/StartDateTime/StartDateTime.js.map +0 -7
  186. package/dist/esm/components/TimeZonePicker/TimeZonePicker.js +0 -33
  187. package/dist/esm/components/TimeZonePicker/TimeZonePicker.js.map +0 -7
  188. package/dist/esm/components/ValidationMessage/ValidationMessage.js +0 -12
  189. package/dist/esm/components/ValidationMessage/ValidationMessage.js.map +0 -7
  190. package/dist/esm/components/helpers/nthday.js +0 -33
  191. package/dist/esm/components/helpers/nthday.js.map +0 -7
  192. package/dist/esm/index.js +0 -7
  193. package/dist/esm/index.js.map +0 -7
  194. package/dist/esm/options/dropdownDayOfMonthOptions.js +0 -15
  195. package/dist/esm/options/dropdownDayOfMonthOptions.js.map +0 -7
  196. package/dist/esm/options/dropdownDayOfWeekOptions.js +0 -35
  197. package/dist/esm/options/dropdownDayOfWeekOptions.js.map +0 -7
  198. package/dist/esm/options/dropdownDayOfYearOptions.js +0 -15
  199. package/dist/esm/options/dropdownDayOfYearOptions.js.map +0 -7
  200. package/dist/esm/options/dropdownPreselectedOptions.js +0 -30
  201. package/dist/esm/options/dropdownPreselectedOptions.js.map +0 -7
  202. package/dist/esm/options/dropdownRepeatOptions.js +0 -30
  203. package/dist/esm/options/dropdownRepeatOptions.js.map +0 -7
  204. package/dist/esm/options/dropdownTimeZoneOptions.js +0 -40
  205. package/dist/esm/options/dropdownTimeZoneOptions.js.map +0 -7
  206. package/dist/esm/options/endTypesOptions.js +0 -48
  207. package/dist/esm/options/endTypesOptions.js.map +0 -7
@@ -1,242 +0,0 @@
1
- import * as React from "react";
2
- import React2, { Component } from "react";
3
- import moment from "moment";
4
- import { convertPropToCssClassName } from "@elliemae/ds-classnames";
5
- import DSModal from "@elliemae/ds-modal";
6
- import { DropdownRepeatOptionsTypes } from "../../options/dropdownRepeatOptions";
7
- import { dropdownTimeZoneOptions } from "../../options/dropdownTimeZoneOptions";
8
- import RepeatPickerInput from "../RepeatPickerInput/RepeatPickerInput";
9
- import DaysOfWeekPicker from "../DaysOfWeekPicker/DaysOfWeekPicker";
10
- import StartDateTime from "../StartDateTime/StartDateTime";
11
- import EndDate from "../EndDate/EndDate";
12
- import DayOfMonthPicker from "../DayOfMonthPicker/DayOfMonthPicker";
13
- import DayOfYearPicker from "../DayOfYearPicker/DayOfYearPicker";
14
- import TimeZonePicker from "../TimeZonePicker/TimeZonePicker";
15
- import ValidationMessage from "../ValidationMessage/ValidationMessage";
16
- const { cssClassName } = convertPropToCssClassName("date-time-predefined-range-selector");
17
- class DateTimePredefinedRangeSelectorImpl extends Component {
18
- constructor(props) {
19
- super(props);
20
- this.onChange = () => {
21
- const { onCustomDateTimeRange } = this.props;
22
- onCustomDateTimeRange(this.state);
23
- };
24
- this.onQtyRepeatPickerInput = (value) => {
25
- this.setState({ qtyRepeatPickerInput: value.replace(/[^0-9]/g, "") }, () => {
26
- this.onChange();
27
- });
28
- };
29
- const {
30
- dropdownDayOfMonthOptions,
31
- dropdownDayOfWeekOptions,
32
- dropdownDayOfYearOptions,
33
- dropdownRepeatOptions,
34
- dayOfMonthOptionsEnable,
35
- dayOfWeekOptionsEnable,
36
- dayOfYearOptionsEnable,
37
- useTimezoneSelector,
38
- rangeValue: {
39
- startDateInput,
40
- startTimeInput,
41
- qtyRepeatPickerInput,
42
- typeRepeatPickerInput,
43
- dayWeekRepeatPickerInput,
44
- endDateInput,
45
- endTypeInput,
46
- endTimesInput,
47
- dayOfMonthRepeatPickerInput,
48
- dayOfYearRepeatPickerInput,
49
- timezonePickerInput
50
- }
51
- } = props;
52
- this.state = {
53
- alertReplace: "",
54
- alertModal: false,
55
- startDateInput: startDateInput || moment(),
56
- startTimeInput: startTimeInput || moment(),
57
- qtyRepeatPickerInput: qtyRepeatPickerInput || 1,
58
- typeRepeatPickerInput: typeRepeatPickerInput || dropdownRepeatOptions[0].value,
59
- dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable ? null : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,
60
- endDateInput: endDateInput || moment(),
61
- endTypeInput: endTypeInput || props.endTypesOptions[0].value,
62
- endTimesInput: endTimesInput || props.endTimesOptions[0].value,
63
- dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable ? null : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,
64
- dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable ? null : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,
65
- timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || dropdownTimeZoneOptions[0].value
66
- };
67
- this.onChange();
68
- }
69
- onTypeRepeatPickerInput(value) {
70
- const update = { typeRepeatPickerInput: value };
71
- if (value !== DropdownRepeatOptionsTypes.MONTH) {
72
- update.dayOfMonthRepeatPickerInput = void 0;
73
- update.dayOfMonthRepeatPickerKey = void 0;
74
- }
75
- if (value !== DropdownRepeatOptionsTypes.YEAR) {
76
- update.dayOfYearRepeatPickerInput = void 0;
77
- update.dayOfYearRepeatPickerKey = void 0;
78
- }
79
- this.setState({
80
- ...update
81
- }, () => {
82
- this.onChange();
83
- });
84
- }
85
- onDayOfWeekRepeatPickerInput(value) {
86
- this.setState({ dayWeekRepeatPickerInput: value }, () => {
87
- this.onChange();
88
- });
89
- }
90
- onEndTypeChangeInput(value) {
91
- this.setState({ endTypeInput: value }, () => {
92
- this.onChange();
93
- });
94
- }
95
- onEndTimesChangeInput(value) {
96
- this.setState({ endTimesInput: value }, () => {
97
- this.onChange();
98
- });
99
- }
100
- onEndDateChangeInput(value) {
101
- this.setState({ endDateInput: value }, () => {
102
- this.onChange();
103
- });
104
- }
105
- onStartDateChangeInput(value) {
106
- this.setState({ startDateInput: value }, () => {
107
- this.onChange();
108
- });
109
- }
110
- onStartTimeChangeInput(value) {
111
- this.setState({ startTimeInput: value }, () => {
112
- this.onChange();
113
- });
114
- }
115
- onDayOfMonthRepeatChangeInput(value, option) {
116
- this.setState({
117
- dayOfMonthRepeatPickerInput: value,
118
- dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,
119
- alertModal: option.number > 28 || (option.numberLabel || "").includes("Fifth"),
120
- alertReplace: option.number || `${option.numberLabel} `
121
- }, () => {
122
- this.onChange();
123
- });
124
- }
125
- onDayOfYearRepeatChangeInput(value, option) {
126
- this.setState({
127
- dayOfYearRepeatPickerInput: value,
128
- dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey
129
- }, () => {
130
- this.onChange();
131
- });
132
- }
133
- onTimeZonePickerInput(value) {
134
- this.setState({ timezonePickerInput: value }, () => {
135
- this.onChange();
136
- });
137
- }
138
- render() {
139
- const {
140
- alertModal,
141
- alertReplace,
142
- qtyRepeatPickerInput,
143
- typeRepeatPickerInput,
144
- dayWeekRepeatPickerInput,
145
- endDateInput,
146
- endTypeInput,
147
- endTimesInput,
148
- startDateInput,
149
- startTimeInput,
150
- dayOfMonthRepeatPickerInput,
151
- dayOfYearRepeatPickerInput,
152
- timezonePickerInput
153
- } = this.state;
154
- const {
155
- displayCurrentMonthYear,
156
- dropdownDayOfMonthOptions,
157
- dropdownDayOfWeekOptions,
158
- dropdownDayOfYearOptions,
159
- dropdownRepeatOptions,
160
- dayOfMonthOptionsEnable,
161
- dayOfWeekOptionsEnable,
162
- dayOfYearOptionsEnable,
163
- timeZoneOptions,
164
- useTimezoneSelector,
165
- allowMultipleDaysOfWeek,
166
- endTimesOptions,
167
- endTypesOptions,
168
- dayOfMonthAsCurrentDateOptions,
169
- dayOfYearAsCurrentDateOptions,
170
- validationMessage,
171
- endDayBlocked,
172
- startDayBlocked,
173
- repeatFrecuencyCustomProps,
174
- displayMonthCustomOption,
175
- displayYearCustomOption
176
- } = this.props;
177
- return /* @__PURE__ */ React2.createElement("div", {
178
- className: `${cssClassName}`
179
- }, /* @__PURE__ */ React2.createElement(StartDateTime, {
180
- onStartDateChange: this.onStartDateChangeInput,
181
- onStartTimeChange: this.onStartTimeChangeInput,
182
- startDateValue: startDateInput,
183
- startDayBlocked,
184
- startTimeValue: startTimeInput
185
- }), useTimezoneSelector && /* @__PURE__ */ React2.createElement(TimeZonePicker, {
186
- onTimezoneChange: this.onTimeZonePickerInput,
187
- timezoneOptions: timeZoneOptions,
188
- timezoneValue: timezonePickerInput
189
- }), /* @__PURE__ */ React2.createElement(RepeatPickerInput, {
190
- onQtyChange: this.onQtyRepeatPickerInput,
191
- onTypeChange: this.onTypeRepeatPickerInput,
192
- qtyValue: qtyRepeatPickerInput,
193
- repeatFrecuencyCustomProps,
194
- repeatOptions: dropdownRepeatOptions,
195
- repeatOptionsValue: typeRepeatPickerInput
196
- }), dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && /* @__PURE__ */ React2.createElement(DaysOfWeekPicker, {
197
- active: dayWeekRepeatPickerInput,
198
- allowMultipleDaysOfWeek,
199
- onDayChange: this.onDayOfWeekRepeatPickerInput,
200
- options: dropdownDayOfWeekOptions
201
- }), dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && /* @__PURE__ */ React2.createElement(DayOfMonthPicker, {
202
- currentDate: startDateInput,
203
- dayOfMonthAsCurrentDateOptions,
204
- dayOfMonthOptions: dropdownDayOfMonthOptions,
205
- dayOfMonthValue: dayOfMonthRepeatPickerInput,
206
- displayMonthCustomOption,
207
- displayOptionsAsCurrentDate: displayCurrentMonthYear,
208
- onDayChange: this.onDayOfMonthRepeatChangeInput
209
- }), dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && /* @__PURE__ */ React2.createElement(DayOfYearPicker, {
210
- currentDate: startDateInput,
211
- dayOfMonthOptions: dropdownDayOfYearOptions,
212
- dayOfMonthValue: dayOfYearRepeatPickerInput,
213
- dayOfYearAsCurrentDateOptions,
214
- displayOptionsAsCurrentDate: displayCurrentMonthYear,
215
- displayYearCustomOption,
216
- onDayChange: this.onDayOfYearRepeatChangeInput
217
- }), /* @__PURE__ */ React2.createElement("hr", null), /* @__PURE__ */ React2.createElement(EndDate, {
218
- endDateValue: endDateInput,
219
- endDayBlocked,
220
- endTimesOptions,
221
- endTimesValue: endTimesInput,
222
- endTypesOptions,
223
- endTypeValue: endTypeInput,
224
- onEndDateChange: this.onEndDateChangeInput,
225
- onEndTimesChange: this.onEndTimesChangeInput,
226
- onEndTypeChange: this.onEndTypeChangeInput
227
- }), /* @__PURE__ */ React2.createElement(DSModal, {
228
- className: "datetime-alert-modal",
229
- isOpen: alertModal,
230
- modalTitle: `Some months have fewer than ${alertReplace} days`,
231
- onClose: () => this.setState({ alertModal: false }),
232
- onConfirm: () => this.setState({ alertModal: false })
233
- }, /* @__PURE__ */ React2.createElement("p", null, "For these months, the occurrence will fall on the last day of the month.")), validationMessage && /* @__PURE__ */ React2.createElement(ValidationMessage, {
234
- validationMessage
235
- }));
236
- }
237
- }
238
- var DateTimeRangeModalImpl_default = DateTimePredefinedRangeSelectorImpl;
239
- export {
240
- DateTimeRangeModalImpl_default as default
241
- };
242
- //# sourceMappingURL=DateTimeRangeModalImpl.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSModal from '@elliemae/ds-modal';\nimport { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions';\n// import { endTypes } from '../../options/endTypesOptions'\nimport { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions';\nimport RepeatPickerInput from '../RepeatPickerInput/RepeatPickerInput';\nimport DaysOfWeekPicker from '../DaysOfWeekPicker/DaysOfWeekPicker';\nimport StartDateTime from '../StartDateTime/StartDateTime';\nimport EndDate from '../EndDate/EndDate';\nimport DayOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker';\nimport DayOfYearPicker from '../DayOfYearPicker/DayOfYearPicker';\nimport TimeZonePicker from '../TimeZonePicker/TimeZonePicker';\nimport ValidationMessage from '../ValidationMessage/ValidationMessage';\n\nconst { cssClassName } = convertPropToCssClassName(\n 'date-time-predefined-range-selector',\n);\n\nclass DateTimePredefinedRangeSelectorImpl extends Component {\n constructor(props) {\n super(props);\n const {\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n useTimezoneSelector,\n rangeValue: {\n startDateInput,\n startTimeInput,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n },\n } = props;\n this.state = {\n alertReplace: '',\n alertModal: false,\n startDateInput: startDateInput || moment(),\n startTimeInput: startTimeInput || moment(),\n qtyRepeatPickerInput: qtyRepeatPickerInput || 1,\n typeRepeatPickerInput:\n typeRepeatPickerInput || dropdownRepeatOptions[0].value,\n dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable\n ? null\n : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,\n endDateInput: endDateInput || moment(),\n endTypeInput: endTypeInput || props.endTypesOptions[0].value,\n endTimesInput: endTimesInput || props.endTimesOptions[0].value,\n dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable\n ? null\n : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,\n dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable\n ? null\n : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,\n timezonePickerInput: !useTimezoneSelector\n ? null\n : timezonePickerInput || dropdownTimeZoneOptions[0].value,\n };\n this.onChange();\n }\n\n onChange = () => {\n const { onCustomDateTimeRange } = this.props;\n onCustomDateTimeRange(this.state);\n };\n\n onQtyRepeatPickerInput = value => {\n this.setState(\n { qtyRepeatPickerInput: value.replace(/[^0-9]/g, '') },\n () => {\n this.onChange();\n },\n );\n };\n\n onTypeRepeatPickerInput(value) {\n const update = { typeRepeatPickerInput: value };\n if (value !== DropdownRepeatOptionsTypes.MONTH) {\n update.dayOfMonthRepeatPickerInput = undefined;\n update.dayOfMonthRepeatPickerKey = undefined;\n }\n if (value !== DropdownRepeatOptionsTypes.YEAR) {\n update.dayOfYearRepeatPickerInput = undefined;\n update.dayOfYearRepeatPickerKey = undefined;\n }\n this.setState(\n {\n ...update,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfWeekRepeatPickerInput(value) {\n this.setState({ dayWeekRepeatPickerInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTypeChangeInput(value) {\n this.setState({ endTypeInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndTimesChangeInput(value) {\n this.setState({ endTimesInput: value }, () => {\n this.onChange();\n });\n }\n\n onEndDateChangeInput(value) {\n this.setState({ endDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartDateChangeInput(value) {\n this.setState({ startDateInput: value }, () => {\n this.onChange();\n });\n }\n\n onStartTimeChangeInput(value) {\n this.setState({ startTimeInput: value }, () => {\n this.onChange();\n });\n }\n\n onDayOfMonthRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfMonthRepeatPickerInput: value,\n dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,\n alertModal:\n option.number > 28 || (option.numberLabel || '').includes('Fifth'),\n alertReplace: option.number || `${option.numberLabel} `,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onDayOfYearRepeatChangeInput(value, option) {\n this.setState(\n {\n dayOfYearRepeatPickerInput: value,\n dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey,\n },\n () => {\n this.onChange();\n },\n );\n }\n\n onTimeZonePickerInput(value) {\n this.setState({ timezonePickerInput: value }, () => {\n this.onChange();\n });\n }\n\n render() {\n const {\n alertModal,\n alertReplace,\n qtyRepeatPickerInput,\n typeRepeatPickerInput,\n dayWeekRepeatPickerInput,\n endDateInput,\n endTypeInput,\n endTimesInput,\n startDateInput,\n startTimeInput,\n dayOfMonthRepeatPickerInput,\n dayOfYearRepeatPickerInput,\n timezonePickerInput,\n } = this.state;\n const {\n displayCurrentMonthYear,\n dropdownDayOfMonthOptions,\n dropdownDayOfWeekOptions,\n dropdownDayOfYearOptions,\n dropdownRepeatOptions,\n dayOfMonthOptionsEnable,\n dayOfWeekOptionsEnable,\n dayOfYearOptionsEnable,\n timeZoneOptions,\n useTimezoneSelector,\n allowMultipleDaysOfWeek,\n endTimesOptions,\n endTypesOptions,\n dayOfMonthAsCurrentDateOptions,\n dayOfYearAsCurrentDateOptions,\n validationMessage,\n endDayBlocked,\n startDayBlocked,\n repeatFrecuencyCustomProps,\n displayMonthCustomOption,\n displayYearCustomOption,\n } = this.props;\n\n return (\n <div className={`${cssClassName}`}>\n <StartDateTime\n onStartDateChange={this.onStartDateChangeInput}\n onStartTimeChange={this.onStartTimeChangeInput}\n startDateValue={startDateInput}\n startDayBlocked={startDayBlocked}\n startTimeValue={startTimeInput}\n />\n {useTimezoneSelector && (\n <TimeZonePicker\n onTimezoneChange={this.onTimeZonePickerInput}\n timezoneOptions={timeZoneOptions}\n timezoneValue={timezonePickerInput}\n />\n )}\n <RepeatPickerInput\n onQtyChange={this.onQtyRepeatPickerInput}\n onTypeChange={this.onTypeRepeatPickerInput}\n qtyValue={qtyRepeatPickerInput}\n repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n repeatOptions={dropdownRepeatOptions}\n repeatOptionsValue={typeRepeatPickerInput}\n />\n {dayOfWeekOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && (\n <DaysOfWeekPicker\n active={dayWeekRepeatPickerInput}\n allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n onDayChange={this.onDayOfWeekRepeatPickerInput}\n options={dropdownDayOfWeekOptions}\n />\n )}\n {dayOfMonthOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && (\n <DayOfMonthPicker\n currentDate={startDateInput}\n dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n dayOfMonthOptions={dropdownDayOfMonthOptions}\n dayOfMonthValue={dayOfMonthRepeatPickerInput}\n displayMonthCustomOption={displayMonthCustomOption}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n onDayChange={this.onDayOfMonthRepeatChangeInput}\n />\n )}\n {dayOfYearOptionsEnable &&\n typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && (\n <DayOfYearPicker\n currentDate={startDateInput}\n dayOfMonthOptions={dropdownDayOfYearOptions}\n dayOfMonthValue={dayOfYearRepeatPickerInput}\n dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n displayOptionsAsCurrentDate={displayCurrentMonthYear}\n displayYearCustomOption={displayYearCustomOption}\n onDayChange={this.onDayOfYearRepeatChangeInput}\n />\n )}\n <hr />\n <EndDate\n endDateValue={endDateInput}\n endDayBlocked={endDayBlocked}\n endTimesOptions={endTimesOptions}\n endTimesValue={endTimesInput}\n endTypesOptions={endTypesOptions}\n endTypeValue={endTypeInput}\n onEndDateChange={this.onEndDateChangeInput}\n onEndTimesChange={this.onEndTimesChangeInput}\n onEndTypeChange={this.onEndTypeChangeInput}\n />\n <DSModal\n className=\"datetime-alert-modal\"\n isOpen={alertModal}\n modalTitle={`Some months have fewer than ${alertReplace} days`}\n // modalType={modalType}\n onClose={() => this.setState({ alertModal: false })}\n onConfirm={() => this.setState({ alertModal: false })}\n >\n <p>\n For these months, the occurrence will fall on the last day of the\n month.\n </p>\n </DSModal>\n {validationMessage && (\n <ValidationMessage validationMessage={validationMessage} />\n )}\n </div>\n );\n }\n}\n\nexport default DateTimePredefinedRangeSelectorImpl;\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,225 +0,0 @@
1
- import * as React from "react";
2
- import React2, { Component } from "react";
3
- import { isEqual } from "lodash";
4
- import "react-dates/initialize";
5
- import { components } from "react-select";
6
- import { convertPropToCssClassName } from "@elliemae/ds-classnames";
7
- import { DSComboBox } from "@elliemae/ds-form";
8
- import DateTimeRangeModal from "./DateTimeRangeModal/DateTimeRangeModal";
9
- const { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName("date-time-predefined-range-selector");
10
- class DateTimeRecurenceSelectorImpl extends Component {
11
- constructor(props) {
12
- super(props);
13
- this.onChange = () => {
14
- const { onChange } = this.props;
15
- const { customRange, selected } = this.state;
16
- onChange(selected, customRange);
17
- };
18
- this.onCustomDateTimeRange = (customRange) => {
19
- this.setState({ customRange });
20
- };
21
- this.onChangeDropdown = (value) => {
22
- const { dropdownPreselectedOptions } = this.props;
23
- const selected = dropdownPreselectedOptions.find((op) => op.value === value);
24
- const { onChange } = this.props;
25
- if (!selected) {
26
- this.setState((previousState) => ({
27
- selected: value,
28
- previousSelection: previousState.selected
29
- }));
30
- this.handleOpenModal();
31
- } else if (selected) {
32
- onChange(value);
33
- this.setState({ selected: value, openModal: false });
34
- }
35
- };
36
- this.handleConfirm = () => {
37
- const {
38
- onConfirmField,
39
- customOptionRender: CustomOptionRender,
40
- dayOfMonthOptionsEnable,
41
- dayOfWeekOptionsEnable,
42
- dayOfYearOptionsEnable,
43
- useTimezoneSelector,
44
- allowMultipleDaysOfWeek
45
- } = this.props;
46
- const { customRange } = this.state;
47
- this.props.advanceOption.label = /* @__PURE__ */ React2.createElement(CustomOptionRender, {
48
- allowMultipleDaysOfWeek,
49
- customRange,
50
- dayOfMonthOptionsEnable,
51
- dayOfWeekOptionsEnable,
52
- dayOfYearOptionsEnable,
53
- useTimezoneSelector
54
- });
55
- this.onChange();
56
- this.handleCloseModal();
57
- onConfirmField();
58
- };
59
- this.handleReject = () => {
60
- const { onRejectField } = this.props;
61
- this.handleActionClose();
62
- onRejectField();
63
- };
64
- this.handleActionClose = () => {
65
- this.setState((previousState) => ({
66
- selected: previousState.previousSelection
67
- }));
68
- this.handleCloseModal();
69
- };
70
- this.handleOpenModal = () => this.setState({ openModal: true });
71
- this.handleCloseModal = () => {
72
- this.setState({ openModal: false });
73
- setTimeout(() => document.activeElement.blur(), 0);
74
- };
75
- this.initCustomRange = props.customRange;
76
- this.state = {
77
- previousCustomRange: {
78
- ...props.customRange
79
- },
80
- openModal: props.openModal || false,
81
- selected: props.value,
82
- customRange: {
83
- ...props.customRange
84
- }
85
- };
86
- if (props.value === props.advanceOption.value) {
87
- props.advanceOption.label = /* @__PURE__ */ React2.createElement(props.customOptionRender, {
88
- allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
89
- customRange: props.customRange,
90
- dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
91
- dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
92
- dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
93
- useTimezoneSelector: props.useTimezoneSelector
94
- });
95
- }
96
- }
97
- static getDerivedStateFromProps(props, state) {
98
- if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {
99
- if (props.value === props.advanceOption.value) {
100
- props.advanceOption.label = /* @__PURE__ */ React2.createElement(props.customOptionRender, {
101
- allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
102
- customRange: props.customRange,
103
- dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
104
- dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
105
- dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
106
- useTimezoneSelector: props.useTimezoneSelector
107
- });
108
- }
109
- return {
110
- previousCustomRange: {
111
- ...props.customRange
112
- },
113
- customRange: {
114
- ...props.customRange
115
- },
116
- selected: props.value
117
- };
118
- }
119
- return null;
120
- }
121
- render() {
122
- const {
123
- placeholder,
124
- dropdownPreselectedOptions,
125
- appElement,
126
- confirmLabel,
127
- modalSize,
128
- modalTitle,
129
- modalType,
130
- rejectLabel,
131
- dropdownDayOfMonthOptions,
132
- dropdownDayOfWeekOptions,
133
- dropdownDayOfYearOptions,
134
- dropdownRepeatOptions,
135
- displayCurrentMonthYear,
136
- className,
137
- dayOfMonthOptionsEnable,
138
- dayOfWeekOptionsEnable,
139
- dayOfYearOptionsEnable,
140
- timeZoneOptions,
141
- useTimezoneSelector,
142
- allowMultipleDaysOfWeek,
143
- endTimesOptions,
144
- endTypesOptions,
145
- advanceOption,
146
- dayOfMonthAsCurrentDateOptions,
147
- dayOfYearAsCurrentDateOptions,
148
- isValidRecurrence,
149
- validationMessage,
150
- endDayBlocked,
151
- startDayBlocked,
152
- repeatFrecuencyCustomProps,
153
- displayMonthCustomOption,
154
- displayYearCustomOption,
155
- containerProps
156
- } = this.props;
157
- const { selected, openModal, customRange } = this.state;
158
- const options = [...dropdownPreselectedOptions, advanceOption];
159
- return /* @__PURE__ */ React2.createElement("div", {
160
- ...containerProps,
161
- className: `${cssClassName} ${className}`
162
- }, /* @__PURE__ */ React2.createElement("div", {
163
- className: `${classNameBlock("container-selector")}`
164
- }, /* @__PURE__ */ React2.createElement(DSComboBox, {
165
- className: `${classNameElement("dropdown-field-selector")}`,
166
- components: {
167
- Option: (props) => /* @__PURE__ */ React2.createElement(components.Option, {
168
- ...props,
169
- allowMultipleDaysOfWeek,
170
- dayOfMonthOptionsEnable,
171
- dayOfWeekOptionsEnable,
172
- dayOfYearOptionsEnable,
173
- useTimezoneSelector
174
- }),
175
- IndicatorSeparator: () => null
176
- },
177
- onChange: this.onChangeDropdown,
178
- onKeyDown: this.onKeyDown,
179
- options,
180
- placeholder,
181
- value: selected
182
- })), /* @__PURE__ */ React2.createElement(DateTimeRangeModal, {
183
- allowMultipleDaysOfWeek,
184
- appElement,
185
- confirmLabel,
186
- dayOfMonthAsCurrentDateOptions,
187
- dayOfMonthOptionsEnable,
188
- dayOfWeekOptionsEnable,
189
- dayOfYearAsCurrentDateOptions,
190
- dayOfYearOptionsEnable,
191
- displayCurrentMonthYear,
192
- displayMonthCustomOption,
193
- displayYearCustomOption,
194
- dropdownDayOfMonthOptions,
195
- dropdownDayOfWeekOptions,
196
- dropdownDayOfYearOptions,
197
- dropdownRepeatOptions,
198
- endDayBlocked,
199
- endTimesOptions,
200
- endTypesOptions,
201
- isOpen: openModal,
202
- isValidRecurrence,
203
- modalSize,
204
- modalTitle,
205
- modalType,
206
- onClose: this.handleActionClose,
207
- onConfirmField: this.handleConfirm,
208
- onCustomDateTimeRange: this.onCustomDateTimeRange,
209
- onRejectField: this.handleReject,
210
- placeholder,
211
- rangeValue: customRange,
212
- rejectLabel,
213
- repeatFrecuencyCustomProps,
214
- startDayBlocked,
215
- timeZoneOptions,
216
- useTimezoneSelector,
217
- validationMessage
218
- }));
219
- }
220
- }
221
- var DateTimeRecurenceSelectorImpl_default = DateTimeRecurenceSelectorImpl;
222
- export {
223
- DateTimeRecurenceSelectorImpl_default as default
224
- };
225
- //# sourceMappingURL=DateTimeRecurenceSelectorImpl.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DateTimeRecurenceSelectorImpl.tsx"],
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": "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",
6
- "names": []
7
- }
@@ -1,58 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { DSComboBox } from "@elliemae/ds-form";
4
- import { nthDay } from "../helpers/nthday";
5
- import { dropdownDayOfMonthOptions } from "../../options/dropdownDayOfMonthOptions";
6
- import FormLabel from "../Forms/FormLabel";
7
- import FormFieldGroup from "../Forms/FormFieldGroup";
8
- import FormGroup from "../Forms/FormGroup";
9
- const DaysOfMonthPicker = ({
10
- onDayChange = () => null,
11
- dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
12
- dayOfMonthOptions = dropdownDayOfMonthOptions,
13
- displayOptionsAsCurrentDate = true,
14
- currentDate = null,
15
- inputLabel = "On",
16
- dayOfMonthAsCurrentDateOptions,
17
- displayMonthCustomOption
18
- }) => {
19
- let options = dayOfMonthOptions;
20
- if (displayOptionsAsCurrentDate) {
21
- const numberoption = `on the ${currentDate.format("Do")} of the month`;
22
- const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format("dddd")} of the month`;
23
- options = [];
24
- if (dayOfMonthAsCurrentDateOptions.indexOf("numberOfMonth") > -1) {
25
- options.push({
26
- number: currentDate.format("DD"),
27
- label: numberoption,
28
- value: numberoption,
29
- dayOfMonthRepeatPickerKey: "numberOfMonth"
30
- });
31
- }
32
- if (dayOfMonthAsCurrentDateOptions.indexOf("dayOfTheWeekOfMonth") > -1) {
33
- options.push({
34
- numberLabel: `${nthDay(currentDate.toDate())} ${currentDate.format("dddd")}`,
35
- label: nthoption,
36
- value: nthoption,
37
- dayOfMonthRepeatPickerKey: "dayOfTheWeekOfMonth"
38
- });
39
- }
40
- if (displayMonthCustomOption) {
41
- options = [...options, ...dayOfMonthOptions];
42
- }
43
- }
44
- const selected = options.find((option) => option.value === dayOfMonthValue) ? dayOfMonthValue : null;
45
- if (!selected) {
46
- onDayChange(options[0].value, options[0]);
47
- }
48
- return /* @__PURE__ */ React2.createElement(FormGroup, null, /* @__PURE__ */ React2.createElement(FormLabel, null, inputLabel), /* @__PURE__ */ React2.createElement(FormFieldGroup, null, /* @__PURE__ */ React2.createElement(DSComboBox, {
49
- onChange: (value) => onDayChange(value, options.find((o) => o.value === value)),
50
- options,
51
- value: selected
52
- })));
53
- };
54
- var DayOfMonthPicker_default = DaysOfMonthPicker;
55
- export {
56
- DayOfMonthPicker_default as default
57
- };
58
- //# sourceMappingURL=DayOfMonthPicker.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DayOfMonthPicker/DayOfMonthPicker.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport { nthDay } from '../helpers/nthday';\nimport { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions';\nimport FormLabel from '../Forms/FormLabel';\nimport FormFieldGroup from '../Forms/FormFieldGroup';\nimport FormGroup from '../Forms/FormGroup';\n\nconst DaysOfMonthPicker = ({\n onDayChange = () => null,\n dayOfMonthValue = dropdownDayOfMonthOptions[0].value,\n dayOfMonthOptions = dropdownDayOfMonthOptions,\n displayOptionsAsCurrentDate = true,\n currentDate = null,\n inputLabel = 'On',\n dayOfMonthAsCurrentDateOptions,\n displayMonthCustomOption,\n}) => {\n let options = dayOfMonthOptions;\n if (displayOptionsAsCurrentDate) {\n const numberoption = `on the ${currentDate.format('Do')} of the month`;\n const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of the month`;\n options = [];\n\n if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {\n options.push({\n number: currentDate.format('DD'),\n label: numberoption,\n value: numberoption,\n dayOfMonthRepeatPickerKey: 'numberOfMonth',\n });\n }\n if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {\n options.push({\n numberLabel: `${nthDay(currentDate.toDate())} ${currentDate.format('dddd')}`,\n label: nthoption,\n value: nthoption,\n dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth',\n });\n }\n\n if (displayMonthCustomOption) {\n options = [...options, ...dayOfMonthOptions];\n }\n }\n\n const selected = options.find((option) => option.value === dayOfMonthValue) ? dayOfMonthValue : null;\n if (!selected) {\n onDayChange(options[0].value, options[0]);\n }\n return (\n <FormGroup>\n <FormLabel>{inputLabel}</FormLabel>\n <FormFieldGroup>\n <DSComboBox\n onChange={(value) =>\n onDayChange(\n value,\n options.find((o) => o.value === value),\n )\n }\n options={options}\n value={selected}\n />\n </FormFieldGroup>\n </FormGroup>\n );\n};\n\nexport default DaysOfMonthPicker;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,cAAc,MAAM;AAAA,EACpB,kBAAkB,0BAA0B,GAAG;AAAA,EAC/C,oBAAoB;AAAA,EACpB,8BAA8B;AAAA,EAC9B,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA;AAAA,MACI;AACJ,MAAI,UAAU;AACd,MAAI,6BAA6B;AAC/B,UAAM,eAAe,UAAU,YAAY,OAAO;AAClD,UAAM,YAAY,UAAU,OAAO,YAAY,aAAa,YAAY,OAAO;AAC/E,cAAU;AAEV,QAAI,+BAA+B,QAAQ,mBAAmB,IAAI;AAChE,cAAQ,KAAK;AAAA,QACX,QAAQ,YAAY,OAAO;AAAA,QAC3B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA;AAAA;AAG/B,QAAI,+BAA+B,QAAQ,yBAAyB,IAAI;AACtE,cAAQ,KAAK;AAAA,QACX,aAAa,GAAG,OAAO,YAAY,aAAa,YAAY,OAAO;AAAA,QACnE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA;AAAA;AAI/B,QAAI,0BAA0B;AAC5B,gBAAU,CAAC,GAAG,SAAS,GAAG;AAAA;AAAA;AAI9B,QAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,mBAAmB,kBAAkB;AAChG,MAAI,CAAC,UAAU;AACb,gBAAY,QAAQ,GAAG,OAAO,QAAQ;AAAA;AAExC,SACE,qCAAC,WAAD,MACE,qCAAC,WAAD,MAAY,aACZ,qCAAC,gBAAD,MACE,qCAAC,YAAD;AAAA,IACE,UAAU,CAAC,UACT,YACE,OACA,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU;AAAA,IAGpC;AAAA,IACA,OAAO;AAAA;AAAA;AAOjB,IAAO,2BAAQ;",
6
- "names": []
7
- }
@@ -1,54 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { DSComboBox } from "@elliemae/ds-form";
4
- import { nthDay } from "../helpers/nthday";
5
- import { dropdownDayOfMonthOptions } from "../../options/dropdownDayOfMonthOptions";
6
- import FormGroup from "../Forms/FormGroup";
7
- import FormLabel from "../Forms/FormLabel";
8
- import FormFieldGroup from "../Forms/FormFieldGroup";
9
- const DaysOfMonthPicker = ({
10
- onDayChange = () => null,
11
- dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
12
- dayOfMonthOptions = dropdownDayOfMonthOptions,
13
- displayOptionsAsCurrentDate = true,
14
- currentDate = null,
15
- inputLabel = "On",
16
- dayOfYearAsCurrentDateOptions,
17
- displayYearCustomOption
18
- }) => {
19
- let options = dayOfMonthOptions;
20
- if (displayOptionsAsCurrentDate) {
21
- const numberoption = `on the ${currentDate.format("Do")} of ${currentDate.format("MMMM")}`;
22
- const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format("dddd")} of ${currentDate.format("MMMM")}`;
23
- options = [];
24
- if (dayOfYearAsCurrentDateOptions.indexOf("numberOfYear") > -1) {
25
- options.push({
26
- label: numberoption,
27
- value: numberoption,
28
- dayOfYearRepeatPickerKey: "numberOfYear"
29
- });
30
- }
31
- if (dayOfYearAsCurrentDateOptions.indexOf("dayOfTheMonthOfYear") > -1) {
32
- options.push({
33
- label: nthoption,
34
- value: nthoption,
35
- dayOfYearRepeatPickerKey: "dayOfTheMonthOfYear"
36
- });
37
- }
38
- if (displayYearCustomOption) {
39
- options = [...options, ...dayOfMonthOptions];
40
- }
41
- }
42
- return /* @__PURE__ */ React2.createElement(FormGroup, null, /* @__PURE__ */ React2.createElement(FormLabel, null, inputLabel), /* @__PURE__ */ React2.createElement(FormFieldGroup, null, /* @__PURE__ */ React2.createElement(DSComboBox, {
43
- onChange: (value) => {
44
- onDayChange(value, options.find((o) => o.value === value));
45
- },
46
- options,
47
- value: dayOfMonthValue
48
- })));
49
- };
50
- var DayOfYearPicker_default = DaysOfMonthPicker;
51
- export {
52
- DayOfYearPicker_default as default
53
- };
54
- //# sourceMappingURL=DayOfYearPicker.js.map