@quillsql/admin 1.6.0 → 1.6.2

package/dist/esm/hooks/useTenants.js

@@ -0,0 +1,170 @@
+import { useAdmin } from '../AdminProvider';
+import { getTenantMapping } from '../utils/tenants';
+import { useMemo } from 'react';
+import { useDashboardManager } from './useDashboardManager';
+import { ALL_TENANTS, SINGLE_TENANT } from '../utils/constants';
+export const useTenants = () => {
+    const { selectedDashboard } = useDashboardManager();
+    const { state, dispatch, getToken } = useAdmin();
+    const dashboardTenants = useMemo(() => {
+        return state.client?.allTenantTypes?.filter((t) => selectedDashboard?.tenantKeys?.some((key) => (t.mappings && key in t.mappings) ||
+            key === t.tenantField ||
+            key === SINGLE_TENANT ||
+            t.tenantField === SINGLE_TENANT));
+    }, [state.client?.allTenantTypes, selectedDashboard?.tenantKeys]);
+    // TODO: support multiple dashboard owners
+    const dashboardOwnerTenant = useMemo(() => {
+        const tenant = state.client?.allTenantTypes?.find((t) => selectedDashboard?.tenantKeys?.some((key) => key === t.tenantField));
+        const mappableSet = new Set(state.mappableDashboardTenantIds);
+        if (tenant)
+            return {
+                ...tenant,
+                tenantIds: tenant.tenantIds?.filter((t) => {
+                    const id = typeof t === 'object' ? t.id : t;
+                    return mappableSet.has(id);
+                }),
+            };
+        return undefined;
+    }, [
+        state.client?.allTenantTypes,
+        selectedDashboard?.tenantKeys,
+        state.mappableDashboardTenantIds,
+    ]);
+    const selectedTenantType = useMemo(() => {
+        return state.client?.allTenantTypes?.find((t) => state.selectedTenantField === t.tenantField);
+    }, [state.selectedTenantField, state.client?.allTenantTypes]);
+    const setSelectedTenantType = async (value) => {
+        dispatch({ type: 'SET_SELECTED_TENANT_FOREIGN_KEY', payload: value });
+        const selectedTenant = state.client?.allTenantTypes?.find((t) => t.tenantField === value);
+        dispatch({
+            type: 'SET_SELECTED_TENANT_VALUES',
+            payload: selectedTenant?.defaultId ? [selectedTenant.defaultId] : [],
+        });
+        dispatch({ type: 'SET_SELECTED_DASHBOARD_TENANT_IDS', payload: undefined });
+        dispatch({
+            type: 'SET_CURRENT_TENANT_IDENTITY',
+            payload: selectedTenant?.defaultId
+                ? [{ tenantField: value, tenantIds: [selectedTenant.defaultId] }]
+                : [ALL_TENANTS],
+        });
+        if (selectedDashboard) {
+            if (value !== selectedDashboard.tenantKeys?.[0]) {
+                dispatch({
+                    type: 'SET_MAPPABLE_DASHBOARD_TENANT_IDS_LOADING',
+                    payload: true,
+                });
+                getTenantMapping(selectedDashboard.name, [{ tenantField: value, tenantIds: [] }], state.client, getToken).then((mapping) => {
+                    if (selectedDashboard.tenantKeys?.[0]) {
+                        dispatch({
+                            type: 'SET_MAPPABLE_DASHBOARD_TENANT_IDS',
+                            payload: mapping[selectedDashboard.tenantKeys[0]],
+                        });
+                    }
+                    else {
+                        console.error('No tenant keys found for dashboard', selectedDashboard.name);
+                    }
+                    dispatch({
+                        type: 'SET_MAPPABLE_DASHBOARD_TENANT_IDS_LOADING',
+                        payload: false,
+                    });
+                });
+            }
+            else {
+                dispatch({
+                    type: 'SET_MAPPABLE_DASHBOARD_TENANT_IDS',
+                    payload: [],
+                });
+            }
+        }
+    };
+    const setSelectedTenantValues = async (values) => {
+        dispatch({ type: 'SET_SELECTED_TENANT_VALUES', payload: values });
+        dispatch({ type: 'SET_SELECTED_DASHBOARD_TENANT_IDS', payload: undefined });
+        if (state.selectedTenantField) {
+            if (state.selectedTenantField !== selectedDashboard?.tenantKeys?.[0] &&
+                selectedDashboard) {
+                dispatch({
+                    type: 'SET_MAPPABLE_DASHBOARD_TENANT_IDS_LOADING',
+                    payload: true,
+                });
+                getTenantMapping(selectedDashboard.name, [{ tenantField: state.selectedTenantField, tenantIds: values }], state.client, getToken).then((mapping) => {
+                    if (selectedDashboard.tenantKeys?.[0]) {
+                        dispatch({
+                            type: 'SET_MAPPABLE_DASHBOARD_TENANT_IDS',
+                            payload: mapping[selectedDashboard.tenantKeys[0]],
+                        });
+                    }
+                    else {
+                        console.error('No tenant keys found for dashboard', selectedDashboard.name);
+                    }
+                    dispatch({
+                        type: 'SET_MAPPABLE_DASHBOARD_TENANT_IDS_LOADING',
+                        payload: false,
+                    });
+                });
+            }
+            const newSelectedTenant = state.client.allTenantTypes?.find((tenant) => tenant.tenantField === state.selectedTenantField);
+            dispatch({
+                type: 'SET_CURRENT_TENANT_IDENTITY',
+                payload: values?.length === newSelectedTenant?.tenantIds?.length &&
+                    newSelectedTenant?.tenantIds?.length !== 1 // avoid single selection edge case
+                    ? [ALL_TENANTS]
+                    : values.length
+                        ? [{ tenantField: state.selectedTenantField, tenantIds: values }]
+                        : [ALL_TENANTS],
+            });
+        }
+    };
+    const setSelectedDashboardTenantIds = (values) => {
+        dispatch({ type: 'SET_SELECTED_DASHBOARD_TENANT_IDS', payload: values });
+        if (values.length === 0 &&
+            state.selectedTenantField &&
+            state.selectedTenantValues) {
+            const newSelectedTenant = state.client.allTenantTypes?.find((tenant) => tenant.tenantField === state.selectedTenantField);
+            // If selectedTenantValues length is equivalent to the tenant types length, then we can assume that all tenants are selected and just set it to QUILL_ALL_TENANTS
+            dispatch({
+                type: 'SET_CURRENT_TENANT_IDENTITY',
+                payload: state.selectedTenantValues?.length ===
+                    newSelectedTenant?.tenantIds?.length &&
+                    newSelectedTenant?.tenantIds?.length !== 1 // avoid single selection edge case
+                    ? [ALL_TENANTS]
+                    : state.selectedTenantValues.length
+                        ? [
+                            {
+                                tenantField: state.selectedTenantField,
+                                tenantIds: state.selectedTenantValues,
+                            },
+                        ]
+                        : [ALL_TENANTS],
+            });
+        }
+        else if (selectedDashboard?.tenantKeys?.[0]) {
+            const newSelectedTenant = state.client.allTenantTypes?.find((tenant) => tenant.tenantField === selectedDashboard.tenantKeys?.[0]);
+            dispatch({
+                type: 'SET_CURRENT_TENANT_IDENTITY',
+                payload: values?.length === newSelectedTenant?.tenantIds?.length &&
+                    newSelectedTenant?.tenantIds?.length !== 1 // avoid single selection edge case
+                    ? [ALL_TENANTS]
+                    : values.length
+                        ? [
+                            {
+                                tenantField: selectedDashboard?.tenantKeys[0],
+                                tenantIds: values,
+                            },
+                        ]
+                        : [ALL_TENANTS],
+            });
+        }
+    };
+    return {
+        dashboardTenants,
+        dashboardOwnerTenant,
+        selectedTenantValues: state.selectedTenantValues,
+        selectedTenantType,
+        selectedDashboardTenantIds: state.selectedDashboardTenantIds,
+        dashboardTenantIdsLoading: state.mappableDashboardTenantIdsLoading,
+        setSelectedTenantType,
+        setSelectedTenantValues,
+        setSelectedDashboardTenantIds,
+    };
+};

