@quillsql/react 2.10.29 → 2.10.31

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ChartTooltipFrame({ children, theme, }) {
-    return (_jsx("div", { style: {
-            borderStyle: 'solid',
-            borderColor: theme?.borderColor || '#E5E7EB',
-            overflow: 'hidden',
-            borderWidth: 1,
-            background: theme?.backgroundColor || '#ffffff',
-            borderRadius: '6px',
-            zIndex: 40,
-            boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
-        }, children: children }));
-}

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

@@ -1,11 +0,0 @@
-export interface ChartTooltipGroupProps {
-    name: string;
-    items: {
-        color: string;
-        name: string;
-        value: any;
-    }[];
-    theme: any;
-}
-export default function ChartTooltipGroup({ name, items, theme, }: ChartTooltipGroupProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChartTooltipGroup.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartTooltipGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltipGroup.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IACrD,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE,sBAAsB,2CAuCxB"}

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

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ChartTooltipRow from './ChartTooltipRow';
-export default function ChartTooltipGroup({ name, items, theme, }) {
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            width: '100%',
-            paddingTop: 2,
-            paddingBottom: 2,
-            marginRight: '24px',
-        }, children: [_jsx("p", { style: {
-                    textAlign: 'left',
-                    marginTop: 0,
-                    marginBottom: 0,
-                    fontFamily: theme?.fontFamily,
-                    color: theme?.primaryTextColor,
-                    fontSize: theme?.fontSizeSmall || '14px',
-                    fontWeight: theme?.boldFontWeight || '500',
-                    paddingTop: 2,
-                    paddingBottom: 2,
-                    textTransform: 'capitalize',
-                }, children: name.replaceAll('_', ' ').toLowerCase() }), items.map(({ color, value, name }, idx) => (_jsx(ChartTooltipRow, { value: value, name: name, color: color, theme: theme }, `id-${idx}`)))] }));
-}

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

