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

package/dist_es/react/components/resolvable/configurationForm/ConfigurationForm.js

@@ -1,65 +1,65 @@
-/*
- * Copyright (c) 2023, J2 Innovations. All Rights Reserved
- */
-import { useResolveSection, } from '@j2inn/resolvable-ui-elements';
-import { Button } from '@j2inn/ui';
-import cn from 'classnames';
-import { HDict } from 'haystack-core';
-import React, { useMemo, useState } from 'react';
-import { createUseStyles } from 'react-jss';
-import { ConfigurationFormEntry, } from './ConfigurationFormEntry';
-import { getSectionDefault } from './getSectionDefault';
-const useStyles = createUseStyles({
-    formGrid: ({ layout }) => ({
-        display: 'grid',
-        gridTemplateColumns: layout === 'horizontal' ? '1fr 1fr' : '1fr',
-        gap: '0.5em 2em',
-    }),
-    saveButtonRow: ({ layout }) => ({
-        gridColumn: layout === 'horizontal' ? 'span 2' : 'span 1',
-        transition: 'transform 0.75s, max-height 0.75s, opacity 0.75s',
-        maxHeight: 200,
-        transform: 'scaleY(1)',
-        marginTop: '1em',
-    }),
-    saveButtonRowNotVisible: {
-        transform: 'scaleY(0)',
-        maxHeight: 0,
-        opacity: 0,
-    },
-    saveButton: {
-        transition: 'all 0.75s',
-        width: 120,
-        float: 'right',
-    },
-});
-export const ConfigurationForm = ({ section, params, readOnlySection, onSave, formatKey, saveText, options, layout = 'horizontal', className, entryClassName, saveBtnClassName, animateSaveButton = true, }) => {
-    const classes = useStyles({ layout });
-    const [resolvedSection] = useResolveSection(section, params);
-    const entries = useMemo(() => getSectionDefault(section), [section]);
-    const [changes, setChanges] = useState();
-    const [canSave, setCanSave] = useState(false);
-    const [isSaving, setIsSaving] = useState(false);
-    return (React.createElement("div", { className: cn(classes.formGrid, className) },
-        Object.entries(entries).map(([key, defaultValue]) => (React.createElement(ConfigurationFormEntry, { key: key, options: options?.get(key), name: formatKey ? formatKey(key) : key, value: resolvedSection[key] ?? defaultValue, onChange: (val) => {
-                setChanges({ ...changes, [key]: val });
-                setCanSave(true);
-            }, className: entryClassName }))),
-        readOnlySection && (React.createElement(ConfigurationFormReadOnlyEntries, { readOnlySection: readOnlySection, formatKey: formatKey, params: params, className: entryClassName })),
-        React.createElement("div", { className: cn(classes.saveButtonRow, {
-                [classes.saveButtonRowNotVisible]: animateSaveButton && !canSave,
-            }) },
-            React.createElement(Button, { disabled: !canSave, className: cn(classes.saveButton, saveBtnClassName), type: 'primary', loading: isSaving, onClick: async () => {
-                    setIsSaving(true);
-                    await onSave(HDict.make(changes));
-                    setChanges(undefined); // Reset changes dict
-                    setIsSaving(false);
-                    setCanSave(false);
-                } }, saveText ?? 'Save'))));
-};
-export const ConfigurationFormReadOnlyEntries = ({ readOnlySection, params, formatKey, className, }) => {
-    const [resolvedReadOnlySection] = useResolveSection(readOnlySection, params);
-    return (React.createElement(React.Fragment, null, resolvedReadOnlySection &&
-        Object.entries(resolvedReadOnlySection).map(([key, value]) => (React.createElement(ConfigurationFormEntry, { key: key, name: formatKey ? formatKey(key) : key, disabled: true, value: value, className: className })))));
-};
+/*
+ * Copyright (c) 2023, J2 Innovations. All Rights Reserved
+ */
+import { useResolveSection, } from '@j2inn/resolvable-ui-elements';
+import { Button } from '@j2inn/ui';
+import cn from 'classnames';
+import { HDict } from 'haystack-core';
+import React, { useMemo, useState } from 'react';
+import { createUseStyles } from 'react-jss';
+import { ConfigurationFormEntry, } from './ConfigurationFormEntry';
+import { getSectionDefault } from './getSectionDefault';
+const useStyles = createUseStyles({
+    formGrid: ({ layout }) => ({
+        display: 'grid',
+        gridTemplateColumns: layout === 'horizontal' ? '1fr 1fr' : '1fr',
+        gap: '0.5em 2em',
+    }),
+    saveButtonRow: ({ layout }) => ({
+        gridColumn: layout === 'horizontal' ? 'span 2' : 'span 1',
+        transition: 'transform 0.75s, max-height 0.75s, opacity 0.75s',
+        maxHeight: 200,
+        transform: 'scaleY(1)',
+        marginTop: '1em',
+    }),
+    saveButtonRowNotVisible: {
+        transform: 'scaleY(0)',
+        maxHeight: 0,
+        opacity: 0,
+    },
+    saveButton: {
+        transition: 'all 0.75s',
+        width: 120,
+        float: 'right',
+    },
+});
+export const ConfigurationForm = ({ section, params, readOnlySection, onSave, formatKey, saveText, options, layout = 'horizontal', className, entryClassName, saveBtnClassName, animateSaveButton = true, }) => {
+    const classes = useStyles({ layout });
+    const [resolvedSection] = useResolveSection(section, params);
+    const entries = useMemo(() => getSectionDefault(section), [section]);
+    const [changes, setChanges] = useState();
+    const [canSave, setCanSave] = useState(false);
+    const [isSaving, setIsSaving] = useState(false);
+    return (React.createElement("div", { className: cn(classes.formGrid, className) },
+        Object.entries(entries).map(([key, defaultValue]) => (React.createElement(ConfigurationFormEntry, { key: key, options: options?.get(key), name: formatKey ? formatKey(key) : key, value: resolvedSection[key] ?? defaultValue, onChange: (val) => {
+                setChanges({ ...changes, [key]: val });
+                setCanSave(true);
+            }, className: entryClassName }))),
+        readOnlySection && (React.createElement(ConfigurationFormReadOnlyEntries, { readOnlySection: readOnlySection, formatKey: formatKey, params: params, className: entryClassName })),
+        React.createElement("div", { className: cn(classes.saveButtonRow, {
+                [classes.saveButtonRowNotVisible]: animateSaveButton && !canSave,
+            }) },
+            React.createElement(Button, { disabled: !canSave, className: cn(classes.saveButton, saveBtnClassName), type: 'primary', loading: isSaving, onClick: async () => {
+                    setIsSaving(true);
+                    await onSave(HDict.make(changes));
+                    setChanges(undefined); // Reset changes dict
+                    setIsSaving(false);
+                    setCanSave(false);
+                } }, saveText ?? 'Save'))));
+};
+export const ConfigurationFormReadOnlyEntries = ({ readOnlySection, params, formatKey, className, }) => {
+    const [resolvedReadOnlySection] = useResolveSection(readOnlySection, params);
+    return (React.createElement(React.Fragment, null, resolvedReadOnlySection &&
+        Object.entries(resolvedReadOnlySection).map(([key, value]) => (React.createElement(ConfigurationFormEntry, { key: key, name: formatKey ? formatKey(key) : key, disabled: true, value: value, className: className })))));
+};
 //# sourceMappingURL=ConfigurationForm.js.map

