@quillsql/admin 1.6.0 → 1.6.2

package/dist/esm/utils/schema.js

@@ -1 +1,171 @@
-export {};
+import { quillFetch } from './dataFetcher';
+const parseResponse = (results) => {
+    if (results.data?.data) {
+        if (results.data.data.queries &&
+            results.data.data.queries.queryResults.length > 0) {
+            return results.data.data.queries.queryResults;
+        }
+        else {
+            return results.data.data.tables;
+        }
+    }
+    else {
+        if (results.queries &&
+            results.queries.queryResults &&
+            results.queries.queryResults.length > 0) {
+            return results.queries.queryResults;
+        }
+        else {
+            return results.data.tables;
+        }
+    }
+};
+// TODO: This function is highly speculative and needs generalization
+// NOTE: EXPERIMENTAL FUNCTION, DON'T USE FOR SENSITIVE STUFF
+export const getSchemaForeignKeyMapping = (schema) => {
+    const map = {};
+    schema.forEach((table) => {
+        table.columns.forEach((column) => {
+            const field = column.name || column.field; // Admin library specific
+            if (field.toLowerCase().endsWith('_id')) {
+                const foreignTableName = `${field.slice(0, -3)}s`;
+                if (foreignTableName === table.name) {
+                    // avoid self-referential foreign keys
+                    return;
+                }
+                const foreignTable = schema.find((t) => t.name === foreignTableName);
+                if (foreignTable &&
+                    foreignTable.columns.some((c) => c.field === 'id' || c.name === 'id')) {
+                    const foreignTablePrimaryKey = 'id';
+                    const foreignKey = field;
+                    if (!map[table.name]) {
+                        map[table.name] = [];
+                    }
+                    map[table.name]?.push({
+                        foreignTable: foreignTableName,
+                        foreignTablePrimaryKey,
+                        foreignKey,
+                    });
+                }
+            }
+        });
+    });
+    return map;
+};
+export const getCustomFieldInfo = async ({ client, getToken, tenants, caller = 'se', }) => {
+    let customFieldsByTableUniqueRows = [];
+    try {
+        const { publicKey, databaseType } = client;
+        // if (
+        //   (databaseType && databaseType.toLowerCase() !== 'postgresql') ||
+        //   !['665610862cf7a3000be66453'].includes(publicKey)
+        // ) {
+        //   throw new Error('CUSTOM FIELDS IS ONLY ALLOWED FOR POSTGRESQL DATABASES');
+        // }
+        const result = await quillFetch({
+            client,
+            task: 'custom-fields',
+            metadata: {
+                clientId: publicKey,
+                tenants,
+                databaseType: databaseType,
+            },
+            getToken,
+            urlParameters: `caller=${caller}&task=custom-fields`,
+        });
+        const extractedData = parseResponse(result);
+        const customFieldsByTable = [];
+        extractedData.forEach((table) => {
+            if (!table.rows) {
+                return;
+            }
+            table.rows.forEach((row) => {
+                customFieldsByTable.push({
+                    viewName: table.name,
+                    refTable: row.ref_table,
+                    field: row.field,
+                    refColumn: row.ref_column,
+                    type: row.type,
+                    refField: row.ref_table_id_field,
+                });
+            });
+        });
+        // make sure the are no duplicate records in extractedData
+        const customFieldsByTableSet = new Set();
+        customFieldsByTableUniqueRows = customFieldsByTable.filter((item) => {
+            if (customFieldsByTableSet.has(item.viewName +
+                item.refTable +
+                item.refField +
+                item.field +
+                item.refColumn +
+                item.type)) {
+                return false;
+            }
+            customFieldsByTableSet.add(item.viewName +
+                item.refTable +
+                item.refField +
+                item.field +
+                item.refColumn +
+                item.type);
+            return true;
+        });
+    }
+    catch (e) {
+        return null;
+    }
+    const customFieldsByTableUnique = customFieldsByTableUniqueRows
+        ? customFieldsByTableUniqueRows.reduce((acc, row) => {
+            if (!acc[row.viewName]) {
+                acc[row.viewName] = [];
+            }
+            acc[row.viewName]?.push(row);
+            return acc;
+        }, {})
+        : {};
+    return customFieldsByTableUnique;
+};
+export const getSchemaInfo = async (client, caller = 'se', getToken, tenants) => {
+    const { publicKey,
+    // databaseType,
+     } = client;
+    let customFieldsByTableUnique = null;
+    const getCustomFields = client?.featureFlags?.customFieldsEnabled;
+    if (getCustomFields &&
+        tenants &&
+        tenants[0] !== 'QUILL_ALL_TENANTS' &&
+        tenants.length === 1 &&
+        (typeof tenants[0] !== 'object' ||
+            (tenants[0].tenantIds?.[0] !== 'QUILL_ALL_TENANTS' &&
+                tenants[0].tenantIds?.length === 1))) {
+        try {
+            customFieldsByTableUnique = await getCustomFieldInfo({
+                client,
+                getToken,
+                tenants,
+                caller,
+            });
+        }
+        catch (e) {
+            console.error('Error fetching custom fields', e);
+        }
+    }
+    const result = await quillFetch({
+        client,
+        task: 'schema',
+        metadata: {
+            clientId: publicKey,
+            removeCustomerField: true,
+            removeCustomFieldRef: true,
+            getCustomFields: customFieldsByTableUnique && getCustomFields,
+            customFieldsByTable: customFieldsByTableUnique,
+            useNewCustomFields: true,
+            // gatherSchemaData: true
+        },
+        getToken,
+        urlParameters: `caller=${caller}&task=schema`,
+    });
+    return {
+        schemaData: parseResponse(result),
+        customFieldsByTable: customFieldsByTableUnique,
+    };
+};

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

