Update dependency @rhoas/app-services-ui-components to v2 (#156)

* Update dependency @rhoas/app-services-ui-components to v2 * Update react-18next imports Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jozef Marko <[email protected]>
5733d9e2be6485d52ffa08870cabdee0 · Sep 22, 2022 · 6aa4d8e · 6aa4d8e
1 parent 894552a
commit 6aa4d8e
Show file tree

Hide file tree

Showing 31 changed files with 257 additions and 194 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -32,7 +32,7 @@
     "@patternfly/react-icons": "4.53.16",
     "@patternfly/react-styles": "4.52.16",
     "@patternfly/react-table": "4.71.16",
-    "@rhoas/app-services-ui-components": "1.38.2",
+    "@rhoas/app-services-ui-components": "2.10.2",
     "@rhoas/app-services-ui-shared": "0.16.0",
     "@rhoas/smart-events-management-sdk": "0.44.0",
     "@types/json-schema": "7.0.11",
@@ -47,7 +47,6 @@
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-error-boundary": "3.1.4",
-    "react-i18next": "11.16.7",
     "react-monaco-editor": "0.41.2",
     "react-router-dom": "5.2.1",
     "uniforms": "3.10.0",

diff --git a/src/app/Instance/CreateInstance/CloudProviderSelection.tsx b/src/app/Instance/CreateInstance/CloudProviderSelection.tsx
@@ -16,7 +16,7 @@ import {
 } from "@rhoas/smart-events-management-sdk";
 import { AwsIcon } from "@patternfly/react-icons";
 import "./CloudProviderSelection.css";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 
 interface CloudProviderSelectionProps {
   cloudProviders: CloudProviderResponse[];

diff --git a/src/app/Instance/CreateInstance/CreateInstance.tsx b/src/app/Instance/CreateInstance/CreateInstance.tsx
@@ -17,7 +17,7 @@ import {
   Modal,
   TextInput,
 } from "@patternfly/react-core";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import {
   getErrorCode,
   isServiceApiError,

diff --git a/src/app/Instance/CreateInstance/ErrorHandlingSelection.tsx b/src/app/Instance/CreateInstance/ErrorHandlingSelection.tsx
@@ -5,7 +5,7 @@ import {
   SelectOption,
   SelectVariant,
 } from "@patternfly/react-core";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { ErrorHandlingMethods } from "../../../types/ErrorHandlingMethods";
 
 interface ErrorHandlingSelectionProps {

diff --git a/src/app/Instance/DeleteInstance/DeleteInstance.tsx b/src/app/Instance/DeleteInstance/DeleteInstance.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from "react";
 import { DeleteModal } from "@app/components/DeleteModal/DeleteModal";
 import { useDeleteBridgeApi } from "../../../hooks/useBridgesApi/useDeleteBridgeApi";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import axios from "axios";
 import {
   getErrorCode,

diff --git a/src/app/Instance/InstanceDetails/InstanceDetails.tsx b/src/app/Instance/InstanceDetails/InstanceDetails.tsx
@@ -18,7 +18,7 @@ import {
   TextContent,
   TextVariants,
 } from "@patternfly/react-core";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { format } from "date-fns";
 import { BridgeResponse } from "@rhoas/smart-events-management-sdk";
 

diff --git a/src/app/Instance/InstancePage/ErrorHandlingTabContent.tsx b/src/app/Instance/InstancePage/ErrorHandlingTabContent.tsx
@@ -19,7 +19,7 @@ import {
 } from "../../../types/ErrorHandlingMethods";
 import ProcessorConfigParameters from "@app/Processor/ProcessorConfigParameters/ProcessorConfigParameters";
 import React, { useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { useGetSchemaApi } from "../../../hooks/useSchemasApi/useGetSchemaApi";
 import { ProcessorSchemaType } from "../../../types/Processor";
 import axios from "axios";

diff --git a/src/app/Instance/InstancePage/InstancePage.tsx b/src/app/Instance/InstancePage/InstancePage.tsx
@@ -21,7 +21,7 @@ import {
   TextContent,
 } from "@patternfly/react-core";
 import { useHistory, useParams } from "react-router-dom";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { Breadcrumb } from "@app/components/Breadcrumb/Breadcrumb";
 import { CaretDownIcon } from "@patternfly/react-icons";
 import "./InstancePage.css";

diff --git a/src/app/Instance/InstancePage/ProcessorsTabContent.tsx b/src/app/Instance/InstancePage/ProcessorsTabContent.tsx
@@ -20,7 +20,7 @@ import {
 } from "@rhoas/smart-events-management-sdk";
 import { Link } from "react-router-dom";
 import { formatDistance } from "date-fns";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { useGetProcessorsApi } from "../../../hooks/useProcessorsApi/useGetProcessorsApi";
 import { usePolling } from "../../../hooks/usePolling/usePolling";
 import { ErrorWithDetail } from "../../../types/Error";

diff --git a/src/app/Instance/InstancesListPage/InstancesListPage.tsx b/src/app/Instance/InstancesListPage/InstancesListPage.tsx
@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import {
   Button,
   Drawer,

diff --git a/src/app/Processor/CreateProcessorPage/CreateProcessorPage.tsx b/src/app/Processor/CreateProcessorPage/CreateProcessorPage.tsx
@@ -6,7 +6,7 @@ import {
   TextContent,
 } from "@patternfly/react-core";
 import { useHistory, useParams } from "react-router-dom";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import axios from "axios";
 import ProcessorEdit from "@app/Processor/ProcessorEdit/ProcessorEdit";
 import { Breadcrumb } from "@app/components/Breadcrumb/Breadcrumb";

diff --git a/src/app/Processor/DeleteProcessor/DeleteProcessor.tsx b/src/app/Processor/DeleteProcessor/DeleteProcessor.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { DeleteModal } from "@app/components/DeleteModal/DeleteModal";
 import { useDeleteProcessorApi } from "../../../hooks/useProcessorsApi/useDeleteProcessorApi";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import axios from "axios";
 import {
   getErrorCode,

diff --git a/src/app/Processor/ProcessorConfigParameters/ProcessorConfigParameters.tsx b/src/app/Processor/ProcessorConfigParameters/ProcessorConfigParameters.tsx
@@ -9,7 +9,7 @@ import {
   Popover,
 } from "@patternfly/react-core";
 import { JSONSchema7, JSONSchema7Definition } from "json-schema";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { DataShapeValue } from "../../../types/Processor";
 import { isJSONSchema } from "@utils/processorUtils";
 

diff --git a/src/app/Processor/ProcessorDetail/ProcessorDetail.tsx b/src/app/Processor/ProcessorDetail/ProcessorDetail.tsx
@@ -16,7 +16,7 @@ import {
   TextContent,
   TextVariants,
 } from "@patternfly/react-core";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import {
   TableComposable,
   Tbody,

diff --git a/src/app/Processor/ProcessorDetail/ProcessorDetailSkeleton.tsx b/src/app/Processor/ProcessorDetail/ProcessorDetailSkeleton.tsx
@@ -10,7 +10,7 @@ import {
   Stack,
   StackItem,
 } from "@patternfly/react-core";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 
 const ProcessorDetailSkeleton = (): JSX.Element => {
   const { t } = useTranslation(["openbridgeTempDictionary"]);

diff --git a/src/app/Processor/ProcessorDetailPage/ProcessorDetailPage.tsx b/src/app/Processor/ProcessorDetailPage/ProcessorDetailPage.tsx
@@ -16,7 +16,7 @@ import {
   Text,
   TextContent,
 } from "@patternfly/react-core";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import ProcessorDetail from "@app/Processor/ProcessorDetail/ProcessorDetail";
 import { CaretDownIcon } from "@patternfly/react-icons";
 import { Breadcrumb } from "@app/components/Breadcrumb/Breadcrumb";

diff --git a/src/app/Processor/ProcessorEdit/ConfigurationEdit/ConfigurationEdit.tsx b/src/app/Processor/ProcessorEdit/ConfigurationEdit/ConfigurationEdit.tsx
@@ -4,7 +4,7 @@ import {
   ProcessorSchemaEntryResponse,
   Source,
 } from "@rhoas/smart-events-management-sdk";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import {
   FormGroup,
   FormSelect,

diff --git a/src/app/Processor/ProcessorEdit/ConfigurationForm/ConfigurationForm.tsx b/src/app/Processor/ProcessorEdit/ConfigurationForm/ConfigurationForm.tsx
@@ -4,7 +4,7 @@ import { AutoField } from "uniforms-patternfly/dist/es6";
 import { AutoForm, ValidatedQuickForm, context } from "uniforms";
 import { createValidator } from "@app/Processor/ProcessorEdit/ConfigurationForm/validator";
 import { CustomJsonSchemaBridge } from "@app/Processor/ProcessorEdit/ConfigurationForm/CustomJsonSchemaBridge";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { prepareConfigParameters } from "@utils/processorUtils";
 
 interface ConfigurationFormProps {

diff --git a/src/app/Processor/ProcessorEdit/ConfigurationForm/CustomJsonSchemaBridge.tsx b/src/app/Processor/ProcessorEdit/ConfigurationForm/CustomJsonSchemaBridge.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-return,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/explicit-function-return-type */
 
 import React from "react";
-import { TFunction } from "react-i18next";
+import { TFunction } from "@rhoas/app-services-ui-components";
 import JSONSchemaBridge from "uniforms-bridge-json-schema";
 import { Popover } from "@patternfly/react-core";
 import { HelpIcon } from "@patternfly/react-icons";

diff --git a/src/app/Processor/ProcessorEdit/FiltersEdit/FiltersEdit.tsx b/src/app/Processor/ProcessorEdit/FiltersEdit/FiltersEdit.tsx
@@ -18,7 +18,7 @@ import {
   PlusCircleIcon,
   TrashAltIcon,
 } from "@patternfly/react-icons";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { EventFilter, FilterType } from "../../../../types/Processor";
 import { getFilterValue, isCommaSeparatedFilterType } from "@utils/filterUtils";
 

diff --git a/src/app/Processor/ProcessorEdit/ProcessorEdit.tsx b/src/app/Processor/ProcessorEdit/ProcessorEdit.tsx
@@ -5,7 +5,7 @@ import React, {
   useRef,
   useState,
 } from "react";
-import { Trans, useTranslation } from "react-i18next";
+import { Trans, useTranslation } from "@rhoas/app-services-ui-components";
 import {
   ActionGroup,
   Alert,

diff --git a/src/app/Processor/ProcessorEdit/useValidateProcessor.ts b/src/app/Processor/ProcessorEdit/useValidateProcessor.ts
@@ -4,7 +4,7 @@ import {
   ProcessorValidation,
 } from "../../../types/Processor";
 import { omit } from "lodash";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 
 export function useValidateProcessor(
   processor: ProcessorFormData,

diff --git a/src/app/components/ActionModal/ActionModal.tsx b/src/app/components/ActionModal/ActionModal.tsx
@@ -9,7 +9,7 @@ import {
   TextVariants,
 } from "@patternfly/react-core";
 import React from "react";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 
 export interface ActionModalProps {
   /** Action to execute when the modal gets closed */

diff --git a/src/app/components/DeleteModal/DeleteModal.tsx b/src/app/components/DeleteModal/DeleteModal.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { Trans, useTranslation } from "react-i18next";
+import { Trans, useTranslation } from "@rhoas/app-services-ui-components";
 import {
   Bullseye,
   Button,

diff --git a/src/app/components/ErrorWithDetailBoundary/ErrorWithDetailBoundary.tsx b/src/app/components/ErrorWithDetailBoundary/ErrorWithDetailBoundary.tsx
@@ -10,7 +10,7 @@ import {
   Text,
   TextContent,
 } from "@patternfly/react-core";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { ErrorWithDetail } from "../../../types/Error";
 import { useHistory } from "react-router-dom";
 

diff --git a/src/app/components/PageNotFound/PageNotFound.tsx b/src/app/components/PageNotFound/PageNotFound.tsx
@@ -6,7 +6,7 @@ import {
   EmptyStateIcon,
   Title,
 } from "@patternfly/react-core";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { NotFoundIcon } from "@app/components/NotFoundIcon/NotFoundIcon";
 
 export interface PageNotFoundStateParams {

diff --git a/src/app/components/ResourceStatusLabel/ResourceStatusLabel.tsx b/src/app/components/ResourceStatusLabel/ResourceStatusLabel.tsx
@@ -18,7 +18,7 @@ import {
   CheckCircleIcon,
   ExclamationTriangleIcon,
 } from "@patternfly/react-icons";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import "./ResourceStatusLabel.css";
 
 export interface ResourceStatusLabelProps {

diff --git a/src/app/components/SEStatusLabel/SEStatusLabel.tsx b/src/app/components/SEStatusLabel/SEStatusLabel.tsx
@@ -3,7 +3,7 @@ import { ManagedResourceStatus } from "@rhoas/smart-events-management-sdk";
 import { ResourceStatusLabel } from "@app/components/ResourceStatusLabel/ResourceStatusLabel";
 import { ResourceStatus } from "@app/components/ResourceStatusLabel/types";
 
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { CreationStatusOrder } from "@app/components/SEStatusLabel/SEStatusPopover/types";
 import SEStatusPopover from "@app/components/SEStatusLabel/SEStatusPopover/SEStatusPopover";
 import { useResourceDelayedStatus } from "@app/components/SEStatusLabel/useResourceDelayedStatus";

diff --git a/src/app/components/SEStatusLabel/SEStatusPopover/SEStatusPopoverContent.tsx b/src/app/components/SEStatusLabel/SEStatusPopover/SEStatusPopoverContent.tsx
@@ -8,7 +8,7 @@ import {
   TextVariants,
 } from "@patternfly/react-core";
 import { ManagedResourceStatus } from "@rhoas/smart-events-management-sdk";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 import { ResourceStatusDelayed } from "@app/components/ResourceStatusLabel/types";
 import { CreationStatusOrder } from "@app/components/SEStatusLabel/SEStatusPopover/types";
 import SEStatusStepper from "@app/components/SEStatusLabel/SEStatusPopover/SEStatusStepper";

diff --git a/src/app/components/SEStatusLabel/SEStatusPopover/SEStatusStepper.tsx b/src/app/components/SEStatusLabel/SEStatusPopover/SEStatusStepper.tsx
@@ -3,7 +3,7 @@ import { ProgressStep, ProgressStepper } from "@patternfly/react-core";
 import { ManagedResourceStatus } from "@rhoas/smart-events-management-sdk";
 import { CreationStatusOrder } from "@app/components/SEStatusLabel/SEStatusPopover/types";
 import { ProgressStepProps } from "@patternfly/react-core/dist/esm/components/ProgressStepper/ProgressStep";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@rhoas/app-services-ui-components";
 
 interface SEStatusStepperProps {
   status: ManagedResourceStatus;