@quillsql/admin 1.7.0 → 1.7.1

package/dist/cjs/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.js

@@ -4,14 +4,14 @@ exports.QuillDateRangePicker = QuillDateRangePicker;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const date_fns_1 = require("date-fns");
-const AdminProvider_1 = require("../../../AdminProvider");
+const useAdmin_1 = require("../../../hooks/useAdmin");
 const QuillSelectWithCombo_1 = require("../../QuillSelectWithCombo");
 const UiComponents_1 = require("../../UiComponents");
 /**
  * The fallback date range picked used in <Dashboard/>.
  */
 function QuillDateRangePicker({ dateRange, onChangeDateRange, presetOptions, onChangePreset, preset, label, selectWidth, hidePreset, disabled, }) {
-    const { client, theme } = (0, AdminProvider_1.useAdmin)().state;
+    const { client, theme } = (0, useAdmin_1.useAdmin)().state;
     const [anchorStartDate, setAnchorStartDate] = (0, react_1.useState)(getAnchorStartDate(dateRange.startDate, dateRange.endDate));
     const [anchorEndDate, setAnchorEndDate] = (0, react_1.useState)(getAnchorEndDate(dateRange.startDate, dateRange.endDate));
     const [localStartDate, setLocalStartDate] = (0, react_1.useState)(dateRange.startDate);

package/dist/cjs/components/InternalDashboard/InternalDashboard.js

@@ -12,7 +12,7 @@ const core_1 = require("@dnd-kit/core");
 const react_1 = require("react");
 const react_2 = require("@quillsql/react");
 const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const filter_1 = require("../../utils/filter");
 const EmptyDashboardComponent_1 = __importDefault(require("../EmptyDashboardComponent"));
 const DashboardLoadingComponent_1 = require("./DashboardLoadingComponent");
@@ -62,7 +62,7 @@ onChangeLoading, filters,
 // onClickChartElement,
 // dateBucket,
 containerStyle, parentLoading, onManageDashboard, }) => {
-    const { state, clientLoading: isClientLoading, eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { state, clientLoading: isClientLoading, eventTracking } = (0, useAdmin_1.useAdmin)();
     const tenants = state.currentTenantIdentity;
     // const client = state.client;
     // const [userFilters, setUserFilters] = useState<{
@@ -1567,7 +1567,7 @@ const DeleteButton = ({ onClick }) => {
 };
 const SortableSection = ({ id, sectionName, sectionIndex, metrics, charts, tables, data, previewSectionOrder, onClickReport, onSectionNameUpdate, onSectionDelete, activeId, overId, draggedIndex, isHighlighted, isDraggingAnySection, }) => {
     const { attributes, listeners, setNodeRef: setSortableNodeRef, isDragging, } = (0, sortable_1.useSortable)({ id, animateLayoutChanges: () => false });
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const [isEditing, setIsEditing] = (0, react_1.useState)(false);
     const [editedName, setEditedName] = (0, react_1.useState)(sectionName);
     const [inputWidth, setInputWidth] = (0, react_1.useState)('auto');
@@ -1822,7 +1822,7 @@ const SortableSection = ({ id, sectionName, sectionIndex, metrics, charts, table
                 } })] }));
 };
 const SortableItem = ({ id, section, chartType, value, onClickReport, }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const compoundId = `${section}::${id}`;
     const { attributes, listeners, setNodeRef, transform, isDragging } = (0, sortable_1.useSortable)({
         id: compoundId,
@@ -1938,7 +1938,7 @@ function HandleButton(props) {
                         } })] })] }));
 }
 const NewSectionButton = ({ onAddSection, existingSections, isEditing, setIsEditing, }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const [sectionName, setSectionName] = (0, react_1.useState)('');
     const [error, setError] = (0, react_1.useState)('');
     const inputRef = (0, react_1.useRef)(null);

package/dist/cjs/components/OrgSelect.js

@@ -15,11 +15,11 @@ const QuillSelectWithCombo_1 = require("./QuillSelectWithCombo");
 const QuillMultiSelectWithCombo_1 = require("./QuillMultiSelectWithCombo");
 const useDashboardManager_1 = require("../hooks/useDashboardManager");
 const GlobeIcon_1 = __importDefault(require("../icons/GlobeIcon"));
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 function Popover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
     const modalRef = (0, react_1.useRef)(null);
     const [maxHeight, setMaxHeight] = (0, react_1.useState)('40vh');
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     (0, useOnClickOutside_1.default)(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
@@ -115,7 +115,7 @@ function Popover({ onClose, parentRef, children, style = {}, onClick, label, sho
 function OrgSelect({ isLoading }) {
     const { dashboardTenants, dashboardOwnerTenant, selectedTenantType, selectedTenantValues, setSelectedTenantValues, selectedDashboardTenantIds, setSelectedTenantType, setSelectedDashboardTenantIds, dashboardTenantIdsLoading, } = (0, useTenants_1.useTenants)();
     const { selectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
-    const { eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { eventTracking } = (0, useAdmin_1.useAdmin)();
     const debounceIdTimeoutId = (0, react_1.useRef)(null);
     const debounceValueTimeoutId = (0, react_1.useRef)(null);
     const debouncedSetSelectedDashboardTenantIds = (value) => {
@@ -222,7 +222,7 @@ function OrgSelect({ isLoading }) {
                             } }), (0, jsx_runtime_1.jsx)("div", { children: "All Tenants" })] })), enableSingleSelectOption: true, displayValue: true, enableSubmitButton: true, submitButtonText: 'Submit' }))] }));
 }
 function ListboxRow({ item, isSelected, setSelected, hoverActions, allowUnselect, }) {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { className: 'quill-list-select' + (isSelected ? ' quill-list-selected' : ''), style: {
             paddingBottom: 6,
             cursor: isSelected && !allowUnselect ? 'default' : 'pointer',

package/dist/cjs/components/QuillMultiSelectWithCombo.js

@@ -39,14 +39,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const useOnClickOutside_1 = __importStar(require("../hooks/useOnClickOutside"));
 const UiComponents_1 = require("./UiComponents");
 const react_1 = __importStar(require("react"));
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const react_dom_1 = require("react-dom");
 const ui_1 = require("../utils/ui");
 /**
  * A robust select component that implements the new minimal Select interface.
  */
 function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, noneSelectedLabel, mimicReactSelect, enableSingleSelectOption, displayValue, enableSubmitButton, submitButtonText, }) {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     const theme = state.theme;
     const [selectedOptions, setSelectedOptions] = (0, react_1.useState)([]);
     const [pendingSelections, setPendingSelections] = (0, react_1.useState)([]);
@@ -653,7 +653,7 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
                   ` }), submitButtonText ?? 'Apply Selection'] })] }))] }), document.body)] }));
 }
 const ListboxTextInput = ({ value, onChange, placeholder, id, width, }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsxs)("div", { style: {
             position: 'relative',
             display: 'flex',

package/dist/cjs/components/QuillPopover.js

@@ -38,11 +38,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const useOnClickOutside_1 = __importStar(require("../hooks/useOnClickOutside"));
 const UiComponents_1 = require("./UiComponents");
 const react_1 = require("react");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const react_dom_1 = require("react-dom");
 const ui_1 = require("../utils/ui");
 function QuillPopover({ style, popoverStyle, label, isLoading, disabled, children, }) {
-    const theme = (0, AdminProvider_1.useAdmin)().state.theme;
+    const theme = (0, useAdmin_1.useAdmin)().state.theme;
     const [showModal, setShowModal] = (0, react_1.useState)(false);
     const modalRef = (0, react_1.useRef)(null);
     const buttonRef = (0, react_1.useRef)(null);

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

@@ -1 +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,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAoB,EACpB,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,2CA0OtB"}
+{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAoB,EACpB,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,2CA0OtB"}

package/dist/cjs/components/QuillSelect.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuillSelectComponent = QuillSelectComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const useOnClickOutside_1 = __importDefault(require("../hooks/useOnClickOutside"));
+const Provider_1 = require("../models/Provider");
 const react_1 = require("react");
-const Admin_1 = require("../Admin");
-function QuillSelectComponent({ style, options, value, onChange, theme = Admin_1.defaultTheme, label, hideEmptyOption, disabled, }) {
+function QuillSelectComponent({ style, options, value, onChange, theme = Provider_1.defaultTheme, label, hideEmptyOption, disabled, }) {
     const [showModal, setShowModal] = (0, react_1.useState)(false);
     const modalRef = (0, react_1.useRef)(null);
     const parentRef = (0, react_1.useRef)(null);

package/dist/cjs/components/QuillSelectWithCombo.js

@@ -39,14 +39,14 @@ const useOnClickOutside_1 = __importStar(require("../hooks/useOnClickOutside"));
 const UiComponents_1 = require("./UiComponents");
 const react_1 = __importStar(require("react"));
 const QuillMultiSelectWithCombo_1 = require("./QuillMultiSelectWithCombo");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const react_dom_1 = require("react-dom");
 const ui_1 = require("../utils/ui");
 /**
  * A robust select component that implements the new minimal Select interface.
  */
 function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, badge, mimicReactSelect, testLabel, displayValue, }) {
-    const theme = (0, AdminProvider_1.useAdmin)().state.theme;
+    const theme = (0, useAdmin_1.useAdmin)().state.theme;
     const [showModal, setShowModal] = (0, react_1.useState)(false);
     const modalRef = (0, react_1.useRef)(null);
     const buttonRef = (0, react_1.useRef)(null);

package/dist/cjs/components/QuillToolTipPortal.js

@@ -4,9 +4,9 @@ exports.QuillToolTipPortal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const QuillToolTipPortal = ({ children, text, enabled = true, containerStyle = {}, textStyle = {}, mirror = false, }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const tooltipRef = (0, react_1.useRef)(null);
     const triggerRef = (0, react_1.useRef)(null);

package/dist/cjs/components/SqlTextEditor.js

@@ -11,7 +11,7 @@ const react_2 = __importDefault(require("@monaco-editor/react"));
 const re_resizable_1 = require("re-resizable");
 const monacoAutocomplete_1 = require("../utils/monacoAutocomplete");
 const UiComponents_1 = require("./UiComponents");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 function defineEditorTheme(monaco) {
     monaco.editor.defineTheme('onedark', {
         base: 'vs',
@@ -65,7 +65,7 @@ function setEditorTheme(_editor, monaco, schema, databaseType, eventTracking) {
 function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, schema, databaseType = 'postgresql', resizable = true, }) {
     const [editorKey, setEditorKey] = (0, react_1.useState)(0);
     const currentProvider = (0, react_1.useRef)(null);
-    const { eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { eventTracking } = (0, useAdmin_1.useAdmin)();
     (0, react_1.useEffect)(() => {
         if (currentProvider.current) {
             currentProvider.current.dispose();

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

@@ -1,5 +1,5 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { QuillTenant } from '../../utils/tenants';
+import { QuillTenant } from '../../models/Tenant';
 import { TextInputPrimitiveProps } from '../../primitives/TextInputPrimitive';
 import { ButtonPrimitiveProps } from '../../primitives/ButtonPrimitive';
 import { ButtonComponentProps } from '@quillsql/react';

package/dist/cjs/components/Tenants/EditTenant.js

@@ -16,7 +16,7 @@ const InputLabel_1 = __importDefault(require("../InputLabel"));
 const QuillTab_1 = __importDefault(require("../QuillTab"));
 const QuillSelectWithCombo_1 = require("../QuillSelectWithCombo");
 const CardSection_1 = __importDefault(require("../CardSection"));
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const columnProcessing_1 = require("../../utils/columnProcessing");
 const SqlTextEditor_1 = __importDefault(require("../SqlTextEditor"));
 const prism_react_renderer_1 = require("prism-react-renderer");
@@ -67,7 +67,7 @@ function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant,
     const [isEditingTenantQuery, setIsEditingTenantQuery] = (0, react_2.useState)(false);
     const [returnedTenantIds, setReturnedTenantIds] = (0, react_2.useState)([]);
     const [showFlagWarning, setShowFlagWarning] = (0, react_2.useState)(false);
-    const { getToken, quillFetchWithToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { getToken, quillFetchWithToken, eventTracking } = (0, useAdmin_1.useAdmin)();
     const formIssue = (0, react_2.useMemo)(() => {
         if (!tenantName) {
             return 'Must have a unique name';
@@ -465,7 +465,7 @@ function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant,
                                     }, disabled: !tenantDefaultId })] })] }) })] }));
 }
 function CustomSQLQueryModal({ customSQLQuery, setCustomSQLQuery, databaseTables, databaseType, ButtonComponent, SecondaryButtonComponent, onClose, }) {
-    const { state, eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { state, eventTracking } = (0, useAdmin_1.useAdmin)();
     const [localQuery, setLocalQuery] = (0, react_2.useState)(customSQLQuery);
     const [tableSearchQuery, setTableSearchQuery] = (0, react_2.useState)('');
     const [displayedTableData, setDisplayedTableData] = (0, react_2.useState)(databaseTables);
@@ -600,7 +600,7 @@ function MappingCard({ mappingField, SecondaryButtonComponent, setMappingToEdit,
             }, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: mappingField }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: "Edit", onClick: () => setMappingToEdit(mappingField) }), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: "Delete", onClick: () => onDelete(mappingField) })] })] }) }));
 }
 function MappingForm({ currentMapping, client, toTenant, fromTenant, mappingQuery, handleSubmitMappingEdit, databaseTables, databaseType, ButtonComponent, SecondaryButtonComponent, onClose, }) {
-    const { state, eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { state, eventTracking } = (0, useAdmin_1.useAdmin)();
     const [loading, setLoading] = (0, react_2.useState)(false);
     const [mappingTo, setMappingTo] = (0, react_2.useState)(toTenant);
     (0, react_2.useEffect)(() => {

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

@@ -99,7 +99,7 @@ export declare const QuillToolTip: ({ children, text, enabled, containerStyle, t
     containerStyle?: CSSProperties;
     textStyle?: CSSProperties;
     displayBelow?: boolean;
-}) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export declare const QuillPortal: ({ children, containerStyle, anchorRef, showModal, setShowModal, }: {
     children: ReactNode;
     containerStyle?: CSSProperties;

package/dist/cjs/components/UiComponents.js

@@ -38,7 +38,7 @@ exports.MemoizedPopover = MemoizedPopover;
 exports.MemoizedModal = MemoizedModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const assets_1 = require("../assets");
 const react_2 = require("@quillsql/react");
 const useOnClickOutside_1 = __importStar(require("../hooks/useOnClickOutside"));
@@ -46,7 +46,7 @@ const QuillToolTipPortal_1 = require("./QuillToolTipPortal");
 const react_dom_1 = require("react-dom");
 const ui_1 = require("../utils/ui");
 const MemoizedTextInput = ({ value, onChange, placeholder, id, width, }) => {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', width: width }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
       .quill-text-input {
         background-color: white;
@@ -69,7 +69,7 @@ const MemoizedTextInput = ({ value, onChange, placeholder, id, width, }) => {
 };
 exports.MemoizedTextInput = MemoizedTextInput;
 const MemoizedButton = ({ label, onClick, isLoading = false, primary = true, style = {}, width = 'auto', disabled = false, tooltipText = '', }) => {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)(QuillToolTipPortal_1.QuillToolTipPortal, { text: tooltipText, enabled: tooltipText !== '', children: (0, jsx_runtime_1.jsxs)("button", { className: disabled ? 'quill-button-disabled' : 'quill-button', onClick: disabled ? undefined : onClick, style: {
                 fontFamily: state.theme?.fontFamily,
                 height: 40,
@@ -113,7 +113,7 @@ const MemoizedButton = ({ label, onClick, isLoading = false, primary = true, sty
 };
 exports.MemoizedButton = MemoizedButton;
 const MemoizedSecondaryButton = ({ label, onClick, isLoading = false, }) => {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-secondary-button", onClick: onClick, style: { fontFamily: state.theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
     .quill-secondary-button {
         background-color: #F5F5F6;
@@ -163,7 +163,7 @@ const MemoizedText = ({ children }) => ((0, jsx_runtime_1.jsx)("p", { style: {
 exports.MemoizedText = MemoizedText;
 function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
     const modalRef = (0, react_1.useRef)(null);
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     (0, useOnClickOutside_1.default)(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
@@ -241,7 +241,7 @@ const QuillTabs = ({ options = [
         }, children: option.label }, index))) }));
 exports.QuillTabs = QuillTabs;
 function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     (0, react_1.useEffect)(() => {
         // Prevent scrolling in the background when the modal is open
         if (isOpen) {
@@ -327,7 +327,7 @@ const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("b
   }` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] }));
 exports.MemoizedDeleteButton = MemoizedDeleteButton;
 const LoadingSpinner = ({ scale = 1 }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", style: { scale: scale }, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "19.63 39.25" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)
                 , strokeDashoffset: "9.81" // calc(2 * 3.14 * 9.375 / 6)
                 , stroke: theme?.primaryTextColor ?? '#364153', fill: "none", transform: "rotate(-90 12 12)", children: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "19.63 19.63" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 1 / 3)
