@quillsql/admin 1.3.4 → 1.3.6

package/dist/esm/modals/PromoteDashModal.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAdmin } from '../AdminProvider';
+import { DropDownMenu } from '../components';
+import { useEffect, useState } from 'react';
+import { QUILL_SERVER } from '../utils/constants';
+const createStyles = (theme) => ({
+    modalContent: {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    modalHeader: {
+        fontWeight: '600',
+        fontSize: 20,
+        paddingBottom: 4,
+        color: theme.primaryTextColor,
+    },
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'flex-start',
+        alignItems: 'flex-start',
+        gap: '5px',
+        marginTop: 20,
+    },
+    multiContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        gap: '20px',
+        marginTop: 20,
+    },
+    header: {
+        fontSize: theme.fontSize,
+        paddingTop: '0px',
+        marginTop: '0px',
+        marginBottom: '0px',
+        fontWeight: theme.labelFontWeight,
+        color: theme.primaryTextColor,
+    },
+    text: {
+        fontSize: theme.fontSize,
+        paddingTop: '0px',
+        marginTop: '0px',
+        marginBottom: '4px',
+        fontWeight: theme.labelFontWeight,
+        color: theme.secondaryTextColor,
+    },
+    group: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'start',
+        gap: '5px',
+    },
+    button: {
+        flexGrow: 1,
+        fontSize: theme.fontSize,
+        fontWeight: '600',
+        padding: '10px 20px',
+        marginTop: 20,
+        backgroundColor: theme.primaryButtonColor,
+        borderRadius: '5px',
+        color: theme.primaryButtonTextColor,
+    },
+});
+export default function PromoteDashModal({ ModalComponent, isOpen, setIsOpen, clientId, client, dashboards, clients, theme, }) {
+    const { state, dispatch } = useAdmin();
+    const [modalSelectedDashboard, setModalSelectedDashboard] = useState();
+    const [selectedToClient, setSelectedToClient] = useState();
+    const styles = createStyles(theme);
+    useEffect(() => {
+        setModalSelectedDashboard(state.selectedDashboard);
+        setSelectedToClient(state.clients.filter((c) => c.name !== state.client.name)[0]);
+    }, [state.selectedDashboard, state.clients]);
+    const handlePromote = async () => {
+        try {
+            const response = await fetch(`${QUILL_SERVER}/promote_dashboard/`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    Authorization: 'Bearer ',
+                },
+                body: JSON.stringify({
+                    dashboardName: modalSelectedDashboard,
+                    fromClientId: clientId,
+                    toClientId: selectedToClient._id,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error('API request failed');
+            }
+            const data = await response.json();
+        }
+        catch (error) {
+            console.error('Promotion failed:', error);
+        }
+    };
+    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'flex-start',
+            }, children: [_jsx("div", { style: styles.modalContent, children: _jsx("h1", { style: styles.modalHeader, children: "Promote Changes" }) }), _jsxs("div", { style: styles.container, children: [_jsx("h1", { style: styles.header, children: "Dashboard" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: dashboards, setSelected: setModalSelectedDashboard, selected: modalSelectedDashboard, theme: theme }) })] }), _jsxs("div", { style: styles.multiContainer, children: [_jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "From" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: theme, disabled: true }) })] }), _jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "To" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: clients.filter((c) => c.name !== client.name), setSelected: setSelectedToClient, selected: selectedToClient, theme: theme }) })] })] }), _jsx("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                    }, children: _jsxs("button", { onClick: () => {
+                            handlePromote();
+                            setIsOpen(false);
+                        }, className: "quill-button", children: [_jsx("style", { children: `.quill-button {
+                    background: #212121;
+                    color: white;
+                    font-size: 15px;
+                    height: 42px;
+                    padding-left: 16px;
+                    padding-right: 16px;
+                    font-weight: 500;
+                    border-radius: 6px;
+                    margin-top: 30px;
+                }
+                .quill-button:hover {
+                    background: rgba(0,0,0,0.75);
+                }` }), "Promote Dashboard"] }) })] }) }));
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface PromoteViewModalProps {
+    ModalComponent: React.ComponentType<any>;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    clientId: string;
+    client: any;
+    views: any[];
+    clients: any[];
+}
+export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, }: PromoteViewModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PromoteViewModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromoteViewModal.d.ts","sourceRoot":"","sources":["../../../src/modals/PromoteViewModal.tsx"],"names":[],"mappings":";AAKA,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,EAAE,GAAG,EAAE,CAAC;CAChB;AA+DD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,GACN,EAAE,qBAAqB,2CAsGvB"}

