[ML] Fix transform bulk actions. Fixes imports.

Author: walterra

x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_stop/stop_button_modal.tsx

@@ -9,13 +9,9 @@ import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { EuiConfirmModal, EuiOverlayMask, EUI_MODAL_CONFIRM_BUTTON } from '@elastic/eui';
 
-import { ForceStopAction } from './use_force_stop_action';
+import { StopAction } from './use_stop_action';
 
-export const StopButtonModal: FC<ForceStopAction> = ({
-  closeModal,
-  item,
-  forceStopAndCloseModal,
-}) => {
+export const StopButtonModal: FC<StopAction> = ({ closeModal, item, forceStopAndCloseModal }) => {
   return (
     <>
       {item !== undefined && (

x-pack/plugins/transform/public/app/sections/transform_management/components/action_delete/index.ts

@@ -4,5 +4,6 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-export { DeleteActionModal } from './delete_action_modal';
 export { useDeleteAction } from './use_delete_action';
+export { DeleteActionModal } from './delete_action_modal';
+export { isDeleteActionDisabled, DeleteActionName } from './delete_action_name';

x-pack/plugins/transform/public/app/sections/transform_management/components/action_delete/use_delete_action.tsx

@@ -73,8 +73,8 @@ export const useDeleteAction = (forceDisable: boolean) => {
         <DeleteActionName
           {...{
             canDeleteTransform,
-            isBulkAction: false,
             disabled: isDeleteActionDisabled([item], forceDisable),
+            isBulkAction: false,
           }}
         />
       ),

x-pack/plugins/transform/public/app/sections/transform_management/components/action_start/index.ts

@@ -4,5 +4,6 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-export { StartActionModal } from './start_action_modal';
 export { useStartAction } from './use_start_action';
+export { StartActionModal } from './start_action_modal';
+export { StartActionName } from './start_action_name';

x-pack/plugins/transform/public/app/sections/transform_management/components/action_stop/index.ts

@@ -5,3 +5,4 @@
  */
 
 export { useStopAction } from './use_stop_action';
+export { StopActionName } from './stop_action_name';

x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/transform_list.tsx

@@ -31,13 +31,19 @@ import {
   TRANSFORM_MODE,
   TRANSFORM_LIST_COLUMN,
 } from '../../../../common';
+import { useStopTransforms } from '../../../../hooks';
 import { AuthorizationContext } from '../../../../lib/authorization';
 
 import { CreateTransformButton } from '../create_transform_button';
 import { RefreshTransformListButton } from '../refresh_transform_list_button';
-import { useDeleteAction, DeleteButton, DeleteButtonModal } from '../action_delete';
-import { useStartAction, StartButton, StartButtonModal } from '../action_start';
-import { StopButton } from '../action_stop';
+import {
+  isDeleteActionDisabled,
+  useDeleteAction,
+  DeleteActionName,
+  DeleteActionModal,
+} from '../action_delete';
+import { useStartAction, StartActionName, StartActionModal } from '../action_start';
+import { StopActionName } from '../action_stop';
 
 import { ItemIdToExpandedRowMap, Clause, TermClause, FieldClause, Value } from './common';
 import { getTaskStateBadge, useColumns } from './use_columns';
@@ -89,8 +95,8 @@ export const TransformList: FC<Props> = ({
 
   const [transformSelection, setTransformSelection] = useState<TransformListRow[]>([]);
   const [isActionsMenuOpen, setIsActionsMenuOpen] = useState(false);
-  const bulkStartAction = useStartAction();
-  const bulkDeleteAction = useDeleteAction();
+  const bulkStartAction = useStartAction(false);
+  const bulkDeleteAction = useDeleteAction(false);
 
   const [searchError, setSearchError] = useState<any>(undefined);
 
@@ -100,6 +106,8 @@ export const TransformList: FC<Props> = ({
   const [sortField, setSortField] = useState<string>(TRANSFORM_LIST_COLUMN.ID);
   const [sortDirection, setSortDirection] = useState<Direction>('asc');
 
+  const stopTransforms = useStopTransforms();
+
   const { capabilities } = useContext(AuthorizationContext);
   const disabled =
     !capabilities.canCreateTransform ||
@@ -257,13 +265,23 @@ export const TransformList: FC<Props> = ({
 
   const bulkActionMenuItems = [
     <div key="startAction" className="transform__BulkActionItem">
-      <StartButton items={transformSelection} onClick={bulkStartAction.openModal} />
+      <EuiButtonEmpty onClick={() => bulkStartAction.openModal(transformSelection)}>
+        <StartActionName items={transformSelection} />
+      </EuiButtonEmpty>
     </div>,
     <div key="stopAction" className="transform__BulkActionItem">
-      <StopButton items={transformSelection} />
+      <EuiButtonEmpty onClick={() => stopTransforms(transformSelection)}>
+        <StopActionName items={transformSelection} />
+      </EuiButtonEmpty>
     </div>,
     <div key="deleteAction" className="transform__BulkActionItem">
-      <DeleteButton items={transformSelection} onClick={bulkDeleteAction.openModal} />
+      <EuiButtonEmpty onClick={() => bulkDeleteAction.openModal(transformSelection)}>
+        <DeleteActionName
+          canDeleteTransform={capabilities.canDeleteTransform}
+          disabled={isDeleteActionDisabled(transformSelection, false)}
+          isBulkAction={true}
+        />
+      </EuiButtonEmpty>
     </div>,
   ];
 
@@ -381,8 +399,8 @@ export const TransformList: FC<Props> = ({
   return (
     <div data-test-subj="transformListTableContainer">
       {/* Bulk Action Modals */}
-      {bulkStartAction.isModalVisible && <StartButtonModal {...bulkStartAction} />}
-      {bulkDeleteAction.isModalVisible && <DeleteButtonModal {...bulkDeleteAction} />}
+      {bulkStartAction.isModalVisible && <StartActionModal {...bulkStartAction} />}
+      {bulkDeleteAction.isModalVisible && <DeleteActionModal {...bulkDeleteAction} />}
 
       {/* Single Action Modals */}
       {singleActionModals}