@quillsql/admin 1.5.2 → 1.6.1

package/dist/cjs/AdminProvider.d.ts

@@ -21,8 +21,6 @@ interface State {
     theme: QuillTheme;
     dashboards: any[];
     selectedDashboard: any;
-    selectedEditDashboard: any;
-    editDashboardData: any;
     organizationIdSet: boolean;
     dateFilter: any;
     navigateToDashboardManager?: () => void;
@@ -90,15 +88,6 @@ type Action = {
 } | {
     type: 'SET_SELECTED_DASHBOARD';
     payload: any;
-} | {
-    type: 'SET_SELECTED_EDIT_DASHBOARD';
-    payload: any;
-} | {
-    type: 'SET_EDIT_DASHBOARD_DATA';
-    payload: any;
-} | {
-    type: 'SET_DATE_FILTER';
-    payload: any;
 } | {
     type: 'SET_NAVIGATE_TO_DASHBOARD_MANAGER';
     payload: () => void;
@@ -124,7 +113,8 @@ interface ContextProviderProps {
     withCredentials?: boolean;
     customTheme?: QuillTheme;
     domainName?: string;
+    onOnboardComplete?: (client: any) => void;
 }
-declare function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withCredentials, customTheme, domainName, }: ContextProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withCredentials, customTheme, domainName, onOnboardComplete, }: ContextProviderProps): import("react/jsx-runtime").JSX.Element;
 export { AdminProvider, useAdmin };
 //# sourceMappingURL=AdminProvider.d.ts.map

package/dist/cjs/AdminProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminProvider.d.ts","sourceRoot":"","sources":["../../src/AdminProvider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AdminProvider.d.ts","sourceRoot":"","sources":["../../src/AdminProvider.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/AdminProvider.js

@@ -10,6 +10,7 @@ const Admin_1 = require("./Admin");
 const react_2 = require("@quillsql/react");
 const constants_1 = require("./utils/constants");
 const CreateEnvironment_1 = __importDefault(require("./public_components/CreateEnvironment"));
+const schema_1 = require("./utils/schema");
 const AdminContext = (0, react_1.createContext)(undefined);
 function reducer(state, action) {
     switch (action.type) {
@@ -49,12 +50,6 @@ function reducer(state, action) {
             return { ...state, dashboards: action.payload };
         case 'SET_SELECTED_DASHBOARD':
             return { ...state, selectedDashboard: action.payload };
-        case 'SET_SELECTED_EDIT_DASHBOARD':
-            return { ...state, selectedEditDashboard: action.payload };
-        case 'SET_EDIT_DASHBOARD_DATA':
-            return { ...state, editDashboardData: action.payload };
-        case 'SET_DATE_FILTER':
-            return { ...state, dateFilter: action.payload };
         case 'SET_NAVIGATE_TO_DASHBOARD_MANAGER':
             return { ...state, navigateToDashboardManager: action.payload };
         case 'SET_NAVIGATE_TO_DASHBOARD_BUILDER':
@@ -73,7 +68,7 @@ const useAdmin = () => {
     return context;
 };
 exports.useAdmin = useAdmin;
-function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withCredentials, customTheme, domainName, }) {
+function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withCredentials, customTheme, domainName, onOnboardComplete, }) {
     const [loading, setLoading] = (0, react_1.useState)(true);
     const loadState = () => {
         try {
@@ -116,8 +111,6 @@ function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withC
         activeComponent: 'Dashboards',
         dashboards: [],
         selectedDashboard: null,
-        selectedEditDashboard: null,
-        editDashboardData: null,
         reportId: null,
         theme: customTheme || Admin_1.theme,
         organizationIdSet: false,
@@ -186,27 +179,15 @@ function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withC
                 return;
             }
             try {
-                const response = await fetch(`${queryEndpoint}`, {
-                    method: 'POST',
-                    headers: {
-                        ...queryHeaders,
-                        'Content-Type': 'application/json',
-                    },
-                    body: JSON.stringify({
-                        metadata: {
-                            clientId: publicKey,
-                            publicKey,
-                            task: 'schema',
-                            databaseType: state.client.databaseType,
-                        },
-                    }),
-                });
-                if (!response.ok) {
-                    throw new Error('Failed to fetch tables data');
-                }
-                const data = await response.json();
-                dispatch({ type: 'SET_TABLES', payload: data.data.tables });
-                dispatch({ type: 'SET_SCHEMA', payload: data.data.tables });
+                const schemaData = await (0, schema_1.getSchemaInfo)({
+                    queryEndpoint: state.queryEndpoint,
+                    queryHeaders: state.queryHeaders,
+                    publicKey: state.client._id,
+                    customerId: state.client.customerId,
+                    gatherSchemaData: true,
+                }, 'svm');
+                dispatch({ type: 'SET_TABLES', payload: schemaData });
+                dispatch({ type: 'SET_SCHEMA', payload: schemaData });
             }
             catch (error) {
                 console.error('ERROR:', error);
@@ -261,7 +242,7 @@ function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withC
                         type: 'SET_DATABASE_TYPE_MISMATCH',
                         payload: {
                             show: true,
-                            backendDatabaseType: data.queries.backendDatbaseType, // TYPO NEED TO FIX IN NODE and Python SDK
+                            backendDatabaseType: data.queries.backendDatabaseType,
                         },
                     });
                     setLoading(false);
@@ -303,6 +284,20 @@ function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withC
             isSubscribed = false;
         };
     }, [state.environment, state.client, state.organizationId, publicKey]);
