@quillsql/admin 1.4.0 → 1.6.0

package/dist/esm/public_components/SQLViewManager.js

@@ -24,6 +24,7 @@ export default function SQLViewManager({ containerStyle, }) {
     const [deleteModalIsOpen, setDeleteModalIsOpen] = useState(false);
     const [isPromoteViewModalOpen, setIsPromoteViewModalOpen] = useState(false);
     const [allTableData, setAllTableData] = useState([]);
+    const [referencedTablesMap, setReferencedTablesMap] = useState({});
     const [schemaIsLoading, setSchemaIsLoading] = useState(false);
     const [initialSqlView, setInitialSqlView] = useState(undefined);
     const parentRef = useRef(null);
@@ -72,37 +73,107 @@ export default function SQLViewManager({ containerStyle, }) {
         setAllTableData(response);
         setSchemaIsLoading(false);
     };
+    const getReferencedTablesMap = async () => {
+        const response = await fetch(`${state.queryEndpoint}`, {
+            method: 'POST',
+            headers: {
+                ...state.queryHeaders,
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                metadata: {
+                    clientId: state.client._id,
+                    publicKey: state.client._id,
+                    task: 'referenced-tables-map',
+                    databaseType: state.client.databaseType,
+                },
+            }),
+        });
+        if (!response.ok) {
+            throw new Error('Failed to fetch tables data');
+        }
+        const data = await response.json();
+        setReferencedTablesMap(data.data.referencedTablesMap);
+    };
     useEffect(() => {
         let isSubscribed = true;
         if (isSubscribed && state.client) {
             getTables();
             getSchemaTableDetails();
+            getReferencedTablesMap();
         }
         return () => {
             isSubscribed = false;
         };
     }, [state.client]);
