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

package/dist_es/react/components/charts/pie/SimplePieChart.js

@@ -1,26 +1,26 @@
-/*
- * Copyright (c) 2023, J2 Innovations. All Rights Reserved
- */
-import * as am5 from '@amcharts/amcharts5';
-import am5themes_Animated from '@amcharts/amcharts5/themes/Animated';
-import React from 'react';
-import { PieChart } from './PieChart';
-/**
- * Simplified version of the pie chart for quick usage and easy configuration.
- * Serves also as an example of how to use the underlying PieChart component.
- */
-export const SimplePieChart = ({ data, donut, animated, colorPalette, tooltipFormat, numberFormat = {
-    style: 'decimal',
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 1,
-}, hideLabels, DOMtargetId, }) => {
-    return (React.createElement(PieChart, { DOMtargetId: DOMtargetId, colorPalette: colorPalette, data: data, chartThemes: animated ? [am5themes_Animated] : undefined, chartSettingsProvider: () => ({
-            innerRadius: donut ? am5.percent(55) : undefined,
-        }), numberFormat: numberFormat, legendSettingsProvider: () => ({
-            centerX: am5.percent(50),
-            x: am5.percent(50),
-        }), seriesLabelsSettings: { forceHidden: hideLabels }, seriesSettings: { alignLabels: false }, slicesSettings: {
-            tooltipText: tooltipFormat,
-        } }));
-};
+/*
+ * Copyright (c) 2023, J2 Innovations. All Rights Reserved
+ */
+import * as am5 from '@amcharts/amcharts5';
+import am5themes_Animated from '@amcharts/amcharts5/themes/Animated';
+import React from 'react';
+import { PieChart } from './PieChart';
+/**
+ * Simplified version of the pie chart for quick usage and easy configuration.
+ * Serves also as an example of how to use the underlying PieChart component.
+ */
+export const SimplePieChart = ({ data, donut, animated, colorPalette, tooltipFormat, numberFormat = {
+    style: 'decimal',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 1,
+}, hideLabels, DOMtargetId, }) => {
+    return (React.createElement(PieChart, { DOMtargetId: DOMtargetId, colorPalette: colorPalette, data: data, chartThemes: animated ? [am5themes_Animated] : undefined, chartSettingsProvider: () => ({
+            innerRadius: donut ? am5.percent(55) : undefined,
+        }), numberFormat: numberFormat, legendSettingsProvider: () => ({
+            centerX: am5.percent(50),
+            x: am5.percent(50),
+        }), seriesLabelsSettings: { forceHidden: hideLabels }, seriesSettings: { alignLabels: false }, slicesSettings: {
+            tooltipText: tooltipFormat,
+        } }));
+};
 //# sourceMappingURL=SimplePieChart.js.map

package/dist_es/react/components/graphics/GraphicViewer.d.ts

@@ -1,10 +1,10 @@
-import { HRef } from 'haystack-core';
-import React from 'react';
-interface GraphicViewerProps {
-    projectName?: string;
-    graphicId: HRef;
-    targetRef: HRef;
-    className?: string;
-}
-export declare const GraphicViewer: React.FC<GraphicViewerProps>;
-export {};
+import { HRef } from 'haystack-core';
+import React from 'react';
+interface GraphicViewerProps {
+    projectName?: string;
+    graphicId: HRef;
+    targetRef: HRef;
+    className?: string;
+}
+export declare const GraphicViewer: React.FC<GraphicViewerProps>;
+export {};

package/dist_es/react/components/graphics/GraphicViewer.js

