@quillsql/react 2.15.3 → 2.15.4

package/dist/esm/assets/ExclamationFilledIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB,GAAI;;CAAY,4CAa1C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/esm/assets/ExclamationFilledIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ExclamationFilledIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" }) }));
-export default ExclamationFilledIcon;

package/dist/esm/assets/FilterIcon.d.ts

@@ -1,5 +0,0 @@
-declare const FilterIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FilterIcon;
-//# sourceMappingURL=FilterIcon.d.ts.map

package/dist/esm/assets/FilterIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/FilterIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU,GAAI;;CAAY,4CA6B/B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/assets/FilterIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FilterIcon = ({ ...props }) => (_jsxs("svg", { ...props, width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { y: "2", width: "8", height: "1", fill: "#373531" }), _jsx("rect", { x: "8", y: "1", width: "3", height: "3", rx: "1.5", stroke: "#373531" }), _jsx("rect", { x: "11.5", y: "8.5", width: "8", height: "1", transform: "rotate(-180 11.5 8.5)", fill: "#373531" }), _jsx("rect", { x: "3.5", y: "9.5", width: "3", height: "3", rx: "1.5", transform: "rotate(-180 3.5 9.5)", stroke: "#373531" })] }));
-export default FilterIcon;

package/dist/esm/assets/RefreshIcon.d.ts

@@ -1,5 +0,0 @@
-declare const RefreshIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default RefreshIcon;
-//# sourceMappingURL=RefreshIcon.d.ts.map

package/dist/esm/assets/RefreshIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RefreshIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/RefreshIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW,GAAI;;CAAY,4CAkBhC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/assets/RefreshIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const RefreshIcon = ({ ...props }) => (_jsx("svg", { ...props, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M8.0115 4.674H10.5075L8.917 3.0825C8.40495 2.57044 7.76711 2.2022 7.06761 2.0148C6.36811 1.82741 5.63161 1.82746 4.93214 2.01496C4.23267 2.20246 3.59489 2.57079 3.0829 3.08293C2.57092 3.59507 2.20279 4.23297 2.0155 4.9325M1.4925 9.822V7.326M1.4925 7.326H3.9885M1.4925 7.326L3.0825 8.9175C3.59456 9.42956 4.2324 9.7978 4.9319 9.9852C5.6314 10.1726 6.3679 10.1725 7.06737 9.98504C7.76684 9.79754 8.40462 9.42921 8.9166 8.91707C9.42859 8.40493 9.79672 7.76703 9.984 7.0675M10.5075 2.178V4.673", stroke: "#384151", strokeOpacity: "0.85", strokeWidth: "0.75", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-export default RefreshIcon;

package/dist/esm/assets/SearchIcon.d.ts

@@ -1,5 +0,0 @@
-declare const SearchIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SearchIcon;
-//# sourceMappingURL=SearchIcon.d.ts.map

package/dist/esm/assets/SearchIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/SearchIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU,GAAI;;CAAY,4CAa/B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/assets/SearchIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SearchIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z", clipRule: "evenodd" }) }));
-export default SearchIcon;

package/dist/esm/assets/UpLeftArrowsIcon.d.ts

@@ -1,5 +0,0 @@
-declare const UpLeftArrowsIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default UpLeftArrowsIcon;
-//# sourceMappingURL=UpLeftArrowsIcon.d.ts.map

package/dist/esm/assets/UpLeftArrowsIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UpLeftArrowsIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/UpLeftArrowsIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,GAAI;;CAAY,4CAgDrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/assets/UpLeftArrowsIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const UpLeftArrowsIcon = ({ ...props }) => (_jsxs("svg", { ...props, width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "2.125", y: "8", width: "1", height: "3", rx: "0.5", transform: "rotate(45 2.125 8)", fill: "#373531" }), _jsx("rect", { y: "10.125", width: "1", height: "3", rx: "0.5", transform: "rotate(-45 0 10.125)", fill: "#373531" }), _jsx("rect", { x: "12.0977", y: "2.125", width: "1", height: "3", rx: "0.5", transform: "rotate(135 12.0977 2.125)", fill: "#373531" }), _jsx("rect", { x: "9.97266", width: "1", height: "3", rx: "0.5", transform: "rotate(45 9.97266 0)", fill: "#373531" }), _jsx("path", { d: "M10 1.125V9.125C10 9.67728 9.55228 10.125 9 10.125H1", stroke: "#373531" })] }));
-export default UpLeftArrowsIcon;