@@ -336,7 +336,7 @@ const LoadingSpinner = ({ scale = 1 }) => {
 };
 exports.LoadingSpinner = LoadingSpinner;
 const QuillErrorMessageComponent = ({ containerStyle, errorMessage, }) => {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             borderRadius: 8,
             backgroundColor: '#FF9494',

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

@@ -1,4 +1,4 @@
-import { QuillTheme } from '../Admin';
+import { QuillTheme } from '../models/Provider';
 export default function VirtualTableTile({ query, name, theme, }: {
     query: string;
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualTableTile.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTableTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,2CAgFA"}
+{"version":3,"file":"VirtualTableTile.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTableTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,2CAgFA"}

package/dist/cjs/forms/client_onboard/ConnectDatabase.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { ConnectionType } from '../../utils/databases';
-import { QuillProviderClient } from '../../Admin';
+import { QuillProviderClient } from '../../models/Provider';
 import { ColumnsByTable } from '../../utils/table';
 export default function ConnectDatabase({ containerStyle, header1Style, header2Style, environmentDetails, setEnvironmentDetails, fetchSchemasLoading, onConnectDatabase, }: {
     containerStyle?: CSSProperties;

package/dist/cjs/forms/client_onboard/ConnectDatabase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,cAAc,EAUf,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE;QAClB,UAAU,EAAE,cAAc,CAAC;QAC3B,MAAM,EAAE,OAAO,CAAC,mBAAmB,GAAG;YAAE,WAAW,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC,CAAC;QACjE,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;KAC3B,CAAC;IACF,qBAAqB,EAAE,CACrB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,cAAc,EAAE,EACxB,mBAAmB,EAAE,MAAM,EAAE,EAC7B,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD,2CA4uBA"}
+{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,cAAc,EAUf,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE;QAClB,UAAU,EAAE,cAAc,CAAC;QAC3B,MAAM,EAAE,OAAO,CAAC,mBAAmB,GAAG;YAAE,WAAW,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC,CAAC;QACjE,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;KAC3B,CAAC;IACF,qBAAqB,EAAE,CACrB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,cAAc,EAAE,EACxB,mBAAmB,EAAE,MAAM,EAAE,EAC7B,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD,2CA4uBA"}

package/dist/cjs/forms/client_onboard/ConnectDatabase.js

@@ -16,11 +16,11 @@ const QuillTab_1 = __importDefault(require("../../components/QuillTab"));
 const QuillMultiSelectWithCombo_1 = require("../../components/QuillMultiSelectWithCombo");
 const CardSection_1 = __importDefault(require("../../components/CardSection"));
 // import InputLabel from '../../components/InputLabel';
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const dataFetcher_1 = require("../../utils/dataFetcher");
 const useLongLoading_1 = require("../../hooks/useLongLoading");
 function ConnectDatabase({ containerStyle, header1Style, header2Style, environmentDetails, setEnvironmentDetails, fetchSchemasLoading, onConnectDatabase, }) {
-    const { state, getToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { state, getToken, eventTracking } = (0, useAdmin_1.useAdmin)();
     const [error, setError] = (0, react_1.useState)(undefined);
     const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
     (0, useLongLoading_1.useLongLoading)(isConnecting, {

package/dist/cjs/forms/client_onboard/ConnectSchema.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { ConnectionType } from '../../utils/databases';
 import { ColumnsByTable } from '../../utils/table';
-import { State } from '../../AdminProvider';
+import { State } from '../../models/AdminContext';
 import { TenantInit } from '../../utils/schema';
 export default function ConnectSchema({ containerStyle, header1Style, databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSchemas, state, label, returnToConnectDatabase, }: {
     containerStyle?: CSSProperties;

package/dist/cjs/forms/client_onboard/ConnectSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectSchema.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,YAAY,EAEZ,cAAc,EACd,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,KAAK,EACL,KAAK,EACL,uBAAuB,GACxB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC,2CA6UA"}
+{"version":3,"file":"ConnectSchema.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,YAAY,EAEZ,cAAc,EACd,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,KAAK,EACL,KAAK,EACL,uBAAuB,GACxB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC,2CA6UA"}

package/dist/cjs/forms/client_onboard/ConnectSchema.js

@@ -7,7 +7,7 @@ exports.default = ConnectSchema;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const primitives_1 = require("../../primitives");
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const EditTenant_1 = require("../../components/Tenants/EditTenant");
 const CardSection_1 = __importDefault(require("../../components/CardSection"));
 const useDatabaseSchema_1 = require("../../hooks/useDatabaseSchema");
@@ -25,7 +25,7 @@ databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSche
     });
     const [tenantToEdit, setTenantToEdit] = (0, react_1.useState)(tenantInit?.ownerTenant);
     const { schema, isLoading } = (0, useDatabaseSchema_1.useDatabaseSchema)();
-    const { quillFetchWithToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { quillFetchWithToken, eventTracking } = (0, useAdmin_1.useAdmin)();
     const tenantRequest = async (tenant, mode, isOnboarding) => {
         return await quillFetchWithToken({
             client: {

package/dist/cjs/forms/client_onboard/CreateVirtualTables.d.ts

@@ -1,8 +1,7 @@
 import { CSSProperties } from 'react';
 import { ColumnsByTable } from '../../utils/table';
 import { ConnectionType } from '../../utils/databases';
-import { State } from '../../AdminProvider';
-import { QuillTenant } from '../../utils/tenants';
+import { State } from '../../models/AdminContext';
 import { QuillProviderClient } from '@quillsql/react/dist/cjs/models/Client';
 import { TenantInit } from '../../utils/schema';
 export default function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }: {
@@ -38,11 +37,4 @@ export declare function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQue
     }) => void;
     addVirtualTable: (e: boolean) => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, errorType, }: {
-    isOpen: boolean;
-    setClosed: () => void;
-    tenant?: QuillTenant;
-    onOverride?: () => void;
-    errorType?: 'missing' | 'type_mismatch';
-}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CreateVirtualTables.d.ts.map

package/dist/cjs/forms/client_onboard/CreateVirtualTables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateVirtualTables.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/CreateVirtualTables.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAkB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOvD,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,GACb,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;CAClE,2CA2jBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD,2CA2HA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAqB,GACtB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC;CACzC,2CAwHA"}
+{"version":3,"file":"CreateVirtualTables.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/CreateVirtualTables.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAkB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAUvD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAIlD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,GACb,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;CAClE,2CA2jBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD,2CA2HA"}

package/dist/cjs/forms/client_onboard/CreateVirtualTables.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CreateVirtualTables;
 exports.VirtualTableModal = VirtualTableModal;
-exports.TenantFieldModal = TenantFieldModal;
 const react_1 = require("react");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_2 = require("react");
@@ -15,12 +14,12 @@ const VirtualTableTile_1 = __importDefault(require("../../components/VirtualTabl
 const SqlTextEditor_1 = __importDefault(require("../../components/SqlTextEditor"));
 const react_3 = require("@quillsql/react");
 const UiComponents_1 = require("../../components/UiComponents");
-const VirtualTableManager_1 = require("../../public_components/VirtualTableManager");
 const columnProcessing_1 = require("../../utils/columnProcessing");
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const constants_1 = require("../../utils/constants");
 const prism_react_renderer_1 = require("prism-react-renderer");
 const useLongLoading_1 = require("../../hooks/useLongLoading");
+const TenantFieldModal_1 = __importDefault(require("../../modals/TenantFieldModal"));
 function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }) {
     const [queryInfo, setQueryInfo] = (0, react_2.useState)({
         name: '',
@@ -51,7 +50,7 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
     const [tableSearchQuery, setTableSearchQuery] = (0, react_2.useState)('');
     const [displayedTableData, setDisplayedTableData] = (0, react_2.useState)(databaseSchema);
     const middleColumn = (0, react_2.useRef)(null);
-    const { getToken, quillFetchWithToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
+    const { getToken, quillFetchWithToken, eventTracking } = (0, useAdmin_1.useAdmin)();
     (0, react_2.useEffect)(() => {
         const scrollToBottom = () => {
             // Scroll to the bottom of the container (or page)
@@ -230,7 +229,7 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
                                                     // textTransform: 'capitalize',
                                                 }, children: sqlQueryError.msg })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)("div", { "data-testid": "add-virtual-table-button", children: (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Add Virtual Table", isLoading: openModalButtonLoading, disabled: !!failingTenant, onClick: async () => {
                                                         setOpenModalButtonLoading(true);
-                                                        const duplicateColumns2 = (0, VirtualTableManager_1.getDuplicateColumns)(tableData?.fields);
+                                                        const duplicateColumns2 = (0, columnProcessing_1.getDuplicateColumns)(tableData?.fields);
                                                         if (duplicateColumns2.length > 0) {
                                                             alert(`Ambiguous column names found. Either use aliases or remove the column to make every column name unique: \n\n${duplicateColumns2.join('\n')}`);
                                                             setOpenModalButtonLoading(false);
@@ -328,10 +327,10 @@ function CreateVirtualTables({ containerStyle, header1Style, header2Style, envir
                                         completeOnboarding();
                                     }, style: {
                                     // marginBottom: -8,
-                                    }, isLoading: isLoading }) })) : null] })] }), (0, jsx_runtime_1.jsx)(TenantFieldModal, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true), errorType: failingTenantErrorType }), (0, jsx_runtime_1.jsx)(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
+                                    }, isLoading: isLoading }) })) : null] })] }), (0, jsx_runtime_1.jsx)(TenantFieldModal_1.default, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true), errorType: failingTenantErrorType }), (0, jsx_runtime_1.jsx)(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
 }
 function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirtualTable, }) {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: isOpen, onClose: () => {
             setIsOpen(false);
         }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', width: '100%' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
@@ -384,51 +383,3 @@ function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirt
                                 setIsOpen(false);
                             } })] })] }) }));
 }
