@quillsql/react 2.15.2 → 2.15.4

package/dist/cjs/components/Chart/ChartTooltipRow.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ChartTooltipRow;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function ChartTooltipRow({ value, name, color, theme, hideDot = false, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            marginRight: '24px',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            width: '100%',
-            paddingTop: 2,
-            paddingBottom: 2,
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center' }, children: [!hideDot && ((0, jsx_runtime_1.jsx)("span", { style: {
-                            background: color,
-                            borderWidth: 2,
-                            borderStyle: 'solid',
-                            borderColor: 'white',
-                            boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-                            height: '12px',
-                            width: '12px',
-                            borderRadius: 100,
-                            marginRight: 6,
-                            boxSizing: 'border-box',
-                        } })), (0, jsx_runtime_1.jsx)("p", { style: {
-                            marginTop: 0,
-                            marginBottom: 0,
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            fontSize: theme?.fontSizeSmall || '14px',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                        }, children: value })] }), (0, jsx_runtime_1.jsx)("p", { style: {
-                    marginTop: 0,
-                    marginBottom: 0,
-                    fontFamily: theme?.fontFamily,
-                    color: theme?.secondaryTextColor,
-                    textAlign: 'right',
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    fontSize: theme?.fontSizeSmall || '14px',
-                    fontWeight: theme?.fontWeightNormal || '400',
-                }, children: name })] }));
-}

package/dist/cjs/components/Chart/CustomBar.d.ts

@@ -1,18 +0,0 @@
-import { QuillTheme } from '../../QuillProvider';
-interface CustomBarProps {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    fill: string;
-    payload?: Record<string, any>;
-    dataKey?: string;
-    yAxisFields?: Array<{
-        field: string;
-    }>;
-    cornerRadius?: number;
-    theme?: QuillTheme;
-}
-declare const CustomBar: import("react").MemoExoticComponent<(props: CustomBarProps) => import("react/jsx-runtime").JSX.Element | null>;
-export default CustomBar;
-//# sourceMappingURL=CustomBar.d.ts.map

package/dist/cjs/components/Chart/CustomBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/CustomBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,UAAU,cAAc;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAyCD,QAAA,MAAM,SAAS,8CAAgB,cAAc,oDA0D3C,CAAC;AAIH,eAAe,SAAS,CAAC"}

