@quillsql/admin 1.6.4 → 1.7.1

package/dist/cjs/models/Tenant.d.ts

@@ -0,0 +1,39 @@
+export type DropdownValue = {
+    label: string;
+    value: string | number;
+};
+export type Tenant = {
+    name: string;
+    tenantField: string;
+};
+export type QuillTenant = {
+    name: string;
+    tenantField: string;
+    clientId: string;
+    id: string;
+    query?: string;
+    mappings?: {
+        [key: string]: {
+            query: string;
+        };
+    };
+    flags?: string[];
+    tenantIds?: {
+        id: string | number;
+        flag: string;
+        label: string;
+    }[];
+    scope: 'row' | 'schema' | 'database';
+    defaultId?: string | number;
+    fieldType?: 'string' | 'number';
+    tenantIdField?: string;
+    tenantLabelField?: string;
+    tenantFlagField?: string;
+} & ({
+    tenantTable?: string;
+    tenantTableQuery?: never;
+} | {
+    tenantTable?: never;
+    tenantTableQuery?: string;
+});
+//# sourceMappingURL=Tenant.d.ts.map

package/dist/cjs/models/Tenant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tenant.d.ts","sourceRoot":"","sources":["../../../src/models/Tenant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnE,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CACJ,CAAC"}

package/dist/cjs/models/Tenant.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/primitives/ButtonPrimitive.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QuillTheme } from '../Admin';
+import { QuillTheme } from '../models/Provider';
 export type ButtonPrimitiveProps = {
     onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     label: string;

package/dist/cjs/primitives/ButtonPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAC7B,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAsGF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAC7B,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAsGF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/cjs/primitives/ButtonPrimitive.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const UiComponents_1 = require("../components/UiComponents");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const ButtonPrimitive = ({ onClick, isLoading = false, label, theme, style, disabled, variant = 'primary', type = 'submit', }) => {
-    const { state: { theme: stateTheme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme: stateTheme }, } = (0, useAdmin_1.useAdmin)();
     theme = theme ?? stateTheme;
     if (variant === 'danger') {
         return ((0, jsx_runtime_1.jsx)("button", { type: type, style: {

package/dist/cjs/primitives/CheckboxPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgDvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkDvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cjs/primitives/CheckboxPrimitive.js

@@ -15,6 +15,7 @@ const CheckboxPrimitive = ({ label, isChecked, onChange, containerStyle, labelSt
                     height: '14px',
                     margin: 'auto 0',
                     cursor: 'pointer',
+                    opacity: disabled ? 0.5 : 1,
                 } }), (0, jsx_runtime_1.jsx)("span", { style: {
                     display: 'block',
                     marginTop: 'auto',
@@ -23,6 +24,7 @@ const CheckboxPrimitive = ({ label, isChecked, onChange, containerStyle, labelSt
                     whiteSpace: 'nowrap',
                     textOverflow: 'ellipsis',
                     overflow: 'hidden',
+                    opacity: disabled ? 0.5 : 1,
                     ...labelStyle,
                 }, children: label })] }));
 };

package/dist/cjs/primitives/HeaderPrimitive.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QuillTheme } from '../Admin';
+import { QuillTheme } from '../models/Provider';
 type HeaderPrimitiveProps = {
     label: string;
     theme?: QuillTheme;

package/dist/cjs/primitives/HeaderPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/HeaderPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"HeaderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/HeaderPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/cjs/primitives/HeaderPrimitive.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const HeaderPrimitive = ({ label, theme }) => {
-    const { state: { theme: stateTheme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme: stateTheme }, } = (0, useAdmin_1.useAdmin)();
     theme = theme ?? stateTheme;
     return ((0, jsx_runtime_1.jsx)("h1", { style: {
             color: theme?.primaryTextColor,

package/dist/cjs/primitives/MiniButtonPrimitive.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Admin_1 = require("../Admin");
+const Provider_1 = require("../models/Provider");
 const UiComponents_1 = require("../components/UiComponents");
-const MiniButtonPrimitive = ({ onClick, isLoading = false, label, theme = Admin_1.defaultTheme, style, disabled, variant = 'primary', type = 'submit', }) => {
+const MiniButtonPrimitive = ({ onClick, isLoading = false, label, theme = Provider_1.defaultTheme, style, disabled, variant = 'primary', type = 'submit', }) => {
     if (variant === 'danger') {
         return ((0, jsx_runtime_1.jsx)("button", { type: type, style: {
                 height: 40,

package/dist/cjs/primitives/PopoverPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/PopoverPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,YAAY;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,OAAO,yBAA0B,YAAY,4CAoEzD,CAAC"}
+{"version":3,"file":"PopoverPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/PopoverPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,YAAY;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,OAAO,GAAI,sBAAsB,YAAY,4CAqFzD,CAAC"}

package/dist/cjs/primitives/PopoverPrimitive.js

@@ -4,9 +4,9 @@ exports.Popover = 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 Popover = ({ trigger, content }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const [isVisible, setIsVisible] = (0, react_1.useState)(false);
     const [position, setPosition] = (0, react_1.useState)({
         top: 0,
@@ -27,14 +27,25 @@ const Popover = ({ trigger, content }) => {
             updatePosition();
             window.addEventListener('scroll', updatePosition);
             window.addEventListener('resize', updatePosition);
+            const handleClickOutside = (event) => {
+                if (triggerRef.current &&
+                    !triggerRef.current.contains(event.target) &&
+                    !document
+                        .querySelector('[data-popover-content]')
+                        ?.contains(event.target)) {
+                    setIsVisible(false);
+                }
+            };
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => {
+                window.removeEventListener('scroll', updatePosition);
+                window.removeEventListener('resize', updatePosition);
+                document.removeEventListener('mousedown', handleClickOutside);
+            };
         }
-        return () => {
-            window.removeEventListener('scroll', updatePosition);
-            window.removeEventListener('resize', updatePosition);
-        };
     }, [isVisible]);
     return ((0, jsx_runtime_1.jsxs)("div", { id: "my-relative-container", style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("div", { ref: triggerRef, onClick: () => setIsVisible((isVisible) => !isVisible), children: trigger }), isVisible &&
-                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { onMouseEnter: () => setIsVisible(true), onMouseLeave: () => setIsVisible(false), onClick: () => setIsVisible(false), style: {
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { "data-popover-content": true, onMouseEnter: () => setIsVisible(true), onMouseLeave: () => setIsVisible(false), onClick: () => setIsVisible(false), style: {
                         position: 'absolute',
                         zIndex: 1000,
                         top: position.top,

package/dist/cjs/primitives/SecondaryButtonPrimitive.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QuillTheme } from '../Admin';
+import { QuillTheme } from '../models/Provider';
 export type SecondaryButtonPrimitiveProps = {
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     label: string;

package/dist/cjs/primitives/SecondaryButtonPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/SecondaryButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsCrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"SecondaryButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/SecondaryButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsCrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/cjs/primitives/SecondaryButtonPrimitive.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const SecondaryButtonPrimitive = ({ onClick, label, theme, disabled, style, }) => {
-    const { state: { theme: stateTheme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme: stateTheme }, } = (0, useAdmin_1.useAdmin)();
     theme = theme ?? stateTheme;
     return ((0, jsx_runtime_1.jsx)("button", { style: {
             height: 40,

package/dist/cjs/primitives/TextInputPrimitive.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QuillTheme } from '../Admin';
+import { QuillTheme } from '../models/Provider';
 export interface TextInputPrimitiveProps {
     onChange: (e: any) => void;
     value: string;

package/dist/cjs/primitives/TextInputPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAgB,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,kBAAkB,kGAyLvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAgB,MAAM,oBAAoB,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,kBAAkB,kGAyLvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/cjs/primitives/TextInputPrimitive.js

@@ -35,8 +35,8 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const Admin_1 = require("../Admin");
-const TextInputPrimitive = (0, react_1.forwardRef)(({ onChange, value, placeholder, theme = Admin_1.defaultTheme, disabled = false, 
+const Provider_1 = require("../models/Provider");
+const TextInputPrimitive = (0, react_1.forwardRef)(({ onChange, value, placeholder, theme = Provider_1.defaultTheme, disabled = false, 
 // width = '250px',
 width, password = false, style, number = false, min = 0, max, step = 1, }, ref) => {
     const [showPassword, setShowPassword] = react_1.default.useState(!password);

package/dist/cjs/primitives/TogglePrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TogglePrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TogglePrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,eAAe,yCAKlB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAoEA,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TogglePrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TogglePrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,eAAe,GAAI,sCAKtB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAoEA,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChartQueryBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/ChartQueryBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAGnE,OAAO,EACL,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AAWzB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,MAAM,EACN,cAAc,EACd,oBAAoB,GACrB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,2CAwPA"}
+{"version":3,"file":"ChartQueryBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/ChartQueryBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAEnE,OAAO,EACL,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AAazB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,MAAM,EACN,cAAc,EACd,oBAAoB,GACrB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,2CA4PA"}

package/dist/cjs/public_components/ChartQueryBuilder.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ChartQueryBuilder;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const AdminProvider_1 = require("../AdminProvider");
-const components_1 = require("../components");
+const useAdmin_1 = require("../hooks/useAdmin");
 const react_2 = require("@quillsql/react");
 const DatabaseMismatchCard_1 = __importDefault(require("../components/DatabaseMismatchCard"));
 const QuillTab_1 = __importDefault(require("../components/QuillTab"));
@@ -17,16 +16,18 @@ const useDashboardManager_1 = require("../hooks/useDashboardManager");
 const tenants_1 = require("../utils/tenants");
 const primitives_1 = require("../primitives");
 const constants_1 = require("../utils/constants");
-const CreateEnvironment_1 = __importDefault(require("./CreateEnvironment"));
+const CreateEnvironmentModal_1 = __importDefault(require("../modals/CreateEnvironmentModal"));
+const EnvSelectPopover_1 = __importDefault(require("./EnvSelectPopover"));
+const OrgSelect_1 = __importDefault(require("../components/OrgSelect"));
 function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinationDashboard, }) {
     const parentRef = (0, react_1.useRef)(null);
     const envPopoverRef = (0, react_1.useRef)(null);
-    const { state, dispatch, clientLoading, setClient } = (0, AdminProvider_1.useAdmin)();
+    const { state, dispatch, clientLoading, setClient, onRequestAddVirtualTable, } = (0, useAdmin_1.useAdmin)();
     const [query, setQuery] = (0, react_1.useState)(state.activeQuery);
     const [toggleMode, setToggleMode] = (0, react_1.useState)(activeComponent);
     const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = (0, react_1.useState)(false);
     const { setSelectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
-    const { reload } = (0, react_2.useDashboard)(constants_1.SAVED_QUERIES_DASHBOARD);
+    const { reload } = (0, react_2.useDashboardInternal)(constants_1.SAVED_QUERIES_DASHBOARD);
     const modeToggleOptions = [
         { label: 'SQL Editor', value: 'SQL Editor' },
         { label: 'Report Builder', value: 'Report Builder' },
@@ -58,7 +59,7 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
         setToggleMode(activeComponent);
     }, [activeComponent]);
     if (showCreateEnvironmentModal) {
-        return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => setShowCreateEnvironmentModal(false), children: (0, jsx_runtime_1.jsx)(CreateEnvironment_1.default, { onOnboardComplete: () => setShowCreateEnvironmentModal(false) }) }));
+        return ((0, jsx_runtime_1.jsx)(CreateEnvironmentModal_1.default, { showCreateEnvironmentModal: showCreateEnvironmentModal, setShowCreateEnvironmentModal: setShowCreateEnvironmentModal }));
     }
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             height: '100%',
@@ -94,14 +95,14 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
                                     flexDirection: 'row',
                                     gap: 12,
                                     alignItems: 'flex-end',
-                                }, ref: envPopoverRef, children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(components_1.EnvSelectPopover, { clients: state.clients, client: state.client, setClient: (client) => {
+                                }, ref: envPopoverRef, children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(EnvSelectPopover_1.default, { clients: state.clients, client: state.client, setClient: (client) => {
                                                 setSelectedDashboard(null);
                                                 setClient(client, true);
                                             }, theme: state.theme, parentRef: envPopoverRef, isLoading: clientLoading, onCreateNewEnvironment: () => {
                                                 setShowCreateEnvironmentModal(true);
                                             } }) }), state.client?.name !== undefined &&
                                         !state.databaseTypeMismatch.show &&
-                                        !(0, tenants_1.onlySingleDatabaseTenant)(state.client) && ((0, jsx_runtime_1.jsx)(components_1.OrgSelect, { isLoading: clientLoading })), (0, jsx_runtime_1.jsx)(QuillTab_1.default, { modeToggleOptions: modeToggleOptions, toggleMode: toggleMode, setToggleMode: setToggleMode, width: "250px" })] }), onExit && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => {
+                                        !(0, tenants_1.onlySingleDatabaseTenant)(state.client) && ((0, jsx_runtime_1.jsx)(OrgSelect_1.default, { isLoading: clientLoading })), (0, jsx_runtime_1.jsx)(QuillTab_1.default, { modeToggleOptions: modeToggleOptions, toggleMode: toggleMode, setToggleMode: setToggleMode, width: "250px" })] }), onExit && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => {
                                     onExit();
                                 }, style: {
                                     height: 40,
@@ -128,7 +129,7 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
                         return ((0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { onClick: onClick, label: label, isLoading: isLoading, disabled: disabled }));
                     }, destinationDashboard: destinationDashboard, chartBuilderTitle: `Add to ${destinationDashboard ?? 'dashboard'}`, isAIEnabled: state.client?.databaseType?.toLowerCase() === 'mssql'
                         ? false
-                        : true })) : ((0, jsx_runtime_1.jsx)(react_2.SQLEditor, { isAdminEnabled: true, showTableFormatOptions: true, showAccessControlOptions: true, showDateFieldOptions: true, defaultQuery: query, addToDashboardButtonLabel: 'Add to dashboard', chartBuilderTitle: `Add to ${destinationDashboard ?? 'dashboard'}`, 
+                        : true, onRequestAddVirtualTable: onRequestAddVirtualTable })) : ((0, jsx_runtime_1.jsx)(react_2.SQLEditor, { isAdminEnabled: true, showTableFormatOptions: true, showAccessControlOptions: true, showDateFieldOptions: true, defaultQuery: query, addToDashboardButtonLabel: 'Add to dashboard', chartBuilderTitle: `Add to ${destinationDashboard ?? 'dashboard'}`, 
                     // report={state.activeQuery ? state.activeEditItem : undefined}
                     onAddToDashboardComplete: submitReport, onSaveQueryComplete: submitSavedQuery, containerStyle: {
                         height: '100%',
@@ -137,5 +138,5 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
                         backgroundColor: 'white',
                         // paddingRight: 25,
                         // paddingTop: 25,
-                    }, destinationDashboard: destinationDashboard }))] }) }));
+                    }, destinationDashboard: destinationDashboard, onRequestAddVirtualTable: onRequestAddVirtualTable }))] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,aAAa,EAOd,MAAM,OAAO,CAAC;AAwBf,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,iBAAiB,EACjB,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA4VA"}
+{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,aAAa,EAOd,MAAM,OAAO,CAAC;AAyBf,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,iBAAiB,EACjB,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA6YA"}

package/dist/cjs/public_components/CreateEnvironment.js

@@ -43,15 +43,15 @@ const react_1 = __importStar(require("react"));
 const ConnectDatabase_1 = __importDefault(require("../forms/client_onboard/ConnectDatabase"));
 const StepDisplay_1 = __importDefault(require("../components/StepDisplay"));
 const ConnectSchema_1 = __importDefault(require("../forms/client_onboard/ConnectSchema"));
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const databases_1 = require("../utils/databases");
-const CreateVirtualTables_1 = __importDefault(require("../forms/client_onboard/CreateVirtualTables"));
 const ConnectionClient_1 = require("../api/ConnectionClient");
 const dataFetcher_1 = require("../utils/dataFetcher");
+const useLongLoading_1 = require("../hooks/useLongLoading");
 function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
     const parentRef = react_1.default.useRef(null);
-    const { state, dispatch, setClient, getToken, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
-    const domainName = state.client?.domainName || state.domainName;
+    const { state, dispatch, setClient, getToken, quillFetchWithToken, eventTracking, } = (0, useAdmin_1.useAdmin)();
+    const clerkOrgId = state.client?.clerkOrgId || state.clerkOrgId;
     const defaultDatabaseType = state.client?.databaseType || 'PostgreSQL';
     const [createEnvSteps, setCreateEnvSteps] = (0, react_1.useState)({
         connectDB: {
@@ -79,6 +79,14 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
     }), [newClient, connection, databaseSchema]);
     const [tenantInit, setTenantInit] = (0, react_1.useState)({});
     const [fetchSchemasLoading, setFetchSchemasLoading] = (0, react_1.useState)(false);
+    (0, useLongLoading_1.useLongLoading)(onboardingCompleteIsLoading, {
+        origin: 'CreateEnvironment',
+        loadDescription: 'Finishing onboarding',
+    });
+    (0, useLongLoading_1.useLongLoading)(fetchSchemasLoading, {
+        origin: 'CreateEnvironment',
+        loadDescription: 'Fetching schemas',
+    });
     const onConnectDatabase = (0, react_1.useCallback)(async (clientId) => {
         setTenantInit({});
         setSqlTables([]);
@@ -97,6 +105,10 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
                 getToken,
             });
         }
+        eventTracking?.logEvent?.('start-onboarding', {
+            clientId,
+            clerkOrgId,
+        });
         setNewClient({
             clientId,
         });
@@ -110,7 +122,7 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
             clientId,
             databaseType: connectionInfo.type,
             schemaNames: selectedSchemaNames,
-            domainName,
+            clerkOrgId,
         });
         // FIXME: Error handling
         try {
@@ -131,10 +143,31 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
                 openStep('connectSchema');
             })
                 .catch((error) => {
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error fetching schema',
+                    errorMessage: error.message,
+                    errorData: {
+                        caller: 'CreateEnvironment',
+                        function: 'setEnvironmentDetails',
+                    },
+                });
                 console.error(error);
             });
         }
         catch (error) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error setting up database',
+                errorMessage: error.message,
+                errorStack: error.stack,
+                errorData: {
+                    caller: 'CreateEnvironment',
+                    function: 'setEnvironmentDetails',
+                },
+            });
             console.error(error);
         }
         setFetchSchemasLoading(false);
