@patternfly/react-core 4.261.0 → 4.262.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.261.0",
+  "version": "4.262.0",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -70,5 +70,5 @@
     "react": "^16.8 || ^17 || ^18",
     "react-dom": "^16.8 || ^17 || ^18"
   },
-  "gitHead": "5d1af989ad4a302d1fa53c4658f033ad0fa1abef"
+  "gitHead": "441c5d2ff327a5c9b97eaa299c1c8b9b929f38e1"
 }

package/src/components/Menu/examples/Menu.md

@@ -38,9 +38,9 @@ import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-ico
 ```ts file="./MenuWithCheckbox.tsx"
 ```
 
-### Filtering with text input
+### Filtering with search input
 
-```ts file="MenuFilteringWithTextInput.tsx"
+```ts file="MenuFilteringWithSearchInput.tsx"
 ```
 
 ### With links

package/src/components/Menu/examples/{MenuFilteringWithTextInput.tsx → MenuFilteringWithSearchInput.tsx}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Menu, MenuList, MenuItem, MenuContent, MenuInput, TextInput, Divider } from '@patternfly/react-core';
+import { Menu, MenuList, MenuItem, MenuContent, MenuInput, Divider, SearchInput } from '@patternfly/react-core';
 
-export const MenuFilteringWithTextInput: React.FunctionComponent = () => {
+export const MenuFilteringWithSearchInput: React.FunctionComponent = () => {
   const [activeItem, setActiveItem] = React.useState(0);
   const [input, setInput] = React.useState('');
 
@@ -35,10 +35,9 @@ export const MenuFilteringWithTextInput: React.FunctionComponent = () => {
   return (
     <Menu onSelect={onSelect} activeItemId={activeItem}>
       <MenuInput>
-        <TextInput
+        <SearchInput
           value={input}
           aria-label="Filter menu items"
-          iconVariant="search"
           type="search"
           onChange={value => handleTextInputChange(value)}
         />

package/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx

@@ -10,7 +10,7 @@ import {
   Popper,
   Tooltip,
   Divider,
-  TextInput
+  SearchInput
 } from '@patternfly/react-core';
 import { Link } from '@reach/router';
 import ThIcon from '@patternfly/react-icons/dist/js/icons/th-icon';
@@ -250,12 +250,7 @@ export const ComposableApplicationLauncher: React.FunctionComponent = () => {
     // eslint-disable-next-line no-console
     <Menu ref={menuRef} onActionClick={onFavorite} onSelect={(_ev, itemId) => console.log('selected', itemId)}>
       <MenuInput>
-        <TextInput
-          aria-label="Filter menu items"
-          iconVariant="search"
-          type="search"
-          onChange={value => onTextChange(value)}
-        />
+        <SearchInput aria-label="Filter menu items" type="search" onChange={value => onTextChange(value)} />
       </MenuInput>
       <Divider />
       <MenuContent>

package/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx

@@ -9,10 +9,10 @@ import {
   MenuInput,
   Popper,
   Divider,
-  TextInput,
   InputGroup,
   Button,
-  ButtonVariant
+  ButtonVariant,
+  SearchInput
 } from '@patternfly/react-core';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 
@@ -160,7 +160,7 @@ export const ComposableContextSelector: React.FunctionComponent = () => {
     >
       <MenuInput>
         <InputGroup>
-          <TextInput
+          <SearchInput
             value={searchInputValue}
             type="search"
             placeholder="Search"