@quillsql/admin 1.7.0 → 1.7.2

package/dist/esm/modals/PromoteViewModal.js

@@ -1,90 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { QuillSelectComponentWithCombo } from '../components/QuillSelectWithCombo';
-import { useAdmin } from '../AdminProvider';
-export default function PromoteVirtualTableModal({ ModalComponent, HeaderComponent, ButtonComponent, isOpen, setIsOpen, clientId, client, clients, view, }) {
-    const { state, quillFetchWithToken, eventTracking } = useAdmin();
-    const [selectedClientId, setClientId] = useState(undefined);
-    useEffect(() => {
-        setClientId(clients[0]?.id);
-    }, [clients]);
-    const handlePromote = async (skipWarning = false) => {
-        if (!selectedClientId) {
-            return;
-        }
-        try {
-            const respJson = await quillFetchWithToken({
-                client: {
-                    queryEndpoint: state.queryEndpoint,
-                    queryHeaders: state.queryHeaders,
-                    clientId,
-                    withCredentials: !!state.withCredentials,
-                },
-                task: 'promote-view',
-                metadata: {
-                    clientId,
-                    viewName: view,
-                    fromClientId: clientId,
-                    toClientId: selectedClientId,
-                    skipWarning,
-                },
-                adminMode: true,
-            });
-            if (respJson?.error) {
-                alert(respJson?.error);
-                return;
-            }
-            const data = respJson?.data;
-            if (data.error) {
-                alert(data.error);
-                return;
-            }
-            else if (!skipWarning && data.warning) {
-                if (confirm(`${data.warning}\n\nContinue?`)) {
-                    handlePromote(true);
-                }
-                return;
-            }
-            alert('Virtual Table promoted successfully.');
-        }
-        catch (error) {
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error promoting virtual table',
-                errorMessage: error.message,
-                errorStack: error.stack,
-                errorData: {
-                    caller: 'PromoteViewModal',
-                    function: 'handlePromote',
-                },
-            });
-            console.error('Promotion failed:', error);
-        }
-    };
-    return (_jsx(ModalComponent, { isOpen: isOpen, onClose: () => {
-            setIsOpen(false);
-        }, setIsOpen: setIsOpen, title: 'Promote Changes', width: 500, children: _jsxs("div", { style: {
-                display: 'flex',
-                flexDirection: 'column',
-                boxSizing: 'border-box',
-                maxHeight: 600,
-            }, children: [_jsx(HeaderComponent, { label: "Promote Virtual Table" }), _jsxs("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        gap: 12,
-                        marginTop: 12,
-                    }, children: [_jsx(QuillSelectComponentWithCombo, { options: [{ label: client.name, value: clientId }], onChange: () => { }, value: clientId, disabled: true, width: 200, label: "From:" }), _jsx(QuillSelectComponentWithCombo, { options: clients
-                                .filter((c) => c._id !== clientId)
-                                .map((c) => ({ label: c.name, value: c._id })), onChange: (e) => {
-                                setClientId(e.target.value);
-                            }, value: selectedClientId, width: 200, label: "To:" })] }), _jsx("div", { style: {
-                        display: 'flex',
-                        justifyContent: 'flex-end',
-                        alignItems: 'center',
-                        marginTop: 12,
-                    }, children: _jsx(ButtonComponent, { onClick: () => {
-                            handlePromote();
-                            setIsOpen(false);
-                        }, label: "Promote Virtual Table", disabled: !selectedClientId, width: 160 }) })] }) }));
-}

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

