Updated imodel-delete to itwin-react V3 (#153)

* Updated imodel-delete to itwin-react V3, removed support from react 17.x

* Resolved the comments

* Removed the 1st Changelog

---------

Co-authored-by: Danish Mehmood <64415995+DanishMehmood-bit@users.noreply.github.com>

Author: Bentley-Vivek

common/changes/@itwin/delete-imodel-react/vp-Update-delete-imodel-package_2025-04-24-06-45.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@itwin/delete-imodel-react",
+      "comment": "Updated imodel-delete to itwin-react V3",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@itwin/delete-imodel-react"
+}

common/config/rush/pnpm-lock.yaml

@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@itwin/itwinui-icons-react": "^2.2.0",
-    "@itwin/itwinui-react": "^2.12.18"
+    "@itwin/itwinui-react": "^3.18.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "~17.1.0",
@@ -74,4 +74,4 @@
     "react": "^17.0.2 || ^18.3.1",
     "react-dom": "^17.0.2 || ^18.3.1"
   }
-}
+}

packages/modules/delete-imodel/package.json

@@ -7,6 +7,16 @@ import React from "react";
 
 import { DeleteIModel } from "./DeleteIModel";
 
+jest.mock("@itwin/itwinui-react", () => ({
+  ...jest.requireActual("@itwin/itwinui-react"),
+  useToaster: () => ({
+    positive: jest.fn(),
+    informational: jest.fn(),
+    negative: jest.fn(),
+    warning: jest.fn(),
+  }),
+}));
+
 describe("DeleteIModel", () => {
   const fetchMock = jest.fn(() => Promise.resolve({ ok: true } as Response));
   global.fetch = fetchMock;

packages/modules/delete-imodel/src/components/DeleteIModel.test.tsx

@@ -12,7 +12,7 @@ import {
   ModalContent,
   ProgressRadial,
   ThemeProvider,
-  toaster,
+  useToaster,
 } from "@itwin/itwinui-react";
 import React from "react";
 
@@ -47,6 +47,14 @@ export type DeleteIModelProps = {
 };
 
 export function DeleteIModel(props: DeleteIModelProps) {
+  return (
+    <ThemeProvider>
+      <DeleteIModelComponent {...props} />
+    </ThemeProvider>
+  );
+}
+
+function DeleteIModelComponent(props: DeleteIModelProps) {
   const {
     imodel: { id: imodelId, name: imodelName },
     accessToken,
@@ -56,6 +64,7 @@ export function DeleteIModel(props: DeleteIModelProps) {
     onSuccess,
     stringsOverrides,
   } = props;
+  const toaster = useToaster();
   const [isOpen, setIsOpen] = React.useState(true);
   const [isLoading, setIsLoading] = React.useState(false);
 
@@ -106,7 +115,7 @@ export function DeleteIModel(props: DeleteIModelProps) {
   }, [onClose]);
 
   return (
-    <ThemeProvider theme="inherit">
+    <>
       <Modal
         isOpen={isOpen}
         style={{ maxWidth: 600 }}
@@ -133,7 +142,7 @@ export function DeleteIModel(props: DeleteIModelProps) {
         </ModalButtonBar>
       </Modal>
       {isLoading && <OverlaySpinner />}
-    </ThemeProvider>
+    </>
   );
 }