@j2inn/fin5-ui-utils 4.0.0 → 5.0.0

package/dist_es/react/components/ErrorBoundary.js

@@ -1,124 +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);
-    }
-}
+/*
+ * 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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/react/components/ErrorBoundary.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/react/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAwB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EAEP,SAAS,EACT,SAAS,GACT,MAAM,WAAW,CAAA;AAElB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAErD,MAAM,aAAa,GAAG,eAAe,CAAC,CAAC,KAAe,EAAE,EAAE,CAAC,CAAC;IAC3D,YAAY,EAAE;QACb,eAAe,EAAE,KAAK,CAAC,MAAM;QAC7B,IAAI,EAAE,UAAU;KAChB;IACD,gBAAgB,EAAE;QACjB,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,IAAI;QACd,eAAe,EAAE,KAAK,CAAC,OAAO;QAC9B,CAAC,YAAY,CAAC,EAAE;YACf,aAAa,EAAE,MAAM;SACrB;KACD;IACD,YAAY,EAAE;QACb,CAAC,OAAO,CAAC,EAAE;YACV,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,MAAM;YACjB,eAAe,EAAE,SAAS,CAAC,KAAK;YAChC,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,OAAO,EAAE,QAAQ;SACjB;KACD;CACD,CAAC,CAAC,CAAA;AAEH,SAAS,GAAG,CAAC,IAAU,EAAE,GAAW,EAAE,QAAgB;IACrD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AAChD,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,KAAY,EAAE,KAAc;IACvD,OAAO,IAAI,CAAC,SAAS,CACpB;QACC,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;QACnC,KAAK,EAAE,KAAK,IAAI,EAAE;QAClB,QAAQ,EAAE,QAAQ,CAAC,IAAI;QACvB,SAAS,EAAE;YACV,aAAa,EAAE,SAAS,CAAC,aAAa;YACtC,8DAA8D;YAC9D,YAAY,EAAG,SAAiB,CAAC,YAAY;YAC7C,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,8DAA8D;YAC9D,aAAa,EAAG,SAAiB,CAAC,aAAa;YAC/C,MAAM,EAAE,SAAS,CAAC,MAAM;SACxB;QACD,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;KAC1B,EACD,IAAI,EACJ,CAAC,CACD,CAAA;AACF,CAAC;AAED;;GAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACrB,WAAW,EACX,cAAc,EACd,KAAK,EACL,KAAK,GAML,EAAe,EAAE;IACjB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,aAAa,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,QAAQ,EAAY,CAAA;IAElC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;QAC/D,OAAO,CAAC,OAAO,CACd,KAAK,EACL,GAAG,CACF,IAAI,EACJ,4CAA4C,EAC5C,2BAA2B,CAC3B,CACD,CAAA;IACF,CAAC,CAAA;IAED,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO,CAAC,YAAY;QACnC,oBAAC,QAAQ,IACR,QAAQ,EAAE,CAAC,CAAsB,EAAQ,EAAE;gBAC1C,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC,EACD,cAAc,EAAE,WAAW,EAC3B,KAAK,EAAE,WAAW,IACjB,GAAG,CAAC,IAAI,EAAE,iCAAiC,EAAE,cAAc,CAAC,CACnD;QACV,WAAW,IAAI,CACf;YACC,iCAAM,KAAK,CAAC,KAAK,CAAO;YACxB,oBAAC,SAAS,IAAC,UAAU,QAAC,MAAM,QAAC,KAAK;gBACjC,oBAAC,MAAM,IAAC,OAAO,EAAE,eAAe,IAC9B,GAAG,CACH,IAAI,EACJ,qCAAqC,EACrC,mBAAmB,CACnB,CACO,CACE,CACV,CACH,CACI,CACN,CAAA;AACF,CAAC,CAAA;AAWD;;;GAGG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,gBAAgB,GAMhB,EAAE,EAAE;IACJ,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IACpD,MAAM,OAAO,GAAG,aAAa,EAAE,CAAA;IAE/B,MAAM,KAAK,GAAG,uBAAuB,IAAI,QAAQ,CAAA;IACjD,MAAM,OAAO,GAAG,GAAG,KAAK,OAAO,CAAA;IAE/B,MAAM,MAAM,GACX,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;QACnE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAElD,MAAM,WAAW,GAAG,GAAG,CACtB,IAAI,EACJ,uBAAuB,IAAI,WAAW,EACtC,IAAI,KAAK,QAAQ;QAChB,CAAC,CAAC,0DAA0D;QAC5D,CAAC,CAAC,+EAA+E,CAClF,CAAA;IAED,OAAO,CACN,oBAAC,SAAS,IAAC,QAAQ,QAAC,GAAG,QAAC,MAAM,QAAC,SAAS,EAAE,OAAO,CAAC,YAAY;QAC7D,6BAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE;YAC/D,gCAAK,MAAM,CAAM;YAEjB,gCACE,GAAG,CACH,IAAI,EACJ,iCAAiC,EACjC,+EAA+E,CAC/E,CACG;YAEL,+BAAI,WAAW,CAAK;YAEpB;gBACC,oBAAC,YAAY,IACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACX,CACG;YAEN,oBAAC,OAAO,OAAG;YAEX,oBAAC,SAAS,IAAC,UAAU,QAAC,MAAM,QAAC,IAAI,QAAC,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE;gBACvD,oBAAC,MAAM,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EACvC,IAAI,EAAC,SAAS,IACb,GAAG,CAAC,IAAI,EAAE,qBAAqB,EAAE,QAAQ,CAAC,CACnC;gBACT,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAChD,GAAG,CAAC,IAAI,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAC/B,CACE;YAEX,gBAAgB,IAAI,CACpB,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;gBAClC,+BAAO,OAAO,EAAE,gBAAgB,IAC9B,GAAG,CACH,IAAI,EACJ,uCAAuC,EACvC,uHAAuH,CACvH,CACM,CACH,CACN,CACI,CACK,CACZ,CAAA;AACF,CAAC,CAAA;AA0CD;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAGxC;IACS,KAAK,GAAsB,EAAE,CAAA;IAE7B,iBAAiB,CAAC,KAAY,EAAE,IAAe;QACvD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAC3B,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAC3B,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,OAAO,EAAE,KAAK,EAAE,CAAA;IACjB,CAAC;IAEQ,MAAM;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACzB,oBAAC,kBAAkB,IAClB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAC5C,CACF,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,KAAK,CAAC,QAAQ,CACnB,CAAA;IACF,CAAC;CACD"}

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

@@ -1,19 +1,19 @@
-import React, { ErrorInfo, ReactNode } from 'react';
-interface ErrorBoundaryState {
-    error?: Error;
-}
-interface ErrorBoundaryProps {
-    children: ReactNode;
-}
-export declare class DefaultErrorBoundary extends React.Component<ErrorBoundaryProps> {
-    state: ErrorBoundaryState;
-    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): ReactNode;
-}
-export interface ErrorDisplayerProps {
-    error: Error;
-    extra: React.ReactNode;
-}
-export declare const ErrorDisplayer: React.FC<ErrorDisplayerProps>;
-export {};
+import React, { ErrorInfo, ReactNode } from 'react';
+interface ErrorBoundaryState {
+    error?: Error;
+}
+interface ErrorBoundaryProps {
+    children: ReactNode;
+}
+export declare class DefaultErrorBoundary extends React.Component<ErrorBoundaryProps> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export interface ErrorDisplayerProps {
+    error: Error;
+    extra: React.ReactNode;
+}
+export declare const ErrorDisplayer: React.FC<ErrorDisplayerProps>;
+export {};

package/dist_es/react/components/ErrorDisplayer.js

@@ -1,29 +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 }));
-};
+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/Loader.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-/**
- * A simple UI loader.
- */
-declare const Loader: ({ loading, children, }: {
-    loading: boolean;
-    children?: React.ReactNode;
-}) => JSX.Element;
-export default Loader;
+import React from 'react';
+/**
+ * A simple UI loader.
+ */
+declare const Loader: ({ loading, children, }: {
+    loading: boolean;
+    children?: React.ReactNode;
+}) => JSX.Element;
+export default Loader;

