@elliemae/ds-date-time-recurrence-picker 2.3.1 → 3.0.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (207) hide show
  1. package/dist/cjs/DSDateTimeRecurrenceSelector.js +230 -0
  2. package/dist/cjs/DSDateTimeRecurrenceSelector.js.map +7 -0
  3. package/dist/cjs/components/AlertModal/DateTimeRangeModal.js +88 -0
  4. package/dist/cjs/components/AlertModal/DateTimeRangeModal.js.map +7 -0
  5. package/dist/cjs/components/CustomOptionRender/CustomOptionRender.js +86 -0
  6. package/dist/cjs/components/CustomOptionRender/CustomOptionRender.js.map +7 -0
  7. package/dist/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +134 -0
  8. package/dist/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js.map +7 -0
  9. package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +283 -0
  10. package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +7 -0
  11. package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js +261 -0
  12. package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js.map +7 -0
  13. package/dist/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +87 -0
  14. package/dist/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js.map +7 -0
  15. package/dist/cjs/components/DayOfYearPicker/DayOfYearPicker.js +83 -0
  16. package/dist/cjs/components/DayOfYearPicker/DayOfYearPicker.js.map +7 -0
  17. package/dist/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js +78 -0
  18. package/dist/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js.map +7 -0
  19. package/dist/cjs/components/EndDate/EndDate.js +69 -0
  20. package/dist/cjs/components/EndDate/EndDate.js.map +7 -0
  21. package/dist/cjs/components/FieldWrapper/FieldWrapper.js +43 -0
  22. package/dist/cjs/components/FieldWrapper/FieldWrapper.js.map +7 -0
  23. package/dist/cjs/components/Forms/FormField.js +36 -0
  24. package/dist/cjs/components/Forms/FormField.js.map +7 -0
  25. package/dist/cjs/components/Forms/FormFieldGroup.js +36 -0
  26. package/dist/cjs/components/Forms/FormFieldGroup.js.map +7 -0
  27. package/dist/cjs/components/Forms/FormGroup.js +36 -0
  28. package/dist/cjs/components/Forms/FormGroup.js.map +7 -0
  29. package/dist/cjs/components/Forms/FormLabel.js +36 -0
  30. package/dist/cjs/components/Forms/FormLabel.js.map +7 -0
  31. package/dist/cjs/components/LabelWrapper/LabelWrapper.js +43 -0
  32. package/dist/cjs/components/LabelWrapper/LabelWrapper.js.map +7 -0
  33. package/dist/cjs/components/RepeatPickerInput/RepeatPickerInput.js +99 -0
  34. package/dist/cjs/components/RepeatPickerInput/RepeatPickerInput.js.map +7 -0
  35. package/dist/cjs/components/StartDateTime/StartDateTime.js +60 -0
  36. package/dist/cjs/components/StartDateTime/StartDateTime.js.map +7 -0
  37. package/dist/cjs/components/TimeZonePicker/TimeZonePicker.js +62 -0
  38. package/dist/cjs/components/TimeZonePicker/TimeZonePicker.js.map +7 -0
  39. package/dist/cjs/components/ValidationMessage/ValidationMessage.js +41 -0
  40. package/dist/cjs/components/ValidationMessage/ValidationMessage.js.map +7 -0
  41. package/dist/cjs/components/helpers/nthday.js +62 -0
  42. package/dist/cjs/components/helpers/nthday.js.map +7 -0
  43. package/dist/cjs/index.js +36 -0
  44. package/dist/cjs/index.js.map +7 -0
  45. package/dist/cjs/options/dropdownDayOfMonthOptions.js +44 -0
  46. package/dist/cjs/options/dropdownDayOfMonthOptions.js.map +7 -0
  47. package/dist/cjs/options/dropdownDayOfWeekOptions.js +64 -0
  48. package/dist/cjs/options/dropdownDayOfWeekOptions.js.map +7 -0
  49. package/dist/cjs/options/dropdownDayOfYearOptions.js +44 -0
  50. package/dist/cjs/options/dropdownDayOfYearOptions.js.map +7 -0
  51. package/dist/cjs/options/dropdownPreselectedOptions.js +59 -0
  52. package/dist/cjs/options/dropdownPreselectedOptions.js.map +7 -0
  53. package/dist/cjs/options/dropdownRepeatOptions.js +59 -0
  54. package/dist/cjs/options/dropdownRepeatOptions.js.map +7 -0
  55. package/dist/cjs/options/dropdownTimeZoneOptions.js +69 -0
  56. package/dist/cjs/options/dropdownTimeZoneOptions.js.map +7 -0
  57. package/dist/cjs/options/endTypesOptions.js +77 -0
  58. package/dist/cjs/options/endTypesOptions.js.map +7 -0
  59. package/dist/esm/DSDateTimeRecurrenceSelector.js +210 -0
  60. package/dist/esm/DSDateTimeRecurrenceSelector.js.map +7 -0
  61. package/dist/esm/components/AlertModal/DateTimeRangeModal.js +59 -0
  62. package/dist/esm/components/AlertModal/DateTimeRangeModal.js.map +7 -0
  63. package/dist/esm/components/CustomOptionRender/CustomOptionRender.js +57 -0
  64. package/dist/esm/components/CustomOptionRender/CustomOptionRender.js.map +7 -0
  65. package/dist/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +105 -0
  66. package/dist/esm/components/DateTimeRangeModal/DateTimeRangeModal.js.map +7 -0
  67. package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +256 -0
  68. package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map +7 -0
  69. package/dist/esm/components/DateTimeRecurenceSelectorImpl.js +234 -0
  70. package/dist/esm/components/DateTimeRecurenceSelectorImpl.js.map +7 -0
  71. package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +58 -0
  72. package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js.map +7 -0
  73. package/dist/esm/components/DayOfYearPicker/DayOfYearPicker.js +54 -0
  74. package/dist/esm/components/DayOfYearPicker/DayOfYearPicker.js.map +7 -0
  75. package/dist/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js +49 -0
  76. package/dist/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js.map +7 -0
  77. package/dist/esm/components/EndDate/EndDate.js +40 -0
  78. package/dist/esm/components/EndDate/EndDate.js.map +7 -0
  79. package/dist/esm/components/FieldWrapper/FieldWrapper.js +14 -0
  80. package/dist/esm/components/FieldWrapper/FieldWrapper.js.map +7 -0
  81. package/dist/esm/components/Forms/FormField.js +7 -0
  82. package/dist/esm/components/Forms/FormField.js.map +7 -0
  83. package/dist/esm/components/Forms/FormFieldGroup.js +7 -0
  84. package/dist/esm/components/Forms/FormFieldGroup.js.map +7 -0
  85. package/dist/esm/components/Forms/FormGroup.js +7 -0
  86. package/dist/esm/components/Forms/FormGroup.js.map +7 -0
  87. package/dist/esm/components/Forms/FormLabel.js +7 -0
  88. package/dist/esm/components/Forms/FormLabel.js.map +7 -0
  89. package/dist/esm/components/LabelWrapper/LabelWrapper.js +14 -0
  90. package/dist/esm/components/LabelWrapper/LabelWrapper.js.map +7 -0
  91. package/dist/esm/components/RepeatPickerInput/RepeatPickerInput.js +72 -0
  92. package/dist/esm/components/RepeatPickerInput/RepeatPickerInput.js.map +7 -0
  93. package/dist/esm/components/StartDateTime/StartDateTime.js +31 -0
  94. package/dist/esm/components/StartDateTime/StartDateTime.js.map +7 -0
  95. package/dist/esm/components/TimeZonePicker/TimeZonePicker.js +33 -0
  96. package/dist/esm/components/TimeZonePicker/TimeZonePicker.js.map +7 -0
  97. package/dist/esm/components/ValidationMessage/ValidationMessage.js +12 -0
  98. package/dist/esm/components/ValidationMessage/ValidationMessage.js.map +7 -0
  99. package/dist/esm/components/helpers/nthday.js +33 -0
  100. package/dist/esm/components/helpers/nthday.js.map +7 -0
  101. package/dist/esm/index.js +7 -0
  102. package/dist/esm/index.js.map +7 -0
  103. package/dist/esm/options/dropdownDayOfMonthOptions.js +15 -0
  104. package/dist/esm/options/dropdownDayOfMonthOptions.js.map +7 -0
  105. package/dist/esm/options/dropdownDayOfWeekOptions.js +35 -0
  106. package/dist/esm/options/dropdownDayOfWeekOptions.js.map +7 -0
  107. package/dist/esm/options/dropdownDayOfYearOptions.js +15 -0
  108. package/dist/esm/options/dropdownDayOfYearOptions.js.map +7 -0
  109. package/dist/esm/options/dropdownPreselectedOptions.js +30 -0
  110. package/dist/esm/options/dropdownPreselectedOptions.js.map +7 -0
  111. package/dist/esm/options/dropdownRepeatOptions.js +30 -0
  112. package/dist/esm/options/dropdownRepeatOptions.js.map +7 -0
  113. package/dist/esm/options/dropdownTimeZoneOptions.js +40 -0
  114. package/dist/esm/options/dropdownTimeZoneOptions.js.map +7 -0
  115. package/dist/esm/options/endTypesOptions.js +48 -0
  116. package/dist/esm/options/endTypesOptions.js.map +7 -0
  117. package/package.json +86 -77
  118. package/cjs/DSDateTimeRecurrenceSelector.js +0 -199
  119. package/cjs/__test__/DSDateTimeRecurrenceSelector.test.js +0 -30
  120. package/cjs/components/AlertModal/DateTimeRangeModal.js +0 -67
  121. package/cjs/components/CustomOptionRender/CustomOptionRender.js +0 -93
  122. package/cjs/components/DateTimeRangeModal/DateTimeRangeModal.js +0 -122
  123. package/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +0 -315
  124. package/cjs/components/DateTimeRecurenceSelectorImpl.js +0 -284
  125. package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js +0 -74
  126. package/cjs/components/DayOfYearPicker/DayOfYearPicker.js +0 -68
  127. package/cjs/components/DaysOfWeekPicker/DaysOfWeekPicker.js +0 -68
  128. package/cjs/components/EndDate/EndDate.js +0 -50
  129. package/cjs/components/FieldWrapper/FieldWrapper.js +0 -24
  130. package/cjs/components/Forms/FormField.js +0 -7
  131. package/cjs/components/Forms/FormFieldGroup.js +0 -7
  132. package/cjs/components/Forms/FormGroup.js +0 -11
  133. package/cjs/components/Forms/FormLabel.js +0 -7
  134. package/cjs/components/LabelWrapper/LabelWrapper.js +0 -24
  135. package/cjs/components/RepeatPickerInput/RepeatPickerInput.js +0 -69
  136. package/cjs/components/StartDateTime/StartDateTime.js +0 -42
  137. package/cjs/components/TimeZonePicker/TimeZonePicker.js +0 -44
  138. package/cjs/components/ValidationMessage/ValidationMessage.js +0 -24
  139. package/cjs/components/helpers/nthday.js +0 -13
  140. package/cjs/index.js +0 -29
  141. package/cjs/options/dropdownDayOfMonthOptions.js +0 -13
  142. package/cjs/options/dropdownDayOfWeekOptions.js +0 -28
  143. package/cjs/options/dropdownDayOfYearOptions.js +0 -13
  144. package/cjs/options/dropdownPreselectedOptions.js +0 -26
  145. package/cjs/options/dropdownRepeatOptions.js +0 -26
  146. package/cjs/options/dropdownTimeZoneOptions.js +0 -34
  147. package/cjs/options/endTypesOptions.js +0 -39
  148. package/esm/DSDateTimeRecurrenceSelector.js +0 -185
  149. package/esm/__test__/DSDateTimeRecurrenceSelector.test.js +0 -24
  150. package/esm/components/AlertModal/DateTimeRangeModal.js +0 -60
  151. package/esm/components/CustomOptionRender/CustomOptionRender.js +0 -87
  152. package/esm/components/DateTimeRangeModal/DateTimeRangeModal.js +0 -114
  153. package/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js +0 -306
  154. package/esm/components/DateTimeRecurenceSelectorImpl.js +0 -277
  155. package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js +0 -68
  156. package/esm/components/DayOfYearPicker/DayOfYearPicker.js +0 -62
  157. package/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js +0 -62
  158. package/esm/components/EndDate/EndDate.js +0 -43
  159. package/esm/components/FieldWrapper/FieldWrapper.js +0 -18
  160. package/esm/components/Forms/FormField.js +0 -5
  161. package/esm/components/Forms/FormFieldGroup.js +0 -5
  162. package/esm/components/Forms/FormGroup.js +0 -9
  163. package/esm/components/Forms/FormLabel.js +0 -5
  164. package/esm/components/LabelWrapper/LabelWrapper.js +0 -18
  165. package/esm/components/RepeatPickerInput/RepeatPickerInput.js +0 -61
  166. package/esm/components/StartDateTime/StartDateTime.js +0 -34
  167. package/esm/components/TimeZonePicker/TimeZonePicker.js +0 -38
  168. package/esm/components/ValidationMessage/ValidationMessage.js +0 -18
  169. package/esm/components/helpers/nthday.js +0 -6
  170. package/esm/index.js +0 -8
  171. package/esm/options/dropdownDayOfMonthOptions.js +0 -9
  172. package/esm/options/dropdownDayOfWeekOptions.js +0 -24
  173. package/esm/options/dropdownDayOfYearOptions.js +0 -9
  174. package/esm/options/dropdownPreselectedOptions.js +0 -21
  175. package/esm/options/dropdownRepeatOptions.js +0 -21
  176. package/esm/options/dropdownTimeZoneOptions.js +0 -29
  177. package/esm/options/endTypesOptions.js +0 -33
  178. package/types/DSDateTimeRecurrenceSelector.d.ts +0 -293
  179. package/types/__test__/DSDateTimeRecurrenceSelector.test.d.ts +0 -1
  180. package/types/components/AlertModal/DateTimeRangeModal.d.ts +0 -27
  181. package/types/components/CustomOptionRender/CustomOptionRender.d.ts +0 -53
  182. package/types/components/DateTimeRangeModal/DateTimeRangeModal.d.ts +0 -9
  183. package/types/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.d.ts +0 -18
  184. package/types/components/DateTimeRecurenceSelectorImpl.d.ts +0 -20
  185. package/types/components/DayOfMonthPicker/DayOfMonthPicker.d.ts +0 -15
  186. package/types/components/DayOfYearPicker/DayOfYearPicker.d.ts +0 -15
  187. package/types/components/DaysOfWeekPicker/DaysOfWeekPicker.d.ts +0 -12
  188. package/types/components/EndDate/EndDate.d.ts +0 -13
  189. package/types/components/FieldWrapper/FieldWrapper.d.ts +0 -5
  190. package/types/components/Forms/FormField.d.ts +0 -3
  191. package/types/components/Forms/FormFieldGroup.d.ts +0 -3
  192. package/types/components/Forms/FormGroup.d.ts +0 -6
  193. package/types/components/Forms/FormLabel.d.ts +0 -3
  194. package/types/components/LabelWrapper/LabelWrapper.d.ts +0 -5
  195. package/types/components/RepeatPickerInput/RepeatPickerInput.d.ts +0 -11
  196. package/types/components/StartDateTime/StartDateTime.d.ts +0 -9
  197. package/types/components/TimeZonePicker/TimeZonePicker.d.ts +0 -11
  198. package/types/components/ValidationMessage/ValidationMessage.d.ts +0 -5
  199. package/types/components/helpers/nthday.d.ts +0 -4
  200. package/types/index.d.ts +0 -2
  201. package/types/options/dropdownDayOfMonthOptions.d.ts +0 -4
  202. package/types/options/dropdownDayOfWeekOptions.d.ts +0 -4
  203. package/types/options/dropdownDayOfYearOptions.d.ts +0 -4
  204. package/types/options/dropdownPreselectedOptions.d.ts +0 -10
  205. package/types/options/dropdownRepeatOptions.d.ts +0 -10
  206. package/types/options/dropdownTimeZoneOptions.d.ts +0 -12
  207. package/types/options/endTypesOptions.d.ts +0 -13
