@j2inn/fin5-ui-utils 5.2.2-beta.1 → 5.2.2-beta.10

package/dist/react/components/charts/line-bar/HGridChart.js

@@ -0,0 +1,289 @@
+"use strict";
+/*
+ * Copyright (c) 2025, 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.HGridChart = exports.calculateDefaultTimeInterval = exports.addLineSeriesRowData = exports.getBarSeriesRowData = exports.splitBarAndLineSeriesCols = exports.colNameToDisProvider = exports.isBarSeries = exports.isStackedBarSeries = exports.isLineSeries = exports.rollupDurationToTimeInterval = void 0;
+const am5 = __importStar(require("@amcharts/amcharts5"));
+const haystack_core_1 = require("haystack-core");
+const dist_1 = require("haystack-units/dist");
+const react_1 = __importStar(require("react"));
+const react_jss_1 = require("react-jss");
+const useScreenSize_1 = __importDefault(require("../../../hooks/useScreenSize"));
+const Chart_1 = require("./Chart");
+var SeriesType;
+(function (SeriesType) {
+    SeriesType["line"] = "line";
+    SeriesType["bar"] = "bar";
+    SeriesType["stackedBar"] = "stackedBar";
+})(SeriesType || (SeriesType = {}));
+var SeriesVariant;
+(function (SeriesVariant) {
+    SeriesVariant["dashed"] = "dashed";
+})(SeriesVariant || (SeriesVariant = {}));
+const rollupDurationToTimeInterval = (value) => {
+    let unit;
+    switch (value?.unit) {
+        case dist_1.hour:
+            unit = 'hour';
+            break;
+        case dist_1.day:
+            unit = 'day';
+            break;
+        case dist_1.week:
+            unit = 'week';
+            break;
+        case dist_1.julianMonth:
+            unit = 'month';
+            break;
+        case dist_1.year:
+            unit = 'year';
+            break;
+    }
+    return { count: value?.value ?? 1, timeUnit: unit ?? 'hour' };
+};
+exports.rollupDurationToTimeInterval = rollupDurationToTimeInterval;
+const isLineSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.line;
+exports.isLineSeries = isLineSeries;
+const isStackedBarSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.stackedBar;
+exports.isStackedBarSeries = isStackedBarSeries;
+const isBarSeries = (colMetadata) => colMetadata?.series?.value === SeriesType.bar;
+exports.isBarSeries = isBarSeries;
+const isDottedSeriesVariant = (colMetadata) => SeriesVariant.dashed === colMetadata?.variant?.value;
+const getSeriesColor = (colMetadata) => colMetadata?.color ? am5.color(colMetadata.color.value) : undefined;
+const getSeriesDis = (colMetadata) => colMetadata?.dis?.value;
+const getSeriesUnit = (colMetadata) => colMetadata?.unit?.value;
+const getHideAxis = (colMetadata) => colMetadata?.hideAxis?.value;
+const getAxisPlacement = (colMetadata) => Chart_1.AxisPlacement[colMetadata?.axisPlacement?.value];
+const colNameToDisProvider = (grid, translateLabel) => (colName) => {
+    if (translateLabel) {
+        const label = translateLabel(colName);
+        if (label) {
+            return label;
+        }
+    }
+    const colMetadata = grid.getColumn(colName)?.meta;
+    if (colMetadata?.dis) {
+        return colMetadata.dis.value;
+    }
+    return colName;
+};
+exports.colNameToDisProvider = colNameToDisProvider;
+const splitBarAndLineSeriesCols = (grid) => {
+    const barSeries = new Set();
+    const stackedBarSeries = new Set();
+    const lineSeries = new Set();
+    grid.getColumns().forEach((column) => {
+        const colMetadata = column.meta;
+        if ((0, exports.isLineSeries)(colMetadata)) {
+            lineSeries.add(column.name);
+        }
+        else if ((0, exports.isBarSeries)(colMetadata)) {
+            barSeries.add(column.name);
+        }
+        else if ((0, exports.isStackedBarSeries)(colMetadata)) {
+            stackedBarSeries.add(column.name);
+        }
+    });
+    return {
+        barSeries,
+        stackedBarSeries,
+        lineSeries,
+    };
+};
+exports.splitBarAndLineSeriesCols = splitBarAndLineSeriesCols;
+const getBarSeriesRowData = (row, metadata, colName, barSeriesData) => {
+    if (!barSeriesData.has(colName)) {
+        const series = {
+            seriesName: colName,
+            dis: getSeriesDis(metadata),
+            unit: getSeriesUnit(metadata),
+            hideAxis: getHideAxis(metadata),
+            axisPlacement: getAxisPlacement(metadata),
+            data: [],
+        };
+        const seriesColor = getSeriesColor(metadata);
+        if (seriesColor) {
+            series.stroke = seriesColor;
+        }
+        barSeriesData.set(colName, series);
+    }
+    barSeriesData.get(colName)?.data.push({
+        ts: row.get('ts').date.getTime(),
+        value: row.get(colName)?.value,
+    });
+};
+exports.getBarSeriesRowData = getBarSeriesRowData;
+const addLineSeriesRowData = (row, metadata, colName, lineSeriesData) => {
+    if (!lineSeriesData.has(colName)) {
+        const series = {
+            seriesName: colName,
+            dis: getSeriesDis(metadata),
+            unit: getSeriesUnit(metadata),
+            hideAxis: getHideAxis(metadata),
+            axisPlacement: getAxisPlacement(metadata),
+            data: [],
+            strokeSettings: {
+                strokeWidth: 2,
+                strokeDasharray: isDottedSeriesVariant(metadata)
+                    ? [3, 3]
+                    : undefined,
+            },
+        };
+        const seriesColor = getSeriesColor(metadata);
+        if (seriesColor && series.strokeSettings) {
+            series.strokeSettings.stroke = seriesColor;
+        }
+        lineSeriesData.set(colName, series);
+    }
+    lineSeriesData.get(colName)?.data.push({
+        ts: row.get('ts').date.getTime(),
+        value: row.get(colName)?.value,
+    });
+};
+exports.addLineSeriesRowData = addLineSeriesRowData;
+/**
+ * Returns the numeric value of an Haystack Value object (if numeric)
+ * @param val Haystack value
+ * @returns the numeric value:
+ * - `HNum` > numeric value
+ * - `HDate` > time value in milliseconds since midnight, January 1, 1970 UTC
+ * - `HTime` > time value in milliseconds since midnight, January 1, 1970 UTC
+ * - `HBool` > 1 if `val` is `true`, `false` otherwise
+ * - `HDateTime` > time value in milliseconds since midnight, January 1, 1970 UTC
+ */
+const getHValValueNumber = (val) => {
+    if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.Number)) {
+        return val.value;
+    }
+    if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.Date)) {
+        return val.date.getTime();
+    }
+    if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.Time)) {
+        return val.date.getTime();
+    }
+    if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.Bool)) {
+        return val.value ? 1 : 0;
+    }
+    if ((0, haystack_core_1.valueIsKind)(val, haystack_core_1.Kind.DateTime)) {
+        return val.date.getTime();
+    }
+    throw new Error(`getHValValue: ${val.getKind()} not supported`);
+};
+const calculateDefaultTimeInterval = (timeRange) => {
+    const diffTime = Math.abs(timeRange[1].getTime() - timeRange[0].getTime());
+    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+    return { count: diffDays ? diffDays : 1, timeUnit: 'hour' };
+};
+exports.calculateDefaultTimeInterval = calculateDefaultTimeInterval;
+/**
+ * A component that renders a chart containing multiple series
+ * of different kinds, taking all the data and configuration from an HGrid.
+ */
+exports.HGridChart = (0, react_1.memo)(function HGridChartComponent({ className, data, timeRange, timeInterval = (0, exports.calculateDefaultTimeInterval)(timeRange), unitPlacement = Chart_1.UnitPlacement.axis, legendPlacement = Chart_1.LegendPlacement.right, translateLabel = undefined, DOMtargetId, }) {
+    const theme = (0, react_jss_1.useTheme)();
+    const { barSeriesData, stackedBarSeriesData, lineSeriesData, rangesData } = (0, react_1.useMemo)(() => {
+        if (data === undefined) {
+            return {
+                barSeriesData: [],
+                stackedBarSeriesData: [],
+                lineSeriesData: [],
+                rangesData: [],
+            };
+        }
+        const gridMetadata = data.meta;
+        const { barSeries, stackedBarSeries, lineSeries } = (0, exports.splitBarAndLineSeriesCols)(data);
+        const barSeriesData = new Map();
+        const stackedBarSeriesData = new Map();
+        const lineSeriesData = new Map();
+        data.getRows().forEach((row) => {
+            if (stackedBarSeries.size > 0) {
+                stackedBarSeries.forEach((colName) => {
+                    (0, exports.getBarSeriesRowData)(row, data.getColumn(colName)?.meta ?? haystack_core_1.HDict.make(), colName, stackedBarSeriesData);
+                });
+            }
+            if (barSeries.size > 0) {
+                barSeries.forEach((colName) => {
+                    (0, exports.getBarSeriesRowData)(row, data.getColumn(colName)?.meta ?? haystack_core_1.HDict.make(), colName, barSeriesData);
+                });
+            }
+            if (lineSeries.size > 0) {
+                lineSeries.forEach((lineSeriesColName) => {
+                    (0, exports.addLineSeriesRowData)(row, data.getColumn(lineSeriesColName)?.meta ??
+                        haystack_core_1.HDict.make(), lineSeriesColName, lineSeriesData);
+                });
+            }
+        });
+        const rangesData = gridMetadata.ranges?.map((rangeData) => {
+            const result = {
+                startValue: getHValValueNumber(rangeData.startValue),
+                endValue: getHValValueNumber(rangeData.endValue),
+                color: getSeriesColor(rangeData),
+                tooltip: rangeData.dis?.value,
+                opacity: rangeData.opacity?.value,
+            };
+            return result;
+        }) ?? [];
+        return {
+            barSeriesData: Array.from(barSeriesData.values()),
+            stackedBarSeriesData: Array.from(stackedBarSeriesData.values()),
+            lineSeriesData: Array.from(lineSeriesData.values()),
+            rangesData,
+        };
+    }, [data]);
+    const screenSize = (0, useScreenSize_1.default)();
+    const effectiveLegendPlacement = (0, react_1.useMemo)(() => {
+        const MIN_WIDTH = 1024;
+        if (screenSize.width >= MIN_WIDTH) {
+            return legendPlacement;
+        }
+        switch (legendPlacement) {
+            case Chart_1.LegendPlacement.left:
+                return Chart_1.LegendPlacement.top;
+            case Chart_1.LegendPlacement.right:
+                return Chart_1.LegendPlacement.bottom;
+        }
+        return legendPlacement;
+    }, [legendPlacement, screenSize.width]);
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement(Chart_1.Chart, { DOMtargetId: DOMtargetId, cursor: true, legendPlacement: effectiveLegendPlacement, unitPlacement: unitPlacement, numberFormat: { maximumFractionDigits: 0 }, barSeriesData: barSeriesData, rangesData: rangesData, translateLabel: (0, exports.colNameToDisProvider)(data ?? haystack_core_1.HGrid.make(), translateLabel), stackedBarSeriesData: stackedBarSeriesData, lineSeriesData: lineSeriesData, gridSettings: {
+                stroke: am5.color(theme.borderColor),
+            }, dateField: 'ts', baseInterval: timeInterval, tooltipSettings: {
+                fontSize: '0.9rem',
+            }, legendLabelsSettings: {
+                fill: am5.color(theme.textColor),
+                fontSize: '0.9rem',
+            }, legendMarkersSettings: {
+                width: 8,
+                height: 8,
+                rounded: true,
+            } })));
+});
+exports.default = exports.HGridChart;
+//# sourceMappingURL=HGridChart.js.map