package/dist/esm/modals/PromoteViewModal.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from "../Admin";
+import { DropDownMenu } from "../components";
+import { useEffect, useState } from "react";
+import { QUILL_SERVER } from "../utils/constants";
+const createStyles = (theme) => ({
+    modalContent: {
+        display: "flex",
+        flexDirection: "column",
+    },
+    modalHeader: {
+        fontWeight: "600",
+        fontSize: 20,
+        paddingBottom: 4,
+        color: theme.primaryTextColor,
+    },
+    container: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "flex-start",
+        alignItems: "flex-start",
+        gap: "5px",
+        marginTop: 20,
+    },
+    multiContainer: {
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        gap: "20px",
+        marginTop: 20,
+    },
+    header: {
+        fontSize: theme.fontSize,
+        paddingTop: "0px",
+        marginTop: "0px",
+        marginBottom: "0px",
+        fontWeight: theme.labelFontWeight,
+        color: theme.primaryTextColor,
+    },
+    text: {
+        fontSize: theme.fontSize,
+        paddingTop: "0px",
+        marginTop: "0px",
+        marginBottom: "4px",
+        fontWeight: theme.labelFontWeight,
+        color: theme.secondaryTextColor,
+    },
+    group: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "start",
+        gap: "5px",
+    },
+    button: {
+        flexGrow: 1,
+        fontSize: theme.fontSize,
+        fontWeight: "600",
+        padding: "10px 20px",
+        marginTop: 20,
+        backgroundColor: theme.primaryButtonColor,
+        borderRadius: "5px",
+        color: theme.primaryButtonTextColor,
+    },
+});
+export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, }) {
+    const [modalSelectedView, setModalSelectedView] = useState(views[0]);
+    const [selectedToClient, setSelectedToClient] = useState(clients[0]);
+    useEffect(() => {
+        setModalSelectedView(views[0]);
+        setSelectedToClient(clients[0]);
+    }, [views, clients]);
+    const styles = createStyles(theme);
+    const handlePromote = async () => {
+        try {
+            const response = await fetch(`${QUILL_SERVER}/promote_view/`, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                    Authorization: "Bearer ",
+                },
+                body: JSON.stringify({
+                    viewName: modalSelectedView.name,
+                    fromClientId: clientId,
+                    toClientId: selectedToClient._id,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error("API request failed");
+            }
+            const data = await response.json();
+        }
+        catch (error) {
+            console.error("Promotion failed:", error);
+        }
+    };
+    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { children: [_jsx("div", { style: styles.modalContent, children: _jsx("h1", { style: styles.modalHeader, children: "Promote Changes" }) }), _jsxs("div", { style: styles.container, children: [_jsx("h1", { style: styles.header, children: "SQL View:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: views, setSelected: setModalSelectedView, selected: modalSelectedView, theme: theme }) })] }), _jsxs("div", { style: styles.multiContainer, children: [_jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "From:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: theme, disabled: true }) })] }), _jsx("span", {}), _jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "To:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: clients.filter((c) => c.name !== client.name), setSelected: setSelectedToClient, selected: selectedToClient, theme: theme }) })] })] }), _jsx("div", { style: {
+                        display: "flex",
+                        justifyContent: "center",
+                        alignItems: "center",
+                    }, children: _jsx("button", { style: styles.button, onClick: () => {
+                            handlePromote();
+                            setIsOpen(false);
+                        }, children: "Promote SQL View" }) })] }) }));
+}

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

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

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

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