@@ -5,15 +5,81 @@ export interface ColumnsByTable {
         columnName: string;
         displayName: string;
         fieldType: string;
-        dataTypeId: Number;
+        dataTypeId: number;
+        field: string;
     }[];
 }
 export interface Column {
-    label: string;
     field: string;
-    name: string;
-    displayName: string;
+    label: string;
+    format: AxisFormat;
+    name?: string;
+}
+export interface ColumnInternal extends Column {
     fieldType: string;
+    dataTypeID: number;
+    jsType: string;
+    table?: string;
+}
+/**
+ * A set of valid format values for the x and y axes of dashboard items.
+ */
+export type AxisFormat = 'percent' | 'dollar_amount' | 'dollar_cents' | 'whole_number' | 'one_decimal_place' | 'two_decimal_places' | 'percentage' | 'string' | 'yyyy' | 'MMM_dd' | 'MMM_yyyy' | 'MMM_dd_yyyy' | 'hh_ap_pm' | 'MMM_dd-MMM_dd' | 'MMM_dd_hh:mm_ap_pm' | 'wo, yyyy';
+export type Table = {
+    _id: string;
+    isSelectStar: boolean;
+    displayName: string;
+    name: string;
+    columns: ColumnInternal[];
+    viewQuery: string;
+    customFieldInfo: any;
+    broken?: boolean;
+    error?: string;
+    ownerTenantFields?: string[];
+};
+export type Pivot = SingleAggregationPivot | MultiAggregationPivot;
+interface BasePivot {
+    rowField?: string;
+    rowFieldType?: string;
+    columnField?: string;
+    columnFieldType?: string;
+    sort?: boolean;
+    sortDirection?: 'ASC' | 'DESC';
+    sortField?: string;
+    sortFieldType?: string;
+    title?: string;
+    triggerButtonText?: string;
+    rowLimit?: number;
+    columnValues?: string[];
+}
+interface SingleAggregationPivot extends BasePivot {
+    aggregationType: AggregationType;
+    valueField?: string;
+    valueField2?: string;
+    valueField2Type?: string;
+    valueFieldType?: string;
+    aggregations?: never;
+}
+interface MultiAggregationPivot extends BasePivot {
+    aggregationType?: never;
+    valueField?: never;
+    valueField2?: never;
+    valueField2Type?: never;
+    valueFieldType?: never;
+    aggregations: {
+        valueField?: string;
+        valueFieldType?: string;
+        valueField2?: string;
+        valueField2Type?: string;
+        aggregationType: AggregationType;
+    }[];
+}
+export type AggregationType = 'sum' | 'average' | 'min' | 'max' | 'count' | 'avg' | 'percentage';
+export interface Pagination {
+    rowsPerPage: number;
+    rowsPerRequest: number;
+    page?: number;
 }
 export declare const hasColumnAlias: (columns: Column[], referencedColumns: string[]) => boolean;
+export {};
 //# 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;AAED,eAAO,MAAM,cAAc,YAChB,MAAM,EAAE,qBACE,MAAM,EAAE,KAC1B,OAUF,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/utils/table.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+import { QuillProviderClient } from '../Admin';