-function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, errorType = 'missing', }) {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
-    return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: isOpen, onClose: () => setClosed(), children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', width: '500px' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
-                        fontSize: 24,
-                        fontWeight: 600,
-                        color: '#212121',
-                        paddingBottom: 14,
-                        fontFamily: theme.fontFamily,
-                    }, children: errorType === 'missing'
-                        ? 'Foreign Key Missing'
-                        : 'Foreign Key Type Mismatch' }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '12px', fontFamily: theme.fontFamily }, children: errorType === 'missing' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { style: {
-                                    color: '#212121',
-                                    fontWeight: 600,
-                                    backgroundColor: '#f7f7f7',
-                                    padding: '2px 4px',
-                                    borderRadius: 4,
-                                    border: '1px solid #e0e0e0',
-                                }, children: tenant?.name }), "'s foreign key", ' ', (0, jsx_runtime_1.jsx)("span", { style: {
-                                    color: 'red',
-                                    fontWeight: 600,
-                                    backgroundColor: '#f7f7f7',
-                                    padding: '2px 4px',
-                                    borderRadius: 4,
-                                    border: '1px solid #e0e0e0',
-                                }, children: tenant?.tenantField.replaceAll('"', '') }), ' ', "is not present in the current query to allow for filtering.", onOverride ? ((0, jsx_runtime_1.jsxs)("span", { children: [' ', "Only override if this data is meant to be accessible by", ' ', (0, jsx_runtime_1.jsx)("strong", { children: "every tenant" }), " (this is rare)"] })) : ((0, jsx_runtime_1.jsxs)("span", { children: [' ', "If this tenant is not meant to filter this data, remove it from the owners dropdown"] }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["The foreign key", ' ', (0, jsx_runtime_1.jsx)("span", { style: {
-                                    color: 'red',
-                                    fontWeight: 600,
-                                    backgroundColor: '#f7f7f7',
-                                    padding: '2px 4px',
-                                    borderRadius: 4,
-                                    border: '1px solid #e0e0e0',
-                                }, children: tenant?.tenantField.replaceAll('"', '') }), ' ', "in your query has a type that does not match the tenant ID type for", ' ', (0, jsx_runtime_1.jsx)("span", { style: {
-                                    color: '#212121',
-                                    fontWeight: 600,
-                                    backgroundColor: '#f7f7f7',
-                                    padding: '2px 4px',
-                                    borderRadius: 4,
-                                    border: '1px solid #e0e0e0',
-                                }, children: tenant?.name }), ". Please modify your query to ensure the foreign key type matches the tenant ID type."] })) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        gap: '12px',
-                        justifyContent: 'flex-end',
-                    }, children: [onOverride && errorType === 'missing' && ((0, jsx_runtime_1.jsx)(primitives_1.SecondaryButtonPrimitive, { label: "Override", onClick: () => {
-                                onOverride();
-                                setClosed();
-                            } })), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Got It", onClick: () => setClosed() })] })] }) }));
-}