-    return ((0, jsx_runtime_1.jsxs)(AdminContext.Provider, { value: { state, dispatch }, children: [!state.client && !loading && (0, jsx_runtime_1.jsx)(CreateEnvironment_1.default, {}), state.client && ((0, jsx_runtime_1.jsx)(react_2.QuillProvider, { organizationId: state.organizationId, queryEndpoint: state.queryEndpoint ?? '', withCredentials: state.withCredentials, queryHeaders: state.queryHeaders ?? {}, publicKey: state.client._id, environment: state.environment, theme: state.theme, children: children }))] }));
+    return ((0, jsx_runtime_1.jsxs)(AdminContext.Provider, { value: { state, dispatch }, children: [!state.client && !loading && (0, jsx_runtime_1.jsx)(CreateEnvironment_1.default, { onOnboardComplete: onOnboardComplete }), state.client && ((0, jsx_runtime_1.jsx)(react_2.QuillProvider, { organizationId: state.organizationId, queryEndpoint: state.queryEndpoint ?? '', withCredentials: state.withCredentials, queryHeaders: state.queryHeaders ?? {}, publicKey: state.client._id, environment: state.environment, theme: state.theme, children: children })), (0, jsx_runtime_1.jsx)("style", { children: `/* For WebKit-based browsers (Chrome, Safari, Opera) */
+        ::-webkit-scrollbar {
+          width: 0;
+          height: 0;
+        }
+
+        /* For Internet Explorer and Edge */
+        * {
+          -ms-overflow-style: none;
+        }
+
+        /* For Firefox */
+        * {
+          scrollbar-width: none;
+        }` })] }));
 }
 exports.AdminProvider = AdminProvider;

package/dist/cjs/api/ConnectionClient.d.ts

@@ -23,4 +23,23 @@ export declare function createSQLView(connectionType: ConnectionType, allSchemaI
     rows: object[];
     fields: Column[];
 } | undefined, currentTableNames: string[], override: boolean | undefined, clientId: string): Promise<any>;