@@ -1,8 +0,0 @@
-export interface ChartTooltipRowProps {
-    value: string;
-    name: string;
-    color: string;
-    theme: any;
-}
-export default function ChartTooltipRow({ value, name, color, theme, }: ChartTooltipRowProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChartTooltipRow.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartTooltipRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltipRow.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,2CA2DtB"}

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

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function ChartTooltipRow({ value, name, color, theme, }) {
-    return (_jsxs("div", { style: {
-            marginRight: '24px',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            width: '100%',
-            paddingTop: 2,
-            paddingBottom: 2,
-        }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_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',
-                        } }), _jsx("p", { style: {
-                            marginTop: 0,
-                            marginBottom: 0,
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            fontSize: theme?.fontSizeSmall || '14px',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                        }, children: value })] }), _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/esm/components/Chart/LineChart.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export default function LineChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, }: {
-    colors: string[];
-    yAxisFields: any[];
-    data: any[];
-    containerStyle?: React.CSSProperties;
-    xAxisField: string;
-    xAxisLabel: string;
-    xAxisFormat: string;
-    theme: any;
-    isAnimationActive: boolean;
-    hideXAxis: boolean;
-    hideYAxis: boolean;
-    hideCartesianGrid: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=LineChart.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAiBA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,GAC1B,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,kDAoMA"}

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

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
-import { Area, CartesianGrid, ComposedChart as ReChartsAreaChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
-import { valueFormatter } from '../../utils/valueFormatter';
-import { axisFormatter } from '../../utils/axisFormatter';
-import { selectColor } from '../../utils/color';
-import ChartTooltip from '../../components/Chart/ChartTooltip';
-import getDomain from '../../utils/getDomain';
-import { useEffect, useState } from 'react';
-export default function LineChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, }) {
-    const [formattedData, setFormattedData] = useState([]);
-    if (!yAxisFields || !yAxisFields.length) {
-        return null;
-    }
-    useEffect(() => {
-        if (!data || data.length === 0) {
-            return;
-        }
-        if (typeof data[0][xAxisField] === 'object') {
-            const curData = data.map((d) => {
-                const formatted = { ...d };
-                // NEED TO FORMAT FOR BIG QUERY
-                if (d[xAxisField] && typeof d[xAxisField] === 'object') {
-                    formatted[xAxisField] = d[xAxisField].value;
-                }
-                return formatted;
-            });
-            setFormattedData(curData);
-        }
-        else {
-            setFormattedData(data);
-        }
-    }, [data]);
-    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,
-                color: theme.secondaryTextColor,
-            }, children: "No results found for specified time period." }));
-    }
-    return (_jsx("div", { style: { ...containerStyle }, children: _jsx(ResponsiveContainer, { width: "100%", height: '100%', children: _jsxs(ReChartsAreaChart, { data: formattedData, children: [!hideCartesianGrid && (_jsx(CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), _jsx(XAxis, { dataKey: xAxisField, hide: hideXAxis, tick: { transform: 'translate(0, 6)' }, style: {
-                            fontSize: '12px',
-                            fontFamily: theme?.chartLabelFontFamily ||
-                                theme?.fontFamily ||
-                                'Inter; Helvetica',
-                            color: theme?.chartLabelColor || '#666666',
-                        }, interval: "preserveStartEnd", tickLine: false, axisLine: false, padding: { left: 10, right: 10 }, minTickGap: 5, tickFormatter: (tick) => {
-                            return axisFormatter({
-                                value: tick,
-                                field: xAxisField,
-                                fields: [{ field: xAxisField, format: xAxisFormat }],
-                            });
-                        } }), _jsx(YAxis, { hide: hideYAxis, width: 44, axisLine: false, tickLine: false, type: "number", domain: getDomain(data, yAxisFields), tick: { transform: 'translate(-3, 0)' }, style: {
-                            fontSize: '12px',
-                            fontFamily: theme?.chartLabelFontFamily ||
-                                theme?.fontFamily ||
-                                'Inter; Helvetica',
-                            color: theme?.chartLabelColor || '#666666',
-                        }, tickFormatter: (value) => axisFormatter({
-                            value,
-                            field: yAxisFields[0].field,
-                            fields: [
-                                ...yAxisFields,
-                                { field: xAxisField, format: xAxisFormat },
-                            ],
-                        }) }), _jsx(Tooltip, { wrapperStyle: { outline: 'none' }, isAnimationActive: false, cursor: { stroke: '#d1d5db', strokeWidth: 1 }, content: ({ active, payload, label }) => {
-                            let label2;
-                            if (comparison &&
-                                payload?.length > 1 &&
-                                payload[0].payload[xAxisField + '2']) {
-                                label2 = payload[0].payload[xAxisField + '2'];
-                            }
-                            return (_jsx(ChartTooltip, { active: active, payload: payload, label: label, label2: label2, dateFormatter: (value) => valueFormatter({
-                                    value,
-                                    field: xAxisField,
-                                    fields: [{ field: xAxisField, format: xAxisFormat }],
-                                }), valueFormatter: (value) => valueFormatter({
-                                    value,
-                                    field: payload[0].dataKey,
-                                    fields: [
-                                        ...yAxisFields,
-                                        { field: xAxisField, format: xAxisFormat },
-                                    ],
-                                }), xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, theme: theme }));
-                        }, position: { y: 0 } }), yAxisFields.map((elem, index) => (_jsx("defs", { children: _jsxs("linearGradient", { id: `gradient${index}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "5%", stopColor: selectColor(elem, colors, index), stopOpacity: 0.4 }), _jsx("stop", { offset: "95%", stopColor: 'rgba(0,0,0,0)', stopOpacity: 0 })] }) }, `defs${elem.field + index}`))), yAxisFields.map((elem, index) => (_jsx(Area, { name: elem.label, type: "linear", dataKey: elem.field, stroke: selectColor(elem, colors, index), fill: `url(#gradient${index})`, strokeWidth: 2, dot: false, isAnimationActive: isAnimationActive }, elem.field)))] }) }) }));
-}

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, children, }: any): JSX.Element;
-//# sourceMappingURL=ChartComponent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/ChartComponent.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,aAAa,EACb,oBAAoB,EACpB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAqGnB"}

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

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, children, }) {
-    return (_jsx("div", { onClick: onClickDashboardItem
-            ? () => onClickDashboardItem(dashboardItem)
-            : () => { }, style: {
-            // height: '100%',
-            cursor: 'pointer',
-            boxSizing: 'content-box',
-            paddingRight: 25,
-            minHeight: 400,
-            borderRadius: 8,
-            paddingTop: 20,
-            ...style,
-        }, children: _jsx("div", { style: {
-                width: '100%',
-                height: '100%',
-                boxSizing: 'content-box',
-            }, children: _jsx("div", { style: {
-                    width: '100%',
-                    height: '100%',
-                    boxSizing: 'content-box',
-                }, children: _jsxs("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        justifyContent: 'space-between',
-                        height: '100%',
-                        boxSizing: 'content-box',
-                    }, children: [_jsxs("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
-                                boxSizing: 'content-box',
-                                paddingBottom: 20,
-                            }, children: [_jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        color: theme.primaryTextColor,
-                                        boxSizing: 'content-box',
-                                        fontSize: 18,
-                                        fontWeight: '500',
-                                        textOverflow: 'ellipsis',
-                                        padding: 0,
-                                        whiteSpace: 'nowrap',
-                                        display: 'block',
-                                        maxWidth: '100%',
-                                        overflow: 'hidden',
-                                    }, children: dashboardItem?.name }), onClickDashboardItem ? (_jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        color: theme.primaryTextColor,
-                                        boxSizing: 'content-box',
-                                        fontWeight: '500',
-                                        fontSize: 14,
-                                        minWidth: 14 * 7,
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'flex-end',
-                                    }, children: 'view report →' })) : null] }), _jsx("div", { style: {
-                                padding: 0,
-                                height: '100%',
-                                boxSizing: 'content-box',
-                            }, children: children })] }) }) }) }, dashboardItem?.name));
-}

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export default function DashboardSection({ style, children, ...props }: any): JSX.Element;
-//# sourceMappingURL=DashboardSection.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardSection.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAmBnB"}

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function DashboardSection({ style, children, ...props }) {
-    return (_jsx("div", { style: {
-            boxSizing: 'content-box',
-            width: '100%',
-            // height: '100%',
-            listStyleType: 'none',
-            display: 'grid',
-            gap: 20,
-            gridTemplateColumns: `repeat(auto-fill,minmax(400px, 1fr))`,
-            gridTemplateRows: `repeat(${170}px)`,
-            ...style,
-        }, ...props, children: children }));
-}

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export default function DashboardSectionContainer({ style, children, ...props }: any): JSX.Element;
-//# sourceMappingURL=DashboardSectionContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardSectionContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardSectionContainer.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAenB"}

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function DashboardSectionContainer({ style, children, ...props }) {
-    return (_jsx("div", { style: {
-            width: '100%',
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 20,
-            ...style,
-        }, ...props, children: children }));
-}

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export default function DataLoader({ id, SkeletonComponent, handleOnClickDashboardItem, onClickDashboardItem, TableComponent, name, theme, }: any): JSX.Element;
-//# sourceMappingURL=DataLoader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAWA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,EAAE,EACF,iBAAiB,EACjB,0BAA0B,EAC1B,oBAAoB,EACpB,cAAc,EACd,IAAI,EACJ,KAAK,GACN,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAsFnB"}

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

@@ -1,71 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
-import { didFiltersChange } from '../../Chart';
-import { ClientContext, DashboardContext, DashboardFiltersContext, } from '../../Context';
-import { getData } from '../../utils/dataFetcher';
-import { mergeComparisonRange } from '../../utils/merge';
-export default function DataLoader({ id, SkeletonComponent, handleOnClickDashboardItem, onClickDashboardItem, TableComponent, name, theme, }) {
-    const [client, _] = useContext(ClientContext);
-    const { dispatch, dashboard } = useContext(DashboardContext);
-    const { dashboardFilters } = useContext(DashboardFiltersContext);
-    const [loading, setLoading] = useState(true);
-    useEffect(() => {
-        async function getChartOptions() {
-            if (!didFiltersChange(dashboard[id], dashboardFilters)) {
-                return;
-            }
-            try {
-                // Remove extra fields on each filter so we don't confuse the backend.
-                const minimalFilters = Object.values(dashboardFilters).length
-                    ? Object.values(dashboardFilters).map((filter) => {
-                        const newFilter = { ...filter };
-                        if (newFilter.filterType === 'date_range') {
-                            delete newFilter['field'];
-                            delete newFilter['options'];
-                            delete newFilter['selectedValue'];
-                        }
-                        return newFilter;
-                    })
-                    : [];
-                const hostedBody = {
-                    metadata: {
-                        dashboardItemId: id,
-                        orgId: client.customerId || '*',
-                        clientId: client.publicKey,
-                        task: 'item',
-                        databaseType: client.databaseType,
-                        filters: minimalFilters,
-                    },
-                };
-                const cloudBody = {
-                    id: id,
-                    filters: minimalFilters,
-                };
-                setLoading(true);
-                const resp = await getData(client, 'itempost', 'omit', hostedBody, cloudBody);
-                if (resp && resp.name !== 'error') {
-                    if (resp.compareRows) {
-                        mergeComparisonRange(resp);
-                    }
-                    dispatch({
-                        type: 'UPDATE_DASHBOARD_ITEM',
-                        id: id,
-                        data: {
-                            ...resp,
-                            filtersApplied: dashboardFilters,
-                            id: resp._id,
-                        },
-                    });
-                    setLoading(false);
-                }
-            }
-            catch (e) {
-                console.log('Error fetching chart: ', e);
-            }
-        }
-        getChartOptions();
-    }, [dashboardFilters, client, id]);
-    return (_jsx(TableComponent, { theme: theme, loading: loading, dashboardItem: dashboard[id], name: name, SkeletonComponent: SkeletonComponent, onClickDashboardItem: onClickDashboardItem
-            ? () => handleOnClickDashboardItem(dashboard[id])
-            : void null }));
-}

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, children, }: any): JSX.Element;
-//# sourceMappingURL=MetricComponent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,aAAa,EACb,oBAAoB,EACpB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAsGnB"}

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

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, children, }) {
-    return (_jsx("div", { onClick: onClickDashboardItem
-            ? () => onClickDashboardItem(dashboardItem)
-            : () => { }, style: {
-            // height: '100%',
-            cursor: 'pointer',
-            boxSizing: 'content-box',
-            paddingRight: 25,
-            minHeight: 400,
-            borderRadius: 8,
-            paddingTop: 20,
-            ...style,
-        }, children: _jsx("div", { style: {
-                width: '100%',
-                height: '100%',
-                boxSizing: 'content-box',
-            }, children: _jsx("div", { style: {
-                    width: '100%',
-                    height: '100%',
-                    boxSizing: 'content-box',
-                }, children: _jsxs("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        justifyContent: 'space-between',
-                        height: '100%',
-                        boxSizing: 'content-box',
-                    }, children: [_jsxs("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
-                                boxSizing: 'content-box',
-                                paddingBottom: 20,
-                            }, children: [_jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        color: theme.primaryTextColor,
-                                        boxSizing: 'content-box',
-                                        fontSize: 18,
-                                        fontWeight: '500',
-                                        textOverflow: 'ellipsis',
-                                        padding: 0,
-                                        whiteSpace: 'nowrap',
-                                        display: 'block',
-                                        maxWidth: '100%',
-                                        overflow: 'hidden',
-                                    }, children: dashboardItem?.name }), onClickDashboardItem ? (_jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        color: theme.primaryTextColor,
-                                        boxSizing: 'content-box',
-                                        fontWeight: '500',
-                                        fontSize: 14,
-                                        minWidth: 14 * 7,
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'flex-end',
-                                    }, children: 'view report →' })) : null] }), _jsx("div", { style: {
-                                padding: 0,
-                                height: '100%',
-                                width: '100%',
-                                boxSizing: 'content-box',
-                            }, children: children })] }) }) }) }, dashboardItem?.name));
-}

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, loading, name, SkeletonComponent, }: any): JSX.Element;
-//# sourceMappingURL=TableComponent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,aAAa,EACb,oBAAoB,EACpB,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,iBAAiB,GAClB,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAgDnB"}

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import QuillTable from '../QuillTable';
-export default function DashboardItem({ dashboardItem, onClickDashboardItem, theme, style, loading, name, SkeletonComponent, }) {
-    return (_jsxs("div", { onClick: onClickDashboardItem
-            ? () => onClickDashboardItem(dashboardItem)
-            : () => { }, children: [_jsx("div", { style: {
-                    fontFamily: theme.fontFamily,
-                    color: theme.primaryTextColor,
-                    boxSizing: 'content-box',
-                    fontSize: 18,
-                    fontWeight: '500',
-                    textOverflow: 'ellipsis',
-                    padding: 0,
-                    whiteSpace: 'nowrap',
-                    display: 'block',
-                    maxWidth: '100%',
-                    overflow: 'hidden',
-                    paddingBottom: 20,
-                }, children: name }), loading ? (_jsx(SkeletonComponent, { containerStyle: { height: 390 } })) : dashboardItem ? (_jsx(QuillTable, { containerStyle: {
-                    // height: '100%',
-                    cursor: 'pointer',
-                    boxSizing: 'content-box',
-                    paddingRight: 25,
-                    minHeight: 400,
-                    height: 400,
-                    borderRadius: 8,
-                    ...style,
-                }, rows: dashboardItem?.rows, columns: dashboardItem?.columns })) : null] }, dashboardItem?.name));
-}

