elastic · mgadewoll · Dec 8, 2025 · Dec 2, 2025 · Nov 24, 2025 · Dec 2, 2025
diff --git a/package.json b/package.json
@@ -127,7 +127,7 @@
     "@elastic/ecs": "^9.0.0",
     "@elastic/elasticsearch": "9.1.1",
     "@elastic/ems-client": "8.6.3",
-    "@elastic/eui": "109.2.0",
+    "@elastic/eui": "110.0.0",
     "@elastic/eui-theme-borealis": "5.1.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/kibana-d3-color": "npm:@elastic/kibana-d3-color@2.0.1",

@@ -92,7 +92,7 @@ export const LICENSE_OVERRIDES = {
   'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
   '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   '@elastic/ems-client@8.6.3': ['Elastic License 2.0'],
-  '@elastic/eui@109.2.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
+  '@elastic/eui@110.0.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
   '@elastic/eui-theme-borealis@5.1.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
   'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
   'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary

@@ -390,7 +390,7 @@ export function Table<T extends UserContentCommonSchema>({
           columns={tableColumns}
           pagination={pagination}
           loading={isFetchingItems}
-          message={noItemsMessage}
+          noItemsMessage={noItemsMessage}
           selection={selection}
           search={search}
           executeQueryOptions={{ enabled: false }}

@@ -39,7 +39,7 @@ export class ClustersView extends Component<DetailViewProps, State> {
   }
 
   _onSearchChange = ({ query, error }: EuiSearchBarOnChangeArgs) => {
-    if (!error) {
+    if (!error && query) {
       this.setState({ clusters: findClusters(this.props.request, query) });
     }
   };

@@ -727,7 +727,7 @@ describe('SavedObjectsFinder', () => {
     wrapper.instance().componentDidMount!();
     await nextTick();
 
-    expect(wrapper.find(EuiInMemoryTable).prop('message')).toEqual(noItemsMessage);
+    expect(wrapper.find(EuiInMemoryTable).prop('noItemsMessage')).toEqual(noItemsMessage);
   });
 
   describe('pagination', () => {

@@ -406,7 +406,7 @@ class SavedObjectFinderUiClass extends React.Component<
             items={this.state.items}
             columns={columns}
             data-test-subj="savedObjectsFinderTable"
-            message={this.props.noItemsMessage}
+            noItemsMessage={this.props.noItemsMessage}
             search={search}
             pagination={pagination}
             sorting={!!this.state.query?.text ? undefined : sorting}

@@ -194,7 +194,8 @@ describe('DataView list component', () => {
       expect(screen.getByRole('option', { name: 'dataview-2' })).toBeInTheDocument();
     });
 
-    const searchInput = screen.getByRole('searchbox');
+    // When the list has items, the input has role "combobox" (not "searchbox")
+    const searchInput = screen.getByRole('combobox');
 
     // Clear and type to filter options
     await user.clear(searchInput);

@@ -140,7 +140,7 @@ export const WorkpadTable = ({
       itemId="id"
       items={workpads}
       columns={columns}
-      message={strings.getNoWorkpadsFoundMessage()}
+      noItemsMessage={strings.getNoWorkpadsFoundMessage()}
       search={search}
       sorting={{
         sort: {

@@ -493,7 +493,7 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
           data-shared-item="" // TODO: Remove data-shared-item as part of https://github.com/elastic/kibana/issues/179376
         >
           <EuiInMemoryTable<T>
-            message={message}
+            noItemsMessage={message}
             css={dvTableCss}
             items={items}
             itemId={FIELD_NAME}

@@ -291,7 +291,7 @@ export const DataDriftOverviewTable = ({
       onChange={onTableChange}
       pagination={pagination}
       loading={status === FETCH_STATUS.LOADING}
-      message={tableMessage}
+      noItemsMessage={tableMessage}
     />
   );
 };
@@ -188,7 +188,7 @@ function PipelinesTableUi({
       data-test-subj="pipelineTable"
       itemId="id"
       items={pipelines}
-      message={message}
+      noItemsMessage={message}
       pagination={pagination}
       search={search}
       selection={selectionOptions}

@@ -67,7 +67,7 @@ export const FieldList = ({
       search={search}
       pagination={pagination}
       sorting={true}
-      message={message}
+      noItemsMessage={message}
       data-test-subj={dataTestSubj}
     />
   );

@@ -534,7 +534,7 @@ export const WatchListPage = () => {
               </>
             )
           }
-          message={
+          noItemsMessage={
             <FormattedMessage
               id="xpack.watcher.sections.watchList.watchTable.noWatchesMessage"
               defaultMessage="No watches to show"

@@ -268,7 +268,7 @@ export const ActionStatusesPanel = () => {
         pagination={PAGINATION}
         sorting={true}
         data-test-subj="watchActionStatusTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.watcher.sections.watchDetail.watchTable.noWatchesMessage"
             defaultMessage="No actions to show"

@@ -333,7 +333,7 @@ export const ExecutionHistoryPanel = () => {
               items={(watchHistoryDetails.watchStatus as any).actionStatuses}
               itemId="id"
               columns={detailColumns}
-              message={
+              noItemsMessage={
                 <FormattedMessage
                   id="xpack.watcher.sections.watchHistory.watchTable.noWatchesMessage"
                   defaultMessage="No current status to show"
@@ -385,7 +385,7 @@ export const ExecutionHistoryPanel = () => {
         sorting={true}
         loading={isLoading}
         data-test-subj="watchHistoryTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.watcher.sections.watchHistory.watchTable.noCurrentStatus"
             defaultMessage="No execution history to show"

@@ -318,7 +318,7 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
       rowProps={(item) => ({
         'data-test-subj': `aiopsChangePointResultsTableRow row-${item.id}`,
       })}
-      message={
+      noItemsMessage={
         isLoading ? (
           <EuiEmptyPrompt
             iconType="search"

@@ -51,7 +51,7 @@ interface Props {
   agentPolicy: AgentPolicy;
   // Pass through props to InMemoryTable
   loading?: EuiInMemoryTableProps<InMemoryPackagePolicy>['loading'];
-  message?: EuiInMemoryTableProps<InMemoryPackagePolicy>['message'];
+  noItemsMessage?: EuiInMemoryTableProps<InMemoryPackagePolicy>['noItemsMessage'];
   refreshAgentPolicy: () => void;
 }
 

@@ -250,7 +250,7 @@ export const DataStreamListPage: React.FunctionComponent<{}> = () => {
       <EuiInMemoryTable
         loading={isLoading}
         tableLayout="auto"
-        message={
+        noItemsMessage={
           isLoading ? (
             <FormattedMessage
               id="xpack.fleet.dataStreamList.loadingDataStreamsMessage"

@@ -448,7 +448,7 @@ export const DataStreamTable: React.FunctionComponent<Props> = ({
           'data-test-subj': 'cell',
         })}
         data-test-subj="dataStreamTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.idxMgmt.dataStreamList.table.noDataStreamsMessage"
             defaultMessage="No data streams found"

@@ -292,7 +292,7 @@ export const LegacyTemplateTable: React.FunctionComponent<Props> = ({
           'data-test-subj': 'cell',
         })}
         data-test-subj="legacyTemplateTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.idxMgmt.templateList.legacyTable.noLegacyIndexTemplatesMessage"
             defaultMessage="No legacy index templates found"

@@ -302,7 +302,7 @@ export const TemplateTable: React.FunctionComponent<Props> = ({
           'data-test-subj': 'cell',
         })}
         data-test-subj="templateTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.idxMgmt.templateList.table.noIndexTemplatesMessage"
             defaultMessage="No index templates found"

@@ -78,9 +78,12 @@ const formRowCSS = css`
 `;
 
 const pageHeaderCSS = css`
-  max-width: 1248px;
-  margin: auto;
   border-bottom: none;
+
+  .euiPageHeaderContent {
+    max-width: 1248px;
+    margin: auto;
+  }
 `;
 
 const betaBadgeCSS = ({ euiTheme }: Theme) => css`

@@ -137,7 +137,7 @@ export const APIKeysGridPage: FunctionComponent = () => {
   };
 
   const onSearchChange = (args: EuiSearchBarOnChangeArgs) => {
-    if (!args.error) {
+    if (!args.error && args.query) {
       const newState = {
         ...tableState,
         query: args.query,

@@ -297,7 +297,7 @@ export class RoleMappingsGridPage extends Component<Props, State> {
               }
               pagination={pagination}
               loading={loadState === 'loadingTable'}
-              message={message}
+              noItemsMessage={message}
               rowProps={() => {
                 return {
                   'data-test-subj': 'roleMappingRow',

@@ -258,7 +258,7 @@ export const RolesGridPage: FC<Props> = ({
   };
 
   const onSearchChange = (args: EuiSearchBarOnChangeArgs) => {
-    if (!args.error) {
+    if (!args.error && args.query) {
       const newState = {
         ...tableState,
         query: args.query,