package/dist_es/react/components/Loader.js

@@ -1,13 +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;
+/*
+ * 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.jsx

@@ -2,7 +2,7 @@
  * Copyright (c) 2022, J2 Innovations. All Rights Reserved
  */
 import React from 'react';
-import LoadingSpinner from './LoadingSpinner';
+import { LoadingSpinner } from './LoadingSpinner';
 /**
  * A simple UI loader.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.jsx","sourceRoot":"","sources":["../../../src/react/components/Loader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,GAIR,EAAe,EAAE;IACjB,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAA;AACtD,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Loader.jsx","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,CAAC,cAAc,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAA;AACtD,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const LoadingSpinner: React.FC;
+import React from 'react';
+export declare const LoadingSpinner: React.FC;

package/dist_es/react/components/LoadingSpinner.js

@@ -1,21 +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' })));
-};
+/*
+ * 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.jsx

@@ -4,7 +4,7 @@
 import { Spin } from '@j2inn/ui';
 import React from 'react';
 import { createUseStyles } from 'react-jss';
-const useStyles = createUseStyles(() => ({
+const useStyles = createUseStyles({
     container: {
         display: 'flex',
         alignItems: 'center',
@@ -12,12 +12,11 @@ const useStyles = createUseStyles(() => ({
         height: '100%',
         width: '100%',
     },
-}));
-const LoadingSpinner = () => {
+});
+export const LoadingSpinner = () => {
     const classes = useStyles();
     return (<div className={classes.container}>
 			<Spin size='large'></Spin>
 		</div>);
 };
-export default LoadingSpinner;
 //# sourceMappingURL=LoadingSpinner.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.jsx","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,GAAG,EAAE,CAAC,CAAC;IACxC,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,CAAC,CAAA;AAEH,MAAM,cAAc,GAAa,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,OAAO,CACN,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CACjC;GAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAC1B;EAAA,EAAE,GAAG,CAAC,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"LoadingSpinner.jsx","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,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CACjC;GAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAC1B;EAAA,EAAE,GAAG,CAAC,CACN,CAAA;AACF,CAAC,CAAA"}

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

@@ -1,20 +1,20 @@
-import { HRef } from 'haystack-core';
-import React from 'react';
-export interface RecordImageProps {
-    /**
-     * Ref of the image bin record.
-     */
-    imageRef?: HRef;
-    /**
-     * Fallback component to be displayed if the imageRef is not valid or the image is not found.
-     */
-    fallbackComponent?: React.ReactElement;
-    /**
-     * Props for img customization
-     */
-    imgProps?: Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'>;
-}
-/**
- * Displays an image from a bin record or a fallback if the given imageRef is not valid or if the image can't be found.
- */
-export declare const RecordImage: ({ imageRef, fallbackComponent, imgProps, }: RecordImageProps) => JSX.Element;
+import { HRef } from 'haystack-core';
+import React from 'react';
+export interface RecordImageProps {
+    /**
+     * Ref of the image bin record.
+     */
+    imageRef?: HRef;
+    /**
+     * Fallback component to be displayed if the imageRef is not valid or the image is not found.
+     */
+    fallbackComponent?: React.ReactElement;
+    /**
+     * Props for img customization
+     */
+    imgProps?: Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'>;
+}
+/**
+ * Displays an image from a bin record or a fallback if the given imageRef is not valid or if the image can't be found.
+ */
+export declare const RecordImage: ({ imageRef, fallbackComponent, imgProps, }: RecordImageProps) => JSX.Element;

