@quillsql/admin 1.6.1 → 1.6.3

package/dist/esm/components/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAgB,EAChB,KAAqB,GACtB,EAAE;IACD,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CA2EA"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAA4C,EAC5C,KAAgD,GACjD,EAAE;IACD,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C,2CA2EA"}

package/dist/esm/components/SegmentedControl.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-export function SegmentedControl({ onChange, value, theme, left = 'Default', right = 'Multiselect', }) {
-    const [leftSelected, setLeftSelected] = useState(value === 'default' ? true : false);
+export function SegmentedControl({ onChange, value, theme, left = { label: 'Single', value: 'default' }, right = { label: 'Multi', value: 'multiselect' }, }) {
+    const [leftSelected, setLeftSelected] = useState(value === left?.value ? true : false);
     return (_jsxs("div", { style: {
             display: 'flex',
             flexDirection: 'row',
@@ -13,13 +13,14 @@ export function SegmentedControl({ onChange, value, theme, left = 'Default', rig
             height: 40,
         }, children: [_jsx("button", { className: "quill-tab", onClick: () => {
                     setLeftSelected(true);
-                    onChange(left.toLowerCase());
+                    onChange(left.value.toLowerCase());
                 }, style: {
                     border: leftSelected ? '1px solid #E7E7E7' : '1px solid transparent',
                     outline: 'none',
                     width: '100%',
                     borderRadius: 4,
-                    padding: 10,
+                    height: 32,
+                    padding: 8,
                     boxShadow: leftSelected
                         ? '0px 1px 4px 0px rgba(56, 65, 81, 0.08)'
                         : undefined,
@@ -29,12 +30,11 @@ export function SegmentedControl({ onChange, value, theme, left = 'Default', rig
                     fontWeight: leftSelected ? 600 : 500,
                     fontSize: 14,
                     fontFamily: theme?.fontFamily,
-                    height: '40px',
                     boxSizing: 'border-box',
                     backgroundColor: leftSelected ? 'white' : 'transparent',
-                }, children: left }), _jsx("button", { className: "quill-tab2", onClick: () => {
+                }, children: _jsx("div", { style: { marginTop: -3 }, children: left.label }) }), _jsx("button", { className: "quill-tab2", onClick: () => {
                     setLeftSelected(false);
-                    onChange(right.toLowerCase());
+                    onChange(right.value.toLowerCase());
                 }, style: {
                     border: !leftSelected ? '1px solid #E7E7E7' : '1px solid transparent',
                     boxShadow: !leftSelected
@@ -43,14 +43,14 @@ export function SegmentedControl({ onChange, value, theme, left = 'Default', rig
                     outline: 'none',
                     width: '100%',
                     borderRadius: 4,
+                    height: 32,
                     color: !leftSelected
                         ? 'rgba(56, 65, 81, 1)'
                         : 'rgba(56, 65, 81, 0.85)',
-                    padding: 10,
+                    padding: 8,
                     fontWeight: !leftSelected ? 600 : 500,
                     fontSize: 14,
                     fontFamily: theme?.fontFamily,
-                    height: '40px',
                     backgroundColor: !leftSelected ? 'white' : 'transparent',
-                }, children: right })] }));
+                }, children: _jsx("div", { style: { marginTop: -3 }, children: right.label }) })] }));
 }

package/dist/esm/components/SqlTextEditor.d.ts

@@ -1,15 +1,12 @@
 import { CSSProperties } from 'react';
-import { IDisposable } from 'monaco-editor';
 import { ColumnsByTable } from '../utils/table';
