@j2inn/fin5-ui-utils 1.0.6-beta.0 → 1.0.7-beta.0

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

@@ -0,0 +1,86 @@
+"use strict";
+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, { val: 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/ConfigurationFormEntry.js.map

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

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

@@ -0,0 +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;

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

@@ -0,0 +1,97 @@
+"use strict";
+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/components/resolvable/configurationForm/getSectionDefault.js.map

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

package/dist_es/index.d.ts

@@ -12,5 +12,8 @@ export * from './react/components/navigation/MenuPage';
 export * from './react/components/navigation/Router';
 export * from './react/components/graphics/GraphicsTabViewer';
 export * from './react/components/graphics/GraphicViewer';
+export * from './react/components/resolvable/configurationForm/ConfigurationForm';
+export * from './react/components/resolvable/configurationForm/ConfigurationFormEntry';
+export * from './react/components/resolvable/configurationForm/getSectionDefault';
 export * from './react/app/Fin5AppContainer';
 export * from './react/app/Fin5AppRootStore';

package/dist_es/index.js

@@ -21,6 +21,9 @@ export * from './react/components/navigation/MenuPage';
 export * from './react/components/navigation/Router';
 export * from './react/components/graphics/GraphicsTabViewer';
 export * from './react/components/graphics/GraphicViewer';
+export * from './react/components/resolvable/configurationForm/ConfigurationForm';
+export * from './react/components/resolvable/configurationForm/ConfigurationFormEntry';
+export * from './react/components/resolvable/configurationForm/getSectionDefault';
 //////////////////////////////////////////////////////////////////////////
 // j2inn/app support for FIN5
 //////////////////////////////////////////////////////////////////////////

package/dist_es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,0EAA0E;AAC1E,4BAA4B;AAC5B,0EAA0E;AAE1E,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAE1E,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2CAA2C,CAAA;AACzD,cAAc,wCAAwC,CAAA;AACtD,cAAc,sCAAsC,CAAA;AACpD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,2CAA2C,CAAA;AAEzD,0EAA0E;AAC1E,6BAA6B;AAC7B,0EAA0E;AAE1E,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,0EAA0E;AAC1E,4BAA4B;AAC5B,0EAA0E;AAE1E,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAE1E,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2CAA2C,CAAA;AACzD,cAAc,wCAAwC,CAAA;AACtD,cAAc,sCAAsC,CAAA;AACpD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,2CAA2C,CAAA;AACzD,cAAc,mEAAmE,CAAA;AACjF,cAAc,wEAAwE,CAAA;AACtF,cAAc,mEAAmE,CAAA;AAEjF,0EAA0E;AAC1E,6BAA6B;AAC7B,0EAA0E;AAE1E,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA"}

package/dist_es/react/app/Fin5AppContainer.js

@@ -0,0 +1,74 @@
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import React, { useEffect, useRef, useState } from 'react';
+import { AppRootStoreContext, AppStoreContext } from '@j2inn/app';
+import { observer } from 'mobx-react-lite';
+import { Fin5AppRootStore } from './Fin5AppRootStore';
+import { Client, } from 'haystack-nclient';
+import { ClientContext } from 'haystack-react';
+import { I18NProvider } from '@j2inn/utils';
+import { ThemeProvider } from 'react-jss';
+import { DEFAULT_THEME, GenerateTheme } from '@j2inn/ui';
+import { fin5Top } from '../../fin5Top/fin5Top';
+import { useFin5AppURLHashParameter } from '../../fin5Top/useFin5AppURLHashParameter';
+import { HRef } from 'haystack-core';
+import { ErrorBoundary } from '../components/ErrorBoundary';
+import Loader from '../components/Loader';
+const PATH_PREFIX = 'finApp';
+const getServiceUrl = ({ origin, path }) => `${origin}/${PATH_PREFIX}/api/${path}`;
+const getOpUrl = ({ origin, project, op }) => `${origin}/api/${project}/${op}`;
+const getHaystackServiceUrl = ({ origin, project, path, }) => `${origin}/${PATH_PREFIX}/api/haystack${project ? `/${project}` : ''}/${path}`;
+const getHostServiceUrl = ({ origin, path, }) => `${origin}/${PATH_PREFIX}/api/host/${path}`;
+/**
+ * Creates a basic application container environment to run a view in FIN5.
+ */
+export const Fin5AppContainer = observer(({ children, appStore, client, project, theme = GenerateTheme(DEFAULT_THEME).light, }) => {
+    const [loading, setLoading] = useState(true);
+    const [loadingi18n, setLoadingi18n] = useState(true);
+    const rootStoreRef = useRef(null);
+    const rootStore = rootStoreRef.current ??
+        (rootStoreRef.current = new Fin5AppRootStore());
+    const [hashProjName] = useFin5AppURLHashParameter('projectName');
+    const containerProject = project || hashProjName || fin5Top?.finstack?.projectName || '';
+    const locale = fin5Top?.languageManager?.currentLang ?? navigator?.language;
+    rootStore.locale = locale;
+    if (!rootStore.allLocales.includes(locale)) {
+        rootStore.allLocales.push(locale);
+    }
+    const target = fin5Top?.app?.TargetRef?.() || '';
+    rootStore.target = target ? HRef.make(target).value : '';
+    const getClient = () => client ??
+        new Client({
+            base: new URL(window.location.href),
+            project: containerProject,
+            options: { headers: { accept: 'text/zinc' } },
+            getServiceUrl,
+            getOpUrl,
+            getHaystackServiceUrl,
+            getHostServiceUrl,
+        });
+    const [containerClient, setContainerClient] = useState(getClient);
+    useEffect(() => {
+        setLoading(true);
+        const newClient = getClient();
+        setContainerClient(newClient);
+        // Load everything network wise before we load
+        // the application.
+        Promise.all([
+            newClient.ext.eval('finGetCurrentUser()'),
+            newClient.ext.loadDefs(),
+        ]).then(([userGrid]) => {
+            rootStore.currentUser = userGrid.first;
+            setLoading(false);
+        });
+    }, [client, containerProject]);
+    return (React.createElement(AppRootStoreContext.Provider, { value: rootStore },
+        React.createElement(AppStoreContext.Provider, { value: appStore },
+            React.createElement(ClientContext.Provider, { value: containerClient },
+                React.createElement(I18NProvider, { locale: locale, setLoading: setLoadingi18n },
+                    React.createElement(ThemeProvider, { theme: theme },
+                        React.createElement(Loader, { loading: loading || loadingi18n },
+                            React.createElement(ErrorBoundary, { mode: "global" /* ErrorBoundaryMode.global */ }, children))))))));
+});
+//# sourceMappingURL=Fin5AppContainer.js.map

package/dist_es/react/app/Fin5AppContainer.js.map

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

package/dist_es/react/components/ErrorBoundary.js

@@ -0,0 +1,124 @@
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import React, { useState } from 'react';
+import { Button, Checkbox, Divider, Message, Container, ColorVals, } from '@j2inn/ui';
+import { usei18n } from '@j2inn/utils';
+import { createUseStyles, useTheme } from 'react-jss';
+const boundryStyles = createUseStyles((theme) => ({
+    errorBoundry: {
+        backgroundColor: theme.bodyBg,
+        flex: `1 1 auto`,
+    },
+    boundryContainer: {
+        margin: '0 auto',
+        flex: `1 1 auto`,
+        padding: `2rem`,
+        maxWidth: 1024,
+        backgroundColor: theme.bgColor,
+        [`& h1, & h3`]: {
+            paddingBottom: `1rem`,
+        },
+    },
+    errorDetails: {
+        [`& pre`]: {
+            overflow: 'auto',
+            marginTop: '1rem',
+            backgroundColor: ColorVals.Black,
+            color: ColorVals.White,
+            padding: '0.3rem',
+        },
+    },
+}));
+function get(i18n, key, fallback) {
+    return i18n.has(key) ? i18n.get(key) : fallback;
+}
+/**
+ * Format an error message into something more useful for the clipboard.
+ */
+function formatErrorMessage(error, appId) {
+    return JSON.stringify({
+        timestamp: new Date().toISOString(),
+        appId: appId ?? '',
+        location: location.href,
+        navigator: {
+            cookieEnabled: navigator.cookieEnabled,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            deviceMemory: navigator.deviceMemory,
+            language: navigator.language,
+            languages: navigator.languages,
+            onLine: navigator.onLine,
+            userAgent: navigator.userAgent,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            userAgentData: navigator.userAgentData,
+            vendor: navigator.vendor,
+        },
+        error: String(error.stack),
+    }, null, 2);
+}
+/**
+ * Shows the internal error details to a user.
+ */
+const ErrorDetails = ({ showDetails, setShowDetails, error, appId, }) => {
+    const i18n = usei18n();
+    const classes = boundryStyles();
+    const theme = useTheme();
+    const copyToClipboard = () => {
+        navigator.clipboard.writeText(formatErrorMessage(error, appId));
+        Message.success(theme, get(i18n, 'finUi.errorBoundary.copiedErrorToClipboard', 'Copied error to clipboard'));
+    };
+    return (React.createElement("div", { className: classes.errorDetails },
+        React.createElement(Checkbox, { onChange: (e) => {
+                setShowDetails(e.target.checked);
+            }, defaultChecked: showDetails, value: showDetails }, get(i18n, 'finUi.errorBoundary.showDetails', 'Show details')),
+        showDetails && (React.createElement(React.Fragment, null,
+            React.createElement("pre", null, error.stack),
+            React.createElement(Container, { horizontal: true, middle: true, right: true },
+                React.createElement(Button, { onClick: copyToClipboard }, get(i18n, 'finUi.errorBoundary.copyToClipboard', 'Copy to clipboard')))))));
+};
+/**
+ * The inner error boundary component. This is required so
+ * we can use hooks that can't be used in a normal class component.
+ */
+const ErrorBoundaryInner = ({ error, mode, appId, showReportDialog, }) => {
+    const i18n = usei18n();
+    const [showDetails, setShowDetails] = useState(true);
+    const classes = boundryStyles();
+    const title = `finUi.errorBoundary.${mode}.title`;
+    const appName = `${appId}.name`;
+    const header = get(i18n, title, mode === 'global' ? 'Error' : 'Application error') +
+        (appId ? `: ${get(i18n, appName, appName)}` : '');
+    const continueMsg = get(i18n, `finUi.errorBoundary.${mode}.continue`, mode === 'global'
+        ? 'To continue, please reload or navigate to the home page.'
+        : 'To continue, please reload, navigate to the home page or another application.');
+    return (React.createElement(Container, { vertical: true, top: true, center: true, className: classes.errorBoundry },
+        React.createElement("div", { className: classes.boundryContainer, style: { gap: `1rem` } },
+            React.createElement("h1", null, header),
+            React.createElement("h3", null, get(i18n, 'finUi.errorBoundary.description', 'The application has encountered an error when trying to display some content.')),
+            React.createElement("p", null, continueMsg),
+            React.createElement("div", null,
+                React.createElement(ErrorDetails, { showDetails: showDetails, setShowDetails: setShowDetails, error: error, appId: appId })),
+            React.createElement(Divider, null),
+            React.createElement(Container, { horizontal: true, middle: true, left: true, style: { gap: `1rem` } },
+                React.createElement(Button, { onClick: () => window.location.reload(), type: 'primary' }, get(i18n, 'finUi.common.reload', 'Reload')),
+                React.createElement(Button, { onClick: () => window.location.assign('/') }, get(i18n, 'finUi.common.home', 'Home'))),
+            showReportDialog && (React.createElement("div", { style: { marginTop: `0.5rem` } },
+                React.createElement("small", { onClick: showReportDialog }, get(i18n, 'finUi.errorBoundary.additionalDetails', 'If you’d like, click here to include an additional error report to our team. Any details you provide will be helpful.')))))));
+};
+/**
+ * A common error boundary used to capture errors.
+ */
+export class ErrorBoundary extends React.Component {
+    state = {};
+    componentDidCatch(error, info) {
+        this.props.onError?.(error);
+        console.error(error, info);
+    }
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    render() {
+        return this.state.error ? (React.createElement(ErrorBoundaryInner, { error: this.state.error, mode: this.props.mode, appId: this.props.appId, showReportDialog: this.props.showReportDialog })) : (this.props.children);
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

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

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

package/dist_es/react/components/ErrorDisplayer.js

@@ -0,0 +1,29 @@
+import { Button, Collapse, Container, Result, Typography } from '@j2inn/ui';
+import React from 'react';
+export class DefaultErrorBoundary extends React.Component {
+    state = {};
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { error: error };
+    }
+    componentDidCatch(error, errorInfo) {
+        // You can also log the error to an error reporting service
+        console.error(error, errorInfo);
+    }
+    render() {
+        if (this.state.error) {
+            // You can render any custom fallback UI
+            return (React.createElement(ErrorDisplayer, { error: this.state.error, extra: [
+                    React.createElement(Button, { type: 'primary', key: 'refresh', onClick: () => window.location.reload() }, "Refresh The Page"),
+                ] }));
+        }
+        return this.props.children;
+    }
+}
+export const ErrorDisplayer = ({ error, extra, }) => {
+    return (React.createElement(Result, { status: 'error', title: 'Ouch... Something Went Wrong', subTitle: React.createElement(Container, { center: true },
+            React.createElement(Collapse, { style: { width: 600, textAlign: 'left' } },
+                React.createElement(Collapse.Panel, { header: `${error.toString()}`, key: '1' },
+                    React.createElement(Typography.Text, { style: { width: 400 } }, error.stack)))), extra: extra }));
+};
+//# sourceMappingURL=ErrorDisplayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDisplayer.js","sourceRoot":"","sources":["../../../src/react/components/ErrorDisplayer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC3E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAUnD,MAAM,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAA6B;IACnE,KAAK,GAAuB,EAAE,CAAA;IAEvC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;IACxB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC5D,2DAA2D;QAC3D,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IAChC,CAAC;IAEQ,MAAM;QACd,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,wCAAwC;YACxC,OAAO,CACN,oBAAC,cAAc,IACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,KAAK,EAAE;oBACN,oBAAC,MAAM,IACN,IAAI,EAAC,SAAS,EACd,GAAG,EAAC,SAAS,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,uBAE/B;iBACT,GACA,CACF,CAAA;SACD;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC3B,CAAC;CACD;AAOD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC7D,KAAK,EACL,KAAK,GACL,EAAE,EAAE;IACJ,OAAO,CACN,oBAAC,MAAM,IACN,MAAM,EAAC,OAAO,EACd,KAAK,EAAC,8BAA8B,EACpC,QAAQ,EACP,oBAAC,SAAS,IAAC,MAAM;YAChB,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE;gBACjD,oBAAC,QAAQ,CAAC,KAAK,IAAC,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAC,GAAG;oBACrD,oBAAC,UAAU,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IACpC,KAAK,CAAC,KAAK,CACK,CACF,CACP,CACA,EAEb,KAAK,EAAE,KAAK,GACX,CACF,CAAA;AACF,CAAC,CAAA"}

package/dist_es/react/components/Loader.js

@@ -0,0 +1,13 @@
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import React from 'react';
+import { LoadingSpinner } from './LoadingSpinner';
+/**
+ * A simple UI loader.
+ */
+const Loader = ({ loading, children, }) => {
+    return loading ? React.createElement(LoadingSpinner, null) : React.createElement(React.Fragment, null, children);
+};
+export default Loader;
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/react/components/Loader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,GAIR,EAAe,EAAE;IACjB,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAAC,CAAC,CAAC,0CAAG,QAAQ,CAAI,CAAA;AACtD,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist_es/react/components/LoadingSpinner.js

@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import { Spin } from '@j2inn/ui';
+import React from 'react';
+import { createUseStyles } from 'react-jss';
+const useStyles = createUseStyles({
+    container: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        width: '100%',
+    },
+});
+export const LoadingSpinner = () => {
+    const classes = useStyles();
+    return (React.createElement("div", { className: classes.container },
+        React.createElement(Spin, { size: 'large' })));
+};
+//# sourceMappingURL=LoadingSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/react/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,SAAS,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACb;CACD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAa,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO,CAAC,SAAS;QAChC,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAQ,CACrB,CACN,CAAA;AACF,CAAC,CAAA"}

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

@@ -0,0 +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() }));
+};
+//# sourceMappingURL=GraphicViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphicViewer.js","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAElD,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC3D,WAAW,GAAG,OAAO,EAAE,QAAQ,EAAE,WAAW,IAAI,EAAE,EAClD,SAAS,EACT,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAClB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,WAAW,EAAE,CAC1E,CAAA;IACD,GAAG,CAAC,IAAI,GAAG,aAAa,SAAS,CAAC,MAAM,EAAE,EAAE,CAAA;IAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtD,OAAO,CACN,gCACC,EAAE,EAAE,SAAS,CAAC,MAAM,EAAE,EACtB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,GAClB,CACF,CAAA;AACF,CAAC,CAAA"}

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

@@ -0,0 +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));
+};
+//# sourceMappingURL=GraphicsTabViewer.js.map