System "removal" instead of "deletion"

doc/props_detail.md

@@ -74,13 +74,13 @@ Callback function that is fired when user clicks on application tab.
 
 *function*
 
-Callback function that is fired when user deletes currently observed system.
+Callback function that is fired when user removes currently observed system.
 
 ## showDelete
 
 *boolean*
 
-Toggle to display delete button for removing system from inventory DB.
+Toggle to display remove button for removing system from inventory DB.
 
 ## appList
 
@@ -122,7 +122,7 @@ React element to be rendered as wrapper for tags element value, including tags m
 
 *element*
 
-React element to be rendered as wrapper for rendering delete button.
+React element to be rendered as wrapper for rendering remove button.
 
 ## ActionsWrapper
 

src/Utilities/DeleteModal.js

@@ -73,6 +73,7 @@ const DeleteModal = ({
           <Button
             variant="danger"
             ouiaId="confirm-inventory-delete"
+            data-testid="confirm-inventory-delete"
             onClick={onConfirm}
           >
             Remove

src/Utilities/__snapshots__/DeleteModal.test.js.snap

@@ -189,6 +189,7 @@ exports[`DeleteModal DOM should render correctly with multiple systems 1`] = `
                   data-ouia-component-id="confirm-inventory-delete"
                   data-ouia-component-type="PF5/Button"
                   data-ouia-safe="true"
+                  data-testid="confirm-inventory-delete"
                   type="button"
                 >
                   Remove
@@ -402,6 +403,7 @@ exports[`DeleteModal DOM should render correctly with one system 1`] = `
                   data-ouia-component-id="confirm-inventory-delete"
                   data-ouia-component-type="PF5/Button"
                   data-ouia-safe="true"
+                  data-testid="confirm-inventory-delete"
                   type="button"
                 >
                   Remove

src/components/InventoryDetail/TopBar.js

@@ -104,12 +104,12 @@ const TopBar = ({
                       onClick={() => setIsModalOpen(true)}
                       variant="secondary"
                     >
-                      Delete
+                      Remove
                     </Button>
                   ) : (
                     <Tooltip content={NO_MODIFY_HOST_TOOLTIP_MESSAGE}>
                       <Button isAriaDisabled variant="secondary">
-                        Delete
+                        Remove
                       </Button>
                     </Tooltip>
                   )}
@@ -174,7 +174,7 @@ const TopBar = ({
             addNotification({
               id: 'remove-initiated',
               variant: 'warning',
-              title: 'Delete operation initiated',
+              title: 'Remove operation initiated',
               description: `Removal of ${entity.display_name} started.`,
               dismissable: false,
             });

src/components/InventoryDetail/TopBar.test.js

@@ -93,7 +93,7 @@ describe('TopBar', () => {
     ).not.toBeInTheDocument();
   });
 
-  it('shows delete button by default', () => {
+  it('shows remove button by default', () => {
     render(
       <TestWrapper>
         <TopBar entity={entity} loaded showDelete />
@@ -102,12 +102,12 @@ describe('TopBar', () => {
 
     expect(
       screen.getByRole('button', {
-        name: /delete/i,
+        name: /remove/i,
       })
     ).toHaveAttribute('aria-disabled', 'false');
   });
 
-  it('disables delete button', () => {
+  it('disables remove button', () => {
     render(
       <TestWrapper>
         <TopBar entity={entity} loaded showDelete={false} />
@@ -116,7 +116,7 @@ describe('TopBar', () => {
 
     expect(
       screen.getByRole('button', {
-        name: /delete/i,
+        name: /remove/i,
       })
     ).toHaveAttribute('aria-disabled', 'true');
   });

src/components/InventoryGroups/Modals/__tests__/RemoveHostsFromGroupModal.test.js

@@ -64,7 +64,7 @@ describe('RemoveHostsFromGroupModal', () => {
     expect(setIsModalOpen).toBeCalled();
   });
 
-  it('can cancel the deletion', async () => {
+  it('can cancel the removal', async () => {
     render(
       <RemoveHostsFromGroupModal
         isModalOpen

src/components/InventoryHostStaleness/HostStalenessCard.js

@@ -194,7 +194,7 @@ const HostStalenessCard = ({ canModifyHostStaleness }) => {
         <Card id={'HostStalenessCard'}>
           <CardHeader>
             <Title headingLevel="h4" size="xl" id="HostTitle">
-              Organization level system staleness and deletion
+              Organization level system staleness and removal
               <InventoryHostStalenessPopover hasEdgeSystems={hasEdgeSystems} />
             </Title>
           </CardHeader>
@@ -364,7 +364,7 @@ const HostStalenessCard = ({ canModifyHostStaleness }) => {
                   ouiaId="BasicModal"
                 >
                   {`Changing the organization level setting for system staleness and
-              deletion may impact your systems. Some systems may be deleted as a result.`}
+              removal may impact your systems. Some systems may be removed as a result.`}
                 </Modal>
               </Flex>
             )}{' '}

src/components/InventoryHostStaleness/constants.js

@@ -73,7 +73,7 @@ export const conditionalDropdownError = (newFormValues, dropdownItems) => {
           className="pf-v5-u-font-size-sm pf-v5-u-danger-color-100"
           style={{ width: '200px' }}
         >
-          Staleness must be before deletion
+          Staleness must be before removal
         </p>
       );
     } else {
@@ -87,7 +87,7 @@ export const conditionalDropdownError = (newFormValues, dropdownItems) => {
           className="pf-v5-u-font-size-sm pf-v5-u-danger-color-100"
           style={{ width: '200px' }}
         >
-          Stale warning must be before deletion
+          Stale warning must be before removal
         </p>
       );
     } else if (formValue < newFormValues['conventional_time_to_stale']) {
@@ -114,7 +114,7 @@ export const conditionalDropdownError = (newFormValues, dropdownItems) => {
           className="pf-v5-u-font-size-sm pf-v5-u-danger-color-100"
           style={{ width: '200px' }}
         >
-          Deletion must be after staleness
+          Removal must be after staleness
         </p>
       );
     } else if (formValue < newFormValues['conventional_time_to_stale']) {
@@ -123,7 +123,7 @@ export const conditionalDropdownError = (newFormValues, dropdownItems) => {
           className="pf-v5-u-font-size-sm pf-v5-u-danger-color-100"
           style={{ width: '200px' }}
         >
-          Deletion must be after stale warning
+          Removal must be after stale warning
         </p>
       );
     } else {
@@ -151,7 +151,7 @@ export const conditionalDropdownError = (newFormValues, dropdownItems) => {
           className="pf-v5-u-font-size-sm pf-v5-u-danger-color-100"
           style={{ width: '200px' }}
         >
-          Staleness must be before deletion
+          Staleness must be before removal
         </p>
       );
     } else {
@@ -169,7 +169,7 @@ export const conditionalDropdownError = (newFormValues, dropdownItems) => {
           className="pf-v5-u-font-size-sm pf-v5-u-danger-color-100 "
           style={{ width: '200px' }}
         >
-          Stale warning must be before deletion
+          Stale warning must be before removal
         </p>
       );
     } else if (formValue < newFormValues['immutable_time_to_stale']) {
@@ -196,7 +196,7 @@ export const conditionalDropdownError = (newFormValues, dropdownItems) => {
           className="pf-v5-u-font-size-sm pf-v5-u-danger-color-100"
           style={{ width: '200px' }}
         >
-          Deletion must be after staleness
+          Removal must be after staleness
         </p>
       );
     } else if (formValue < newFormValues['immutable_time_to_stale']) {
@@ -205,7 +205,7 @@ export const conditionalDropdownError = (newFormValues, dropdownItems) => {
           className="pf-v5-u-font-size-sm pf-v5-u-danger-color-100"
           style={{ width: '200px' }}
         >
-          Deletion must be after stale warning
+          Removal must be after stale warning
         </p>
       );
     } else {
@@ -239,7 +239,7 @@ export const HostStalenessResetDefaultPopover = ({ activeTabKey }) => {
             </span>
 
             <span className="pf-v5-u-font-size-sm">
-              - Systems are deleted after 2 years since last check-in.
+              - Systems are removed after 2 years since last check-in.
             </span>
           </Flex>
         ) : (
@@ -256,7 +256,7 @@ export const HostStalenessResetDefaultPopover = ({ activeTabKey }) => {
             </span>
 
             <span className="pf-v5-u-font-size-sm">
-              - Systems are deleted after 14 days since last check-in.
+              - Systems are removed after 14 days since last check-in.
             </span>
           </Flex>
         )
@@ -286,7 +286,7 @@ export const InventoryHostStalenessPopover = ({ hasEdgeSystems }) => {
         <Flex direction={{ default: 'column' }}>
           <p className="pf-v5-u-font-size-sm">
             Configure the number of days it will take for your systems to be
-            marked as stale, stale warning, and be deleted.
+            marked as stale, stale warning, and be removed.
           </p>
           <Flex
             direction={{ default: 'column' }}
@@ -305,7 +305,7 @@ export const InventoryHostStalenessPopover = ({ hasEdgeSystems }) => {
               check-in.
             </span>
             <span className="pf-v5-u-font-size-sm">
-              - Systems are deleted after 14 days since last check-in.
+              - Systems are removed after 14 days since last check-in.
             </span>
           </Flex>
           {hasEdgeSystems && (
@@ -327,7 +327,7 @@ export const InventoryHostStalenessPopover = ({ hasEdgeSystems }) => {
                 check-in.
               </span>
               <span className="pf-v5-u-font-size-sm">
-                - Systems are deleted after 2 years since last check-in.
+                - Systems are removed after 2 years since last check-in.
               </span>
             </Flex>
           )}
@@ -412,7 +412,7 @@ export const systemStalenessWarningItems = (activeTabKey) => {
         : 'conventional_time_to_stale_warning',
       title: 'System stale warning',
       modalMessage:
-        'A stale warning status on a system indicates that your system has not checked-in in a while, and is at risk of being deleted from your inventory.',
+        'A stale warning status on a system indicates that your system has not checked-in in a while, and is at risk of being removed from your inventory.',
     },
     {
       name: '14 days',
@@ -481,9 +481,9 @@ export const systemDeletionItems = (activeTabKey) => {
       apiKey: activeTabKey
         ? 'immutable_time_to_delete'
         : 'conventional_time_to_delete',
-      title: 'System deletion',
+      title: 'System removal',
       modalMessage:
-        'This is the time at which your system will be deleted from your inventory. Once your system is deleted, it will have to be re-registered to be added back to your inventory.',
+        'This is the time at which your system will be removed from your inventory. Once your system is removed, it will have to be re-registered to be added back to your inventory.',
     },
     {
       name: '21 days',

src/components/InventoryTabs/ConventionalSystems/ConventionalSystemsTab.js

@@ -40,7 +40,7 @@ const BulkDeleteButton = ({ selectedSystems, ...props }) => {
       ouiaId="bulk-delete-button"
       {...props}
     >
-      Delete
+      Remove
     </ActionButton>
   );
 };
@@ -266,7 +266,7 @@ const ConventionalSystemsTab = ({
             addNotificationAction({
               id: 'remove-initiated',
               variant: 'warning',
-              title: 'Delete operation initiated',
+              title: 'Remove operation initiated',
               description: `Removal of ${displayName} started.`,
               dismissable: false,
             })

src/components/InventoryTabs/ConventionalSystems/ConventionalSystemsTab.test.js

@@ -153,7 +153,7 @@ describe('ConventionalSystemsTab', () => {
 
     expect(
       screen.getByRole('button', {
-        name: /delete/i,
+        name: /remove/i,
       })
     ).toBeEnabled();
 
@@ -164,7 +164,7 @@ describe('ConventionalSystemsTab', () => {
     ).toBeEnabled();
   });
 
-  it('can delete items', async () => {
+  it('can remove items', async () => {
     hosts.apiHostDeleteHostById = jest.fn();
     const selected = new Map();
     selected.set(system1.id, system1);
@@ -184,19 +184,15 @@ describe('ConventionalSystemsTab', () => {
 
     await userEvent.click(
       screen.getByRole('button', {
-        name: /delete/i,
+        name: /remove/i,
       })
     );
     expect(
       screen.getByRole('heading', {
         name: /remove from inventory/i,
       })
     ).toBeVisible();
-    await userEvent.click(
-      screen.getByRole('button', {
-        name: /remove/i,
-      })
-    );
+    await userEvent.click(screen.getByTestId('confirm-inventory-delete'));
     expect(
       screen.queryByRole('heading', {
         name: /remove from inventory/i,
@@ -207,7 +203,7 @@ describe('ConventionalSystemsTab', () => {
         description: `Removal of ${system1.display_name} started.`,
         dismissable: false,
         id: 'remove-initiated',
-        title: 'Delete operation initiated',
+        title: 'Remove operation initiated',
         variant: 'warning',
       },
       type: '@@INSIGHTS-CORE/NOTIFICATIONS/ADD_NOTIFICATION',

src/components/InventoryTabs/ConventionalSystems/useTableActions.js

@@ -53,7 +53,7 @@ const useTableActions = (
             ]}
             noAccessTooltip={NO_MODIFY_HOST_TOOLTIP_MESSAGE}
           >
-            Delete
+            Remove
           </ActionDropdownItem>
         ),
       },