@elliemae/ds-date-range-selector 2.4.2-rc.9 → 2.4.3-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/DSDateRangeSelector.js +5 -2
- package/cjs/components/CustomOptionRender/CustomOptionRender.js +1 -1
- package/cjs/components/DateRangeSelectorImpl.js +6 -5
- package/cjs/index.js +2 -1
- package/esm/DSDateRangeSelector.js +5 -3
- package/esm/components/CustomOptionRender/CustomOptionRender.js +1 -1
- package/esm/components/DateRangeSelectorImpl.js +6 -5
- package/esm/index.js +1 -1
- package/package.json +6 -6
- package/types/DSDateRangeSelector.d.ts +4 -3
- package/types/index.d.ts +1 -1
|
@@ -27,7 +27,8 @@ const DSDateRangeSelector = _ref => {
|
|
|
27
27
|
startDate = null,
|
|
28
28
|
endDate = null,
|
|
29
29
|
displayFormatDay = 'D',
|
|
30
|
-
disableCustomOption = false
|
|
30
|
+
disableCustomOption = false,
|
|
31
|
+
hasError = false
|
|
31
32
|
} = _ref;
|
|
32
33
|
return /*#__PURE__*/_jsx__default["default"](DateRangeSelectorImpl, {
|
|
33
34
|
className: className,
|
|
@@ -40,7 +41,8 @@ const DSDateRangeSelector = _ref => {
|
|
|
40
41
|
onChange: onChange,
|
|
41
42
|
placeholder: placeholder,
|
|
42
43
|
startDate: startDate,
|
|
43
|
-
value: value
|
|
44
|
+
value: value,
|
|
45
|
+
hasError: hasError
|
|
44
46
|
});
|
|
45
47
|
};
|
|
46
48
|
const dateRangeRecurrenceSelectorProps = {
|
|
@@ -65,5 +67,6 @@ DateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorPro
|
|
|
65
67
|
exports.CUSTOM_OPTION_VALUE = dropdownPreselectedOptions.CUSTOM_OPTION_VALUE;
|
|
66
68
|
exports.DropdownOptionsTypes = dropdownPreselectedOptions.DropdownOptionsTypes;
|
|
67
69
|
exports.dropdownPreselectedOptions = dropdownPreselectedOptions.dropdownPreselectedOptions;
|
|
70
|
+
exports.DSDateRangeSelector = DSDateRangeSelector;
|
|
68
71
|
exports.DateRangeRecurrenceSelectorWithSchema = DateRangeRecurrenceSelectorWithSchema;
|
|
69
72
|
exports["default"] = DSDateRangeSelector;
|
|
@@ -31,7 +31,7 @@ const CustomOptionRender = _ref => {
|
|
|
31
31
|
} = _ref;
|
|
32
32
|
const start = startDate ? startDate.format('MM/DD/YYYY') : null;
|
|
33
33
|
const end = endDate ? endDate.format('MM/DD/YYYY') : null;
|
|
34
|
-
const display =
|
|
34
|
+
const display = `From ${start} to ${end}` || 'Custom';
|
|
35
35
|
return /*#__PURE__*/_jsx__default["default"]("em", {
|
|
36
36
|
className: cssClassName
|
|
37
37
|
}, void 0, display);
|
|
@@ -5,7 +5,6 @@ var _jsx = require('@babel/runtime/helpers/jsx');
|
|
|
5
5
|
require('core-js/modules/esnext.async-iterator.find.js');
|
|
6
6
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
7
|
require('core-js/modules/esnext.iterator.find.js');
|
|
8
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
8
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
9
|
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
10
|
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
@@ -164,7 +163,8 @@ class DateTimeRecurenceSelectorImpl extends react.Component {
|
|
|
164
163
|
displayFormatDay,
|
|
165
164
|
className,
|
|
166
165
|
disableCustomOption,
|
|
167
|
-
containerProps
|
|
166
|
+
containerProps,
|
|
167
|
+
hasError
|
|
168
168
|
} = this.props;
|
|
169
169
|
const {
|
|
170
170
|
selected,
|
|
@@ -182,11 +182,11 @@ class DateTimeRecurenceSelectorImpl extends react.Component {
|
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
185
|
-
className:
|
|
185
|
+
className: `${cssClassName} ${className}`,
|
|
186
186
|
children: [/*#__PURE__*/_jsx__default["default"]("div", {
|
|
187
|
-
className:
|
|
187
|
+
className: `${classNameBlock('container-selector')}`
|
|
188
188
|
}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
|
|
189
|
-
className:
|
|
189
|
+
className: `${classNameElement('dropdown-field-selector')}`,
|
|
190
190
|
components: {
|
|
191
191
|
Option: props => /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.Option, _objectSpread({}, props)),
|
|
192
192
|
IndicatorSeparator: () => null
|
|
@@ -196,6 +196,7 @@ class DateTimeRecurenceSelectorImpl extends react.Component {
|
|
|
196
196
|
options: options,
|
|
197
197
|
placeholder: placeholder,
|
|
198
198
|
value: selected,
|
|
199
|
+
hasError: hasError,
|
|
199
200
|
keepTypedValue: false // TEMPORARY FIX
|
|
200
201
|
|
|
201
202
|
})), /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
package/cjs/index.js
CHANGED
|
@@ -7,6 +7,7 @@ var dropdownPreselectedOptions = require('./options/dropdownPreselectedOptions.j
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
+
exports.DSDateRangeSelector = DSDateRangeSelector.DSDateRangeSelector;
|
|
10
11
|
exports.DateRangeRecurrenceSelectorWithSchema = DSDateRangeSelector.DateRangeRecurrenceSelectorWithSchema;
|
|
11
|
-
exports["default"] = DSDateRangeSelector
|
|
12
|
+
exports["default"] = DSDateRangeSelector.DSDateRangeSelector;
|
|
12
13
|
exports.CUSTOM_OPTION_VALUE = dropdownPreselectedOptions.CUSTOM_OPTION_VALUE;
|
|
@@ -19,7 +19,8 @@ const DSDateRangeSelector = _ref => {
|
|
|
19
19
|
startDate = null,
|
|
20
20
|
endDate = null,
|
|
21
21
|
displayFormatDay = 'D',
|
|
22
|
-
disableCustomOption = false
|
|
22
|
+
disableCustomOption = false,
|
|
23
|
+
hasError = false
|
|
23
24
|
} = _ref;
|
|
24
25
|
return /*#__PURE__*/_jsx(DateTimeRecurenceSelectorImpl, {
|
|
25
26
|
className: className,
|
|
@@ -32,7 +33,8 @@ const DSDateRangeSelector = _ref => {
|
|
|
32
33
|
onChange: onChange,
|
|
33
34
|
placeholder: placeholder,
|
|
34
35
|
startDate: startDate,
|
|
35
|
-
value: value
|
|
36
|
+
value: value,
|
|
37
|
+
hasError: hasError
|
|
36
38
|
});
|
|
37
39
|
};
|
|
38
40
|
const dateRangeRecurrenceSelectorProps = {
|
|
@@ -54,4 +56,4 @@ const dateRangeRecurrenceSelectorProps = {
|
|
|
54
56
|
const DateRangeRecurrenceSelectorWithSchema = describe(DSDateRangeSelector);
|
|
55
57
|
DateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;
|
|
56
58
|
|
|
57
|
-
export { DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector as default };
|
|
59
|
+
export { DSDateRangeSelector, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector as default };
|
|
@@ -25,7 +25,7 @@ const CustomOptionRender = _ref => {
|
|
|
25
25
|
} = _ref;
|
|
26
26
|
const start = startDate ? startDate.format('MM/DD/YYYY') : null;
|
|
27
27
|
const end = endDate ? endDate.format('MM/DD/YYYY') : null;
|
|
28
|
-
const display =
|
|
28
|
+
const display = `From ${start} to ${end}` || 'Custom';
|
|
29
29
|
return /*#__PURE__*/_jsx("em", {
|
|
30
30
|
className: cssClassName
|
|
31
31
|
}, void 0, display);
|
|
@@ -3,7 +3,6 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
|
3
3
|
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
4
4
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
5
5
|
import 'core-js/modules/esnext.iterator.find.js';
|
|
6
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
7
6
|
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
8
7
|
import 'core-js/modules/esnext.iterator.filter.js';
|
|
9
8
|
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
@@ -155,7 +154,8 @@ class DateTimeRecurenceSelectorImpl extends Component {
|
|
|
155
154
|
displayFormatDay,
|
|
156
155
|
className,
|
|
157
156
|
disableCustomOption,
|
|
158
|
-
containerProps
|
|
157
|
+
containerProps,
|
|
158
|
+
hasError
|
|
159
159
|
} = this.props;
|
|
160
160
|
const {
|
|
161
161
|
selected,
|
|
@@ -173,11 +173,11 @@ class DateTimeRecurenceSelectorImpl extends Component {
|
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
176
|
-
className:
|
|
176
|
+
className: `${cssClassName} ${className}`,
|
|
177
177
|
children: [/*#__PURE__*/_jsx("div", {
|
|
178
|
-
className:
|
|
178
|
+
className: `${classNameBlock('container-selector')}`
|
|
179
179
|
}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
|
|
180
|
-
className:
|
|
180
|
+
className: `${classNameElement('dropdown-field-selector')}`,
|
|
181
181
|
components: {
|
|
182
182
|
Option: props => /*#__PURE__*/jsx(components.Option, _objectSpread({}, props)),
|
|
183
183
|
IndicatorSeparator: () => null
|
|
@@ -187,6 +187,7 @@ class DateTimeRecurenceSelectorImpl extends Component {
|
|
|
187
187
|
options: options,
|
|
188
188
|
placeholder: placeholder,
|
|
189
189
|
value: selected,
|
|
190
|
+
hasError: hasError,
|
|
190
191
|
keepTypedValue: false // TEMPORARY FIX
|
|
191
192
|
|
|
192
193
|
})), /*#__PURE__*/_jsx(DSPopper, {
|
package/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { DateRangeRecurrenceSelectorWithSchema, default } from './DSDateRangeSelector.js';
|
|
1
|
+
export { DSDateRangeSelector, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector as default } from './DSDateRangeSelector.js';
|
|
2
2
|
export { CUSTOM_OPTION_VALUE } from './options/dropdownPreselectedOptions.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-range-selector",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.3-rc.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Range Selector",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -48,11 +48,11 @@
|
|
|
48
48
|
"build": "node ../../scripts/build/build.js"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@elliemae/ds-classnames": "2.4.
|
|
52
|
-
"@elliemae/ds-date-picker": "2.4.
|
|
53
|
-
"@elliemae/ds-form": "2.4.
|
|
54
|
-
"@elliemae/ds-icons": "2.4.
|
|
55
|
-
"@elliemae/ds-popper": "2.4.
|
|
51
|
+
"@elliemae/ds-classnames": "2.4.3-rc.1",
|
|
52
|
+
"@elliemae/ds-date-picker": "2.4.3-rc.1",
|
|
53
|
+
"@elliemae/ds-form": "2.4.3-rc.1",
|
|
54
|
+
"@elliemae/ds-icons": "2.4.3-rc.1",
|
|
55
|
+
"@elliemae/ds-popper": "2.4.3-rc.1",
|
|
56
56
|
"moment": "~2.29.1",
|
|
57
57
|
"react-dates": "~21.8.0",
|
|
58
58
|
"react-desc": "~4.1.3",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/// <reference types="react" />
|
|
3
3
|
import { DropdownOptionsTypes, dropdownPreselectedOptions, CUSTOM_OPTION_VALUE } from './options/dropdownPreselectedOptions';
|
|
4
4
|
declare const DSDateRangeSelector: {
|
|
5
|
-
({ containerProps, className, preselectedOptions, onChange, placeholder, value, customOptionRender, startDate, endDate, displayFormatDay, disableCustomOption, }: {
|
|
5
|
+
({ containerProps, className, preselectedOptions, onChange, placeholder, value, customOptionRender, startDate, endDate, displayFormatDay, disableCustomOption, hasError, }: {
|
|
6
6
|
containerProps?: {} | undefined;
|
|
7
7
|
className?: string | undefined;
|
|
8
8
|
preselectedOptions?: {
|
|
@@ -22,6 +22,7 @@ declare const DSDateRangeSelector: {
|
|
|
22
22
|
endDate?: null | undefined;
|
|
23
23
|
displayFormatDay?: string | undefined;
|
|
24
24
|
disableCustomOption?: boolean | undefined;
|
|
25
|
+
hasError?: boolean | undefined;
|
|
25
26
|
}): JSX.Element;
|
|
26
27
|
propTypes: {
|
|
27
28
|
containerProps: {
|
|
@@ -83,11 +84,11 @@ declare const DSDateRangeSelector: {
|
|
|
83
84
|
};
|
|
84
85
|
};
|
|
85
86
|
};
|
|
86
|
-
export { CUSTOM_OPTION_VALUE, dropdownPreselectedOptions, DropdownOptionsTypes
|
|
87
|
+
export { CUSTOM_OPTION_VALUE, dropdownPreselectedOptions, DropdownOptionsTypes };
|
|
87
88
|
declare const DateRangeRecurrenceSelectorWithSchema: {
|
|
88
89
|
(props?: unknown): JSX.Element;
|
|
89
90
|
propTypes: unknown;
|
|
90
91
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
91
92
|
};
|
|
92
|
-
export { DateRangeRecurrenceSelectorWithSchema };
|
|
93
|
+
export { DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector };
|
|
93
94
|
export default DSDateRangeSelector;
|
package/types/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default, DateRangeRecurrenceSelectorWithSchema, } from './DSDateRangeSelector';
|
|
1
|
+
export { default, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from './DSDateRangeSelector';
|
|
2
2
|
export { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector';
|