+export type DropdownValue = {
+    label: string;
+    value: string | number;
+};
+export type Tenant = {
+    name: string;
+    tenantField: string;
+};
+export type QuillTenant = {
+    name: string;
+    tenantField: string;
+    clientId: string;
+    id: string;
+    query?: string;
+    mappings?: {
+        [key: string]: {
+            query: string;
+        };
+    };
+    flags?: string[];
+    tenantIds?: {
+        id: string | number;
+        flag: string;
+        label: string;
+    }[];
+    scope: 'row' | 'schema' | 'database';
+    defaultId?: string | number;
+    fieldType?: 'string' | 'number';
+    tenantIdField?: string;
+    tenantLabelField?: string;
+    tenantFlagField?: string;
+} & ({
+    tenantTable?: string;
+    tenantTableQuery?: never;
+} | {
+    tenantTable?: never;
+    tenantTableQuery?: string;
+});
+export declare function getTenantMapping(dashboardName: string, tenants: {
+    tenantField: string;
+    tenantIds: (string | number)[];
+}[] | (string | number)[], client: QuillProviderClient, getToken: () => Promise<string>): Promise<{
+    [key: string]: string[];
+}>;
+export declare const asSingleDatabaseTenant: (client: QuillProviderClient | undefined) => QuillTenant | undefined;
+export declare const onlySingleDatabaseTenant: (client: QuillProviderClient | undefined) => boolean;
+//# sourceMappingURL=tenants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tenants.d.ts","sourceRoot":"","sources":["../../../src/utils/tenants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnE,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CACJ,CAAC;AAEF,wBAAsB,gBAAgB,CACpC,aAAa,EAAE,MAAM,EACrB,OAAO,EACH;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CAAE,EAAE,GACzD,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACvB,MAAM,EAAE,mBAAmB,EAC3B,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,GAC9B,OAAO,CAAC;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAAC,CA6BtC;AAED,eAAO,MAAM,sBAAsB,WACzB,mBAAmB,GAAG,SAAS,KACtC,WAAW,GAAG,SAEhB,CAAC;AAEF,eAAO,MAAM,wBAAwB,WAC3B,mBAAmB,GAAG,SAAS,KACtC,OAEF,CAAC"}

package/dist/esm/utils/tenants.js

@@ -0,0 +1,31 @@
+import { quillFetch } from './dataFetcher';
+export async function getTenantMapping(dashboardName, tenants, client, getToken) {
+    const tenantMappingResults = await quillFetch({
+        client,
+        task: 'tenant-mapping',
+        metadata: {
+            clientId: client.clientId,
+            tenants,
+            dashboardName,
+        },
+        getToken,
+    });
+    if (tenantMappingResults.error) {
+        console.error('Error fetching tenant mapping', tenantMappingResults.error);
+        return {};
+    }
+    const keyMapping = {};
+    tenantMappingResults.data.queryOrder.forEach((q, index) => {
+        const tenantFieldDataType = tenantMappingResults.queries.queryResults[index].fields.find((field) => field.name === q)?.dataTypeID;
+        // Taken from convertPostgresColumn
+        const isNumber = [20, 21, 23, 700, 701, 1700].includes(tenantFieldDataType);
+        keyMapping[q] = tenantMappingResults.queries.queryResults[index].rows.map((row) => (isNumber ? Number(row[q]) : row[q]));
+    });
+    return keyMapping;
+}
+export const asSingleDatabaseTenant = (client) => {
+    return client?.allTenantTypes?.find((t) => t.scope === 'database');
+};
+export const onlySingleDatabaseTenant = (client) => {
+    return !!client?.allTenantTypes?.every((t) => t.scope === 'database');
+};

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

@@ -0,0 +1,2 @@
+export declare const getScrollableParent: (element: HTMLElement | null) => HTMLElement | (Window & typeof globalThis);
+//# sourceMappingURL=ui.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../src/utils/ui.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,YAAa,WAAW,GAAG,IAAI,+CAY9D,CAAC"}

package/dist/esm/utils/ui.js

@@ -0,0 +1,14 @@
+// Utility to find the nearest scrollable ancestor
+export const getScrollableParent = (element) => {
+    if (!element)
+        return document.body;
+    let parent = element.parentElement;
+    while (parent) {
+        const style = getComputedStyle(parent);
+        const isScrollable = /(auto|scroll)/.test(style.overflowY + style.overflowX + style.overflow);
+        if (isScrollable)
+            return parent;
+        parent = parent.parentElement;
+    }
+    return window;
+};

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