package/dist/cjs/components/Chart/CustomBar.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-function isTopMostBarWithValue(yAxisFields, dataKey, payload) {
-    if (!dataKey || !yAxisFields.length)
-        return false;
-    // Find the topmost field with a non-zero value
-    for (let i = yAxisFields.length - 1; i >= 0; i--) {
-        const field = yAxisFields[i]?.field;
-        const value = payload[field ?? ''];
-        if (value != null && value !== 0) {
-            return field === dataKey;
-        }
-    }
-    return false;
-}
-function createRoundedPath(x, y, width, height, radius, roundTop) {
-    const r = Math.min(radius, width / 2, height / 2);
-    if (roundTop) {
-        return `M ${x + r} ${y} h ${width - 2 * r} q ${r} 0 ${r} ${r} v ${height - r} h -${width} v -${height - r} q 0 -${r} ${r} -${r} z`
-            .replace(/\s+/g, ' ')
-            .trim();
-    }
-    else {
-        return `M ${x} ${y} h ${width} v ${height - r} q 0 ${r} -${r} ${r} h -${width + 2 * r} q -${r} 0 -${r} -${r} v -${height - r} z`
-            .replace(/\s+/g, ' ')
-            .trim();
-    }
-}
-const CustomBar = (0, react_1.memo)((props) => {
-    const { x, y, width, height, fill, yAxisFields = [], dataKey, payload = {}, theme, } = props;
-    if (width <= 0 || height === 0) {
-        return null;
-    }
-    const customCornerRadius = theme?.barChartCornerRadius ??
-        (theme?.barChartCornerRadiusRatio
-            ? theme?.barChartCornerRadiusRatio * width
-            : undefined);
-    const shouldRoundCorners = (0, react_1.useMemo)(() => {
-        return customCornerRadius !== undefined
-            ? customCornerRadius > 0
-            : isTopMostBarWithValue(yAxisFields, dataKey, payload);
-    }, [customCornerRadius, yAxisFields, dataKey, payload]);
-    const radius = (0, react_1.useMemo)(() => {
-        return shouldRoundCorners
-            ? Math.min(customCornerRadius || width * 0.1, width / 2, Math.abs(height) / 2)
-            : 0;
-    }, [shouldRoundCorners, customCornerRadius, width, height]);
-    // Handle both positive and negative heights
-    const isNegative = height < 0;
-    const absHeight = Math.abs(height);
-    const startY = isNegative ? y : y;
-    const endY = isNegative ? y + height : y + height;
-    const path = (0, react_1.useMemo)(() => {
-        if (isNegative) {
-            return radius > 0
-                ? createRoundedPath(x, startY, width, absHeight, radius, false)
-                : `M ${x} ${startY} h ${width} v ${height} h -${width} z`;
-        }
-        else {
-            return radius > 0
-                ? createRoundedPath(x, endY - absHeight, width, absHeight, radius, true)
-                : `M ${x} ${endY} h ${width} v -${absHeight} h -${width} z`;
-        }
-    }, [x, startY, endY, width, height, absHeight, radius, isNegative]);
-    return (0, jsx_runtime_1.jsx)("path", { d: path, fill: fill });
-});
-CustomBar.displayName = 'CustomBar';
-exports.default = CustomBar;

package/dist/cjs/components/Chart/CustomLegend.d.ts

@@ -1,2 +0,0 @@
-export declare const RenderLegend: (props: any) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CustomLegend.d.ts.map

package/dist/cjs/components/Chart/CustomLegend.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/CustomLegend.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,GAAI,OAAO,GAAG,4CAwCtC,CAAC"}

package/dist/cjs/components/Chart/CustomLegend.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderLegend = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Context_1 = require("../../Context");
-const RenderLegend = (props) => {
-    const { payload } = props;
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', justifyContent: 'flex-start' }, children: payload.map((entry, index) => ((0, jsx_runtime_1.jsxs)("div", { style: {
-                display: 'flex',
-                alignItems: 'center',
-                marginRight: '1rem',
-            }, children: [(0, jsx_runtime_1.jsx)("svg", { style: { marginRight: '0.5rem' }, width: "16", height: "16", viewBox: "0 0 16 16", children: (0, jsx_runtime_1.jsx)("rect", { width: "16", height: "16", rx: "3", fill: payload?.[index]?.color }) }), (0, jsx_runtime_1.jsx)("span", { style: {
-                        color: theme?.secondaryTextColor,
-                        fontFamily: theme?.fontFamily,
-                        fontSize: theme?.fontSizeMedium || '14px',
-                    }, children: entry.value })] }, `legend-${index}`))) }));
-};
-exports.RenderLegend = RenderLegend;

package/dist/cjs/components/Chart/CustomReferenceLine.d.ts

@@ -1,2 +0,0 @@
-export default function CustomReferenceLine({ xAxisMap, yAxisMap, referenceLine, label, color, }: any): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=CustomReferenceLine.d.ts.map

package/dist/cjs/components/Chart/CustomReferenceLine.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomReferenceLine.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/CustomReferenceLine.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,KAAK,EACL,KAAK,GACN,EAAE,GAAG,kDA6EL"}