+export declare function processCustomerOrgViewQuery(query: string, schema: string, clientId: string): Promise<{
+    success: boolean;
+    error: any;
+    message?: undefined;
+    table?: undefined;
+    fkInfo?: undefined;
+} | {
+    success: boolean;
+    message: string;
+    error?: undefined;
+    table?: undefined;
+    fkInfo?: undefined;
+} | {
+    success: boolean;
+    table: string;
+    fkInfo: string[];
+    error?: undefined;
+    message?: undefined;
+}>;
 //# sourceMappingURL=ConnectionClient.d.ts.map

package/dist/cjs/api/ConnectionClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionClient.d.ts","sourceRoot":"","sources":["../../../src/api/ConnectionClient.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EACf,cAAc,EAEf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAsB,oBAAoB,CACxC,gBAAgB,EAAE,MAAM,EACxB,YAAY,EAAE,MAAM,EACpB,QAAQ,CAAC,EAAE,MAAM,gBAiBlB;AAED,wBAAsB,kBAAkB,CACtC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,aAAa,GAAG,eAAe,CAAC,CAgB1C;AACD,wBAAsB,iBAAiB,CACrC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAe/B;AAED,wBAAsB,YAAY,CAChC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,aAAa,CAAC,CAgBxB;AAED,wBAAsB,UAAU,CAC9B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,GAAG,CAAA;CAAE,EAAE,CAAC,CAkBtC;AAED,wBAAsB,SAAS,CAC7B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,MAAM,EAAE,CAAC,CA6BnB;AAED,wBAAsB,cAAc,CAClC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EAAE,EAChB,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,cAAc,EAAE,CAAC,CAgB3B;AAED,wBAAsB,uBAAuB,CAC3C,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EAAE,EACrB,YAAY,EAAE,MAAM,EACpB,aAAa,CAAC,EAAE,MAAM,GACrB,OAAO,CAAC,cAAc,EAAE,CAAC,CA4B3B;AAED,wBAAsB,WAAW,CAC/B,YAAY,EAAE,GAAG,EACjB,iBAAiB,EAAE,MAAM,GACxB,OAAO,CAAC,GAAG,CAAC,CAqBd;AAED,wBAAsB,cAAc,CAClC,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,aAAa,CAAC,EAAE,MAAM,GACrB,OAAO,CAAC,GAAG,CAAC,CAoDd;AAED,wBAAsB,cAAc,CAClC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,cAAc,EAAE,GAC/B,OAAO,CAAC,MAAM,CAAC,CAejB;AAED,wBAAsB,4BAA4B,CAChD,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,WAAW,CAAC,EAAE,MAAM,EAAE,GACrB,OAAO,CAAC,MAAM,CAAC,CAgBjB;AAED,wBAAsB,aAAa,CACjC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAAE,EAChC,QAAQ,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACzC,MAAM,EAAE,GAAG,EACX,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,SAAS,EACL;IACE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,GACD,SAAS,EACb,iBAAiB,EAAE,MAAM,EAAE,EAC3B,QAAQ,qBAAQ,EAChB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,GAAG,CAAC,CA2Ed"}
+{"version":3,"file":"ConnectionClient.d.ts","sourceRoot":"","sources":["../../../src/api/ConnectionClient.ts"],"names":[],"mappings":"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"}

package/dist/cjs/api/ConnectionClient.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSQLView = exports.getQueryFromAiWithConnection = exports.getQueryFromAI = exports.getSqlViewData = exports.getSQLViews = exports.getTableColumnsBySchema = exports.getTableSchema = exports.getFKInfo = exports.getOrgInfo = exports.getTableInfo = exports.getTablesBySchema = exports.getSchemaTableInfo = exports.testConnectionString = void 0;
+exports.processCustomerOrgViewQuery = exports.createSQLView = exports.getQueryFromAiWithConnection = exports.getQueryFromAI = exports.getSqlViewData = exports.getSQLViews = exports.getTableColumnsBySchema = exports.getTableSchema = exports.getFKInfo = exports.getOrgInfo = exports.getTableInfo = exports.getTablesBySchema = exports.getSchemaTableInfo = exports.testConnectionString = void 0;
+const dataTypes_1 = require("../constants/dataTypes");
 const constants_1 = require("../utils/constants");