@@ -0,0 +1,2 @@
+export declare function validateDashboard(filters: any[], dashboards: any[], name: string, newDateFilter?: any, selectedDashboard?: any): string[];
+//# sourceMappingURL=validation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../src/utils/validation.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,GAAG,EAAE,EACd,UAAU,EAAE,GAAG,EAAE,EACjB,IAAI,EAAE,MAAM,EACZ,aAAa,CAAC,EAAE,GAAG,EACnB,iBAAiB,CAAC,EAAE,GAAG,YAiGxB"}

package/dist/esm/utils/validation.js

@@ -0,0 +1,74 @@
+export function validateDashboard(filters, dashboards, name, newDateFilter, selectedDashboard) {
+    const issue = [];
+    if (!name) {
+        issue.push('No dashboard name supplied');
+    }
+    if (newDateFilter && !newDateFilter.label) {
+        issue.push('Please choose a label for the date filter.');
+    }
+    if (dashboards.length > 0 &&
+        dashboards.some((dashName) => dashName.name === name && name !== selectedDashboard.name)) {
+        issue.push('Please choose a unique name for the dashboard.');
+    }
+    filters.forEach((filter) => {
+        if (!filter.label) {
+            issue.push('Please fill out all label names for your filters.');
+        }
+    });
+    filters.forEach((filter) => {
+        if (!filter.field || !filter.table) {
+            issue.push(`Please select tables and fields to the ${filter.label} filter.`);
+        }
+    });
+    const fieldsSet = new Set();
+    filters.forEach((filter) => {
+        if (fieldsSet.has(filter.field)) {
+            issue.push('Please make sure that all filters are being applied to unique fields.');
+        }
+        else {
+            fieldsSet.add(filter.field);
+        }
+    });
+    // const brokenStringFilters: { [label: string]: string[] } = {};
+    // filters.forEach((filter: any) => {
+    //   selectedDashboard &&
+    //     selectedDashboard.newQueries &&
+    //     selectedDashboard.newQueries.forEach((chart: any) => {
+    //       const chartTable = chart.referencedTables.find(
+    //         (table: any) => table === filter.table,
+    //       );
+    //       if (!chartTable) {
+    //         if (!brokenStringFilters[filter.label]) {
+    //           brokenStringFilters[filter.label] = [];
+    //         }
+    //         // @ts-ignore
+    //         brokenStringFilters[filter.label].push(chart.name);
+    //       }
+    //     });
+    // });
+    // if (Object.keys(brokenStringFilters).length > 0) {
+    //   Object.keys(brokenStringFilters).forEach((key) => {
+    //     issue.push(
+    //       `The filter "${key}" cannot be applied to the following reports: ${brokenStringFilters[key]!.join(', ')}.`,
+    //     );
+    //   });
+    // }
+    const brokenDateFilters = [];
+    if (newDateFilter && selectedDashboard && selectedDashboard.newQueries) {
+        selectedDashboard.newQueries.forEach((chart) => {
+            if (['pie', 'bar', 'table', 'metric'].includes(chart.chartType.toLowerCase()) &&
+                newDateFilter.comparison) {
+                brokenDateFilters.push(chart.name);
+            }
+            else if (!chart.dateField ||
+                !chart.dateField.table ||
+                !chart.dateField.field) {
+                brokenDateFilters.push(chart.name);
+            }
+        });
+    }
+    if (brokenDateFilters.length > 0) {
+        issue.push(`The date filter cannot be applied to the following reports: ${brokenDateFilters.join(', ')}.`);
+    }
+    return issue;
+}

package/dist/esm/utils/validation.uspec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=validation.uspec.d.ts.map

package/dist/esm/utils/validation.uspec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.uspec.d.ts","sourceRoot":"","sources":["../../../src/utils/validation.uspec.ts"],"names":[],"mappings":""}

package/dist/esm/utils/validation.uspec.js