package/dist/cjs/components/Chart/CustomReferenceLine.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = CustomReferenceLine;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const constants_1 = require("../../utils/constants");
-function CustomReferenceLine({ xAxisMap, yAxisMap, referenceLine, label, color, }) {
-    const xAxisKey = Object.keys(xAxisMap)[0];
-    const yAxisKey = Object.keys(yAxisMap)[0];
-    if (!xAxisKey || !yAxisKey)
-        return null;
-    const xMin = xAxisMap[xAxisKey].scale.range()[0];
-    const xMax = xAxisMap[xAxisKey].scale.range()[1];
-    const yScale = yAxisMap[yAxisKey].scale;
-    const y1 = yScale(referenceLine[0]);
-    const y2 = yScale(referenceLine[1]);
-    const textY = yScale(referenceLine[referenceLine.length - 1]) - 5;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [referenceLine.length === 2 && ((0, jsx_runtime_1.jsx)("line", { x1: xMin, y1: y1, x2: xMax, y2: y2, stroke: color || 'gray', strokeDasharray: "5 5", strokeWidth: 1, pointerEvents: "none" })), referenceLine.length > 2 &&
-                referenceLine.slice(1).map((point, index) => {
-                    const x1 = xMin + (xMax - xMin) * (index / (referenceLine.length - 1));
-                    const x2 = xMin + (xMax - xMin) * ((index + 1) / (referenceLine.length - 1));
-                    return ((0, jsx_runtime_1.jsx)("line", { x1: x1, y1: yScale(referenceLine[index]), x2: x2, y2: yScale(point), stroke: color || 'gray', strokeDasharray: "5 5", strokeWidth: 1, pointerEvents: "none" }, index));
-                }), (0, jsx_runtime_1.jsxs)("text", { x: xMax - 5, y: textY, fontSize: "12", fill: color || 'gray', 
-                // stroke="white"
-                strokeWidth: 0.4, strokeLinejoin: "round", paintOrder: "stroke fill", fontWeight: "light", textAnchor: "end", z: 10000, children: [label === constants_1.REFERENCE_LINE ? '' : label, ' ', referenceLine.length > 2
-                        ? ''
-                        : `(${referenceLine[0] === referenceLine[1] ? referenceLine[0] : referenceLine.join(', ')})`] })] }));
-}

package/dist/cjs/components/Chart/GaugeChart.d.ts