+const textProcessing_1 = require("../utils/textProcessing");
 async function testConnectionString(connectionString, databaseType, clientId) {
     const localURL = `${constants_1.QUILL_SERVER}/sdk/test-connection`;
     const response = await fetch(localURL, {
@@ -194,6 +196,30 @@ async function getSQLViews(tableSchemas, customerNameField) {
 exports.getSQLViews = getSQLViews;
 async function getSqlViewData(clientId, query, databaseType, queryEndpoint) {
     const url = queryEndpoint ?? `${constants_1.QUILL_SERVER}/sdk/query-view`;
+    let queryAst = undefined;
+    try {
+        let localURL = `${constants_1.QUILL_SERVER}/astify`;
+        const response = await fetch(localURL, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ query }),
+        });
+        queryAst = await response.json();
+        if (queryAst.success === false) {
+            return {
+                success: false,
+                error: queryAst.message,
+            };
+        }
+    }
+    catch (e) {
+        return {
+            success: false,
+            error: 'Invalid SQL Query',
+        };
+    }
     const response = await fetch(url, {
         method: 'POST',
         headers: {
@@ -236,9 +262,10 @@ async function getSqlViewData(clientId, query, databaseType, queryEndpoint) {
     return queryEndpoint
         ? {
             ...results.data.queryResults[0],
+            ...queryAst,
             success: results.status === 'success' ? true : false,
         }
-        : results;
+        : { ...results, ...queryAst };
 }
 exports.getSqlViewData = getSqlViewData;
 async function getQueryFromAI(aiPrompt, columnsByTable) {
@@ -294,6 +321,12 @@ async function createSQLView(connectionType, allSchemaInfo, columnsByTable, view
         }
     });
     const queryAstRaw = await astResponse.json();
+    if (queryAstRaw.success === false) {
+        return {
+            success: false,
+            error: queryAstRaw.message,
+        };
+    }
     const queryAst = queryAstRaw.ast[0] ? queryAstRaw.ast[0] : queryAstRaw.ast;
     queryName = queryAst.from.map((ast) => ast.table).join('_');
     if (!override && !validQuery) {
@@ -303,22 +336,30 @@ async function createSQLView(connectionType, allSchemaInfo, columnsByTable, view
             message: `No foreign key (${allSchemaInfo.selectedFields.foreignKey}) detected in the view. If this is a utility table override this error but if it isn’t you should rework your query.`,
         };
     }
-    // if queryAst.ast[0] has a columns of * with a table of customers, the we can assume the customer id is in the query
+    // append the next smallest number to the SQL View so the new view can be created
     if (currentTableNames.includes(queryName)) {
-        return { success: false, message: 'Query name already exists' };
+        let nextSmallestNumber = 1;
+        while (currentTableNames.includes(`${queryName}${nextSmallestNumber}`)) {
+            nextSmallestNumber++;
+        }
+        queryName = queryName + nextSmallestNumber;
     }
-    const columns = columnsByTable.find((table) => table.tableName === `${allSchemaInfo.selectedFields.schema}.${allSchemaInfo.selectedFields.table}`).columns;
+    const columns = columnsByTable.find((table) => table.tableName ===
+        `${allSchemaInfo.selectedFields.schema}.${allSchemaInfo.selectedFields.table}`).columns;
     const customerFieldType = columns.find((column) => column.columnName === allSchemaInfo.selectedFields.organizationIdField).fieldType;
-    const fuzzyType = customerFieldType === 'string' || customerFieldType === 'uuid'
-        ? 'text'
-        : 'number';
+    const fuzzyType = dataTypes_1.ALL_INT_TYPES.includes(customerFieldType.toLowerCase())
+        ? 'number'
+        : 'text';
     localURL = `${constants_1.QUILL_SERVER}/sdk/create-environment`;
+    const wrapQuotes = connectionType.type.toLocaleLowerCase() === 'postgresql' ||
+        connectionType.type.toLocaleLowerCase() === 'snowflake';
     const payload = {
-        customerFieldName: allSchemaInfo.selectedFields.foreignKey,
-        customerTableName: `${allSchemaInfo.selectedFields.schema}.${allSchemaInfo.selectedFields.table}`,
-        customerTableFieldName: allSchemaInfo.selectedFields.organizationIdField,
+        customerFieldName: (0, textProcessing_1.wrapInQuotes)(allSchemaInfo.selectedFields.foreignKey, wrapQuotes),
+        customerTableName: `${(0, textProcessing_1.wrapInQuotes)(allSchemaInfo.selectedFields.schema, wrapQuotes)}.${(0, textProcessing_1.wrapInQuotes)(allSchemaInfo.selectedFields.table, wrapQuotes)}`,
+        customerTableFieldName: (0, textProcessing_1.wrapInQuotes)(allSchemaInfo.selectedFields.organizationIdField, wrapQuotes),
         adminCustomerId: allSchemaInfo.selectedFields.defaultOrg?.id,
-        customerTableTitleFieldName: allSchemaInfo.selectedFields.customerNameField,
+        customerTableTitleFieldName: (0, textProcessing_1.wrapInQuotes)(allSchemaInfo.selectedFields.customerNameField, wrapQuotes),
+        customerView: allSchemaInfo.selectedFields.customerView,
         columns: tableData?.fields,
         task: 'create-environment',
         viewQuery: viewInfo.query,
@@ -327,7 +368,7 @@ async function createSQLView(connectionType, allSchemaInfo, columnsByTable, view
         client,
         domainName,
         schemaName: allSchemaInfo.selectedFields.schema,
-        schemaNames: [allSchemaInfo.selectedFields.schema],
+        schemaNames: [(0, textProcessing_1.wrapInQuotes)(allSchemaInfo.selectedFields.schema)],
         clientId,
     };
     const response = await fetch(localURL, {
@@ -341,3 +382,57 @@ async function createSQLView(connectionType, allSchemaInfo, columnsByTable, view
     return { ...results, success: true };
 }
 exports.createSQLView = createSQLView;
+async function processCustomerOrgViewQuery(query, schema, clientId) {
+    let localURL = `${constants_1.QUILL_SERVER}/astify`;
+    const astResponse = await fetch(localURL, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ query }),
+    });
+    const ast = await astResponse.json();
+    if (ast.success === false) {
+        return {
+            success: false,
+            error: ast.message,
+        };
+    }
+    let fkInfo = [];
+    // make sure ast.ast.columns only has to values
+    let hasId = false;
+    let hasName = false;
+    if (ast.ast.columns && ast.ast.columns.length === 2) {
+        ast.ast.columns.forEach((column) => {
+            const columnName = column.as || column.expr.column;
+            if (columnName === 'id') {
+                hasId = true;
+            }
+            else if (columnName === 'name') {
+                hasName = true;
+            }
+            if (columnName === 'id' && column.as) {
+                fkInfo = [column.expr.column];
+            }
+        });
+    }
+    if (!hasId || !hasName) {
+        return {
+            success: false,
+            message: 'Query must have an "id" and "name" column.',
+        };
+    }
+    let table = '';
+    try {
+        table = ast.ast.from[0].table;
+    }
+    catch {
+        return {
+            success: false,
+            message: 'Query must have a table',
+        };
+    }
+    fkInfo = await getFKInfo(clientId, schema, table, 'id');
+    return { success: true, table, fkInfo };
+}
+exports.processCustomerOrgViewQuery = processCustomerOrgViewQuery;

package/dist/cjs/components/DashboardSelectPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,2BAA2B;IACnC,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,wBAAwB,EACxB,mBAAmB,GACpB,EAAE,2BAA2B,2CAyN7B"}
+{"version":3,"file":"DashboardSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,2BAA2B;IACnC,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,wBAAwB,EACxB,mBAAmB,GACpB,EAAE,2BAA2B,2CAwO7B"}

package/dist/cjs/components/DashboardSelectPopover.js

@@ -73,14 +73,18 @@ function DashboardSelectDropdown({ dashboards, setDashboard, dashboard, theme, s
         width: 230,
         marginTop: 8,
         gap: 5,
+        overflowY: 'scroll',
     };
     const itemStyles = {
+        // padding: "10px",
         height: 42,
         paddingLeft: 10,
         paddingRight: 4,
+        paddingTop: 6,
+        paddingBottom: 6,
         cursor: 'pointer',
         fontSize: '14px',
-        color: theme?.primaryTextColor,
+        color: theme.primaryTextColor,
         display: 'flex',
         flexDirection: 'row',
         alignItems: 'center',
@@ -116,7 +120,19 @@ function DashboardSelectDropdown({ dashboards, setDashboard, dashboard, theme, s
         gap: 3,
     };
     const itemTextStyles = {
-    // marginRight: "30px",
+        color: theme.primaryTextColor,
+        cursor: 'pointer',
+        fontSize: '13px',
+        border: '1px solid transparent',
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 7,
+        paddingRight: 9,
+        paddingTop: 6,
+        paddingBottom: 6,
+        borderRadius: 4,
+        gap: 3,
     };
     return ((0, jsx_runtime_1.jsxs)("div", { style: dropdownStyles, ref: popoverRef, children: [(0, jsx_runtime_1.jsx)("button", { 
                 // onMouseEnter={() => setIsOpen(true)}
@@ -130,7 +146,6 @@ function DashboardSelectDropdown({ dashboards, setDashboard, dashboard, theme, s
                                 : {}),
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
-                            overflow: 'hidden',
                         }, onMouseEnter: () => setHoveredItemId(item.value), onMouseLeave: () => setHoveredItemId(null), children: [(0, jsx_runtime_1.jsx)("span", { style: {
                                     ...itemTextStyles,
                                     textOverflow: 'ellipsis',
@@ -157,6 +172,8 @@ function CreateNewButton({ onClick, theme, }) {
             height: 42,
             paddingLeft: 10,
             paddingRight: 4,
+            paddingTop: 6,
+            paddingBottom: 6,
             cursor: 'pointer',
             fontSize: '14px',
             color: theme?.primaryTextColor,

package/dist/cjs/components/DropDownMenu.js

@@ -20,7 +20,7 @@ function DropdownMenu({ items, setSelected, selected, theme, disabled = false, }
                         WebkitAppearance: 'none',
                         paddingLeft: 12,
                         paddingRight: 12,
-                        height: 38,
+                        height: 40,
                         borderWidth: theme?.borderWidth,
                         borderColor: theme?.borderColor,
                         background: theme?.backgroundColor,

package/dist/cjs/components/DropDownMenuWithLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenuWithLabel.d.ts","sourceRoot":"","sources":["../../../src/components/DropDownMenuWithLabel.tsx"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,kBAA8B,EAC9B,SAAS,GACV,EAAE,0BAA0B,2CAqH5B"}
+{"version":3,"file":"DropDownMenuWithLabel.d.ts","sourceRoot":"","sources":["../../../src/components/DropDownMenuWithLabel.tsx"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,kBAA8B,EAC9B,SAAS,GACV,EAAE,0BAA0B,2CA6E5B"}

package/dist/cjs/components/DropDownMenuWithLabel.js

@@ -29,13 +29,26 @@ const OrgSelect_1 = require("./OrgSelect");
 function DropdownMenuWithLabel({ items, setSelected, selected, theme, label, disabled = false, secondaryTextColor = '#6e6e6e', parentRef, }) {
     const [isOpen, setIsOpen] = react_1.default.useState(false);
     const [searchQuery, setSearchQuery] = react_1.default.useState('');
-    const [filteredItems, setFilteredItems] = react_1.default.useState(items);
+    const [filteredItems, setFilteredItems] = react_1.default.useState(items.slice(0, 20));
     (0, react_1.useEffect)(() => {
-        setFilteredItems(items);
+        setFilteredItems(items.slice(0, 10));
     }, [items]);
-    const handleSearchChange = (value) => {
-        setSearchQuery(value);
-        setFilteredItems(items.filter((item) => item.toLowerCase().includes(value.toLowerCase())));
+    const handleSearchChange = (searchValue) => {
+        setSearchQuery(searchValue);
+        const curFilteredItems = searchValue === ''
+            ? items.slice(0, 10)
+            : items
+                .filter((value) => {
+                if (!value) {
+                    return false;
+                }
+                return value
+                    .toLowerCase()
+                    .replace(/\s+/g, '')
+                    .includes(searchValue.toLowerCase().replace(/\s+/g, ''));
+            })
+                .slice(0, 10);
+        setFilteredItems(curFilteredItems);
     };
     return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
                     fontSize: '14px',
@@ -49,57 +62,6 @@ function DropdownMenuWithLabel({ items, setSelected, selected, theme, label, dis
                     fontSize: 14,
                     //   padding: 11,
                 }, setIsOpen: setIsOpen, children: [(0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxTextInput, { id: "quill-search-bar", placeholder: 'Search', value: searchQuery, onChange: handleSearchChange }), (0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), (0, jsx_runtime_1.jsx)("div", { style: { gap: 2, maxHeight: '50vh' }, children: filteredItems.map((item, index) => ((0, jsx_runtime_1.jsx)(ListboxRow, { setSelected: setSelected, setIsOpen: setIsOpen, item: item }, index))) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 8, width: 230 } })] })] }));
-    {
-        /* return (
-        <div style={{ position: 'relative', minWidth: 230 }}>
-          <h1
-            style={{
-              fontSize: '14px',
-              paddingTop: '0px',
-              marginTop: '0px',
-              marginBottom: '4px',
-              fontWeight: '600',
-              color: secondaryTextColor,
-              userSelect: 'none',
-            }}
-          >
-            {label}
-          </h1>
-          <MemoizedPopover
-            parentRef={parentRef}
-            label={selected}
-            isOpen={isOpen}
-            onClose={() => setIsOpen(false)}
-            // style={{
-            //   boxSizing: 'border-box',
-            //   fontSize: 14,
-            // }}
-            setIsOpen={setIsOpen}
-            onClick={() => console.log()}
-          >
-            <MemoizedTextInput
-              id="quill-search-bar"
-              placeholder="Search"
-              value={searchQuery}
-              onChange={handleSearchChange}
-            />
-            <div
-              style={{ height: 9, width: 230, borderTop: '1px solid #e7e7e7' }}
-            />
-            <div style={{ gap: 2, maxHeight: '50vh' }}>
-              {filteredItems.map((item, index) => (
-                <DropdownRow setSelected={setSelected} item={item} key={index} />
-              ))}
-              {filteredItems.length === 0 && (
-                <DropdownRow item={{ name: `No ${label} found` }} />
-              )}
-            </div>
-          </Popover>
-    
-        </div>
-        </div>
-      ); */
-    }
 }
 exports.default = DropdownMenuWithLabel;
 function ListboxRow({ item, setSelected, setIsOpen, }) {
@@ -138,34 +100,3 @@ function ListboxRow({ item, setSelected, setIsOpen, }) {
                     display: 'block',
                 }, children: item.name || item })] }));
 }
-function DropdownRow({ item, setSelected, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { onClick: setSelected ? () => setSelected(item) : undefined, className: "dropdown-row", children: [(0, jsx_runtime_1.jsx)("style", { children: `
-  .dropdown-row {
-      background-color: white;
-      height: 42px;
-      color: #384151;
-      width: 216px;
-     borderBottom: 1px solid #e7e7e7;
-     border-radius: 6px;
-     text-align: left;
-     padding-left: 10px;
-     padding-right: 12px;
-     display: flex;
-     flex-direction: row;
-     align-items: center;
-     cursor: pointer;
-     font-weight: 500;
-     font-size: 14px;
-     text-overflow: ellipsis;
-     white-space: nowrap;
-     overflow: hidden;
-  }
-  .dropdown-row:hover {
-    background-color: rgba(56, 65, 81, 0.04);
-  }` }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    display: 'block',
-                }, children: item })] }));
-}

package/dist/cjs/components/EmptyDashboardComponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyDashboardComponent/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,GAAG,CAAC,OAAO,CA+E7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyDashboardComponent/index.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,GAAG,CAAC,OAAO,CAoF7D"}

package/dist/cjs/components/EmptyDashboardComponent/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const AdminProvider_1 = require("../../AdminProvider");
+const UiComponents_1 = require("../UiComponents");
 function EmptyDashboardComponent() {
     const { state } = (0, AdminProvider_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { style: {
@@ -10,8 +11,6 @@ function EmptyDashboardComponent() {
             flexDirection: 'column',
             alignItems: 'center',
         }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                height: 80,
-                width: 260,
                 borderRadius: 6,
                 marginTop: 100,
                 display: 'flex',
@@ -19,18 +18,17 @@ function EmptyDashboardComponent() {
                 alignItems: 'center',
                 justifyContent: 'center',
                 gap: 20,
-            }, className: "hover-dash-rect", onClick: () => {
-                if (state.navigateToDashboardBuilder) {
-                    state.navigateToDashboardBuilder();
-                }
-            }, children: [(0, jsx_runtime_1.jsx)("style", { children: ` .hover-dash-rect { background: white; border: 1px dashed #e7e7e7; } .hover-dash-rect:hover { background: white; box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.07); border: 1px solid #e7e7e7; } ` }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                padding: 16,
+                border: '1px solid #e7e7e7',
+                boxShadow: '0px 1px 12px rgba(0, 0, 0, 0.07)',
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         alignItems: 'center',
                         justifyContent: 'center',
                         width: 260,
                     }, children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#565656", height: 26, width: 26, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z", clipRule: "evenodd" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                fontSize: 14,
+                                fontSize: 16,
                                 fontWeight: 500,
                                 color: '#565656',
                                 // border: '1px solid #e7e7e7',
@@ -40,6 +38,10 @@ function EmptyDashboardComponent() {
                                 paddingLeft: 12,
                                 borderRadius: 4,
                                 cursor: 'pointer',
-                            }, className: "quill-hover-button", children: "Create your first chart" })] })] }) }));
+                            }, className: "quill-hover-button", children: "No charts created yet." })] }), (0, jsx_runtime_1.jsx)("div", { style: { paddingBottom: 8 }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedButton, { label: 'Create chart', style: { fontSize: 14 }, onClick: () => {
+                            if (state.navigateToDashboardBuilder) {
+                                state.navigateToDashboardBuilder();
+                            }
+                        } }) })] }) }));
 }
 exports.default = EmptyDashboardComponent;

package/dist/cjs/components/OrgSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE,GAAG,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAsBD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAU,EACV,OAAO,EACP,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAqGvB;AAED,eAAO,MAAM,gBAAgB;WAMpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;QACf,MAAM;6CA0DX,CAAC;AAwCF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,WAAW,EACX,cAAc,EACd,aAAa,EACb,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAoGhB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC,2CA0CA"}
+{"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAMf,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE,GAAG,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAU,EACV,OAAO,EACP,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAqGvB;AAED,eAAO,MAAM,gBAAgB;WAMpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;QACf,MAAM;6CA0DX,CAAC;AAwCF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,WAAW,EACX,cAAc,EACd,aAAa,EACb,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAsGhB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC,2CA0CA"}