package/dist_es/react/components/resolvable/configurationForm/ConfigurationFormEntry.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { HDict, HGrid, HNum, HRef, HStr, HVal } from 'haystack-core';
-export interface ConfigurationFormEntryOption extends HDict {
-    value: HStr | HNum | HRef;
-    label: HStr;
-}
-interface ConfigurationFormEntryProps {
-    name: string;
-    value: HVal | unknown;
-    onChange?: (val: HVal) => void;
-    disabled?: boolean;
-    options?: HGrid<ConfigurationFormEntryOption>;
-    className?: string;
-}
-export declare const ConfigurationFormEntry: ({ name, value, onChange, disabled, options, className, }: ConfigurationFormEntryProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+import { HDict, HGrid, HNum, HRef, HStr, HVal } from 'haystack-core';
+export interface ConfigurationFormEntryOption extends HDict {
+    value: HStr | HNum | HRef;
+    label: HStr;
+}
+interface ConfigurationFormEntryProps {
+    name: string;
+    value: HVal | unknown;
+    onChange?: (val: HVal) => void;
+    disabled?: boolean;
+    options?: HGrid<ConfigurationFormEntryOption>;
+    className?: string;
+}
+export declare const ConfigurationFormEntry: ({ name, value, onChange, disabled, options, className, }: ConfigurationFormEntryProps) => JSX.Element;
+export {};

package/dist_es/react/components/resolvable/configurationForm/ConfigurationFormEntry.js

@@ -1,59 +1,59 @@
-/*
- * Copyright (c) 2023, J2 Innovations. All Rights Reserved
- */
-import { ant_prefix, HInput, Input, Select } from '@j2inn/ui';
-import cn from 'classnames';
-import { HNum, HRef, HStr, isHVal, Kind, valueIsKind, } from 'haystack-core';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { createUseStyles } from 'react-jss';
-const useStyles = createUseStyles((theme) => ({
-    formEntry: {
-        [`& .${ant_prefix}-input`]: {
-            height: 32,
-        },
-    },
-    entryTitle: {
-        fontWeight: 600,
-        fontSize: '1em',
-        color: theme.textColorSecondary,
-    },
-    select: {
-        width: '100%',
-    },
-}));
-const getHValFromSelectValue = (selectValue, initialHVal) => {
-    if (valueIsKind(initialHVal, Kind.Number)) {
-        return HNum.make(selectValue, initialHVal.unit);
-    }
-    else if (valueIsKind(initialHVal, Kind.Ref)) {
-        return HRef.make(selectValue);
-    }
-    return HStr.make(selectValue);
-};
-export const ConfigurationFormEntry = ({ name, value, onChange, disabled, options, className, }) => {
-    const classes = useStyles();
-    if (!isHVal(value)) {
-        return React.createElement(React.Fragment, null, `${name} = ${value}`);
-    }
-    const [showedVal, setShowedVal] = useState(value);
-    useEffect(() => {
-        setShowedVal(value);
-    }, [value]);
-    const selectOptions = useMemo(() => options?.getRows().map((cfeOpt) => ({
-        value: cfeOpt.value.value,
-        label: cfeOpt.label.value,
-    })), [options]);
-    const onInputChange = useCallback((val) => {
-        setShowedVal(val);
-        onChange?.(val);
-    }, [onChange]);
-    return (React.createElement("div", { className: cn(classes.formEntry, className) },
-        React.createElement("div", { className: classes.entryTitle }, name),
-        selectOptions ? (React.createElement(Select, { showSearch: true, className: classes.select, value: showedVal.value, options: selectOptions, disabled: disabled, onChange: (val) => {
-                if (val != null) {
-                    const newVal = getHValFromSelectValue(val, value);
-                    onInputChange(newVal);
-                }
-            } })) : !disabled ? (React.createElement(HInput, { value: showedVal, editable: true, onChange: onInputChange })) : (React.createElement(Input, { disabled: true, value: showedVal.toString() }))));
-};
+/*
+ * Copyright (c) 2023, J2 Innovations. All Rights Reserved
+ */
+import { ant_prefix, HInput, Input, Select } from '@j2inn/ui';
+import cn from 'classnames';
+import { HNum, HRef, HStr, isHVal, Kind, valueIsKind, } from 'haystack-core';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { createUseStyles } from 'react-jss';
+const useStyles = createUseStyles((theme) => ({
+    formEntry: {
+        [`& .${ant_prefix}-input`]: {
+            height: 32,
+        },
+    },
+    entryTitle: {
+        fontWeight: 600,
+        fontSize: '1em',
+        color: theme.textColorSecondary,
+    },
+    select: {
+        width: '100%',
+    },
+}));
+const getHValFromSelectValue = (selectValue, initialHVal) => {
+    if (valueIsKind(initialHVal, Kind.Number)) {
+        return HNum.make(selectValue, initialHVal.unit);
+    }
+    else if (valueIsKind(initialHVal, Kind.Ref)) {
+        return HRef.make(selectValue);
+    }
+    return HStr.make(selectValue);
+};
+export const ConfigurationFormEntry = ({ name, value, onChange, disabled, options, className, }) => {
+    const classes = useStyles();
+    if (!isHVal(value)) {
+        return React.createElement(React.Fragment, null, `${name} = ${value}`);
+    }
+    const [showedVal, setShowedVal] = useState(value);
+    useEffect(() => {
+        setShowedVal(value);
+    }, [value]);
+    const selectOptions = useMemo(() => options?.getRows().map((cfeOpt) => ({
+        value: cfeOpt.value.value,
+        label: cfeOpt.label.value,
+    })), [options]);
+    const onInputChange = useCallback((val) => {
+        setShowedVal(val);
+        onChange?.(val);
+    }, [onChange]);
+    return (React.createElement("div", { className: cn(classes.formEntry, className) },
+        React.createElement("div", { className: classes.entryTitle }, name),
+        selectOptions ? (React.createElement(Select, { showSearch: true, className: classes.select, value: showedVal.value, options: selectOptions, disabled: disabled, onChange: (val) => {
+                if (val != null) {
+                    const newVal = getHValFromSelectValue(val, value);
+                    onInputChange(newVal);
+                }
+            } })) : !disabled ? (React.createElement(HInput, { value: showedVal, editable: true, onChange: onInputChange })) : (React.createElement(Input, { disabled: true, value: showedVal.toString() }))));
+};
 //# sourceMappingURL=ConfigurationFormEntry.js.map

package/dist_es/react/components/resolvable/configurationForm/getSectionDefault.d.ts

@@ -1,16 +1,16 @@
-import { UiElementData } from '@j2inn/resolvable-ui-elements';
-import { HVal } from 'haystack-core';
-/**
- * Get default values for all elements that should resolve into an HVal.
- * @param section a section element
- * @returns an object containing as key the section element name and as value the default HVal.
- */
-export declare const getSectionDefault: (section: UiElementData) => {
-    [key: string]: HVal;
-};
-/**
- * Get a default for a specific kind of HVal.
- * @param kind can be expressed as new or old Hayson, or alternatively the haystack-core type name
- * @returns
- */
-export declare const getDefaultHVal: (kind?: string) => HVal | undefined;
+import { UiElementData } from '@j2inn/resolvable-ui-elements';
+import { HVal } from 'haystack-core';
+/**
+ * Get default values for all elements that should resolve into an HVal.
+ * @param section a section element
+ * @returns an object containing as key the section element name and as value the default HVal.
+ */
+export declare const getSectionDefault: (section: UiElementData) => {
+    [key: string]: HVal;
+};
+/**
+ * Get a default for a specific kind of HVal.
+ * @param kind can be expressed as new or old Hayson, or alternatively the haystack-core type name
+ * @returns
+ */
+export declare const getDefaultHVal: (kind?: string) => HVal | undefined;

package/dist_es/react/components/resolvable/configurationForm/getSectionDefault.js

@@ -1,95 +1,95 @@
-/*
- * Copyright (c) 2023, J2 Innovations. All Rights Reserved
- */
-import { HBool, HCoord, HDate, HDateTime, HDict, HGrid, HMarker, HNa, HNum, HRef, HRemove, HStr, HSymbol, HTime, HUri, HXStr, Kind, } from 'haystack-core';
-/**
- * Get default values for all elements that should resolve into an HVal.
- * @param section a section element
- * @returns an object containing as key the section element name and as value the default HVal.
- */
-export const getSectionDefault = (section) => {
-    const result = {};
-    Object.entries(section).forEach(([key, element]) => {
-        const elementData = element;
-        const defaultValue = getDefaultHVal(elementData?._meta?.resolvedType);
-        if (defaultValue) {
-            result[key] = defaultValue;
-        }
-    });
-    return result;
-};
-/**
- * Get a default for a specific kind of HVal.
- * @param kind can be expressed as new or old Hayson, or alternatively the haystack-core type name
- * @returns
- */
-export const getDefaultHVal = (kind) => {
-    switch (kind) {
-        case Kind.Marker:
-        case 'Marker':
-        case 'HMarker':
-            return HMarker.make();
-        case Kind.Remove:
-        case 'Remove':
-        case 'HRemove':
-            return HRemove.make();
-        case Kind.NA:
-        case 'NA':
-        case 'HNa':
-            return HNa.make();
-        case Kind.Coord:
-        case 'Coord':
-        case 'HCoord':
-            return HCoord.make({ latitude: 0, longitude: 0 });
-        case Kind.XStr:
-        case 'XStr':
-        case 'HXStr':
-            return HXStr.make('');
-        case Kind.Date:
-        case 'Date':
-        case 'HDate':
-            return HDate.make(new Date());
-        case Kind.DateTime:
-        case 'DateTime':
-        case 'HDateTime':
-            return HDateTime.make(new Date());
-        case Kind.Number:
-        case 'Number':
-        case 'HNum':
-            return HNum.make(0);
-        case Kind.Bool:
-        case 'Bool':
-        case 'HBool':
-            return HBool.make(false);
-        case 'Str':
-        case 'HStr':
-            return HStr.make('');
-        case Kind.Ref:
-        case 'Ref':
-        case 'HRef':
-            return HRef.make('');
-        case Kind.Symbol:
-        case 'Symbol':
-        case 'HSymbol':
-            return HSymbol.make('');
-        case Kind.Time:
-        case 'Time':
-        case 'HTime':
-            return HTime.make(new Date());
-        case Kind.Uri:
-        case 'Uri':
-        case 'HUri':
-            return HUri.make('');
-        case Kind.Dict:
-        case 'Dict':
-        case 'HDict':
-            return HDict.make();
-        case Kind.Grid:
-        case 'Grid':
-        case 'HGrid':
-            return HGrid.make();
-        default:
-            return undefined;
-    }
-};
+/*
+ * Copyright (c) 2023, J2 Innovations. All Rights Reserved
+ */
+import { HBool, HCoord, HDate, HDateTime, HDict, HGrid, HMarker, HNa, HNum, HRef, HRemove, HStr, HSymbol, HTime, HUri, HXStr, Kind, } from 'haystack-core';
+/**
+ * Get default values for all elements that should resolve into an HVal.
+ * @param section a section element
+ * @returns an object containing as key the section element name and as value the default HVal.
+ */
+export const getSectionDefault = (section) => {
+    const result = {};
+    Object.entries(section).forEach(([key, element]) => {
+        const elementData = element;
+        const defaultValue = getDefaultHVal(elementData?._meta?.resolvedType);
+        if (defaultValue) {
+            result[key] = defaultValue;
+        }
+    });
+    return result;
+};
+/**
+ * Get a default for a specific kind of HVal.
+ * @param kind can be expressed as new or old Hayson, or alternatively the haystack-core type name
+ * @returns
+ */
+export const getDefaultHVal = (kind) => {
+    switch (kind) {
+        case Kind.Marker:
+        case 'Marker':
+        case 'HMarker':
+            return HMarker.make();
+        case Kind.Remove:
+        case 'Remove':
+        case 'HRemove':
+            return HRemove.make();
+        case Kind.NA:
+        case 'NA':
+        case 'HNa':
+            return HNa.make();
+        case Kind.Coord:
+        case 'Coord':
+        case 'HCoord':
+            return HCoord.make({ latitude: 0, longitude: 0 });
+        case Kind.XStr:
+        case 'XStr':
+        case 'HXStr':
+            return HXStr.make('');
+        case Kind.Date:
+        case 'Date':
+        case 'HDate':
+            return HDate.make(new Date());
+        case Kind.DateTime:
+        case 'DateTime':
+        case 'HDateTime':
+            return HDateTime.make(new Date());
+        case Kind.Number:
+        case 'Number':
+        case 'HNum':
+            return HNum.make(0);
+        case Kind.Bool:
+        case 'Bool':
+        case 'HBool':
+            return HBool.make(false);
+        case 'Str':
+        case 'HStr':
+            return HStr.make('');
+        case Kind.Ref:
+        case 'Ref':
+        case 'HRef':
+            return HRef.make('');
+        case Kind.Symbol:
+        case 'Symbol':
+        case 'HSymbol':
+            return HSymbol.make('');
+        case Kind.Time:
+        case 'Time':
+        case 'HTime':
+            return HTime.make(new Date());
+        case Kind.Uri:
+        case 'Uri':
+        case 'HUri':
+            return HUri.make('');
+        case Kind.Dict:
+        case 'Dict':
+        case 'HDict':
+            return HDict.make();
+        case Kind.Grid:
+        case 'Grid':
+        case 'HGrid':
+            return HGrid.make();
+        default:
+            return undefined;
+    }
+};
 //# sourceMappingURL=getSectionDefault.js.map

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

@@ -1,6 +1,6 @@
-import { HRef } from 'haystack-core';
-/**
- * Retrieves the url of a Fin 5 bin based on the file record id, or undefined if the url couldn't be retrieved.
- * Uses haystack-nclient to retrieve the projectName from context.
- */
-export declare const useFin5BinUrl: (fileId?: HRef) => string | undefined;
+import { HRef } from 'haystack-core';
+/**
+ * Retrieves the url of a Fin 5 bin based on the file record id, or undefined if the url couldn't be retrieved.
+ * Uses haystack-nclient to retrieve the projectName from context.
+ */
+export declare const useFin5BinUrl: (fileId?: HRef) => string | undefined;

package/dist_es/react/hooks/useFin5BinUrl.js

@@ -1,12 +1,12 @@
-import { useClient } from 'haystack-react';
-import { useMemo } from 'react';
-import { getFin5BinUrl } from '../../fin5Top/getFin5BinUrl';
-/**
- * Retrieves the url of a Fin 5 bin based on the file record id, or undefined if the url couldn't be retrieved.
- * Uses haystack-nclient to retrieve the projectName from context.
- */
-export const useFin5BinUrl = (fileId) => {
-    const projectName = useClient().project;
-    return useMemo(() => (fileId ? getFin5BinUrl(fileId, projectName) : undefined), [fileId, projectName]);
-};
+import { useClient } from 'haystack-react';
+import { useMemo } from 'react';
+import { getFin5BinUrl } from '../../fin5Top/getFin5BinUrl';
+/**
+ * Retrieves the url of a Fin 5 bin based on the file record id, or undefined if the url couldn't be retrieved.
+ * Uses haystack-nclient to retrieve the projectName from context.
+ */
+export const useFin5BinUrl = (fileId) => {
+    const projectName = useClient().project;
+    return useMemo(() => (fileId ? getFin5BinUrl(fileId, projectName) : undefined), [fileId, projectName]);
+};
 //# sourceMappingURL=useFin5BinUrl.js.map

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

@@ -1,2 +1,2 @@
-import { ThemeDef } from '@j2inn/ui';
-export declare function useFin5ColorScheme(): ThemeDef;
+import { ThemeDef } from '@j2inn/ui';
+export declare function useFin5ColorScheme(): ThemeDef;

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