@@ -1,23 +1,23 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import cn from 'classnames';
-import React from 'react';
-import { createUseStyles } from 'react-jss';
-import { fin5Top } from '../../../fin5Top/fin5Top';
-const useStyles = createUseStyles({
-    iframe: {
-        width: '100%',
-        height: '100%',
-        border: 0,
-        overflow: 'hidden',
-    },
-});
-export const GraphicViewer = ({ projectName = fin5Top?.finstack?.projectName ?? '', graphicId, targetRef, className, }) => {
-    const classes = useStyles();
-    const url = new URL(`${window.location.protocol}//${window.location.host}/fin5/${projectName}`);
-    url.hash = `targetRef=${targetRef.toAxon()}`;
-    url.searchParams.set('projectRef', graphicId.toAxon());
-    return (React.createElement("iframe", { id: graphicId.toAxon(), className: cn(classes.iframe, className), src: url.toString() }));
-};
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import cn from 'classnames';
+import React from 'react';
+import { createUseStyles } from 'react-jss';
+import { fin5Top } from '../../../fin5Top/fin5Top';
+const useStyles = createUseStyles({
+    iframe: {
+        width: '100%',
+        height: '100%',
+        border: 0,
+        overflow: 'hidden',
+    },
+});
+export const GraphicViewer = ({ projectName = fin5Top?.finstack?.projectName ?? '', graphicId, targetRef, className, }) => {
+    const classes = useStyles();
+    const url = new URL(`${window.location.protocol}//${window.location.host}/fin5/${projectName}`);
+    url.hash = `targetRef=${targetRef.toAxon()}`;
+    url.searchParams.set('projectRef', graphicId.toAxon());
+    return (React.createElement("iframe", { id: graphicId.toAxon(), className: cn(classes.iframe, className), src: url.toString() }));
+};
 //# sourceMappingURL=GraphicViewer.js.map

package/dist_es/react/components/graphics/GraphicsTabViewer.d.ts

@@ -1,17 +1,17 @@
-import { HRef } from 'haystack-core';
-import React from 'react';
-interface GraphicsTabViewer {
-    projectName?: string;
-    targetRef: HRef;
-    className?: string;
-    /**
-     * Set it to true if you want to query also for related graphics (graphics applicable to objects linked by refs),
-     * false to just get the graphics on this target.
-     * @default false
-     */
-    queryRelated?: boolean;
-    fallbackClassName?: string;
-    fallbackText?: string;
-}
-export declare const GraphicsTabViewer: React.FC<GraphicsTabViewer>;
-export {};
+import { HRef } from 'haystack-core';
+import React from 'react';
+interface GraphicsTabViewer {
+    projectName?: string;
+    targetRef: HRef;
+    className?: string;
+    /**
+     * Set it to true if you want to query also for related graphics (graphics applicable to objects linked by refs),
+     * false to just get the graphics on this target.
+     * @default false
+     */
+    queryRelated?: boolean;
+    fallbackClassName?: string;
+    fallbackText?: string;
+}
+export declare const GraphicsTabViewer: React.FC<GraphicsTabViewer>;
+export {};

package/dist_es/react/components/graphics/GraphicsTabViewer.js

