@quillsql/admin 1.7.1 → 1.7.3

package/dist/esm/modals/CodePreview.js

@@ -1,150 +0,0 @@
-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 '../hooks/useAdmin';
-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, eventTracking } = 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 [initialSizeIsSet, setInitialSizeIsSet] = 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);
-        setInitialSizeIsSet(true);
-    }, []);
-    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);
-        eventTracking?.logEvent?.('embed-preview-copy-code', {
-            dashboardName: state.selectedDashboard,
-        });
-    };
-    if (!state.selectedDashboard) {
-        return null;
-    }
-    return (_jsx("div", { ref: parentRef, style: { visibility: initialSizeIsSet ? 'visible' : 'hidden' }, 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/CreateEnvironmentModal.d.ts

@@ -1,5 +0,0 @@
-export default function CreateEnvironmentModal({ showCreateEnvironmentModal, setShowCreateEnvironmentModal, }: {
-    showCreateEnvironmentModal: boolean;
-    setShowCreateEnvironmentModal: (show: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CreateEnvironmentModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CreateEnvironmentModal.d.ts","sourceRoot":"","sources":["../../../src/modals/CreateEnvironmentModal.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,0BAA0B,EAC1B,6BAA6B,GAC9B,EAAE;IACD,0BAA0B,EAAE,OAAO,CAAC;IACpC,6BAA6B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD,2CAuBA"}

package/dist/esm/modals/CreateEnvironmentModal.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAdmin } from '../hooks/useAdmin';
-import { ModalPrimitive } from '../primitives';
-import CreateEnvironment from '../public_components/CreateEnvironment';
-export default function CreateEnvironmentModal({ showCreateEnvironmentModal, setShowCreateEnvironmentModal, }) {
-    const { onOnboardComplete } = useAdmin();
-    return (_jsx(ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => {
-            if (confirm('Are you sure you want to close this modal? Changes will not be saved.')) {
-                setShowCreateEnvironmentModal(false);
-            }
-        }, children: _jsx(CreateEnvironment, { onOnboardComplete: (client) => {
-                setShowCreateEnvironmentModal(false);
-                onOnboardComplete?.(client);
-            } }) }));
-}

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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;AAQ1E,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,2CAi9BA"}