@itwin/reports-config-widget-react 0.5.0 → 0.6.0

package/src/widget/components/utils.tsx

@@ -1,14 +1,9 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import { SvgChevronLeft } from "@itwin/itwinui-icons-react";
-import {
-  Icon,
-  ProgressRadial,
-  Text,
-  toaster,
-} from "@itwin/itwinui-react";
+import { Icon, ProgressRadial, Text, toaster } from "@itwin/itwinui-react";
 import "./utils.scss";
 import React from "react";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
@@ -19,11 +14,7 @@ export interface WidgetHeaderProps {
   returnFn?: () => void;
 }
 
-export const WidgetHeader = ({
-  title,
-  disabled = false,
-  returnFn,
-}: WidgetHeaderProps) => {
+export const WidgetHeader = ({ title, disabled = false, returnFn }: WidgetHeaderProps) => {
   return (
     <div className="rcw-widget-header-container">
       {returnFn && (
@@ -44,76 +35,46 @@ export const WidgetHeader = ({
 };
 
 export const handleError = (errorStatus: number) => {
-  let errorMessage = `${ReportsConfigWidget.localization.getLocalizedString(
-    "ReportsConfigWidget:ErrorMessages.Error"
-  )} `;
+  let errorMessage = `${ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.Error")} `;
   switch (errorStatus) {
     case 401:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.401"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.401");
       break;
     case 403:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.403"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.403");
       break;
     case 404:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.404"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.404");
       break;
     case 409:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.409"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.409");
       break;
     case 422:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.422"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.422");
       break;
     case 429:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.429"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.429");
       break;
     case 500:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.500"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.500");
       break;
     case 502:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.502"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.502");
       break;
     case 503:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.503"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.503");
       break;
     default:
-      errorMessage += ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:ErrorMessages.SomethingWentWrong"
-      );
+      errorMessage += ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ErrorMessages.SomethingWentWrong");
   }
   toaster.negative(errorMessage);
 };
 
 export const LoadingOverlay = () => (
   <div className="rcw-center-overlay">
-    <Text>
-      {ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:Loading"
-      )}
-    </Text>
+    <Text>{ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Loading")}</Text>
     <ProgressRadial indeterminate />
-    <Text>
-      {ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:PleaseWait"
-      )}
-    </Text>
+    <Text>{ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:PleaseWait")}</Text>
   </div>
 );
 interface EmptyMessageProps {
@@ -123,11 +84,7 @@ export const EmptyMessage = ({ children }: EmptyMessageProps) => {
   return <div className="rcw-center-overlay">{children}</div>;
 };
 
-export const handleInputChange = <T,>(
-  e: React.ChangeEvent<HTMLInputElement>,
-  values: T,
-  setValues: React.Dispatch<React.SetStateAction<T>>
-) => {
+export const handleInputChange = <T,>(e: React.ChangeEvent<HTMLInputElement>, values: T, setValues: React.Dispatch<React.SetStateAction<T>>) => {
   const { name, value } = e.target;
 
   setValues({
@@ -138,18 +95,13 @@ export const handleInputChange = <T,>(
 
 export const LoadingSpinner = () => {
   return (
-    <div
-      className="rcw-loading-spinner"
-      data-testid="rcw-action-loading-spinner"
-    >
+    <div className="rcw-loading-spinner" data-testid="rcw-action-loading-spinner">
       <ProgressRadial size="small" indeterminate />
     </div>
   );
 };
 
-export const SkeletonBlock = () => (
-  <div className="rcw-skeleton-block iui-skeleton" />
-);
+export const SkeletonBlock = () => <div className="rcw-skeleton-block iui-skeleton" />;
 
 export const generateUrl = (baseUrl: string, newBaseUrl: string) => {
   return baseUrl.replace("https://api.bentley.com", newBaseUrl);

package/src/widget/context/BulkExtractorContext.tsx

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import type { AccessToken } from "@itwin/core-bentley";
 import * as React from "react";
 import { createContext } from "react";
@@ -18,9 +18,7 @@ export const BulkExtractorContext = createContext<BulkExtractorContextProps>({})
 export const useBulkExtractor = () => {
   const context = React.useContext(BulkExtractorContext);
   if (!context) {
-    throw new Error(
-      "useBulkExtractor should be used within a BulkExtractorContext provider"
-    );
+    throw new Error("useBulkExtractor should be used within a BulkExtractorContext provider");
   }
   return context;
 };

package/src/widget/context/ReportsConfigApiContext.tsx

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import type { AccessToken } from "@itwin/core-bentley";
 import { IModelsClient } from "@itwin/imodels-client-management";
 import { MappingsClient, ReportsClient } from "@itwin/insights-client";
@@ -31,9 +31,7 @@ export const ReportsConfigApiContext = createContext<ReportsConfigApiProps>({
 export const useReportsConfigApi = () => {
   const context = React.useContext(ReportsConfigApiContext);
   if (!context) {
-    throw new Error(
-      "useReportsConfigApi should be used within a ReportsConfigApiContext provider"
-    );
+    throw new Error("useReportsConfigApi should be used within a ReportsConfigApiContext provider");
   }
   return context;
 };

package/src/widget/hooks/useValidator.ts

@@ -1,48 +1,36 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import { useState } from "react";
 import SimpleReactValidator from "simple-react-validator";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
 
-export const NAME_REQUIREMENTS =
-  "required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresSpacesAndDigits|CharLimit";
+export const NAME_REQUIREMENTS = "required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresSpacesAndDigits|CharLimit";
 
-const useValidator = (): [
-  SimpleReactValidator,
-  React.Dispatch<React.SetStateAction<boolean>>
-] => {
+const useValidator = (): [SimpleReactValidator, React.Dispatch<React.SetStateAction<boolean>>] => {
   const [show, setShow] = useState(false);
   const customValidator = {
     NoDuplicateUnderscore: {
-      message: ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:Validators.NoDuplicateUnderscore"
-      ),
+      message: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.NoDuplicateUnderscore"),
       rule: (val: string) => {
         return !val.match(/__+/i);
       },
     },
     OnlyBeginsWithLetterOrUnderscore: {
-      message: ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:Validators.OnlyBeginsWithLetterOrUnderscore"
-      ),
+      message: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.OnlyBeginsWithLetterOrUnderscore"),
       rule: (val: string) => {
         return !val.match(/^[\W\d]+/i);
       },
     },
     FollowedByLettersUnderscoresSpacesAndDigits: {
-      message: ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:Validators.FollowedByLettersUnderscoresSpacesAndDigits"
-      ),
+      message: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.FollowedByLettersUnderscoresSpacesAndDigits"),
       rule: (val: string) => {
         return !val.match(/[^a-zA-Z0-9_\s]+/i);
       },
     },
     CharLimit: {
-      message: ReportsConfigWidget.localization.getLocalizedString(
-        "ReportsConfigWidget:Validators.CharLimit"
-      ),
+      message: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.CharLimit"),
       rule: (val: string) => {
         return val.length <= 128;
       },
@@ -50,9 +38,7 @@ const useValidator = (): [
   };
 
   const customMessages = {
-    required: ReportsConfigWidget.localization.getLocalizedString(
-      "ReportsConfigWidget:Validators.ThisFieldIsRequired"
-    ),
+    required: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Validators.ThisFieldIsRequired"),
   };
 
   const validator = new SimpleReactValidator({

package/tsconfig.json

@@ -1,11 +1,11 @@
-{
-  "extends": "./node_modules/@itwin/build-tools/tsconfig-base.json",
-  "compilerOptions": {
-    "skipLibCheck": true,
-    "jsx": "react",
-    "preserveSymlinks": true,
-    "esModuleInterop": true,
-  },
-  "include": ["./src/**/*.ts*"],
-  "exclude": ["lib", "node_modules"]
-}
+{
+  "extends": "./node_modules/@itwin/build-tools/tsconfig-base.json",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "jsx": "react",
+    "preserveSymlinks": true,
+    "esModuleInterop": true
+  },
+  "include": ["./src/**/*.ts*"],
+  "exclude": ["lib", "node_modules"]
+}