@quillsql/react 2.13.47 → 2.13.49

package/dist/esm/components/Chart/MapChart.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ComposableMap, Geographies, Geography, useMapContext } from "react-simple-maps";
-import { useEffect, useMemo, useRef, useState } from "react";
-import ChartTooltipFrame from "./ChartTooltipFrame";
-import ChartTooltipRow from "./ChartTooltipRow";
-import { valueFormatter } from "../../utils/valueFormatter";
-const statesUrl = "https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json";
-const countriesUrl = "https://cdn.jsdelivr.net/npm/world-atlas@2/countries-50m.json";
+import { ComposableMap, Geographies, Geography, useMapContext, } from 'react-simple-maps';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import ChartTooltipFrame from './ChartTooltipFrame';
+import ChartTooltipRow from './ChartTooltipRow';
+import { valueFormatter } from '../../utils/valueFormatter';
+const statesUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json';
+const countriesUrl = 'https://cdn.jsdelivr.net/npm/world-atlas@2/countries-50m.json';
 const fipsToNames = {
     '01': { name: 'Alabama', abbreviation: 'AL' },
     '02': { name: 'Alaska', abbreviation: 'AK' },
@@ -130,7 +130,10 @@ const isoToNames = {
     '233': { name: 'Estonia', abbreviation: 'EE' },
     '234': { name: 'Faroe Islands', abbreviation: 'FO' },
     '238': { name: 'Falkland Islands', abbreviation: 'FK' },
-    '239': { name: 'South Georgia and the South Sandwich Islands', abbreviation: 'GS' },
+    '239': {
+        name: 'South Georgia and the South Sandwich Islands',
+        abbreviation: 'GS',
+    },
     '242': { name: 'Fiji', abbreviation: 'FJ' },
     '246': { name: 'Finland', abbreviation: 'FI' },
     '248': { name: 'Åland Islands', abbreviation: 'AX' },
@@ -247,7 +250,10 @@ const isoToNames = {
     '643': { name: 'Russia', abbreviation: 'RU' },
     '646': { name: 'Rwanda', abbreviation: 'RW' },
     '652': { name: 'Saint Barthélemy', abbreviation: 'BL' },
-    '654': { name: 'Saint Helena, Ascension and Tristan da Cunha', abbreviation: 'SH' },
+    '654': {
+        name: 'Saint Helena, Ascension and Tristan da Cunha',
+        abbreviation: 'SH',
+    },
     '659': { name: 'Saint Kitts and Nevis', abbreviation: 'KN' },
     '660': { name: 'Anguilla', abbreviation: 'AI' },
     '662': { name: 'Saint Lucia', abbreviation: 'LC' },
@@ -322,7 +328,7 @@ export function USMap({ theme, data, xAxisField, xAxisFormat, yAxisFields, onCli
     // These must be dynamically loaded as they are not available as CommonJS modules.
     const [scaleLog, setScaleLog] = useState(null);
     useEffect(() => {
-        import("d3-scale").then((scale) => {
+        import('d3-scale').then((scale) => {
             setScaleLog(() => scale.scaleLog);
         });
     }, []);
@@ -355,24 +361,34 @@ export function USMap({ theme, data, xAxisField, xAxisFormat, yAxisFields, onCli
             colors[0];
         return scaleLog()
             .domain([minValue, maxValue])
-            .range([gradientStart ?? "#f7fbff", gradientStop ?? "#08306b"]);
-    }, [mappedData, measureField, colorMap, yAxisFields, xAxisField, colors, scaleLog]);
+            .range([gradientStart ?? '#f7fbff', gradientStop ?? '#08306b']);
+    }, [
+        mappedData,
+        measureField,
+        colorMap,
+        yAxisFields,
+        xAxisField,
+        colors,
+        scaleLog,
+    ]);
     const hoveredValue = useMemo(() => {
-        return !hoveredState ? undefined : mappedData[fipsToNames[hoveredState]?.abbreviation ?? '']?.[measureField] ??
-            mappedData[fipsToNames[hoveredState]?.name ?? '']?.[measureField] ??
-            mappedData[fipsToNames[hoveredState]?.abbreviation?.toLowerCase() ?? '']?.[measureField] ??
-            mappedData[fipsToNames[hoveredState]?.name?.toLowerCase() ?? '']?.[measureField];
+        return !hoveredState
+            ? undefined
+            : (mappedData[fipsToNames[hoveredState]?.abbreviation ?? '']?.[measureField] ??
+                mappedData[fipsToNames[hoveredState]?.name ?? '']?.[measureField] ??
+                mappedData[fipsToNames[hoveredState]?.abbreviation?.toLowerCase() ?? '']?.[measureField] ??
+                mappedData[fipsToNames[hoveredState]?.name?.toLowerCase() ?? '']?.[measureField]);
     }, [hoveredState, mappedData, measureField]);
     return (_jsxs("div", { ref: containerRef, className: className, style: {
-            width: "100%",
-            height: "auto",
+            width: '100%',
+            height: 'auto',
             marginTop: '-6.5%',
             zIndex: 0,
             ...containerStyle,
-            position: "relative",
+            position: 'relative',
         }, children: [_jsx(ComposableMap, { projection: "geoAlbersUsa", children: _jsx(MapLayout, { hoveredRegion: hoveredState, setHoveredRegion: setHoveredState, setHoveredCoords: setHoveredCoords, containerRef: containerRef, mappedData: mappedData, measureField: measureField, colorScale: colorScale, onClickChartElement: onClickChartElement, regionNames: fipsToNames, geographyUrl: statesUrl }) }), hoveredCoords && hoveredState && (_jsx("div", { style: {
-                    position: "absolute",
-                    pointerEvents: "none",
+                    position: 'absolute',
+                    pointerEvents: 'none',
                     left: hoveredCoords[0],
                     top: hoveredCoords[1],
                 }, children: _jsxs(ChartTooltipFrame, { theme: theme, children: [_jsx("div", { style: {
@@ -425,7 +441,7 @@ export function WorldMap({ theme, data, xAxisField, xAxisFormat, yAxisFields, on
     // These must be dynamically loaded as they are not available as CommonJS modules.
     const [scaleLog, setScaleLog] = useState(null);
     useEffect(() => {
-        import("d3-scale").then((scale) => {
+        import('d3-scale').then((scale) => {
             setScaleLog(() => scale.scaleLog);
         });
     }, []);
@@ -458,25 +474,35 @@ export function WorldMap({ theme, data, xAxisField, xAxisFormat, yAxisFields, on
             colors[0];
         return scaleLog()
             .domain([minValue, maxValue])
-            .range([gradientStart ?? "#f7fbff", gradientStop ?? "#08306b"]);
-    }, [mappedData, measureField, colorMap, yAxisFields, xAxisField, colors, scaleLog]);
+            .range([gradientStart ?? '#f7fbff', gradientStop ?? '#08306b']);
+    }, [
+        mappedData,
+        measureField,
+        colorMap,
+        yAxisFields,
+        xAxisField,
+        colors,
+        scaleLog,
+    ]);
     const hoveredValue = useMemo(() => {
-        return !hoveredCountry ? undefined : mappedData[isoToNames[hoveredCountry]?.abbreviation ?? '']?.[measureField] ??
-            mappedData[isoToNames[hoveredCountry]?.name ?? '']?.[measureField] ??
-            mappedData[isoToNames[hoveredCountry]?.abbreviation?.toLowerCase() ?? '']?.[measureField] ??
-            mappedData[isoToNames[hoveredCountry]?.name?.toLowerCase() ?? '']?.[measureField];
+        return !hoveredCountry
+            ? undefined
+            : (mappedData[isoToNames[hoveredCountry]?.abbreviation ?? '']?.[measureField] ??
+                mappedData[isoToNames[hoveredCountry]?.name ?? '']?.[measureField] ??
+                mappedData[isoToNames[hoveredCountry]?.abbreviation?.toLowerCase() ?? '']?.[measureField] ??
+                mappedData[isoToNames[hoveredCountry]?.name?.toLowerCase() ?? '']?.[measureField]);
     }, [hoveredCountry, mappedData, measureField]);
     return (_jsxs("div", { ref: containerRef, className: className, style: {
-            width: "100%",
-            height: "auto",
+            width: '100%',
+            height: 'auto',
             marginTop: '-5%',
             marginBottom: '-6.5%',
             zIndex: 0,
             ...containerStyle,
-            position: "relative",
+            position: 'relative',
         }, children: [_jsx(ComposableMap, { projection: "geoEqualEarth", children: _jsx(MapLayout, { hoveredRegion: hoveredCountry, setHoveredRegion: setHoveredCountry, setHoveredCoords: setHoveredCoords, containerRef: containerRef, mappedData: mappedData, measureField: measureField, colorScale: colorScale, onClickChartElement: onClickChartElement, geographyUrl: countriesUrl, regionNames: isoToNames }) }), hoveredCoords && hoveredCountry && (_jsx("div", { style: {
-                    position: "absolute",
-                    pointerEvents: "none",
+                    position: 'absolute',
+                    pointerEvents: 'none',
                     left: hoveredCoords[0],
                     top: hoveredCoords[1],
                 }, children: _jsxs(ChartTooltipFrame, { theme: theme, children: [_jsx("div", { style: {
@@ -522,7 +548,7 @@ function MapLayout({ geographyUrl, hoveredRegion, setHoveredRegion, setHoveredCo
     // These must be dynamically loaded as they are not available as CommonJS modules.
     const [geoCentroid, setGeoCentroid] = useState(null);
     useEffect(() => {
-        import("d3-geo").then((geo) => {
+        import('d3-geo').then((geo) => {
             setGeoCentroid(() => geo.geoCentroid);
         });
     }, []);
@@ -532,16 +558,18 @@ function MapLayout({ geographyUrl, hoveredRegion, setHoveredRegion, setHoveredCo
                 mappedData[regionNames[geo.id]?.name ?? ''] ??
                 mappedData[regionNames[geo.id]?.abbreviation?.toLowerCase() ?? ''] ??
                 mappedData[regionNames[geo.id]?.name?.toLowerCase() ?? ''];
-            const value = regionData ? parseFloat(regionData[measureField]) : null;
-            const fill = value != null ? colorScale(value) : "#D6D6DA";
-            return _jsx(Geography, { geography: geo, fill: fill, stroke: "#FFFFFF", strokeWidth: 0.5, onMouseEnter: () => {
+            const value = regionData
+                ? parseFloat(regionData[measureField])
+                : null;
+            const fill = value != null ? colorScale(value) : '#D6D6DA';
+            return (_jsx(Geography, { geography: geo, fill: fill, stroke: "#FFFFFF", strokeWidth: 0.5, onMouseEnter: () => {
                     if (!geoCentroid)
                         return;
                     const centroid = geoCentroid(geo);
                     const projected = projection(centroid);
                     if (projected && containerRef.current) {
                         const [x, y] = projected;
-                        const svg = containerRef.current.querySelector("svg");
+                        const svg = containerRef.current.querySelector('svg');
                         if (svg) {
                             const svgRect = svg.getBoundingClientRect();
                             const viewBoxWidth = 800, viewBoxHeight = 600;
@@ -561,6 +589,6 @@ function MapLayout({ geographyUrl, hoveredRegion, setHoveredRegion, setHoveredCo
                     if (regionData) {
                         onClickChartElement?.(regionData);
                     }
-                } }, geo.id + index.toString());
+                } }, geo.id + index.toString()));
         }) }));
 }

package/dist/esm/components/Chart/PieChart.d.ts

@@ -29,11 +29,13 @@ export declare const ChartTooltipFrame: ({ children, theme, }: {
 }) => import("react/jsx-runtime").JSX.Element;
 export interface ChartTooltipRowProps {
     value: string;
+    rawValue?: string;
+    valueKey?: string;
     name: string;
     color: Color;
     theme: any;
 }
-export declare const ChartTooltipRow: ({ value, name, color, theme, }: ChartTooltipRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChartTooltipRow: ({ value, rawValue, valueKey, name, color, theme, }: ChartTooltipRowProps) => import("react/jsx-runtime").JSX.Element;
 export interface DonutChartTooltipProps {
     active: boolean | undefined;
     payload: any;

package/dist/esm/components/Chart/PieChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/PieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,iBAAiB,6DAMb,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE9D,QAAA,MAAM,eAAe,wFAMX,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,QAAA,MAAM,UAAU,yCAA0C,CAAC;AAE3D,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/C,QAAA,MAAM,WAAW,gNAuBP,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD,QAAA,MAAM,oBAAoB,oEAOhB,CAAC;AACX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,QAAA,MAAM,gBAAgB,4DAMZ,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,aAAa,GAAG,aAAa,CAAC;AAE1E,eAAO,MAAM,qBAAqB,EAAE,cACN,CAAC;AAE/B,eAAO,MAAM,eAAe,QAAS,MAAM,EAAE,WACO,CAAC;AAErD,eAAO,MAAM,SAAS,SACd,GAAG,EAAE,UACH,MAAM,EAAE,eACH,MAAM,YACT,MAAM,UAuDjB,CAAC;AAKF,eAAO,MAAM,eAAe,eACd,MAAM,GAAG,SAAS,kBACd,cAAc,QACxB,GAAG,EAAE,YACD,MAAM,WAIyC,CAAC;AAE5D,eAAO,MAAM,iBAAiB,yBAG3B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,UAAU,CAAC;CACnB,4CAeA,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,eAAe,mCAKzB,oBAAoB,4CA+DtB,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,iBAAiB,gDAK3B,sBAAsB,mDAwBxB,CAAC;AAEF,KAAK,iBAAiB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEzC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,eAAe,wFAuGpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/PieChart.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Chart/PieChart.js

@@ -67,11 +67,13 @@ export const parseData = (data, colors, categoryKey, valueKey) => {
     //   .toNumber(),
     acc + parseFloat(dataPoint[valueKey] ?? '0'), 0);
     slicedData.forEach((dataPoint) => {
+        const rawValue = parseFloat(dataPoint[valueKey] ?? '0');
         dataPoint[valueKey] = totalValue
-            ? (Number(dataPoint[valueKey]) * 100) / totalValue
+            ? (rawValue * 100) / totalValue
             : data.length > maxItems
                 ? 100 / (maxItems + 1)
                 : 100 / slicedData.length; // if totalValue is 0, divide datapoints evenly
+        dataPoint[`raw_${valueKey}`] = parseFloat(rawValue.toFixed(2));
     });
     const parsedData = slicedData.map((dataPoint, idx) => {
         const baseColor = idx < colors.length ? colors[idx] : colors[colors.length - 1];
@@ -95,6 +97,7 @@ export const parseData = (data, colors, categoryKey, valueKey) => {
         parsedData.push({
             [categoryKey]: 'Other',
             [valueKey]: normalizedOtherSum,
+            [`raw_${valueKey}`]: parseFloat(otherSum.toFixed(2)),
             color: otherColor,
             fill: otherColor,
         });
@@ -114,56 +117,94 @@ export const ChartTooltipFrame = ({ children, theme, }) => (_jsx("div", { style:
         borderRadius: '6px',
         boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
     }, children: children }));
-export const ChartTooltipRow = ({ value, name, color, theme, }) => (_jsxs("div", { style: {
+export const ChartTooltipRow = ({ value, rawValue, valueKey, name, color, theme, }) => (_jsxs("div", { style: {
         display: 'flex',
-        gap: 8,
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        minWidth: 120,
-    }, children: [_jsxs("div", { style: {
+        flexDirection: 'column',
+        gap: 2,
+        minWidth: 150,
+        position: 'relative',
+    }, children: [_jsx("span", { style: {
+                position: 'absolute',
+                top: '50%',
+                transform: 'translateY(-50%)',
+            }, children: _jsx("span", { style: {
+                    background: color,
+                    borderWidth: 2,
+                    borderStyle: 'solid',
+                    borderColor: 'white',
+                    height: '8px',
+                    width: '8px',
+                    display: 'block',
+                    boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+                    borderRadius: '9999px',
+                } }) }), _jsx("div", { style: {
                 display: 'flex',
                 alignItems: 'center',
+                width: '100%',
+                paddingLeft: '24px',
+            }, children: _jsxs("span", { style: {
+                    flex: 1,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                }, children: [_jsx("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            marginRight: '24px',
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                            minWidth: '60px',
+                        }, children: name }), _jsx("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                            minWidth: '40px',
+                            textAlign: 'right',
+                        }, children: value })] }) }), (rawValue || valueKey) && (_jsx("div", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                width: '100%',
+                paddingLeft: '24px',
                 justifyContent: 'space-between',
-            }, children: [_jsx("span", { style: {
-                        background: color,
-                        borderWidth: 2,
-                        borderStyle: 'solid',
-                        borderColor: 'white',
-                        height: '8px',
-                        width: '8px',
-                        boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
-                        borderRadius: '9999px',
-                        marginRight: 5,
-                    } }), _jsx("p", { style: {
-                        marginTop: 0,
-                        marginBottom: 0,
-                        fontFamily: theme?.fontFamily,
-                        color: theme?.primaryTextColor,
-                        paddingTop: 2,
-                        paddingBottom: 2,
-                        fontSize: theme?.fontSizeSmall || '14px',
-                        fontWeight: theme?.fontWeightMedium || '500',
-                    }, children: value })] }), _jsx("p", { style: {
-                marginTop: 0,
-                marginBottom: 0,
-                fontFamily: theme?.fontFamily,
-                color: theme?.secondaryTextColor,
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                textAlign: 'right',
-                fontSize: theme?.fontSizeSmall || '14px',
-                fontWeight: theme?.fontWeightNormal || '400',
-            }, children: name })] }));
+            }, children: _jsxs("span", { style: {
+                    flex: 1,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                }, children: [_jsx("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            marginRight: '24px',
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                            minWidth: '60px',
+                        }, children: valueKey }), _jsx("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                            minWidth: '40px',
+                            textAlign: 'right',
+                        }, children: rawValue })] }) }))] }));
 export const DonutChartTooltip = ({ active, payload, valueFormatter, theme, }) => {
     if (active && payload[0]) {
         const payloadRow = payload[0];
+        const rawValue = payloadRow.payload[`raw_${payloadRow.dataKey}`];
         return (_jsx(ChartTooltipFrame, { theme: theme, children: _jsx("div", { style: {
                     paddingLeft: '1rem',
                     paddingRight: '1rem',
                     paddingTop: '8px',
                     paddingBottom: '8px',
-                }, children: _jsx(ChartTooltipRow, { value: valueFormatter(payloadRow.value), name: payloadRow.name, color: payloadRow.payload.color, theme: theme }) }) }));
+                }, children: _jsx(ChartTooltipRow, { value: valueFormatter(payloadRow.value), rawValue: rawValue ? rawValue.toString() : undefined, valueKey: payloadRow.dataKey, name: payloadRow.name, color: payloadRow.payload.color, theme: theme }) }) }));
     }
     return null;
 };

package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map

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

package/dist/esm/components/Dashboard/DashboardFilter.js

@@ -1,34 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { COMPARISON_OPTIONS, PRIMARY_RANGE, } from '../../DateRangePicker/dateRangePickerUtils';
+import { COMPARISON_OPTIONS } from '../../DateRangePicker/dateRangePickerUtils';
 import { QuillDateRangePicker, } from '../../DateRangePicker/QuillDateRangePicker';
 import { QuillMultiSelectComponentWithCombo } from '../QuillMultiSelectWithCombo';
 import { QuillSelectComponentWithCombo } from '../QuillSelectWithCombo';
 export function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectComponentWithCombo, DateRangePickerComponent = QuillDateRangePicker, theme, isLoading, disabled, containerStyle, }) {
     const preset = useMemo(() => {
-        if (('preset' in filter || 'primaryRange' in filter) &&
-            'startDate' in filter &&
-            'endDate' in filter) {
-            if (!filter.preset && !filter.primaryRange)
-                return '';
-            if (!filter.startDate || !filter.endDate)
-                return filter.preset?.value ?? filter.primaryRange.value;
-            const presetRange = filter.presetRanges?.find((range) => range.value === (filter.preset?.value ?? filter.primaryRange.value)) ?? PRIMARY_RANGE[filter.preset?.value ?? filter.primaryRange.value];
-            if (!presetRange)
-                return filter.preset?.value ?? filter.primaryRange.value;
-            // if (
-            //   presetRange.startDate !== filter.startDate ||
-            //   presetRange.endDate !== filter.endDate
-            // ) {
-            //   return '';
-            // }
+        if ('preset' in filter && 'primaryRange' in filter) {
             return filter.preset?.value ?? filter.primaryRange.value;
         }
-        return '';
+        else {
+            return '';
+        }
     }, [filter]);
-    // if (!filter.options && !isLoading && !(filter.filterType === 'date_range')) {
-    //   return null;
-    // }
     if (filter.filterType === 'string') {
         if (filter.stringFilterType === 'multiselect') {
             return (_jsx("div", { style: containerStyle, children: _jsx(MultiSelectComponent, { label: filter.label, value: filter.values ?? [], onChange: (e) => {

package/dist/esm/components/Dashboard/DashboardSection.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import { ThemeContext } from "../../Context";
+import { useContext } from 'react';
+import { ThemeContext } from '../../Context';
 export default function DashboardSection({ section, children, }) {
     const [theme] = useContext(ThemeContext);
     return (_jsxs(_Fragment, { children: [section && (_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsx("h1", { style: {

package/dist/esm/components/Dashboard/DashboardTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardTemplate.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,IAAI,EACJ,eAAe,EACf,MAAM,EACN,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,uBAAuB,EAAE,GAAG,CAAC;IAC7B,sBAAsB,EAAE,GAAG,CAAC;IAC5B,eAAe,EAAE,GAAG,CAAC;CACtB,kDAyGA"}
+{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardTemplate.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,IAAI,EACJ,eAAe,EACf,MAAM,EACN,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,uBAAuB,EAAE,GAAG,CAAC;IAC7B,sBAAsB,EAAE,GAAG,CAAC;IAC5B,eAAe,EAAE,GAAG,CAAC;CACtB,kDA2GA"}

package/dist/esm/components/Dashboard/DashboardTemplate.js

@@ -2,10 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useState } from 'react';
 import { addTemplatesToDashboard, validateTemplatesAgainstFilters, } from './util';
 import { useDashboard } from '../../hooks/useDashboard';
-import { DashboardConfigContext } from '../../Context';
+import { DashboardConfigContext, FetchContext } from '../../Context';
 import Dashboard from '../../Dashboard';
 export default function QuillDashboardTemplate({ name, originDashboard, client, appliedFilters, ModalComponent, TemplateChartComponent, TemplateMetricComponent, TemplateTableComponent, ButtonComponent, }) {
     const { isLoading, data } = useDashboard(name ?? '');
+    const { getToken } = useContext(FetchContext);
     const { dashboardConfig, dashboardConfigDispatch } = useContext(DashboardConfigContext);
     const [addItemModalIsOpen, setAddItemModalIsOpen] = useState(false);
     const [selectedTemplates, setSelectedTemplates] = useState([]);
@@ -23,7 +24,7 @@ export default function QuillDashboardTemplate({ name, originDashboard, client,
             setAddItemModalIsOpen(false);
             const newTemplates = selectedTemplates;
             setSelectedTemplates([]);
-            const newData = await addTemplatesToDashboard(originDashboard, newTemplates, client, dashboardConfig);
+            const newData = await addTemplatesToDashboard(originDashboard, newTemplates, client, dashboardConfig, getToken);
             if (newData) {
                 // Dispatch the action to update the dashboard state
                 dashboardConfigDispatch({

package/dist/esm/components/Dashboard/DataLoader.d.ts

@@ -14,13 +14,13 @@ export type DataLoaderChildProps = {
     rowCount?: number;
     rowCountIsLoading?: boolean;
 };
-export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propogateChanges, }: {
+export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propagateChanges, }: {
     item: QuillReportInternal;
     filters: DashboardFilter[];
     userFilters?: InternalFilter[];
     additionalProcessing: AdditionalProcessing;
     dashboardName?: string;
-    propogateChanges?: boolean;
+    propagateChanges?: boolean;
     children: ({ isLoading, error, onPageChange, onSortChange, data, }: DataLoaderChildProps) => JSX.Element;
 }): JSX.Element;
 type ColorMapType = {
@@ -41,7 +41,7 @@ export type ChartDataLoaderChildProps = {
     rowCount?: number;
     rowCountIsLoading?: boolean;
 };
-export declare const ChartDataLoader: ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propogateChanges, }: {
+export declare const ChartDataLoader: ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propagateChanges, }: {
     item: QuillReportInternal;
     dateBucket?: string;
     mapColorsToFields?: (_report: QuillReport, _theme: QuillTheme) => ColorMapType;
@@ -49,7 +49,7 @@ export declare const ChartDataLoader: ({ item, children, dateBucket, additionalP
     filters: DashboardFilter[];
     userFilters?: InternalFilter[];
     dashboardName?: string;
-    propogateChanges?: boolean;
+    propagateChanges?: boolean;
     children: ({ isLoading, error, data, dateBucket, rowCount, rowCountIsLoading, }: ChartDataLoaderChildProps) => JSX.Element;
 }) => JSX.Element;
 export {};

package/dist/esm/components/Dashboard/DataLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAajD,OAAO,EACL,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA4BtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AA+KF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,oBAAoB,EAAE,2BAA2B,EACjD,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA8Vd;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,eAAe,iHASzB;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,KACf,YAAY,CAAC;IAClB,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC9C,KAAG,GAAG,CAAC,OAiLP,CAAC"}
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAajD,OAAO,EACL,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA4BtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AA6KF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,oBAAoB,EAAE,2BAA2B,EACjD,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CAwWd;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,eAAe,iHASzB;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,KACf,YAAY,CAAC;IAClB,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC9C,KAAG,GAAG,CAAC,OAyLP,CAAC"}