fix TableListView empty view trapping users with no action to create …

…new item (#109345) (#109663)

Co-authored-by: Kibana Machine <[email protected]>

Co-authored-by: Nathan Reese <[email protected]>

src/plugins/kibana_react/public/table_list_view/table_list_view.test.tsx

@@ -39,6 +39,19 @@ describe('TableListView', () => {
     expect(component).toMatchSnapshot();
   });
 
+  // avoid trapping users in empty prompt that can not create new items
+  test('render default empty prompt with create action when createItem supplied', async () => {
+    const component = shallowWithIntl(<TableListView {...requiredProps} createItem={() => {}} />);
+
+    // Using setState to check the final render while sidestepping the debounced promise management
+    component.setState({
+      hasInitialFetchReturned: true,
+      isFetchingItems: false,
+    });
+
+    expect(component).toMatchSnapshot();
+  });
+
   test('render custom empty prompt', () => {
     const component = shallowWithIntl(
       <TableListView {...requiredProps} emptyPrompt={<EuiEmptyPrompt />} />

src/plugins/kibana_react/public/table_list_view/table_list_view.tsx

@@ -362,6 +362,7 @@ class TableListView extends React.Component<TableListViewProps, TableListViewSta
               }
             </h1>
           }
+          actions={this.renderCreateButton()}
         />
       );
     }