package/dist/react/components/charts/line-bar/HGridChart.js.map

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { HGridChartProps } from './HGridChart';
+export declare type ZincGridChartProps = Omit<HGridChartProps, 'data'> & {
+    data: string;
+};
+/**
+ * This component wraps the HGridChart component and allows using Zinc
+ * data instead of an HGrid. This should help using the component inside,
+ * for example, the Graphic Builder, where finstack returns an HaystackGrid
+ * instead of haystack-core types.
+ */
+export declare const ZincGridChart: React.FC<ZincGridChartProps>;

package/dist/react/components/charts/line-bar/ZincGridChart.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZincGridChart = void 0;
+const haystack_core_1 = require("haystack-core");
+const react_1 = __importDefault(require("react"));
+const HGridChart_1 = __importDefault(require("./HGridChart"));
+/**
+ * This component wraps the HGridChart component and allows using Zinc
+ * data instead of an HGrid. This should help using the component inside,
+ * for example, the Graphic Builder, where finstack returns an HaystackGrid
+ * instead of haystack-core types.
+ */
+const ZincGridChart = ({ data, ...props }) => {
+    const parsedData = haystack_core_1.ZincReader.readValue(data);
+    if ((0, haystack_core_1.valueIsKind)(parsedData, haystack_core_1.Kind.Grid)) {
+        return react_1.default.createElement(HGridChart_1.default, { data: parsedData, ...props });
+    }
+    throw new Error('Invalid Zinc data, could not parse a Grid');
+};
+exports.ZincGridChart = ZincGridChart;
+//# sourceMappingURL=ZincGridChart.js.map

