@quillsql/admin 1.6.1 → 1.6.2

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

@@ -0,0 +1,12 @@
+interface EnvSelectPopoverProps {
+    clients: any[];
+    setClient: (client: any) => void;
+    client: any;
+    theme: any;
+    onSelectedEditEnvironment?: (environment: string) => void;
+    parentRef: React.RefObject<HTMLDivElement>;
+    isLoading?: boolean;
+}
+export default function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, }: EnvSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EnvSelectPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/public_components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAMA,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,yBAAyB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,yBAAyB,EACzB,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,2CA4NvB"}

package/dist/cjs/public_components/EnvSelectPopover.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = EnvSelectPopover;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AdminProvider_1 = require("../AdminProvider");
+const OrgSelect_1 = require("../components/OrgSelect");
+const MiniButtonPrimitive_1 = __importDefault(require("../primitives/MiniButtonPrimitive"));
+const UiComponents_1 = require("../components/UiComponents");
+function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, }) {
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
+    const filteredClients = (0, react_1.useMemo)(() => {
+        return clients.filter((client) => client.name.toLowerCase().includes(searchQuery.toLowerCase()));
+    }, [clients, searchQuery]);
+    const handleItemClick = (selectedClient) => {
+        if (state.activeQuery) {
+            const message = 'Are you sure? Changing environment will exit edit mode and your changes will not be saved.';
+            if (!confirm(message))
+                return;
+            dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
+            dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
+        }
+        setClient(selectedClient);
+        setIsOpen(false);
+    };
+    // if (client && client._id === '642ee580e45ecb91213b44aa') {
+    //   return (
+    //     <div
+    //       style={{
+    //         background: '#f7f7f7',
+    //         borderRadius: 6,
+    //         height: 38,
+    //         display: 'flex',
+    //         flexDirection: 'row',
+    //         alignItems: 'center',
+    //         paddingLeft: 4,
+    //         paddingRight: 4,
+    //       }}
+    //     >
+    //       <button
+    //         style={{
+    //           background: environment === 'PRODUCTION' ? 'white' : undefined,
+    //           color: environment === 'PRODUCTION' ? '#384151' : '#677389',
+    //           fontWeight: environment === 'PRODUCTION' ? '600' : '500',
+    //           borderRadius: 4,
+    //           paddingLeft: 6,
+    //           paddingRight: 6,
+    //           paddingTop: 3,
+    //           paddingBottom: 3,
+    //           fontSize: 16,
+    //         }}
+    //         onClick={() => setEnvironment('PRODUCTION')}
+    //       >
+    //         Production
+    //       </button>
+    //       <button
+    //         style={{
+    //           background: environment === 'STAGING' ? 'white' : undefined,
+    //           color: environment === 'STAGING' ? '#384151' : '#677389',
+    //           fontWeight: environment === 'STAGING' ? '600' : '500',
+    //           borderRadius: 4,
+    //           paddingLeft: 6,
+    //           paddingRight: 6,
+    //           paddingTop: 3,
+    //           paddingBottom: 3,
+    //           fontSize: 16,
+    //         }}
+    //         onClick={() => setEnvironment('STAGING')}
+    //       >
+    //         Staging
+    //       </button>
+    //     </div>
+    //   );
+    // }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                    fontSize: '14px',
+                    paddingTop: '0px',
+                    marginTop: '0px',
+                    marginBottom: '4px',
+                    fontWeight: '600',
+                    color: theme.secondaryTextColor,
+                }, children: "Environment" }), (0, jsx_runtime_1.jsx)(OrgSelect_1.Popover, { parentRef: parentRef, label: client?.name ?? 'Select environment', isOpen: isOpen, onClose: () => setIsOpen(false), style: {
+                    boxSizing: 'border-box',
+                    fontSize: 14,
+                    maxHeight: '50vh',
+                }, setIsOpen: setIsOpen, onClick: () => { }, children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery }), (0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), (0, jsx_runtime_1.jsxs)("div", { style: { paddingTop: 8, paddingBottom: 8 }, children: [filteredClients.map((item) => ((0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxRow, { setSelected: client._id !== item._id
+                                        ? () => handleItemClick(item)
+                                        : undefined, item: item.name, isSelected: client._id === item._id, hoverActions: onSelectedEditEnvironment
+                                        ? (item) => ((0, jsx_runtime_1.jsx)(MiniButtonPrimitive_1.default, { label: "Manage", onClick: () => {
+                                                onSelectedEditEnvironment(item);
+                                                setIsOpen(false);
+                                            }, style: {
+                                                marginRight: -8,
+                                                marginTop: 'auto',
+                                                marginBottom: 'auto',
+                                            } }))
+                                        : undefined }, item._id))), (0, jsx_runtime_1.jsx)("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: (0, jsx_runtime_1.jsxs)("a", { href: '/onboard', style: {
+                                            height: 42,
+                                            color: '#384151',
+                                            width: 216,
+                                            borderRadius: 6,
+                                            textAlign: 'left',
+                                            paddingLeft: 10,
+                                            paddingRight: 12,
+                                            display: 'flex',
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            fontWeight: 500,
+                                            fontSize: 14,
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap',
+                                            overflow: 'hidden',
+                                        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+                    .quill-list-select > a {
+                      background-color: white;
+                    }
+                    .quill-list-selected > a {
+                      background-color: rgba(56, 65, 81, 0.04);
+                    }
+                    .quill-list-select:hover > a {
+                      background-color: rgba(56, 65, 81, 0.04);
+                    }` }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                                    textOverflow: 'ellipsis',
+                                                    whiteSpace: 'nowrap',
+                                                    overflow: 'hidden',
+                                                    display: 'flex',
+                                                    flexDirection: 'row',
+                                                }, children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "16", width: "16", style: {
+                                                            marginRight: 3,
+                                                            marginTop: 'auto',
+                                                            marginBottom: 'auto',
+                                                        }, children: (0, jsx_runtime_1.jsx)("path", { d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" }) }), "New Environment"] })] }) })] })] })) : ((0, jsx_runtime_1.jsx)("div", { style: {
+                        paddingTop: 8,
+                        paddingBottom: 8,
+                        width: 230,
+                        display: 'flex',
+                        justifyContent: 'center',
+                    }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) })) })] }));
+}

package/dist/cjs/public_components/{SQLViewManager.d.ts → VirtualTableManager.d.ts}

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
 export declare const getDuplicateColumns: (columns?: any[]) => string[];
-export default function SQLViewManager({ containerStyle, }: {
+export default function VirtualTableManager({ containerStyle, virtualTable, }: {
     containerStyle?: CSSProperties;
+    virtualTable?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SQLViewManager.d.ts.map
+//# sourceMappingURL=VirtualTableManager.d.ts.map

package/dist/cjs/public_components/VirtualTableManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/VirtualTableManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AA0C5E,eAAO,MAAM,mBAAmB,aAAc,GAAG,EAAE,aAalD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,YAAY,GACb,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CA08BA"}