@quillsql/admin 1.4.0 → 1.6.0

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;
@@ -118,7 +107,7 @@ declare const useAdmin: () => {
 };
 interface ContextProviderProps {
     children: ReactNode;
-    publicKey: string;
+    publicKey?: string;
     queryEndpoint?: string;
     queryHeaders?: object;
     withCredentials?: boolean;

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

@@ -13,8 +13,6 @@ const CreateEnvironment_1 = __importDefault(require("./public_components/CreateE
 const AdminContext = (0, react_1.createContext)(undefined);
 function reducer(state, action) {
     switch (action.type) {
-        case 'SET_LOADING':
-            return { ...state, loading: action.payload };
         case 'SET_QUERY_ENDPOINT':
             return { ...state, queryEndpoint: action.payload };
         case 'SET_QUERY_HEADERS':
@@ -51,12 +49,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':
@@ -76,6 +68,7 @@ const useAdmin = () => {
 };
 exports.useAdmin = useAdmin;
 function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withCredentials, customTheme, domainName, }) {
+    const [loading, setLoading] = (0, react_1.useState)(true);
     const loadState = () => {
         try {
             const serializedState = sessionStorage.getItem('adminState');
@@ -100,7 +93,7 @@ function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withC
     };
     const initialState = {
         loading: true,
-        publicKey,
+        publicKey: publicKey || '',
         queryEndpoint,
         queryHeaders,
         withCredentials,
@@ -117,8 +110,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,
@@ -229,7 +220,6 @@ function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withC
             };
             try {
                 let response;
-                dispatch({ type: 'SET_LOADING', payload: true });
                 if (state.queryEndpoint) {
                     response = await fetch(state.queryEndpoint, {
                         method: 'POST',
@@ -250,12 +240,12 @@ function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withC
                 else {
                     response = await fetch(`${constants_1.QUILL_SERVER}/orgs/${state.client._id}/`, requestOptions);
                     if (!response.ok) {
+                        setLoading(false);
                         throw new Error(`HTTP error! status: ${response.status}`);
                     }
                 }
                 const data = await response.json();
                 if (data.status === 'error') {
-                    dispatch({ type: 'SET_LOADING', payload: false });
                     throw new Error(data.error);
                 }
                 if (data.queries.dbMismatched) {
@@ -263,10 +253,10 @@ 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
                         },
                     });
-                    dispatch({ type: 'SET_LOADING', payload: false });
+                    setLoading(false);
                     return;
                 }
                 if (state.queryEndpoint) {
@@ -289,20 +279,36 @@ function AdminProvider({ children, publicKey, queryEndpoint, queryHeaders, withC
                     type: 'SET_ORGANIZATION_ID',
                     payload: state.organizationId || state.client.adminCustomerId,
                 });
-                dispatch({ type: 'SET_LOADING', payload: false });
+                setLoading(false);
             }
             catch (error) {
                 console.error('Error fetching data:', error);
-                dispatch({ type: 'SET_LOADING', payload: false });
             }
         }
         if (isSubscribed && state.client) {
             getCustomers();
         }
+        if (!publicKey) {
+            setLoading(false);
+        }
         return () => {
             isSubscribed = false;
         };
     }, [state.environment, state.client, state.organizationId, publicKey]);
-    return ((0, jsx_runtime_1.jsxs)(AdminContext.Provider, { value: { state, dispatch }, children: [!state.client && !state.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, {}), 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,15 @@ 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;
+    message: string;
+    table?: undefined;
+    fkInfo?: undefined;
+} | {
+    success: boolean;
+    table: string;
+    fkInfo: string[];
+    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":"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"}
+{"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,8 @@
 "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 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, {
@@ -220,6 +221,19 @@ async function getSqlViewData(clientId, query, databaseType, queryEndpoint) {
     if (results.status === 'error') {
         return { ...results, success: false };
     }
+    // SPECIAL CHECK FOR BIG QUERY DATE FIELDS
+    if (databaseType.toLowerCase() === 'bigquery') {
+        const dateFields = results.data.queryResults[0].fields.filter((field) => {
+            return (field.fieldType.toLowerCase() === 'date' ||
+                field.fieldType.toLowerCase() === 'datetime');
+        });
+        if (dateFields.length > 0) {
+            return {
+                error: `Error Invalid Column ${dateFields[0].name}. BigQuery DATE and DATETIME types not supported. Use TIMESTAMP(${dateFields[0].name}) to convert DATE and DATETIME fields to TIMESTAMP.`,
+                success: false,
+            };
+        }
+    }
     return queryEndpoint
         ? {
             ...results.data.queryResults[0],
@@ -290,22 +304,34 @@ 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'
+    const fuzzyType = customerFieldType === 'string' ||
+        customerFieldType === 'uuid' ||
+        customerFieldType === 'text' ||
+        customerFieldType === 'varchar' ||
+        customerFieldType === 'object'
         ? 'text'
         : 'number';
     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,
@@ -314,7 +340,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, {
@@ -328,3 +354,51 @@ 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();
+    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/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,2CA8E5B"}

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 curFilteredItems = searchQuery === ''
+            ? items.slice(0, 10)
+            : items
+                .filter((value) => {
+                if (!value) {
+                    return false;
+                }
+                return value
+                    .toLowerCase()
+                    .replace(/\s+/g, '')
+                    .includes(searchQuery.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, }) {

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"}

package/dist/cjs/components/OrgSelect.js

@@ -1,29 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListboxRow = exports.ListboxTextInput = exports.Popover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const icons_1 = require("../icons");
 const AdminProvider_1 = require("../AdminProvider");
-const useOnClickOutside = (ref, handler) => {
-    (0, react_1.useEffect)(() => {
-        const listener = (event) => {
-            if (!ref.current || ref.current.contains(event.target)) {
-                return;
-            }
-            handler(event);
-        };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
-        return () => {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
-        };
-    }, [ref, handler]);
-};
+const useOnClickOutside_1 = __importDefault(require("../hooks/useOnClickOutside"));
 function Popover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
     const modalRef = (0, react_1.useRef)(null);
-    useOnClickOutside(modalRef, (e) => {
+    (0, useOnClickOutside_1.default)(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
             ? parentRef.current?.contains(e.target)
@@ -178,8 +166,9 @@ function OrgSelect({ environment, setEnvironment, organizations, theme, organiza
     };
     const selectedOrganization = dropDownItems.find((item) => item.id === organizationId);
     const filteredOrganizations = searchQuery === ''
-        ? dropDownItems
-        : dropDownItems.filter((org) => {
+        ? dropDownItems.slice(0, 20)
+        : dropDownItems
+            .filter((org) => {
             if (!org.name) {
                 return false;
             }
@@ -187,7 +176,8 @@ function OrgSelect({ environment, setEnvironment, organizations, theme, organiza
                 .toLowerCase()
                 .replace(/\s+/g, '')
                 .includes(searchQuery.toLowerCase().replace(/\s+/g, ''));
-        });
+        })
+            .slice(0, 20);
     return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
                     fontSize: '14px',
                     paddingTop: '0px',

package/dist/cjs/components/QuillSelect.d.ts

@@ -0,0 +1,3 @@
+import { SelectComponentProps } from './UiComponents';
+export declare function QuillSelectComponent({ options, value, onChange, theme, label, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuillSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAoB,EACpB,KAAK,GACN,EAAE,oBAAoB,2CAuMtB"}