package/dist/esm/components/Dropdown/Dropdown.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    icon?: React.JSXElementConstructor<any>;
-    children: React.ReactElement[] | React.ReactElement;
-    theme: any;
-}
-declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
-export default Dropdown;
-//# sourceMappingURL=Dropdown.d.ts.map

package/dist/esm/components/Dropdown/Dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAahD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;IACpD,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,QAAQ,sFA6Ib,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/Dropdown/Dropdown.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/display-name */
-import React, { useRef, useState } from 'react';
-import { HoveredValueContext, SelectedValueContext } from '../../contexts';
-import { useInternalState, useSelectOnKeyDown } from '../../hooks';
-import { ArrowDownHeadIcon } from '../../assets';
-import { mergeRefs } from '../../lib';
-import { constructValueToNameMapping, hasValue } from '../selectUtils';
-import Modal from '../Modal';
-const Dropdown = React.forwardRef((props, ref) => {
-    const { defaultValue, value, onValueChange, placeholder = 'Select...', disabled = false, icon, children, className, theme, ...other } = props;
-    const [selectedValue, setSelectedValue] = useInternalState(defaultValue, value);
-    const [isFocused, setIsFocused] = useState(false);
-    const dropdownRef = useRef(null);
-    const Icon = icon;
-    const valueToNameMapping = constructValueToNameMapping(children);
-    const optionValues = React.Children.map(children, (child) => child.props.value);
-    const handleValueChange = (value) => {
-        setSelectedValue(value);
-        setIsFocused(false);
-        onValueChange?.(value);
-    };
-    const [hoveredValue, handleKeyDown] = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
-    const hasSelection = hasValue(selectedValue);
-    return (_jsxs("div", { ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
-            position: 'relative',
-            width: '100%',
-            minWidth: '10rem',
-        }, ...other, children: [_jsxs("button", { style: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    width: '100%',
-                    outline: 'none',
-                    padding: '1.5rem 2rem',
-                    borderRadius: '0.375rem',
-                    border: '2px solid',
-                    boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-                    cursor: 'pointer',
-                    background: 'white',
-                }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [_jsxs("div", { style: {
-                            display: 'flex',
-                            justifyContent: 'start',
-                            alignItems: 'center',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                        }, children: [Icon ? (_jsx(Icon, { style: {
-                                    flexShrink: 0,
-                                    height: '1.5rem',
-                                    width: '1.5rem',
-                                    color: theme?.secondaryTextColor || '#6C727F',
-                                    marginRight: '1.5rem',
-                                }, "aria-hidden": "true" })) : null, _jsx("p", { style: {
-                                    margin: 0,
-                                    fontSize: '13px',
-                                    fontWeight: '500',
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                    textOverflow: 'ellipsis',
-                                }, children: selectedValue
-                                    ? valueToNameMapping.get(selectedValue)
-                                    : placeholder })] }), _jsx(ArrowDownHeadIcon, { style: {
-                            flexShrink: 0,
-                            height: '1.5rem',
-                            width: '1.5rem',
-                            marginRight: '-0.25rem',
-                            color: theme?.secondaryTextColor || '#6C727F',
-                        }, "aria-hidden": "true" })] }), _jsx(Modal, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: _jsx(SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: _jsx(HoveredValueContext.Provider, { value: { hoveredValue }, children: React.Children.map(children, (child) => React.cloneElement(child)) }) }) })] }));
-});
-export default Dropdown;