@patternfly/react-core 4.276.11 → 4.277.0
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/CHANGELOG.md +22 -0
- package/components/DatePicker/DatePicker.d.ts +11 -2
- package/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/components/DatePicker/DatePicker.js +15 -9
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +11 -2
- package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +15 -9
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/next/components/Select/Select.d.ts +8 -0
- package/dist/esm/next/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/next/components/Select/Select.js +10 -3
- package/dist/esm/next/components/Select/Select.js.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.d.ts +11 -2
- package/dist/js/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.js +15 -9
- package/dist/js/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/js/next/components/Select/Select.d.ts +8 -0
- package/dist/js/next/components/Select/Select.d.ts.map +1 -1
- package/dist/js/next/components/Select/Select.js +10 -3
- package/dist/js/next/components/Select/Select.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/next/components/Select/Select.d.ts +8 -0
- package/next/components/Select/Select.d.ts.map +1 -1
- package/next/components/Select/Select.js +10 -3
- package/next/components/Select/Select.js.map +1 -1
- package/package.json +2 -2
- package/src/components/DatePicker/DatePicker.tsx +31 -9
- package/src/components/DatePicker/examples/DatePicker.md +12 -1
- package/src/components/DatePicker/examples/DatePickerRequired.tsx +6 -0
- package/src/next/components/Select/Select.tsx +20 -9
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [4.277.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.276.12...@patternfly/react-core@4.277.0) (2023-09-21)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **select next:** add appendTo ([#9562](https://github.com/patternfly/patternfly-react/issues/9562)) ([9340381](https://github.com/patternfly/patternfly-react/commit/9340381a9b7add81579f1f10dce7d6c595db29fe))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [4.276.12](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.276.11...@patternfly/react-core@4.276.12) (2023-08-23)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **DatePicker:** updated v4 onBlur logic ([#9491](https://github.com/patternfly/patternfly-react/issues/9491)) ([24beea4](https://github.com/patternfly/patternfly-react/commit/24beea49a385c5aae34c0a575bc19438a4052065))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
6
28
|
## [4.276.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.276.10...@patternfly/react-core@4.276.11) (2023-07-26)
|
|
7
29
|
|
|
8
30
|
|
|
@@ -2,6 +2,13 @@ import * as React from 'react';
|
|
|
2
2
|
import { TextInputProps } from '../TextInput/TextInput';
|
|
3
3
|
import { PopoverProps } from '../Popover/Popover';
|
|
4
4
|
import { CalendarFormat } from '../CalendarMonth';
|
|
5
|
+
/** Props that customize the requirement of a date */
|
|
6
|
+
export interface DatePickerRequiredObject {
|
|
7
|
+
/** Flag indicating the date is required. */
|
|
8
|
+
isRequired?: boolean;
|
|
9
|
+
/** Error message to display when the text input is empty and the isRequired prop is also passed in. */
|
|
10
|
+
emptyDateText?: string;
|
|
11
|
+
}
|
|
5
12
|
/** The main date picker component. */
|
|
6
13
|
export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'ref'> {
|
|
7
14
|
/** The container to append the menu to. Defaults to 'parent'.
|
|
@@ -19,7 +26,7 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
19
26
|
className?: string;
|
|
20
27
|
/** How to format the date in the text input. */
|
|
21
28
|
dateFormat?: (date: Date) => string;
|
|
22
|
-
/** How to
|
|
29
|
+
/** How to parse the date in the text input. */
|
|
23
30
|
dateParse?: (value: string) => Date;
|
|
24
31
|
/** Helper text to display alongside the date picker. */
|
|
25
32
|
helperText?: React.ReactNode;
|
|
@@ -27,7 +34,7 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
27
34
|
inputProps?: TextInputProps;
|
|
28
35
|
/** Flag indicating the date picker is disabled. */
|
|
29
36
|
isDisabled?: boolean;
|
|
30
|
-
/** Error message to display when the text input
|
|
37
|
+
/** Error message to display when the text input contains a non-empty value in an invalid format. */
|
|
31
38
|
invalidFormatText?: string;
|
|
32
39
|
/** Callback called every time the text input loses focus. */
|
|
33
40
|
onBlur?: (event: any, value: string, date?: Date) => void;
|
|
@@ -37,6 +44,8 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
37
44
|
placeholder?: string;
|
|
38
45
|
/** Props to pass to the popover that contains the calendar month component. */
|
|
39
46
|
popoverProps?: Partial<Omit<PopoverProps, 'appendTo'>>;
|
|
47
|
+
/** Options to customize the requirement of a date */
|
|
48
|
+
requiredDateOptions?: DatePickerRequiredObject;
|
|
40
49
|
/** Functions that returns an error message if a date is invalid. */
|
|
41
50
|
validators?: ((date: Date) => string)[];
|
|
42
51
|
/** Value of the text input. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKjE,sCAAsC;AAEtC,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKjE,qDAAqD;AACrD,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,sCAAsC;AAEtC,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,wDAAwD;IACxD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oGAAoG;IACpG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1D,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1F,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,oEAAoE;IACpE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;IACxC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AAEH,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;;;;OAMG;IACH,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAIlB,CAAC;AAoNxB,eAAO,MAAM,UAAU,uFAAmE,CAAC"}
|
|
@@ -16,7 +16,7 @@ export const yyyyMMddFormat = (date) => `${date.getFullYear()}-${(date.getMonth(
|
|
|
16
16
|
.toString()
|
|
17
17
|
.padStart(2, '0')}`;
|
|
18
18
|
const DatePickerBase = (_a, ref) => {
|
|
19
|
-
var { className, locale = undefined, dateFormat = yyyyMMddFormat, dateParse = (val) => val.split('-').length === 3 && new Date(`${val}T00:00:00`), isDisabled = false, placeholder = 'YYYY-MM-DD', value: valueProp = '', 'aria-label': ariaLabel = 'Date picker', buttonAriaLabel = 'Toggle date picker', onChange = () => undefined, onBlur = () => undefined, invalidFormatText = 'Invalid date', helperText, appendTo = 'parent', popoverProps, monthFormat, weekdayFormat, longWeekdayFormat, dayFormat, weekStart, validators = [], rangeStart, style: styleProps = {}, inputProps = {} } = _a, props = __rest(_a, ["className", "locale", "dateFormat", "dateParse", "isDisabled", "placeholder", "value", 'aria-label', "buttonAriaLabel", "onChange", "onBlur", "invalidFormatText", "helperText", "appendTo", "popoverProps", "monthFormat", "weekdayFormat", "longWeekdayFormat", "dayFormat", "weekStart", "validators", "rangeStart", "style", "inputProps"]);
|
|
19
|
+
var { className, locale = undefined, dateFormat = yyyyMMddFormat, dateParse = (val) => val.split('-').length === 3 && new Date(`${val}T00:00:00`), isDisabled = false, placeholder = 'YYYY-MM-DD', value: valueProp = '', 'aria-label': ariaLabel = 'Date picker', buttonAriaLabel = 'Toggle date picker', onChange = () => undefined, onBlur = () => undefined, invalidFormatText = 'Invalid date', requiredDateOptions, helperText, appendTo = 'parent', popoverProps, monthFormat, weekdayFormat, longWeekdayFormat, dayFormat, weekStart, validators = [], rangeStart, style: styleProps = {}, inputProps = {} } = _a, props = __rest(_a, ["className", "locale", "dateFormat", "dateParse", "isDisabled", "placeholder", "value", 'aria-label', "buttonAriaLabel", "onChange", "onBlur", "invalidFormatText", "requiredDateOptions", "helperText", "appendTo", "popoverProps", "monthFormat", "weekdayFormat", "longWeekdayFormat", "dayFormat", "weekStart", "validators", "rangeStart", "style", "inputProps"]);
|
|
20
20
|
const [value, setValue] = React.useState(valueProp);
|
|
21
21
|
const [valueDate, setValueDate] = React.useState(dateParse(value));
|
|
22
22
|
const [errorText, setErrorText] = React.useState('');
|
|
@@ -27,6 +27,7 @@ const DatePickerBase = (_a, ref) => {
|
|
|
27
27
|
const style = Object.assign({ '--pf-c-date-picker__input--c-form-control--width-chars': widthChars }, styleProps);
|
|
28
28
|
const buttonRef = React.useRef();
|
|
29
29
|
const datePickerWrapperRef = React.useRef();
|
|
30
|
+
const emptyDateText = (requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.emptyDateText) || 'Date cannot be blank';
|
|
30
31
|
React.useEffect(() => {
|
|
31
32
|
setValue(valueProp);
|
|
32
33
|
setValueDate(dateParse(valueProp));
|
|
@@ -54,18 +55,19 @@ const DatePickerBase = (_a, ref) => {
|
|
|
54
55
|
}
|
|
55
56
|
};
|
|
56
57
|
const onInputBlur = (event) => {
|
|
57
|
-
if (pristine) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
58
|
const newValueDate = dateParse(value);
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
const dateIsValid = isValidDate(newValueDate);
|
|
60
|
+
const onBlurDateArg = dateIsValid ? new Date(newValueDate) : undefined;
|
|
61
|
+
onBlur(event, value, onBlurDateArg);
|
|
62
|
+
if (dateIsValid) {
|
|
63
63
|
setError(newValueDate);
|
|
64
64
|
}
|
|
65
|
-
|
|
66
|
-
onBlur(event, value);
|
|
65
|
+
if (!dateIsValid && !pristine) {
|
|
67
66
|
setErrorText(invalidFormatText);
|
|
68
67
|
}
|
|
68
|
+
if (!dateIsValid && pristine && (requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired)) {
|
|
69
|
+
setErrorText(emptyDateText);
|
|
70
|
+
}
|
|
69
71
|
};
|
|
70
72
|
const onDateClick = (newValueDate) => {
|
|
71
73
|
const newValue = dateFormat(newValueDate);
|
|
@@ -110,6 +112,10 @@ const DatePickerBase = (_a, ref) => {
|
|
|
110
112
|
return false;
|
|
111
113
|
}
|
|
112
114
|
setPopoverOpen(false);
|
|
115
|
+
// If datepicker is required and the popover is opened without the text input
|
|
116
|
+
// first receiving focus, we want to validate that the text input is not blank upon
|
|
117
|
+
// closing the popover
|
|
118
|
+
(requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired) && !value && setErrorText(emptyDateText);
|
|
113
119
|
if (event.key === KeyTypes.Escape && popoverOpen) {
|
|
114
120
|
event.stopPropagation();
|
|
115
121
|
}
|
|
@@ -117,7 +123,7 @@ const DatePickerBase = (_a, ref) => {
|
|
|
117
123
|
}, withFocusTrap: true, hasNoPadding: true, hasAutoWidth: true, appendTo: appendTo === 'parent' ? getParentElement() : appendTo }, popoverProps),
|
|
118
124
|
React.createElement("div", { className: styles.datePickerInput },
|
|
119
125
|
React.createElement(InputGroup, null,
|
|
120
|
-
React.createElement(TextInput, Object.assign({ isDisabled: isDisabled, "aria-label": ariaLabel, placeholder: placeholder, validated: errorText.trim() ? 'error' : 'default', value: value, onChange: onTextInput, onBlur: onInputBlur, onKeyPress: onKeyPress }, inputProps)),
|
|
126
|
+
React.createElement(TextInput, Object.assign({ isDisabled: isDisabled, isRequired: requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired, "aria-label": ariaLabel, placeholder: placeholder, validated: errorText.trim() ? 'error' : 'default', value: value, onChange: onTextInput, onBlur: onInputBlur, onKeyPress: onKeyPress }, inputProps)),
|
|
121
127
|
React.createElement("button", { ref: buttonRef, className: css(buttonStyles.button, buttonStyles.modifiers.control), "aria-label": buttonAriaLabel, type: "button", onClick: () => setPopoverOpen(!popoverOpen), disabled: isDisabled },
|
|
122
128
|
React.createElement(OutlinedCalendarAltIcon, null))))),
|
|
123
129
|
helperText && React.createElement("div", { className: styles.datePickerHelperText }, helperText),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,YAAY,MAAM,uDAAuD,CAAC;AACjF,OAAO,EAAE,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAgB,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,uBAAuB,MAAM,mEAAmE,CAAC;AACxG,OAAO,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,13 @@ import * as React from 'react';
|
|
|
2
2
|
import { TextInputProps } from '../TextInput/TextInput';
|
|
3
3
|
import { PopoverProps } from '../Popover/Popover';
|
|
4
4
|
import { CalendarFormat } from '../CalendarMonth';
|
|
5
|
+
/** Props that customize the requirement of a date */
|
|
6
|
+
export interface DatePickerRequiredObject {
|
|
7
|
+
/** Flag indicating the date is required. */
|
|
8
|
+
isRequired?: boolean;
|
|
9
|
+
/** Error message to display when the text input is empty and the isRequired prop is also passed in. */
|
|
10
|
+
emptyDateText?: string;
|
|
11
|
+
}
|
|
5
12
|
/** The main date picker component. */
|
|
6
13
|
export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'ref'> {
|
|
7
14
|
/** The container to append the menu to. Defaults to 'parent'.
|
|
@@ -19,7 +26,7 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
19
26
|
className?: string;
|
|
20
27
|
/** How to format the date in the text input. */
|
|
21
28
|
dateFormat?: (date: Date) => string;
|
|
22
|
-
/** How to
|
|
29
|
+
/** How to parse the date in the text input. */
|
|
23
30
|
dateParse?: (value: string) => Date;
|
|
24
31
|
/** Helper text to display alongside the date picker. */
|
|
25
32
|
helperText?: React.ReactNode;
|
|
@@ -27,7 +34,7 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
27
34
|
inputProps?: TextInputProps;
|
|
28
35
|
/** Flag indicating the date picker is disabled. */
|
|
29
36
|
isDisabled?: boolean;
|
|
30
|
-
/** Error message to display when the text input
|
|
37
|
+
/** Error message to display when the text input contains a non-empty value in an invalid format. */
|
|
31
38
|
invalidFormatText?: string;
|
|
32
39
|
/** Callback called every time the text input loses focus. */
|
|
33
40
|
onBlur?: (event: any, value: string, date?: Date) => void;
|
|
@@ -37,6 +44,8 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
37
44
|
placeholder?: string;
|
|
38
45
|
/** Props to pass to the popover that contains the calendar month component. */
|
|
39
46
|
popoverProps?: Partial<Omit<PopoverProps, 'appendTo'>>;
|
|
47
|
+
/** Options to customize the requirement of a date */
|
|
48
|
+
requiredDateOptions?: DatePickerRequiredObject;
|
|
40
49
|
/** Functions that returns an error message if a date is invalid. */
|
|
41
50
|
validators?: ((date: Date) => string)[];
|
|
42
51
|
/** Value of the text input. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKjE,sCAAsC;AAEtC,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKjE,qDAAqD;AACrD,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,sCAAsC;AAEtC,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,wDAAwD;IACxD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oGAAoG;IACpG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1D,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1F,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,oEAAoE;IACpE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;IACxC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AAEH,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;;;;OAMG;IACH,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAIlB,CAAC;AAoNxB,eAAO,MAAM,UAAU,uFAAmE,CAAC"}
|
|
@@ -16,7 +16,7 @@ export const yyyyMMddFormat = (date) => `${date.getFullYear()}-${(date.getMonth(
|
|
|
16
16
|
.toString()
|
|
17
17
|
.padStart(2, '0')}`;
|
|
18
18
|
const DatePickerBase = (_a, ref) => {
|
|
19
|
-
var { className, locale = undefined, dateFormat = yyyyMMddFormat, dateParse = (val) => val.split('-').length === 3 && new Date(`${val}T00:00:00`), isDisabled = false, placeholder = 'YYYY-MM-DD', value: valueProp = '', 'aria-label': ariaLabel = 'Date picker', buttonAriaLabel = 'Toggle date picker', onChange = () => undefined, onBlur = () => undefined, invalidFormatText = 'Invalid date', helperText, appendTo = 'parent', popoverProps, monthFormat, weekdayFormat, longWeekdayFormat, dayFormat, weekStart, validators = [], rangeStart, style: styleProps = {}, inputProps = {} } = _a, props = __rest(_a, ["className", "locale", "dateFormat", "dateParse", "isDisabled", "placeholder", "value", 'aria-label', "buttonAriaLabel", "onChange", "onBlur", "invalidFormatText", "helperText", "appendTo", "popoverProps", "monthFormat", "weekdayFormat", "longWeekdayFormat", "dayFormat", "weekStart", "validators", "rangeStart", "style", "inputProps"]);
|
|
19
|
+
var { className, locale = undefined, dateFormat = yyyyMMddFormat, dateParse = (val) => val.split('-').length === 3 && new Date(`${val}T00:00:00`), isDisabled = false, placeholder = 'YYYY-MM-DD', value: valueProp = '', 'aria-label': ariaLabel = 'Date picker', buttonAriaLabel = 'Toggle date picker', onChange = () => undefined, onBlur = () => undefined, invalidFormatText = 'Invalid date', requiredDateOptions, helperText, appendTo = 'parent', popoverProps, monthFormat, weekdayFormat, longWeekdayFormat, dayFormat, weekStart, validators = [], rangeStart, style: styleProps = {}, inputProps = {} } = _a, props = __rest(_a, ["className", "locale", "dateFormat", "dateParse", "isDisabled", "placeholder", "value", 'aria-label', "buttonAriaLabel", "onChange", "onBlur", "invalidFormatText", "requiredDateOptions", "helperText", "appendTo", "popoverProps", "monthFormat", "weekdayFormat", "longWeekdayFormat", "dayFormat", "weekStart", "validators", "rangeStart", "style", "inputProps"]);
|
|
20
20
|
const [value, setValue] = React.useState(valueProp);
|
|
21
21
|
const [valueDate, setValueDate] = React.useState(dateParse(value));
|
|
22
22
|
const [errorText, setErrorText] = React.useState('');
|
|
@@ -27,6 +27,7 @@ const DatePickerBase = (_a, ref) => {
|
|
|
27
27
|
const style = Object.assign({ '--pf-c-date-picker__input--c-form-control--width-chars': widthChars }, styleProps);
|
|
28
28
|
const buttonRef = React.useRef();
|
|
29
29
|
const datePickerWrapperRef = React.useRef();
|
|
30
|
+
const emptyDateText = (requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.emptyDateText) || 'Date cannot be blank';
|
|
30
31
|
React.useEffect(() => {
|
|
31
32
|
setValue(valueProp);
|
|
32
33
|
setValueDate(dateParse(valueProp));
|
|
@@ -54,18 +55,19 @@ const DatePickerBase = (_a, ref) => {
|
|
|
54
55
|
}
|
|
55
56
|
};
|
|
56
57
|
const onInputBlur = (event) => {
|
|
57
|
-
if (pristine) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
58
|
const newValueDate = dateParse(value);
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
const dateIsValid = isValidDate(newValueDate);
|
|
60
|
+
const onBlurDateArg = dateIsValid ? new Date(newValueDate) : undefined;
|
|
61
|
+
onBlur(event, value, onBlurDateArg);
|
|
62
|
+
if (dateIsValid) {
|
|
63
63
|
setError(newValueDate);
|
|
64
64
|
}
|
|
65
|
-
|
|
66
|
-
onBlur(event, value);
|
|
65
|
+
if (!dateIsValid && !pristine) {
|
|
67
66
|
setErrorText(invalidFormatText);
|
|
68
67
|
}
|
|
68
|
+
if (!dateIsValid && pristine && (requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired)) {
|
|
69
|
+
setErrorText(emptyDateText);
|
|
70
|
+
}
|
|
69
71
|
};
|
|
70
72
|
const onDateClick = (newValueDate) => {
|
|
71
73
|
const newValue = dateFormat(newValueDate);
|
|
@@ -110,6 +112,10 @@ const DatePickerBase = (_a, ref) => {
|
|
|
110
112
|
return false;
|
|
111
113
|
}
|
|
112
114
|
setPopoverOpen(false);
|
|
115
|
+
// If datepicker is required and the popover is opened without the text input
|
|
116
|
+
// first receiving focus, we want to validate that the text input is not blank upon
|
|
117
|
+
// closing the popover
|
|
118
|
+
(requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired) && !value && setErrorText(emptyDateText);
|
|
113
119
|
if (event.key === KeyTypes.Escape && popoverOpen) {
|
|
114
120
|
event.stopPropagation();
|
|
115
121
|
}
|
|
@@ -117,7 +123,7 @@ const DatePickerBase = (_a, ref) => {
|
|
|
117
123
|
}, withFocusTrap: true, hasNoPadding: true, hasAutoWidth: true, appendTo: appendTo === 'parent' ? getParentElement() : appendTo }, popoverProps),
|
|
118
124
|
React.createElement("div", { className: styles.datePickerInput },
|
|
119
125
|
React.createElement(InputGroup, null,
|
|
120
|
-
React.createElement(TextInput, Object.assign({ isDisabled: isDisabled, "aria-label": ariaLabel, placeholder: placeholder, validated: errorText.trim() ? 'error' : 'default', value: value, onChange: onTextInput, onBlur: onInputBlur, onKeyPress: onKeyPress }, inputProps)),
|
|
126
|
+
React.createElement(TextInput, Object.assign({ isDisabled: isDisabled, isRequired: requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired, "aria-label": ariaLabel, placeholder: placeholder, validated: errorText.trim() ? 'error' : 'default', value: value, onChange: onTextInput, onBlur: onInputBlur, onKeyPress: onKeyPress }, inputProps)),
|
|
121
127
|
React.createElement("button", { ref: buttonRef, className: css(buttonStyles.button, buttonStyles.modifiers.control), "aria-label": buttonAriaLabel, type: "button", onClick: () => setPopoverOpen(!popoverOpen), disabled: isDisabled },
|
|
122
128
|
React.createElement(OutlinedCalendarAltIcon, null))))),
|
|
123
129
|
helperText && React.createElement("div", { className: styles.datePickerHelperText }, helperText),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,YAAY,MAAM,uDAAuD,CAAC;AACjF,OAAO,EAAE,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAgB,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,uBAAuB,MAAM,mEAAmE,CAAC;AACxG,OAAO,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,14 @@ export interface SelectProps extends MenuProps, OUIAProps {
|
|
|
27
27
|
zIndex?: number;
|
|
28
28
|
/** @beta Determines the accessible role of the select. For a checkbox select pass in "menu". */
|
|
29
29
|
role?: string;
|
|
30
|
+
/** The container to append the select to. Defaults to 'inline'.
|
|
31
|
+
* If your select is being cut off you can append it to an element higher up the DOM tree.
|
|
32
|
+
* Some examples:
|
|
33
|
+
* appendTo="inline"
|
|
34
|
+
* appendTo={() => document.body}
|
|
35
|
+
* appendTo={document.getElementById('target')}
|
|
36
|
+
*/
|
|
37
|
+
appendTo?: HTMLElement | (() => HTMLElement) | 'inline';
|
|
30
38
|
}
|
|
31
39
|
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<any>>;
|
|
32
40
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAgB,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAgB,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,CAAC;CACzD;AAsGD,eAAO,MAAM,MAAM,yEAEjB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { Menu, MenuContent } from '../../../components/Menu';
|
|
|
5
5
|
import { Popper } from '../../../helpers/Popper/Popper';
|
|
6
6
|
import { getOUIAProps, getDefaultOUIAId } from '../../../helpers';
|
|
7
7
|
const SelectBase = (_a) => {
|
|
8
|
-
var { children, className, onSelect, isOpen, selected, toggle, onOpenChange, isPlain, minWidth, innerRef, zIndex = 9999, role = 'listbox' } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "onOpenChange", "isPlain", "minWidth", "innerRef", "zIndex", "role"]);
|
|
8
|
+
var { children, className, onSelect, isOpen, selected, toggle, onOpenChange, isPlain, minWidth, innerRef, zIndex = 9999, role = 'listbox', appendTo = 'inline' } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "onOpenChange", "isPlain", "minWidth", "innerRef", "zIndex", "role", "appendTo"]);
|
|
9
9
|
const localMenuRef = React.useRef();
|
|
10
10
|
const toggleRef = React.useRef();
|
|
11
11
|
const containerRef = React.useRef();
|
|
@@ -52,8 +52,15 @@ const SelectBase = (_a) => {
|
|
|
52
52
|
}
|
|
53
53
|
}), getOUIAProps(Select.displayName, props.ouiaId !== undefined ? props.ouiaId : getDefaultOUIAId(Select.displayName), props.ouiaSafe !== undefined ? props.ouiaSafe : true), props),
|
|
54
54
|
React.createElement(MenuContent, null, children)));
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
const popperProps = {
|
|
56
|
+
trigger: toggle(toggleRef),
|
|
57
|
+
removeFindDomNode: true,
|
|
58
|
+
popper: menu,
|
|
59
|
+
isVisible: isOpen,
|
|
60
|
+
zIndex
|
|
61
|
+
};
|
|
62
|
+
return appendTo === 'inline' ? (React.createElement("div", { ref: containerRef },
|
|
63
|
+
React.createElement(Popper, Object.assign({}, popperProps, { appendTo: containerRef.current || undefined })))) : (React.createElement(Popper, Object.assign({}, popperProps, { appendTo: appendTo })));
|
|
57
64
|
};
|
|
58
65
|
export const Select = React.forwardRef((props, ref) => (React.createElement(SelectBase, Object.assign({ innerRef: ref }, props))));
|
|
59
66
|
Select.displayName = 'Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,YAAY,EAAa,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,13 @@ import * as React from 'react';
|
|
|
2
2
|
import { TextInputProps } from '../TextInput/TextInput';
|
|
3
3
|
import { PopoverProps } from '../Popover/Popover';
|
|
4
4
|
import { CalendarFormat } from '../CalendarMonth';
|
|
5
|
+
/** Props that customize the requirement of a date */
|
|
6
|
+
export interface DatePickerRequiredObject {
|
|
7
|
+
/** Flag indicating the date is required. */
|
|
8
|
+
isRequired?: boolean;
|
|
9
|
+
/** Error message to display when the text input is empty and the isRequired prop is also passed in. */
|
|
10
|
+
emptyDateText?: string;
|
|
11
|
+
}
|
|
5
12
|
/** The main date picker component. */
|
|
6
13
|
export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'ref'> {
|
|
7
14
|
/** The container to append the menu to. Defaults to 'parent'.
|
|
@@ -19,7 +26,7 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
19
26
|
className?: string;
|
|
20
27
|
/** How to format the date in the text input. */
|
|
21
28
|
dateFormat?: (date: Date) => string;
|
|
22
|
-
/** How to
|
|
29
|
+
/** How to parse the date in the text input. */
|
|
23
30
|
dateParse?: (value: string) => Date;
|
|
24
31
|
/** Helper text to display alongside the date picker. */
|
|
25
32
|
helperText?: React.ReactNode;
|
|
@@ -27,7 +34,7 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
27
34
|
inputProps?: TextInputProps;
|
|
28
35
|
/** Flag indicating the date picker is disabled. */
|
|
29
36
|
isDisabled?: boolean;
|
|
30
|
-
/** Error message to display when the text input
|
|
37
|
+
/** Error message to display when the text input contains a non-empty value in an invalid format. */
|
|
31
38
|
invalidFormatText?: string;
|
|
32
39
|
/** Callback called every time the text input loses focus. */
|
|
33
40
|
onBlur?: (event: any, value: string, date?: Date) => void;
|
|
@@ -37,6 +44,8 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
|
|
|
37
44
|
placeholder?: string;
|
|
38
45
|
/** Props to pass to the popover that contains the calendar month component. */
|
|
39
46
|
popoverProps?: Partial<Omit<PopoverProps, 'appendTo'>>;
|
|
47
|
+
/** Options to customize the requirement of a date */
|
|
48
|
+
requiredDateOptions?: DatePickerRequiredObject;
|
|
40
49
|
/** Functions that returns an error message if a date is invalid. */
|
|
41
50
|
validators?: ((date: Date) => string)[];
|
|
42
51
|
/** Value of the text input. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKjE,sCAAsC;AAEtC,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKjE,qDAAqD;AACrD,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,sCAAsC;AAEtC,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,wDAAwD;IACxD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oGAAoG;IACpG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1D,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1F,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,oEAAoE;IACpE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;IACxC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AAEH,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;;;;OAMG;IACH,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAIlB,CAAC;AAoNxB,eAAO,MAAM,UAAU,uFAAmE,CAAC"}
|
|
@@ -20,7 +20,7 @@ const yyyyMMddFormat = (date) => `${date.getFullYear()}-${(date.getMonth() + 1).
|
|
|
20
20
|
.padStart(2, '0')}`;
|
|
21
21
|
exports.yyyyMMddFormat = yyyyMMddFormat;
|
|
22
22
|
const DatePickerBase = (_a, ref) => {
|
|
23
|
-
var { className, locale = undefined, dateFormat = exports.yyyyMMddFormat, dateParse = (val) => val.split('-').length === 3 && new Date(`${val}T00:00:00`), isDisabled = false, placeholder = 'YYYY-MM-DD', value: valueProp = '', 'aria-label': ariaLabel = 'Date picker', buttonAriaLabel = 'Toggle date picker', onChange = () => undefined, onBlur = () => undefined, invalidFormatText = 'Invalid date', helperText, appendTo = 'parent', popoverProps, monthFormat, weekdayFormat, longWeekdayFormat, dayFormat, weekStart, validators = [], rangeStart, style: styleProps = {}, inputProps = {} } = _a, props = tslib_1.__rest(_a, ["className", "locale", "dateFormat", "dateParse", "isDisabled", "placeholder", "value", 'aria-label', "buttonAriaLabel", "onChange", "onBlur", "invalidFormatText", "helperText", "appendTo", "popoverProps", "monthFormat", "weekdayFormat", "longWeekdayFormat", "dayFormat", "weekStart", "validators", "rangeStart", "style", "inputProps"]);
|
|
23
|
+
var { className, locale = undefined, dateFormat = exports.yyyyMMddFormat, dateParse = (val) => val.split('-').length === 3 && new Date(`${val}T00:00:00`), isDisabled = false, placeholder = 'YYYY-MM-DD', value: valueProp = '', 'aria-label': ariaLabel = 'Date picker', buttonAriaLabel = 'Toggle date picker', onChange = () => undefined, onBlur = () => undefined, invalidFormatText = 'Invalid date', requiredDateOptions, helperText, appendTo = 'parent', popoverProps, monthFormat, weekdayFormat, longWeekdayFormat, dayFormat, weekStart, validators = [], rangeStart, style: styleProps = {}, inputProps = {} } = _a, props = tslib_1.__rest(_a, ["className", "locale", "dateFormat", "dateParse", "isDisabled", "placeholder", "value", 'aria-label', "buttonAriaLabel", "onChange", "onBlur", "invalidFormatText", "requiredDateOptions", "helperText", "appendTo", "popoverProps", "monthFormat", "weekdayFormat", "longWeekdayFormat", "dayFormat", "weekStart", "validators", "rangeStart", "style", "inputProps"]);
|
|
24
24
|
const [value, setValue] = React.useState(valueProp);
|
|
25
25
|
const [valueDate, setValueDate] = React.useState(dateParse(value));
|
|
26
26
|
const [errorText, setErrorText] = React.useState('');
|
|
@@ -31,6 +31,7 @@ const DatePickerBase = (_a, ref) => {
|
|
|
31
31
|
const style = Object.assign({ '--pf-c-date-picker__input--c-form-control--width-chars': widthChars }, styleProps);
|
|
32
32
|
const buttonRef = React.useRef();
|
|
33
33
|
const datePickerWrapperRef = React.useRef();
|
|
34
|
+
const emptyDateText = (requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.emptyDateText) || 'Date cannot be blank';
|
|
34
35
|
React.useEffect(() => {
|
|
35
36
|
setValue(valueProp);
|
|
36
37
|
setValueDate(dateParse(valueProp));
|
|
@@ -58,18 +59,19 @@ const DatePickerBase = (_a, ref) => {
|
|
|
58
59
|
}
|
|
59
60
|
};
|
|
60
61
|
const onInputBlur = (event) => {
|
|
61
|
-
if (pristine) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
62
|
const newValueDate = dateParse(value);
|
|
65
|
-
|
|
66
|
-
|
|
63
|
+
const dateIsValid = (0, datetimeUtils_1.isValidDate)(newValueDate);
|
|
64
|
+
const onBlurDateArg = dateIsValid ? new Date(newValueDate) : undefined;
|
|
65
|
+
onBlur(event, value, onBlurDateArg);
|
|
66
|
+
if (dateIsValid) {
|
|
67
67
|
setError(newValueDate);
|
|
68
68
|
}
|
|
69
|
-
|
|
70
|
-
onBlur(event, value);
|
|
69
|
+
if (!dateIsValid && !pristine) {
|
|
71
70
|
setErrorText(invalidFormatText);
|
|
72
71
|
}
|
|
72
|
+
if (!dateIsValid && pristine && (requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired)) {
|
|
73
|
+
setErrorText(emptyDateText);
|
|
74
|
+
}
|
|
73
75
|
};
|
|
74
76
|
const onDateClick = (newValueDate) => {
|
|
75
77
|
const newValue = dateFormat(newValueDate);
|
|
@@ -114,6 +116,10 @@ const DatePickerBase = (_a, ref) => {
|
|
|
114
116
|
return false;
|
|
115
117
|
}
|
|
116
118
|
setPopoverOpen(false);
|
|
119
|
+
// If datepicker is required and the popover is opened without the text input
|
|
120
|
+
// first receiving focus, we want to validate that the text input is not blank upon
|
|
121
|
+
// closing the popover
|
|
122
|
+
(requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired) && !value && setErrorText(emptyDateText);
|
|
117
123
|
if (event.key === helpers_1.KeyTypes.Escape && popoverOpen) {
|
|
118
124
|
event.stopPropagation();
|
|
119
125
|
}
|
|
@@ -121,7 +127,7 @@ const DatePickerBase = (_a, ref) => {
|
|
|
121
127
|
}, withFocusTrap: true, hasNoPadding: true, hasAutoWidth: true, appendTo: appendTo === 'parent' ? getParentElement() : appendTo }, popoverProps),
|
|
122
128
|
React.createElement("div", { className: date_picker_1.default.datePickerInput },
|
|
123
129
|
React.createElement(InputGroup_1.InputGroup, null,
|
|
124
|
-
React.createElement(TextInput_1.TextInput, Object.assign({ isDisabled: isDisabled, "aria-label": ariaLabel, placeholder: placeholder, validated: errorText.trim() ? 'error' : 'default', value: value, onChange: onTextInput, onBlur: onInputBlur, onKeyPress: onKeyPress }, inputProps)),
|
|
130
|
+
React.createElement(TextInput_1.TextInput, Object.assign({ isDisabled: isDisabled, isRequired: requiredDateOptions === null || requiredDateOptions === void 0 ? void 0 : requiredDateOptions.isRequired, "aria-label": ariaLabel, placeholder: placeholder, validated: errorText.trim() ? 'error' : 'default', value: value, onChange: onTextInput, onBlur: onInputBlur, onKeyPress: onKeyPress }, inputProps)),
|
|
125
131
|
React.createElement("button", { ref: buttonRef, className: (0, react_styles_1.css)(button_1.default.button, button_1.default.modifiers.control), "aria-label": buttonAriaLabel, type: "button", onClick: () => setPopoverOpen(!popoverOpen), disabled: isDisabled },
|
|
126
132
|
React.createElement(outlined_calendar_alt_icon_1.default, null))))),
|
|
127
133
|
helperText && React.createElement("div", { className: date_picker_1.default.datePickerHelperText }, helperText),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,yHAAoF;AACpF,2GAAiF;AACjF,sDAAmE;AACnE,gDAA2D;AAC3D,yDAAsD;AACtD,0IAAwG;AACxG,oDAAiE;AACjE,iCAA4C;AAC5C,2CAAyC;AACzC,+DAA0D;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,14 @@ export interface SelectProps extends MenuProps, OUIAProps {
|
|
|
27
27
|
zIndex?: number;
|
|
28
28
|
/** @beta Determines the accessible role of the select. For a checkbox select pass in "menu". */
|
|
29
29
|
role?: string;
|
|
30
|
+
/** The container to append the select to. Defaults to 'inline'.
|
|
31
|
+
* If your select is being cut off you can append it to an element higher up the DOM tree.
|
|
32
|
+
* Some examples:
|
|
33
|
+
* appendTo="inline"
|
|
34
|
+
* appendTo={() => document.body}
|
|
35
|
+
* appendTo={document.getElementById('target')}
|
|
36
|
+
*/
|
|
37
|
+
appendTo?: HTMLElement | (() => HTMLElement) | 'inline';
|
|
30
38
|
}
|
|
31
39
|
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<any>>;
|
|
32
40
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAgB,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAgB,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,CAAC;CACzD;AAsGD,eAAO,MAAM,MAAM,yEAEjB,CAAC"}
|