@@ -0,0 +1,51 @@
+import { validateDashboard } from './validation';
+describe('Validation', () => {
+    describe('validateDashboard', () => {
+        it('should return an array of issues if no dashboard name is supplied', () => {
+            expect(validateDashboard([], [], '', undefined, undefined)).toEqual([
+                'No dashboard name supplied',
+            ]);
+        });
+        it('should return an array of issues if a duplicate dashboard name is supplied', () => {
+            expect(validateDashboard([], [{ name: 'name' }], 'name', undefined, {
+                name: 'new',
+            })).toEqual(['Please choose a unique name for the dashboard.']);
+        });
+        it('should return an array of issues if a filter label is missing', () => {
+            expect(validateDashboard([{ field: 'field', table: 'table' }], [], 'test')).toEqual(['Please fill out all label names for your filters.']);
+        });
+        it('should return an array of issues if a filter field or table is missing', () => {
+            expect(validateDashboard([{ label: 'label' }], [], 'test', undefined)).toEqual(['Please select tables and fields to the label filter.']);
+        });
+        it('should return an array of issues if a filter field is not unique', () => {
+            expect(validateDashboard([
+                { label: 'label', field: 'field', table: 'table' },
+                { label: 'label', field: 'field', table: 'table' },
+            ], [], 'test', undefined)).toEqual([
+                'Please make sure that all filters are being applied to unique fields.',
+            ]);
+        });
+        it('should return an issue with the date filter', () => {
+            expect(validateDashboard([{ label: 'label', field: 'field', table: 'table' }], [], 'name', { comparison: true }, {
+                name: 'name',
+                newQueries: [
+                    {
+                        name: 'name',
+                        referencedTables: ['table'],
+                        dateField: true,
+                        chartType: 'metric',
+                    },
+                ],
+            })).toEqual([
+                'Please choose a label for the date filter.',
+                'The date filter cannot be applied to the following reports: name.',
+            ]);
+        });
+        it('should return an empty array if no issues are found', () => {
+            expect(validateDashboard([{ label: 'label', field: 'field', table: 'table' }], [], 'name', undefined, {
+                name: 'name',
+                newQueries: [{ name: 'name', referencedTables: ['table'] }],
+            })).toEqual([]);
+        });
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/admin",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "Admin tools for Quill",
   "exports": {
     ".": {
@@ -9,33 +9,47 @@
     }
   },
   "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json",
-    "dev": "tsc -p tsconfig.json -w & tsc -p tsconfig.esm.json -w",
+    "dev": "concurrently \"npm run dev:types\" \"npm run dev:esm\" \"npm run dev:cjs\"",
+    "dev:cjs": "babel src --out-dir dist/cjs --extensions \".ts,.tsx\" --copy-files --watch --env-name cjs",
+    "dev:esm": "babel src --out-dir dist/esm --extensions \".ts,.tsx\" --copy-files --watch --env-name esm",
+    "dev:types": "tsc --emitDeclarationOnly -w",
     "lint": "eslint . --max-warnings 0"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.0.8",
-    "@dnd-kit/sortable": "^7.0.2",
-    "@dnd-kit/utilities": "^3.2.1",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@monaco-editor/react": "^4.5.2",
-    "prism-react-renderer": "^1.3.5",
-    "prismjs": "^1.29.0"
+    "fast-deep-equal": "3.1.3",
+    "prism-react-renderer": "^2.0.0",
+    "re-resizable": "^6.9.17"
   },
   "devDependencies": {
+    "@babel/cli": "^7.25.7",
+    "@babel/core": "^7.25.8",
+    "@babel/preset-env": "^7.25.8",
+    "@babel/preset-react": "^7.25.7",
+    "@babel/preset-typescript": "^7.25.7",
+    "@playwright/test": "^1.51.1",
     "@repo/eslint-config": "*",
     "@repo/typescript-config": "*",
     "@types/eslint": "^8.56.1",
     "@types/node": "^20.10.6",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
+    "babel-plugin-inline-dotenv": "^1.7.0",
+    "concurrently": "^9.0.1",
     "eslint": "^8.56.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "undici": "^6.21.2"
   },
   "peerDependencies": {
     "@quillsql/react": "^2.9.2"

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

@@ -1,13 +0,0 @@
-interface EnvSelectPopoverProps {
-    clients: any[];
-    setClient: (client: any) => void;
-    client: any;
-    theme: any;
-    environment: string;
-    setEnvironment: (environment: string) => void;
-    handlePromote?: (client: any) => void;
-    showPromote?: boolean;
-}
-export default function EnvSelectPopover({ clients, setClient, client, theme, environment, setEnvironment, handlePromote, showPromote, }: EnvSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EnvSelectPopover.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,WAAW,EACX,cAAc,EACd,aAAa,EACb,WAAW,GACZ,EAAE,qBAAqB,2CAqTvB"}