@j2inn/fin5-ui-utils 6.0.3 → 6.0.5-beta.0

package/dist_es/react/hooks/useFin5ColorScheme.js

@@ -1,46 +1,46 @@
-/*
- * 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 colorScheme = getFin5top()?.app.GetColorScheme?.();
-    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,
-                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 && theme.type === 'light') {
-        return brandedTheme.light;
-    }
-    if (brandedTheme && theme.type === 'dark') {
-        return brandedTheme.dark;
-    }
-    return theme;
-}
+/*
+ * 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 colorScheme = getFin5top()?.app.GetColorScheme?.();
+    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,
+                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 && theme.type === 'light') {
+        return brandedTheme.light;
+    }
+    if (brandedTheme && theme.type === 'dark') {
+        return brandedTheme.dark;
+    }
+    return theme;
+}
 //# 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": "6.0.3",
+	"version": "6.0.5-beta.0",
 	"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",
@@ -8,7 +8,7 @@
 	"scripts": {
 		"clean": "rimraf ./dist",
 		"doc": "typedoc ./src --excludePrivate",
-		"prebuild": "npm run clean npm run lint && npm run test",
+		"prebuild": "npm run clean && npm run lint && npm run test",
 		"build": "tsc && npm run-script build:es",
 		"build:es": "tsc --module ESNext --outDir dist_es",
 		"checktypes": "tsc --noEmit",