@j2inn/fin5-ui-utils 5.2.2-beta.9 → 6.0.0

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,39 +1,39 @@
-/*
- * 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';
-export function useFin5ColorScheme() {
-    const theme = useTheme();
-    const colorScheme = getFin5top()?.app.GetColorScheme?.();
-    if (!colorScheme) {
-        return theme;
-    }
-    const brandedTheme = GenerateTheme({
-        light: {
-            ...theme,
-            bodyBg: colorScheme.bodyBackground,
-            bgColor: lighten(colorScheme.bodyBackground, 5),
-        },
-        dark: {
-            ...theme,
-            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),
-        },
-    });
-    if (theme.type === 'light') {
-        return brandedTheme.light;
-    }
-    if (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';
+export function useFin5ColorScheme() {
+    const theme = useTheme();
+    const colorScheme = getFin5top()?.app.GetColorScheme?.();
+    if (!colorScheme) {
+        return theme;
+    }
+    const brandedTheme = GenerateTheme({
+        light: {
+            ...theme,
+            bodyBg: colorScheme.bodyBackground,
+            bgColor: lighten(colorScheme.bodyBackground, 5),
+        },
+        dark: {
+            ...theme,
+            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),
+        },
+    });
+    if (theme.type === 'light') {
+        return brandedTheme.light;
+    }
+    if (theme.type === 'dark') {
+        return brandedTheme.dark;
+    }
+    return theme;
+}
 //# sourceMappingURL=useFin5ColorScheme.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@j2inn/fin5-ui-utils",
-	"version": "5.2.2-beta.9",
+	"version": "6.0.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",
@@ -32,9 +32,9 @@
 		"qrious": "^4.0.2"
 	},
 	"peerDependencies": {
-		"@amcharts/amcharts5": "^5.9.13",
-		"@j2inn/app": "^5.0.0",
-		"@j2inn/app-react": "^1.0.1",
+		"@amcharts/amcharts5": "^5.4.4",
+		"@j2inn/app": "^6.0.0",
+		"@j2inn/app-react": "^2.0.0",
 		"@j2inn/i18n": "^1.0.0",
 		"@j2inn/resolvable-ui-elements": "^2.1.1",
 		"@j2inn/ui": "^9.0.0",
@@ -43,7 +43,6 @@
 		"haystack-nclient": "^4.0.0",
 		"haystack-react": "^4.0.0",
 		"haystack-units": "^2.0.0",
-		"lodash": "^4.17.21",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-jss": "^10.9.2",
@@ -69,10 +68,8 @@
 		"@babel/runtime": "^7.19.0",
 		"@types/jest": "^29.0.3",
 		"@types/js-yaml": "^4.0.5",
-		"@types/lodash": "^4.17.19",
 		"@types/node": "^18.7.18",
 		"@types/react": "^18.0.20",
-		"@types/react-dom": "^18.0.20",
 		"@typescript-eslint/eslint-plugin": "^5.37.0",
 		"@typescript-eslint/parser": "^5.37.0",
 		"babel-eslint": "^10.1.0",
@@ -91,10 +88,10 @@
 		"eslint-plugin-prettier": "^4.2.1",
 		"eslint-plugin-react": "^7.31.8",
 		"extract-css-chunks-webpack-plugin": "^4.9.0",
-		"haystack-core": "^3.0.0",
-		"haystack-nclient": "^4.0.0",
-		"haystack-react": "^4.0.0",
-		"haystack-units": "^2.0.0",
+		"haystack-core": "^3.0.5",
+		"haystack-nclient": "^4.0.3",
+		"haystack-react": "^4.0.3",
+		"haystack-units": "^2.0.3",
 		"husky": "^8.0.1",
 		"jest": "^29.0.3",
 		"jest-chain": "^1.1.5",

package/dist/react/components/charts/line-bar/Chart.d.ts

@@ -1,166 +0,0 @@
-import * as am5 from '@amcharts/amcharts5';
-import { ITimeInterval } from '@amcharts/amcharts5/.internal/core/util/Time';
-import * as am5xy from '@amcharts/amcharts5/xy';
-import React from 'react';
-export declare type StackedColumnChartInterfaceColors = {
-    [Property in keyof am5.IInterfaceColorsSettings]: string;
-};
-export interface StackedColumnChartColorPalette {
-    interfaceColors?: Partial<StackedColumnChartInterfaceColors>;
-    series?: string[];
-}
-export declare enum UnitPlacement {
-    none = "none",
-    top = "top",
-    axis = "axis"
-}
-export declare enum AxisPlacement {
-    left = "left",
-    right = "right"
-}
-export declare enum LegendPlacement {
-    top = "top",
-    bottom = "bottom",
-    left = "left",
-    right = "right",
-    hidden = "hidden"
-}
-interface BaseChartSeriesProps {
-    seriesName: string;
-    dis?: string;
-    unit?: string;
-    axisPlacement?: AxisPlacement;
-    hideAxis?: boolean;
-}
-export interface BarChartSeriesData extends BaseChartSeriesProps {
-    stroke?: am5.Color;
-    data: LineChartSeriesPoint[];
-}
-export interface LineChartSeriesPoint {
-    ts: number;
-    value: number | undefined | null;
-}
-export interface LineChartSeriesData extends BaseChartSeriesProps {
-    strokeSettings?: {
-        stroke?: am5.Color;
-        strokeDasharray?: number[];
-        strokeWidth?: number;
-    };
-    data: LineChartSeriesPoint[];
-}
-export interface ChartAxisRangeData {
-    startValue?: number;
-    endValue?: number;
-    foreground?: am5.Color;
-    color?: am5.Color;
-    opacity?: number;
-    text?: string;
-    html?: string;
-    tooltip?: string;
-    showText?: boolean;
-    placeBelow?: boolean;
-}
-export interface ChartProps {
-    /**
-     * Data used to populate the chart with columns
-     */
-    barSeriesData?: BarChartSeriesData[];
-    /**
-     * Data used to populate the chart with stacked columns
-     */
-    stackedBarSeriesData?: BarChartSeriesData[];
-    /**
-     * Data used to populate the chart with line series
-     */
-    lineSeriesData?: LineChartSeriesData[];
-    rangesData?: ChartAxisRangeData[];
-    /**
-     * The name of the prop in the data that contains the timestamp
-     */
-    dateField: string;
-    /**
-     * True to activate the cursor
-     */
-    cursor?: boolean;
-    /**
-     * The time interval for the Date Axis @see https://www.amcharts.com/docs/v5/charts/xy-chart/axes/date-axis/#data-granularity
-     */
-    baseInterval: ITimeInterval;
-    /**
-     * Color palette for the chart slices and interface colors @see https://www.amcharts.com/docs/v5/concepts/colors-gradients-and-patterns/#Interface_colors
-     */
-    colorPalette?: Partial<StackedColumnChartColorPalette>;
-    /**
-     * Number formatting options @see https://www.amcharts.com/docs/v5/tutorials/formatting-date-time-and-numbers-using-intl-object/#Formatting_numbers
-     */
-    numberFormat?: Intl.NumberFormatOptions;
-    /**
-     * amcharts5 theme classes to be used by the chart @see https://www.amcharts.com/docs/v5/concepts/themes/
-     */
-    chartThemes?: typeof am5.Theme[];
-    /**
-     * Settings for chart customization @see https://www.amcharts.com/docs/v5/reference/xychart/#Settings
-     */
-    chartSettings?: am5xy.IXYChartSettings;
-    /**
-     * Settings for legend customization @see https://www.amcharts.com/docs/v5/reference/legend/#Settings
-     */
-    legendSettings?: am5.ILegendSettings;
-    /**
-     * Settings for legend labels customization @see https://www.amcharts.com/docs/v5/concepts/legend/#labels
-     */
-    legendLabelsSettings?: am5.ILabelSettings;
-    /**
-     * Settings for legend markers customization @see https://www.amcharts.com/docs/v5/concepts/legend/#labels
-     */
-    legendMarkersSettings?: am5.ILabelSettings & {
-        rounded?: boolean;
-    };
-    /**
-     * Settings for date axis @see https://www.amcharts.com/docs/v5/reference/dateaxis/#Settings
-     */
-    dateAxisSettings?: Omit<am5xy.IDateAxisSettings<am5xy.AxisRenderer>, 'baseInterval' | 'renderer'>;
-    /**
-     * Settings for date axis renderer @see https://www.amcharts.com/docs/v5/reference/iaxisrendererxsettings/
-     */
-    dateAxisRendererSettings?: am5xy.IAxisRendererXSettings;
-    /**
-     * Settings for category axis @see https://www.amcharts.com/docs/v5/reference/valueaxis/#Settings
-     */
-    valueAxisSettings?: Omit<am5xy.IValueAxisSettings<am5xy.AxisRenderer>, 'renderer'>;
-    /**
-     * Settings for chart series customization @see https://www.amcharts.com/docs/v5/reference/grid/#Settings
-     */
-    gridSettings?: Partial<am5xy.IGridSettings>;
-    /**
-     * Settings for chart column series customization @see https://www.amcharts.com/docs/v5/reference/columnseries/#Settings
-     */
-    barSeriesSettings?: am5xy.IColumnSeriesSettings;
-    /**
-     * Settings for chart line series customization @see https://www.amcharts.com/docs/v5/reference/lineseries/#Settings
-     */
-    lineSeriesSettings?: Partial<am5xy.ILineSeriesSettings>;
-    /**
-     * Settings for series column customization @see https://www.amcharts.com/docs/v5/reference/roundedrectangle/#Settings
-     */
-    columnSettings?: Partial<am5.IRoundedRectangleSettings>;
-    /**
-     * Settings for tooltips label customization @see https://www.amcharts.com/docs/v5/reference/ilabelsettings/
-     */
-    tooltipSettings?: Partial<am5.ILabelSettings>;
-    unitPlacement?: UnitPlacement;
-    legendPlacement?: LegendPlacement;
-    translateLabel?: (name: string) => string;
-    /**
-     * Optional DOM id for the chart container, if not specified it will be automatically generated.
-     * It can also be an HTMLElement, in that case the element will be used as a parent.
-     */
-    DOMtargetId?: string | HTMLElement;
-}
-/**
- * Customizable stacked column and line chart component based on amcharts5
- *
- * This component wraps some of the chart configuration trying to make it more react-friendly
- */
-export declare const Chart: React.FC<ChartProps>;
-export {};