Merge pull request #11471 from strapi/replace-search-component

QA/ SearchURLQuery update in views

packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/index.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import {
   DynamicTable,
-  Search,
+  SearchURLQuery,
   SettingsPageTitle,
   useRBAC,
   useNotification,
@@ -129,7 +129,7 @@ const ListPage = () => {
         <ActionLayout
           startActions={
             <>
-              <Search
+              <SearchURLQuery
                 label={formatMessage(
                   { id: 'app.component.search.label', defaultMessage: 'Search for {target}' },
                   { target: title }

packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/ListPage/index.js

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useReducer, useState } from 'react';
 import {
   ConfirmDialog,
   LoadingIndicatorPage,
-  Search,
+  SearchURLQuery,
   SettingsPageTitle,
   useNotification,
   useQueryParams,
@@ -277,7 +277,7 @@ const RoleListPage = () => {
       {canRead && (
         <ActionLayout
           startActions={
-            <Search
+            <SearchURLQuery
               label={formatMessage(
                 { id: 'app.component.search.label', defaultMessage: 'Search for {target}' },
                 { target: title }

packages/core/upload/admin/src/pages/App/MediaLibrary.js

@@ -7,7 +7,7 @@ import {
   NoPermissions,
   NoMedia,
   AnErrorOccurred,
-  Search,
+  SearchURLQuery,
 } from '@strapi/helper-plugin';
 import { Layout, HeaderLayout, ContentLayout, ActionLayout } from '@strapi/design-system/Layout';
 import { Main } from '@strapi/design-system/Main';
@@ -138,7 +138,7 @@ export const MediaLibrary = () => {
             </>
           }
           endActions={
-            <Search
+            <SearchURLQuery
               label={formatMessage({
                 id: getTrad('search.label'),
                 defaultMessage: 'Search for an asset',

packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/index.js

@@ -23,7 +23,7 @@ import {
   useRBAC,
   NoPermissions,
   LoadingIndicatorPage,
-  Search,
+  SearchURLQuery,
   useQueryParams,
   EmptyStateLayout,
   ConfirmDialog,
@@ -137,7 +137,7 @@ const RoleListPage = () => {
           })}
           primaryAction={
             <CheckPermissions permissions={permissions.createRole}>
-              <Button onClick={handleNewRoleClick} startIcon={<Plus />}>
+              <Button onClick={handleNewRoleClick} startIcon={<Plus />} size="L">
                 {formatMessage({
                   id: getTrad('List.button.roles'),
                   defaultMessage: 'Add new role',
@@ -149,7 +149,7 @@ const RoleListPage = () => {
 
         <ActionLayout
           startActions={
-            <Search
+            <SearchURLQuery
               label={formatMessage({
                 id: 'app.component.search.label',
                 defaultMessage: 'Search',