@@ -1,61 +1,61 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import { ant_prefix, Tabs } from '@j2inn/ui';
-import cn from 'classnames';
-import { useClient } from 'haystack-react';
-import React, { useEffect, useMemo, useState } from 'react';
-import { createUseStyles } from 'react-jss';
-import { fin5Top } from '../../../fin5Top/fin5Top';
-import { LoadingSpinner } from '../LoadingSpinner';
-import { GraphicViewer } from './GraphicViewer';
-const useStyles = createUseStyles({
-    tabs: {
-        height: '100%',
-        [`& .${ant_prefix}-tabs-content-holder`]: {
-            height: '100%',
-            [`& .${ant_prefix}-tabs-content`]: {
-                height: '100%',
-                [`& .${ant_prefix}-tabs-tabpane`]: {
-                    height: '100%',
-                },
-            },
-        },
-    },
-    fallback: {
-        height: '100%',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        fontSize: '1.1em',
-    },
-});
-export const GraphicsTabViewer = ({ projectName = fin5Top?.finstack?.projectName, targetRef, className, queryRelated = false, fallbackText = 'No graphics found.', fallbackClassName, }) => {
-    const client = useClient();
-    const classes = useStyles();
-    const [loading, setLoading] = useState(true);
-    const [graphicsList, setGraphicsList] = useState([]);
-    useEffect(() => {
-        if (targetRef) {
-            client.ext
-                .eval(`readById(${targetRef.toAxon()}).finGraphicOn(${queryRelated})`)
-                .then((grid) => {
-                setGraphicsList(grid.getRows());
-            })
-                .finally(() => setLoading(false));
-        }
-    }, [targetRef]);
-    const tabs = useMemo(() => {
-        return graphicsList
-            .sort((g1, g2) => g1.toDis().localeCompare(g2.toDis()))
-            .map((graphic) => {
-            return {
-                label: graphic.toDis(),
-                key: graphic.id.toAxon(),
-                children: (React.createElement(GraphicViewer, { projectName: projectName ?? '', targetRef: targetRef, graphicId: graphic.id })),
-            };
-        });
-    }, [graphicsList]);
-    return loading ? (React.createElement(LoadingSpinner, null)) : tabs.length > 0 ? (React.createElement(Tabs, { className: cn(classes.tabs, className), items: tabs })) : (React.createElement("div", { className: cn(classes.fallback, fallbackClassName) }, fallbackText));
-};
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import { ant_prefix, Tabs } from '@j2inn/ui';
+import cn from 'classnames';
+import { useClient } from 'haystack-react';
+import React, { useEffect, useMemo, useState } from 'react';
+import { createUseStyles } from 'react-jss';
+import { fin5Top } from '../../../fin5Top/fin5Top';
+import { LoadingSpinner } from '../LoadingSpinner';
+import { GraphicViewer } from './GraphicViewer';
+const useStyles = createUseStyles({
+    tabs: {
+        height: '100%',
+        [`& .${ant_prefix}-tabs-content-holder`]: {
+            height: '100%',
+            [`& .${ant_prefix}-tabs-content`]: {
+                height: '100%',
+                [`& .${ant_prefix}-tabs-tabpane`]: {
+                    height: '100%',
+                },
+            },
+        },
+    },
+    fallback: {
+        height: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        fontSize: '1.1em',
+    },
+});
+export const GraphicsTabViewer = ({ projectName = fin5Top?.finstack?.projectName, targetRef, className, queryRelated = false, fallbackText = 'No graphics found.', fallbackClassName, }) => {
+    const client = useClient();
+    const classes = useStyles();
+    const [loading, setLoading] = useState(true);
+    const [graphicsList, setGraphicsList] = useState([]);
+    useEffect(() => {
+        if (targetRef) {
+            client.ext
+                .eval(`readById(${targetRef.toAxon()}).finGraphicOn(${queryRelated})`)
+                .then((grid) => {
+                setGraphicsList(grid.getRows());
+            })
+                .finally(() => setLoading(false));
+        }
+    }, [targetRef]);
+    const tabs = useMemo(() => {
+        return graphicsList
+            .sort((g1, g2) => g1.toDis().localeCompare(g2.toDis()))
+            .map((graphic) => {
+            return {
+                label: graphic.toDis(),
+                key: graphic.id.toAxon(),
+                children: (React.createElement(GraphicViewer, { projectName: projectName ?? '', targetRef: targetRef, graphicId: graphic.id })),
+            };
+        });
+    }, [graphicsList]);
+    return loading ? (React.createElement(LoadingSpinner, null)) : tabs.length > 0 ? (React.createElement(Tabs, { className: cn(classes.tabs, className), items: tabs })) : (React.createElement("div", { className: cn(classes.fallback, fallbackClassName) }, fallbackText));
+};
 //# sourceMappingURL=GraphicsTabViewer.js.map

package/dist_es/react/components/makeCustomElement.d.ts

@@ -1,12 +1,16 @@
-import React from 'react';
-/**
- * Generate a custom element constructor that wraps the given react component.
- */
-export declare const makeCustomElement: <T extends object>(Component: React.FC<T>, useShadowDom?: boolean) => CustomElementConstructor;
-/**
- * Create a custom element wrapping a React component and register it.
- * @param webComponentName the name of the Web component (tag name)
- * @param ReactComponent the React component to wrap
- * @returns
- */
-export declare const registerReactWebComponent: <T extends object>(webComponentName: string, ReactComponent: React.FC<T>) => void;
+import React from 'react';
+interface CustomElementOptions {
+    useShadowDom?: boolean;
+}
+/**
+ * Generate a custom element constructor that wraps the given react component.
+ */
+export declare const makeCustomElement: <T extends object>(Component: React.FC<T>, options?: CustomElementOptions) => CustomElementConstructor;
+/**
+ * Create a custom element wrapping a React component and register it.
+ * @param webComponentName the name of the Web component (tag name)
+ * @param ReactComponent the React component to wrap
+ * @returns
+ */
+export declare const registerReactWebComponent: <T extends object>(webComponentName: string, ReactComponent: React.FC<T>, options?: CustomElementOptions) => void;
+export {};