package/dist/react/components/charts/line-bar/ZincGridChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZincGridChart.js","sourceRoot":"","sources":["../../../../../src/react/components/charts/line-bar/ZincGridChart.tsx"],"names":[],"mappings":";;;;;;AAAA,iDAAoE;AACpE,kDAAyB;AACzB,8DAA0D;AAM1D;;;;;GAKG;AACI,MAAM,aAAa,GAAiC,CAAC,EAC3D,IAAI,EACJ,GAAG,KAAK,EACR,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,0BAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAC7C,IAAI,IAAA,2BAAW,EAAQ,UAAU,EAAE,oBAAI,CAAC,IAAI,CAAC,EAAE;QAC9C,OAAO,8BAAC,oBAAU,IAAC,IAAI,EAAE,UAAU,KAAM,KAAK,GAAI,CAAA;KAClD;IACD,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;AAC7D,CAAC,CAAA;AATY,QAAA,aAAa,iBASzB"}

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

@@ -1,12 +1,16 @@
 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>) => CustomElementConstructor;
+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>) => void;
+export declare const registerReactWebComponent: <T extends object>(webComponentName: string, ReactComponent: React.FC<T>, options?: CustomElementOptions) => void;
+export {};

package/dist/react/components/makeCustomElement.js

@@ -19,7 +19,7 @@ const defaultTheme = (0, ui_1.GenerateTheme)().light;
 /**
  * Generate a custom element constructor that wraps the given react component.
  */