@@ -1,277 +0,0 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.filter.js';
3
- import 'core-js/modules/esnext.async-iterator.for-each.js';
4
- import 'core-js/modules/esnext.iterator.for-each.js';
5
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
6
- import _jsx from '@babel/runtime/helpers/esm/jsx';
7
- import 'core-js/modules/esnext.async-iterator.find.js';
8
- import 'core-js/modules/esnext.iterator.constructor.js';
9
- import 'core-js/modules/esnext.iterator.find.js';
10
- import 'core-js/modules/web.dom-collections.iterator.js';
11
- import { Component } from 'react';
12
- import { isEqual } from 'lodash';
13
- import 'react-dates/initialize';
14
- import { components } from 'react-select';
15
- import { convertPropToCssClassName } from '@elliemae/ds-classnames';
16
- import { DSComboBox } from '@elliemae/ds-form';
17
- import DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal.js';
18
- import { jsxs, jsx } from 'react/jsx-runtime';
19
-
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
-
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
- const {
24
- cssClassName,
25
- classNameElement,
26
- classNameBlock
27
- } = convertPropToCssClassName('date-time-predefined-range-selector');
28
-
29
- class DateTimeRecurenceSelectorImpl extends Component {
30
- constructor(props) {
31
- super(props);
32
-
33
- this.onChange = () => {
34
- const {
35
- onChange
36
- } = this.props;
37
- const {
38
- customRange,
39
- selected
40
- } = this.state;
41
- onChange(selected, customRange);
42
- };
43
-
44
- this.onCustomDateTimeRange = customRange => {
45
- this.setState({
46
- customRange
47
- });
48
- };
49
-
50
- this.onChangeDropdown = value => {
51
- const {
52
- dropdownPreselectedOptions
53
- } = this.props;
54
- const selected = dropdownPreselectedOptions.find(op => op.value === value);
55
- const {
56
- onChange
57
- } = this.props;
58
-
59
- if (!selected) {
60
- this.setState(previousState => ({
61
- selected: value,
62
- previousSelection: previousState.selected
63
- }));
64
- this.handleOpenModal();
65
- } else if (selected) {
66
- onChange(value);
67
- this.setState({
68
- selected: value,
69
- openModal: false
70
- });
71
- }
72
- };
73
-
74
- this.handleConfirm = () => {
75
- const {
76
- onConfirmField,
77
- customOptionRender: CustomOptionRender,
78
- dayOfMonthOptionsEnable,
79
- dayOfWeekOptionsEnable,
80
- dayOfYearOptionsEnable,
81
- useTimezoneSelector,
82
- allowMultipleDaysOfWeek
83
- } = this.props;
84
- const {
85
- customRange
86
- } = this.state;
87
- this.props.advanceOption.label = /*#__PURE__*/_jsx(CustomOptionRender, {
88
- allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
89
- customRange: customRange,
90
- dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
91
- dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
92
- dayOfYearOptionsEnable: dayOfYearOptionsEnable,
93
- useTimezoneSelector: useTimezoneSelector
94
- });
95
- this.onChange();
96
- this.handleCloseModal();
97
- onConfirmField();
98
- };
99
-
100
- this.handleReject = () => {
101
- const {
102
- onRejectField
103
- } = this.props;
104
- this.handleActionClose();
105
- onRejectField();
106
- };
107
-
108
- this.handleActionClose = () => {
109
- this.setState(previousState => ({
110
- selected: previousState.previousSelection
111
- }));
112
- this.handleCloseModal();
113
- };
114
-
115
- this.handleOpenModal = () => this.setState({
116
- openModal: true
117
- });
118
-
119
- this.handleCloseModal = () => {
120
- this.setState({
121
- openModal: false
122
- });
123
- setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680
124
- };
125
-
126
- this.initCustomRange = props.customRange;
127
- this.state = {
128
- // eslint-disable-next-line react/no-unused-state
129
- previousCustomRange: _objectSpread({}, props.customRange),
130
- openModal: props.openModal || false,
131
- selected: props.value,
132
- customRange: _objectSpread({}, props.customRange)
133
- };
134
-
135
- if (props.value === props.advanceOption.value) {
136
- // eslint-disable-next-line no-param-reassign
137
- props.advanceOption.label = /*#__PURE__*/_jsx(props.customOptionRender, {
138
- allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
139
- customRange: props.customRange,
140
- dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
141
- dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
142
- dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
143
- useTimezoneSelector: props.useTimezoneSelector
144
- });
145
- }
146
- }
147
-
148
- static getDerivedStateFromProps(props, state) {
149
- if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {
150
- if (props.value === props.advanceOption.value) {
151
- // eslint-disable-next-line no-param-reassign
152
- props.advanceOption.label = /*#__PURE__*/_jsx(props.customOptionRender, {
153
- allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
154
- customRange: props.customRange,
155
- dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
156
- dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
157
- dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
158
- useTimezoneSelector: props.useTimezoneSelector
159
- });
160
- }
161
-
162
- return {
163
- previousCustomRange: _objectSpread({}, props.customRange),
164
- customRange: _objectSpread({}, props.customRange),
165
- selected: props.value
166
- };
167
- }
168
-
169
- return null;
170
- }
171
-
172
- render() {
173
- const {
174
- placeholder,
175
- dropdownPreselectedOptions,
176
- appElement,
177
- confirmLabel,
178
- modalSize,
179
- modalTitle,
180
- modalType,
181
- rejectLabel,
182
- dropdownDayOfMonthOptions,
183
- dropdownDayOfWeekOptions,
184
- dropdownDayOfYearOptions,
185
- dropdownRepeatOptions,
186
- displayCurrentMonthYear,
187
- className,
188
- dayOfMonthOptionsEnable,
189
- dayOfWeekOptionsEnable,
190
- dayOfYearOptionsEnable,
191
- timeZoneOptions,
192
- useTimezoneSelector,
193
- allowMultipleDaysOfWeek,
194
- endTimesOptions,
195
- endTypesOptions,
196
- advanceOption,
197
- dayOfMonthAsCurrentDateOptions,
198
- dayOfYearAsCurrentDateOptions,
199
- isValidRecurrence,
200
- validationMessage,
201
- endDayBlocked,
202
- startDayBlocked,
203
- repeatFrecuencyCustomProps,
204
- displayMonthCustomOption,
205
- displayYearCustomOption,
206
- containerProps
207
- } = this.props;
208
- const {
209
- selected,
210
- openModal,
211
- customRange
212
- } = this.state;
213
- const options = [...dropdownPreselectedOptions, advanceOption];
214
- return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
215
- className: "".concat(cssClassName, " ").concat(className),
216
- children: [/*#__PURE__*/_jsx("div", {
217
- className: "".concat(classNameBlock('container-selector'))
218
- }, void 0, /*#__PURE__*/_jsx(DSComboBox, {
219
- className: "".concat(classNameElement('dropdown-field-selector')),
220
- components: {
221
- Option: props => /*#__PURE__*/jsx(components.Option, _objectSpread(_objectSpread({}, props), {}, {
222
- allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
223
- dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
224
- dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
225
- dayOfYearOptionsEnable: dayOfYearOptionsEnable,
226
- useTimezoneSelector: useTimezoneSelector
227
- })),
228
- IndicatorSeparator: () => null
229
- },
230
- onChange: this.onChangeDropdown,
231
- onKeyDown: this.onKeyDown,
232
- options: options,
233
- placeholder: placeholder,
234
- value: selected
235
- })), /*#__PURE__*/_jsx(DateTimeRangeModal, {
236
- allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
237
- appElement: appElement,
238
- confirmLabel: confirmLabel,
239
- dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
240
- dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
241
- dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
242
- dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
243
- dayOfYearOptionsEnable: dayOfYearOptionsEnable,
244
- displayCurrentMonthYear: displayCurrentMonthYear,
245
- displayMonthCustomOption: displayMonthCustomOption,
246
- displayYearCustomOption: displayYearCustomOption,
247
- dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
248
- dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
249
- dropdownDayOfYearOptions: dropdownDayOfYearOptions,
250
- dropdownRepeatOptions: dropdownRepeatOptions,
251
- endDayBlocked: endDayBlocked,
252
- endTimesOptions: endTimesOptions,
253
- endTypesOptions: endTypesOptions,
254
- isOpen: openModal,
255
- isValidRecurrence: isValidRecurrence,
256
- modalSize: modalSize,
257
- modalTitle: modalTitle,
258
- modalType: modalType,
259
- onClose: this.handleActionClose,
260
- onConfirmField: this.handleConfirm,
261
- onCustomDateTimeRange: this.onCustomDateTimeRange,
262
- onRejectField: this.handleReject,
263
- placeholder: placeholder,
264
- rangeValue: customRange,
265
- rejectLabel: rejectLabel,
266
- repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
267
- startDayBlocked: startDayBlocked,
268
- timeZoneOptions: timeZoneOptions,
269
- useTimezoneSelector: useTimezoneSelector,
270
- validationMessage: validationMessage
271
- })]
272
- }));
273
- }
274
-
275
- }
276
-
277
- export { DateTimeRecurenceSelectorImpl as default };
@@ -1,68 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'core-js/modules/web.dom-collections.iterator.js';
3
- import 'core-js/modules/esnext.async-iterator.find.js';
4
- import 'core-js/modules/esnext.iterator.constructor.js';
5
- import 'core-js/modules/esnext.iterator.find.js';
6
- import 'react';
7
- import { DSComboBox } from '@elliemae/ds-form';
8
- import { nthDay } from '../helpers/nthday.js';
9
- import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
10
- import FormLabel from '../Forms/FormLabel.js';
11
- import FormFieldGroup from '../Forms/FormFieldGroup.js';
12
- import FormGroup from '../Forms/FormGroup.js';
13
-
14
- const DaysOfMonthPicker = _ref => {
15
- let {
16
- onDayChange = () => null,
17
- dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
18
- dayOfMonthOptions = dropdownDayOfMonthOptions,
19
- displayOptionsAsCurrentDate = true,
20
- currentDate = null,
21
- inputLabel = 'On',
22
- dayOfMonthAsCurrentDateOptions,
23
- displayMonthCustomOption
24
- } = _ref;
25
- let options = dayOfMonthOptions;
26
-
27
- if (displayOptionsAsCurrentDate) {
28
- const numberoption = "on the ".concat(currentDate.format('Do'), " of the month");
29
- const nthoption = "on the ".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of the month");
30
- options = [];
31
-
32
- if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {
33
- options.push({
34
- number: currentDate.format('DD'),
35
- label: numberoption,
36
- value: numberoption,
37
- dayOfMonthRepeatPickerKey: 'numberOfMonth'
38
- });
39
- }
40
-
41
- if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {
42
- options.push({
43
- numberLabel: "".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd')),
44
- label: nthoption,
45
- value: nthoption,
46
- dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth'
47
- });
48
- }
49
-
50
- if (displayMonthCustomOption) {
51
- options = [...options, ...dayOfMonthOptions];
52
- }
53
- }
54
-
55
- const selected = options.find(option => option.value === dayOfMonthValue) ? dayOfMonthValue : null;
56
-
57
- if (!selected) {
58
- onDayChange(options[0].value, options[0]);
59
- }
60
-
61
- return /*#__PURE__*/_jsx(FormGroup, {}, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
62
- onChange: value => onDayChange(value, options.find(o => o.value === value)),
63
- options: options,
64
- value: selected
65
- })));
66
- };
67
-
68
- export { DaysOfMonthPicker as default };
@@ -1,62 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'core-js/modules/web.dom-collections.iterator.js';
3
- import 'core-js/modules/esnext.async-iterator.find.js';
4
- import 'core-js/modules/esnext.iterator.constructor.js';
5
- import 'core-js/modules/esnext.iterator.find.js';
6
- import 'react';
7
- import { DSComboBox } from '@elliemae/ds-form';
8
- import { nthDay } from '../helpers/nthday.js';
9
- import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
10
- import FormGroup from '../Forms/FormGroup.js';
11
- import FormLabel from '../Forms/FormLabel.js';
12
- import FormFieldGroup from '../Forms/FormFieldGroup.js';
13
-
14
- const DaysOfMonthPicker = _ref => {
15
- let {
16
- onDayChange = () => null,
17
- dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
18
- dayOfMonthOptions = dropdownDayOfMonthOptions,
19
- displayOptionsAsCurrentDate = true,
20
- currentDate = null,
21
- inputLabel = 'On',
22
- dayOfYearAsCurrentDateOptions,
23
- displayYearCustomOption
24
- } = _ref;
25
- let options = dayOfMonthOptions;
26
-
27
- if (displayOptionsAsCurrentDate) {
28
- const numberoption = "on the ".concat(currentDate.format('Do'), " of ").concat(currentDate.format('MMMM'));
29
- const nthoption = "on the ".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of ").concat(currentDate.format('MMMM'));
30
- options = [];
31
-
32
- if (dayOfYearAsCurrentDateOptions.indexOf('numberOfYear') > -1) {
33
- options.push({
34
- label: numberoption,
35
- value: numberoption,
36
- dayOfYearRepeatPickerKey: 'numberOfYear'
37
- });
38
- }
39
-
40
- if (dayOfYearAsCurrentDateOptions.indexOf('dayOfTheMonthOfYear') > -1) {
41
- options.push({
42
- label: nthoption,
43
- value: nthoption,
44
- dayOfYearRepeatPickerKey: 'dayOfTheMonthOfYear'
45
- });
46
- }
47
-
48
- if (displayYearCustomOption) {
49
- options = [...options, ...dayOfMonthOptions];
50
- }
51
- }
52
-
53
- return /*#__PURE__*/_jsx(FormGroup, {}, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
54
- onChange: value => {
55
- onDayChange(value, options.find(o => o.value === value));
56
- },
57
- options: options,
58
- value: dayOfMonthValue
59
- })));
60
- };
61
-
62
- export { DaysOfMonthPicker as default };
@@ -1,62 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'core-js/modules/esnext.async-iterator.map.js';
3
- import 'core-js/modules/esnext.iterator.map.js';
4
- import 'react';
5
- import { convertPropToCssClassName } from '@elliemae/ds-classnames';
6
- import { DSRadioGroup, DSRadio, DSCheckboxGroup, DSCheckbox } from '@elliemae/ds-form';
7
- import { dropdownDayOfWeekOptions } from '../../options/dropdownDayOfWeekOptions.js';
8
- import FormGroup from '../Forms/FormGroup.js';
9
- import FormFieldGroup from '../Forms/FormFieldGroup.js';
10
- import FormLabel from '../Forms/FormLabel.js';
11
-
12
- const {
13
- cssClassName
14
- } = convertPropToCssClassName('week-days-week-days-picker');
15
-
16
- const getActive = (allowMultipleDaysOfWeek, active) => {
17
- if (!allowMultipleDaysOfWeek) return active;
18
- if (Array.isArray(active)) return active;
19
- return [active];
20
- };
21
-
22
- const DaysOfWeekPicker = _ref => {
23
- let {
24
- allowMultipleDaysOfWeek = false,
25
- onDayChange = () => null,
26
- active = dropdownDayOfWeekOptions[0].value,
27
- options = dropdownDayOfWeekOptions,
28
- inputLabel = 'On'
29
- } = _ref;
30
- const safeActive = getActive(allowMultipleDaysOfWeek, active);
31
- return /*#__PURE__*/_jsx(FormGroup, {
32
- className: cssClassName
33
- }, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, !allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSRadioGroup, {
34
- activeValue: safeActive,
35
- onChange: onDayChange,
36
- orientation: "horizontal"
37
- }, void 0, options.map((_ref2, index) => {
38
- let {
39
- label,
40
- value
41
- } = _ref2;
42
- return /*#__PURE__*/_jsx(DSRadio, {
43
- labelText: label,
44
- value: value
45
- }, index);
46
- })), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSCheckboxGroup, {
47
- activeValue: safeActive,
48
- onChange: onDayChange,
49
- orientation: "horizontal"
50
- }, void 0, options.map((_ref3, index) => {
51
- let {
52
- label,
53
- value
54
- } = _ref3;
55
- return /*#__PURE__*/_jsx(DSCheckbox, {
56
- labelText: label,
57
- value: value
58
- }, index);
59
- }))));
60
- };
61
-
62
- export { DaysOfWeekPicker as default };
@@ -1,43 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import DSDatePicker from '@elliemae/ds-date-picker';
4
- import { DSComboBox } from '@elliemae/ds-form';
5
- import { endTypes } from '../../options/endTypesOptions.js';
6
- import FormField from '../Forms/FormField.js';
7
- import FormLabel from '../Forms/FormLabel.js';
8
- import FormGroup from '../Forms/FormGroup.js';
9
- import FormFieldGroup from '../Forms/FormFieldGroup.js';
10
-
11
- var _FormLabel, _FormField;
12
-
13
- const EndDate = _ref => {
14
- let {
15
- onEndDateChange = () => null,
16
- onEndTypeChange = () => null,
17
- onEndTimesChange = () => null,
18
- endDateValue = null,
19
- endTypeValue = null,
20
- endTypesOptions = [],
21
- endTimesOptions = [],
22
- endTimesValue = null,
23
- endDayBlocked
24
- } = _ref;
25
- return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
26
- onChange: onEndTypeChange,
27
- options: endTypesOptions,
28
- value: endTypeValue
29
- })), endTypeValue === endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx("div", {})))), endTypeValue === endTypes.ON && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
30
- appendToBody: true,
31
- date: endDateValue,
32
- isDayBlocked: endDayBlocked,
33
- onDateChange: onEndDateChange,
34
- openDirection: "up",
35
- zIndex: 10
36
- })), endTypeValue === endTypes.AFTER && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
37
- onChange: onEndTimesChange,
38
- options: endTimesOptions,
39
- value: endTimesValue
40
- }))));
41
- };
42
-
43
- export { EndDate as default };
@@ -1,18 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import { convertPropToCssClassName } from '@elliemae/ds-classnames';
4
-
5
- const {
6
- cssClassName
7
- } = convertPropToCssClassName('field-wrapper');
8
-
9
- function FieldWrapper(_ref) {
10
- let {
11
- children
12
- } = _ref;
13
- return /*#__PURE__*/_jsx("div", {
14
- className: "".concat(cssClassName)
15
- }, void 0, children);
16
- }
17
-
18
- export { FieldWrapper as default };
@@ -1,5 +0,0 @@
1
- import { aggregatedClasses } from '@elliemae/ds-classnames';
2
-
3
- var FormField = aggregatedClasses('div')('form-field');
4
-
5
- export { FormField as default };
@@ -1,5 +0,0 @@
1
- import { aggregatedClasses } from '@elliemae/ds-classnames';
2
-
3
- var FormFieldGroup = aggregatedClasses('div')('form-field-group');
4
-
5
- export { FormFieldGroup as default };
@@ -1,9 +0,0 @@
1
- import { aggregatedClasses } from '@elliemae/ds-classnames';
2
-
3
- /**
4
- * An inline/vertical group of form-items/fields described by a label/legend
5
- */
6
-
7
- var FormGroup = aggregatedClasses('div')('form-group');
8
-
9
- export { FormGroup as default };
@@ -1,5 +0,0 @@
1
- import { aggregatedClasses } from '@elliemae/ds-classnames';
2
-
3
- var FormLabel = aggregatedClasses('label')('form-label');
4
-
5
- export { FormLabel as default };
@@ -1,18 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import { convertPropToCssClassName } from '@elliemae/ds-classnames';
4
-
5
- const {
6
- cssClassName
7
- } = convertPropToCssClassName('label-wrapper');
8
-
9
- function LabelWrapper(_ref) {
10
- let {
11
- children
12
- } = _ref;
13
- return /*#__PURE__*/_jsx("div", {
14
- className: "".concat(cssClassName)
15
- }, void 0, children);
16
- }
17
-
18
- export { LabelWrapper as default };
@@ -1,61 +0,0 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _jsx from '@babel/runtime/helpers/esm/jsx';
8
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
9
- import 'core-js/modules/web.dom-collections.iterator.js';
10
- import { useState } from 'react';
11
- import { convertPropToCssClassName } from '@elliemae/ds-classnames';
12
- import { DSTextBox, DSComboBox } from '@elliemae/ds-form';
13
- import FormGroup from '../Forms/FormGroup.js';
14
- import FormLabel from '../Forms/FormLabel.js';
15
- import FormFieldGroup from '../Forms/FormFieldGroup.js';
16
- import FormField from '../Forms/FormField.js';
17
- import { jsx } from 'react/jsx-runtime';
18
-
19
- const _excluded = ["onChange", "onKeyDown", "value"];
20
-
21
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22
-
23
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24
- const {
25
- cssClassName
26
- } = convertPropToCssClassName('repeat-picker-input-range-selector');
27
-
28
- const RepeatPickerInput = _ref => {
29
- let {
30
- onQtyChange = () => null,
31
- onTypeChange = () => null,
32
- qtyValue = 1,
33
- repeatOptions = [],
34
- repeatOptionsValue = null,
35
- repeatInputLabel = 'Repeats every',
36
- repeatFrecuencyCustomProps = {}
37
- } = _ref;
38
- const [last, setLast] = useState('');
39
-
40
- const rest = _objectWithoutProperties(repeatFrecuencyCustomProps, _excluded);
41
-
42
- return /*#__PURE__*/_jsx(FormGroup, {
43
- className: cssClassName
44
- }, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, repeatInputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/jsx(DSTextBox, _objectSpread({
45
- onChange: e => {
46
- if (last !== 69) onQtyChange(e.target.value);
47
- },
48
- onKeyDown: e => {
49
- setLast(e.keyCode);
50
- return e.keyCode !== 69;
51
- },
52
- type: "number",
53
- value: qtyValue
54
- }, rest || {}))), /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
55
- onChange: onTypeChange,
56
- options: repeatOptions,
57
- value: repeatOptionsValue
58
- }))));
59
- };
60
-
61
- export { RepeatPickerInput as default };
@@ -1,34 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import DSDatePicker from '@elliemae/ds-date-picker';
4
- import DSTimePicker from '@elliemae/ds-time-picker';
5
- import FormLabel from '../Forms/FormLabel.js';
6
- import FormFieldGroup from '../Forms/FormFieldGroup.js';
7
- import FormGroup from '../Forms/FormGroup.js';
8
- import FormField from '../Forms/FormField.js';
9
-
10
- var _FormLabel;
11
-
12
- const StartDateTime = _ref => {
13
- let {
14
- onStartDateChange = () => null,
15
- onStartTimeChange = () => null,
16
- startDateValue = null,
17
- startTimeValue = null,
18
- startDayBlocked
19
- } = _ref;
20
- return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
21
- appendToBody: true,
22
- date: startDateValue,
23
- isDayBlocked: startDayBlocked,
24
- keepOpenOnDateSelect: false,
25
- onDateChange: onStartDateChange,
26
- zIndex: 10
27
- })), /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSTimePicker, {
28
- onChange: onStartTimeChange,
29
- value: startTimeValue,
30
- zIndex: 10
31
- }))));
32
- };
33
-
34
- export { StartDateTime as default };