Theme Provider

Author: AJIXuMuK

src/controls/variantThemeProvider/VariantThemeProvider.tsx

@@ -5,10 +5,10 @@ import { useCallback } from "react";
 import { generateThemeFromColors, generateThemeVariant, getDefaultTheme } from "./VariantThemeProviderHelpers";
 import { VariantThemeProviderProps, VariantType } from "./VariantThemeProviderProps";
 
-export const VariantThemeProvider = (props: VariantThemeProviderProps) => {
+export const VariantThemeProvider = (props: VariantThemeProviderProps): JSX.Element => {
     const themeToApply = useCallback(
         () => {
-            let workingVariantType = (props.variantType) ? props.variantType : VariantType.None;
+            const workingVariantType = (props.variantType) ? props.variantType : VariantType.None;
             let workingTheme: IPartialTheme | ITheme;
 
             if (props.themeColors) {
@@ -21,7 +21,7 @@ export const VariantThemeProvider = (props: VariantThemeProviderProps) => {
                 }
             }
 
-            let themeVariantToApply = (props.variantType === VariantType.None)
+            const themeVariantToApply = (props.variantType === VariantType.None)
                 ? workingTheme
                 : generateThemeVariant(workingTheme, workingVariantType);
 

src/controls/variantThemeProvider/VariantThemeProviderHelpers.ts

@@ -25,7 +25,7 @@ export const generateThemeVariant = (theme: IPartialTheme | ITheme, themeType: V
 
 export const getDefaultTheme = (): ITheme => {
     let currentTheme;
-    const themeColorsFromWindow: any = (window as any)?.__themeState__?.theme;
+    const themeColorsFromWindow: any = (window as any)?.__themeState__?.theme; // eslint-disable-line @typescript-eslint/no-explicit-any
     if (themeColorsFromWindow) {
         currentTheme = createTheme({
             palette: themeColorsFromWindow
@@ -40,11 +40,11 @@ export const getDefaultTheme = (): ITheme => {
 export const generateThemeFromColors = (primaryColor: string, textColor: string, backgroundColor: string): ITheme => {
     const themeRules = themeRulesStandardCreator();
     const colors = {
-        primaryColor: getColorFromString(primaryColor)!,
-        textColor: getColorFromString(textColor)!,
-        backgroundColor: getColorFromString(backgroundColor)!,
+        primaryColor: getColorFromString(primaryColor),
+        textColor: getColorFromString(textColor),
+        backgroundColor: getColorFromString(backgroundColor),
     };
-    const currentIsDark = isDark(themeRules[BaseSlots[BaseSlots.backgroundColor]].color!);
+    const currentIsDark = isDark(themeRules[BaseSlots[BaseSlots.backgroundColor]].color);
 
     ThemeGenerator.insureSlots(themeRules, currentIsDark);
     ThemeGenerator.setSlot(
@@ -76,4 +76,4 @@ export const generateThemeFromColors = (primaryColor: string, textColor: string,
     });
 
     return generatedTheme;
-};
+};