package/dist/esm/assets/XCircleIcon.d.ts

@@ -1,5 +0,0 @@
-declare const XCircleIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default XCircleIcon;
-//# sourceMappingURL=XCircleIcon.d.ts.map

package/dist/esm/assets/XCircleIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"XCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/XCircleIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW,GAAI;;CAAY,4CAahC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/assets/XCircleIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const XCircleIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }));
-export default XCircleIcon;

package/dist/esm/assets/XIcon.d.ts

@@ -1,5 +0,0 @@
-declare const XIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default XIcon;
-//# sourceMappingURL=XIcon.d.ts.map

package/dist/esm/assets/XIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"XIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/XIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,KAAK,GAAI;;CAAY,4CAc1B,CAAC;AACF,eAAe,KAAK,CAAC"}

package/dist/esm/assets/XIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const XIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "20", width: "20", children: _jsx("path", { fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", clipRule: "evenodd" }) }));
-export default XIcon;

package/dist/esm/assets/index.d.ts

@@ -1,21 +0,0 @@
-export { default as ArrowDownHeadIcon } from './ArrowDownHeadIcon';
-export { default as ArrowDownRightIcon } from './ArrowDownRightIcon';
-export { default as ArrowDownIcon } from './ArrowDownIcon';
-export { default as ArrowRightIcon } from './ArrowRightIcon';
-export { default as ArrowRightHeadIcon } from './ArrowRightHeadIcon';
-export { default as ArrowLeftHeadIcon } from './ArrowLeftHeadIcon';
-export { default as DoubleArrowLeftHeadIcon } from './DoubleArrowLeftHeadIcon';
-export { default as DoubleArrowRightHeadIcon } from './DoubleArrowRightHeadIcon';
-export { default as ArrowUpHeadIcon } from './ArrowUpHeadIcon';
-export { default as ArrowUpIcon } from './ArrowUpIcon';
-export { default as ArrowUpRightIcon } from './ArrowUpRightIcon';
-export { default as CalendarIcon } from './CalendarIcon';
-export { default as CalendarNormalIcon } from './CalendarNormalIcon';
-export { default as ExclamationFilledIcon } from './ExclamationFilledIcon';
-export { default as SearchIcon } from './SearchIcon';
-export { default as XCircleIcon } from './XCircleIcon';
-export { default as RefreshIcon } from './RefreshIcon';
-export { default as FilterIcon } from './FilterIcon';
-export { default as UpLeftArrowsIcon } from './UpLeftArrowsIcon';
-export { default as XIcon } from './XIcon';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/assets/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/esm/assets/index.js

@@ -1,20 +0,0 @@
-export { default as ArrowDownHeadIcon } from './ArrowDownHeadIcon';
-export { default as ArrowDownRightIcon } from './ArrowDownRightIcon';
-export { default as ArrowDownIcon } from './ArrowDownIcon';
-export { default as ArrowRightIcon } from './ArrowRightIcon';
-export { default as ArrowRightHeadIcon } from './ArrowRightHeadIcon';
-export { default as ArrowLeftHeadIcon } from './ArrowLeftHeadIcon';
-export { default as DoubleArrowLeftHeadIcon } from './DoubleArrowLeftHeadIcon';
-export { default as DoubleArrowRightHeadIcon } from './DoubleArrowRightHeadIcon';
-export { default as ArrowUpHeadIcon } from './ArrowUpHeadIcon';
-export { default as ArrowUpIcon } from './ArrowUpIcon';
-export { default as ArrowUpRightIcon } from './ArrowUpRightIcon';
-export { default as CalendarIcon } from './CalendarIcon';
-export { default as CalendarNormalIcon } from './CalendarNormalIcon';
-export { default as ExclamationFilledIcon } from './ExclamationFilledIcon';
-export { default as SearchIcon } from './SearchIcon';
-export { default as XCircleIcon } from './XCircleIcon';
-export { default as RefreshIcon } from './RefreshIcon';
-export { default as FilterIcon } from './FilterIcon';
-export { default as UpLeftArrowsIcon } from './UpLeftArrowsIcon';
-export { default as XIcon } from './XIcon';

package/dist/esm/components/Banner/index.d.ts

@@ -1,2 +0,0 @@
-export default function Banner({ dashboardItemName, dashboardName, style, }: any): JSX.Element | null;
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Banner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,iBAAiB,EACjB,aAAa,EACb,KAAK,GACN,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA4D1B"}

package/dist/esm/components/Banner/index.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Banner({ dashboardItemName, dashboardName, style, }) {
-    return (_jsx("div", { id: "quill-edit-banner", style: {
-            zIndex: 100,
-            display: 'flex',
-            paddingTop: '0.625rem',
-            paddingBottom: '0.625rem',
-            paddingLeft: '24px',
-            paddingRight: '24px',
-            alignItems: 'center',
-            backgroundColor: '#111827',
-            ...style,
-        }, children: _jsxs("p", { style: {
-                fontSize: '14px',
-                color: '#ffffff',
-            }, children: [_jsx("strong", { style: { fontWeight: 600 }, children: "Edit Mode" }), _jsx("svg", { viewBox: "0 0 2 2", style: {
-                        display: 'inline',
-                        marginLeft: '8px',
-                        marginRight: '8px',
-                        width: '2px',
-                        height: '2px',
-                        fill: 'currentColor',
-                    }, "aria-hidden": "true", children: _jsx("circle", { cx: 1, cy: 1, r: 1 }) }), `You are currently editing `, _jsx("strong", { style: { fontWeight: 600 }, children: dashboardItemName }), ` on the `, _jsx("strong", { style: { fontWeight: 600 }, children: dashboardName }), ` dashboard.`] }) }));
-}

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

@@ -1,29 +0,0 @@
-import { AxisFormat } from '../../models/Chart';
-import { ColorMapType } from '../../models/Chart';
-export default function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, onClickChartElement, dateFilter, referenceLines, showLegend, stackedMode, }: {
-    colors: string[];
-    colorMap?: ColorMapType;
-    yAxisFields: any[];
-    data: any[];
-    containerStyle?: React.CSSProperties;
-    className?: string;
-    xAxisField: string;
-    xAxisLabel: string;
-    xAxisFormat: AxisFormat;
-    theme: any;
-    comparison: boolean;
-    isStacked: boolean;
-    isAnimationActive: boolean;
-    hideXAxis: boolean;
-    hideYAxis: boolean;
-    hideCartesianGrid: boolean;
-    onClickChartElement?: (e: any) => void;
-    dateFilter?: any;
-    referenceLines?: {
-        label: string;
-        query: number[];
-    }[];
-    showLegend?: boolean;
-    stackedMode?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BarChart.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,SAAS,EACT,iBAAyB,EACzB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,UAAkB,EAClB,WAAmB,GACpB,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CA+PA"}

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

@@ -1,123 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis, Bar, BarChart as ReChartsBarChart, Customized, Legend, } from 'recharts';
-import { valueFormatter } from '../../utils/valueFormatter';
-import { axisFormatter } from '../../utils/axisFormatter';
-import { generateArrayFromColor, selectColor } from '../../utils/color';
-import ChartTooltip from '../../components/Chart/ChartTooltip';
-import getDomain from '../../utils/getDomain';
-import CustomReferenceLine from './CustomReferenceLine';
-import { RenderLegend } from './CustomLegend';
-import CustomBar from './CustomBar';
-import { useMemo } from 'react';
-const createCustomBar = (yAxisFields, theme) => {
-    return (props) => (_jsx(CustomBar, { ...props, yAxisFields: yAxisFields, theme: theme }));
-};
-export default function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive = false, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, onClickChartElement, dateFilter, referenceLines, showLegend = false, stackedMode = false, }) {
-    const getCustomColor = (field) => {
-        const key = field.startsWith('comparison_') ? 'comparison' : 'primary';
-        field = field.replace('comparison_', '');
-        if (colorMap && field && colorMap[field] && key) {
-            return colorMap?.[field]?.[key];
-        }
-        return colorMap?.[field]?.[key];
-    };
-    const sortYAxisFields = (fields) => {
-        if (data?.length > 0) {
-            fields = fields
-                .sort((a, b) => Object.keys(data[0]).indexOf(a.field) -
-                Object.keys(data[0]).indexOf(b.field))
-                .filter((field) => comparison || !field.field.startsWith('comparison_'));
-        }
-        return fields;
-    };
-    // Memoize the CustomBar creator for stacked bars
-    const customBarShape = useMemo(() => {
-        if (!theme?.barChartCornerRadius && !theme?.barChartCornerRadiusRatio)
-            return undefined;
-        return createCustomBar(sortYAxisFields([...yAxisFields]), theme);
-    }, [isStacked, yAxisFields]);
-    if (!data || data.length === 0) {
-        return (_jsx("div", { style: {
-                display: 'flex',
-                flex: '1 0 auto',
-                // height: '100%',
-                justifyContent: 'center',
-                alignItems: 'center',
-                fontSize: 13,
-                color: theme.secondaryTextColor,
-                fontFamily: theme.fontFamily,
-                ...containerStyle,
-            }, className: className, children: "No results" }));
-    }
-    return (_jsx("div", { style: {
-            boxSizing: 'content-box',
-            ...containerStyle,
-        }, className: className, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", minWidth: 0, minHeight: 0, children: _jsxs(ReChartsBarChart, { data: data ?? [], layout: 'horizontal', onClick: (event) => onClickChartElement
-                    ? onClickChartElement(event?.activePayload
-                        ? event.activePayload[0].payload
-                        : undefined)
-                    : undefined, children: [!hideCartesianGrid && (_jsx(CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), showLegend && (_jsx(Legend, { verticalAlign: "top", align: "left", fontSize: 11, color: theme.secondaryTextColor, wrapperStyle: {
-                            paddingBottom: 20,
-                        }, content: _jsx(RenderLegend, {}) })), _jsx(YAxis, { width: 44, hide: hideYAxis, axisLine: false, tickLine: false, type: "number", domain: stackedMode
-                            ? [0, 'auto']
-                            : getDomain(data, yAxisFields, referenceLines), tick: { transform: 'translate(-3, 0)' }, tickCount: 5, style: {
-                            fontSize: '12px',
-                            fontFamily: theme.chartLabelFontFamily,
-                        }, tickFormatter: (tick) => {
-                            return (axisFormatter({
-                                value: tick,
-                                field: yAxisFields[0]?.field,
-                                fields: yAxisFields,
-                            }) || tick);
-                        } }), _jsx(XAxis, { hide: hideXAxis, dataKey: xAxisField, tick: { transform: 'translate(0, 6)' }, style: {
-                            fontSize: '12px',
-                            fontFamily: theme.chartLabelFontFamily,
-                            marginTop: '20px',
-                        }, tickLine: false, axisLine: false, tickFormatter: (tick) => axisFormatter({
-                            value: tick,
-                            field: xAxisField,
-                            fields: [{ field: xAxisField, format: xAxisFormat }],
-                        }) }), _jsx(Tooltip, { wrapperStyle: { outline: 'none', zIndex: 2 }, isAnimationActive: false, cursor: { fill: '#d1d5db', opacity: '0.15' }, content: ({ active, payload, label }) => {
-                            if (!payload || payload.length === 0) {
-                                return null;
-                            }
-                            const payloadItems = payload.map((p) => {
-                                const name = yAxisFields?.find((f) => f.field === p.name?.toString())?.label;
-                                return {
-                                    ...p,
-                                    color: p.color || 'black',
-                                    chartType: 'line',
-                                    dataKey: p.dataKey?.toLocaleString() || '',
-                                    name: name || p.name?.toString() || '',
-                                    payload: p.payload || {},
-                                    type: p.type || 'none',
-                                    unit: 'string',
-                                    value: p.value || '',
-                                };
-                            });
-                            return (_jsx(ChartTooltip, { theme: theme, active: active, payload: payloadItems, label: label, dateFormatter: (value) => valueFormatter({
-                                    value,
-                                    field: xAxisField,
-                                    fields: [{ field: xAxisField, format: xAxisFormat }],
-                                }), valueFormatter: (value) => {
-                                    if (!payload[0]?.dataKey) {
-                                        return value;
-                                    }
-                                    return valueFormatter({
-                                        value,
-                                        field: payload[0]?.dataKey.toString(),
-                                        fields: yAxisFields,
-                                    });
-                                }, xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, comparison: comparison, dateFilter: dateFilter, hideDot: showLegend }));
-                        }, position: { y: 0 } }), sortYAxisFields([...yAxisFields]).map((elem) => {
-                        return (_jsx(Bar, { dataKey: elem.field, stackId: stackedMode
-                                ? 'same_id'
-                                : isStacked
-                                    ? elem.field.replace('comparison_', '')
-                                    : undefined, type: "linear", fill: getCustomColor(elem.field) ??
-                                selectColor(elem, colors.length >= yAxisFields.length / (comparison ? 2 : 1)
-                                    ? colors
-                                    : generateArrayFromColor(colors.slice(0, 2), yAxisFields.length), yAxisFields.findIndex((field) => field.field === elem.field?.replace('comparison_', ''))), isAnimationActive: isAnimationActive, shape: customBarShape }, elem.field));
-                    }), referenceLines &&
-                        referenceLines.map(({ label, query }) => (_jsx(Customized, { component: (props) => (_jsx(CustomReferenceLine, { ...props, referenceLine: query, label: label })) }, label)))] }) }) }));
-}

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