@@ -1,10 +0,0 @@
-export default function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalComponent, ButtonComponent, selectedDashboard, }: {
-    isOpen: any;
-    setIsOpen: any;
-    client: any;
-    onSave: any;
-    ModalComponent: any;
-    ButtonComponent: any;
-    selectedDashboard: any;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ReorderDashboardModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReorderDashboardModal.d.ts","sourceRoot":"","sources":["../../../src/modals/ReorderDashboardModal.tsx"],"names":[],"mappings":"AAyBA,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,MAAM,EACN,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,eAAe,EACf,iBAAiB,GAClB;;;;;;;;CAAA,2CA6LA"}

package/dist/esm/modals/ReorderDashboardModal.js

@@ -1,250 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
-import { useEffect, useState } from 'react';
-import { useAdmin } from '../AdminProvider';
-import { QUILL_SERVER, SINGLE_TENANT } from '../utils/constants';
-import { arrayMove, rectSortingStrategy, SortableContext, sortableKeyboardCoordinates, useSortable, } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, TouchSensor, } from '@dnd-kit/core';
-import { Chart } from '@quillsql/react';
-import { LoadingSpinner } from '../components/UiComponents';
-// TODO: DEPRECATED
-export default function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalComponent, ButtonComponent, selectedDashboard, }) {
-    const { state, quillFetchWithToken } = useAdmin();
-    const [sections, setSections] = useState([]);
-    const [metrics, setMetrics] = useState({});
-    const [charts, setCharts] = useState({});
-    const [tables, setTables] = useState({});
-    const [loading, setLoading] = useState(false);
-    useEffect(() => {
-        async function getDashboardItems() {
-            setLoading(true);
-            const responseData = await quillFetchWithToken({
-                client: {
-                    queryEndpoint: state.queryEndpoint,
-                    clientId: state.client.id,
-                    queryHeaders: state.queryHeaders,
-                    withCredentials: !!state.withCredentials,
-                },
-                task: 'dashboard',
-                metadata: {
-                    name: selectedDashboard,
-                    clientId: state.client.id,
-                    databaseType: state.client.databaseType,
-                    useNewNodeSql: true,
-                    tenants: state.selectedTenantField === SINGLE_TENANT
-                        ? [SINGLE_TENANT]
-                        : state.currentTenantIdentity,
-                    flags: state.selectedTenantField === SINGLE_TENANT
-                        ? state.selectedTenantValues
-                        : undefined,
-                },
-                adminMode: true,
-            });
-            const sections = responseData.data.sections;
-            setSections(Object.keys(sections));
-            const isMetric = (elem) => elem.chartType === 'metric';
-            const isChart = (elem) => !['metric', 'table'].includes(elem.chartType);
-            const isTable = (elem) => elem.chartType === 'table';
-            setMetrics(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isMetric)])));
-            setCharts(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isChart)])));
-            setTables(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isTable)])));
-            setLoading(false);
-        }
-        if (selectedDashboard && state.client) {
-            getDashboardItems();
-        }
-    }, [selectedDashboard, state.client]);
-    const handleSaveChanges = async () => {
-        if (!client)
-            return;
-        try {
-            // THIS IS DEPRECATED BECAUSE THE COMPONENT ISN'T USED
-            const response = await fetch(`${QUILL_SERVER}/dashorder/`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    publicKey: client._id,
-                    orderArray: [
-                        ...Object.values(metrics).flat(),
-                        ...Object.values(charts).flat(),
-                        ...Object.values(tables).flat(),
-                    ],
-                }),
-                credentials: state.withCredentials ? 'include' : 'omit',
-            });
-            if (!response.ok) {
-                const errorData = await response.json();
-                throw new Error(`Error: ${errorData.error || 'Unknown error'}`);
-            }
-            await response.json();
-            onSave();
-            setIsOpen(false);
-        }
-        catch (error) {
-            console.error('An unknown error occurred in ReorderDashboardModal');
-            console.error(error.message);
-        }
-    };
-    return (_jsxs(ModalComponent, { isOpen: isOpen, onClose: () => setIsOpen(false), style: {
-            gap: 20,
-            display: 'flex',
-            flexDirection: 'column',
-            width: 'calc(100vw - 80px)',
-            height: 'calc(100vh - 80px)',
-        }, children: [_jsx("h1", { style: { fontSize: 22, fontWeight: 600, width: '100%' }, children: "Reorder Items" }), loading ? _jsx(LoadingSpinner, {}) : null, _jsx("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: 20,
-                    overflowY: 'auto',
-                    width: '100%',
-                    height: 'calc(100% - 20px)',
-                    zIndex: 100,
-                }, children: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 20 }, children: sections
-                        .sort((a, b) => a.length - b.length)
-                        .map((sectionName, sectionIndex) => (_jsxs("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            gap: 20,
-                        }, children: [sectionName && (_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsx("h1", { style: {
-                                        fontSize: 22,
-                                        fontWeight: 'bold',
-                                        textAlign: 'left',
-                                        marginTop: sectionIndex > 0 ? 20 : 0,
-                                    }, children: sectionName }) })), metrics[sectionName]?.length > 0 && (_jsx(ReorderableGrid, { type: 'metrics', section: sectionName, items: metrics[sectionName], setItems: setMetrics })), charts[sectionName]?.length > 0 && (_jsx(ReorderableGrid, { type: 'charts', section: sectionName, items: charts[sectionName], setItems: setCharts })), tables[sectionName]?.length > 0 && (_jsx(ReorderableGrid, { type: 'tables', section: sectionName, items: tables[sectionName], setItems: setTables }))] }))) }) }), _jsx("div", { style: {
-                    width: '100%',
-                    display: 'flex',
-                    flexDirection: 'row',
-                    justifyContent: 'right',
-                }, children: _jsx(ButtonComponent, { onClick: handleSaveChanges, label: "Save changes" }) })] }));
-}
-const SortableItem = (props) => {
-    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: props.id });
-    const style = {
-        transform: CSS.Translate.toString(transform),
-        transition,
-        display: 'flex',
-        width: props.chartType === 'table' ? '100%' : '100%',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        borderRadius: '10px',
-        border: '1px solid #E7E7E7',
-        boxShadow: '0px 2px 8px 0px rgba(56, 65, 81, 0.08)',
-        cursor: 'grab',
-        userSelect: 'none',
-        background: 'white',
-    };
-    return (_jsx("div", { ref: setNodeRef, style: style, ...attributes, children: _jsx("div", { style: {
-                cursor: 'pointer',
-                width: '100%',
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            }, ...listeners, children: _jsxs("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    justifyContent: 'space-between',
-                    padding: 20,
-                    width: '100%',
-                }, children: [_jsxs("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'row',
-                            paddingBottom: props.chartType === 'table' ? 10 : 0,
-                        }, children: [_jsx("h1", { style: {
-                                    fontSize: 18,
-                                    fontWeight: '500',
-                                    flexGrow: 1,
-                                }, children: props.value }), _jsx(HandleButton, {})] }), _jsx(Chart, { reportId: props.id, containerStyle: {
-                            padding: 10,
-                            height: props.chartType === 'metric'
-                                ? 80
-                                : props.chartType === 'table'
-                                    ? 420
-                                    : 250,
-                            width: 'calc(100% - 20px)',
-                        }, hideFilters: true, hideDateRangeFilter: true })] }) }) }));
-};
-function ReorderableGrid({ type, section, items, setItems }) {
-    if (!items)
-        return null;
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates,
-    }), useSensor(TouchSensor, {
-        activationConstraint: '',
-    }));
-    const handleDragEnd = (event) => {
-        const { active, over } = event;
-        if (!active || !over)
-            return;
-        if (active.id !== over.id) {
-            setItems((items) => {
-                const list = items[section];
-                const oldIndex = list.findIndex((item) => item._id === active.id);
-                const newIndex = list.findIndex((item) => item._id === over.id);
-                const newOrder = arrayMove(list, oldIndex, newIndex);
-                return { ...items, [section]: newOrder };
-            });
-        }
-    };
-    return (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx("div", { style: type === 'tables'
-                ? {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    flexWrap: 'wrap',
-                    gap: 20,
-                }
-                : {
-                    boxSizing: 'content-box',
-                    width: '100%',
-                    listStyleType: 'none',
-                    display: 'grid',
-                    gap: 20,
-                    gridTemplateColumns: `repeat(auto-fill,minmax(400px, 1fr))`,
-                    gridTemplateRows: `repeat(${170}px)`,
-                }, children: _jsx(SortableContext, { items: items.map((item) => item._id), strategy: rectSortingStrategy, children: items.map((item) => (_jsx(SortableItem, { handle: true, id: item._id, chartType: items.find((itm) => itm._id === item._id)?.chartType ?? 'chart', value: items.find((itm) => itm._id === item._id)?.name ?? item._id }, item._id))) }) }) }));
-}
-function HandleButton() {
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            gap: 2,
-            flexDirection: 'row',
-            paddingTop: 8,
-            paddingBottom: 8,
-            paddingLeft: 8,
-            paddingRight: 8,
-            borderRadius: 4,
-        }, className: "handle", children: [_jsx("style", { children: `.handle{background:white;} .handle:hover{background:rgba(0,0,0,0.03);}` }), _jsxs("div", { style: { display: 'flex', gap: 2, flexDirection: 'column' }, children: [_jsx("div", { style: {
-                            width: 3,
-                            height: 3,
-                            borderRadius: 3,
-                            background: '#9CA0A7',
-                        } }), _jsx("div", { style: {
-                            width: 3,
-                            height: 3,
-                            borderRadius: 3,
-                            background: '#9CA0A7',
-                        } }), _jsx("div", { style: {
-                            width: 3,
-                            height: 3,
-                            borderRadius: 3,
-                            background: '#9CA0A7',
-                        } })] }), _jsxs("div", { style: { display: 'flex', gap: 2, flexDirection: 'column' }, children: [_jsx("div", { style: {
-                            width: 3,
-                            height: 3,
-                            borderRadius: 3,
-                            background: '#9CA0A7',
-                        } }), _jsx("div", { style: {
-                            width: 3,
-                            height: 3,
-                            borderRadius: 3,
-                            background: '#9CA0A7',
-                        } }), _jsx("div", { style: {
-                            width: 3,
-                            height: 3,
-                            borderRadius: 3,
-                            background: '#9CA0A7',
-                        } })] })] }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SavedQueriesModal.d.ts","sourceRoot":"","sources":["../../../src/modals/SavedQueriesModal.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,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;IACrC,QAAQ,EAAE,MAAM,CAAC;CAClB,2CA0FA"}