-    const handleClickFirstDelete = () => {
-        setTableToBeDeleted(editName);
-        setDeleteModalIsOpen(true);
-    };
-    const handleModalSubmit = async (submitRequest, query, name, id) => {
+    const handleModalSubmit = async (submitRequest, query, name, id, columns) => {
         try {
+            const prevTableName = tables?.find((table) => table._id === id)?.name;
+            const isPlural = referencedTablesMap &&
+                referencedTablesMap[prevTableName] &&
+                referencedTablesMap[prevTableName].length > 1
+                ? 's'
+                : '';
             switch (submitRequest) {
                 case 'add':
                     if (!name) {
-                        alert('No Name found');
+                        alert('No name found');
+                        return;
+                    }
+                    if (tables?.map((table) => table.name).includes(name)) {
+                        alert('Name already exists');
+                        return;
+                    }
+                    if (!/^[a-z0-9_]+$/.test(name)) {
+                        alert('Name must be lowercase with no spaces');
                         return;
                     }
                     await addSqlView(name, query, state);
                     break;
                 case 'edit':
+                    if (!id) {
+                        return;
+                    }
+                    if (referencedTablesMap && referencedTablesMap[prevTableName]) {
+                        // This condition is for only query edits
+                        if (editQueryView) {
+                            const errorColumns = [];
+                            referencedTablesMap[prevTableName] = referencedTablesMap[prevTableName].forEach((table) => {
+                                table.referencedColumns.forEach((column) => {
+                                    if (!columns?.find((col) => {
+                                        return col.field === column;
+                                    })) {
+                                        errorColumns.push(`'${column}' referenced by ${table.dashboardName} - ${table.reportName}`);
+                                    }
+                                });
+                            });
+                            if (errorColumns.length > 0) {
+                                alert(`Edit Error\n\n${errorColumns.join('\n')} \n\nPlease modify your query to include these columns.`);
+                                return;
+                            }
+                        }
+                        else {
+                            const referencedTableInfo = referencedTablesMap[prevTableName].map((info) => {
+                                return `${info.dashboardName} - ${info.reportName}`;
+                            });
+                            alert(`Edit Error\n\n${referencedTableInfo.join('\n')} \n\nPlease delete those charts before renaming this table.`);
+                            return;
+                        }
+                    }
                     if (!name) {
-                        alert('No id found');
+                        alert('No name found');
                         return;
                     }
-                    if (!id) {
-                        alert('No id found');
+                    if (!/^[a-z0-9_]+$/.test(name)) {
+                        alert('Names can only include lowercase letters, numbers, and underscores');
+                        return;
+                    }
+                    // check if the tableName is present excluding the table with the same id
+                    if (tables
+                        ?.filter((table) => table._id !== id)
+                        .map((table) => table.name)
+                        .includes(name)) {
+                        alert('Name already exists');
                         return;
                     }
                     await editSQLView(name, query, id, state);
@@ -112,6 +183,11 @@ export default function SQLViewManager({ containerStyle, }) {
                         alert('No id found');
                         return;
                     }
+                    // Determine if the table is referenced in other charts
+                    if (referencedTablesMap && referencedTablesMap[prevTableName]) {
+                        alert(`This table is referenced in the following dashboard${isPlural}/chart${isPlural}.\n\n${referencedTablesMap[prevTableName]?.join('\n')} \n\nPlease delete those charts before deleting this table.`);
+                        return;
+                    }
                     await deleteSQLView(id, state);
                     break;
                 default:
@@ -129,18 +205,10 @@ export default function SQLViewManager({ containerStyle, }) {
             console.error(e);
         }
     };
-    const handleEditAddView = async (request, query, name, id) => {
+    const handleEditAddView = async (request, query, name, id, columns) => {
         switch (request) {
             case 'edit':
-                if (!name) {
-                    alert('No name found');
-                    return;
-                }
-                if (!id) {
-                    alert('No id found');
-                    return;
-                }
-                await handleModalSubmit('edit', query, name, id);
+                await handleModalSubmit('edit', query, name, id, columns);
                 break;
             default:
                 await handleModalSubmit('final-edit', query);
@@ -155,7 +223,7 @@ export default function SQLViewManager({ containerStyle, }) {
                     flexDirection: 'column',
                     paddingTop: '0px',
                     position: 'relative',
-                }, ref: parentRef, children: [_jsx("div", { style: {
+                }, ref: parentRef, children: [(state.databaseTypeMismatch.show || !editQueryView) && (_jsx("div", { style: {
                             //   width: 'calc(100vw - 30px)',
                             display: 'flex',
                             position: 'sticky',
@@ -176,7 +244,7 @@ export default function SQLViewManager({ containerStyle, }) {
                             borderLeftWidth: 0,
                             borderRightWidth: 0,
                             borderStyle: 'solid',
-                            borderColor: state.theme.borderColor,
+                            borderColor: state.theme?.borderColor,
                             paddingBottom: 20,
                             //   boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.07)",
                             //   paddingRight: '50px',
@@ -204,7 +272,7 @@ export default function SQLViewManager({ containerStyle, }) {
                                         setEditViewId('');
                                         setInitialSqlView(undefined);
                                         setEditQueryView(true);
-                                    }, label: "Add view +" }))] }) }), state.databaseTypeMismatch.show ? (_jsx(DatabaseMismatchCard, { environemntName: state.client.name, environemntDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })) : (_jsx(_Fragment, { children: !editQueryView ? (_jsx("div", { style: {
+                                    }, label: "Add view +" }))] }) })), state.databaseTypeMismatch.show ? (_jsx(DatabaseMismatchCard, { environemntName: state.client.name, environemntDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })) : (_jsx(_Fragment, { children: !editQueryView ? (_jsx("div", { style: {
                                 display: 'flex',
                                 flexWrap: 'wrap',
                                 paddingLeft: 25,
@@ -212,8 +280,8 @@ export default function SQLViewManager({ containerStyle, }) {
                                 paddingTop: 25,
                             }, children: tables && tables?.length
                                 ? tables.map((table) => (_jsx(TableCell, { table: table, clickTableCell: clickTableCell }, table._id)))
-                                : null }, 'edit-view-query')) : (_jsx(CreateEditSqlView, { containerStyle: {}, initialSqlView: initialSqlView, closeEditView: () => setEditQueryView(false), addEditView: (request, name, query, id) => {
-                                handleEditAddView(request, name, query, id);
+                                : null }, 'edit-view-query')) : (_jsx(CreateEditSqlView, { containerStyle: {}, initialSqlView: initialSqlView, closeEditView: () => setEditQueryView(false), addEditView: (request, name, query, id, columns) => {
+                                handleEditAddView(request, name, query, id, columns);
                             }, allTableData: allTableData, schemaIsLoading: schemaIsLoading })) }))] }), _jsx(EditAddViewModal, { viewName: editName, viewQuery: editViewQuery, viewId: editViewId, editModalIsOpen: editModalIsOpen, closeEditModal: closeEditModal, submit: handleModalSubmit, state: state, onEditViewClick: () => setEditQueryView(true) })] }));
 }
 function EditAddViewModal({ viewName, viewQuery, viewId, editModalIsOpen, closeEditModal, submit, state, onEditViewClick = () => { }, }) {

package/dist/esm/utils/constants.d.ts

@@ -8,11 +8,11 @@ export declare const InitialDateRangeOptions: readonly [{
     readonly value: "LAST_30_DAYS";
     readonly label: "Last 30 days";
 }, {
-    readonly value: "CURRENT_MONTH";
-    readonly label: "Current Month";
+    readonly value: "THIS_MONTH";
+    readonly label: "This Month";
 }, {
-    readonly value: "CURRENT_WEEK";
-    readonly label: "Current Week";
+    readonly value: "THIS_WEEK";
+    readonly label: "This Week";
 }, {
     readonly value: "ALL_TIME";
     readonly label: "All time";

package/dist/esm/utils/constants.js

@@ -4,8 +4,8 @@
 export const InitialDateRangeOptions = [
     { value: 'LAST_90_DAYS', label: 'Last 90 days' },
     { value: 'LAST_30_DAYS', label: 'Last 30 days' },
-    { value: 'CURRENT_MONTH', label: 'Current Month' },
-    { value: 'CURRENT_WEEK', label: 'Current Week' },
+    { value: 'THIS_MONTH', label: 'This Month' },
+    { value: 'THIS_WEEK', label: 'This Week' },
     { value: 'ALL_TIME', label: 'All time' },
 ];
 export const defaultDateRange = InitialDateRangeOptions[0];

package/dist/esm/utils/schema.d.ts

@@ -7,6 +7,11 @@ export interface SchemaDetails {
         name: string;
     }[];
     foreignKeys?: string[];
+    customQueryFKs?: string[];
+    customQueryOrganizations?: {
+        id: any;
+        name: string;
+    }[];
     selectedFields: {
         schema: string;
         table?: string;
@@ -17,6 +22,7 @@ export interface SchemaDetails {
             name: string;
         };
         foreignKey?: string;
+        customerView?: string;
     };
 }
 //# sourceMappingURL=schema.d.ts.map

package/dist/esm/utils/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/utils/schema.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,GAAG,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,EAAE;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,UAAU,CAAC,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/utils/schema.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,GAAG,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,wBAAwB,CAAC,EAAE;QAAE,EAAE,EAAE,GAAG,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvD,cAAc,EAAE;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,UAAU,CAAC,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH"}

package/dist/esm/utils/table.d.ts

@@ -15,4 +15,5 @@ export interface Column {
     displayName: string;
     fieldType: string;
 }
+export declare const hasColumnAlias: (columns: Column[], referencedColumns: string[]) => boolean;
 //# sourceMappingURL=table.d.ts.map

package/dist/esm/utils/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/utils/table.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;CACL;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/utils/table.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;CACL;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,YAChB,MAAM,EAAE,qBACE,MAAM,EAAE,KAC1B,OAUF,CAAC"}

package/dist/esm/utils/table.js

@@ -1 +1,11 @@
-export {};
+export const hasColumnAlias = (columns, referencedColumns) => {
+    if (!referencedColumns) {
+        return true;
+    }
+    for (const column of columns) {
+        if (!referencedColumns.includes(column.field)) {
+            return true;
+        }
+    }
+    return false;
+};

package/dist/esm/utils/textProcessing.d.ts

@@ -0,0 +1,2 @@
+export declare function wrapInQuotes(str?: string, willWrap?: boolean): string;
+//# sourceMappingURL=textProcessing.d.ts.map

package/dist/esm/utils/textProcessing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textProcessing.d.ts","sourceRoot":"","sources":["../../../src/utils/textProcessing.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,UAAQ,GAAG,MAAM,CAGnE"}

package/dist/esm/utils/textProcessing.js

@@ -0,0 +1,5 @@
+export function wrapInQuotes(str, willWrap = false) {
+    if (!willWrap)
+        return str || '';
+    return `"${str}"`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/admin",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "Admin tools for Quill",
   "exports": {
     ".": {

package/dist/cjs/modals/EditDashboardsModal.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-interface EditDashboardsModalProps {
-    ModalComponent: React.ComponentType<any>;
-    TextInputComponent: React.ComponentType<any>;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    clientId: string;
-    ButtonComponent: React.ComponentType<any>;
-    SecondaryButtonComponent: React.ComponentType<any>;
-    openEditFilterModal: (dashboardName: string) => void;
-    openEditOrderModal: (dashboardName: string) => void;
-    openAddDashboardModal: () => void;
-    HeaderComponent: React.ComponentType<any>;
-    setDashboardData: (dashboardData: any) => void;
-    dashboards: any[];
-    getDashNames: () => void;
-}
-export default function EditDashboardsModal({ ModalComponent, TextInputComponent, isOpen, setIsOpen, clientId, ButtonComponent, SecondaryButtonComponent, openEditFilterModal, openEditOrderModal, openAddDashboardModal, HeaderComponent, setDashboardData, dashboards, getDashNames, }: EditDashboardsModalProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EditDashboardsModal.d.ts.map

package/dist/cjs/modals/EditDashboardsModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditDashboardsModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditDashboardsModal.tsx"],"names":[],"mappings":";AAGA,UAAU,wBAAwB;IAChC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnD,mBAAmB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,gBAAgB,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,YAAY,GACb,EAAE,wBAAwB,2CAyJ1B"}

package/dist/cjs/modals/EditDashboardsModal.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Admin_1 = require("../Admin");
-const constants_1 = require("../utils/constants");
-function EditDashboardsModal({ ModalComponent, TextInputComponent, isOpen, setIsOpen, clientId, ButtonComponent, SecondaryButtonComponent, openEditFilterModal, openEditOrderModal, openAddDashboardModal, HeaderComponent, setDashboardData, dashboards, getDashNames, }) {
-    // const [dashboards, setDashboards] = useState([]);
-    // useEffect(() => {
-    //   async function getDashboards(clientId) {
-    //     const url = `${QUILL_SERVER}/dashnames/${clientId}/`;
-    //     const response2 = await fetch(url, {
-    //       method: "GET",
-    //       headers: {
-    //         Authorization: "Bearer ", // Ensure you append your token after 'Bearer ' if needed
-    //       },
-    //     });
-    //     // If you need to retrieve the JSON data from the response:
-    //     const data = await response2.json();
-    //     setDashboards(data);
-    //   }
-    //   if (clientId) {
-    //     getDashboards(clientId);
-    //   }
-    // }, [clientId]);
-    async function handleDeleteDashboard(dashboardName) {
-        const url = `${constants_1.QUILL_SERVER}/dashdelete/${clientId}/`;
-        const body = {
-            name: dashboardName,
-        };
-        const headers = {
-            'Content-Type': 'application/json',
-            Authorization: `Bearer `,
-        };
-        try {
-            const response = await fetch(url, {
-                method: 'POST',
-                headers: headers,
-                body: JSON.stringify(body),
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP error! Status: ${response.status}`);
-            }
-            const responseData = await response.json();
-            if (responseData) {
-                getDashNames();
-                return;
-            }
-        }
-        catch (e) {
-            console.log('error', e);
-        }
-    }
-    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                    }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
-                                fontWeight: '600',
-                                fontSize: 24,
-                                paddingBottom: 8,
-                                color: Admin_1.theme.primaryTextColor,
-                            }, children: "Dashboards" }), dashboards &&
-                            dashboards.map((dashboardName, index) => {
-                                return ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                        display: 'flex',
-                                        flexDirection: 'row',
-                                        paddingTop: 5,
-                                        width: 400,
-                                        paddingBottom: 5,
-                                        alignItems: 'center',
-                                        justifyContent: 'space-between',
-                                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                                display: 'flex',
-                                                flexDirection: 'column',
-                                            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                                    marginRight: 12,
-                                                    fontWeight: '600',
-                                                    fontSize: 16,
-                                                    color: Admin_1.theme.primaryTextColor,
-                                                }, children: dashboardName.name }) }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                                display: 'flex',
-                                                flexDirection: 'column',
-                                            }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                                                    display: 'flex',
-                                                    flexDirection: 'row',
-                                                    alignItems: 'flex-end',
-                                                }, children: [(0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => openEditFilterModal(dashboardName.name), label: "Edit" }), (0, jsx_runtime_1.jsx)("div", { style: { width: 8 } }), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => openEditOrderModal(dashboardName.name), label: "Reorder" }), (0, jsx_runtime_1.jsx)("div", { style: { width: 8 } }), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => handleDeleteDashboard(dashboardName.name), label: "Delete" })] }) })] }, dashboardName + index));
-                            })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        justifyContent: 'center',
-                        marginTop: 20,
-                    }, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: openAddDashboardModal, label: "Create new dashboard" }) })] }) }));
-}
-exports.default = EditDashboardsModal;

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-interface EditDashboardsModalProps {
-    ModalComponent: React.ComponentType<any>;
-    TextInputComponent: React.ComponentType<any>;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    clientId: string;
-    ButtonComponent: React.ComponentType<any>;
-    SecondaryButtonComponent: React.ComponentType<any>;
-    openEditFilterModal: (dashboardName: string) => void;
-    openEditOrderModal: (dashboardName: string) => void;
-    openAddDashboardModal: () => void;
-    HeaderComponent: React.ComponentType<any>;
-    setDashboardData: (dashboardData: any) => void;
-    dashboards: any[];
-    getDashNames: () => void;
-}
-export default function EditDashboardsModal({ ModalComponent, TextInputComponent, isOpen, setIsOpen, clientId, ButtonComponent, SecondaryButtonComponent, openEditFilterModal, openEditOrderModal, openAddDashboardModal, HeaderComponent, setDashboardData, dashboards, getDashNames, }: EditDashboardsModalProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EditDashboardsModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditDashboardsModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditDashboardsModal.tsx"],"names":[],"mappings":";AAGA,UAAU,wBAAwB;IAChC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnD,mBAAmB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,gBAAgB,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,YAAY,GACb,EAAE,wBAAwB,2CAyJ1B"}

package/dist/esm/modals/EditDashboardsModal.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { theme } from '../Admin';
-import { QUILL_SERVER } from '../utils/constants';
-export default function EditDashboardsModal({ ModalComponent, TextInputComponent, isOpen, setIsOpen, clientId, ButtonComponent, SecondaryButtonComponent, openEditFilterModal, openEditOrderModal, openAddDashboardModal, HeaderComponent, setDashboardData, dashboards, getDashNames, }) {
-    // const [dashboards, setDashboards] = useState([]);
-    // useEffect(() => {
-    //   async function getDashboards(clientId) {
-    //     const url = `${QUILL_SERVER}/dashnames/${clientId}/`;
-    //     const response2 = await fetch(url, {
-    //       method: "GET",
-    //       headers: {
-    //         Authorization: "Bearer ", // Ensure you append your token after 'Bearer ' if needed
-    //       },
-    //     });
-    //     // If you need to retrieve the JSON data from the response:
-    //     const data = await response2.json();
-    //     setDashboards(data);
-    //   }
-    //   if (clientId) {
-    //     getDashboards(clientId);
-    //   }
-    // }, [clientId]);
-    async function handleDeleteDashboard(dashboardName) {
-        const url = `${QUILL_SERVER}/dashdelete/${clientId}/`;
-        const body = {
-            name: dashboardName,
-        };
-        const headers = {
-            'Content-Type': 'application/json',
-            Authorization: `Bearer `,
-        };
-        try {
-            const response = await fetch(url, {
-                method: 'POST',
-                headers: headers,
-                body: JSON.stringify(body),
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP error! Status: ${response.status}`);
-            }
-            const responseData = await response.json();
-            if (responseData) {
-                getDashNames();
-                return;
-            }
-        }
-        catch (e) {
-            console.log('error', e);
-        }
-    }
-    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { children: [_jsxs("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                    }, children: [_jsx("h1", { style: {
-                                fontWeight: '600',
-                                fontSize: 24,
-                                paddingBottom: 8,
-                                color: theme.primaryTextColor,
-                            }, children: "Dashboards" }), dashboards &&
-                            dashboards.map((dashboardName, index) => {
-                                return (_jsxs("div", { style: {
-                                        display: 'flex',
-                                        flexDirection: 'row',
-                                        paddingTop: 5,
-                                        width: 400,
-                                        paddingBottom: 5,
-                                        alignItems: 'center',
-                                        justifyContent: 'space-between',
-                                    }, children: [_jsx("div", { style: {
-                                                display: 'flex',
-                                                flexDirection: 'column',
-                                            }, children: _jsx("div", { style: {
-                                                    marginRight: 12,
-                                                    fontWeight: '600',
-                                                    fontSize: 16,
-                                                    color: theme.primaryTextColor,
-                                                }, children: dashboardName.name }) }), _jsx("div", { style: {
-                                                display: 'flex',
-                                                flexDirection: 'column',
-                                            }, children: _jsxs("div", { style: {
-                                                    display: 'flex',
-                                                    flexDirection: 'row',
-                                                    alignItems: 'flex-end',
-                                                }, children: [_jsx(SecondaryButtonComponent, { onClick: () => openEditFilterModal(dashboardName.name), label: "Edit" }), _jsx("div", { style: { width: 8 } }), _jsx(SecondaryButtonComponent, { onClick: () => openEditOrderModal(dashboardName.name), label: "Reorder" }), _jsx("div", { style: { width: 8 } }), _jsx(SecondaryButtonComponent, { onClick: () => handleDeleteDashboard(dashboardName.name), label: "Delete" })] }) })] }, dashboardName + index));
-                            })] }), _jsx("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        justifyContent: 'center',
-                        marginTop: 20,
-                    }, children: _jsx(ButtonComponent, { onClick: openAddDashboardModal, label: "Create new dashboard" }) })] }) }));
-}