@@ -1,22 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { YAxisField } from '../../models/Tables';
-import { ColorMapType } from '../../models/Chart';
-export interface BarListProps extends React.HTMLAttributes<HTMLDivElement> {
-    data: object[];
-    valueFormatter?: any;
-    color?: string;
-    showAnimation?: boolean;
-    xAxisField: string;
-    yAxisFields: YAxisField[];
-    containerStyle?: CSSProperties;
-    className?: string;
-    xAxisFormat: string;
-    colors?: string[];
-    colorMap?: ColorMapType;
-    theme: any;
-    onClickChartElement?: (e: any) => void;
-    scrollable?: boolean;
-}
-declare const BarList: React.ForwardRefExoticComponent<BarListProps & React.RefAttributes<HTMLDivElement>>;
-export default BarList;
-//# sourceMappingURL=BarList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BarList.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAclD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD,QAAA,MAAM,OAAO,qFAkMX,CAAC;AAEH,eAAe,OAAO,CAAC"}

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

@@ -1,140 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { valueFormatter } from '../../utils/valueFormatter';
-import { hexToRgbaWith10PercentAlpha } from '../../utils/chart';
-const getWidthsFromValues = (dataValues) => {
-    let maxValue = -Infinity;
-    dataValues.forEach((value) => {
-        maxValue = Math.max(maxValue, value);
-    });
-    return dataValues.map((value) => {
-        if (value === 0)
-            return 0;
-        return Math.max((value / maxValue) * 100, 1);
-    });
-};
-// const valueFormatter = (number: number) => {
-// return '$ ' + Intl.NumberFormat('us').format(number).toString();
-//   return number.toFixed(0);
-// };
-function getColors(colorMap, xAxisField, colors) {
-    if (colorMap && colorMap[xAxisField] && colorMap[xAxisField]['primary']) {
-        return colorMap[xAxisField]['primary'];
-    }
-    else if (colors) {
-        return hexToRgbaWith10PercentAlpha(colors[0]);
-    }
-    return hexToRgbaWith10PercentAlpha(undefined);
-}
-const BarList = React.forwardRef((props, ref) => {
-    const { data = [], yAxisFields, xAxisField, xAxisFormat, colors, colorMap = {}, 
-    // valueFormatter = (value: any) => value,valueFormatter
-    showAnimation = true, className, containerStyle, theme, onClickChartElement, scrollable, ...other } = props;
-    const widths = getWidthsFromValues(data.map((item) => {
-        if (yAxisFields && yAxisFields[0] && yAxisFields[0].field) {
-            return item[yAxisFields[0].field];
-        }
-        return 0;
-    }));
-    const NUM_TO_SHOW = scrollable ? 500 : 5;
-    if (!data || data.length === 0) {
-        return (_jsx("div", { style: {
-                display: 'flex',
-                flex: '1 0 auto',
-                // height: '100%',
-                margin: 'auto',
-                justifyContent: 'center',
-                alignItems: 'center',
-                fontSize: 13,
-                fontFamily: theme?.fontFamily,
-                color: theme.secondaryTextColor,
-                ...containerStyle,
-            }, className: className, children: "No results" }));
-    }
-    return (_jsx("div", { ref: ref, className: className, style: {
-            // width: '100%',
-            boxSizing: 'content-box',
-            height: '100%',
-            // marginLeft: 25,
-            // background: 'red',
-            // paddingRight: 25,
-            // paddingRight: 25,
-            ...containerStyle,
-        }, ...other, children: _jsxs("div", { style: {
-                display: 'flex',
-                justifyContent: 'space-between',
-                boxSizing: 'content-box',
-                overflow: scrollable ? 'scroll' : 'hidden',
-                width: '100%',
-                height: '100%',
-            }, children: [_jsxs("div", { style: {
-                        width: '100%',
-                        boxSizing: 'content-box',
-                        height: '100%',
-                        position: 'relative',
-                        paddingRight: 25,
-                    }, children: [data.slice(0, NUM_TO_SHOW).map((item, idx) => {
-                            return (_jsx("div", { style: {
-                                    width: `${widths[idx]}%`,
-                                    transition: showAnimation ? 'all 2s' : '',
-                                    boxSizing: 'content-box',
-                                    backgroundColor: getColors(colorMap, xAxisField, colors),
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    height: '36px',
-                                    marginBottom: '8px',
-                                    borderRadius: '4px',
-                                }, onClick: () => onClickChartElement?.(item), children: _jsx("div", { style: {
-                                        boxSizing: 'content-box',
-                                        position: 'absolute',
-                                        maxWidth: '100%',
-                                        display: 'flex',
-                                        marginLeft: '8px',
-                                    }, children: _jsx("p", { style: {
-                                            color: theme?.chartLabelColor,
-                                            boxSizing: 'content-box',
-                                            whiteSpace: 'nowrap',
-                                            overflow: 'hidden',
-                                            textOverflow: 'ellipsis',
-                                            fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-                                            fontSize: theme?.fontSizeSmall || '14px',
-                                        }, children: valueFormatter({
-                                            value: item[xAxisField] ?? item[`comparison_${xAxisField}`],
-                                            field: xAxisField,
-                                            // @ts-ignore
-                                            fields: [{ field: xAxisField, format: xAxisFormat }],
-                                        }) }) }) }, item[xAxisField] + 'label' + idx));
-                        }), data.length > NUM_TO_SHOW && (_jsxs("div", { style: {
-                                color: theme?.chartLabelColor,
-                                boxSizing: 'content-box',
-                                fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-                                fontSize: theme?.fontSizeSmall || '14px',
-                            }, children: ["...", data.length - NUM_TO_SHOW, " more"] }))] }), _jsx("div", { style: {
-                        boxSizing: 'content-box',
-                        textAlign: 'right',
-                        minWidth: 'min-content',
-                        paddingLeft: 10,
-                    }, children: data.slice(0, NUM_TO_SHOW).map((item, idx) => (_jsx("div", { style: {
-                            boxSizing: 'content-box',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'flex-end',
-                            marginBottom: idx === data.length - 1 ? 0 : '8px',
-                            height: '36px',
-                        }, children: _jsx("p", { style: {
-                                color: theme?.chartLabelColor,
-                                boxSizing: 'content-box',
-                                fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-                                whiteSpace: 'nowrap',
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                fontSize: theme?.fontSizeSmall || '14px',
-                            }, children: valueFormatter({
-                                value: yAxisFields && yAxisFields[0] && item[yAxisFields[0].field]
-                                    ? item[yAxisFields[0].field]
-                                    : 0,
-                                field: yAxisFields && yAxisFields[0] && yAxisFields[0].field,
-                                fields: yAxisFields,
-                            }) }) }, item[xAxisField] + 'value' + idx))) })] }) }));
-});
-export default BarList;

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