-export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, setPreviousProvier, previousProvider, schema, height, databaseType, }: {
+export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, schema, databaseType, resizable, }: {
     containerStyle?: CSSProperties;
     value: string;
     setValue: (e: string) => void;
     setEditorMounted: (e: boolean) => void;
-    setPreviousProvier?: (e: IDisposable | null) => void;
-    height?: string | number;
     schema: ColumnsByTable[];
     databaseType?: string;
-    previousProvider: IDisposable | null;
+    resizable?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SqlTextEditor.d.ts.map

package/dist/esm/components/SqlTextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA+DhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,MAAgB,EAChB,YAA2B,GAC5B,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC,2CAsEA"}
+{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAI1E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAuEhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,YAA2B,EAC3B,SAAgB,GACjB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAoEA"}

package/dist/esm/components/SqlTextEditor.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import MonacoEditor from '@monaco-editor/react';
 import { Resizable } from 're-resizable';
-import { generateSuggestionsByDatasource, generateSuggestionsBySchema, } from '../utils/monacoAutocomplete';
+import { generateSuggestionsByDatasource, generateSuggestionsBySchema, QUILL_LANGUAGE, } from '../utils/monacoAutocomplete';
 import { LoadingSpinner } from './UiComponents';
 function defineEditorTheme(monaco) {
     monaco.editor.defineTheme('onedark', {
@@ -26,12 +26,14 @@ function setEditorTheme(_editor, monaco, schema, databaseType) {
     try {
         monaco.editor.setTheme('onedark');
         monaco.languages.register({ id: 'quill' });
+        monaco.languages.setMonarchTokensProvider('quill', QUILL_LANGUAGE.monarchTokensProvider);
+        monaco.languages.setLanguageConfiguration('quill', QUILL_LANGUAGE.languageConfiguration);
         const provider = monaco.languages.registerCompletionItemProvider('quill', {
             provideCompletionItems: function (model, position) {
                 const word = model.getWordUntilPosition(position);
                 const range = new monaco.Range(position.lineNumber, word.startColumn, position.lineNumber, word.endColumn);
                 const databaseSuggestions = generateSuggestionsByDatasource(monaco, range, databaseType);
-                const schemaSuggestions = generateSuggestionsBySchema(schema, monaco, range, databaseType);
+                const schemaSuggestions = generateSuggestionsBySchema(schema, monaco, range);
                 return { suggestions: [...databaseSuggestions, ...schemaSuggestions] };
             },
         });
@@ -42,25 +44,27 @@ function setEditorTheme(_editor, monaco, schema, databaseType) {
         return null;
     }
 }
-export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, setPreviousProvier, previousProvider, schema, height = '224px', databaseType = 'postgresql', }) {
+export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, schema, databaseType = 'postgresql', resizable = true, }) {
     const [editorKey, setEditorKey] = useState(0);
+    const currentProvider = useRef(null);
     useEffect(() => {
-        if (previousProvider) {
-            previousProvider.dispose();
+        if (currentProvider.current) {
+            currentProvider.current.dispose();
+            if (schema && schema.length !== 0) {
+                setEditorKey((prevKey) => prevKey + 1);
+            }
         }
-    }, []);
-    useEffect(() => {
-        if (schema && schema.length !== 0 && editorKey === 0) {
-            setEditorKey((prevKey) => prevKey + 1);
-        }
-    }, [schema]);
+        return () => {
+            currentProvider.current?.dispose();
+        };
+    }, [schema, databaseType]);
     return (_jsx("div", { style: { ...containerStyle }, children: _jsx(Resizable, { defaultSize: {
                 width: 'auto',
-                height: 224,
-            }, minHeight: "100px", maxHeight: "800px", maxWidth: '100%', enable: {
-                top: true,
+                height: '200px', // default height for firefox
+            }, minHeight: "200px", maxHeight: "800px", maxWidth: '100%', enable: {
+                top: resizable,
                 right: false,
-                bottom: true,
+                bottom: resizable,
                 left: false,
                 topRight: false,
                 bottomRight: false,
@@ -77,10 +81,7 @@ export default function SqlTextEditor({ containerStyle, value, setValue, setEdit
                 }, onChange: (query) => {
                     setValue(query);
                 }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: (_editor, monaco) => {
-                    const disposable = setEditorTheme(_editor, monaco, schema, databaseType);
-                    if (setPreviousProvier) {
-                        setPreviousProvier(disposable);
-                    }
+                    currentProvider.current = setEditorTheme(_editor, monaco, schema, databaseType);
                     setEditorMounted(true);
                 } }, editorKey) }) }));
 }

package/dist/esm/components/StepDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/StepDisplay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,GACR,EAAE,gBAAgB,2CA0ClB"}
+{"version":3,"file":"StepDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/StepDisplay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,GACR,EAAE,gBAAgB,2CAyClB"}

package/dist/esm/components/StepDisplay.js

@@ -11,5 +11,5 @@ export default function StepDisplay({ label, completed, header1Style, onClick, }
             borderRadius: 6,
             backgroundColor: '#F6F6F6',
             padding: '24px 24px',
-        }, id: "connect-database-form", onClick: onClick, children: [_jsx("h1", { style: { ...header1Style, marginBottom: '0px', fontSize: 16 }, children: label }), completed ? (_jsx("div", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "24px", height: "24px", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z", clipRule: "evenodd" }) }) })) : (_jsx("div", {}))] }));
+        }, onClick: onClick, children: [_jsx("h1", { style: { ...header1Style, marginBottom: '0px', fontSize: 16 }, children: label }), completed ? (_jsx("div", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "24px", height: "24px", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z", clipRule: "evenodd" }) }) })) : (_jsx("div", {}))] }));
 }

package/dist/esm/components/Tenants/EditTenant.d.ts

@@ -0,0 +1,41 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { QuillTenant } from '../../utils/tenants';
+import { TextInputPrimitiveProps } from '../../primitives/TextInputPrimitive';
+import { ButtonPrimitiveProps } from '../../primitives/ButtonPrimitive';
+import { ButtonComponentProps } from '@quillsql/react';
+export declare function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant, onValidateEditTenant, HeaderComponent, TextInputComponent, ButtonComponent, ModalComponent, SecondaryButtonComponent, isSubmitTenantLoading, client, queryEndpoint, hideDiscardChanges, isOnboarding, }: {
+    tenant: QuillTenant | undefined;
+    setTenant: (tenant: QuillTenant | undefined) => void;
+    setCreateNewTenant: (adding: boolean) => void;
+    onSubmitEditTenant: (tenant: Partial<QuillTenant> & {
+        role: 'owner' | 'viewer';
+    }, creation: boolean, isOnboarding: boolean) => Promise<void>;
+    onValidateEditTenant: (tenant: Partial<QuillTenant>, isOnboarding: boolean) => Promise<{
+        id: string | number;
+        label: string;
+        flag: string;
+    }[]>;
+    HeaderComponent?: any;
+    ModalComponent: any;
+    TextInputComponent: ForwardRefExoticComponent<TextInputPrimitiveProps & RefAttributes<HTMLInputElement>> | ((props: TextInputPrimitiveProps) => JSX.Element);
+    ButtonComponent: React.FC<ButtonComponentProps & {
+        isLoading?: boolean;
+    }>;
+    SecondaryButtonComponent: React.FC<ButtonPrimitiveProps & {
+        isLoading?: boolean;
+    }>;
+    isSubmitTenantLoading: boolean;
+    client: {
+        _id: string;
+        id: string;
+        databaseType: string;
+        allTenantTypes: QuillTenant[];
+        ownerTenantFields: string[];
+        schemaNames: string[];
+        queryHeaders?: HeadersInit;
+    };
+    queryEndpoint: string;
+    hideDiscardChanges?: boolean;
+    isOnboarding: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditTenant.d.ts.map

package/dist/esm/components/Tenants/EditTenant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditTenant.d.ts","sourceRoot":"","sources":["../../../../src/components/Tenants/EditTenant.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAA2B,EACzB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EACL,oBAAoB,EAIrB,MAAM,iBAAiB,CAAC;AAgDzB,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,qBAAqB,EACrB,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAClB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,EAC3D,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,oBAAoB,EAAE,CACpB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAC5B,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,KAAK,CAAC,EAAE,CACvB,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAChC,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,WAAW,EAAE,CAAC;QAC9B,iBAAiB,EAAE,MAAM,EAAE,CAAC;QAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,YAAY,CAAC,EAAE,WAAW,CAAC;KAC5B,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;CACvB,2CA+wBA"}