package/dist_es/react/components/makeCustomElement.js

@@ -1,132 +1,143 @@
-/*
- * Copyright (c) 2025, J2 Innovations. All Rights Reserved
- */
-import { AppRootStoreContext, AppStoreContext } from '@j2inn/app-react';
-import { GenerateTheme } from '@j2inn/ui';
-import { I18NContext } from '@j2inn/utils';
-import { ClientContext } from 'haystack-react';
-import { create } from 'jss';
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { JssProvider, ThemeProvider } from 'react-jss';
-const defaultTheme = GenerateTheme().light;
-/**
- * Generate a custom element constructor that wraps the given react component.
- */
-export const makeCustomElement = (Component, useShadowDom = true) => {
-    return class extends HTMLElement {
-        static get observedAttributes() {
-            return ['props'];
-        }
-        _locale;
-        get locale() {
-            return this._locale;
-        }
-        set locale(value) {
-            this._locale = value;
-            this.render();
-        }
-        _appRootStore;
-        get appRootStore() {
-            return this._appRootStore ?? {};
-        }
-        set appRootStore(value) {
-            this._appRootStore = value;
-            this.render();
-        }
-        _appStore;
-        get appStore() {
-            return this._appStore ?? {};
-        }
-        set appStore(value) {
-            this._appStore = value;
-            this.render();
-        }
-        _client;
-        get client() {
-            return this._client;
-        }
-        set client(value) {
-            this._client = value;
-            this.render();
-        }
-        _i18n;
-        get i18n() {
-            return this._i18n;
-        }
-        set i18n(value) {
-            this._i18n = value;
-            this.render();
-        }
-        _props;
-        get props() {
-            return this._props;
-        }
-        set props(value) {
-            this._props = value;
-            this.render();
-        }
-        _theme;
-        get theme() {
-            return this._theme ?? defaultTheme;
-        }
-        set theme(value) {
-            this._theme = value;
-            this.render();
-        }
-        root;
-        jss;
-        constructor() {
-            super();
-            const mountPoint = document.createElement('div');
-            mountPoint.setAttribute('style', 'display: contents;');
-            const base = useShadowDom
-                ? this.attachShadow({ mode: 'open' })
-                : this;
-            base.appendChild(mountPoint);
-            this.root = createRoot(mountPoint);
-            this.jss = create({
-                insertionPoint: mountPoint,
-            });
-        }
-        connectedCallback() {
-            this.render();
-        }
-        attributeChangedCallback() {
-            this.render();
-        }
-        disconnectedCallback() {
-            this.root.unmount();
-        }
-        render() {
-            const ThemedComponent = (React.createElement(ThemeProvider, { theme: this.theme },
-                React.createElement(I18NContext.Provider, { value: this.i18n },
-                    React.createElement(JssProvider, { jss: this.jss },
-                        React.createElement(Component, { ...this.props })))));
-            this.root.render(React.createElement(AppRootStoreContext.Provider, { value: this.appRootStore ?? null },
-                React.createElement(AppStoreContext.Provider, { value: this.appStore }, this.client ? (React.createElement(ClientContext.Provider, { value: this.client }, ThemedComponent)) : (ThemedComponent))));
-        }
-    };
-};
-/**
- * Create a custom element wrapping a React component and register it.
- * @param webComponentName the name of the Web component (tag name)
- * @param ReactComponent the React component to wrap
- * @returns
- */
-export const registerReactWebComponent = (webComponentName, ReactComponent) => {
-    // Bail if web component is already defined
-    if (customElements.get(webComponentName)) {
-        return;
-    }
-    // Make web component that wraps the react component
-    const Element = makeCustomElement(ReactComponent);
-    try {
-        // Define web component
-        customElements.define(webComponentName, Element);
-    }
-    catch (e) {
-        console.error(e);
-    }
-};
+/*
+ * Copyright (c) 2025, J2 Innovations. All Rights Reserved
+ */
+import { AppRootStoreContext, AppStoreContext } from '@j2inn/app-react';
+import { GenerateTheme } from '@j2inn/ui';
+import { I18NContext } from '@j2inn/utils';
+import { ClientContext } from 'haystack-react';
+import { create } from 'jss';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { JssProvider, ThemeProvider } from 'react-jss';
+const defaultTheme = GenerateTheme().light;
+/**
+ * Generate a custom element constructor that wraps the given react component.
+ */
+export const makeCustomElement = (Component, options = {
+    useShadowDom: true,
+}) => {
+    return class extends HTMLElement {
+        static get observedAttributes() {
+            return ['props'];
+        }
+        _locale;
+        get locale() {
+            return this._locale;
+        }
+        set locale(value) {
+            this._locale = value;
+            this.render();
+        }
+        _appRootStore;
+        get appRootStore() {
+            return this._appRootStore ?? {};
+        }
+        set appRootStore(value) {
+            this._appRootStore = value;
+            this.render();
+        }
+        _appStore;
+        get appStore() {
+            return this._appStore ?? {};
+        }
+        set appStore(value) {
+            this._appStore = value;
+            this.render();
+        }
+        _client;
+        get client() {
+            return this._client;
+        }
+        set client(value) {
+            this._client = value;
+            this.render();
+        }
+        _i18n;
+        get i18n() {
+            return this._i18n;
+        }
+        set i18n(value) {
+            this._i18n = value;
+            this.render();
+        }
+        _props;
+        get props() {
+            return this._props;
+        }
+        set props(value) {
+            this._props = value;
+            this.render();
+        }
+        _theme;
+        get theme() {
+            return this._theme ?? defaultTheme;
+        }
+        set theme(value) {
+            this._theme = value;
+            this.render();
+        }
+        root;
+        jss;
+        base;
+        initialized = false;
+        constructor() {
+            super();
+            this.base = options?.useShadowDom
+                ? this.attachShadow({ mode: 'open' })
+                : this;
+        }
+        initialize() {
+            if (!this.initialized) {
+                const mountPoint = document.createElement('div');
+                mountPoint.setAttribute('style', 'display: contents;');
+                this.base.appendChild(mountPoint);
+                this.root = createRoot(mountPoint);
+                this.jss = create({
+                    insertionPoint: mountPoint,
+                });
+                this.initialized = true;
+            }
+        }
+        connectedCallback() {
+            this.render();
+        }
+        attributeChangedCallback() {
+            this.render();
+        }
+        disconnectedCallback() {
+            this.root?.unmount();
+            this.initialized = false;
+        }
+        render() {
+            this.initialize();
+            const ThemedComponent = (React.createElement(ThemeProvider, { theme: this.theme },
+                React.createElement(I18NContext.Provider, { value: this.i18n },
+                    React.createElement(JssProvider, { jss: this.jss },
+                        React.createElement(Component, { ...this.props })))));
+            this.root?.render(React.createElement(AppRootStoreContext.Provider, { value: this.appRootStore ?? null },
+                React.createElement(AppStoreContext.Provider, { value: this.appStore }, this.client ? (React.createElement(ClientContext.Provider, { value: this.client }, ThemedComponent)) : (ThemedComponent))));
+        }
+    };
+};
+/**
+ * Create a custom element wrapping a React component and register it.
+ * @param webComponentName the name of the Web component (tag name)
+ * @param ReactComponent the React component to wrap
+ * @returns
+ */
+export const registerReactWebComponent = (webComponentName, ReactComponent, options) => {
+    // Bail if web component is already defined
+    if (customElements.get(webComponentName)) {
+        return;
+    }
+    // Make web component that wraps the react component
+    const Element = makeCustomElement(ReactComponent, options);
+    try {
+        // Define web component
+        customElements.define(webComponentName, Element);
+    }
+    catch (e) {
+        console.error(e);
+    }
+};
 //# sourceMappingURL=makeCustomElement.js.map

package/dist_es/react/components/makeCustomElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeCustomElement.js","sourceRoot":"","sources":["../../../src/react/components/makeCustomElement.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"makeCustomElement.js","sourceRoot":"","sources":["../../../src/react/components/makeCustomElement.tsx"],"names":[],"mappings":"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"}