@patternfly/react-core 6.6.0-prerelease.9 → 6.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Compass/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hero/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/SSRSafeIds/SSRSafeIds/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useSSRSafeId/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js +2 -2
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
- package/dist/esm/components/FormSelect/FormSelect.js +2 -2
- package/dist/esm/components/FormSelect/FormSelect.js.map +1 -1
- package/dist/esm/components/Hero/Hero.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +2 -2
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Popover/Popover.d.ts +4 -2
- package/dist/esm/components/Popover/Popover.d.ts.map +1 -1
- package/dist/esm/components/Popover/Popover.js +1 -1
- package/dist/esm/components/Popover/Popover.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +3 -4
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.js +2 -2
- package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.js +2 -2
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
- package/dist/js/components/FormSelect/FormSelect.js +2 -2
- package/dist/js/components/FormSelect/FormSelect.js.map +1 -1
- package/dist/js/components/Hero/Hero.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +2 -2
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Popover/Popover.d.ts +4 -2
- package/dist/js/components/Popover/Popover.d.ts.map +1 -1
- package/dist/js/components/Popover/Popover.js +1 -1
- package/dist/js/components/Popover/Popover.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +3 -4
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.js +2 -2
- package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/umd/assets/{output-rv6x2MoN.css → output-Bdtn4DVz.css} +21655 -21652
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +1 -1
- package/src/components/DualListSelector/DualListSelectorTreeItem.tsx +2 -2
- package/src/components/FormSelect/FormSelect.tsx +2 -2
- package/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap +9 -9
- package/src/components/Hero/Hero.tsx +1 -1
- package/src/components/Menu/examples/Menu.md +1 -1
- package/src/components/MenuToggle/MenuToggle.tsx +2 -2
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +8 -8
- package/src/components/Modal/examples/Modal.md +0 -1
- package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +1 -1
- package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +20 -20
- package/src/components/Popover/Popover.tsx +5 -3
- package/src/components/Popover/examples/Popover.md +5 -1
- package/src/components/SearchInput/SearchInput.tsx +3 -4
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +11 -35
- package/src/components/TreeView/TreeViewListItem.tsx +2 -2
- package/src/components/TreeView/__tests__/__snapshots__/TreeViewListItem.test.tsx.snap +1 -1
- package/src/demos/CustomMenus/CustomMenus.md +2 -2
- package/src/deprecated/components/Modal/examples/Modal.md +0 -1
package/helpers/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.6.0
|
|
1
|
+
{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.6.0","private":true}
|
package/layouts/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.6.0
|
|
1
|
+
{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.6.0","private":true}
|
package/next/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.6.0
|
|
1
|
+
{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.6.0","private":true}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-core",
|
|
3
|
-
"version": "6.6.
|
|
3
|
+
"version": "6.6.1",
|
|
4
4
|
"description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -46,15 +46,15 @@
|
|
|
46
46
|
"subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@patternfly/react-icons": "^6.6.
|
|
50
|
-
"@patternfly/react-styles": "^6.6.
|
|
51
|
-
"@patternfly/react-tokens": "^6.6.
|
|
49
|
+
"@patternfly/react-icons": "^6.6.1",
|
|
50
|
+
"@patternfly/react-styles": "^6.6.1",
|
|
51
|
+
"@patternfly/react-tokens": "^6.6.1",
|
|
52
52
|
"focus-trap": "7.6.6",
|
|
53
53
|
"react-dropzone": "^14.3.5",
|
|
54
54
|
"tslib": "^2.8.1"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
|
-
"@patternfly/patternfly": "6.6.
|
|
57
|
+
"@patternfly/patternfly": "6.6.1",
|
|
58
58
|
"case-anything": "^3.1.2",
|
|
59
59
|
"css": "^3.0.0",
|
|
60
60
|
"fs-extra": "^11.3.3"
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"react": "^17 || ^18 || ^19",
|
|
64
64
|
"react-dom": "^17 || ^18 || ^19"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "a9477a0faacc1cd89ac4e65cec6b8b806c7ba2b3"
|
|
67
67
|
}
|
|
@@ -8,7 +8,7 @@ ouia: true
|
|
|
8
8
|
|
|
9
9
|
import { useRef, useState } from 'react';
|
|
10
10
|
import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
|
|
11
|
-
import
|
|
11
|
+
import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
|
|
12
12
|
|
|
13
13
|
## Examples
|
|
14
14
|
|
|
@@ -165,7 +165,7 @@ exports[`With popover opened 1`] = `
|
|
|
165
165
|
width="1em"
|
|
166
166
|
>
|
|
167
167
|
<path
|
|
168
|
-
d="
|
|
168
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
169
169
|
/>
|
|
170
170
|
</svg>
|
|
171
171
|
</span>
|
|
@@ -3,7 +3,7 @@ import styles from '@patternfly/react-styles/css/components/DualListSelector/dua
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import { DualListSelectorTreeItemData } from './DualListSelectorTree';
|
|
5
5
|
import { Badge } from '../Badge';
|
|
6
|
-
import
|
|
6
|
+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
|
|
7
7
|
import { flattenTree } from './treeUtils';
|
|
8
8
|
import { DualListSelectorListContext } from './DualListSelectorContext';
|
|
9
9
|
import { useHasAnimations } from '../../helpers';
|
|
@@ -136,7 +136,7 @@ const DualListSelectorTreeItemBase: React.FunctionComponent<DualListSelectorTree
|
|
|
136
136
|
tabIndex={-1}
|
|
137
137
|
>
|
|
138
138
|
<span className={css(styles.dualListSelectorItemToggleIcon)}>
|
|
139
|
-
<
|
|
139
|
+
<RhMicronsCaretRightIcon />
|
|
140
140
|
</span>
|
|
141
141
|
</div>
|
|
142
142
|
)}
|
|
@@ -6,7 +6,7 @@ import { ValidatedOptions } from '../../helpers/constants';
|
|
|
6
6
|
import { FormControlIcon } from '../FormControl/FormControlIcon';
|
|
7
7
|
import { getOUIAProps, OUIAProps } from '../../helpers';
|
|
8
8
|
import { SSRSafeIds } from '../../helpers/SSRSafeIds/SSRSafeIds';
|
|
9
|
-
import
|
|
9
|
+
import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
|
|
10
10
|
|
|
11
11
|
export interface FormSelectProps
|
|
12
12
|
extends Omit<React.HTMLProps<HTMLSelectElement>, 'onChange' | 'onBlur' | 'onFocus' | 'disabled'>, OUIAProps {
|
|
@@ -98,7 +98,7 @@ class FormSelect extends Component<FormSelectProps> {
|
|
|
98
98
|
<span className={css(styles.formControlUtilities)}>
|
|
99
99
|
{hasStatusIcon && <FormControlIcon status={validated as 'success' | 'error' | 'warning'} />}
|
|
100
100
|
<span className={css(styles.formControlToggleIcon)}>
|
|
101
|
-
<
|
|
101
|
+
<RhMicronsCaretDownFillIcon />
|
|
102
102
|
</span>
|
|
103
103
|
</span>
|
|
104
104
|
</span>
|
|
@@ -36,7 +36,7 @@ exports[`FormSelect Disabled FormSelect input 1`] = `
|
|
|
36
36
|
width="1em"
|
|
37
37
|
>
|
|
38
38
|
<path
|
|
39
|
-
d="
|
|
39
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
40
40
|
/>
|
|
41
41
|
</svg>
|
|
42
42
|
</span>
|
|
@@ -80,7 +80,7 @@ exports[`FormSelect FormSelect input with aria-label does not generate console e
|
|
|
80
80
|
width="1em"
|
|
81
81
|
>
|
|
82
82
|
<path
|
|
83
|
-
d="
|
|
83
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
84
84
|
/>
|
|
85
85
|
</svg>
|
|
86
86
|
</span>
|
|
@@ -125,7 +125,7 @@ exports[`FormSelect FormSelect input with id does not generate console error 1`]
|
|
|
125
125
|
width="1em"
|
|
126
126
|
>
|
|
127
127
|
<path
|
|
128
|
-
d="
|
|
128
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
129
129
|
/>
|
|
130
130
|
</svg>
|
|
131
131
|
</span>
|
|
@@ -168,7 +168,7 @@ exports[`FormSelect FormSelect input with no aria-label or id generates console
|
|
|
168
168
|
width="1em"
|
|
169
169
|
>
|
|
170
170
|
<path
|
|
171
|
-
d="
|
|
171
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
172
172
|
/>
|
|
173
173
|
</svg>
|
|
174
174
|
</span>
|
|
@@ -258,7 +258,7 @@ exports[`FormSelect Grouped FormSelect input 1`] = `
|
|
|
258
258
|
width="1em"
|
|
259
259
|
>
|
|
260
260
|
<path
|
|
261
|
-
d="
|
|
261
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
262
262
|
/>
|
|
263
263
|
</svg>
|
|
264
264
|
</span>
|
|
@@ -340,7 +340,7 @@ exports[`FormSelect Simple FormSelect input 1`] = `
|
|
|
340
340
|
width="1em"
|
|
341
341
|
>
|
|
342
342
|
<path
|
|
343
|
-
d="
|
|
343
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
344
344
|
/>
|
|
345
345
|
</svg>
|
|
346
346
|
</span>
|
|
@@ -401,7 +401,7 @@ exports[`FormSelect invalid FormSelect input 1`] = `
|
|
|
401
401
|
width="1em"
|
|
402
402
|
>
|
|
403
403
|
<path
|
|
404
|
-
d="
|
|
404
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
405
405
|
/>
|
|
406
406
|
</svg>
|
|
407
407
|
</span>
|
|
@@ -462,7 +462,7 @@ exports[`FormSelect validated success FormSelect input 1`] = `
|
|
|
462
462
|
width="1em"
|
|
463
463
|
>
|
|
464
464
|
<path
|
|
465
|
-
d="
|
|
465
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
466
466
|
/>
|
|
467
467
|
</svg>
|
|
468
468
|
</span>
|
|
@@ -523,7 +523,7 @@ exports[`FormSelect validated warning FormSelect input 1`] = `
|
|
|
523
523
|
width="1em"
|
|
524
524
|
>
|
|
525
525
|
<path
|
|
526
|
-
d="
|
|
526
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
527
527
|
/>
|
|
528
528
|
</svg>
|
|
529
529
|
</span>
|
|
@@ -53,7 +53,7 @@ export const Hero: React.FunctionComponent<HeroProps> = ({
|
|
|
53
53
|
bodyWidth,
|
|
54
54
|
bodyMaxWidth,
|
|
55
55
|
...props
|
|
56
|
-
}) => {
|
|
56
|
+
}: HeroProps) => {
|
|
57
57
|
const customStyles: { [key: string]: string } = {};
|
|
58
58
|
if (backgroundSrcLight) {
|
|
59
59
|
customStyles[heroBackgroundImageLight.name] = `url(${backgroundSrcLight})`;
|
|
@@ -30,7 +30,7 @@ import RhUiTableIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-table-ic
|
|
|
30
30
|
import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
|
|
31
31
|
import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
|
|
32
32
|
import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
|
|
33
|
-
import
|
|
33
|
+
import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
|
|
34
34
|
|
|
35
35
|
## Examples
|
|
36
36
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Component, forwardRef, isValidElement } from 'react';
|
|
2
2
|
import styles from '@patternfly/react-styles/css/components/MenuToggle/menu-toggle';
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
|
-
import
|
|
4
|
+
import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
|
|
5
5
|
import { BadgeProps } from '../Badge';
|
|
6
6
|
import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
|
|
7
7
|
import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
|
|
@@ -154,7 +154,7 @@ class MenuToggleBase extends Component<MenuToggleProps> {
|
|
|
154
154
|
<span className={css(styles.menuToggleControls)}>
|
|
155
155
|
{status !== undefined && <span className={css(styles.menuToggleStatusIcon)}>{_statusIcon}</span>}
|
|
156
156
|
<span className={css(styles.menuToggleToggleIcon)}>
|
|
157
|
-
<
|
|
157
|
+
<RhMicronsCaretDownFillIcon />
|
|
158
158
|
</span>
|
|
159
159
|
</span>
|
|
160
160
|
);
|
|
@@ -31,7 +31,7 @@ exports[`Old Snapshot tests - remove when refactoring passes additional classes
|
|
|
31
31
|
width="1em"
|
|
32
32
|
>
|
|
33
33
|
<path
|
|
34
|
-
d="
|
|
34
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
35
35
|
/>
|
|
36
36
|
</svg>
|
|
37
37
|
</span>
|
|
@@ -71,7 +71,7 @@ exports[`Old Snapshot tests - remove when refactoring renders successfully 1`] =
|
|
|
71
71
|
width="1em"
|
|
72
72
|
>
|
|
73
73
|
<path
|
|
74
|
-
d="
|
|
74
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
75
75
|
/>
|
|
76
76
|
</svg>
|
|
77
77
|
</span>
|
|
@@ -120,7 +120,7 @@ exports[`Old Snapshot tests - remove when refactoring shows badge 1`] = `
|
|
|
120
120
|
width="1em"
|
|
121
121
|
>
|
|
122
122
|
<path
|
|
123
|
-
d="
|
|
123
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
124
124
|
/>
|
|
125
125
|
</svg>
|
|
126
126
|
</span>
|
|
@@ -177,7 +177,7 @@ exports[`Old Snapshot tests - remove when refactoring shows icon 1`] = `
|
|
|
177
177
|
width="1em"
|
|
178
178
|
>
|
|
179
179
|
<path
|
|
180
|
-
d="
|
|
180
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
181
181
|
/>
|
|
182
182
|
</svg>
|
|
183
183
|
</span>
|
|
@@ -218,7 +218,7 @@ exports[`Old Snapshot tests - remove when refactoring shows isDisabled 1`] = `
|
|
|
218
218
|
width="1em"
|
|
219
219
|
>
|
|
220
220
|
<path
|
|
221
|
-
d="
|
|
221
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
222
222
|
/>
|
|
223
223
|
</svg>
|
|
224
224
|
</span>
|
|
@@ -258,7 +258,7 @@ exports[`Old Snapshot tests - remove when refactoring shows isExpanded 1`] = `
|
|
|
258
258
|
width="1em"
|
|
259
259
|
>
|
|
260
260
|
<path
|
|
261
|
-
d="
|
|
261
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
262
262
|
/>
|
|
263
263
|
</svg>
|
|
264
264
|
</span>
|
|
@@ -329,7 +329,7 @@ exports[`Old Snapshot tests - remove when refactoring shows isPrimary 1`] = `
|
|
|
329
329
|
width="1em"
|
|
330
330
|
>
|
|
331
331
|
<path
|
|
332
|
-
d="
|
|
332
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
333
333
|
/>
|
|
334
334
|
</svg>
|
|
335
335
|
</span>
|
|
@@ -369,7 +369,7 @@ exports[`Old Snapshot tests - remove when refactoring shows plain text 1`] = `
|
|
|
369
369
|
width="1em"
|
|
370
370
|
>
|
|
371
371
|
<path
|
|
372
|
-
d="
|
|
372
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
373
373
|
/>
|
|
374
374
|
</svg>
|
|
375
375
|
</span>
|
|
@@ -8,7 +8,6 @@ ouia: true
|
|
|
8
8
|
|
|
9
9
|
import { Fragment, useRef, useState } from 'react';
|
|
10
10
|
import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon';
|
|
11
|
-
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
|
|
12
11
|
import RhUiAttentionBellFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-fill-icon';
|
|
13
12
|
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
|
|
14
13
|
import formStyles from '@patternfly/react-styles/css/components/Form/form';
|
|
@@ -43,7 +43,7 @@ exports[`PaginationOptionsMenu should match snapshot (auto-generated) 1`] = `
|
|
|
43
43
|
width="1em"
|
|
44
44
|
>
|
|
45
45
|
<path
|
|
46
|
-
d="
|
|
46
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
47
47
|
/>
|
|
48
48
|
</svg>
|
|
49
49
|
</span>
|
|
@@ -63,7 +63,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
|
|
|
63
63
|
width="1em"
|
|
64
64
|
>
|
|
65
65
|
<path
|
|
66
|
-
d="
|
|
66
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
67
67
|
/>
|
|
68
68
|
</svg>
|
|
69
69
|
</span>
|
|
@@ -324,7 +324,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
|
|
|
324
324
|
width="1em"
|
|
325
325
|
>
|
|
326
326
|
<path
|
|
327
|
-
d="
|
|
327
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
328
328
|
/>
|
|
329
329
|
</svg>
|
|
330
330
|
</span>
|
|
@@ -585,7 +585,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
|
|
|
585
585
|
width="1em"
|
|
586
586
|
>
|
|
587
587
|
<path
|
|
588
|
-
d="
|
|
588
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
589
589
|
/>
|
|
590
590
|
</svg>
|
|
591
591
|
</span>
|
|
@@ -846,7 +846,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
|
|
|
846
846
|
width="1em"
|
|
847
847
|
>
|
|
848
848
|
<path
|
|
849
|
-
d="
|
|
849
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
850
850
|
/>
|
|
851
851
|
</svg>
|
|
852
852
|
</span>
|
|
@@ -1107,7 +1107,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
|
|
|
1107
1107
|
width="1em"
|
|
1108
1108
|
>
|
|
1109
1109
|
<path
|
|
1110
|
-
d="
|
|
1110
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
1111
1111
|
/>
|
|
1112
1112
|
</svg>
|
|
1113
1113
|
</span>
|
|
@@ -1368,7 +1368,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
|
|
|
1368
1368
|
width="1em"
|
|
1369
1369
|
>
|
|
1370
1370
|
<path
|
|
1371
|
-
d="
|
|
1371
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
1372
1372
|
/>
|
|
1373
1373
|
</svg>
|
|
1374
1374
|
</span>
|
|
@@ -1615,7 +1615,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
|
|
|
1615
1615
|
width="1em"
|
|
1616
1616
|
>
|
|
1617
1617
|
<path
|
|
1618
|
-
d="
|
|
1618
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
1619
1619
|
/>
|
|
1620
1620
|
</svg>
|
|
1621
1621
|
</span>
|
|
@@ -1880,7 +1880,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
|
|
|
1880
1880
|
width="1em"
|
|
1881
1881
|
>
|
|
1882
1882
|
<path
|
|
1883
|
-
d="
|
|
1883
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
1884
1884
|
/>
|
|
1885
1885
|
</svg>
|
|
1886
1886
|
</span>
|
|
@@ -2145,7 +2145,7 @@ exports[`Pagination component render custom start end 1`] = `
|
|
|
2145
2145
|
width="1em"
|
|
2146
2146
|
>
|
|
2147
2147
|
<path
|
|
2148
|
-
d="
|
|
2148
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
2149
2149
|
/>
|
|
2150
2150
|
</svg>
|
|
2151
2151
|
</span>
|
|
@@ -2625,7 +2625,7 @@ exports[`Pagination component render last page 1`] = `
|
|
|
2625
2625
|
width="1em"
|
|
2626
2626
|
>
|
|
2627
2627
|
<path
|
|
2628
|
-
d="
|
|
2628
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
2629
2629
|
/>
|
|
2630
2630
|
</svg>
|
|
2631
2631
|
</span>
|
|
@@ -2890,7 +2890,7 @@ exports[`Pagination component render limited number of pages 1`] = `
|
|
|
2890
2890
|
width="1em"
|
|
2891
2891
|
>
|
|
2892
2892
|
<path
|
|
2893
|
-
d="
|
|
2893
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
2894
2894
|
/>
|
|
2895
2895
|
</svg>
|
|
2896
2896
|
</span>
|
|
@@ -3146,7 +3146,7 @@ exports[`Pagination component render should render correctly bottom 1`] = `
|
|
|
3146
3146
|
width="1em"
|
|
3147
3147
|
>
|
|
3148
3148
|
<path
|
|
3149
|
-
d="
|
|
3149
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
3150
3150
|
/>
|
|
3151
3151
|
</svg>
|
|
3152
3152
|
</span>
|
|
@@ -3399,7 +3399,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
|
|
|
3399
3399
|
width="1em"
|
|
3400
3400
|
>
|
|
3401
3401
|
<path
|
|
3402
|
-
d="
|
|
3402
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
3403
3403
|
/>
|
|
3404
3404
|
</svg>
|
|
3405
3405
|
</span>
|
|
@@ -3664,7 +3664,7 @@ exports[`Pagination component render should render correctly compact 1`] = `
|
|
|
3664
3664
|
width="1em"
|
|
3665
3665
|
>
|
|
3666
3666
|
<path
|
|
3667
|
-
d="
|
|
3667
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
3668
3668
|
/>
|
|
3669
3669
|
</svg>
|
|
3670
3670
|
</span>
|
|
@@ -3930,7 +3930,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
|
|
|
3930
3930
|
width="1em"
|
|
3931
3931
|
>
|
|
3932
3932
|
<path
|
|
3933
|
-
d="
|
|
3933
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
3934
3934
|
/>
|
|
3935
3935
|
</svg>
|
|
3936
3936
|
</span>
|
|
@@ -4198,7 +4198,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
|
|
|
4198
4198
|
width="1em"
|
|
4199
4199
|
>
|
|
4200
4200
|
<path
|
|
4201
|
-
d="
|
|
4201
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
4202
4202
|
/>
|
|
4203
4203
|
</svg>
|
|
4204
4204
|
</span>
|
|
@@ -4463,7 +4463,7 @@ exports[`Pagination component render should render correctly top 1`] = `
|
|
|
4463
4463
|
width="1em"
|
|
4464
4464
|
>
|
|
4465
4465
|
<path
|
|
4466
|
-
d="
|
|
4466
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
4467
4467
|
/>
|
|
4468
4468
|
</svg>
|
|
4469
4469
|
</span>
|
|
@@ -4728,7 +4728,7 @@ exports[`Pagination component render titles 1`] = `
|
|
|
4728
4728
|
width="1em"
|
|
4729
4729
|
>
|
|
4730
4730
|
<path
|
|
4731
|
-
d="
|
|
4731
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
4732
4732
|
/>
|
|
4733
4733
|
</svg>
|
|
4734
4734
|
</span>
|
|
@@ -4993,7 +4993,7 @@ exports[`Pagination component render up drop direction 1`] = `
|
|
|
4993
4993
|
width="1em"
|
|
4994
4994
|
>
|
|
4995
4995
|
<path
|
|
4996
|
-
d="
|
|
4996
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
4997
4997
|
/>
|
|
4998
4998
|
</svg>
|
|
4999
4999
|
</span>
|
|
@@ -5258,7 +5258,7 @@ exports[`Pagination component render zero results 1`] = `
|
|
|
5258
5258
|
width="1em"
|
|
5259
5259
|
>
|
|
5260
5260
|
<path
|
|
5261
|
-
d="
|
|
5261
|
+
d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
|
|
5262
5262
|
/>
|
|
5263
5263
|
</svg>
|
|
5264
5264
|
</span>
|
|
@@ -205,9 +205,11 @@ export interface PopoverProps {
|
|
|
205
205
|
shouldOpen?: (event: MouseEvent | KeyboardEvent, showFunction?: () => void) => void;
|
|
206
206
|
/** Flag indicating whether the close button should be shown. */
|
|
207
207
|
showClose?: boolean;
|
|
208
|
-
/** Sets an interaction to open popover, defaults to "click" */
|
|
208
|
+
/** @deprecated Sets an interaction to open popover, defaults to "click" */
|
|
209
209
|
triggerAction?: 'click' | 'hover';
|
|
210
|
-
/** Whether to trap focus in the popover.
|
|
210
|
+
/** Whether to trap focus in the popover. When using a triggerAction of "hover", this will be set to false
|
|
211
|
+
* by default and must remain false.
|
|
212
|
+
*/
|
|
211
213
|
withFocusTrap?: boolean;
|
|
212
214
|
/** The z-index of the popover. */
|
|
213
215
|
zIndex?: number;
|
|
@@ -267,7 +269,7 @@ export const Popover: React.FunctionComponent<PopoverProps> = ({
|
|
|
267
269
|
],
|
|
268
270
|
animationDuration = 300,
|
|
269
271
|
id,
|
|
270
|
-
withFocusTrap: propWithFocusTrap,
|
|
272
|
+
withFocusTrap: propWithFocusTrap = triggerAction === 'hover' ? false : undefined,
|
|
271
273
|
triggerRef,
|
|
272
274
|
hasNoPadding = false,
|
|
273
275
|
hasAutoWidth = false,
|
|
@@ -25,7 +25,11 @@ By default, the `appendTo` prop of the popover will append to the document body
|
|
|
25
25
|
|
|
26
26
|
### Hoverable
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
Pass the `triggerAction="hover"` property to make a `<Popover>` that is triggered via hover and focus rather than on click. When using a hoverable Popover, you **must not** include any interactive or semantic content (e.g. buttons, links, headings, lists, etc), as focus is not intended to enter a hoverable `<Popover>`. Including such content may cause an inaccessible UI for users who are not able to reach the content when navigating via assistive tech.
|
|
29
|
+
|
|
30
|
+
It is instead recommended to use our [tooltip component](/components/tooltip).
|
|
31
|
+
|
|
32
|
+
```ts isDeprecated file="./PopoverHover.tsx"
|
|
29
33
|
|
|
30
34
|
```
|
|
31
35
|
|
|
@@ -3,12 +3,11 @@ import { css } from '@patternfly/react-styles';
|
|
|
3
3
|
import { Button, ButtonVariant } from '../Button';
|
|
4
4
|
import { Badge } from '../Badge';
|
|
5
5
|
import { Icon } from '../Icon';
|
|
6
|
-
import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
|
|
7
6
|
import AngleUpIcon from '@patternfly/react-icons/dist/esm/icons/angle-up-icon';
|
|
8
7
|
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
9
8
|
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
|
|
10
9
|
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
|
|
11
|
-
import
|
|
10
|
+
import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
|
|
12
11
|
import { AdvancedSearchMenu } from './AdvancedSearchMenu';
|
|
13
12
|
import { TextInputGroup, TextInputGroupMain, TextInputGroupUtilities } from '../TextInputGroup';
|
|
14
13
|
import { InputGroup, InputGroupItem } from '../InputGroup';
|
|
@@ -340,7 +339,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
|
|
|
340
339
|
aria-label={nextNavigationButtonAriaLabel}
|
|
341
340
|
isDisabled={isDisabled || isNextNavigationButtonDisabled}
|
|
342
341
|
onClick={onNextClick}
|
|
343
|
-
icon={<
|
|
342
|
+
icon={<RhMicronsCaretDownFillIcon />}
|
|
344
343
|
/>
|
|
345
344
|
</div>
|
|
346
345
|
)}
|
|
@@ -465,7 +464,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
|
|
|
465
464
|
onClick={onToggle}
|
|
466
465
|
isDisabled={isDisabled}
|
|
467
466
|
aria-expanded={isSearchMenuOpen}
|
|
468
|
-
icon={<
|
|
467
|
+
icon={<RhMicronsCaretDownFillIcon />}
|
|
469
468
|
/>
|
|
470
469
|
</InputGroupItem>
|
|
471
470
|
)}
|