@quillsql/admin 1.5.2 → 1.6.1

package/dist/esm/components/OrgSelect.js

@@ -2,22 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState, } from 'react';
 import { ArrowDownHeadIcon } from '../icons';
 import { useAdmin } from '../AdminProvider';
-const useOnClickOutside = (ref, handler) => {
-    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]);
-};
+import useOnClickOutside from '../hooks/useOnClickOutside';
 export function Popover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
     const modalRef = useRef(null);
     useOnClickOutside(modalRef, (e) => {
@@ -173,8 +158,9 @@ export default function OrgSelect({ environment, setEnvironment, organizations,
     };
     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;
             }
@@ -182,7 +168,8 @@ export default function OrgSelect({ environment, setEnvironment, organizations,
                 .toLowerCase()
                 .replace(/\s+/g, '')
                 .includes(searchQuery.toLowerCase().replace(/\s+/g, ''));
-        });
+        })
+            .slice(0, 20);
     return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("h1", { style: {
                     fontSize: '14px',
                     paddingTop: '0px',

package/dist/esm/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/esm/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,2CAwMtB"}

package/dist/esm/components/QuillSelect.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useOnClickOutside from '../hooks/useOnClickOutside';
+import { useRef, useState } from 'react';
+import { theme as defaultTheme } from '../Admin';
+export function QuillSelectComponent({ options, value, onChange, theme = defaultTheme, label, }) {
+    const [showModal, setShowModal] = useState(false);
+    const modalRef = useRef(null);
+    useOnClickOutside(modalRef, (e) => {
+        setShowModal(false);
+    });
+    return (_jsxs("div", { style: {
+            position: 'relative',
+            width: 200,
+            minWidth: 200,
+            borderRadius: '6px',
+        }, children: [label && (_jsx("div", { style: {
+                    fontSize: 14,
+                    color: theme.primaryTextColor,
+                    fontFamily: theme.fontFamily,
+                    paddingBottom: 5,
+                    fontWeight: 600,
+                }, children: label })), _jsxs("button", { style: {
+                    fontFamily: theme.fontFamily,
+                    color: theme.primaryTextColor,
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    fontWeight: 'inherit',
+                    lineHeight: 'inherit',
+                    padding: '8px 12px',
+                    fontSize: 14,
+                    margin: 0,
+                    boxSizing: 'border-box',
+                    borderWidth: 1,
+                    borderStyle: 'solid',
+                    borderColor: theme.borderColor,
+                    borderRadius: 6,
+                    paddingTop: 9,
+                    paddingBottom: 9,
+                    height: 40,
+                    minHeight: 40,
+                    maxHeight: 40,
+                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme.backgroundColor}; } .quill-select-button:hover { background: ${theme.hoverBackgroundColor}; }` }), _jsx("span", { style: {
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
+                        }, children: options.find((elem) => elem.value === value)?.label || 'Select' }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: _jsx("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && (_jsxs("div", { id: "quillSelectPopover", ref: modalRef, style: {
+                    position: 'absolute',
+                    width: '100%',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    boxSizing: 'border-box',
+                    borderWidth: 1,
+                    borderStyle: 'solid',
+                    borderColor: theme.borderColor,
+                    borderRadius: 6,
+                    background: 'white',
+                    marginTop: 12,
+                    zIndex: 100,
+                    paddingTop: 6,
+                    paddingBottom: 6,
+                    paddingLeft: 6,
+                    paddingRight: 6,
+                    boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
+                    fontFamily: theme.fontFamily,
+                    maxHeight: '40vh',
+                    overflow: 'scroll',
+                }, children: [_jsxs("button", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            padding: '8px 8px',
+                            margin: 0,
+                            boxSizing: 'border-box',
+                            borderWidth: 0,
+                            fontSize: 14,
+                            borderStyle: 'solid',
+                            borderColor: theme.borderColor,
+                            borderRadius: 4,
+                            fontFamily: theme.fontFamily,
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
+                            height: 34,
+                            minHeight: 34,
+                        }, className: "quill-option", onClick: () => {
+                            onChange('');
+                            setShowModal(false);
+                        }, children: [_jsx("style", { children: `
+                .quill-option {
+                  background: white;
+                }
+                  .quill-option:hover {
+                    background: #F4F4F5;
+                  }
+                ` }), 'Select'] }), options.map((option) => (_jsxs("button", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            padding: '8px 8px',
+                            margin: 0,
+                            boxSizing: 'border-box',
+                            borderWidth: 0,
+                            fontSize: 14,
+                            borderStyle: 'solid',
+                            borderColor: theme.borderColor,
+                            borderRadius: 4,
+                            fontFamily: theme.fontFamily,
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            height: 34,
+                            minHeight: 34,
+                            overflow: 'hidden',
+                        }, className: "quill-option", onClick: () => {
+                            onChange(option.value);
+                            setShowModal(false);
+                        }, children: [_jsx("style", { children: `
+                .quill-option {
+                  background: white;
+                }
+                  .quill-option:hover {
+                    background: #F4F4F5;
+                  }
+                ` }), _jsx("span", { style: {
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                }, children: option.label })] }, option.value)))] }))] }));
+}

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

@@ -0,0 +1,9 @@
+import { QuillTheme } from '@quillsql/react';
+export declare function SegmentedControl({ onChange, value, theme, left, right, }: {
+    onChange: (e: any) => void;
+    value: string;
+    theme?: QuillTheme;
+    left?: string;
+    right?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -0,0 +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"}

package/dist/esm/components/SegmentedControl.js

@@ -0,0 +1,56 @@
+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);
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            background: '#F5F5F6',
+            maxWidth: 209,
+            padding: 4,
+            borderRadius: 6,
+            height: 40,
+        }, children: [_jsx("button", { className: "quill-tab", onClick: () => {
+                    setLeftSelected(true);
+                    onChange(left.toLowerCase());
+                }, style: {
+                    border: leftSelected ? '1px solid #E7E7E7' : '1px solid transparent',
+                    outline: 'none',
+                    width: '100%',
+                    borderRadius: 4,
+                    padding: 10,
+                    boxShadow: leftSelected
+                        ? '0px 1px 4px 0px rgba(56, 65, 81, 0.08)'
+                        : undefined,
+                    color: leftSelected
+                        ? 'rgba(56, 65, 81, 1)'
+                        : 'rgba(56, 65, 81, 0.85)',
+                    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: () => {
+                    setLeftSelected(false);
+                    onChange(right.toLowerCase());
+                }, style: {
+                    border: !leftSelected ? '1px solid #E7E7E7' : '1px solid transparent',
+                    boxShadow: !leftSelected
+                        ? '0px 1px 4px 0px rgba(56, 65, 81, 0.08)'
+                        : undefined,
+                    outline: 'none',
+                    width: '100%',
+                    borderRadius: 4,
+                    color: !leftSelected
+                        ? 'rgba(56, 65, 81, 1)'
+                        : 'rgba(56, 65, 81, 0.85)',
+                    padding: 10,
+                    fontWeight: !leftSelected ? 600 : 500,
+                    fontSize: 14,
+                    fontFamily: theme?.fontFamily,
+                    height: '40px',
+                    backgroundColor: !leftSelected ? 'white' : 'transparent',
+                }, children: right })] }));
+}

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

@@ -1,7 +1,15 @@
 import { CSSProperties } from 'react';
-export default function SqlTextEditor({ containerStyle, value, setValue, }: {
+import { IDisposable } from 'monaco-editor';
+import { ColumnsByTable } from '../utils/table';
+export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, setPreviousProvier, previousProvider, schema, height, databaseType, }: {
     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;
 }): 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,EAAE,MAAM,OAAO,CAAC;AA+B7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,2CAwBA"}
+{"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"}

package/dist/esm/components/SqlTextEditor.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+import { useEffect, useState } from 'react';
 import MonacoEditor from '@monaco-editor/react';
+import { Resizable } from 're-resizable';
+import { generateSuggestionsByDatasource, generateSuggestionsBySchema, } from '../utils/monacoAutocomplete';
+import { LoadingSpinner } from './UiComponents';
 function defineEditorTheme(monaco) {
     monaco.editor.defineTheme('onedark', {
         base: 'vs',
@@ -17,22 +22,65 @@ function defineEditorTheme(monaco) {
         },
     });
 }
-function setEditorTheme(_editor, monaco) {
+function setEditorTheme(_editor, monaco, schema, databaseType) {
     try {
         monaco.editor.setTheme('onedark');
+        monaco.languages.register({ id: 'quill' });
+        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);
+                return { suggestions: [...databaseSuggestions, ...schemaSuggestions] };
+            },
+        });
+        return provider;
     }
     catch (e) {
         console.log('ERROR: ', e);
+        return null;
     }
 }
-export default function SqlTextEditor({ containerStyle, value, setValue, }) {
-    return (_jsx("div", { style: { ...containerStyle }, children: _jsx(MonacoEditor, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: _jsx("div", {}), options: {
-                wordWrap: 'on',
-                minimap: {
-                    enabled: false,
-                },
-                padding: { top: 16 },
-            }, onChange: (query) => {
-                setValue(query);
-            }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
+export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, setPreviousProvier, previousProvider, schema, height = '224px', databaseType = 'postgresql', }) {
+    const [editorKey, setEditorKey] = useState(0);
+    useEffect(() => {
+        if (previousProvider) {
+            previousProvider.dispose();
+        }
+    }, []);
+    useEffect(() => {
+        if (schema && schema.length !== 0 && editorKey === 0) {
+            setEditorKey((prevKey) => prevKey + 1);
+        }
+    }, [schema]);
+    return (_jsx("div", { style: { ...containerStyle }, children: _jsx(Resizable, { defaultSize: {
+                width: 'auto',
+                height: 224,
+            }, minHeight: "100px", maxHeight: "800px", maxWidth: '100%', enable: {
+                top: true,
+                right: false,
+                bottom: true,
+                left: false,
+                topRight: false,
+                bottomRight: false,
+                bottomLeft: false,
+                topLeft: false,
+            }, children: _jsx(MonacoEditor
+            // height={height}
+            , { defaultLanguage: "quill", defaultValue: "", language: "quill", value: value, loading: _jsx(LoadingSpinner, {}), options: {
+                    wordWrap: 'on',
+                    minimap: {
+                        enabled: false,
+                    },
+                    padding: { top: 16 },
+                }, onChange: (query) => {
+                    setValue(query);
+                }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: (_editor, monaco) => {
+                    const disposable = setEditorTheme(_editor, monaco, schema, databaseType);
+                    if (setPreviousProvier) {
+                        setPreviousProvier(disposable);
+                    }
+                    setEditorMounted(true);
+                } }, editorKey) }) }));
 }

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

@@ -1,3 +1,4 @@
+import { ReactNode, CSSProperties } from 'react';
 export interface Option {
     value: string;
     label: string;
@@ -8,29 +9,22 @@ export interface SelectComponentProps {
     options: Option[];
     disabled?: boolean;
     label?: string;
+    theme?: any;
+    style?: CSSProperties;
 }
 export interface TextInputComponentProps {
     onChange: (e: any) => void;
     value: string;
     id: string;
-    placeholder: string;
-}
-export interface ButtonComponentProps {
-    onClick: () => void;
-    label: string;
-    primary?: boolean;
+    width?: string;
+    label?: string;
+    placeholder?: string;
 }
 export interface TableComponentProps {
     rows: any[];
     columns: any[];
     height: string;
 }
-export interface TextInputComponentProps {
-    onChange: (e: any) => void;
-    value: string;
-    id: string;
-    width?: string;
-}
 export interface ModalComponentProps {
     children: any;
     isOpen: boolean;
@@ -53,23 +47,18 @@ export interface DeleteButtonProps {
     style: any;
 }
 export declare const MemoizedTextInput: ({ value, onChange, placeholder, id, width, }: TextInputComponentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedButton: ({ label, onClick, primary, style, width, }: {
+export declare const MemoizedButton: ({ label, onClick, isLoading, primary, style, width, }: {
     label: any;
     onClick: any;
+    isLoading?: boolean | undefined;
     primary?: boolean | undefined;
     style?: {} | undefined;
     width?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedSecondaryButton: ({ label, onClick }: {
+export declare const MemoizedSecondaryButton: ({ label, onClick, isLoading, }: {
     label: any;
     onClick: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedSelect: ({ value, onChange, options, disabled, label, }: {
-    value: any;
-    onChange: any;
-    options: any;
-    disabled?: boolean | undefined;
-    label: any;
+    isLoading?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const MemoizedHeader: ({ children }: {
     children: any;
@@ -101,15 +90,14 @@ export declare function MemoizedPopover({ onClose, parentRef, children, style, o
     isOpen: any;
     setIsOpen: any;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, style, }: {
-    isOpen: any;
-    onClose: any;
-    setIsOpen: any;
-    title: any;
-    children: any;
-    theme: any;
-    style?: {} | undefined;
-}): import("react/jsx-runtime").JSX.Element | null;
+export declare function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }: {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    title?: string;
+    children: ReactNode;
+    width?: number;
+    height?: number;
+}): JSX.Element;
 export declare const MemoizedDeleteButton: ({ onClick, style }: {
     onClick: any;
     style: any;

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

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