@patternfly/react-core 4.201.2 → 4.202.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -0
- package/dist/esm/components/DescriptionList/DescriptionList.d.ts +13 -3
- package/dist/esm/components/DescriptionList/DescriptionList.d.ts.map +1 -1
- package/dist/esm/components/DescriptionList/DescriptionList.js +10 -6
- package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/esm/components/Menu/MenuContent.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuContent.js +21 -2
- package/dist/esm/components/Menu/MenuContent.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Popover/Popover.d.ts +1 -1
- package/dist/esm/components/Select/Select.d.ts +5 -3
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +36 -17
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Select/SelectOption.d.ts.map +1 -1
- package/dist/esm/components/Select/SelectOption.js +3 -3
- package/dist/esm/components/Select/SelectOption.js.map +1 -1
- package/dist/esm/components/Select/SelectToggle.d.ts +1 -1
- package/dist/esm/components/Select/SelectToggle.d.ts.map +1 -1
- package/dist/esm/components/Select/SelectToggle.js +14 -14
- package/dist/esm/components/Select/SelectToggle.js.map +1 -1
- package/dist/esm/components/Select/selectConstants.d.ts +1 -0
- package/dist/esm/components/Select/selectConstants.d.ts.map +1 -1
- package/dist/esm/components/Select/selectConstants.js.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.d.ts +6 -4
- package/dist/esm/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.js +15 -8
- package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/js/components/DescriptionList/DescriptionList.d.ts +13 -3
- package/dist/js/components/DescriptionList/DescriptionList.d.ts.map +1 -1
- package/dist/js/components/DescriptionList/DescriptionList.js +10 -6
- package/dist/js/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/js/components/Menu/MenuContent.d.ts.map +1 -1
- package/dist/js/components/Menu/MenuContent.js +21 -2
- package/dist/js/components/Menu/MenuContent.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Popover/Popover.d.ts +1 -1
- package/dist/js/components/Select/Select.d.ts +5 -3
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +36 -17
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/components/Select/SelectOption.d.ts.map +1 -1
- package/dist/js/components/Select/SelectOption.js +3 -3
- package/dist/js/components/Select/SelectOption.js.map +1 -1
- package/dist/js/components/Select/SelectToggle.d.ts +1 -1
- package/dist/js/components/Select/SelectToggle.d.ts.map +1 -1
- package/dist/js/components/Select/SelectToggle.js +14 -14
- package/dist/js/components/Select/SelectToggle.js.map +1 -1
- package/dist/js/components/Select/selectConstants.d.ts +1 -0
- package/dist/js/components/Select/selectConstants.d.ts.map +1 -1
- package/dist/js/components/Select/selectConstants.js.map +1 -1
- package/dist/js/components/TimePicker/TimePicker.d.ts +6 -4
- package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/js/components/TimePicker/TimePicker.js +15 -8
- package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/umd/react-core.css +31 -2
- package/dist/umd/react-core.js +107 -53
- package/dist/umd/react-core.min.css +31 -2
- package/dist/umd/react-core.min.js +2 -2
- package/package.json +6 -6
- package/src/components/DescriptionList/DescriptionList.tsx +52 -31
- package/src/components/DescriptionList/examples/DescriptionList.md +87 -28
- package/src/components/Menu/MenuContent.tsx +27 -2
- package/src/components/MenuToggle/MenuToggle.tsx +2 -1
- package/src/components/MenuToggle/examples/MenuToggle.css +3 -0
- package/src/components/MenuToggle/examples/MenuToggle.md +53 -11
- package/src/components/Popover/Popover.tsx +1 -1
- package/src/components/Select/Select.tsx +39 -18
- package/src/components/Select/SelectOption.tsx +7 -4
- package/src/components/Select/SelectToggle.tsx +15 -15
- package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +2 -0
- package/src/components/Select/examples/Select.md +93 -40
- package/src/components/Select/selectConstants.tsx +1 -0
- package/src/components/TimePicker/TimePicker.tsx +20 -11
- package/src/components/TimePicker/examples/TimePicker.md +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
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.202.2 (2022-03-25)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 4.202.1 (2022-03-23)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# 4.202.0 (2022-03-23)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* **Select:** add flag to not reset on select, add event to toggle callback ([#7093](https://github.com/patternfly/patternfly-react/issues/7093)) ([ec2afb1](https://github.com/patternfly/patternfly-react/commit/ec2afb1ea414f63a2fadc56bbaa968a0caad5fd6))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## 4.201.2 (2022-03-23)
|
|
7
34
|
|
|
8
35
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface BreakpointModifiers {
|
|
3
3
|
default?: string;
|
|
4
4
|
md?: string;
|
|
5
5
|
lg?: string;
|
|
@@ -25,7 +25,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
25
25
|
isFluid?: boolean;
|
|
26
26
|
/** Sets the the default placement of description list groups to fill from top to bottom. */
|
|
27
27
|
isFillColumns?: boolean;
|
|
28
|
-
/** Sets the number of columns on the description list */
|
|
28
|
+
/** Sets the number of columns on the description list at various breakpoints */
|
|
29
29
|
columnModifier?: {
|
|
30
30
|
default?: '1Col' | '2Col' | '3Col';
|
|
31
31
|
sm?: '1Col' | '2Col' | '3Col';
|
|
@@ -34,7 +34,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
34
34
|
xl?: '1Col' | '2Col' | '3Col';
|
|
35
35
|
'2xl'?: '1Col' | '2Col' | '3Col';
|
|
36
36
|
};
|
|
37
|
-
/** Indicates how the menu will align at
|
|
37
|
+
/** Indicates how the menu will align at various breakpoints. */
|
|
38
38
|
orientation?: {
|
|
39
39
|
sm?: 'vertical' | 'horizontal';
|
|
40
40
|
md?: 'vertical' | 'horizontal';
|
|
@@ -42,6 +42,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
42
42
|
xl?: 'vertical' | 'horizontal';
|
|
43
43
|
'2xl'?: 'vertical' | 'horizontal';
|
|
44
44
|
};
|
|
45
|
+
/** Sets the minimum column size for the auto-fit (isAutoFit) layout at various breakpoints. */
|
|
45
46
|
autoFitMinModifier?: {
|
|
46
47
|
default?: string;
|
|
47
48
|
sm?: string;
|
|
@@ -50,6 +51,15 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
50
51
|
xl?: string;
|
|
51
52
|
'2xl'?: string;
|
|
52
53
|
};
|
|
54
|
+
/** Sets the horizontal description list's term column width at various breakpoints. */
|
|
55
|
+
horizontalTermWidthModifier?: {
|
|
56
|
+
default?: string;
|
|
57
|
+
sm?: string;
|
|
58
|
+
md?: string;
|
|
59
|
+
lg?: string;
|
|
60
|
+
xl?: string;
|
|
61
|
+
'2xl'?: string;
|
|
62
|
+
};
|
|
53
63
|
}
|
|
54
64
|
export declare const DescriptionList: React.FunctionComponent<DescriptionListProps>;
|
|
55
65
|
//# sourceMappingURL=DescriptionList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QACnC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KAClC,CAAC;IACF,gEAAgE;IAChE,WAAW,CAAC,EAAE;QACZ,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;KACnC,CAAC;IACF,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,uFAAuF;IACvF,2BAA2B,CAAC,EAAE;QAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAmDzE,CAAC"}
|
|
@@ -3,15 +3,19 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
|
|
5
5
|
import { formatBreakpointMods } from '../../helpers';
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const mods = autoFitMinModifier;
|
|
6
|
+
const setBreakpointModifiers = (prefix, modifiers) => {
|
|
7
|
+
const mods = modifiers;
|
|
9
8
|
return Object.keys(mods || {}).reduce((acc, curr) => curr === 'default' ? Object.assign(Object.assign({}, acc), { [prefix]: mods[curr] }) : Object.assign(Object.assign({}, acc), { [`${prefix}-on-${curr}`]: mods[curr] }), {});
|
|
10
9
|
};
|
|
11
10
|
export const DescriptionList = (_a) => {
|
|
12
|
-
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, orientation, style } = _a, props = __rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "orientation", "style"]);
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, horizontalTermWidthModifier, orientation, style } = _a, props = __rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "horizontalTermWidthModifier", "orientation", "style"]);
|
|
12
|
+
if (isAutoFit && autoFitMinModifier) {
|
|
13
|
+
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--GridTemplateColumns--min', autoFitMinModifier));
|
|
14
|
+
}
|
|
15
|
+
if (isHorizontal && horizontalTermWidthModifier) {
|
|
16
|
+
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--m-horizontal__term--width', horizontalTermWidthModifier));
|
|
17
|
+
}
|
|
18
|
+
return (React.createElement("dl", Object.assign({ className: css(styles.descriptionList, (isHorizontal || isFluid) && styles.modifiers.horizontal, isAutoColumnWidths && styles.modifiers.autoColumnWidths, isAutoFit && styles.modifiers.autoFit, formatBreakpointMods(columnModifier, styles), formatBreakpointMods(orientation, styles), isInlineGrid && styles.modifiers.inlineGrid, isCompact && styles.modifiers.compact, isFluid && styles.modifiers.fluid, isFillColumns && styles.modifiers.fillColumns, className), style: style }, props), children));
|
|
15
19
|
};
|
|
16
20
|
DescriptionList.displayName = 'DescriptionList';
|
|
17
21
|
//# sourceMappingURL=DescriptionList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAkErD,MAAM,sBAAsB,GAAG,CAAC,MAAc,EAAE,SAA8B,EAAE,EAAE;IAChF,MAAM,IAAI,GAAG,SAA6C,CAAC;IAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CACZ,IAAI,KAAK,SAAS,CAAC,CAAC,iCAAM,GAAG,KAAE,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAG,CAAC,iCAAM,GAAG,KAAE,CAAC,GAAG,MAAM,OAAO,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAE,EAC1G,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAgBxD,EAAE,EAAE;QAhBoD,EAC7E,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,2BAA2B,EAC3B,WAAW,EACX,KAAK,OAEgB,EADlB,KAAK,cAfqE,oOAgB9E,CADS;IAER,IAAI,SAAS,IAAI,kBAAkB,EAAE;QACnC,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,mDAAmD,EAAE,kBAAkB,CAAC,CACnG,CAAC;KACH;IACD,IAAI,YAAY,IAAI,2BAA2B,EAAE;QAC/C,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,oDAAoD,EAAE,2BAA2B,CAAC,CAC7G,CAAC;KACH;IAED,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,eAAe,EACtB,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EACxD,kBAAkB,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACvD,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,EAC5C,oBAAoB,CAAC,WAAW,EAAE,MAAM,CAAC,EACzC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EACjC,aAAa,IAAI,MAAM,CAAC,SAAS,CAAC,WAAW,EAC7C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACpE,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACpE,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,y3LAsDtB,CAAC"}
|
|
@@ -8,8 +8,27 @@ export const MenuContent = React.forwardRef((props, ref) => {
|
|
|
8
8
|
const menuContentRef = React.createRef();
|
|
9
9
|
const refCallback = (el, menuId, onGetMenuHeight) => {
|
|
10
10
|
if (el) {
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
let clientHeight = el.clientHeight;
|
|
12
|
+
// if this menu is a submenu, we need to account for the root menu list's padding and root menu content's border.
|
|
13
|
+
let rootMenuList = null;
|
|
14
|
+
let parentEl = el.closest(`.${styles.menuList}`);
|
|
15
|
+
while (parentEl !== null && parentEl.nodeType === 1) {
|
|
16
|
+
if (parentEl.classList.contains(styles.menuList)) {
|
|
17
|
+
rootMenuList = parentEl;
|
|
18
|
+
}
|
|
19
|
+
parentEl = parentEl.parentElement;
|
|
20
|
+
}
|
|
21
|
+
if (rootMenuList) {
|
|
22
|
+
const rootMenuListStyles = getComputedStyle(rootMenuList);
|
|
23
|
+
const rootMenuListPaddingOffset = parseFloat(rootMenuListStyles.getPropertyValue('padding-top').replace(/px/g, '')) +
|
|
24
|
+
parseFloat(rootMenuListStyles.getPropertyValue('padding-bottom').replace(/px/g, '')) +
|
|
25
|
+
parseFloat(getComputedStyle(rootMenuList.parentElement)
|
|
26
|
+
.getPropertyValue('border-bottom-width')
|
|
27
|
+
.replace(/px/g, ''));
|
|
28
|
+
clientHeight = clientHeight + rootMenuListPaddingOffset;
|
|
29
|
+
}
|
|
30
|
+
onGetMenuHeight && onGetMenuHeight(menuId, clientHeight);
|
|
31
|
+
getHeight && getHeight(clientHeight.toString());
|
|
13
32
|
}
|
|
14
33
|
return ref || menuContentRef;
|
|
15
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContent.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAe5C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAA8B,EAAE,EAAE;IACtG,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAnE,wDAA2D,CAAQ,CAAC;IAC1E,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IACzD,MAAM,WAAW,GAAG,CAAC,EAAe,EAAE,MAAc,EAAE,eAAyD,EAAE,EAAE;QACjH,IAAI,EAAE,EAAE;YACN,
|
|
1
|
+
{"version":3,"file":"MenuContent.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAe5C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAA8B,EAAE,EAAE;IACtG,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAnE,wDAA2D,CAAQ,CAAC;IAC1E,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IACzD,MAAM,WAAW,GAAG,CAAC,EAAe,EAAE,MAAc,EAAE,eAAyD,EAAE,EAAE;QACjH,IAAI,EAAE,EAAE;YACN,IAAI,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;YAEnC,iHAAiH;YACjH,IAAI,YAAY,GAAG,IAAI,CAAC;YACxB,IAAI,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;YACjD,OAAO,QAAQ,KAAK,IAAI,IAAI,QAAQ,CAAC,QAAQ,KAAK,CAAC,EAAE;gBACnD,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;oBAChD,YAAY,GAAG,QAAQ,CAAC;iBACzB;gBACD,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC;aACnC;YAED,IAAI,YAAY,EAAE;gBAChB,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;gBAC1D,MAAM,yBAAyB,GAC7B,UAAU,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACjF,UAAU,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACpF,UAAU,CACR,gBAAgB,CAAC,YAAY,CAAC,aAAa,CAAC;yBACzC,gBAAgB,CAAC,qBAAqB,CAAC;yBACvC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,CAAC;gBACJ,YAAY,GAAG,YAAY,GAAG,yBAAyB,CAAC;aACzD;YAED,eAAe,IAAI,eAAe,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;YACzD,SAAS,IAAI,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;SACjD;QACD,OAAO,GAAG,IAAI,cAAc,CAAC;IAC/B,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAChC,6CACM,IAAI,IACR,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EACnD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,eAAe,CAAC,EACnD,KAAK,EACH,gCACK,CAAC,UAAU,IAAI,EAAE,8BAA8B,EAAE,UAAU,EAAE,CAAC,GAC9D,CAAC,aAAa,IAAI,EAAE,iCAAiC,EAAE,aAAa,EAAE,CAAC,CACpD,KAGzB,QAAQ,CACL,CACP,CACoB,CACxB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -12,7 +12,7 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.Butt
|
|
|
12
12
|
/** Flag indicating the toggle is full height */
|
|
13
13
|
isFullHeight?: boolean;
|
|
14
14
|
/** Variant styles of the menu toggle */
|
|
15
|
-
variant?: 'default' | 'plain' | 'primary' | 'plainText';
|
|
15
|
+
variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary';
|
|
16
16
|
/** Optional icon rendered inside the toggle, before the children content */
|
|
17
17
|
icon?: React.ReactNode;
|
|
18
18
|
/** Optional badge rendered inside the toggle, after the children content */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;IACtE,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY;;;;;;MAMjB;IAEF,MAAM;CAqDP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
|
|
@@ -19,7 +19,7 @@ export class MenuToggleBase extends React.Component {
|
|
|
19
19
|
React.createElement("span", { className: css(styles.menuToggleControls) },
|
|
20
20
|
React.createElement("span", { className: css(styles.menuToggleToggleIcon) },
|
|
21
21
|
React.createElement(CaretDownIcon, { "aria-hidden": true })))));
|
|
22
|
-
return (React.createElement("button", Object.assign({ className: css(styles.menuToggle, isExpanded && styles.modifiers.expanded, variant === 'primary' && styles.modifiers.primary, (isPlain || isPlainText) && styles.modifiers.plain, isPlainText && styles.modifiers.text, isFullHeight && styles.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
|
|
22
|
+
return (React.createElement("button", Object.assign({ className: css(styles.menuToggle, isExpanded && styles.modifiers.expanded, variant === 'primary' && styles.modifiers.primary, variant === 'secondary' && styles.modifiers.secondary, (isPlain || isPlainText) && styles.modifiers.plain, isPlainText && styles.modifiers.text, isFullHeight && styles.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
|
|
23
23
|
isPlain && children,
|
|
24
24
|
!isPlain && content));
|
|
25
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,aAAa,MAAM,wDAAwD,CAAC;AAyBnF,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,aAAa,MAAM,wDAAwD,CAAC;AAyBnF,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IA8DjC,CAAC;IArDC,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,OAEI,EADT,KAAK,cAVJ,6GAWL,CAAa,CAAC;QAEf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAE5C,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YACnE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;YACzD,KAAK,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAQ;YACtE,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;gBAC7C,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBAC/C,oBAAC,aAAa,0BAAe,CACxB,CACF,CACQ,CAClB,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,UAAU,EACjB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK,EACpB,GAAG,EAAE,QAAQ,IACT,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,KAAK;YAER,OAAO,IAAI,QAAQ;YACnB,CAAC,OAAO,IAAI,OAAO,CACb,CACV,CAAC;IACJ,CAAC;;AA5DM,2BAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAyDJ,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -49,7 +49,7 @@ export interface PopoverProps {
|
|
|
49
49
|
/** Distance of the popover to its target, defaults to 25 */
|
|
50
50
|
distance?: number;
|
|
51
51
|
/**
|
|
52
|
-
* If true, tries to keep the popover in view by flipping it if necessary
|
|
52
|
+
* If true, tries to keep the popover in view by flipping it if necessary.
|
|
53
53
|
* If the position is set to 'auto', this prop is ignored
|
|
54
54
|
*/
|
|
55
55
|
enableFlip?: boolean;
|
|
@@ -78,7 +78,7 @@ export interface SelectProps extends ToggleMenuBaseProps, Omit<React.HTMLProps<H
|
|
|
78
78
|
/** Callback for selection behavior */
|
|
79
79
|
onSelect?: (event: React.MouseEvent | React.ChangeEvent, value: string | SelectOptionObject, isPlaceholder?: boolean) => void;
|
|
80
80
|
/** Callback for toggle button behavior */
|
|
81
|
-
onToggle: (isExpanded: boolean) => void;
|
|
81
|
+
onToggle: (isExpanded: boolean, event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent | Event) => void;
|
|
82
82
|
/** Callback for typeahead clear button */
|
|
83
83
|
onClear?: (event: React.MouseEvent) => void;
|
|
84
84
|
/** Optional callback for custom filtering */
|
|
@@ -115,6 +115,8 @@ export interface SelectProps extends ToggleMenuBaseProps, Omit<React.HTMLProps<H
|
|
|
115
115
|
isInputValuePersisted?: boolean;
|
|
116
116
|
/** @beta Flag for retaining filter results on blur from keyboard-entered typeahead text */
|
|
117
117
|
isInputFilterPersisted?: boolean;
|
|
118
|
+
/** Flag indicating the typeahead input value should reset upon selection */
|
|
119
|
+
shouldResetOnSelect?: boolean;
|
|
118
120
|
/** Content rendered in the footer of the select menu */
|
|
119
121
|
footer?: React.ReactNode;
|
|
120
122
|
}
|
|
@@ -145,11 +147,11 @@ export declare class Select extends React.Component<SelectProps & OUIAProps, Sel
|
|
|
145
147
|
getTypeaheadActiveChild: (typeaheadCurrIndex: number) => HTMLElement;
|
|
146
148
|
componentDidUpdate: (prevProps: SelectProps, prevState: SelectState) => void;
|
|
147
149
|
onEnter: () => void;
|
|
148
|
-
onToggle: (isExpanded: boolean) => void;
|
|
150
|
+
onToggle: (isExpanded: boolean, e: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent | Event) => void;
|
|
149
151
|
onClose: () => void;
|
|
150
152
|
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
151
153
|
updateTypeAheadFilteredChildren: (typeaheadInputValue: string, e: React.ChangeEvent<HTMLInputElement> | null) => void;
|
|
152
|
-
onClick: (
|
|
154
|
+
onClick: (e: React.MouseEvent) => void;
|
|
153
155
|
clearSelection: (_e: React.MouseEvent) => void;
|
|
154
156
|
extendTypeaheadChildren(typeaheadCurrIndex: number, favoritesGroup?: React.ReactNode[]): React.ReactNode[];
|
|
155
157
|
sendRef: (optionRef: React.ReactNode, favoriteRef: React.ReactNode, optionContainerRef: React.ReactNode, index: number) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -109,7 +109,7 @@ export class Select extends React.Component {
|
|
|
109
109
|
this.onEnter = () => {
|
|
110
110
|
this.setState({ focusFirstOption: true });
|
|
111
111
|
};
|
|
112
|
-
this.onToggle = (isExpanded) => {
|
|
112
|
+
this.onToggle = (isExpanded, e) => {
|
|
113
113
|
const { isInputValuePersisted, onSelect, onToggle, hasInlineFilter } = this.props;
|
|
114
114
|
if (!isExpanded && isInputValuePersisted && onSelect) {
|
|
115
115
|
onSelect(undefined, this.inputRef.current ? this.inputRef.current.value : '');
|
|
@@ -119,7 +119,7 @@ export class Select extends React.Component {
|
|
|
119
119
|
focusFirstOption: true
|
|
120
120
|
});
|
|
121
121
|
}
|
|
122
|
-
onToggle(isExpanded);
|
|
122
|
+
onToggle(isExpanded, e);
|
|
123
123
|
};
|
|
124
124
|
this.onClose = () => {
|
|
125
125
|
const { isInputFilterPersisted } = this.props;
|
|
@@ -129,7 +129,7 @@ export class Select extends React.Component {
|
|
|
129
129
|
};
|
|
130
130
|
this.onChange = (e) => {
|
|
131
131
|
if (e.target.value.toString() !== '' && !this.props.isOpen) {
|
|
132
|
-
this.onToggle(true);
|
|
132
|
+
this.onToggle(true, e);
|
|
133
133
|
}
|
|
134
134
|
if (this.props.onTypeaheadInputChanged) {
|
|
135
135
|
this.props.onTypeaheadInputChanged(e.target.value.toString());
|
|
@@ -241,9 +241,9 @@ export class Select extends React.Component {
|
|
|
241
241
|
typeaheadFilteredChildren
|
|
242
242
|
});
|
|
243
243
|
};
|
|
244
|
-
this.onClick = (
|
|
244
|
+
this.onClick = (e) => {
|
|
245
245
|
if (!this.props.isOpen) {
|
|
246
|
-
this.onToggle(true);
|
|
246
|
+
this.onToggle(true, e);
|
|
247
247
|
}
|
|
248
248
|
};
|
|
249
249
|
this.clearSelection = (_e) => {
|
|
@@ -320,9 +320,20 @@ export class Select extends React.Component {
|
|
|
320
320
|
if (position === 'enter') {
|
|
321
321
|
if (typeaheadCurrIndex !== -1 && // do not allow selection without moving to an initial option
|
|
322
322
|
(typeaheadActiveChild || (this.refCollection[0] && this.refCollection[0][0]))) {
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
323
|
+
if (typeaheadActiveChild) {
|
|
324
|
+
const hasDescriptionElm = typeaheadActiveChild.childElementCount > 1;
|
|
325
|
+
const typeaheadActiveChildText = hasDescriptionElm
|
|
326
|
+
? typeaheadActiveChild.firstChild.innerText
|
|
327
|
+
: typeaheadActiveChild.innerText;
|
|
328
|
+
this.setState({
|
|
329
|
+
typeaheadInputValue: typeaheadActiveChildText
|
|
330
|
+
});
|
|
331
|
+
}
|
|
332
|
+
else {
|
|
333
|
+
this.setState({
|
|
334
|
+
typeaheadInputValue: this.refCollection[0][0].innerText
|
|
335
|
+
});
|
|
336
|
+
}
|
|
326
337
|
if (typeaheadActiveChild) {
|
|
327
338
|
typeaheadActiveChild.click();
|
|
328
339
|
}
|
|
@@ -408,7 +419,7 @@ export class Select extends React.Component {
|
|
|
408
419
|
else {
|
|
409
420
|
// Close if there is no footer
|
|
410
421
|
if (!this.props.footer) {
|
|
411
|
-
this.onToggle(false);
|
|
422
|
+
this.onToggle(false, null);
|
|
412
423
|
this.onClose();
|
|
413
424
|
}
|
|
414
425
|
else {
|
|
@@ -418,7 +429,7 @@ export class Select extends React.Component {
|
|
|
418
429
|
if (this.inputRef.current === document.activeElement) {
|
|
419
430
|
if (shiftKey) {
|
|
420
431
|
// close toggle if shift key and tab on input
|
|
421
|
-
this.onToggle(false);
|
|
432
|
+
this.onToggle(false, null);
|
|
422
433
|
this.onClose();
|
|
423
434
|
}
|
|
424
435
|
else {
|
|
@@ -427,7 +438,7 @@ export class Select extends React.Component {
|
|
|
427
438
|
tabbableItems[0].focus();
|
|
428
439
|
}
|
|
429
440
|
else {
|
|
430
|
-
this.onToggle(false);
|
|
441
|
+
this.onToggle(false, null);
|
|
431
442
|
this.onClose();
|
|
432
443
|
}
|
|
433
444
|
}
|
|
@@ -451,7 +462,7 @@ export class Select extends React.Component {
|
|
|
451
462
|
}
|
|
452
463
|
else {
|
|
453
464
|
// no next item, close toggle
|
|
454
|
-
this.onToggle(false);
|
|
465
|
+
this.onToggle(false, null);
|
|
455
466
|
this.inputRef.current.focus();
|
|
456
467
|
this.onClose();
|
|
457
468
|
}
|
|
@@ -620,7 +631,7 @@ export class Select extends React.Component {
|
|
|
620
631
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
621
632
|
menuAppendTo, favorites, onFavorite,
|
|
622
633
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
623
|
-
favoritesLabel, footer, loadingVariant, isCreateSelectOptionObject } = _a, props = __rest(_a, ["children", "chipGroupProps", "chipGroupComponent", "className", "customContent", "variant", "direction", "onSelect", "onClear", "toggleId", "isOpen", "isGrouped", "isPlain", "isDisabled", "hasPlaceholderStyle", "validated", "selections", "typeAheadAriaLabel", "clearSelectionsAriaLabel", "toggleAriaLabel", "removeSelectionAriaLabel", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-invalid', "placeholderText", "width", "maxHeight", "toggleIcon", "ouiaId", "ouiaSafe", "hasInlineFilter", "isCheckboxSelectionBadgeHidden", "inlineFilterPlaceholderText", "onFilter", "onTypeaheadInputChanged", "onCreateOption", "isCreatable", "onToggle", "createText", "noResultsFoundText", "customBadgeText", "inputIdPrefix", "inputAutoComplete", "isInputValuePersisted", "isInputFilterPersisted", "menuAppendTo", "favorites", "onFavorite", "favoritesLabel", "footer", "loadingVariant", "isCreateSelectOptionObject"]);
|
|
634
|
+
favoritesLabel, footer, loadingVariant, isCreateSelectOptionObject, shouldResetOnSelect } = _a, props = __rest(_a, ["children", "chipGroupProps", "chipGroupComponent", "className", "customContent", "variant", "direction", "onSelect", "onClear", "toggleId", "isOpen", "isGrouped", "isPlain", "isDisabled", "hasPlaceholderStyle", "validated", "selections", "typeAheadAriaLabel", "clearSelectionsAriaLabel", "toggleAriaLabel", "removeSelectionAriaLabel", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-invalid', "placeholderText", "width", "maxHeight", "toggleIcon", "ouiaId", "ouiaSafe", "hasInlineFilter", "isCheckboxSelectionBadgeHidden", "inlineFilterPlaceholderText", "onFilter", "onTypeaheadInputChanged", "onCreateOption", "isCreatable", "onToggle", "createText", "noResultsFoundText", "customBadgeText", "inputIdPrefix", "inputAutoComplete", "isInputValuePersisted", "isInputFilterPersisted", "menuAppendTo", "favorites", "onFavorite", "favoritesLabel", "footer", "loadingVariant", "isCreateSelectOptionObject", "shouldResetOnSelect"]);
|
|
624
635
|
const { focusFirstOption: openedOnEnter, typeaheadCurrIndex, typeaheadInputValue, typeaheadFilteredChildren, favoritesGroup } = this.state;
|
|
625
636
|
const selectToggleId = toggleId || `pf-select-toggle-id-${currentId++}`;
|
|
626
637
|
const selections = Array.isArray(selectionsProp) ? selectionsProp : [selectionsProp];
|
|
@@ -705,7 +716,7 @@ export class Select extends React.Component {
|
|
|
705
716
|
else if (event.key === KeyTypes.Tab && variant !== SelectVariant.checkbox && this.props.footer) {
|
|
706
717
|
// tab to footer or close menu if shift key
|
|
707
718
|
if (event.shiftKey) {
|
|
708
|
-
this.onToggle(false);
|
|
719
|
+
this.onToggle(false, event);
|
|
709
720
|
}
|
|
710
721
|
else {
|
|
711
722
|
const tabbableItems = findTabbableElements(this.footerRef, SelectFooterTabbableItems);
|
|
@@ -715,7 +726,7 @@ export class Select extends React.Component {
|
|
|
715
726
|
event.preventDefault();
|
|
716
727
|
}
|
|
717
728
|
else {
|
|
718
|
-
this.onToggle(false);
|
|
729
|
+
this.onToggle(false, event);
|
|
719
730
|
}
|
|
720
731
|
}
|
|
721
732
|
}
|
|
@@ -835,7 +846,14 @@ export class Select extends React.Component {
|
|
|
835
846
|
}
|
|
836
847
|
return null;
|
|
837
848
|
};
|
|
838
|
-
return (React.createElement(GenerateId, null, randomId => (React.createElement(SelectContext.Provider, { value: {
|
|
849
|
+
return (React.createElement(GenerateId, null, randomId => (React.createElement(SelectContext.Provider, { value: {
|
|
850
|
+
onSelect,
|
|
851
|
+
onFavorite,
|
|
852
|
+
onClose: this.onClose,
|
|
853
|
+
variant,
|
|
854
|
+
inputIdPrefix: inputIdPrefix || randomId,
|
|
855
|
+
shouldResetOnSelect
|
|
856
|
+
} }, menuAppendTo === 'inline' ? (mainContainer) : (React.createElement(Popper, { trigger: mainContainer, popper: popperContainer, direction: direction, appendTo: menuAppendTo === 'parent' ? getParentElement() : menuAppendTo, isVisible: isOpen }))))));
|
|
839
857
|
}
|
|
840
858
|
}
|
|
841
859
|
Select.displayName = 'Select';
|
|
@@ -884,6 +902,7 @@ Select.defaultProps = {
|
|
|
884
902
|
chipGroupComponent: null,
|
|
885
903
|
isInputValuePersisted: false,
|
|
886
904
|
isInputFilterPersisted: false,
|
|
887
|
-
isCreateSelectOptionObject: false
|
|
905
|
+
isCreateSelectOptionObject: false,
|
|
906
|
+
shouldResetOnSelect: true
|
|
888
907
|
};
|
|
889
908
|
//# sourceMappingURL=Select.js.map
|