From ac4ce5234261a9f43b36d3abdc8567465397716e Mon Sep 17 00:00:00 2001 From: Elvis D'Andrea Date: Mon, 27 Jan 2025 12:34:30 -0300 Subject: [PATCH] update to itwin3 --- packages/apps/storybook/package.json | 2 +- packages/modules/create-imodel/package.json | 2 +- .../create-imodel/CreateIModel.test.tsx | 14 +++++++------- .../components/create-imodel/CreateIModel.tsx | 6 +++--- .../src/components/imodel-name/IModelName.tsx | 2 +- .../update-imodel/UpdateIModel.test.tsx | 18 +++++++++--------- .../components/update-imodel/UpdateIModel.tsx | 6 +++--- .../components/upload-image/UploadImage.tsx | 6 +++--- packages/modules/delete-imodel/package.json | 2 +- .../src/components/DeleteIModel.tsx | 6 +++--- packages/modules/delete-itwin/package.json | 2 +- .../src/components/DeleteITwin.tsx | 6 +++--- packages/modules/imodel-browser/package.json | 3 ++- packages/modules/manage-versions/package.json | 3 ++- .../CreateVersionModal.test.tsx | 3 ++- .../CreateVersionModal/CreateVersionModal.tsx | 8 ++++---- .../UpdateVersionModal.test.tsx | 3 ++- .../UpdateVersionModal/UpdateVersionModal.tsx | 8 ++++---- .../CreateUpdateVersion/VersionModal.tsx | 2 +- .../ManageVersions/ManageVersions.tsx | 5 +++-- .../ManageVersions/VersionsTab/VersionsTab.tsx | 8 ++++---- 21 files changed, 60 insertions(+), 55 deletions(-) diff --git a/packages/apps/storybook/package.json b/packages/apps/storybook/package.json index 895fc235..87935e22 100644 --- a/packages/apps/storybook/package.json +++ b/packages/apps/storybook/package.json @@ -13,7 +13,7 @@ "@itwin/delete-imodel-react": "^2.0.0", "@itwin/delete-itwin-react": "^2.0.0", "@itwin/imodel-browser-react": "~2.3.1", - "@itwin/itwinui-react": "^2.12.18", + "@itwin/itwinui-react": "^3.16.0", "@itwin/manage-versions-react": "~2.0.0", "@itwin/storybook-auth-addon": "^0.1.0", "@storybook/addon-actions": "^6.5.16", diff --git a/packages/modules/create-imodel/package.json b/packages/modules/create-imodel/package.json index 7f3ee2bc..e886019c 100644 --- a/packages/modules/create-imodel/package.json +++ b/packages/modules/create-imodel/package.json @@ -31,7 +31,7 @@ "clean": "rimraf cjs esm" }, "dependencies": { - "@itwin/itwinui-react": "^2.12.18" + "@itwin/itwinui-react": "^3.16.0" }, "devDependencies": { "@rollup/plugin-commonjs": "~17.1.0", diff --git a/packages/modules/create-imodel/src/components/create-imodel/CreateIModel.test.tsx b/packages/modules/create-imodel/src/components/create-imodel/CreateIModel.test.tsx index 3d93f0d7..4ab83b32 100644 --- a/packages/modules/create-imodel/src/components/create-imodel/CreateIModel.test.tsx +++ b/packages/modules/create-imodel/src/components/create-imodel/CreateIModel.test.tsx @@ -2,7 +2,7 @@ * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ -import { toaster } from "@itwin/itwinui-react"; +import { useToaster } from "@itwin/itwinui-react"; import { act, fireEvent, render } from "@testing-library/react"; import React from "react"; @@ -28,7 +28,7 @@ describe("CreateIModel", () => { it("should create an iModel", async () => { const successMock = jest.fn(); - toaster.positive = jest.fn(); + useToaster().positive = jest.fn(); const { getByText, container } = render( { } ); expect(successMock).toHaveBeenCalledWith(mockedimodel); - expect(toaster.positive).toHaveBeenCalledWith( + expect(useToaster().positive).toHaveBeenCalledWith( "iModel created successfully.", { hasCloseButton: true, @@ -76,7 +76,7 @@ describe("CreateIModel", () => { const errorMock = jest.fn(); const error = new Error("Fail"); fetchMock.mockImplementationOnce(() => Promise.reject(error)); - toaster.negative = jest.fn(); + useToaster().negative = jest.fn(); const { getByText, container } = render( { } ); expect(errorMock).toHaveBeenCalledWith(error); - expect(toaster.negative).toHaveBeenCalledWith( + expect(useToaster().negative).toHaveBeenCalledWith( "Could not create an iModel. Please try again later.", { hasCloseButton: true } ); @@ -130,7 +130,7 @@ describe("CreateIModel", () => { const errorMock = jest.fn(); const error = { error: { code: "iModelExists" } }; fetchMock.mockImplementationOnce(() => Promise.reject(error)); - toaster.negative = jest.fn(); + useToaster().negative = jest.fn(); const { getByText, container } = render( { } ); expect(errorMock).toHaveBeenCalledWith(error); - expect(toaster.negative).toHaveBeenCalledWith( + expect(useToaster().negative).toHaveBeenCalledWith( "iModel with the same name already exists within the iTwin.", { hasCloseButton: true } ); diff --git a/packages/modules/create-imodel/src/components/create-imodel/CreateIModel.tsx b/packages/modules/create-imodel/src/components/create-imodel/CreateIModel.tsx index 11b1b921..247f6a20 100644 --- a/packages/modules/create-imodel/src/components/create-imodel/CreateIModel.tsx +++ b/packages/modules/create-imodel/src/components/create-imodel/CreateIModel.tsx @@ -2,7 +2,7 @@ * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ -import { toaster } from "@itwin/itwinui-react"; +import { useToaster } from "@itwin/itwinui-react"; import React from "react"; import { iModelExtent, IModelFull } from "../../types"; @@ -145,7 +145,7 @@ export function CreateIModel(props: CreateIModelProps) { }); } setIsLoading(false); - toaster.positive(updatedStrings.successMessage, { + useToaster().positive(updatedStrings.successMessage, { hasCloseButton: true, }); onSuccess?.(createdimodel); @@ -163,7 +163,7 @@ export function CreateIModel(props: CreateIModelProps) { error?.error?.code === "iModelExists" ? updatedStrings.errorMessageIModelExists : updatedStrings.errorMessage; - toaster.negative(errorString, { hasCloseButton: true }); + useToaster().negative(errorString, { hasCloseButton: true }); onError?.(error); }; diff --git a/packages/modules/create-imodel/src/components/imodel-name/IModelName.tsx b/packages/modules/create-imodel/src/components/imodel-name/IModelName.tsx index e0537bef..b093e84f 100644 --- a/packages/modules/create-imodel/src/components/imodel-name/IModelName.tsx +++ b/packages/modules/create-imodel/src/components/imodel-name/IModelName.tsx @@ -17,7 +17,7 @@ export function IModelName() { return ( { it("should update an iModel", async () => { const successMock = jest.fn(); - toaster.positive = jest.fn(); + useToaster().positive = jest.fn(); const { getByText, container } = render( { } ); expect(successMock).toHaveBeenCalledWith(mockedimodel); - expect(toaster.positive).toHaveBeenCalledWith( + expect(useToaster().positive).toHaveBeenCalledWith( "iModel updated successfully.", { hasCloseButton: true, @@ -86,7 +86,7 @@ describe("UpdateIModel", () => { it("should enable update when extent is removed", async () => { const successMock = jest.fn(); - toaster.positive = jest.fn(); + useToaster().positive = jest.fn(); const { getByText, rerender } = render( { } ); expect(successMock).toHaveBeenCalledWith(mockedimodel); - expect(toaster.positive).toHaveBeenCalledWith( + expect(useToaster().positive).toHaveBeenCalledWith( "iModel updated successfully.", { hasCloseButton: true, @@ -159,7 +159,7 @@ describe("UpdateIModel", () => { const errorMock = jest.fn(); const error = new Error("Fail"); fetchMock.mockImplementationOnce(() => Promise.reject(error)); - toaster.negative = jest.fn(); + useToaster().negative = jest.fn(); const { getByText, container } = render( { } ); expect(errorMock).toHaveBeenCalledWith(error); - expect(toaster.negative).toHaveBeenCalledWith( + expect(useToaster().negative).toHaveBeenCalledWith( "Could not update an iModel. Please try again later.", { hasCloseButton: true } ); @@ -208,7 +208,7 @@ describe("UpdateIModel", () => { const errorMock = jest.fn(); const error = { error: { code: "iModelExists" } }; fetchMock.mockImplementationOnce(() => Promise.reject(error)); - toaster.negative = jest.fn(); + useToaster().negative = jest.fn(); const { getByText, container } = render( { } ); expect(errorMock).toHaveBeenCalledWith(error); - expect(toaster.negative).toHaveBeenCalledWith( + expect(useToaster().negative).toHaveBeenCalledWith( "iModel with the same name already exists within the iTwin.", { hasCloseButton: true } ); diff --git a/packages/modules/create-imodel/src/components/update-imodel/UpdateIModel.tsx b/packages/modules/create-imodel/src/components/update-imodel/UpdateIModel.tsx index ed0969e9..638ac881 100644 --- a/packages/modules/create-imodel/src/components/update-imodel/UpdateIModel.tsx +++ b/packages/modules/create-imodel/src/components/update-imodel/UpdateIModel.tsx @@ -2,7 +2,7 @@ * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ -import { toaster } from "@itwin/itwinui-react"; +import { useToaster } from "@itwin/itwinui-react"; import React from "react"; import { BaseIModel, iModelExtent, IModelFull } from "../../types"; @@ -149,7 +149,7 @@ export function UpdateIModel(props: UpdateIModelProps) { }); } setIsLoading(false); - toaster.positive(updatedStrings.successMessage, { + useToaster().positive(updatedStrings.successMessage, { hasCloseButton: true, }); onSuccess?.(updatedimodel); @@ -167,7 +167,7 @@ export function UpdateIModel(props: UpdateIModelProps) { error?.error?.code === "iModelExists" ? updatedStrings.errorMessageIModelExists : updatedStrings.errorMessage; - toaster.negative(errorString, { hasCloseButton: true }); + useToaster().negative(errorString, { hasCloseButton: true }); onError?.(error); }; diff --git a/packages/modules/create-imodel/src/components/upload-image/UploadImage.tsx b/packages/modules/create-imodel/src/components/upload-image/UploadImage.tsx index 503b69e5..55fb9e30 100644 --- a/packages/modules/create-imodel/src/components/upload-image/UploadImage.tsx +++ b/packages/modules/create-imodel/src/components/upload-image/UploadImage.tsx @@ -4,7 +4,7 @@ *--------------------------------------------------------------------------------------------*/ import "./UploadImage.scss"; -import { FileUpload, FileUploadTemplate, toaster } from "@itwin/itwinui-react"; +import { FileUpload, FileUploadTemplate, useToaster } from "@itwin/itwinui-react"; import React from "react"; import { useIModelContext } from "../context/imodel-context"; @@ -72,7 +72,7 @@ export function UploadImage({ const file: File = files[0]; const error = ImageHelper.validateImage(file); if (!!error) { - toaster.negative(updatedStrings[error], { + useToaster().negative(updatedStrings[error], { hasCloseButton: true, }); return; @@ -81,7 +81,7 @@ export function UploadImage({ const reader = new FileReader(); reader.onloadend = () => { if (reader.error) { - toaster.negative(error, { + useToaster().negative(error, { hasCloseButton: true, }); return; diff --git a/packages/modules/delete-imodel/package.json b/packages/modules/delete-imodel/package.json index 583fd2aa..10d73535 100644 --- a/packages/modules/delete-imodel/package.json +++ b/packages/modules/delete-imodel/package.json @@ -32,7 +32,7 @@ }, "dependencies": { "@itwin/itwinui-icons-react": "^2.2.0", - "@itwin/itwinui-react": "^2.12.18" + "@itwin/itwinui-react": "^3.16.0" }, "devDependencies": { "@rollup/plugin-commonjs": "~17.1.0", diff --git a/packages/modules/delete-imodel/src/components/DeleteIModel.tsx b/packages/modules/delete-imodel/src/components/DeleteIModel.tsx index cb04e646..2cb8638b 100644 --- a/packages/modules/delete-imodel/src/components/DeleteIModel.tsx +++ b/packages/modules/delete-imodel/src/components/DeleteIModel.tsx @@ -12,7 +12,7 @@ import { ModalContent, ProgressRadial, ThemeProvider, - toaster, + useToaster, } from "@itwin/itwinui-react"; import React from "react"; @@ -79,7 +79,7 @@ export function DeleteIModel(props: DeleteIModelProps) { throw new Error(response.statusText); } else { setIsLoading(false); - toaster.positive( + useToaster().positive( stringsOverrides?.successMessage ?? "iModel deleted successfully." ); onSuccess?.(); @@ -93,7 +93,7 @@ export function DeleteIModel(props: DeleteIModelProps) { const error = (error: Error) => { setIsLoading(false); - toaster.negative( + useToaster().negative( stringsOverrides?.errorMessage ?? "Could not delete an iModel. Please try again later." ); diff --git a/packages/modules/delete-itwin/package.json b/packages/modules/delete-itwin/package.json index b10800d2..15ce9633 100644 --- a/packages/modules/delete-itwin/package.json +++ b/packages/modules/delete-itwin/package.json @@ -32,7 +32,7 @@ }, "dependencies": { "@itwin/itwinui-icons-react": "^2.2.0", - "@itwin/itwinui-react": "^2.12.18" + "@itwin/itwinui-react": "^3.16.0" }, "devDependencies": { "@rollup/plugin-commonjs": "~17.1.0", diff --git a/packages/modules/delete-itwin/src/components/DeleteITwin.tsx b/packages/modules/delete-itwin/src/components/DeleteITwin.tsx index cd65382c..d84687d3 100644 --- a/packages/modules/delete-itwin/src/components/DeleteITwin.tsx +++ b/packages/modules/delete-itwin/src/components/DeleteITwin.tsx @@ -11,7 +11,7 @@ import { ModalButtonBar, ProgressRadial, ThemeProvider, - toaster, + useToaster, } from "@itwin/itwinui-react"; import React from "react"; @@ -72,7 +72,7 @@ export const DeleteITwin = (props: DeleteITwinProps) => { throw new Error(response.statusText); } else { setIsLoading(false); - toaster.positive( + useToaster().positive( stringsOverrides?.successMessage ?? "iTwin deleted successfully." ); onSuccess?.(); @@ -86,7 +86,7 @@ export const DeleteITwin = (props: DeleteITwinProps) => { const error = (error: Error) => { setIsLoading(false); - toaster.negative( + useToaster().negative( stringsOverrides?.errorMessage ?? "Could not delete an iTwin. Please try again later." ); diff --git a/packages/modules/imodel-browser/package.json b/packages/modules/imodel-browser/package.json index 49462846..855c25ef 100644 --- a/packages/modules/imodel-browser/package.json +++ b/packages/modules/imodel-browser/package.json @@ -32,7 +32,7 @@ ], "dependencies": { "@itwin/itwinui-icons-react": "^2.2.0", - "@itwin/itwinui-react": "^2.12.18", + "@itwin/itwinui-react": "^3.16.0", "classnames": "^2.2.6", "react-intersection-observer": "^8.31.1" }, @@ -74,6 +74,7 @@ "rollup": "^2.42.4", "rollup-plugin-peer-deps-external": "^2.2.4", "rollup-plugin-postcss": "^4.0.0", + "rollup-plugin-terser": "^7.0.2", "rollup-plugin-typescript2": "^0.36.0", "stylelint": "^13.6.1", "stylelint-config-prettier": "^8.0.2", diff --git a/packages/modules/manage-versions/package.json b/packages/modules/manage-versions/package.json index 8d7e9b14..23a45c37 100644 --- a/packages/modules/manage-versions/package.json +++ b/packages/modules/manage-versions/package.json @@ -33,11 +33,12 @@ ], "dependencies": { "@itwin/itwinui-icons-react": "^2.2.0", - "@itwin/itwinui-react": "^2.12.18", + "@itwin/itwinui-react": "^3.16.0", "classnames": "^2.2.6" }, "devDependencies": { "@rollup/plugin-commonjs": "~17.1.0", + "@rollup/plugin-image": "^2.0.6", "@testing-library/react": "^11.1.0", "@types/jest": "^27.5.1", "@types/react": "^18.3.5", diff --git a/packages/modules/manage-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.test.tsx b/packages/modules/manage-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.test.tsx index 87dcd2fa..343b3616 100644 --- a/packages/modules/manage-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.test.tsx +++ b/packages/modules/manage-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.test.tsx @@ -2,7 +2,7 @@ * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ -import { toaster } from "@itwin/itwinui-react"; +import { useToaster } from "@itwin/itwinui-react"; import { fireEvent, render, @@ -45,6 +45,7 @@ const renderComponent = (initialProps?: Partial) => { }; describe("CreateVersionModal", () => { + const toaster = useToaster(); const mockCreateVersion = jest.spyOn(NamedVersionClient.prototype, "create"); const mockPositiveToast = jest.spyOn(toaster, "positive"); const mockNegativeToast = jest.spyOn(toaster, "negative"); diff --git a/packages/modules/manage-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.tsx b/packages/modules/manage-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.tsx index 14f3dc66..b3106e85 100644 --- a/packages/modules/manage-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.tsx +++ b/packages/modules/manage-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.tsx @@ -4,7 +4,7 @@ *--------------------------------------------------------------------------------------------*/ import "./CreateVersionModal.scss"; -import { toaster } from "@itwin/itwinui-react"; +import { useToaster } from "@itwin/itwinui-react"; import React from "react"; import { NamedVersionClient } from "../../../clients/namedVersionClient"; @@ -56,13 +56,13 @@ export const CreateVersionModal = (props: CreateVersionModalProps) => { const onCreateClick = (name: string, description: string) => { setIsLoading(true); - toaster.closeAll(); + useToaster().closeAll(); versionClient .create(imodelId, { name, description, changeSetId: changeset.id }) .then(() => { setIsLoading(false); onCreate(); - toaster.positive( + useToaster().positive( stringsOverrides.messageVersionCreated.replace("{{name}}", name), { hasCloseButton: true, @@ -71,7 +71,7 @@ export const CreateVersionModal = (props: CreateVersionModalProps) => { }) .catch((e: ApimError) => { setIsLoading(false); - toaster.negative(getErrorMessage(e.code), { + useToaster().negative(getErrorMessage(e.code), { hasCloseButton: true, }); }); diff --git a/packages/modules/manage-versions/src/components/CreateUpdateVersion/UpdateVersionModal/UpdateVersionModal.test.tsx b/packages/modules/manage-versions/src/components/CreateUpdateVersion/UpdateVersionModal/UpdateVersionModal.test.tsx index 5c92120c..cb9fcd3b 100644 --- a/packages/modules/manage-versions/src/components/CreateUpdateVersion/UpdateVersionModal/UpdateVersionModal.test.tsx +++ b/packages/modules/manage-versions/src/components/CreateUpdateVersion/UpdateVersionModal/UpdateVersionModal.test.tsx @@ -2,7 +2,7 @@ * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ -import { toaster } from "@itwin/itwinui-react"; +import { useToaster } from "@itwin/itwinui-react"; import { fireEvent, render, @@ -39,6 +39,7 @@ const renderComponent = (initialProps?: Partial) => { }; describe("UpdateVersionModal", () => { + const toaster = useToaster(); const mockUpdateVersion = jest.spyOn(NamedVersionClient.prototype, "update"); const mockPositiveToast = jest.spyOn(toaster, "positive"); const mockNegativeToast = jest.spyOn(toaster, "negative"); diff --git a/packages/modules/manage-versions/src/components/CreateUpdateVersion/UpdateVersionModal/UpdateVersionModal.tsx b/packages/modules/manage-versions/src/components/CreateUpdateVersion/UpdateVersionModal/UpdateVersionModal.tsx index 43b745d7..e366801c 100644 --- a/packages/modules/manage-versions/src/components/CreateUpdateVersion/UpdateVersionModal/UpdateVersionModal.tsx +++ b/packages/modules/manage-versions/src/components/CreateUpdateVersion/UpdateVersionModal/UpdateVersionModal.tsx @@ -2,7 +2,7 @@ * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ -import { toaster } from "@itwin/itwinui-react"; +import { useToaster } from "@itwin/itwinui-react"; import React from "react"; import { NamedVersionClient } from "../../../clients/namedVersionClient"; @@ -47,13 +47,13 @@ export const UpdateVersionModal = (props: UpdateVersionModalProps) => { const onUpdateClick = (name: string, description: string) => { setIsLoading(true); - toaster.closeAll(); + useToaster().closeAll(); versionClient .update(imodelId, version.id, { name, description }) .then(() => { setIsLoading(false); onUpdate(); - toaster.positive( + useToaster().positive( stringsOverrides.messageVersionUpdated.replace("{{name}}", name), { hasCloseButton: true, @@ -62,7 +62,7 @@ export const UpdateVersionModal = (props: UpdateVersionModalProps) => { }) .catch((e: ApimError) => { setIsLoading(false); - toaster.negative(getErrorMessage(e.code), { + useToaster().negative(getErrorMessage(e.code), { hasCloseButton: true, }); }); diff --git a/packages/modules/manage-versions/src/components/CreateUpdateVersion/VersionModal.tsx b/packages/modules/manage-versions/src/components/CreateUpdateVersion/VersionModal.tsx index 44421914..79813837 100644 --- a/packages/modules/manage-versions/src/components/CreateUpdateVersion/VersionModal.tsx +++ b/packages/modules/manage-versions/src/components/CreateUpdateVersion/VersionModal.tsx @@ -78,7 +78,7 @@ export const VersionModal = (props: VersionModalProps) => { className="iac-version-modal" > { log={log} >
- changeTab(index)} diff --git a/packages/modules/manage-versions/src/components/ManageVersions/VersionsTab/VersionsTab.tsx b/packages/modules/manage-versions/src/components/ManageVersions/VersionsTab/VersionsTab.tsx index 3dd64901..f6a40967 100644 --- a/packages/modules/manage-versions/src/components/ManageVersions/VersionsTab/VersionsTab.tsx +++ b/packages/modules/manage-versions/src/components/ManageVersions/VersionsTab/VersionsTab.tsx @@ -5,7 +5,7 @@ import "./VersionsTab.scss"; import { SvgDownload, SvgEdit } from "@itwin/itwinui-icons-react"; -import { Table, Text, toaster } from "@itwin/itwinui-react"; +import { Table, Text, useToaster } from "@itwin/itwinui-react"; import React, { useCallback } from "react"; import { CellProps } from "react-table"; @@ -69,7 +69,7 @@ const VersionsTab = (props: VersionsTabProps) => { const onDownloadClick = useCallback( async (changesetIndex: number) => { - toaster.closeAll(); + useToaster().closeAll(); try { const checkpointInfo = await changesetClient.getChangesetCheckpoint( imodelId, @@ -77,12 +77,12 @@ const VersionsTab = (props: VersionsTabProps) => { ); const downloadUrl = checkpointInfo._links.download.href; window.open(downloadUrl, "_blank", "noopener,noreferrer"); - toaster.informational(stringsOverrides.messageFileDownloadInProgress, { + useToaster().informational(stringsOverrides.messageFileDownloadInProgress, { hasCloseButton: true, duration: 2000, }); } catch (error) { - toaster.negative( + useToaster().negative( stringsOverrides.messageCouldNotDownloadedFileSuccessfully, { hasCloseButton: true,