package/dist/esm/modals/SavedQueriesModal.js

@@ -1,125 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useAdmin } from '../AdminProvider';
-import { Dashboard } from '@quillsql/react';
-import { SecondaryButtonPrimitive } from '../primitives';
-import { parseQuillReportToQuillReportInternal, } from '../utils/report';
-import { QuillToolTip } from '../components/UiComponents';
-import { Highlight, themes } from 'prism-react-renderer';
-export default function SavedQueriesModal({ ModalComponent, isOpen, setIsOpen, }) {
-    const parentRef = useRef(null);
-    const { dispatch } = useAdmin();
-    const [modalWidth, setModalWidth] = useState(200);
-    const [modalHeight, setModalHeight] = useState(200);
-    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]);
-    const dashboardSectionComponent = useMemo(() => {
-        return ({ children }) => (_jsx("div", { style: {
-                display: 'grid',
-                gridTemplateColumns: 'repeat(auto-fill, 300px)',
-                // gridTemplateRows: 'repeat(auto-fill, 130px)',
-                gap: 20,
-                marginTop: -20,
-            }, children: children }));
-    }, []);
-    return (_jsx("div", { ref: parentRef, children: _jsx(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: "Saved Queries", width: modalWidth, height: modalHeight, children: _jsx(Dashboard, { name: `quill-saved-queries`, containerStyle: { paddingLeft: 20, paddingRight: 20 }, EmptyDashboardComponent: () => (_jsxs("div", { style: {
-                        border: '1px #e7e7e7 solid',
-                        borderRadius: 6,
-                        gap: 12,
-                        padding: 20,
-                        marginLeft: 20,
-                        display: 'flex',
-                        flexDirection: 'column',
-                        maxWidth: 300,
-                    }, children: [_jsx("div", { style: {
-                                fontSize: 14,
-                                fontWeight: 500,
-                                color: 'rgb(54, 65, 83)',
-                            }, children: "No saved queries yet." }), _jsx(SecondaryButtonPrimitive, { label: "Create saved query \u2197", onClick: () => {
-                                dispatch({
-                                    type: 'SET_ACTIVE_COMPONENT',
-                                    payload: 'SQL Editor',
-                                });
-                            } })] })), DashboardSectionComponent: dashboardSectionComponent, TableComponent: ({ report }) => _jsx(SavedQueryTile, { report: report }) }) }) }));
-}
-function SavedQueryTile({ report }) {
-    const { state, dispatch, getToken } = useAdmin();
-    const [isOpenableByReportBuilder, setIsOpenableByReportBuilder] = useState(false);
-    useEffect(() => {
-        async function getIsOpenableByReportBuilder() {
-            const hello = await parseQuillReportToQuillReportInternal(report, state.client, state.tables, getToken);
-            if (hello.adminError) {
-                return;
-            }
-            setIsOpenableByReportBuilder(true);
-        }
-        getIsOpenableByReportBuilder();
-    }, []);
-    const handleOpenReportInReportBuilder = async () => {
-        dispatch({
-            type: 'SET_ACTIVE_COMPONENT',
-            payload: 'Report Builder',
-        });
-        dispatch({
-            type: 'SET_ACTIVE_SAVED_QUERY_REPORT_ID',
-            payload: report?.id,
-        });
-    };
-    const handleOpenReportInSQLEditor = async () => {
-        dispatch({
-            type: 'SET_ACTIVE_COMPONENT',
-            payload: 'SQL Editor',
-        });
-        dispatch({
-            type: 'SET_ACTIVE_QUERY',
-            payload: report?.queryString,
-        });
-    };
-    if (!report.queryString) {
-        return null;
-    }
-    return (_jsxs("div", { style: {
-            border: '1px #e7e7e7 solid',
-            borderRadius: 6,
-            gap: 12,
-            padding: 20,
-            display: 'flex',
-            flexDirection: 'column',
-        }, children: [_jsx("div", { style: {
-                    fontSize: 16,
-                    fontWeight: 600,
-                    color: 'rgb(54, 65, 83)',
-                }, children: report.name }), _jsx(SavedQuerySQL, { query: report.queryString }), !isOpenableByReportBuilder ? (_jsx(QuillToolTip, { containerStyle: { display: 'contents' }, text: "Query was created in the SQL Editor so it can't be opened in the Report Builder", enabled: true, children: _jsx(SecondaryButtonPrimitive, { label: "Open in Report Builder \u2197", disabled: true, onClick: handleOpenReportInReportBuilder }) })) : (_jsx(SecondaryButtonPrimitive, { label: "Open in Report Builder \u2197", onClick: handleOpenReportInReportBuilder })), _jsx(SecondaryButtonPrimitive, { label: "Open in SQL Editor \u2197", onClick: handleOpenReportInSQLEditor })] }));
-}
-function SavedQuerySQL({ query }) {
-    return (_jsx(Highlight, { theme: themes.nightOwlLight, code: query, language: "tsx", children: ({ className, tokens, style, getLineProps, getTokenProps }) => (_jsx("pre", { className: className, style: {
-                ...style,
-                // textAlign: 'left',
-                padding: '1em',
-                height: 90,
-                // 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)))))) })) }));
-}

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

@@ -1,3 +0,0 @@
-export { default as PromoteViewModal } from './PromoteViewModal';
-export { default as ReorderDashboardModal } from './ReorderDashboardModal';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modals/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/esm/modals/index.js

@@ -1,2 +0,0 @@
-export { default as PromoteViewModal } from './PromoteViewModal';
-export { default as ReorderDashboardModal } from './ReorderDashboardModal';

package/dist/esm/primitives/ButtonPrimitive.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { QuillTheme } from '../Admin';
-export type ButtonPrimitiveProps = {
-    onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    label: string;
-    theme?: QuillTheme;
-    style?: React.CSSProperties;
-    variant?: 'primary' | 'secondary' | 'danger';
-    disabled?: boolean;
-    type?: 'submit' | 'button' | 'reset';
-};
-declare const ButtonPrimitive: React.FC<ButtonPrimitiveProps & {
-    isLoading?: boolean;
-}>;
-export default ButtonPrimitive;
-//# sourceMappingURL=ButtonPrimitive.d.ts.map

package/dist/esm/primitives/ButtonPrimitive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAC7B,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAsGF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/primitives/ButtonPrimitive.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LoadingSpinner } from '../components/UiComponents';
-import { useAdmin } from '../AdminProvider';
-const ButtonPrimitive = ({ onClick, isLoading = false, label, theme, style, disabled, variant = 'primary', type = 'submit', }) => {
-    const { state: { theme: stateTheme }, } = useAdmin();
-    theme = theme ?? stateTheme;
-    if (variant === 'danger') {
-        return (_jsx("button", { type: type, style: {
-                height: 40,
-                color: 'red',
-                display: 'flex',
-                background: !disabled ? '#DCDCDC' : '#e7e7e7',
-                borderRadius: 6,
-                alignItems: 'center',
-                justifyContent: 'center',
-                outline: 'none',
-                cursor: disabled ? 'default' : 'pointer',
-                fontFamily: theme?.fontFamily,
-                fontWeight: theme?.buttonFontWeight || 600,
-                border: 'none',
-                fontSize: 14,
-                paddingLeft: 20,
-                paddingRight: 20,
-                ...style,
-            }, onClick: onClick, className: "quill--danger-button", children: isLoading ? (_jsx("div", { style: { padding: '32px 0px' }, children: _jsx(LoadingSpinner, {}) })) : (label) }));
-    }
-    return (_jsxs("button", { className: disabled ? 'quill-button-disabled' : 'quill-button', type: type, style: {
-            height: 40,
-            display: 'flex',
-            borderRadius: 6,
-            alignItems: 'center',
-            justifyContent: 'center',
-            outline: 'none',
-            cursor: disabled ? 'default' : 'pointer',
-            fontFamily: theme?.fontFamily,
-            fontWeight: theme?.buttonFontWeight || 600,
-            opacity: disabled ? 0.3 : 1,
-            border: 'none',
-            whiteSpace: 'nowrap',
-            fontSize: 14,
-            paddingLeft: 20,
-            paddingRight: 20,
-            position: 'relative',
-            ...style,
-        }, onClick: disabled || isLoading ? () => { } : onClick, children: [_jsx("style", { children: `
-      .quill-button {
-        background-color: ${theme?.primaryButtonColor ?? '#212121'};
-        color: ${theme?.primaryButtonTextColor ?? 'white'}
-      }
-      .quill-button-disabled {
-        background-color: ${theme?.primaryButtonColor ?? '#212121'};
-        color: ${theme?.primaryButtonTextColor ?? 'white'}
-      }
-      .quill-button:hover {
-        background-color: ${theme?.hoverPrimaryButtonColor ?? 'rgba(56, 65, 81, 0.9)'};
-        color: ${theme?.hoverPrimaryButtonTextColor ?? 'white'}
-      }` }), isLoading ? (_jsx("div", { style: { position: 'absolute' }, children: _jsx(LoadingSpinner, {}) })) : null, _jsx("div", { style: {
-                    visibility: isLoading ? 'hidden' : 'visible',
-                }, children: label })] }));
-};
-export default ButtonPrimitive;

package/dist/esm/primitives/CheckboxPrimitive.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export type CheckboxPrimitiveProps = {
-    label: string;
-    isChecked: boolean;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    containerStyle?: React.CSSProperties;
-    disabled?: boolean;
-    labelStyle?: React.CSSProperties;
-};
-declare const CheckboxPrimitive: React.FC<CheckboxPrimitiveProps>;
-export default CheckboxPrimitive;
-//# sourceMappingURL=CheckboxPrimitive.d.ts.map

package/dist/esm/primitives/CheckboxPrimitive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkDvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/primitives/CheckboxPrimitive.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const CheckboxPrimitive = ({ label, isChecked, onChange, containerStyle, labelStyle, disabled, }) => {
-    return (_jsxs("label", { style: {
-            display: 'flex',
-            width: '100%',
-            whiteSpace: 'nowrap',
-            textOverflow: 'ellipsis',
-            overflow: 'hidden',
-            gap: 4,
-            ...containerStyle,
-        }, children: [_jsx("input", { type: "checkbox", checked: isChecked, onChange: onChange, disabled: disabled, style: {
-                    width: '14px',
-                    height: '14px',
-                    margin: 'auto 0',
-                    cursor: 'pointer',
-                    opacity: disabled ? 0.5 : 1,
-                } }), _jsx("span", { style: {
-                    display: 'block',
-                    marginTop: 'auto',
-                    marginBottom: 'auto',
-                    marginLeft: '6px',
-                    whiteSpace: 'nowrap',
-                    textOverflow: 'ellipsis',
-                    overflow: 'hidden',
-                    opacity: disabled ? 0.5 : 1,
-                    ...labelStyle,
-                }, children: label })] }));
-};
-export default CheckboxPrimitive;

package/dist/esm/primitives/HeaderPrimitive.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { QuillTheme } from '../Admin';
-type HeaderPrimitiveProps = {
-    label: string;
-    theme?: QuillTheme;
-};
-declare const HeaderPrimitive: React.FC<HeaderPrimitiveProps>;
-export default HeaderPrimitive;
-//# sourceMappingURL=HeaderPrimitive.d.ts.map

package/dist/esm/primitives/HeaderPrimitive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/HeaderPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}