@@ -1,13 +0,0 @@
-import { CSSProperties } from 'react';
-export default function ChartError({ errorMessage, containerStyle, }: {
-    errorMessage: string;
-    containerStyle?: CSSProperties;
-}): JSX.Element;
-export declare function QuillChartErrorWithAction({ className, containerStyle, label, onClick, ButtonComponent, }: {
-    className?: string;
-    containerStyle?: React.CSSProperties;
-    label?: string;
-    onClick?: (element: any) => void;
-    ButtonComponent?: React.ComponentType<any>;
-}): JSX.Element;
-//# sourceMappingURL=ChartError.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartError.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAsC,EACtC,cAAc,GACf,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,GAAG,GAAG,CAAC,OAAO,CAsCd;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,cAAc,EACd,KAA+B,EAC/B,OAAO,EACP,eAAgC,GACjC,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC5C,GAAG,GAAG,CAAC,OAAO,CAsDd"}

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

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { MemoizedButton } from '../UiComponents';
-import { ThemeContext } from '../../Context';
-export default function ChartError({ errorMessage = 'Failed to fetch data.', containerStyle, }) {
-    const [theme] = useContext(ThemeContext);
-    return (_jsx("div", { style: {
-            boxSizing: 'content-box',
-            height: '100%',
-            width: '100%',
-            ...containerStyle,
-        }, children: _jsx("div", { style: {
-                height: containerStyle?.height || '100%',
-                width: '100%',
-                boxSizing: 'border-box',
-                borderRadius: 8,
-                border: '1px solid rgb(229, 229, 229)',
-                overflow: 'hidden',
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-            }, children: _jsx("div", { style: {
-                    paddingLeft: 12,
-                    paddingRight: 12,
-                    fontSize: 13,
-                    color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
-                    fontFamily: theme?.fontFamily,
-                }, children: errorMessage }) }) }));
-}
-export function QuillChartErrorWithAction({ className, containerStyle, label = 'Failed to fetch data.', onClick, ButtonComponent = MemoizedButton, }) {
-    const [theme] = useContext(ThemeContext);
-    return (_jsx("div", { style: {
-            boxSizing: 'content-box',
-            height: '100%',
-            width: '100%',
-            ...containerStyle,
-        }, className: className, children: _jsxs("div", { style: {
-                height: containerStyle?.height || '100%',
-                width: '100%',
-                boxSizing: 'border-box',
-                borderRadius: 8,
-                border: '1px solid rgb(229, 229, 229)',
-                overflow: 'hidden',
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-            }, children: [_jsx("div", { style: {
-                        paddingLeft: 12,
-                        paddingRight: 12,
-                        fontSize: 13,
-                        color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
-                        fontFamily: theme?.fontFamily,
-                    }, children: label }), onClick && label && label.startsWith('Virtual Table Error:') && (_jsx(ButtonComponent, { label: "Edit Virtual Table", onClick: () => {
-                        const regex = /'([^']+)'/;
-                        const matches = regex.exec(label);
-                        if (matches && matches.length > 1) {
-                            matches[1];
-                            onClick(matches[1]);
-                            return;
-                        }
-                        onClick(undefined);
-                    } }))] }) }));
-}

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

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'react';
-export interface SkeletonComponentProps {
-    conatinerStyle?: CSSProperties;
-    className?: string;
-}
-export declare const QuillLoadingSkeleton: () => import("react/jsx-runtime").JSX.Element;
-export default function ChartSkeleton({ className, containerStyle, }: any): JSX.Element;
-//# sourceMappingURL=ChartSkeleton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,aAAa,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,+CAA0B,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,SAAS,EACT,cAAc,GACf,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA2EnB"}