package/dist/esm/hooks/useThrottle.d.ts

@@ -0,0 +1,2 @@
+export default function useThrottle(callback: (...args: any[]) => void, delay: number): (...args: any[]) => void;
+//# sourceMappingURL=useThrottle.d.ts.map

package/dist/esm/hooks/useThrottle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThrottle.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThrottle.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM,aAGI,GAAG,EAAE,UAOvB"}

package/dist/esm/hooks/useThrottle.js

@@ -0,0 +1,11 @@
+import { useRef } from 'react';
+export default function useThrottle(callback, delay) {
+    const lastCall = useRef(0);
+    return (...args) => {
+        const now = new Date().getTime();
+        if (now - lastCall.current >= delay) {
+            lastCall.current = now;
+            callback(...args);
+        }
+    };
+}

package/dist/esm/icons/CheckCircleIcon.d.ts

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

package/dist/esm/icons/CheckCircleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/CheckCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe;;6CAepB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/icons/CheckCircleIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const CheckCircleIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "size-6", 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 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z", clipRule: "evenodd" }) }));
+export default CheckCircleIcon;

package/dist/esm/icons/DownChevronIcon.d.ts

@@ -0,0 +1,2 @@
+export default function DownChevronIcon(props: any): JSX.Element;
+//# sourceMappingURL=DownChevronIcon.d.ts.map