@@ -153,6 +186,7 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
     };
     const finishOnboarding = async () => {
         setOnboardingCompleteIsLoading(true);
+        const orgName = localStorage.getItem('orgName'); // Set via portal, alternatively, pass a prop through Admin Provider
         // TODO: Anyone could create a client with some domain through this endpoint
         const response = await quillFetchWithToken({
             client: {
@@ -167,8 +201,9 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
                     ...newClient,
                     allTenantTypes: undefined,
                 },
-                domainName: domainName,
+                clerkOrgId: clerkOrgId,
                 clientId: newClient.clientId,
+                orgName,
             },
             adminMode: true,
         });
@@ -176,7 +211,15 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
             setOnboardingCompleteIsLoading(false);
             throw new Error(response.message);
         }
+        eventTracking?.logEvent?.('finish-onboarding', {
+            clientId: newClient.clientId,
+            clerkOrgId: clerkOrgId,
+        });
         setClient(response.data.client);
+        dispatch({
+            type: 'UPDATE_CLIENTS',
+            payload: response.data.client,
+        });
         sessionStorage.removeItem('quill-adminState');
         sessionStorage.setItem('quill-client', JSON.stringify(response.data.client));
         dispatch({
@@ -234,7 +277,7 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
                         ownerTenantFields: [tenantInit.ownerTenant.tenantField],
                         allTenantTypes: [tenantInit.ownerTenant],
                     });
