@quillsql/admin 1.6.1 → 1.6.3

package/dist/cjs/hooks/useTenants.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTenants = void 0;
+const AdminProvider_1 = require("../AdminProvider");
+const tenants_1 = require("../utils/tenants");
+const react_1 = require("react");
+const useDashboardManager_1 = require("./useDashboardManager");
+const constants_1 = require("../utils/constants");
+const useTenants = () => {
+    const { selectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
+    const { state, dispatch, getToken } = (0, AdminProvider_1.useAdmin)();
+    const dashboardTenants = (0, react_1.useMemo)(() => {
+        return state.client?.allTenantTypes?.filter((t) => selectedDashboard?.tenantKeys?.some((key) => (t.mappings && key in t.mappings) ||
+            key === t.tenantField ||
+            key === constants_1.SINGLE_TENANT ||
+            t.tenantField === constants_1.SINGLE_TENANT));
+    }, [state.client?.allTenantTypes, selectedDashboard?.tenantKeys]);
+    // TODO: support multiple dashboard owners
+    const dashboardOwnerTenant = (0, react_1.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 = (0, react_1.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] }]
+                : [constants_1.ALL_TENANTS],
+        });
+        if (selectedDashboard) {
+            if (value !== selectedDashboard.tenantKeys?.[0]) {
+                dispatch({
+                    type: 'SET_MAPPABLE_DASHBOARD_TENANT_IDS_LOADING',
+                    payload: true,
+                });
+                (0, tenants_1.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,
+                });
+                (0, tenants_1.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
+                    ? [constants_1.ALL_TENANTS]
+                    : values.length
+                        ? [{ tenantField: state.selectedTenantField, tenantIds: values }]
+                        : [constants_1.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
+                    ? [constants_1.ALL_TENANTS]
+                    : state.selectedTenantValues.length
+                        ? [
+                            {
+                                tenantField: state.selectedTenantField,
+                                tenantIds: state.selectedTenantValues,
+                            },
+                        ]
+                        : [constants_1.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
+                    ? [constants_1.ALL_TENANTS]
+                    : values.length
+                        ? [
+                            {
+                                tenantField: selectedDashboard?.tenantKeys[0],
+                                tenantIds: values,
+                            },
+                        ]
+                        : [constants_1.ALL_TENANTS],
+            });
+        }
+    };
+    return {
+        dashboardTenants,
+        dashboardOwnerTenant,
+        selectedTenantValues: state.selectedTenantValues,
+        selectedTenantType,
+        selectedDashboardTenantIds: state.selectedDashboardTenantIds,
+        dashboardTenantIdsLoading: state.mappableDashboardTenantIdsLoading,
+        setSelectedTenantType,
+        setSelectedTenantValues,
+        setSelectedDashboardTenantIds,
+    };
+};
+exports.useTenants = useTenants;

package/dist/cjs/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/cjs/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/cjs/hooks/useThrottle.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useThrottle;
+const react_1 = require("react");
+function useThrottle(callback, delay) {
+    const lastCall = (0, react_1.useRef)(0);
+    return (...args) => {
+        const now = new Date().getTime();
+        if (now - lastCall.current >= delay) {
+            lastCall.current = now;
+            callback(...args);
+        }
+    };
+}