package/dist/esm/icons/DownChevronIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownChevronIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/DownChevronIcon.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAmB/D"}

package/dist/esm/icons/DownChevronIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function DownChevronIcon(props) {
+    return (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", height: "20", width: "20", strokeWidth: 1.5, stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" }) }));
+}

package/dist/esm/icons/ExclamationFilledIcon.d.ts

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

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

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

package/dist/esm/icons/ExclamationFilledIcon.js

@@ -0,0 +1,3 @@
+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/icons/ExteriorLinkIcon.d.ts

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

package/dist/esm/icons/ExteriorLinkIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExteriorLinkIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/ExteriorLinkIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB;;6CAcrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/icons/ExteriorLinkIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ExteriorLinkIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "size-6", children: _jsx("path", { fillRule: "evenodd", d: "M15.75 2.25H21a.75.75 0 0 1 .75.75v5.25a.75.75 0 0 1-1.5 0V4.81L8.03 17.03a.75.75 0 0 1-1.06-1.06L19.19 3.75h-3.44a.75.75 0 0 1 0-1.5Zm-10.5 4.5a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5V10.5a.75.75 0 0 1 1.5 0v8.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V8.25a3 3 0 0 1 3-3h8.25a.75.75 0 0 1 0 1.5H5.25Z", clipRule: "evenodd" }) }));
+export default ExteriorLinkIcon;