@@ -1,11 +0,0 @@
-import 'd3-transition';
-import { AxisFormat } from '../../Dashboard';
-export default function GaugeChart({ data, xAxisField, xAxisFormat, containerStyle, colors, isAnimationActive, }: {
-    data: any[];
-    xAxisField: string;
-    xAxisFormat: AxisFormat;
-    containerStyle?: React.CSSProperties;
-    colors: string[];
-    isAnimationActive?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=GaugeChart.d.ts.map

package/dist/cjs/components/Chart/GaugeChart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GaugeChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/GaugeChart.tsx"],"names":[],"mappings":"AAOA,OAAO,eAAe,CAAC;AAGvB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,UAAU,EACV,WAAW,EACX,cAAc,EACd,MAAM,EACN,iBAAwB,GACzB,EAAE;IACD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,2CAiBA"}

package/dist/cjs/components/Chart/GaugeChart.js

@@ -1,277 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = GaugeChart;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-// import { arc } from 'd3-shape';
-// import { interpolate } from 'd3-interpolate';
-// import { select } from 'd3-selection';
-// These two are just for type checking
-require("d3-transition");
-const axisFormatter_1 = require("../../utils/axisFormatter");
-function GaugeChart({ data, xAxisField, xAxisFormat, containerStyle, colors, isAnimationActive = true, }) {
-    const percentage = parseFloat(data[0]?.[xAxisField]) || 0;
-    const normalizedPercentage = ['whole_number', 'two_decimal_places'].includes(xAxisFormat)
-        ? Math.max(Math.min(percentage / 100, 1), 0)
-        : Math.max(Math.min(percentage, 1), 0);
-    return ((0, jsx_runtime_1.jsx)(D3Gauge, { percentage: normalizedPercentage, xAxisFormat: xAxisFormat, containerStyle: { ...containerStyle }, colors: colors, isAnimationActive: isAnimationActive }));
-}
-function D3Gauge({ percentage, containerStyle, xAxisFormat, colors, isAnimationActive, }) {
-    const containerRef = (0, react_1.useRef)(null);
-    const svgRef = (0, react_1.useRef)(null);
-    const gaugeGroupRef = (0, react_1.useRef)(null);
-    const needleRef = (0, react_1.useRef)(null);
-    const needleOutlineRef = (0, react_1.useRef)(null);
-    const textRef = (0, react_1.useRef)(null);
-    const previousPercentageRef = (0, react_1.useRef)(0);
-    const firstMountRef = (0, react_1.useRef)(true);
-    // Gauge arc from -135° to +135°
-    const startAngle = -(3 * Math.PI) / 4;
-    const totalAngle = (3 * Math.PI) / 2;
-    // We need to dynamically import d3 to avoid cjs/esm issues.
-    const [arc, setArc] = (0, react_1.useState)(null);
-    const [interpolate, setInterpolate] = (0, react_1.useState)(null);
-    const [select, setSelect] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        Promise.resolve().then(() => __importStar(require('d3-shape'))).then(({ arc }) => {
-            setArc(() => arc);
-        });
-        Promise.resolve().then(() => __importStar(require('d3-interpolate'))).then(({ interpolate }) => {
-            setInterpolate(() => interpolate);
-        });
-        Promise.resolve().then(() => __importStar(require('d3-selection'))).then(({ select }) => {
-            setSelect(() => select);
-        });
-    }, []);
-    // --- Initialization ---
-    (0, react_1.useEffect)(() => {
-        if (!containerRef.current || !select)
-            return;
-        const container = containerRef.current;
-        select(container).select('svg').remove();
-        svgRef.current = select(container)
-            // Let CSS control the size.
-            .append('svg')
-            .attr('width', '100%')
-            .attr('height', '100%')
-            .attr('preserveAspectRatio', 'xMidYMid meet');
-        // .style('display', 'block')
-        // .style('margin', '0 auto');
-        // Create one main group for all gauge elements.
-        gaugeGroupRef.current = svgRef.current.append('g');
-        // Append placeholder arc segments.
-        for (let i = 0; i < 3; i++) {
-            gaugeGroupRef.current.append('path').attr('class', `arc-seg seg${i}`);
-        }
-        // Create needle outline and needle.
-        needleOutlineRef.current = gaugeGroupRef.current
-            .append('line')
-            .attr('stroke', 'white')
-            .attr('stroke-width', 8)
-            .attr('stroke-linecap', 'round');
-        needleRef.current = gaugeGroupRef.current
-            .append('line')
-            .attr('stroke', 'black')
-            .attr('stroke-width', 4)
-            .attr('stroke-linecap', 'round');
-        // Create text label.
-        textRef.current = gaugeGroupRef.current
-            .append('text')
-            .attr('class', 'gauge-label')
-            .attr('text-anchor', 'middle')
-            .attr('fill', '#000')
-            .attr('font-weight', '500')
-            .text(`${Math.round(percentage * 100)}%`);
-        return () => {
-            svgRef.current?.remove();
-            svgRef.current = null;
-        };
-    }, [colors, select]);
-    // --- Update & Resize ---
-    (0, react_1.useEffect)(() => {
-        if (!containerRef.current ||
-            !svgRef.current ||
-            !gaugeGroupRef.current ||
-            !needleRef.current ||
-            !needleOutlineRef.current ||
-            !textRef.current ||
-            !arc ||
-            !interpolate ||
-            !select)
-            return;
-        // Use getBoundingClientRect() so we get accurate dimensions.
-        const rect = containerRef.current.getBoundingClientRect();
-        const cw = rect.width;
-        const ch = rect.height;
-        // Our desired gauge has a 1:1.2 (height:width) ratio.
-        // We choose gaugeHeight as the smaller of ch and (cw / 1.2)
-        const gaugeHeight = Math.min(ch, cw / 1.2);
-        const gaugeWidth = gaugeHeight * 1.2;
-        const radius = gaugeHeight / 2;
-        const innerRadius = radius * 0.6;
-        // const arcWidth = radius - innerRadius;
-        // Vertical offset to visually center the 270° arc.
-        const verticalOffset = gaugeHeight * 0.05;
-        // Update viewBox so our internal coordinates scale.
-        svgRef.current.attr('viewBox', `0 0 ${gaugeWidth} ${gaugeHeight}`);
-        // Center the gauge group.
-        gaugeGroupRef.current.attr('transform', `translate(${gaugeWidth / 2}, ${gaugeHeight / 2 + verticalOffset})`);
-        // Draw the arc segments.
-        const segments = [
-            {
-                start: startAngle,
-                end: startAngle + totalAngle / 3,
-                color: colors[1] || 'red',
-            },
-            {
-                start: startAngle + totalAngle / 3,
-                end: startAngle + (2 * totalAngle) / 3,
-                color: colors[3] || 'yellow',
-            },
-            {
-                start: startAngle + (2 * totalAngle) / 3,
-                end: startAngle + totalAngle,
-                color: colors[2] || 'green',
-            },
-        ];
-        const arcGenerator = arc().innerRadius(innerRadius).outerRadius(radius);
-        segments.forEach((seg, i) => {
-            gaugeGroupRef.current
-                ?.select(`.arc-seg.seg${i}`)
-                .attr('d', arcGenerator({
-                innerRadius,
-                outerRadius: radius,
-                startAngle: seg.start,
-                endAngle: seg.end,
-            }) || '')
-                .attr('fill', seg.color);
-        });
-        // Needle endpoints: tweak these factors to adjust length.
-        const calcEndpoints = (angle) => {
-            const startFactor = 0.85; // relative to innerRadius
-            const endFactor = 1.05; // relative to radius
-            const x1 = innerRadius * startFactor * Math.cos(angle);
-            const y1 = innerRadius * startFactor * Math.sin(angle);
-            const x2 = radius * endFactor * Math.cos(angle);
-            const y2 = radius * endFactor * Math.sin(angle);
-            return { x1, y1, x2, y2 };
-        };
-        // Compute the new needle angle (rotate so 0 = north).
-        const newAngle = startAngle + totalAngle * percentage - Math.PI / 2;
-        const endpoints = calcEndpoints(newAngle);
-        // Update text font-size relative to radius.
-        textRef.current
-            .attr('font-size', radius / 3)
-            // Position text below the gauge center.
-            .attr('y', radius * 0.1);
-        if (isAnimationActive) {
-            const prevAngle = startAngle + totalAngle * previousPercentageRef.current - Math.PI / 2;
-            const angleInterpolator = interpolate(prevAngle, newAngle);
-            const textInterpolator = interpolate(previousPercentageRef.current, percentage);
-            needleRef.current
-                .interrupt()
-                .transition()
-                .duration(1000)
-                .tween('needle', function () {
-                return function (t) {
-                    const currentAngle = angleInterpolator(t);
-                    const { x1, y1, x2, y2 } = calcEndpoints(currentAngle);
-                    needleRef
-                        .current.attr('x1', x1)
-                        .attr('y1', y1)
-                        .attr('x2', x2)
-                        .attr('y2', y2);
-                    needleOutlineRef
-                        .current.attr('x1', x1)
-                        .attr('y1', y1)
-                        .attr('x2', x2)
-                        .attr('y2', y2);
-                    const currentPercentage = textInterpolator(t);
-                    const percentText = (0, axisFormatter_1.axisFormatter)({
-                        value: xAxisFormat === 'percent'
-                            ? currentPercentage
-                            : currentPercentage * 100,
-                        field: 'amount',
-                        fields: [{ field: 'amount', format: xAxisFormat }],
-                    }) + (xAxisFormat === 'percent' ? '' : '%');
-                    textRef.current?.text(percentText);
-                };
-            });
-        }
-        else {
-            needleRef.current
-                .interrupt()
-                .attr('x1', endpoints.x1)
-                .attr('y1', endpoints.y1)
-                .attr('x2', endpoints.x2)
-                .attr('y2', endpoints.y2);
-            needleOutlineRef.current
-                .interrupt()
-                .attr('x1', endpoints.x1)
-                .attr('y1', endpoints.y1)
-                .attr('x2', endpoints.x2)
-                .attr('y2', endpoints.y2);
-            const percentText = (0, axisFormatter_1.axisFormatter)({
-                value: xAxisFormat === 'percent' ? percentage : percentage * 100,
-                field: 'amount',
-                fields: [{ field: 'amount', format: xAxisFormat }],
-            }) + (xAxisFormat === 'percent' ? '' : '%');
-            textRef.current.text(percentText);
-        }
-        previousPercentageRef.current = percentage;
-        firstMountRef.current = false;
-    }, [
-        percentage,
-        colors,
-        isAnimationActive,
-        xAxisFormat,
-        select,
-        arc,
-        interpolate,
-    ]);
-    // Use ResizeObserver to trigger updates on container size changes.
-    (0, react_1.useEffect)(() => {
-        if (!containerRef.current)
-            return;
-        const observer = new ResizeObserver(() => {
-            // Force update by reading dimensions in the update effect.
-            previousPercentageRef.current = percentage;
-        });
-        observer.observe(containerRef.current);
-        return () => observer.disconnect();
-    }, [percentage]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, style: { width: '100%', height: '100%', ...containerStyle } }));
-}

