feat(search): relocate button from dropdown to action column In input page

docs/inputs/index.md

@@ -63,6 +63,7 @@ This is how the global configuration looks like without tabs:
                 "edit",
                 "enable",
                 "delete",
+                "search",
                 "clone"
             ],
             "header": [],

splunk_add_on_ucc_framework/schema/schema.json

@@ -1453,7 +1453,7 @@
           "type": "array",
           "items": {
             "type": "string",
-            "enum": ["edit", "delete", "clone", "enable"]
+            "enum": ["edit", "delete", "clone", "enable", "search"]
           }
         }
       },

tests/testdata/test_addons/package_global_config_everything/globalConfig.json

@@ -1377,7 +1377,8 @@
                     "edit",
                     "enable",
                     "delete",
-                    "clone"
+                    "clone",
+                    "search"
                 ],
                 "header": [
                     {

ui/src/components/CheckboxGroup/checkboxGroupMocks.json

@@ -35,6 +35,7 @@
         "actions": [
           "edit",
           "delete",
+          "search",
           "clone"
         ]
       },

ui/src/components/CheckboxGroup/checkboxGroupRequiredMocks.json

@@ -35,6 +35,7 @@
         "actions": [
           "edit",
           "delete",
+          "search",
           "clone"
         ]
       },

ui/src/components/table/CustomTableRow.jsx

@@ -7,6 +7,7 @@ import Table from '@splunk/react-ui/Table';
 import ButtonGroup from '@splunk/react-ui/ButtonGroup';
 import Tooltip from '@splunk/react-ui/Tooltip';
 import Pencil from '@splunk/react-icons/Pencil';
+import Magnifier from '@splunk/react-icons/Magnifier';
 import Clone from '@splunk/react-icons/enterprise/Clone';
 import Trash from '@splunk/react-icons/enterprise/Trash';
 import styled from 'styled-components';
@@ -73,6 +74,21 @@ function CustomTableRow(props) {
                             />
                         </Tooltip>
                     )}
+                    {rowActions.includes('search') && (
+                        <Tooltip
+                            content={_(
+                                `Go to search for events associated with ${selectedRow.name}`
+                            )}
+                        >
+                            <ActionButtonComponent
+                                appearance="flat"
+                                icon={<Magnifier screenReaderText={null} size={1} />}
+                                to={`/app/search/search?q=search%20index%3D_internal%20source%3D*${selectedRow.name}*`}
+                                className="searchBtn"
+                                inline={false}
+                            />
+                        </Tooltip>
+                    )}
                     {rowActions.includes('delete') && (
                         <Tooltip content={_('Delete')}>
                             <ActionButtonComponent

ui/src/components/table/CustomTableStyle.jsx

@@ -6,6 +6,7 @@ import WaitSpinner from '@splunk/react-ui/WaitSpinner';
 export const ActionButtonComponent = styled(Button)`
     margin: 0px 1px;
     border: none;
+    display: flex;
 `;
 
 export const WaitSpinnerWrapper = styled(WaitSpinner)`

ui/src/components/table/TableExpansionRow.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import DL from '@splunk/react-ui/DefinitionList';
 import Table from '@splunk/react-ui/Table';
-import Button from '@splunk/react-ui/Button';
 import styled from 'styled-components';
 import { _ } from '@splunk/ui-utils/i18n';
 
@@ -54,14 +53,7 @@ export function getExpansionRow(colSpan, row, moreInfo) {
                         })}
                     </>
                 ) : (
-                    <>
-                        <DL termWidth={250}>{getExpansionRowData(row, moreInfo)}</DL>
-                        <Button
-                            to={`/app/search/search?q=search%20index%3D_internal%20source%3D*${row.name}*`}
-                            openInNewContext
-                            label={_(`Show ${row.name} input events`)}
-                        />
-                    </>
+                    <DL termWidth={250}>{getExpansionRowData(row, moreInfo)}</DL>
                 )}
             </TableCellWrapper>
         </Table.Row>

ui/src/mocks/server-response.ts

@@ -6,7 +6,12 @@ export const mockServerResponse = {
         create: `/servicesNS/nobody/${MOCKED_TA_NAME}/${MOCKED_TA_INPUT}/_new`,
     },
     updated: '2023-08-21T11:54:12+00:00',
-    entry: [],
+    entry: [
+        {
+            name: 'name',
+            content: {},
+        },
+    ],
     messages: [],
 };
 

ui/src/pages/Configuration/stories/globalConfig.json

@@ -17,7 +17,7 @@
             }
           },
           "table": {
-            "actions": ["edit", "delete", "clone"],
+            "actions": ["edit", "delete","search", "clone"],
             "header": [
               {
                 "label": "Name",
@@ -687,7 +687,7 @@
       "title": "Inputs",
       "description": "Manage your data inputs",
       "table": {
-        "actions": ["edit", "enable", "delete", "clone"],
+        "actions": ["edit", "enable", "delete","search", "clone"],
         "header": [
           {
             "label": "Name",

ui/src/pages/Input/stories/globalConfig.json

@@ -385,7 +385,7 @@
       "description": "Manage your data inputs",
       "table": {
         "actions": [
-          "edit", "enable", "delete", "clone"
+          "edit", "enable", "delete","search", "clone"
         ],
         "header": [
           {

ui/src/pages/stories/globalConfig/globalConfig.json

@@ -1351,7 +1351,7 @@
         ]
       },
       "table": {
-        "actions": ["edit", "enable", "delete", "clone"],
+        "actions": ["edit", "enable", "delete","search", "clone"],
         "header": [
           {
             "label": "Name",

ui/src/types/globalConfig/pages.ts

@@ -20,7 +20,7 @@ export const TableSchema = z.object({
         })
     ),
     customRow: z.record(z.any()).optional(),
-    actions: z.array(z.enum(['edit', 'delete', 'clone', 'enable'])),
+    actions: z.array(z.enum(['edit', 'delete', 'clone', 'enable', 'search'])),
 });
 
 // TODO add "required": ["entity", "name", "title"] or required": ["customTab", "name", "title"]