package/dist_es/react/components/RecordImage.js

@@ -1,25 +1,25 @@
-/*
- * Copyright (c) 2023, J2 Innovations. All Rights Reserved
- */
-import React, { useState } from 'react';
-import { useFin5BinUrl } from '../hooks/useFin5BinUrl';
-/**
- * Displays an image from a bin record or a fallback if the given imageRef is not valid or if the image can't be found.
- */
-export const RecordImage = ({ imageRef, fallbackComponent, imgProps, }) => {
-    const imgUrl = useFin5BinUrl(imageRef);
-    // State used to identify whether there is an error in loading the image, to display the fallback component if necessary
-    const [hasImage, setHasImage] = useState(true);
-    const shouldDisplayFallback = !!fallbackComponent && (!hasImage || !imgUrl);
-    if (shouldDisplayFallback) {
-        return fallbackComponent;
-    }
-    else {
-        return (React.createElement("img", { ...imgProps, onError: (event) => {
-                // This will happen if the resource is not found for some reason
-                setHasImage(false);
-                imgProps?.onError?.(event);
-            }, src: imgUrl }));
-    }
-};
+/*
+ * Copyright (c) 2023, J2 Innovations. All Rights Reserved
+ */
+import React, { useState } from 'react';
+import { useFin5BinUrl } from '../hooks/useFin5BinUrl';
+/**
+ * Displays an image from a bin record or a fallback if the given imageRef is not valid or if the image can't be found.
+ */
+export const RecordImage = ({ imageRef, fallbackComponent, imgProps, }) => {
+    const imgUrl = useFin5BinUrl(imageRef);
+    // State used to identify whether there is an error in loading the image, to display the fallback component if necessary
+    const [hasImage, setHasImage] = useState(true);
+    const shouldDisplayFallback = !!fallbackComponent && (!hasImage || !imgUrl);
+    if (shouldDisplayFallback) {
+        return fallbackComponent;
+    }
+    else {
+        return (React.createElement("img", { ...imgProps, onError: (event) => {
+                // This will happen if the resource is not found for some reason
+                setHasImage(false);
+                imgProps?.onError?.(event);
+            }, src: imgUrl }));
+    }
+};
 //# sourceMappingURL=RecordImage.js.map