From 51da2182b6418fe9a0325c74110a2e7657311fa9 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Tue, 29 Oct 2024 00:07:46 +1100
Subject: [PATCH] [8.16] [Observability Onboarding] Show search bar even when
 category is not selected (#197825) (#197973)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Backport

This will backport the following commits from `main` to `8.16`:
- [[Observability Onboarding] Show search bar even when category is not
selected (#197825)](https://github.com/elastic/kibana/pull/197825)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Mykola
Harmash","email":"mykola.harmash@gmail.com"},"sourceCommit":{"committedDate":"2024-10-28T11:21:07Z","message":"[Observability
Onboarding] Show search bar even when category is not selected
(#197825)\n\nCloses
https://github.com/elastic/observability-dev/issues/4065 🔒\r\n\r\nFixes
an issue when search bar is not visible unless a category
is\r\nselected.\r\n\r\n![CleanShot 2024-10-25 at 14
53\r\n44@2x](https://github.com/user-attachments/assets/774d2fe2-e4f0-4a46-a851-a0f756a96b12)","sha":"97f227ef714b3ffe83cbd6a9db5db9d11e6d23fd","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","backport:prev-major","ci:project-deploy-observability","Team:obs-ux-logs","v8.16.0"],"title":"[Observability
Onboarding] Show search bar even when category is not
selected","number":197825,"url":"https://github.com/elastic/kibana/pull/197825","mergeCommit":{"message":"[Observability
Onboarding] Show search bar even when category is not selected
(#197825)\n\nCloses
https://github.com/elastic/observability-dev/issues/4065 🔒\r\n\r\nFixes
an issue when search bar is not visible unless a category
is\r\nselected.\r\n\r\n![CleanShot 2024-10-25 at 14
53\r\n44@2x](https://github.com/user-attachments/assets/774d2fe2-e4f0-4a46-a851-a0f756a96b12)","sha":"97f227ef714b3ffe83cbd6a9db5db9d11e6d23fd"}},"sourceBranch":"main","suggestedTargetBranches":["8.16"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/197825","number":197825,"mergeCommit":{"message":"[Observability
Onboarding] Show search bar even when category is not selected
(#197825)\n\nCloses
https://github.com/elastic/observability-dev/issues/4065 🔒\r\n\r\nFixes
an issue when search bar is not visible unless a category
is\r\nselected.\r\n\r\n![CleanShot 2024-10-25 at 14
53\r\n44@2x](https://github.com/user-attachments/assets/774d2fe2-e4f0-4a46-a851-a0f756a96b12)","sha":"97f227ef714b3ffe83cbd6a9db5db9d11e6d23fd"}},{"branch":"8.16","label":"v8.16.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Mykola Harmash <mykola.harmash@gmail.com>
---
 .../onboarding_flow_form.tsx                  | 55 ++++++++++---------
 1 file changed, 28 insertions(+), 27 deletions(-)

diff --git a/x-pack/plugins/observability_solution/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx b/x-pack/plugins/observability_solution/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx
index 9a46cf885b285..eb5ee3bc92369 100644
--- a/x-pack/plugins/observability_solution/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx
+++ b/x-pack/plugins/observability_solution/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx
@@ -316,33 +316,34 @@ export const OnboardingFlowForm: FunctionComponent = () => {
             flowCategory={searchParams.get('category')}
           />
         </div>
-        <div ref={searchResultsRef}>
-          <EuiSpacer size="m" />
-          <EuiText size="s" color="subdued">
-            <strong>
-              <FormattedMessage
-                id="xpack.observability_onboarding.experimentalOnboardingFlow.form.searchPromptText"
-                defaultMessage="Search through other ways of ingesting data:"
-              />
-            </strong>
-          </EuiText>
-          <EuiSpacer size="m" />
-          <OnboardingFlowPackageList
-            showSearchBar={true}
-            searchQuery={integrationSearch}
-            flowSearch={integrationSearch}
-            setSearchQuery={setIntegrationSearch}
-            flowCategory={searchParams.get('category')}
-            customCards={customCards
-              ?.filter(
-                // Filter out collection cards and regular integrations that show up via search anyway
-                (card) => card.type === 'virtual' && !card.isCollectionCard
-              )
-              .concat(virtualSearchResults)}
-            excludePackageIdList={searchExcludePackageIdList}
-            joinCardLists
-          />
-        </div>
+      </div>
+
+      <div ref={searchResultsRef}>
+        <EuiSpacer size="xxl" />
+        <EuiText size="s" color="subdued">
+          <strong>
+            <FormattedMessage
+              id="xpack.observability_onboarding.experimentalOnboardingFlow.form.searchPromptText"
+              defaultMessage="Search through other ways of ingesting data:"
+            />
+          </strong>
+        </EuiText>
+        <EuiSpacer size="m" />
+        <OnboardingFlowPackageList
+          showSearchBar={true}
+          searchQuery={integrationSearch}
+          flowSearch={integrationSearch}
+          setSearchQuery={setIntegrationSearch}
+          flowCategory={searchParams.get('category')}
+          customCards={customCards
+            ?.filter(
+              // Filter out collection cards and regular integrations that show up via search anyway
+              (card) => card.type === 'virtual' && !card.isCollectionCard
+            )
+            .concat(virtualSearchResults)}
+          excludePackageIdList={searchExcludePackageIdList}
+          joinCardLists
+        />
       </div>
     </EuiPanel>
   );