package/dist/esm/modals/ReorderDashboardModal.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import { useEffect, useState } from 'react';
+import { useAdmin } from '../AdminProvider';
+import { ReorderableList } from '../Admin';
+import { QUILL_SERVER } from '../utils/constants';
+export default function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalComponent, ButtonComponent, selectedDashboard, organizationId, }) {
+    // const [client] = useContext(ClientContext);
+    const [dashboardItems, setDashboardItems] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [chartType, setChartType] = useState('metric');
+    const [doesDashboardHaveTables, setDoesDashboardHaveTables] = useState(false);
+    const [doesDashboardHaveCharts, setDoesDashboardHaveCharts] = useState(false);
+    const [doesDashboardHaveMetrics, setDoesDashboardHaveMetrics] = useState(false);
+    const [orderArray, setOrderArray] = useState([]);
+    const [itemMap, setItemMap] = useState(null);
+    const { state, dispatch } = useAdmin();
+    useEffect(() => {
+        async function getDashboardItems() {
+            const { _id, environment } = state.client;
+            setLoading(true);
+            const url = new URL(`${QUILL_SERVER}/dashconfig`);
+            // Add query parameters to the URL
+            url.search = new URLSearchParams({
+                publicKey: _id,
+                orgId: organizationId,
+                name: selectedDashboard,
+            }).toString();
+            const response = await fetch(url, {
+                method: 'GET',
+                headers: {
+                    environment: environment || undefined,
+                },
+            });
+            const responseData = await response.json();
+            let flattened = [];
+            for (let key in responseData.sections) {
+                flattened = flattened.concat(responseData.sections[key]);
+            }
+            setDashboardItems(flattened);
+            setLoading(false);
+        }
+        if (selectedDashboard && state.client) {
+            getDashboardItems();
+        }
+    }, [selectedDashboard, state.client]);
+    useEffect(() => {
+        const itemMap = new Map();
+        dashboardItems.forEach((item) => {
+            if (item.chartType === 'table') {
+                setDoesDashboardHaveTables(true);
+            }
+            else if (item.chartType === 'metric') {
+                setDoesDashboardHaveMetrics(true);
+            }
+            else {
+                setDoesDashboardHaveCharts(true);
+            }
+            itemMap.set(item._id, item);
+        });
+        setItemMap(itemMap);
+    }, [dashboardItems]);
+    const closeModal = () => {
+        setIsOpen(false);
+    };
+    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                position: 'relative',
+                minWidth: 700,
+                maxWidth: 700,
+                minHeight: 700,
+                zIndex: 100,
+                // overflowY: "scroll",
+            }, children: [loading ? _jsx("div", { children: 'Loading...' }) : null, dashboardItems.length > 0 && itemMap.size > 0 && (_jsx(ReorderableList, { itemMap: itemMap, client: client, initialItems: dashboardItems.filter((elem) => chartType === 'chart'
+                        ? elem.chartType !== 'metric' && elem.chartType !== 'table'
+                        : elem.chartType === chartType), ButtonComponent: ButtonComponent, closeModal: closeModal, onSave: onSave })), _jsxs("div", { style: {
+                        height: 80,
+                        background: 'white',
+                        width: 700,
+                        position: 'absolute',
+                        top: -20,
+                        left: 0,
+                        right: 20,
+                        paddingTop: 20,
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                    }, children: [_jsx("h1", { style: { fontSize: 22, fontWeight: 600 }, children: "Reorder items" }), _jsxs("div", { style: {
+                                background: '#f7f7f7',
+                                borderRadius: 6,
+                                height: 32,
+                                display: 'flex',
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                paddingLeft: 4,
+                                paddingRight: 4,
+                            }, children: [doesDashboardHaveMetrics && (_jsx("button", { style: {
+                                        background: chartType === 'metric' ? 'white' : undefined,
+                                        color: chartType === 'metric' ? '#384151' : '#677389',
+                                        fontWeight: chartType === 'metric' ? '600' : '500',
+                                        borderRadius: 4,
+                                        paddingLeft: 6,
+                                        paddingRight: 6,
+                                        fontSize: 16,
+                                    }, onClick: () => setChartType('metric'), children: "Metrics" })), doesDashboardHaveCharts && (_jsx("button", { style: {
+                                        background: chartType === 'chart' ? 'white' : undefined,
+                                        color: chartType === 'chart' ? '#384151' : '#677389',
+                                        fontWeight: chartType === 'chart' ? '600' : '500',
+                                        borderRadius: 4,
+                                        paddingLeft: 6,
+                                        paddingRight: 6,
+                                        fontSize: 16,
+                                    }, onClick: () => setChartType('chart'), children: "Charts" })), doesDashboardHaveTables && (_jsx("button", { style: {
+                                        background: chartType === 'table' ? 'white' : undefined,
+                                        color: chartType === 'table' ? '#384151' : '#677389',
+                                        fontWeight: chartType === 'table' ? '600' : '500',
+                                        borderRadius: 4,
+                                        paddingLeft: 6,
+                                        paddingRight: 6,
+                                        fontSize: 16,
+                                    }, onClick: () => setChartType('table'), children: "Tables" }))] })] })] }) }));
+}

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