-const makeCustomElement = (Component) => {
+const makeCustomElement = (Component, options) => {
     return class extends HTMLElement {
         static get observedAttributes() {
             return ['props'];
@@ -86,7 +86,10 @@ const makeCustomElement = (Component) => {
             super();
             const mountPoint = document.createElement('div');
             mountPoint.setAttribute('style', 'display: contents;');
-            this.attachShadow({ mode: 'open' }).appendChild(mountPoint);
+            const base = options?.useShadowDom
+                ? this.attachShadow({ mode: 'open' })
+                : this;
+            base.appendChild(mountPoint);
             this.root = (0, client_1.createRoot)(mountPoint);
             this.jss = (0, jss_1.create)({
                 insertionPoint: mountPoint,
@@ -118,13 +121,13 @@ exports.makeCustomElement = makeCustomElement;
  * @param ReactComponent the React component to wrap
  * @returns
  */
-const registerReactWebComponent = (webComponentName, ReactComponent) => {
+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 = (0, exports.makeCustomElement)(ReactComponent);
+    const Element = (0, exports.makeCustomElement)(ReactComponent, options);
     try {
         // Define web component
         customElements.define(webComponentName, Element);

package/dist/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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"}

package/dist/react/hooks/useScreenSize.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Observe screen size.
+ */
+declare const useScreenSize: () => {
+    width: number;
+    height: number;
+};
+export default useScreenSize;

package/dist/react/hooks/useScreenSize.js

@@ -0,0 +1,31 @@
+"use strict";
+/*
+ * Copyright (c) 2025, J2 Innovations. All Rights Reserved
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+/**
+ * Observe screen size.
+ */
+const useScreenSize = () => {
+    const [screenSize, setScreenSize] = (0, react_1.useState)({
+        width: window.innerWidth,
+        height: window.innerHeight,
+    });
+    (0, react_1.useEffect)(() => {
+        const handleResize = () => {
+            setScreenSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+            });
+        };
+        window.addEventListener('resize', handleResize);
+        // Clean up the event listener when the component unmounts
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    return screenSize;
+};
+exports.default = useScreenSize;
+//# sourceMappingURL=useScreenSize.js.map

package/dist/react/hooks/useScreenSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../../src/react/hooks/useScreenSize.ts"],"names":[],"mappings":";AAAA;;GAEG;;AAEH,iCAA2C;AAE3C;;GAEG;AACH,MAAM,aAAa,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC;QAC5C,KAAK,EAAE,MAAM,CAAC,UAAU;QACxB,MAAM,EAAE,MAAM,CAAC,WAAW;KAC1B,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,aAAa,CAAC;gBACb,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC1B,CAAC,CAAA;QACH,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,0DAA0D;QAC1D,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACnD,CAAC,CAAA;IACF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAA;AAClB,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/dist_es/index.d.ts

@@ -23,10 +23,14 @@ export * from './react/components/resolvable/configurationForm/ConfigurationForm
 export * from './react/components/resolvable/configurationForm/getSectionDefault';
 export * from './react/components/RecordImage';
 export * from './react/components/charts/QRCode';
+export * from './react/components/charts/line-bar/Chart';
+export * from './react/components/charts/line-bar/HGridChart';
+export * from './react/components/charts/line-bar/ZincGridChart';
 export * from './react/components/charts/pie/PieChart';
 export * from './react/components/charts/pie/SimplePieChart';
 export * from './react/components/makeCustomElement';
 export * from './react/hooks/useFin5BinUrl';
 export * from './react/hooks/useFin5ColorScheme';
+export * from './react/hooks/useScreenSize';
 export * from './react/app/Fin5AppContainer';
 export * from './react/app/Fin5AppRootStore';

package/dist_es/index.js

@@ -35,6 +35,9 @@ export * from './react/components/resolvable/configurationForm/ConfigurationForm
 export * from './react/components/resolvable/configurationForm/getSectionDefault';
 export * from './react/components/RecordImage';
 export * from './react/components/charts/QRCode';
+export * from './react/components/charts/line-bar/Chart';
+export * from './react/components/charts/line-bar/HGridChart';
+export * from './react/components/charts/line-bar/ZincGridChart';
 export * from './react/components/charts/pie/PieChart';
 export * from './react/components/charts/pie/SimplePieChart';
 export * from './react/components/makeCustomElement';
@@ -43,6 +46,7 @@ export * from './react/components/makeCustomElement';
 //////////////////////////////////////////////////////////////////////////
 export * from './react/hooks/useFin5BinUrl';
 export * from './react/hooks/useFin5ColorScheme';
+export * from './react/hooks/useScreenSize';
 //////////////////////////////////////////////////////////////////////////
 // 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,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,gCAAgC;AAChC,0EAA0E;AAE1E,cAAc,iBAAiB,CAAA;AAE/B,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAE1E,cAAc,kCAAkC,CAAA;AAChD,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2CAA2C,CAAA;AACzD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,2CAA2C,CAAA;AACzD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,4DAA4D,CAAA;AAC1E,cAAc,0DAA0D,CAAA;AACxE,cAAc,oDAAoD,CAAA;AAClE,cAAc,mEAAmE,CAAA;AACjF,cAAc,wEAAwE,CAAA;AACtF,cAAc,mEAAmE,CAAA;AACjF,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,wCAAwC,CAAA;AACtD,cAAc,8CAA8C,CAAA;AAC5D,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,cAAc;AACd,0EAA0E;AAE1E,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAEhD,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,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,gCAAgC;AAChC,0EAA0E;AAE1E,cAAc,iBAAiB,CAAA;AAE/B,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAE1E,cAAc,kCAAkC,CAAA;AAChD,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2CAA2C,CAAA;AACzD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,2CAA2C,CAAA;AACzD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,4DAA4D,CAAA;AAC1E,cAAc,0DAA0D,CAAA;AACxE,cAAc,oDAAoD,CAAA;AAClE,cAAc,mEAAmE,CAAA;AACjF,cAAc,wEAAwE,CAAA;AACtF,cAAc,mEAAmE,CAAA;AACjF,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,kDAAkD,CAAA;AAChE,cAAc,wCAAwC,CAAA;AACtD,cAAc,8CAA8C,CAAA;AAC5D,cAAc,sCAAsC,CAAA;AAEpD,0EAA0E;AAC1E,cAAc;AACd,0EAA0E;AAE1E,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,6BAA6B,CAAA;AAE3C,0EAA0E;AAC1E,6BAA6B;AAC7B,0EAA0E;AAE1E,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA"}

package/dist_es/react/components/charts/QRCode.d.ts

@@ -21,5 +21,5 @@ interface QRCodeProps {
     size?: number;
     className?: string;
 }
-declare const QRCode: React.FC<QRCodeProps>;
-export default QRCode;
+export declare const QRCode: React.FC<QRCodeProps>;
+export {};

package/dist_es/react/components/charts/QRCode.js

@@ -13,7 +13,7 @@ const useStyles = createUseStyles({
         },
     },
 });
-const QRCode = ({ value, size = 350, copyable = true, copyText = 'Copy QR code to clipboard', className, }) => {
+export const QRCode = ({ value, size = 350, copyable = true, copyText = 'Copy QR code to clipboard', className, }) => {
     const classes = useStyles();
     const canvasRef = useRef(null);
     const [qrCode, setQrCode] = useState();
@@ -50,5 +50,4 @@ const QRCode = ({ value, size = 350, copyable = true, copyText = 'Copy QR code t
             } }, copyText)),
         React.createElement("canvas", { ref: canvasRef })));
 };
-export default QRCode;
 //# sourceMappingURL=QRCode.js.map

package/dist_es/react/components/charts/QRCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../../src/react/components/charts/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,MAAM,MAAM,QAAQ,CAAA;AAC3B,OAAO,KAAK,EAAE,EACb,WAAW,EACX,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,CAAC,MAAM,UAAU,aAAa,CAAC,EAAE;YAChC,SAAS,EAAE,QAAQ;YACnB,aAAa,EAAE,OAAO;SACtB;KACD;CACD,CAAC,CAAA;AAyBF,MAAM,MAAM,GAA0B,CAAC,EACtC,KAAK,EACL,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,2BAA2B,EACtC,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAiB,CAAA;IAErD,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,SAAS,CAAC,OAAO,EAAE;YACtB,SAAS,CACR,IAAI,MAAM,CAAC;gBACV,OAAO,EAAE,SAAS,CAAC,OAAO;gBAC1B,KAAK;gBACL,IAAI;aACJ,CAAC,CACF,CAAA;SACD;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,EAAE;YACnC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;SAClB;IACF,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpD,IAAI,SAAS,CAAC,OAAO,EAAE;YACtB,MAAM,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBACvC,IAAI,IAAI,EAAE;oBACT,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;wBACzB,IAAI,aAAa,CAAC;4BACjB,WAAW,EAAE,IAAI;yBACjB,CAAC;qBACF,CAAC,CAAA;iBACF;YACF,CAAC,CAAC,CAAA;SACF;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAEvB,OAAO,CACN,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC;QAC3C,QAAQ,IAAI,CACZ,oBAAC,UAAU,CAAC,IAAI,IACf,QAAQ,EAAE;gBACT,MAAM,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE;aACrC,IACA,QAAQ,CACQ,CAClB;QACD,gCAAQ,GAAG,EAAE,SAAS,GAAW,CAC5B,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../../src/react/components/charts/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,MAAM,MAAM,QAAQ,CAAA;AAC3B,OAAO,KAAK,EAAE,EACb,WAAW,EACX,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,CAAC,MAAM,UAAU,aAAa,CAAC,EAAE;YAChC,SAAS,EAAE,QAAQ;YACnB,aAAa,EAAE,OAAO;SACtB;KACD;CACD,CAAC,CAAA;AAyBF,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC7C,KAAK,EACL,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,2BAA2B,EACtC,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAiB,CAAA;IAErD,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,SAAS,CAAC,OAAO,EAAE;YACtB,SAAS,CACR,IAAI,MAAM,CAAC;gBACV,OAAO,EAAE,SAAS,CAAC,OAAO;gBAC1B,KAAK;gBACL,IAAI;aACJ,CAAC,CACF,CAAA;SACD;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,EAAE;YACnC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;SAClB;IACF,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpD,IAAI,SAAS,CAAC,OAAO,EAAE;YACtB,MAAM,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBACvC,IAAI,IAAI,EAAE;oBACT,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;wBACzB,IAAI,aAAa,CAAC;4BACjB,WAAW,EAAE,IAAI;yBACjB,CAAC;qBACF,CAAC,CAAA;iBACF;YACF,CAAC,CAAC,CAAA;SACF;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAEvB,OAAO,CACN,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC;QAC3C,QAAQ,IAAI,CACZ,oBAAC,UAAU,CAAC,IAAI,IACf,QAAQ,EAAE;gBACT,MAAM,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE;aACrC,IACA,QAAQ,CACQ,CAClB;QACD,gCAAQ,GAAG,EAAE,SAAS,GAAW,CAC5B,CACN,CAAA;AACF,CAAC,CAAA"}