-                    openStep('createVirtualTables');
+                    finishOnboarding();
                 }, returnToConnectDatabase: () => {
                     setNewClient({
                         ...newClient,
@@ -248,15 +291,5 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
                         !!newClient?.schemaNames?.length) {
                         openStep('connectSchema');
                     }
-                } })), createEnvSteps.createVirtualTables.open ? ((0, jsx_runtime_1.jsx)(CreateVirtualTables_1.default, { containerStyle: {
-                    borderRadius: 6,
-                    border: '1px solid #e7e7e7',
-                    boxShadow: '0px 1px 6px rgba(0, 0, 0, 0.07)',
-                    height: 'calc(100vh - 59px)',
-                    width: 'calc(100vw - 200px)',
-                }, header1Style: header1Style, header2Style: header2Style, databaseSchema: databaseSchema, environmentDetails: connection, completeOnboarding: finishOnboarding, state: state, client: newClient, tenantInit: tenantInit, isLoading: onboardingCompleteIsLoading, sqlTables: sqlTables, setSqlTables: setSqlTables })) : ((0, jsx_runtime_1.jsx)(StepDisplay_1.default, { label: "Create Virtual Tables", completed: false, header1Style: header1Style, onClick: () => {
-                    if (tenantInit?.ownerTenant) {
-                        openStep('createVirtualTables');
-                    }
                 } }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAC;AAwChF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,6BAA6B,EAAE,6BAA6B,EAC5D,cAAc,GACf,EAAE;IACD,6BAA6B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAi0BA"}
+{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAC;AA2ChF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,6BAA6B,EAAE,6BAA6B,EAC5D,cAAc,GACf,EAAE;IACD,6BAA6B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAw3BA"}