package/dist/esm/icons/GlobeIcon.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export default function GlobeIcon({ style }: {
+    style?: CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GlobeIcon.d.ts.map

package/dist/esm/icons/GlobeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobeIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/GlobeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,2CA+BrE"}

package/dist/esm/icons/GlobeIcon.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function GlobeIcon({ style }) {
+    return (_jsx("div", { style: {
+            height: 16,
+            width: 16,
+            alignItems: 'center',
+            justifyContent: 'center',
+            display: 'flex',
+            cursor: 'pointer',
+            ...style,
+        }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "size-6", height: "20", width: "20", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" }) }) }));
+}

package/dist/esm/icons/InformationCircleIcon.d.ts

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

package/dist/esm/icons/InformationCircleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/InformationCircleIcon.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAAE,GAAG,KAAK,EAAE;;CAAA,2CAiBzD"}

package/dist/esm/icons/InformationCircleIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function InformationCircleIcon({ ...props }) {
+    return (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" }) }));
+}

package/dist/esm/icons/LeftChevronIcon.d.ts

@@ -0,0 +1,2 @@
+export default function LeftChevronIcon(props: any): JSX.Element;
+//# sourceMappingURL=LeftChevronIcon.d.ts.map

package/dist/esm/icons/LeftChevronIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftChevronIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/LeftChevronIcon.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAgB/D"}

package/dist/esm/icons/LeftChevronIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function LeftChevronIcon(props) {
+    return (_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: "M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z", clipRule: "evenodd" }) }));
+}

package/dist/esm/icons/QuestionMarkCircleIcon.d.ts

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

package/dist/esm/icons/QuestionMarkCircleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionMarkCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/QuestionMarkCircleIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB;;6CAgB3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/esm/icons/QuestionMarkCircleIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const QuestionMarkCircleIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "size-6", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" }) }));
+export default QuestionMarkCircleIcon;

package/dist/esm/icons/RightChevronIcon.d.ts

@@ -0,0 +1,2 @@
+export default function RightChevronIcon(props: any): JSX.Element;
+//# sourceMappingURL=RightChevronIcon.d.ts.map

package/dist/esm/icons/RightChevronIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightChevronIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/RightChevronIcon.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAmBhE"}

package/dist/esm/icons/RightChevronIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function RightChevronIcon(props) {
+    return (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", height: "20", width: "20", strokeWidth: 1.5, stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }));
+}

package/dist/esm/icons/XMarkIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export default function XMarkIcon(props: any): JSX.Element;
 //# sourceMappingURL=XMarkIcon.d.ts.map

package/dist/esm/icons/XMarkIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XMarkIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/XMarkIcon.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA4BzD"}
+{"version":3,"file":"XMarkIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/XMarkIcon.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA4BzD"}

package/dist/esm/index.d.ts

@@ -1,7 +1,6 @@
-export { default as Admin } from './Admin';
 export { AdminProvider } from './AdminProvider';
 export { default as DashboardManager } from './public_components/DashboardManager';
-export { default as DashboardBuilder } from './public_components/DashboardBuilder';
-export { default as SQLViewManager } from './public_components/SQLViewManager';
+export { default as ChartBuilder } from './public_components/ChartQueryBuilder';
+export { default as VirtualTableManager } from './public_components/VirtualTableManager';
 export { default as CreateEnvironment } from './public_components/CreateEnvironment';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { default as Admin } from './Admin';
+// export { default as Admin } from './Admin';
 export { AdminProvider } from './AdminProvider';
 export { default as DashboardManager } from './public_components/DashboardManager';
-export { default as DashboardBuilder } from './public_components/DashboardBuilder';
-export { default as SQLViewManager } from './public_components/SQLViewManager';
+export { default as ChartBuilder } from './public_components/ChartQueryBuilder';
+export { default as VirtualTableManager } from './public_components/VirtualTableManager';
 export { default as CreateEnvironment } from './public_components/CreateEnvironment';

package/dist/esm/modals/CodePreview.d.ts

@@ -0,0 +1,6 @@
+export default function CodePreview({ ModalComponent, isOpen, setIsOpen, }: {
+    ModalComponent: any;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CodePreview.d.ts.map

package/dist/esm/modals/CodePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodePreview.d.ts","sourceRoot":"","sources":["../../../src/modals/CodePreview.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE;IACD,cAAc,EAAE,GAAG,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,kDA4OA"}

package/dist/esm/modals/CodePreview.js

@@ -0,0 +1,145 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Chart, Dashboard, Table, useDashboards, useExport, useQuill, } from '@quillsql/react';
+import { useAdmin } from '../AdminProvider';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import QuillTab from '../components/QuillTab';
+import { QuillSelectComponentWithCombo } from '../components/QuillSelectWithCombo';
+import { Highlight, themes } from 'prism-react-renderer';
+import { MemoizedButton } from '../components/UiComponents';
+export default function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
+    const { state } = useAdmin();
+    const { dashboards } = useDashboards();
+    const parentRef = useRef(null);
+    const [modalWidth, setModalWidth] = useState(200);
+    const [modalHeight, setModalHeight] = useState(200);
+    const [toggleMode, setToggleMode] = useState('Dashboard');
+    const [selectedReportId, setSelectedReportId] = useState(null);
+    const [hideCode, setHideCode] = useState(false);
+    const selectedDashboardObject = useMemo(() => {
+        return dashboards?.find((elem) => elem.name === state.selectedDashboard);
+    }, [dashboards, state.selectedDashboard]);
+    const handleResize = useCallback(() => {
+        const screenSize = window.innerWidth;
+        if (screenSize < 1200) {
+            setModalWidth(undefined); // use dynamic width of contents
+        }
+        else {
+            setModalWidth(window.innerWidth - 80);
+        }
+        setModalHeight(window.innerHeight - 80);
+    }, []);
+    useEffect(() => {
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [handleResize]);
+    useEffect(() => {
+        if (!selectedDashboardObject) {
+            return;
+        }
+        if (selectedDashboardObject?.reports &&
+            selectedDashboardObject.reports.length &&
+            selectedDashboardObject.reports[0]) {
+            setSelectedReportId(selectedDashboardObject.reports[0].id);
+        }
+    }, [selectedDashboardObject]);
+    const handleCopyCode = () => {
+        const code = toggleMode === 'Dashboard'
+            ? `import { Dashboard } from '@quillsql/react' \n\nfunction DashboardPage() { \n\n\treturn ( \n\t\t // TODO: make sure all Quill Components are children of <QuillProvider /> \n\t\t<Dashboard \n\t\t\tname="${state.selectedDashboard}" \n\t\t\t// TODO: use id to navigate to report detail page \n\t\t\tonClickReport={report => console.log("Quill Report ID: ", report.id)} \n\t\t/>  \n\t); \n}`
+            : `import { Chart, Table } from '@quillsql/react' \n\nfunction ReportDetail() { \n\tconst { reportId } = useRouter() // TODO: replace with your navigation router \n\tconst { data, loading, error } = useQuill(reportId) \n\tconst { downloadCSV } = useExport(reportId) \n\n\treturn ( \n\t\t// TODO: make sure all Quill Components are children of <QuillProvider /> \n\t\t<>\n\t\t\t<h1>{data.name}</h1>\n\t\t\t<Chart reportId={reportId} />\n\t\t\t<YourButton onClick={downloadCSV}>Download CSV</Button>\n\t\t\t<Table reportId={reportId} autoHide />\n\t\t</> \n\t); \n}`;
+        navigator.clipboard.writeText(code);
+    };
+    if (!state.selectedDashboard) {
+        return null;
+    }
+    return (_jsx("div", { ref: parentRef, children: _jsx(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: "Embed Preview", width: modalWidth, height: modalHeight, children: _jsxs("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [_jsx("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            gap: 20,
+                            marginBottom: 20,
+                        }, children: _jsx("div", { children: _jsx(QuillTab, { modeToggleOptions: [
+                                    { label: 'Dashboard', value: 'Dashboard' },
+                                    { label: 'Report Detail', value: 'Report Detail' },
+                                ], toggleMode: toggleMode, setToggleMode: setToggleMode, width: "250px" }) }) }), toggleMode === 'Report Detail' ? (_jsxs(_Fragment, { children: [_jsx(QuillSelectComponentWithCombo, { hideEmptyOption: true, options: selectedDashboardObject?.reports?.map((elem) => ({
+                                    label: elem.name,
+                                    value: elem.id,
+                                })) || [], label: "Report", value: selectedReportId || '', onChange: (e) => {
+                                    setSelectedReportId(e.target.value);
+                                }, width: 250 }), _jsx("br", {})] })) : null, _jsx("div", { style: { position: 'relative' }, children: _jsxs("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                justifyContent: hideCode ? 'space-between' : 'flex-end',
+                                width: 900,
+                                position: 'absolute',
+                                top: 0,
+                                zIndex: 100,
+                                border: hideCode ? '1px solid #e7e7e7' : undefined,
+                                paddingTop: 10,
+                                paddingBottom: 10,
+                                borderRadius: 8,
+                            }, children: [hideCode ? (_jsx("div", { style: {
+                                        fontWeight: 600,
+                                        color: '#6D727E',
+                                        fontSize: 14,
+                                        paddingLeft: 10,
+                                    }, children: "Code" })) : null, _jsxs("div", { style: {
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                    }, children: [!hideCode ? (_jsx("button", { style: {
+                                                border: '1px #e7e7e7 solid',
+                                                background: 'white',
+                                                height: 36,
+                                                borderRadius: 6,
+                                                padding: '0px 12px',
+                                                marginRight: 10,
+                                                fontSize: 14,
+                                            }, onClick: handleCopyCode, children: "copy" })) : null, _jsx("button", { style: {
+                                                border: '1px #e7e7e7 solid',
+                                                background: 'white',
+                                                height: 36,
+                                                borderRadius: 6,
+                                                padding: '0px 12px',
+                                                marginRight: 10,
+                                                fontSize: 14,
+                                            }, onClick: () => setHideCode((hideCode) => !hideCode), children: hideCode ? 'show code' : 'hide' })] })] }) }), !hideCode ? (_jsx(Highlight, { theme: themes.nightOwlLight, code: toggleMode === 'Dashboard'
+                            ? `import { Dashboard } from '@quillsql/react' \n\nfunction DashboardPage() { \n\n\treturn ( \n\t\t // TODO: make sure all Quill Components are children of <QuillProvider /> \n\t\t<Dashboard \n\t\t\tname="${state.selectedDashboard}" \n\t\t\t// TODO: use id to navigate to report detail page \n\t\t\tonClickReport={report => console.log("Quill Report ID: ", report.id)} \n\t\t/>  \n\t); \n}`
+                            : `import { Chart, Table } from '@quillsql/react' \n\nfunction ReportDetail() { \n\tconst { reportId } = useRouter() // TODO: replace with your navigation router \n\tconst { data, loading, error } = useQuill(reportId) \n\tconst { downloadCSV } = useExport(reportId) \n\n\treturn ( \n\t\t// TODO: make sure all Quill Components are children of <QuillProvider /> \n\t\t<>\n\t\t\t<h1>{data.name}</h1>\n\t\t\t<Chart reportId={reportId} />\n\t\t\t<YourButton onClick={downloadCSV}>Download CSV</Button>\n\t\t\t<Table reportId={reportId} autoHide />\n\t\t</> \n\t); \n}`, language: "tsx", children: ({ className, tokens, style, getLineProps, getTokenProps }) => (_jsx("pre", { className: className, style: {
+                                ...style,
+                                // textAlign: 'left',
+                                padding: '1em',
+                                height: toggleMode === 'Dashboard' ? 340 : 280,
+                                // width: '100%',
+                                width: 900,
+                                borderRadius: 8,
+                                overflow: 'auto',
+                                border: '1px solid #e7e7e7',
+                            }, children: tokens.map((line, i) => (_createElement("div", { ...getLineProps({ line }), key: i, style: {
+                                // wordWrap: 'normal',
+                                // whiteSpace: 'normal',
+                                } }, line.map((token, key) => (_jsx("span", { ...getTokenProps({ token }) }, key)))))) })) })) : null, hideCode ? (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsx("br", {})] })) : null, _jsx("br", {}), toggleMode === 'Dashboard' ? (_jsx(Dashboard, { name: state.selectedDashboard })) : (_jsx(ReportCodeDetail, { selectedReportId: selectedReportId }))] }) }) }));
+}
+function ReportCodeDetail({ selectedReportId, }) {
+    if (!selectedReportId) {
+        return null;
+    }
+    const { data } = useQuill(selectedReportId);
+    const { downloadCSV } = useExport(selectedReportId);
+    return (_jsxs("div", { style: { minHeight: 400 }, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: 20,
+                }, children: [_jsx("h1", { style: {
+                            fontSize: 24,
+                            color: '#212121',
+                            fontWeight: 600,
+                            marginBottom: 10,
+                            width: '100%',
+                        }, children: data?.name }), _jsx(MemoizedButton, { onClick: downloadCSV, label: 'Download CSV' })] }), _jsx(Chart, { reportId: selectedReportId }), _jsx(Table, { reportId: selectedReportId, autoHide: true })] }));
+}

package/dist/esm/modals/EditEnvironmentModal.d.ts

@@ -0,0 +1,15 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { TextInputPrimitiveProps } from '../primitives/TextInputPrimitive';
+import { SelectComponentProps } from '../components/QuillSelectWithCombo';
+export declare function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextInputComponent, ButtonComponent, HeaderComponent, SecondaryButtonComponent, }: {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    onSave: () => void;
+    ModalComponent: any;
+    TextInputComponent: ForwardRefExoticComponent<TextInputPrimitiveProps & RefAttributes<HTMLInputElement>> | ((props: TextInputPrimitiveProps) => JSX.Element);
+    ButtonComponent: any;
+    SelectComponent: (props: SelectComponentProps) => JSX.Element;
+    HeaderComponent: any;
+    SecondaryButtonComponent: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditEnvironmentModal.d.ts.map

package/dist/esm/modals/EditEnvironmentModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditEnvironmentModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditEnvironmentModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,yBAAyB,EACzB,aAAa,EAGd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAQ3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAsB1E,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAg4BA"}