package/dist/cjs/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/cjs/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/cjs/icons/CheckCircleIcon.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CheckCircleIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "size-6", children: (0, jsx_runtime_1.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" }) }));
+exports.default = CheckCircleIcon;

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

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

package/dist/cjs/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/cjs/icons/DownChevronIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DownChevronIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DownChevronIcon(props) {
+    return ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" }) }));
+}

package/dist/cjs/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/cjs/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/cjs/icons/ExclamationFilledIcon.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ExclamationFilledIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: (0, jsx_runtime_1.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" }) }));
+exports.default = ExclamationFilledIcon;

package/dist/cjs/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/cjs/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/cjs/icons/ExteriorLinkIcon.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ExteriorLinkIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "size-6", children: (0, jsx_runtime_1.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" }) }));
+exports.default = ExteriorLinkIcon;

package/dist/cjs/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/cjs/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/cjs/icons/GlobeIcon.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = GlobeIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function GlobeIcon({ style }) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            height: 16,
+            width: 16,
+            alignItems: 'center',
+            justifyContent: 'center',
+            display: 'flex',
+            cursor: 'pointer',
+            ...style,
+        }, children: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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/cjs/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/cjs/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/cjs/icons/InformationCircleIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = InformationCircleIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function InformationCircleIcon({ ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: (0, jsx_runtime_1.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/cjs/icons/LeftChevronIcon.d.ts

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

package/dist/cjs/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/cjs/icons/LeftChevronIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LeftChevronIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function LeftChevronIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "20", width: "20", children: (0, jsx_runtime_1.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/cjs/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/cjs/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/cjs/icons/QuestionMarkCircleIcon.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const QuestionMarkCircleIcon = ({ ...props }) => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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" }) }));
+exports.default = QuestionMarkCircleIcon;

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

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

package/dist/cjs/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/cjs/icons/RightChevronIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = RightChevronIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function RightChevronIcon(props) {
+    return ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }));
+}

package/dist/cjs/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/cjs/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/cjs/icons/XMarkIcon.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = XMarkIcon;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function XMarkIcon(props) {
     return ((0, jsx_runtime_1.jsx)("div", { style: {
@@ -11,4 +12,3 @@ function XMarkIcon(props) {
             cursor: 'pointer',
         }, ...props, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: props.fill || '#4C5462', width: "20", height: "20", children: (0, jsx_runtime_1.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" }) }) }));
 }
-exports.default = XMarkIcon;

package/dist/cjs/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/cjs/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/cjs/index.js

@@ -3,16 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreateEnvironment = exports.SQLViewManager = exports.DashboardBuilder = exports.DashboardManager = exports.AdminProvider = exports.Admin = void 0;
-var Admin_1 = require("./Admin");
-Object.defineProperty(exports, "Admin", { enumerable: true, get: function () { return __importDefault(Admin_1).default; } });
+exports.CreateEnvironment = exports.VirtualTableManager = exports.ChartBuilder = exports.DashboardManager = exports.AdminProvider = void 0;
+// export { default as Admin } from './Admin';
 var AdminProvider_1 = require("./AdminProvider");
 Object.defineProperty(exports, "AdminProvider", { enumerable: true, get: function () { return AdminProvider_1.AdminProvider; } });
 var DashboardManager_1 = require("./public_components/DashboardManager");
 Object.defineProperty(exports, "DashboardManager", { enumerable: true, get: function () { return __importDefault(DashboardManager_1).default; } });
-var DashboardBuilder_1 = require("./public_components/DashboardBuilder");
-Object.defineProperty(exports, "DashboardBuilder", { enumerable: true, get: function () { return __importDefault(DashboardBuilder_1).default; } });
-var SQLViewManager_1 = require("./public_components/SQLViewManager");
-Object.defineProperty(exports, "SQLViewManager", { enumerable: true, get: function () { return __importDefault(SQLViewManager_1).default; } });
+var ChartQueryBuilder_1 = require("./public_components/ChartQueryBuilder");
+Object.defineProperty(exports, "ChartBuilder", { enumerable: true, get: function () { return __importDefault(ChartQueryBuilder_1).default; } });
+var VirtualTableManager_1 = require("./public_components/VirtualTableManager");
+Object.defineProperty(exports, "VirtualTableManager", { enumerable: true, get: function () { return __importDefault(VirtualTableManager_1).default; } });
 var CreateEnvironment_1 = require("./public_components/CreateEnvironment");
 Object.defineProperty(exports, "CreateEnvironment", { enumerable: true, get: function () { return __importDefault(CreateEnvironment_1).default; } });

package/dist/cjs/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/cjs/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/cjs/modals/CodePreview.js

@@ -0,0 +1,151 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CodePreview;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_2 = require("@quillsql/react");
+const AdminProvider_1 = require("../AdminProvider");
+const react_3 = require("react");
+const QuillTab_1 = __importDefault(require("../components/QuillTab"));
+const QuillSelectWithCombo_1 = require("../components/QuillSelectWithCombo");
+const prism_react_renderer_1 = require("prism-react-renderer");
+const UiComponents_1 = require("../components/UiComponents");
+function CodePreview({ ModalComponent, isOpen, setIsOpen, }) {
+    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { dashboards } = (0, react_2.useDashboards)();
+    const parentRef = (0, react_3.useRef)(null);
+    const [modalWidth, setModalWidth] = (0, react_3.useState)(200);
+    const [modalHeight, setModalHeight] = (0, react_3.useState)(200);
+    const [toggleMode, setToggleMode] = (0, react_3.useState)('Dashboard');
+    const [selectedReportId, setSelectedReportId] = (0, react_3.useState)(null);
+    const [hideCode, setHideCode] = (0, react_3.useState)(false);
+    const selectedDashboardObject = (0, react_3.useMemo)(() => {
+        return dashboards?.find((elem) => elem.name === state.selectedDashboard);
+    }, [dashboards, state.selectedDashboard]);
+    const handleResize = (0, react_3.useCallback)(() => {
+        const screenSize = window.innerWidth;
+        if (screenSize < 1200) {
+            setModalWidth(undefined); // use dynamic width of contents
+        }
+        else {
+            setModalWidth(window.innerWidth - 80);
+        }
+        setModalHeight(window.innerHeight - 80);
+    }, []);
+    (0, react_3.useEffect)(() => {
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [handleResize]);
+    (0, react_3.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 ((0, jsx_runtime_1.jsx)("div", { ref: parentRef, children: (0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: "Embed Preview", width: modalWidth, height: modalHeight, children: (0, jsx_runtime_1.jsxs)("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            gap: 20,
+                            marginBottom: 20,
+                        }, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(QuillTab_1.default, { modeToggleOptions: [
+                                    { label: 'Dashboard', value: 'Dashboard' },
+                                    { label: 'Report Detail', value: 'Report Detail' },
+                                ], toggleMode: toggleMode, setToggleMode: setToggleMode, width: "250px" }) }) }), toggleMode === 'Report Detail' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(QuillSelectWithCombo_1.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 }), (0, jsx_runtime_1.jsx)("br", {})] })) : null, (0, jsx_runtime_1.jsx)("div", { style: { position: 'relative' }, children: (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                                        fontWeight: 600,
+                                        color: '#6D727E',
+                                        fontSize: 14,
+                                        paddingLeft: 10,
+                                    }, children: "Code" })) : null, (0, jsx_runtime_1.jsxs)("div", { style: {
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                    }, children: [!hideCode ? ((0, jsx_runtime_1.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, (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsx)(prism_react_renderer_1.Highlight, { theme: prism_react_renderer_1.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 }) => ((0, jsx_runtime_1.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) => ((0, react_1.createElement)("div", { ...getLineProps({ line }), key: i, style: {
+                                // wordWrap: 'normal',
+                                // whiteSpace: 'normal',
+                                } }, line.map((token, key) => ((0, jsx_runtime_1.jsx)("span", { ...getTokenProps({ token }) }, key)))))) })) })) : null, hideCode ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })) : null, (0, jsx_runtime_1.jsx)("br", {}), toggleMode === 'Dashboard' ? ((0, jsx_runtime_1.jsx)(react_2.Dashboard, { name: state.selectedDashboard })) : ((0, jsx_runtime_1.jsx)(ReportCodeDetail, { selectedReportId: selectedReportId }))] }) }) }));
+}
+function ReportCodeDetail({ selectedReportId, }) {
+    if (!selectedReportId) {
+        return null;
+    }
+    const { data } = (0, react_2.useQuill)(selectedReportId);
+    const { downloadCSV } = (0, react_2.useExport)(selectedReportId);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { minHeight: 400 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: 20,
+                }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                            fontSize: 24,
+                            color: '#212121',
+                            fontWeight: 600,
+                            marginBottom: 10,
+                            width: '100%',
+                        }, children: data?.name }), (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedButton, { onClick: downloadCSV, label: 'Download CSV' })] }), (0, jsx_runtime_1.jsx)(react_2.Chart, { reportId: selectedReportId }), (0, jsx_runtime_1.jsx)(react_2.Table, { reportId: selectedReportId, autoHide: true })] }));
+}

package/dist/cjs/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