@quillsql/admin 1.7.0 → 1.7.2

package/dist/cjs/public_components/EnvSelectPopover.js

@@ -1,184 +0,0 @@
-"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");
-const QuillMultiSelectWithCombo_1 = require("../components/QuillMultiSelectWithCombo");
-function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, onCreateNewEnvironment, }) {
-    const { state, dispatch, eventTracking } = (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 });
-        }
-        eventTracking?.addBreadcrumb?.({
-            message: 'Set client in EnvSelectPopover',
-            data: {
-                clientId: selectedClient._id || selectedClient.id,
-            },
-            category: 'navigation',
-            level: 'info',
-            timestamp: Date.now(),
-        });
-        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,
-                    fontFamily: theme.fontFamily,
-                }, 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)(QuillMultiSelectWithCombo_1.ListboxTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: (e) => {
-                                setSearchQuery(e);
-                            }, width: 180 }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                height: 9,
-                                width: 230,
-                                borderTop: `1px solid ${state.theme?.borderColor ?? '#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);
-                                                eventTracking?.addBreadcrumb?.({
-                                                    message: 'Opened manage environment in EnvSelectPopover',
-                                                    data: {
-                                                        environment: item,
-                                                    },
-                                                    category: 'navigation',
-                                                    level: 'info',
-                                                    timestamp: Date.now(),
-                                                });
-                                                setIsOpen(false);
-                                            }, style: {
-                                                marginRight: -8,
-                                                marginTop: 'auto',
-                                                marginBottom: 'auto',
-                                                fontFamily: theme.fontFamily,
-                                                color: theme.secondaryTextColor,
-                                                backgroundColor: theme.backgroundColor,
-                                            } }))
-                                        : 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", { onClick: () => {
-                                            eventTracking?.addBreadcrumb?.({
-                                                message: 'Opened create new environment in EnvSelectPopover',
-                                                category: 'navigation',
-                                                level: 'info',
-                                                timestamp: Date.now(),
-                                            });
-                                            onCreateNewEnvironment?.();
-                                        }, style: {
-                                            height: 42,
-                                            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',
-                                            fontFamily: theme.fontFamily,
-                                        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
-                    .quill-list-select > a {
-                      background-color: ${state.theme?.backgroundColor};
-                      color: ${theme?.primaryTextColor};
-                    }
-                    .quill-list-selected > a {
-                      background-color: ${state.theme?.hoverBackgroundColor};
-                      color: ${theme?.hoverTextColor};
-                    }
-                    .quill-list-select:hover > a {
-                      background-color: ${state.theme?.hoverBackgroundColor};
-                      color: ${theme?.hoverTextColor};
-                    }` }), (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/VirtualTableManager.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualTableManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/VirtualTableManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AA2C5E,eAAO,MAAM,mBAAmB,GAAI,UAAU,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,2CAukCA"}