package/dist/cjs/components/Chart/InternalChart.d.ts

@@ -1,25 +0,0 @@
-import { ChartProps } from '../../Chart';
-import { QuillReport } from '../../models/Report';
-export declare function isEquivalent(filters1: any[], filters2: any[]): boolean;
-export type ColorMapType = {
-    [key: string]: {
-        primary: string;
-        comparison?: string;
-        primaryGradientStart?: string;
-        primaryGradientStop?: string;
-        comparisonGradientStart?: string;
-        comparisonGradientStop?: string;
-    };
-};
-export default function InternalChart({ report, colors, className, containerStyle, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, cartesianGridLineColor, comparisonLineStyle, hideDateRangeFilter, filtersEnabled, setFiltersEnabled, mapColorsToFields, LoadingComponent, SelectComponent, MultiSelectComponent, DateRangePickerComponent, MetricComponent, filters, onDashboardFilterChange, onClickChartElement, loading, error, isAdmin, filterToggleDisabled, layoutChanged, }: Omit<ChartProps, 'reportId'> & {
-    report: QuillReport;
-    loading: boolean;
-    error?: string;
-    filtersEnabled: boolean;
-    setFiltersEnabled: (hide: boolean) => void;
-    isAdmin?: boolean;
-    onDashboardFilterChange: (label: string, value: any) => void;
-    filterToggleDisabled?: boolean;
-    layoutChanged?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InternalChart.d.ts.map

package/dist/cjs/components/Chart/InternalChart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/InternalChart.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAgB,UAAU,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,WAAW,EAAkB,MAAM,qBAAqB,CAAC;AAQlE,wBAAgB,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,WAiH5D;AAyFD,MAAM,MAAM,YAAY,GAAG;IACzB,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,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,sBAAsB,EACtB,mBAAmB,EACnB,mBAA2B,EAC3B,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAuC,EACvC,eAA+C,EAC/C,oBAAyD,EACzD,wBAA+C,EAC/C,eAAsC,EACtC,OAAO,EACP,uBAAuB,EACvB,mBAAmB,EACnB,OAAO,EACP,KAAK,EACL,OAAO,EACP,oBAAoB,EACpB,aAAa,GACd,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CAufA"}