@j2inn/fin5-ui-utils 8.1.1-beta.4 → 8.1.1-beta.6

package/dist_es/react/hooks/useFin5ColorScheme.js

@@ -1,53 +1,53 @@
-/*
- * Copyright (c) 2025, J2 Innovations. All Rights Reserved
- */
-import { DEFAULT_THEME, GenerateTheme, lighten, shade, tint, } from '@j2inn/ui';
-import { useTheme } from 'react-jss';
-import { getFin5top } from '../../fin5Top/fin5Top';
-import { useMemo } from 'react';
-export function useFin5ColorScheme() {
-    const theme = useTheme();
-    const fin5 = getFin5top();
-    const colorScheme = fin5?.app.GetColorScheme?.();
-    const currentTheme = fin5?.app.get('currentTheme');
-    const isDarkMode = currentTheme === 'dark';
-    const brandedTheme = useMemo(() => {
-        if (!colorScheme) {
-            return undefined;
-        }
-        return GenerateTheme({
-            light: {
-                ...DEFAULT_THEME.light,
-                bodyBg: colorScheme.bodyBackground,
-                bgColor: lighten(colorScheme.bodyBackground, 5),
-            },
-            dark: {
-                ...DEFAULT_THEME.dark,
-                textColor: tint(colorScheme.bodyBackground, 100),
-                popupBgColor: colorScheme.bodyBackground,
-                bodyBg: colorScheme.bodyBackground,
-                bgColor: lighten(colorScheme.bodyBackground, 5),
-            },
-            palette: {
-                ...DEFAULT_THEME.palette,
-                primary: colorScheme.primary,
-                secondary: tint(colorScheme.primary, 20),
-                accent: shade(colorScheme.primary, 20),
-            },
-        });
-    }, [
-        colorScheme?.primary,
-        colorScheme?.bodyBackground,
-        colorScheme?.sidebarBackground,
-    ]);
-    if (!brandedTheme) {
-        return theme;
-    }
-    if (isDarkMode) {
-        return brandedTheme.dark;
-    }
-    else {
-        return brandedTheme.light;
-    }
-}
+/*
+ * Copyright (c) 2025, J2 Innovations. All Rights Reserved
+ */
+import { DEFAULT_THEME, GenerateTheme, lighten, shade, tint, } from '@j2inn/ui';
+import { useTheme } from 'react-jss';
+import { getFin5top } from '../../fin5Top/fin5Top';
+import { useMemo } from 'react';
+export function useFin5ColorScheme() {
+    const theme = useTheme();
+    const fin5 = getFin5top();
+    const colorScheme = fin5?.app.GetColorScheme?.();
+    const currentTheme = fin5?.app.get('currentTheme');
+    const isDarkMode = currentTheme === 'dark';
+    const brandedTheme = useMemo(() => {
+        if (!colorScheme) {
+            return undefined;
+        }
+        return GenerateTheme({
+            light: {
+                ...DEFAULT_THEME.light,
+                bodyBg: colorScheme.bodyBackground,
+                bgColor: lighten(colorScheme.bodyBackground, 5),
+            },
+            dark: {
+                ...DEFAULT_THEME.dark,
+                textColor: tint(colorScheme.bodyBackground, 100),
+                popupBgColor: colorScheme.bodyBackground,
+                bodyBg: colorScheme.bodyBackground,
+                bgColor: lighten(colorScheme.bodyBackground, 5),
+            },
+            palette: {
+                ...DEFAULT_THEME.palette,
+                primary: colorScheme.primary,
+                secondary: tint(colorScheme.primary, 20),
+                accent: shade(colorScheme.primary, 20),
+            },
+        });
+    }, [
+        colorScheme?.primary,
+        colorScheme?.bodyBackground,
+        colorScheme?.sidebarBackground,
+    ]);
+    if (!brandedTheme) {
+        return theme;
+    }
+    if (isDarkMode) {
+        return brandedTheme.dark;
+    }
+    else {
+        return brandedTheme.light;
+    }
+}
 //# sourceMappingURL=useFin5ColorScheme.js.map

package/dist_es/react/hooks/useScreenSize.d.ts

@@ -1,7 +1,7 @@
-/**
- * Observe screen size.
- */
-export declare const useScreenSize: () => {
-    width: number;
-    height: number;
-};
+/**
+ * Observe screen size.
+ */
+export declare const useScreenSize: () => {
+    width: number;
+    height: number;
+};

package/dist_es/react/hooks/useScreenSize.js

@@ -1,28 +1,28 @@
-/*
- * Copyright (c) 2025, J2 Innovations. All Rights Reserved
- */
-import { useEffect, useState } from 'react';
-/**
- * Observe screen size.
- */
-export const useScreenSize = () => {
-    const [screenSize, setScreenSize] = useState({
-        width: window.innerWidth,
-        height: window.innerHeight,
-    });
-    useEffect(() => {
-        const handleResize = () => {
-            setScreenSize({
-                width: window.innerWidth,
-                height: window.innerHeight,
-            });
-        };
-        window.addEventListener('resize', handleResize);
-        // Clean up the event listener when the component unmounts
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    return screenSize;
-};
+/*
+ * Copyright (c) 2025, J2 Innovations. All Rights Reserved
+ */
+import { useEffect, useState } from 'react';
+/**
+ * Observe screen size.
+ */
+export const useScreenSize = () => {
+    const [screenSize, setScreenSize] = useState({
+        width: window.innerWidth,
+        height: window.innerHeight,
+    });
+    useEffect(() => {
+        const handleResize = () => {
+            setScreenSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+            });
+        };
+        window.addEventListener('resize', handleResize);
+        // Clean up the event listener when the component unmounts
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    return screenSize;
+};
 //# sourceMappingURL=useScreenSize.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@j2inn/fin5-ui-utils",
-	"version": "8.1.1-beta.4",
+	"version": "8.1.1-beta.6",
 	"description": "A set of useful client-side utilities useful for creating UI applications on top of FIN 5",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",