@patternfly/react-core 4.217.0 → 4.217.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -0
- package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts +9 -1
- package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
- package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts +14 -1
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelector.js +4 -3
- package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +14 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +2 -2
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Dropdown/DropdownWithContext.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/DropdownWithContext.js +7 -3
- package/dist/esm/components/Dropdown/DropdownWithContext.js.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts +9 -1
- package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenu.js.map +1 -1
- package/dist/esm/components/Select/Select.d.ts +14 -1
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +7 -3
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts +1 -0
- package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/Popper.js.map +1 -1
- package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts +9 -1
- package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
- package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.d.ts +14 -1
- package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.js +4 -3
- package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.d.ts +14 -1
- package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.js +2 -2
- package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownWithContext.d.ts.map +1 -1
- package/dist/js/components/Dropdown/DropdownWithContext.js +7 -3
- package/dist/js/components/Dropdown/DropdownWithContext.js.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenu.d.ts +9 -1
- package/dist/js/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenu.js.map +1 -1
- package/dist/js/components/Select/Select.d.ts +14 -1
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +7 -3
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts +1 -0
- package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/Popper.js.map +1 -1
- package/dist/umd/react-core.js +20 -11
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/ApplicationLauncher/ApplicationLauncher.tsx +11 -1
- package/src/components/ContextSelector/ContextSelector.tsx +23 -3
- package/src/components/Dropdown/Dropdown.tsx +20 -2
- package/src/components/Dropdown/DropdownWithContext.tsx +6 -1
- package/src/components/OptionsMenu/OptionsMenu.tsx +12 -1
- package/src/components/Select/Select.tsx +20 -2
- package/src/helpers/Popper/Popper.tsx +1 -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.217.3 (2022-05-26)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **Select:** popper menu flips correctly ([#7434](https://github.com/patternfly/patternfly-react/issues/7434)) ([cc1eb21](https://github.com/patternfly/patternfly-react/commit/cc1eb2152246d03600a9fbbf678fd8b39f703347))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## 4.217.2 (2022-05-25)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 4.217.1 (2022-05-24)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
# 4.217.0 (2022-05-24)
|
|
7
34
|
|
|
8
35
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DropdownDirection, DropdownPosition } from '../Dropdown';
|
|
3
3
|
import { ToggleMenuBaseProps } from '../../helpers/Popper/Popper';
|
|
4
|
-
export interface ApplicationLauncherProps extends ToggleMenuBaseProps, React.HTMLProps<HTMLDivElement> {
|
|
4
|
+
export interface ApplicationLauncherProps extends Omit<ToggleMenuBaseProps, 'menuAppendTo'>, React.HTMLProps<HTMLDivElement> {
|
|
5
5
|
/** Additional element css classes */
|
|
6
6
|
className?: string;
|
|
7
7
|
/** Display menu above or below dropdown toggle */
|
|
@@ -24,6 +24,14 @@ export interface ApplicationLauncherProps extends ToggleMenuBaseProps, React.HTM
|
|
|
24
24
|
isGrouped?: boolean;
|
|
25
25
|
/** Toggle Icon, optional to override the icon used for the toggle */
|
|
26
26
|
toggleIcon?: React.ReactNode;
|
|
27
|
+
/** The container to append the menu to. Defaults to 'inline'.
|
|
28
|
+
* If your menu is being cut off you can append it to an element higher up the DOM tree.
|
|
29
|
+
* Some examples:
|
|
30
|
+
* menuAppendTo="parent"
|
|
31
|
+
* menuAppendTo={() => document.body}
|
|
32
|
+
* menuAppendTo={document.getElementById('target')}
|
|
33
|
+
*/
|
|
34
|
+
menuAppendTo?: HTMLElement | (() => HTMLElement) | 'inline' | 'parent';
|
|
27
35
|
/** ID list of favorited ApplicationLauncherItems */
|
|
28
36
|
favorites?: string[];
|
|
29
37
|
/** Enables favorites. Callback called when an ApplicationLauncherItem's favorite button is clicked */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplicationLauncher.d.ts","sourceRoot":"","sources":["../../../../src/components/ApplicationLauncher/ApplicationLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAmC,MAAM,aAAa,CAAC;AAMnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ApplicationLauncher.d.ts","sourceRoot":"","sources":["../../../../src/components/ApplicationLauncher/ApplicationLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAmC,MAAM,aAAa,CAAC;AAMnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAC/C,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjC,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,sGAAsG;IACtG,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,wCAAwC;IACxC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC;IAChF,MAAM,CAAC,WAAW,SAAyB;IAC3C,MAAM,CAAC,YAAY,EAAE,wBAAwB,CAkB3C;IAEF,eAAe,oBAkBb;IAEF,MAAM;CAqGP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplicationLauncher.js","sourceRoot":"","sources":["../../../../src/components/ApplicationLauncher/ApplicationLauncher.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,UAAU,MAAM,kEAAkE,CAAC;AAC1F,OAAO,MAAM,MAAM,gDAAgD,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ApplicationLauncher.js","sourceRoot":"","sources":["../../../../src/components/ApplicationLauncher/ApplicationLauncher.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ToggleMenuBaseProps } from '../../helpers/Popper/Popper';
|
|
3
3
|
import { OUIAProps } from '../../helpers';
|
|
4
|
-
export interface ContextSelectorProps extends ToggleMenuBaseProps, OUIAProps {
|
|
4
|
+
export interface ContextSelectorProps extends Omit<ToggleMenuBaseProps, 'menuAppendTo'>, OUIAProps {
|
|
5
5
|
/** content rendered inside the Context Selector */
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
/** Classes applied to root element of Context Selector */
|
|
@@ -12,6 +12,14 @@ export interface ContextSelectorProps extends ToggleMenuBaseProps, OUIAProps {
|
|
|
12
12
|
onToggle?: (event: any, value: boolean) => void;
|
|
13
13
|
/** Function callback called when user selects item */
|
|
14
14
|
onSelect?: (event: any, value: React.ReactNode) => void;
|
|
15
|
+
/** The container to append the menu to. Defaults to 'inline'.
|
|
16
|
+
* If your menu is being cut off you can append it to an element higher up the DOM tree.
|
|
17
|
+
* Some examples:
|
|
18
|
+
* menuAppendTo="parent"
|
|
19
|
+
* menuAppendTo={() => document.body}
|
|
20
|
+
* menuAppendTo={document.getElementById('target')}
|
|
21
|
+
*/
|
|
22
|
+
menuAppendTo?: HTMLElement | (() => HTMLElement) | 'inline' | 'parent';
|
|
15
23
|
/** Flag indicating that the context selector should expand to full height */
|
|
16
24
|
isFullHeight?: boolean;
|
|
17
25
|
/** Labels the Context Selector for Screen Readers */
|
|
@@ -36,6 +44,11 @@ export interface ContextSelectorProps extends ToggleMenuBaseProps, OUIAProps {
|
|
|
36
44
|
isText?: boolean;
|
|
37
45
|
/** Flag to disable focus trap */
|
|
38
46
|
disableFocusTrap?: boolean;
|
|
47
|
+
/** Flag for indicating that the context selector menu should automatically flip vertically when
|
|
48
|
+
* it reaches the boundary. This prop can only be used when the context selector component is not
|
|
49
|
+
* appended inline, e.g. `menuAppendTo="parent"`
|
|
50
|
+
*/
|
|
51
|
+
isFlipEnabled?: boolean;
|
|
39
52
|
}
|
|
40
53
|
export declare class ContextSelector extends React.Component<ContextSelectorProps, {
|
|
41
54
|
ouiaStateId: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAM1E,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"ContextSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAM1E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAAE,SAAS;IAChG,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACxD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,+BAA+B;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChF,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACjG,MAAM,CAAC,WAAW,SAAqB;IACvC,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAoBvC;gBACU,KAAK,EAAE,oBAAoB;IAOvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAqB;IAC/D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAqB;IAE/D,cAAc,UAAW,GAAG,UAI1B;IAEF,MAAM;CAyHP"}
|
|
@@ -34,8 +34,8 @@ export class ContextSelector extends React.Component {
|
|
|
34
34
|
const toggleId = `pf-context-selector-toggle-id-${newId}`;
|
|
35
35
|
const screenReaderLabelId = `pf-context-selector-label-id-${newId}`;
|
|
36
36
|
const searchButtonId = `pf-context-selector-search-button-id-${newId}`;
|
|
37
|
-
const _a = this.props, { children, className, isOpen, isFullHeight, onToggle, onSelect, screenReaderLabel, toggleText, searchButtonAriaLabel, searchInputValue, onSearchInputChange, searchInputPlaceholder, onSearchButtonClick, menuAppendTo, ouiaId, ouiaSafe, isPlain, isText, footer, disableFocusTrap } = _a, props = __rest(_a, ["children", "className", "isOpen", "isFullHeight", "onToggle", "onSelect", "screenReaderLabel", "toggleText", "searchButtonAriaLabel", "searchInputValue", "onSearchInputChange", "searchInputPlaceholder", "onSearchButtonClick", "menuAppendTo", "ouiaId", "ouiaSafe", "isPlain", "isText", "footer", "disableFocusTrap"]);
|
|
38
|
-
const menuContainer = (React.createElement("div", { className: css(styles.contextSelectorMenu) }, isOpen && (React.createElement(FocusTrap, { active: !disableFocusTrap, focusTrapOptions: { clickOutsideDeactivates: true } },
|
|
37
|
+
const _a = this.props, { children, className, isOpen, isFullHeight, onToggle, onSelect, screenReaderLabel, toggleText, searchButtonAriaLabel, searchInputValue, onSearchInputChange, searchInputPlaceholder, onSearchButtonClick, menuAppendTo, ouiaId, ouiaSafe, isPlain, isText, footer, disableFocusTrap, isFlipEnabled } = _a, props = __rest(_a, ["children", "className", "isOpen", "isFullHeight", "onToggle", "onSelect", "screenReaderLabel", "toggleText", "searchButtonAriaLabel", "searchInputValue", "onSearchInputChange", "searchInputPlaceholder", "onSearchButtonClick", "menuAppendTo", "ouiaId", "ouiaSafe", "isPlain", "isText", "footer", "disableFocusTrap", "isFlipEnabled"]);
|
|
38
|
+
const menuContainer = (React.createElement("div", Object.assign({ className: css(styles.contextSelectorMenu) }, (isFlipEnabled && { style: { position: 'revert' } })), isOpen && (React.createElement(FocusTrap, { active: !disableFocusTrap, focusTrapOptions: { clickOutsideDeactivates: true } },
|
|
39
39
|
React.createElement("div", { className: css(styles.contextSelectorMenuSearch) },
|
|
40
40
|
React.createElement(InputGroup, null,
|
|
41
41
|
React.createElement(TextInput, { value: searchInputValue, type: "search", placeholder: searchInputPlaceholder, onChange: onSearchInputChange, onKeyPress: this.onEnterPressed, "aria-labelledby": searchButtonId }),
|
|
@@ -77,6 +77,7 @@ ContextSelector.defaultProps = {
|
|
|
77
77
|
disableFocusTrap: false,
|
|
78
78
|
footer: null,
|
|
79
79
|
isPlain: false,
|
|
80
|
-
isText: false
|
|
80
|
+
isText: false,
|
|
81
|
+
isFlipEnabled: false
|
|
81
82
|
};
|
|
82
83
|
//# sourceMappingURL=ContextSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextSelector.js","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,UAAU,MAAM,oDAAoD,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE1E,kCAAkC;AAClC,IAAI,SAAS,GAAG,CAAC,CAAC;AAClB,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ContextSelector.js","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { DropdownPosition, DropdownDirection, DropdownContext } from './dropdownConstants';
|
|
3
3
|
import { ToggleMenuBaseProps } from '../../helpers/Popper/Popper';
|
|
4
4
|
import { OUIAProps } from '../../helpers';
|
|
5
|
-
export interface DropdownProps extends ToggleMenuBaseProps, React.HTMLProps<HTMLDivElement>, OUIAProps {
|
|
5
|
+
export interface DropdownProps extends Omit<ToggleMenuBaseProps, 'menuAppendTo'>, React.HTMLProps<HTMLDivElement>, OUIAProps {
|
|
6
6
|
/** Anything which can be rendered in a dropdown */
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
/** Classes applied to root element of dropdown */
|
|
@@ -29,6 +29,14 @@ export interface DropdownProps extends ToggleMenuBaseProps, React.HTMLProps<HTML
|
|
|
29
29
|
};
|
|
30
30
|
/** Display menu above or below dropdown toggle */
|
|
31
31
|
direction?: DropdownDirection | 'up' | 'down';
|
|
32
|
+
/** The container to append the menu to. Defaults to 'inline'.
|
|
33
|
+
* If your menu is being cut off you can append it to an element higher up the DOM tree.
|
|
34
|
+
* Some examples:
|
|
35
|
+
* menuAppendTo="parent"
|
|
36
|
+
* menuAppendTo={() => document.body}
|
|
37
|
+
* menuAppendTo={document.getElementById('target')}
|
|
38
|
+
*/
|
|
39
|
+
menuAppendTo?: HTMLElement | (() => HTMLElement) | 'inline' | 'parent';
|
|
32
40
|
/** Flag to indicate if dropdown has groups */
|
|
33
41
|
isGrouped?: boolean;
|
|
34
42
|
/** Toggle for the dropdown, examples: <DropdownToggle> or <DropdownToggleCheckbox> */
|
|
@@ -41,6 +49,11 @@ export interface DropdownProps extends ToggleMenuBaseProps, React.HTMLProps<HTML
|
|
|
41
49
|
autoFocus?: boolean;
|
|
42
50
|
/** Props for extreme customization of dropdown */
|
|
43
51
|
contextProps?: typeof DropdownContext;
|
|
52
|
+
/** Flag for indicating that the dropdown menu should automatically flip vertically when
|
|
53
|
+
* it reaches the boundary. This prop can only be used when the dropdown component is not
|
|
54
|
+
* appended inline, e.g. `menuAppendTo="parent"`
|
|
55
|
+
*/
|
|
56
|
+
isFlipEnabled?: boolean;
|
|
44
57
|
}
|
|
45
58
|
export declare const Dropdown: React.FunctionComponent<DropdownProps>;
|
|
46
59
|
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAC/C,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,SAAS;IACX,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,wHAAwH;IACxH,UAAU,CAAC,EAAE;QACX,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACtB,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACtB,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACtB,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KAC1B,CAAC;IACF,kDAAkD;IAClD,SAAS,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,eAAe,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAqC3D,CAAC"}
|
|
@@ -8,9 +8,9 @@ export const Dropdown = (_a) => {
|
|
|
8
8
|
var { onSelect,
|
|
9
9
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
10
10
|
ref, // Types of Ref are different for React.FunctionComponent vs React.Component
|
|
11
|
-
ouiaId, ouiaSafe, alignments, contextProps } = _a, props = __rest(_a, ["onSelect", "ref", "ouiaId", "ouiaSafe", "alignments", "contextProps"]);
|
|
11
|
+
ouiaId, ouiaSafe, alignments, contextProps, menuAppendTo = 'inline', isFlipEnabled = false } = _a, props = __rest(_a, ["onSelect", "ref", "ouiaId", "ouiaSafe", "alignments", "contextProps", "menuAppendTo", "isFlipEnabled"]);
|
|
12
12
|
return (React.createElement(DropdownContext.Provider, { value: Object.assign({ onSelect: event => onSelect && onSelect(event), toggleTextClass: styles.dropdownToggleText, toggleIconClass: styles.dropdownToggleImage, toggleIndicatorClass: styles.dropdownToggleIcon, menuClass: styles.dropdownMenu, itemClass: styles.dropdownMenuItem, toggleClass: styles.dropdownToggle, baseClass: styles.dropdown, baseComponent: 'div', sectionClass: styles.dropdownGroup, sectionTitleClass: styles.dropdownGroupTitle, sectionComponent: 'section', disabledClass: styles.modifiers.disabled, plainTextClass: styles.modifiers.text, ouiaId: useOUIAId(Dropdown.displayName, ouiaId), ouiaSafe, ouiaComponentType: Dropdown.displayName, alignments }, contextProps) },
|
|
13
|
-
React.createElement(DropdownWithContext, Object.assign({}, props))));
|
|
13
|
+
React.createElement(DropdownWithContext, Object.assign({ menuAppendTo: menuAppendTo, isFlipEnabled: isFlipEnabled }, props))));
|
|
14
14
|
};
|
|
15
15
|
Dropdown.displayName = 'Dropdown';
|
|
16
16
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAuC,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAuC,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;AA2DrD,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAWjD,EAAE,EAAE;QAX6C,EAC/D,QAAQ;IACR,6DAA6D;IAC7D,GAAG,EAAE,4EAA4E;IACjF,MAAM,EACN,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,YAAY,GAAG,QAAQ,EACvB,aAAa,GAAG,KAAK,OAEP,EADX,KAAK,cAVuD,wGAWhE,CADS;IACW,OAAA,CACnB,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,kBACH,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,EAC9C,eAAe,EAAE,MAAM,CAAC,kBAAkB,EAC1C,eAAe,EAAE,MAAM,CAAC,mBAAmB,EAC3C,oBAAoB,EAAE,MAAM,CAAC,kBAAkB,EAC/C,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAClC,WAAW,EAAE,MAAM,CAAC,cAAc,EAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,aAAa,EAAE,KAAK,EACpB,YAAY,EAAE,MAAM,CAAC,aAAa,EAClC,iBAAiB,EAAE,MAAM,CAAC,kBAAkB,EAC5C,gBAAgB,EAAE,SAAS,EAC3B,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,EACxC,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,EACrC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,EAC/C,QAAQ,EACR,iBAAiB,EAAE,QAAQ,CAAC,WAAW,EACvC,UAAU,IACP,YAAY;QAGjB,oBAAC,mBAAmB,kBAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,IAAM,KAAK,EAAI,CACnE,CAC5B,CAAA;CAAA,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWithContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownWithContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC;IACjF,MAAM,CAAC,WAAW,SAAyB;IAE3C,aAAa,UAAS;IACtB,gBAAgB,uBAA0B;IAC1C,gBAAgB,uBAA0B;IAG1C,MAAM,CAAC,SAAS,SAAK;IAErB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"DropdownWithContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownWithContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC;IACjF,MAAM,CAAC,WAAW,SAAyB;IAE3C,aAAa,UAAS;IACtB,gBAAgB,uBAA0B;IAC1C,gBAAgB,uBAA0B;IAG1C,MAAM,CAAC,SAAS,SAAK;IAErB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAa9C;gBAEU,KAAK,EAAE,aAAa,GAAG,SAAS;IAU5C,OAAO,aAEL;IAEF,kBAAkB;IAMlB,mBAAmB,YAAa,GAAG,UAEjC;IAEF,mBAAmB,6BAA+B;IAElD,MAAM;CAyHP"}
|
|
@@ -32,7 +32,7 @@ export class DropdownWithContext extends React.Component {
|
|
|
32
32
|
render() {
|
|
33
33
|
const _a = this.props, { children, className, direction, dropdownItems, isOpen, isPlain, isText, isGrouped, isFullHeight,
|
|
34
34
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
35
|
-
onSelect, position, toggle, autoFocus, menuAppendTo } = _a, props = __rest(_a, ["children", "className", "direction", "dropdownItems", "isOpen", "isPlain", "isText", "isGrouped", "isFullHeight", "onSelect", "position", "toggle", "autoFocus", "menuAppendTo"]);
|
|
35
|
+
onSelect, position, toggle, autoFocus, menuAppendTo, isFlipEnabled } = _a, props = __rest(_a, ["children", "className", "direction", "dropdownItems", "isOpen", "isPlain", "isText", "isGrouped", "isFullHeight", "onSelect", "position", "toggle", "autoFocus", "menuAppendTo", "isFlipEnabled"]);
|
|
36
36
|
const id = toggle.props.id || `pf-dropdown-toggle-id-${DropdownWithContext.currentId++}`;
|
|
37
37
|
let component;
|
|
38
38
|
let renderedContent;
|
|
@@ -49,7 +49,10 @@ export class DropdownWithContext extends React.Component {
|
|
|
49
49
|
const openedOnEnter = this.openedOnEnter;
|
|
50
50
|
return (React.createElement(DropdownContext.Consumer, null, ({ baseClass, baseComponent, id: contextId, ouiaId, ouiaComponentType, ouiaSafe, alignments }) => {
|
|
51
51
|
const BaseComponent = baseComponent;
|
|
52
|
-
const menuContainer = (React.createElement(DropdownMenu
|
|
52
|
+
const menuContainer = (React.createElement(DropdownMenu
|
|
53
|
+
// This removes the `position: absolute` styling from the `.pf-c-dropdown__menu`
|
|
54
|
+
// allowing the menu to flip correctly
|
|
55
|
+
, Object.assign({}, (isFlipEnabled && { style: { position: 'revert', minWidth: 'min-content' } }), { setMenuComponentRef: this.setMenuComponentRef, component: component, isOpen: isOpen, position: position, "aria-labelledby": contextId ? `${contextId}-toggle` : id, isGrouped: isGrouped, autoFocus: openedOnEnter && autoFocus, alignments: alignments }), renderedContent));
|
|
53
56
|
const popperContainer = (React.createElement("div", { className: css(baseClass, direction === DropdownDirection.up && styles.modifiers.top, position === DropdownPosition.right && styles.modifiers.alignRight, isOpen && styles.modifiers.expanded, className) }, isOpen && menuContainer));
|
|
54
57
|
const mainContainer = (React.createElement(BaseComponent, Object.assign({}, props, { className: css(baseClass, direction === DropdownDirection.up && styles.modifiers.top, position === DropdownPosition.right && styles.modifiers.alignRight, isOpen && styles.modifiers.expanded, isFullHeight && styles.modifiers.fullHeight, className), ref: this.baseComponentRef }, getOUIAProps(ouiaComponentType, ouiaId, ouiaSafe)),
|
|
55
58
|
React.Children.map(toggle, oneToggle => React.cloneElement(oneToggle, {
|
|
@@ -90,6 +93,7 @@ DropdownWithContext.defaultProps = {
|
|
|
90
93
|
direction: DropdownDirection.down,
|
|
91
94
|
onSelect: () => undefined,
|
|
92
95
|
autoFocus: true,
|
|
93
|
-
menuAppendTo: 'inline'
|
|
96
|
+
menuAppendTo: 'inline',
|
|
97
|
+
isFlipEnabled: false
|
|
94
98
|
};
|
|
95
99
|
//# sourceMappingURL=DropdownWithContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWithContext.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownWithContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAoC;
|
|
1
|
+
{"version":3,"file":"DropdownWithContext.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownWithContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ export declare enum OptionsMenuDirection {
|
|
|
9
9
|
up = "up",
|
|
10
10
|
down = "down"
|
|
11
11
|
}
|
|
12
|
-
export interface OptionsMenuProps extends ToggleMenuBaseProps, React.HTMLProps<HTMLDivElement>, OUIAProps {
|
|
12
|
+
export interface OptionsMenuProps extends Omit<ToggleMenuBaseProps, 'menuAppendTo'>, React.HTMLProps<HTMLDivElement>, OUIAProps {
|
|
13
13
|
/** Classes applied to root element of the options menu */
|
|
14
14
|
className?: string;
|
|
15
15
|
/** Id of the root element of the options menu */
|
|
@@ -30,6 +30,14 @@ export interface OptionsMenuProps extends ToggleMenuBaseProps, React.HTMLProps<H
|
|
|
30
30
|
position?: 'right' | 'left';
|
|
31
31
|
/** Menu will open up or open down from the options menu toggle */
|
|
32
32
|
direction?: 'up' | 'down';
|
|
33
|
+
/** The container to append the menu to. Defaults to 'inline'.
|
|
34
|
+
* If your menu is being cut off you can append it to an element higher up the DOM tree.
|
|
35
|
+
* Some examples:
|
|
36
|
+
* menuAppendTo="parent"
|
|
37
|
+
* menuAppendTo={() => document.body}
|
|
38
|
+
* menuAppendTo={document.getElementById('target')}
|
|
39
|
+
*/
|
|
40
|
+
menuAppendTo?: HTMLElement | (() => HTMLElement) | 'inline' | 'parent';
|
|
33
41
|
}
|
|
34
42
|
export declare const OptionsMenu: React.FunctionComponent<OptionsMenuProps>;
|
|
35
43
|
//# sourceMappingURL=OptionsMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,oBAAY,mBAAmB;IAC7B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,oBAAoB;IAC9B,EAAE,OAAO;IACT,IAAI,SAAS;CACd;AAED,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"OptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,oBAAY,mBAAmB;IAC7B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,oBAAoB;IAC9B,EAAE,OAAO;IACT,IAAI,SAAS;CACd;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAC/C,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,SAAS;IACX,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,2GAA2G;IAC3G,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,oGAAoG;IACpG,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,kEAAkE;IAClE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACxE;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CA0CjE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;AAGrD,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,sCAAe,CAAA;IACf,oCAAa,CAAA;AACf,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,qCAAa,CAAA;AACf,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B;
|
|
1
|
+
{"version":3,"file":"OptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;AAGrD,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,sCAAe,CAAA;IACf,oCAAa,CAAA;AACf,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,qCAAa,CAAA;AACf,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B;AAoCD,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAapD,EAAE,EAAE;QAbgD,EACrE,SAAS,GAAG,EAAE,EACd,SAAS,EACT,MAAM,EACN,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,EAAE;IACF,6DAA6D;IAC7D,GAAG,EACH,YAAY,GAAG,QAAQ,EACvB,MAAM,EACN,QAAQ,GAAG,IAAI,OAEE,EADd,KAAK,cAZ6D,8GAatE,CADS;IACc,OAAA,CACtB,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,EAAE;YACF,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;YACzB,oBAAoB,EAAE,MAAM,CAAC,qBAAqB;YAClD,eAAe,EAAE,MAAM,CAAC,qBAAqB;YAC7C,SAAS,EAAE,MAAM,CAAC,eAAe;YACjC,SAAS,EAAE,MAAM,CAAC,mBAAmB;YACrC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB;YAC/E,SAAS,EAAE,MAAM,CAAC,WAAW;YAC7B,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ;YACxC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;YACvC,aAAa,EAAE,KAAK;YACpB,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC;YAClD,QAAQ;YACR,iBAAiB,EAAE,WAAW,CAAC,WAAW;SAC3C;QAED,oBAAC,mBAAmB,kBAClB,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,IACtB,KAAK,EACT,CACuB,CAC5B,CAAA;CAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -10,7 +10,7 @@ export interface SelectViewMoreObject {
|
|
|
10
10
|
/** Callback for when the view more button is clicked */
|
|
11
11
|
onClick: (event: React.MouseEvent | React.ChangeEvent) => void;
|
|
12
12
|
}
|
|
13
|
-
export interface SelectProps extends ToggleMenuBaseProps, Omit<React.HTMLProps<HTMLDivElement>, 'onSelect' | 'ref' | 'checked' | 'selected'>, OUIAProps {
|
|
13
|
+
export interface SelectProps extends Omit<ToggleMenuBaseProps, 'menuAppendTo'>, Omit<React.HTMLProps<HTMLDivElement>, 'onSelect' | 'ref' | 'checked' | 'selected'>, OUIAProps {
|
|
14
14
|
/** Content rendered inside the Select. Must be React.ReactElement<SelectGroupProps>[] */
|
|
15
15
|
children?: React.ReactElement[];
|
|
16
16
|
/** Classes applied to the root of the Select */
|
|
@@ -121,6 +121,19 @@ export interface SelectProps extends ToggleMenuBaseProps, Omit<React.HTMLProps<H
|
|
|
121
121
|
shouldResetOnSelect?: boolean;
|
|
122
122
|
/** Content rendered in the footer of the select menu */
|
|
123
123
|
footer?: React.ReactNode;
|
|
124
|
+
/** The container to append the menu to. Defaults to 'inline'.
|
|
125
|
+
* If your menu is being cut off you can append it to an element higher up the DOM tree.
|
|
126
|
+
* Some examples:
|
|
127
|
+
* menuAppendTo="parent"
|
|
128
|
+
* menuAppendTo={() => document.body}
|
|
129
|
+
* menuAppendTo={document.getElementById('target')}
|
|
130
|
+
*/
|
|
131
|
+
menuAppendTo?: HTMLElement | (() => HTMLElement) | 'inline' | 'parent';
|
|
132
|
+
/** Flag for indicating that the select menu should automatically flip vertically when
|
|
133
|
+
* it reaches the boundary. This prop can only be used when the select component is not
|
|
134
|
+
* appended inline, e.g. `menuAppendTo="parent"`
|
|
135
|
+
*/
|
|
136
|
+
isFlipEnabled?: boolean;
|
|
124
137
|
}
|
|
125
138
|
export interface SelectState {
|
|
126
139
|
focusFirstOption: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAgB,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGlE,OAAO,EAGL,cAAc,EAGf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,EAIL,SAAS,EAET,YAAY,EAEb,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,mBAAmB,EAAU,MAAM,6BAA6B,CAAC;AAQ1E,MAAM,WAAW,oBAAoB;IACnC,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;CAChE;AACD,MAAM,WAAW,WACf,SAAQ,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -638,7 +638,7 @@ export class Select extends React.Component {
|
|
|
638
638
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
639
639
|
menuAppendTo, favorites, onFavorite,
|
|
640
640
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
641
|
-
favoritesLabel, footer, loadingVariant, isCreateSelectOptionObject, shouldResetOnSelect } = _a, props = __rest(_a, ["children", "chipGroupProps", "chipGroupComponent", "className", "customContent", "variant", "direction", "onSelect", "onClear", "onBlur", "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"]);
|
|
641
|
+
favoritesLabel, footer, loadingVariant, isCreateSelectOptionObject, shouldResetOnSelect, isFlipEnabled } = _a, props = __rest(_a, ["children", "chipGroupProps", "chipGroupComponent", "className", "customContent", "variant", "direction", "onSelect", "onClear", "onBlur", "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", "isFlipEnabled"]);
|
|
642
642
|
const { focusFirstOption: openedOnEnter, typeaheadCurrIndex, typeaheadInputValue, typeaheadFilteredChildren, favoritesGroup } = this.state;
|
|
643
643
|
const selectToggleId = toggleId || `pf-select-toggle-id-${currentId++}`;
|
|
644
644
|
const selections = Array.isArray(selectionsProp) ? selectionsProp : [selectionsProp];
|
|
@@ -804,7 +804,10 @@ export class Select extends React.Component {
|
|
|
804
804
|
break;
|
|
805
805
|
}
|
|
806
806
|
}
|
|
807
|
-
const innerMenu = (React.createElement(SelectMenu
|
|
807
|
+
const innerMenu = (React.createElement(SelectMenu
|
|
808
|
+
// This removes the `position: absolute` styling from the `.pf-c-select__menu`
|
|
809
|
+
// allowing the menu to flip correctly
|
|
810
|
+
, Object.assign({}, (isFlipEnabled && { style: { position: 'revert' } }), props, { isGrouped: isGrouped, selected: selections }, variantProps, { openedOnEnter: openedOnEnter, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, sendRef: this.sendRef, keyHandler: this.handleMenuKeys, maxHeight: maxHeight, ref: this.menuComponentRef, footer: footer, footerRef: this.footerRef, isLastOptionBeforeFooter: this.isLastOptionBeforeFooter }), variantChildren));
|
|
808
811
|
const menuContainer = footer ? React.createElement("div", { className: css(styles.selectMenu) },
|
|
809
812
|
" ",
|
|
810
813
|
innerMenu,
|
|
@@ -910,6 +913,7 @@ Select.defaultProps = {
|
|
|
910
913
|
isInputValuePersisted: false,
|
|
911
914
|
isInputFilterPersisted: false,
|
|
912
915
|
isCreateSelectOptionObject: false,
|
|
913
|
-
shouldResetOnSelect: true
|
|
916
|
+
shouldResetOnSelect: true,
|
|
917
|
+
isFlipEnabled: false
|
|
914
918
|
};
|
|
915
919
|
//# sourceMappingURL=Select.js.map
|