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

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

@@ -1,89 +1,89 @@
-"use strict";
-/*
- * Copyright (c) 2023, J2 Innovations. All Rights Reserved
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigurationFormEntry = void 0;
-const ui_1 = require("@j2inn/ui");
-const classnames_1 = __importDefault(require("classnames"));
-const haystack_core_1 = require("haystack-core");
-const react_1 = __importStar(require("react"));
-const react_jss_1 = require("react-jss");
-const useStyles = (0, react_jss_1.createUseStyles)((theme) => ({
-    formEntry: {
-        [`& .${ui_1.ant_prefix}-input`]: {
-            height: 32,
-        },
-    },
-    entryTitle: {
-        fontWeight: 600,
-        fontSize: '1em',
-        color: theme.textColorSecondary,
-    },
-    select: {
-        width: '100%',
-    },
-}));
-const getHValFromSelectValue = (selectValue, initialHVal) => {
-    if ((0, haystack_core_1.valueIsKind)(initialHVal, haystack_core_1.Kind.Number)) {
-        return haystack_core_1.HNum.make(selectValue, initialHVal.unit);
-    }
-    else if ((0, haystack_core_1.valueIsKind)(initialHVal, haystack_core_1.Kind.Ref)) {
-        return haystack_core_1.HRef.make(selectValue);
-    }
-    return haystack_core_1.HStr.make(selectValue);
-};
-const ConfigurationFormEntry = ({ name, value, onChange, disabled, options, className, }) => {
-    const classes = useStyles();
-    if (!(0, haystack_core_1.isHVal)(value)) {
-        return react_1.default.createElement(react_1.default.Fragment, null, `${name} = ${value}`);
-    }
-    const [showedVal, setShowedVal] = (0, react_1.useState)(value);
-    (0, react_1.useEffect)(() => {
-        setShowedVal(value);
-    }, [value]);
-    const selectOptions = (0, react_1.useMemo)(() => options?.getRows().map((cfeOpt) => ({
-        value: cfeOpt.value.value,
-        label: cfeOpt.label.value,
-    })), [options]);
-    const onInputChange = (0, react_1.useCallback)((val) => {
-        setShowedVal(val);
-        onChange?.(val);
-    }, [onChange]);
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.formEntry, className) },
-        react_1.default.createElement("div", { className: classes.entryTitle }, name),
-        selectOptions ? (react_1.default.createElement(ui_1.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_1.default.createElement(ui_1.HInput, { value: showedVal, editable: true, onChange: onInputChange })) : (react_1.default.createElement(ui_1.Input, { disabled: true, value: showedVal.toString() }))));
-};
-exports.ConfigurationFormEntry = ConfigurationFormEntry;
+"use strict";
+/*
+ * Copyright (c) 2023, J2 Innovations. All Rights Reserved
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigurationFormEntry = void 0;
+const ui_1 = require("@j2inn/ui");
+const classnames_1 = __importDefault(require("classnames"));
+const haystack_core_1 = require("haystack-core");
+const react_1 = __importStar(require("react"));
+const react_jss_1 = require("react-jss");
+const useStyles = (0, react_jss_1.createUseStyles)((theme) => ({
+    formEntry: {
+        [`& .${ui_1.ant_prefix}-input`]: {
+            height: 32,
+        },
+    },
+    entryTitle: {
+        fontWeight: 600,
+        fontSize: '1em',
+        color: theme.textColorSecondary,
+    },
+    select: {
+        width: '100%',
+    },
+}));
+const getHValFromSelectValue = (selectValue, initialHVal) => {
+    if ((0, haystack_core_1.valueIsKind)(initialHVal, haystack_core_1.Kind.Number)) {
+        return haystack_core_1.HNum.make(selectValue, initialHVal.unit);
+    }
+    else if ((0, haystack_core_1.valueIsKind)(initialHVal, haystack_core_1.Kind.Ref)) {
+        return haystack_core_1.HRef.make(selectValue);
+    }
+    return haystack_core_1.HStr.make(selectValue);
+};
+const ConfigurationFormEntry = ({ name, value, onChange, disabled, options, className, }) => {
+    const classes = useStyles();
+    if (!(0, haystack_core_1.isHVal)(value)) {
+        return react_1.default.createElement(react_1.default.Fragment, null, `${name} = ${value}`);
+    }
+    const [showedVal, setShowedVal] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        setShowedVal(value);
+    }, [value]);
+    const selectOptions = (0, react_1.useMemo)(() => options?.getRows().map((cfeOpt) => ({
+        value: cfeOpt.value.value,
+        label: cfeOpt.label.value,
+    })), [options]);
+    const onInputChange = (0, react_1.useCallback)((val) => {
+        setShowedVal(val);
+        onChange?.(val);
+    }, [onChange]);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.formEntry, className) },
+        react_1.default.createElement("div", { className: classes.entryTitle }, name),
+        selectOptions ? (react_1.default.createElement(ui_1.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_1.default.createElement(ui_1.HInput, { value: showedVal, editable: true, onChange: onInputChange })) : (react_1.default.createElement(ui_1.Input, { disabled: true, value: showedVal.toString() }))));
+};
+exports.ConfigurationFormEntry = ConfigurationFormEntry;
 //# sourceMappingURL=ConfigurationFormEntry.js.map

package/dist/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/react/components/resolvable/configurationForm/getSectionDefault.js

@@ -1,100 +1,100 @@
-"use strict";
-/*
- * Copyright (c) 2023, J2 Innovations. All Rights Reserved
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDefaultHVal = exports.getSectionDefault = void 0;
-const haystack_core_1 = require("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.
- */
-const getSectionDefault = (section) => {
-    const result = {};
-    Object.entries(section).forEach(([key, element]) => {
-        const elementData = element;
-        const defaultValue = (0, exports.getDefaultHVal)(elementData?._meta?.resolvedType);
-        if (defaultValue) {
-            result[key] = defaultValue;
-        }
-    });
-    return result;
-};
-exports.getSectionDefault = getSectionDefault;
-/**
- * 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
- */
-const getDefaultHVal = (kind) => {
-    switch (kind) {
-        case haystack_core_1.Kind.Marker:
-        case 'Marker':
-        case 'HMarker':
-            return haystack_core_1.HMarker.make();
-        case haystack_core_1.Kind.Remove:
-        case 'Remove':
-        case 'HRemove':
-            return haystack_core_1.HRemove.make();
-        case haystack_core_1.Kind.NA:
-        case 'NA':
-        case 'HNa':
-            return haystack_core_1.HNa.make();
-        case haystack_core_1.Kind.Coord:
-        case 'Coord':
-        case 'HCoord':
-            return haystack_core_1.HCoord.make({ latitude: 0, longitude: 0 });
-        case haystack_core_1.Kind.XStr:
-        case 'XStr':
-        case 'HXStr':
-            return haystack_core_1.HXStr.make('');
-        case haystack_core_1.Kind.Date:
-        case 'Date':
-        case 'HDate':
-            return haystack_core_1.HDate.make(new Date());
-        case haystack_core_1.Kind.DateTime:
-        case 'DateTime':
-        case 'HDateTime':
-            return haystack_core_1.HDateTime.make(new Date());
-        case haystack_core_1.Kind.Number:
-        case 'Number':
-        case 'HNum':
-            return haystack_core_1.HNum.make(0);
-        case haystack_core_1.Kind.Bool:
-        case 'Bool':
-        case 'HBool':
-            return haystack_core_1.HBool.make(false);
-        case 'Str':
-        case 'HStr':
-            return haystack_core_1.HStr.make('');
-        case haystack_core_1.Kind.Ref:
-        case 'Ref':
-        case 'HRef':
-            return haystack_core_1.HRef.make('');
-        case haystack_core_1.Kind.Symbol:
-        case 'Symbol':
-        case 'HSymbol':
-            return haystack_core_1.HSymbol.make('');
-        case haystack_core_1.Kind.Time:
-        case 'Time':
-        case 'HTime':
-            return haystack_core_1.HTime.make(new Date());
-        case haystack_core_1.Kind.Uri:
-        case 'Uri':
-        case 'HUri':
-            return haystack_core_1.HUri.make('');
-        case haystack_core_1.Kind.Dict:
-        case 'Dict':
-        case 'HDict':
-            return haystack_core_1.HDict.make();
-        case haystack_core_1.Kind.Grid:
-        case 'Grid':
-        case 'HGrid':
-            return haystack_core_1.HGrid.make();
-        default:
-            return undefined;
-    }
-};
-exports.getDefaultHVal = getDefaultHVal;
+"use strict";
+/*
+ * Copyright (c) 2023, J2 Innovations. All Rights Reserved
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultHVal = exports.getSectionDefault = void 0;
+const haystack_core_1 = require("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.
+ */
+const getSectionDefault = (section) => {
+    const result = {};
+    Object.entries(section).forEach(([key, element]) => {
+        const elementData = element;
+        const defaultValue = (0, exports.getDefaultHVal)(elementData?._meta?.resolvedType);
+        if (defaultValue) {
+            result[key] = defaultValue;
+        }
+    });
+    return result;
+};
+exports.getSectionDefault = getSectionDefault;
+/**
+ * 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
+ */
+const getDefaultHVal = (kind) => {
+    switch (kind) {
+        case haystack_core_1.Kind.Marker:
+        case 'Marker':
+        case 'HMarker':
+            return haystack_core_1.HMarker.make();
+        case haystack_core_1.Kind.Remove:
+        case 'Remove':
+        case 'HRemove':
+            return haystack_core_1.HRemove.make();
+        case haystack_core_1.Kind.NA:
+        case 'NA':
+        case 'HNa':
+            return haystack_core_1.HNa.make();
+        case haystack_core_1.Kind.Coord:
+        case 'Coord':
+        case 'HCoord':
+            return haystack_core_1.HCoord.make({ latitude: 0, longitude: 0 });
+        case haystack_core_1.Kind.XStr:
+        case 'XStr':
+        case 'HXStr':
+            return haystack_core_1.HXStr.make('');
+        case haystack_core_1.Kind.Date:
+        case 'Date':
+        case 'HDate':
+            return haystack_core_1.HDate.make(new Date());
+        case haystack_core_1.Kind.DateTime:
+        case 'DateTime':
+        case 'HDateTime':
+            return haystack_core_1.HDateTime.make(new Date());
+        case haystack_core_1.Kind.Number:
+        case 'Number':
+        case 'HNum':
+            return haystack_core_1.HNum.make(0);
+        case haystack_core_1.Kind.Bool:
+        case 'Bool':
+        case 'HBool':
+            return haystack_core_1.HBool.make(false);
+        case 'Str':
+        case 'HStr':
+            return haystack_core_1.HStr.make('');
+        case haystack_core_1.Kind.Ref:
+        case 'Ref':
+        case 'HRef':
+            return haystack_core_1.HRef.make('');
+        case haystack_core_1.Kind.Symbol:
+        case 'Symbol':
+        case 'HSymbol':
+            return haystack_core_1.HSymbol.make('');
+        case haystack_core_1.Kind.Time:
+        case 'Time':
+        case 'HTime':
+            return haystack_core_1.HTime.make(new Date());
+        case haystack_core_1.Kind.Uri:
+        case 'Uri':
+        case 'HUri':
+            return haystack_core_1.HUri.make('');
+        case haystack_core_1.Kind.Dict:
+        case 'Dict':
+        case 'HDict':
+            return haystack_core_1.HDict.make();
+        case haystack_core_1.Kind.Grid:
+        case 'Grid':
+        case 'HGrid':
+            return haystack_core_1.HGrid.make();
+        default:
+            return undefined;
+    }
+};
+exports.getDefaultHVal = getDefaultHVal;
 //# sourceMappingURL=getSectionDefault.js.map