package/dist/cjs/forms/client_onboard/__tests__/ConnectDatabase.test.js

@@ -8,7 +8,7 @@ const react_1 = require("react");
 const react_2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
 const ConnectDatabase_1 = __importDefault(require("../ConnectDatabase"));
-const AdminProvider_1 = require("../../../AdminProvider");
+const useAdmin_1 = require("../../../hooks/useAdmin");
 // Mock the hooks
 jest.mock('../../../AdminProvider');
 jest.mock('@quillsql/react');
@@ -61,7 +61,7 @@ describe('ConnectDatabase', () => {
         // Reset all mocks before each test
         jest.clearAllMocks();
         // Setup default mock implementations
-        AdminProvider_1.useAdmin.mockReturnValue({ state: mockState });
+        useAdmin_1.useAdmin.mockReturnValue({ state: mockState });
     });
     // Database Type Selection Tests
     describe('Database Type Selection', () => {

package/dist/cjs/forms/client_onboard/__tests__/ConnectSchema.test.js

@@ -8,8 +8,8 @@ const react_1 = require("react");
 const react_2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
 const ConnectSchema_1 = __importDefault(require("../ConnectSchema"));
-const AdminProvider_1 = require("../../../AdminProvider");
-const Admin_1 = require("../../../Admin");
+const useAdmin_1 = require("../../../hooks/useAdmin");
+const Provider_1 = require("../../../models/Provider");
 // Add these mocks before the describe block
 class MockResizeObserver {
     observe() { }
@@ -93,7 +93,7 @@ describe('ConnectSchema', () => {
         selectedDashboard: null,
         reportId: null,
         report: null,
-        theme: Admin_1.defaultTheme,
+        theme: Provider_1.defaultTheme,
         organizationIdSet: false,
         dateFilter: {},
         clerkOrgId: '',
@@ -201,7 +201,7 @@ describe('ConnectSchema', () => {
         // Reset all mocks before each test
         jest.clearAllMocks();
         // Setup default mock implementations
-        AdminProvider_1.useAdmin.mockReturnValue({
+        useAdmin_1.useAdmin.mockReturnValue({
             state: {
                 queryEndpoint: 'http://test-endpoint',
                 client: {