[TableListView] Refactor to function component

packages/kbn-test-jest-helpers/src/testbed/testbed.ts

@@ -55,18 +55,18 @@ const defaultConfig: TestBedConfig = {
   });
   ```
  */
-export function registerTestBed<T extends string = string>(
+export function registerTestBed<T extends string = string, P extends object = any>(
   Component: ComponentType<any>,
   config: AsyncTestBedConfig
-): AsyncSetupFunc<T>;
-export function registerTestBed<T extends string = string>(
+): AsyncSetupFunc<T, Partial<P>>;
+export function registerTestBed<T extends string = string, P extends object = any>(
   Component: ComponentType<any>,
   config?: TestBedConfig
-): SyncSetupFunc<T>;
-export function registerTestBed<T extends string = string>(
+): SyncSetupFunc<T, Partial<P>>;
+export function registerTestBed<T extends string = string, P extends object = any>(
   Component: ComponentType<any>,
   config?: AsyncTestBedConfig | TestBedConfig
-): SetupFunc<T> {
+): SetupFunc<T, Partial<P>> {
   const {
     defaultProps = defaultConfig.defaultProps,
     memoryRouter = defaultConfig.memoryRouter!,

packages/kbn-test-jest-helpers/src/testbed/types.ts

@@ -10,9 +10,9 @@ import { Store } from 'redux';
 import { ReactWrapper as GenericReactWrapper } from 'enzyme';
 import { LocationDescriptor } from 'history';
 
-export type AsyncSetupFunc<T> = (props?: any) => Promise<TestBed<T>>;
-export type SyncSetupFunc<T> = (props?: any) => TestBed<T>;
-export type SetupFunc<T> = (props?: any) => TestBed<T> | Promise<TestBed<T>>;
+export type AsyncSetupFunc<T, P extends object = any> = (props?: P) => Promise<TestBed<T>>;
+export type SyncSetupFunc<T, P extends object = any> = (props?: P) => TestBed<T>;
+export type SetupFunc<T, P extends object = any> = (props?: P) => TestBed<T> | Promise<TestBed<T>>;
 export type ReactWrapper = GenericReactWrapper<any>;
 
 export interface EuiTableMetaData {

src/plugins/kibana_react/public/table_list_view/actions.ts

@@ -0,0 +1,62 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import type { HttpFetchError } from '@kbn/core/public';
+import type { CriteriaWithPagination } from '@elastic/eui';
+
+export interface OnFetchItemsAction {
+  type: 'onFetchItems';
+}
+
+export interface OnFetchItemsSuccessAction<T> {
+  type: 'onFetchItemsSuccess';
+  data: {
+    response: {
+      total: number;
+      hits: T[];
+    };
+    listingLimit: number;
+  };
+}
+
+export interface OnFetchItemsErrorAction {
+  type: 'onFetchItemsError';
+  data: HttpFetchError;
+}
+
+export interface DeleteItemsActions {
+  type: 'onCancelDeleteItems' | 'onDeleteItems' | 'onItemsDeleted';
+}
+
+export interface OnSelectionChangeAction<T> {
+  type: 'onSelectionChange';
+  data: T[];
+}
+
+export interface OnTableChangeAction<T> {
+  type: 'onTableChange';
+  data: CriteriaWithPagination<T>;
+}
+
+export interface OnClickDeleteItemsAction {
+  type: 'onClickDeleteItems';
+}
+
+export interface OnFilterChangeAction {
+  type: 'onFilterChange';
+  data: string;
+}
+
+export type Action<T> =
+  | OnFetchItemsAction
+  | OnFetchItemsSuccessAction<T>
+  | OnFetchItemsErrorAction
+  | DeleteItemsActions
+  | OnSelectionChangeAction<T>
+  | OnTableChangeAction<T>
+  | OnClickDeleteItemsAction
+  | OnFilterChangeAction;

src/plugins/kibana_react/public/table_list_view/components/index.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export { UpdatedAtField } from './updated_at_field';

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

@@ -0,0 +1,45 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import React, { FC } from 'react';
+import { i18n } from '@kbn/i18n';
+import { EuiToolTip } from '@elastic/eui';
+import { FormattedRelative } from '@kbn/i18n-react';
+import moment from 'moment';
+
+export const UpdatedAtField: FC<{ dateTime?: string }> = ({ dateTime }) => {
+  if (!dateTime) {
+    return (
+      <EuiToolTip
+        content={i18n.translate('kibana-react.tableListView.updatedDateUnknownLabel', {
+          defaultMessage: 'Last updated unknown',
+        })}
+      >
+        <span>-</span>
+      </EuiToolTip>
+    );
+  }
+  const updatedAt = moment(dateTime);
+
+  if (updatedAt.diff(moment(), 'days') > -7) {
+    return (
+      <FormattedRelative value={new Date(dateTime).getTime()}>
+        {(formattedDate: string) => (
+          <EuiToolTip content={updatedAt.format('LL LT')}>
+            <span>{formattedDate}</span>
+          </EuiToolTip>
+        )}
+      </FormattedRelative>
+    );
+  }
+  return (
+    <EuiToolTip content={updatedAt.format('LL LT')}>
+      <span>{updatedAt.format('LL')}</span>
+    </EuiToolTip>
+  );
+};

src/plugins/kibana_react/public/table_list_view/index.ts

@@ -6,4 +6,6 @@
  * Side Public License, v 1.
  */
 
-export * from './table_list_view';
+export { TableListView } from './table_list_view';
+
+export type { Props as TableListViewProps, State as TableListViewState } from './table_list_view';