package/dist/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/react/hooks/useFin5BinUrl.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFin5BinUrl = void 0;
-const haystack_react_1 = require("haystack-react");
-const react_1 = require("react");
-const getFin5BinUrl_1 = require("../../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.
- */
-const useFin5BinUrl = (fileId) => {
-    const projectName = (0, haystack_react_1.useClient)().project;
-    return (0, react_1.useMemo)(() => (fileId ? (0, getFin5BinUrl_1.getFin5BinUrl)(fileId, projectName) : undefined), [fileId, projectName]);
-};
-exports.useFin5BinUrl = useFin5BinUrl;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFin5BinUrl = void 0;
+const haystack_react_1 = require("haystack-react");
+const react_1 = require("react");
+const getFin5BinUrl_1 = require("../../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.
+ */
+const useFin5BinUrl = (fileId) => {
+    const projectName = (0, haystack_react_1.useClient)().project;
+    return (0, react_1.useMemo)(() => (fileId ? (0, getFin5BinUrl_1.getFin5BinUrl)(fileId, projectName) : undefined), [fileId, projectName]);
+};
+exports.useFin5BinUrl = useFin5BinUrl;
 //# sourceMappingURL=useFin5BinUrl.js.map

package/dist/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/react/hooks/useFin5ColorScheme.js

@@ -1,43 +1,43 @@
-"use strict";
-/*
- * Copyright (c) 2025, J2 Innovations. All Rights Reserved
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFin5ColorScheme = void 0;
-const ui_1 = require("@j2inn/ui");
-const react_jss_1 = require("react-jss");
-const fin5Top_1 = require("../../fin5Top/fin5Top");
-function useFin5ColorScheme() {
-    const theme = (0, react_jss_1.useTheme)();
-    const colorScheme = (0, fin5Top_1.getFin5top)()?.app.GetColorScheme?.();
-    if (!colorScheme) {
-        return theme;
-    }
-    const brandedTheme = (0, ui_1.GenerateTheme)({
-        light: {
-            ...theme,
-            bodyBg: colorScheme.bodyBackground,
-            bgColor: (0, ui_1.lighten)(colorScheme.bodyBackground, 5),
-        },
-        dark: {
-            ...theme,
-            bodyBg: colorScheme.bodyBackground,
-            bgColor: (0, ui_1.lighten)(colorScheme.bodyBackground, 5),
-        },
-        palette: {
-            ...ui_1.DEFAULT_THEME.palette,
-            primary: colorScheme.primary,
-            secondary: (0, ui_1.tint)(colorScheme.primary, 20),
-            accent: (0, ui_1.shade)(colorScheme.primary, 20),
-        },
-    });
-    if (theme.type === 'light') {
-        return brandedTheme.light;
-    }
-    if (theme.type === 'dark') {
-        return brandedTheme.dark;
-    }
-    return theme;
-}
-exports.useFin5ColorScheme = useFin5ColorScheme;
+"use strict";
+/*
+ * Copyright (c) 2025, J2 Innovations. All Rights Reserved
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFin5ColorScheme = void 0;
+const ui_1 = require("@j2inn/ui");
+const react_jss_1 = require("react-jss");
+const fin5Top_1 = require("../../fin5Top/fin5Top");
+function useFin5ColorScheme() {
+    const theme = (0, react_jss_1.useTheme)();
+    const colorScheme = (0, fin5Top_1.getFin5top)()?.app.GetColorScheme?.();
+    if (!colorScheme) {
+        return theme;
+    }
+    const brandedTheme = (0, ui_1.GenerateTheme)({
+        light: {
+            ...theme,
+            bodyBg: colorScheme.bodyBackground,
+            bgColor: (0, ui_1.lighten)(colorScheme.bodyBackground, 5),
+        },
+        dark: {
+            ...theme,
+            bodyBg: colorScheme.bodyBackground,
+            bgColor: (0, ui_1.lighten)(colorScheme.bodyBackground, 5),
+        },
+        palette: {
+            ...ui_1.DEFAULT_THEME.palette,
+            primary: colorScheme.primary,
+            secondary: (0, ui_1.tint)(colorScheme.primary, 20),
+            accent: (0, ui_1.shade)(colorScheme.primary, 20),
+        },
+    });
+    if (theme.type === 'light') {
+        return brandedTheme.light;
+    }
+    if (theme.type === 'dark') {
+        return brandedTheme.dark;
+    }
+    return theme;
+}
+exports.useFin5ColorScheme = useFin5ColorScheme;
 //# sourceMappingURL=useFin5ColorScheme.js.map

package/dist_es/fantomProps/createFin5Props/index.d.ts

@@ -1,12 +1,12 @@
-/**
- * Create the FIN5 language prop files from the locale JSON files.
- *
- * This function assumes the app directory has a sub-directory named `locale` that contains
- * the language files in a JSON format (i.e. `en.json`). It also assumes there's a `lib` directory
- * containing the defs for the app. This is used to look up the app name that's used to prefix the
- * entries in the properties file.
- *
- * @param appDir The directory that contains the application.
- * @param propsDir The directory the properties file will output too.
- */
-export default function createFin5Props(appDir: string, propsDir: string): Promise<void>;
+/**
+ * Create the FIN5 language prop files from the locale JSON files.
+ *
+ * This function assumes the app directory has a sub-directory named `locale` that contains
+ * the language files in a JSON format (i.e. `en.json`). It also assumes there's a `lib` directory
+ * containing the defs for the app. This is used to look up the app name that's used to prefix the
+ * entries in the properties file.
+ *
+ * @param appDir The directory that contains the application.
+ * @param propsDir The directory the properties file will output too.
+ */
+export default function createFin5Props(appDir: string, propsDir: string): Promise<void>;