@quillsql/admin 1.7.1 → 1.7.3

package/dist/cjs/index.d.ts

@@ -1,6 +0,0 @@
-export { AdminProvider } from './AdminProvider';
-export { default as DashboardManager } from './public_components/DashboardManager';
-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 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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 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

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

@@ -1 +0,0 @@
-{"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,kDAoPA"}

package/dist/cjs/modals/CodePreview.js

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

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = CreateEnvironmentModal;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const useAdmin_1 = require("../hooks/useAdmin");
-const primitives_1 = require("../primitives");
-const CreateEnvironment_1 = __importDefault(require("../public_components/CreateEnvironment"));
-function CreateEnvironmentModal({ showCreateEnvironmentModal, setShowCreateEnvironmentModal, }) {
-    const { onOnboardComplete } = (0, useAdmin_1.useAdmin)();
-    return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => {
-            if (confirm('Are you sure you want to close this modal? Changes will not be saved.')) {
-                setShowCreateEnvironmentModal(false);
-            }
-        }, children: (0, jsx_runtime_1.jsx)(CreateEnvironment_1.default, { onOnboardComplete: (client) => {
-                setShowCreateEnvironmentModal(false);
-                onOnboardComplete?.(client);
-            } }) }));
-}

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