@@ -0,0 +1,5 @@
+export { default as PromoteDashModal } from './PromoteDashModal';
+export { default as EditDashboardsModal } from './EditDashboardsModal';
+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

@@ -0,0 +1 @@
+{"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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,oBAAoB,GAAG;IAC1B,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;CAC9C,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/primitives/ButtonPrimitive.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme as defaultTheme } from '../Admin';
+const ButtonPrimitive = ({ onClick, label, theme = defaultTheme, style, variant = 'primary', }) => {
+    if (variant === 'danger') {
+        return (_jsxs("button", { style: {
+                height: 36,
+                color: 'red',
+                display: 'flex',
+                borderRadius: 6,
+                alignItems: 'center',
+                justifyContent: 'center',
+                outline: 'none',
+                cursor: 'pointer',
+                fontFamily: theme?.fontFamily,
+                fontWeight: theme?.buttonFontWeight || 600,
+                border: 'none',
+                fontSize: 14,
+                paddingLeft: 20,
+                paddingRight: 20,
+                ...style,
+            }, onClick: onClick, className: "quill--danger-button", children: [_jsx("style", { children: ` .quill--danger-button { background: #e7e7e7 } .quill--danger-button:hover { background: #DCDCDC }` }), label] }));
+    }
+    return (_jsxs("button", { style: {
+            height: 36,
+            color: theme?.backgroundColor,
+            display: 'flex',
+            borderRadius: 6,
+            alignItems: 'center',
+            justifyContent: 'center',
+            outline: 'none',
+            cursor: 'pointer',
+            fontFamily: theme?.fontFamily,
+            fontWeight: theme?.buttonFontWeight || 600,
+            border: 'none',
+            fontSize: 14,
+            paddingLeft: 20,
+            paddingRight: 20,
+            ...style,
+        }, onClick: onClick, className: "quill-button", children: [_jsx("style", { children: `.quill-button {
+                    background: #212121;
+                    color: white;
+                }
+                .quill-button:hover {
+                    background: rgba(0,0,0,0.75);
+                }` }), label] }));
+};
+export default ButtonPrimitive;

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

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

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

package/dist/esm/primitives/HeaderPrimitive.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { theme as defaultTheme } from '../Admin';
+const HeaderPrimitive = ({ label, theme = defaultTheme, }) => (_jsx("h1", { style: {
+        color: theme?.primaryTextColor,
+        fontFamily: theme?.fontFamily,
+        fontWeight: theme?.buttonFontWeight || 600,
+        fontSize: 24,
+    }, children: label }));
+export default HeaderPrimitive;

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

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from 'react';
+import { QuillTheme } from '../Admin';
+type ModalPrimitiveProps = {
+    isOpen: boolean;
+    close: () => void;
+    children: React.ReactNode;
+    style?: CSSProperties;
+    theme?: QuillTheme;
+};
+declare const ModalPrimitive: React.FC<ModalPrimitiveProps>;
+export default ModalPrimitive;
+//# sourceMappingURL=ModalPrimitive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/ModalPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+DjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/primitives/ModalPrimitive.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { theme as defaultTheme } from '../Admin';
+const ModalPrimitive = ({ isOpen, close, children, style, theme = defaultTheme, }) => {
+    useEffect(() => {
+        // Prevent scrolling in the background when the modal is open
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        return () => {
+            // Re-enable scrolling when the modal is closed/unmounted
+            document.body.style.overflow = 'unset';
+        };
+    }, [isOpen]);
+    if (!isOpen) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
+                    position: 'fixed',
+                    top: '0',
+                    right: '0',
+                    bottom: '0',
+                    left: '0',
+                    zIndex: '50',
+                    backgroundColor: 'rgba(255, 255, 255, 0.8)',
+                    backdropFilter: 'blur(5px)',
+                }, onClick: close }), _jsx("div", { style: {
+                    position: 'fixed',
+                    left: '50%',
+                    top: '50%',
+                    zIndex: '50',
+                    maxHeight: '90vh',
+                    minWidth: 462,
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    transform: 'translateX(-50%) translateY(-50%)',
+                    background: 'white',
+                    borderRadius: 8,
+                    borderStyle: 'solid',
+                    borderWidth: 1,
+                    borderColor: '#e7e7e7',
+                    padding: 30,
+                    ...style,
+                }, children: children })] }));
+};
+export default ModalPrimitive;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { QuillTheme } from '../Admin';
+type SecondaryButtonPrimitiveProps = {
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    label: string;
+    theme?: QuillTheme;
+};
+declare const SecondaryButtonPrimitive: React.FC<SecondaryButtonPrimitiveProps>;
+export default SecondaryButtonPrimitive;
+//# sourceMappingURL=SecondaryButtonPrimitive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/SecondaryButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,6BAA6B,GAAG;IACjC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAyBrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/esm/primitives/SecondaryButtonPrimitive.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { theme as defaultTheme } from '../Admin';
+const SecondaryButtonPrimitive = ({ onClick, label, theme = defaultTheme }) => {
+    return (_jsx("button", { style: {
+            height: 36,
+            background: "#F9FAFB",
+            color: theme?.primaryTextColor,
+            display: "flex",
+            borderRadius: 6,
+            alignItems: "center",
+            justifyContent: "center",
+            outline: "none",
+            cursor: "pointer",
+            fontFamily: theme?.fontFamily,
+            fontWeight: theme?.buttonFontWeight || 600,
+            border: "none",
+            fontSize: 14,
+            paddingLeft: 20,
+            paddingRight: 20,
+        }, onClick: onClick, children: label }));
+};
+export default SecondaryButtonPrimitive;

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { QuillTheme } from "../Admin";
+type Option = {
+    value: string;
+    label: string;
+};
+type SelectPrimitiveProps = {
+    options: Option[];
+    onChange: (value: string) => void;
+    value: string;
+    theme?: QuillTheme;
+    disabled?: boolean;
+};
+declare const SelectPrimitive: React.FC<SelectPrimitiveProps>;
+export default SelectPrimitive;
+//# sourceMappingURL=SelectPrimitive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/SelectPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}