@quillsql/admin 1.6.1 → 1.6.2

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export default function DeleteButton(props: any): JSX.Element;
 //# sourceMappingURL=DeleteButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteButton.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteButton.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA2B5D"}
+{"version":3,"file":"DeleteButton.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteButton.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA2B5D"}

package/dist/cjs/components/DeleteButton.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DeleteButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function DeleteButton(props) {
     return ((0, jsx_runtime_1.jsx)("div", { onClick: props.onClick, style: {
@@ -10,4 +11,3 @@ function DeleteButton(props) {
             display: 'flex',
         }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#4C5462", width: "20", height: "20", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", clipRule: "evenodd" }) }) }));
 }
-exports.default = DeleteButton;

package/dist/cjs/components/DropDownMenu.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DropdownMenu;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function DropdownMenu({ items, setSelected, selected, theme, disabled = false, }) {
     return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
@@ -39,4 +40,3 @@ function DropdownMenu({ items, setSelected, selected, theme, disabled = false, }
                         color: theme?.secondaryTextColor,
                     }, "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", visibility: disabled ? 'hidden' : 'visible', children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" })] })] }) }));
 }
-exports.default = DropdownMenu;

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

@@ -1,13 +1,14 @@
+import React from 'react';
 interface DropdownMenuWithLabelProps {
     items: any[];
     setSelected: (selected: any) => void;
     selected: any;
     label: string;
-    theme?: any;
     secondaryTextColor?: string;
-    disabled?: boolean;
     parentRef: any;
+    tooltipText?: string;
+    style?: React.CSSProperties;
 }
-export default function DropdownMenuWithLabel({ items, setSelected, selected, theme, label, disabled, secondaryTextColor, parentRef, }: DropdownMenuWithLabelProps): import("react/jsx-runtime").JSX.Element;
+export default function DropdownMenuWithLabel({ items, setSelected, selected, label, parentRef, tooltipText, style, }: DropdownMenuWithLabelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DropDownMenuWithLabel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenuWithLabel.d.ts","sourceRoot":"","sources":["../../../src/components/DropDownMenuWithLabel.tsx"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,kBAA8B,EAC9B,SAAS,GACV,EAAE,0BAA0B,2CA6E5B"}
+{"version":3,"file":"DropDownMenuWithLabel.d.ts","sourceRoot":"","sources":["../../../src/components/DropDownMenuWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,0BAA0B;IAClC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,SAAS,EACT,WAAW,EACX,KAAK,GACN,EAAE,0BAA0B,2CA+F5B"}

package/dist/cjs/components/DropDownMenuWithLabel.js

@@ -15,27 +15,37 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DropdownMenuWithLabel;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const OrgSelect_1 = require("./OrgSelect");
-function DropdownMenuWithLabel({ items, setSelected, selected, theme, label, disabled = false, secondaryTextColor = '#6e6e6e', parentRef, }) {
+const FormTooltip_1 = __importDefault(require("./FormTooltip"));
+function DropdownMenuWithLabel({ items, setSelected, selected, label, parentRef, tooltipText, style, }) {
     const [isOpen, setIsOpen] = react_1.default.useState(false);
     const [searchQuery, setSearchQuery] = react_1.default.useState('');
-    const [filteredItems, setFilteredItems] = react_1.default.useState(items.slice(0, 20));
-    (0, react_1.useEffect)(() => {
-        setFilteredItems(items.slice(0, 10));
-    }, [items]);
-    const handleSearchChange = (searchValue) => {
-        setSearchQuery(searchValue);
-        const curFilteredItems = searchValue === ''
+    const filteredItems = (0, react_1.useMemo)(() => {
+        return searchQuery === ''
             ? items.slice(0, 10)
             : items
                 .filter((value) => {
@@ -45,25 +55,42 @@ function DropdownMenuWithLabel({ items, setSelected, selected, theme, label, dis
                 return value
                     .toLowerCase()
                     .replace(/\s+/g, '')
-                    .includes(searchValue.toLowerCase().replace(/\s+/g, ''));
+                    .includes(searchQuery.toLowerCase().replace(/\s+/g, ''));
             })
+                .map((value) => ({
+                value,
+                matchIndex: value
+                    .toLowerCase()
+                    .replace(/\s+/g, '')
+                    .indexOf(searchQuery.toLowerCase().replace(/\s+/g, '')),
+            }))
+                .sort((a, b) => {
+                if (a.matchIndex === b.matchIndex) {
+                    return a.value.length - b.value.length; // Prefer shorter matches
+                }
+                return a.matchIndex - b.matchIndex; // Prefer matches closer to the start
+            })
+                .map((elem) => elem.value)
                 .slice(0, 10);
-        setFilteredItems(curFilteredItems);
-    };
-    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: secondaryTextColor,
-                }, children: label }), (0, jsx_runtime_1.jsxs)(OrgSelect_1.Popover, { parentRef: parentRef, label: items.length === 0 ? 'N/A' : selected ? selected : 'Select', isOpen: isOpen, onClose: () => setIsOpen(false), style: {
+    }, [searchQuery, items]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', width: 230, ...style }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                            fontSize: '13px',
+                            paddingTop: '0px',
+                            marginTop: '0px',
+                            marginBottom: '5px',
+                            fontWeight: '600',
+                            color: '#6e6e6e',
+                        }, children: label }), tooltipText && (0, jsx_runtime_1.jsx)(FormTooltip_1.default, { color: "#6e6e6e", text: tooltipText })] }), (0, jsx_runtime_1.jsxs)(OrgSelect_1.Popover, { parentRef: parentRef, label: items.length === 0 ? 'N/A' : selected ? selected : 'Select', isOpen: isOpen, onClose: () => setIsOpen(false), style: {
                     boxSizing: 'border-box',
                     fontSize: 14,
-                    //   padding: 11,
-                }, setIsOpen: setIsOpen, children: [(0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxTextInput, { id: "quill-search-bar", placeholder: 'Search', value: searchQuery, onChange: handleSearchChange }), (0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), (0, jsx_runtime_1.jsx)("div", { style: { gap: 2, maxHeight: '50vh' }, children: filteredItems.map((item, index) => ((0, jsx_runtime_1.jsx)(ListboxRow, { setSelected: setSelected, setIsOpen: setIsOpen, item: item }, index))) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 8, width: 230 } })] })] }));
+                    zIndex: 10,
+                }, setIsOpen: setIsOpen, children: [(0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxTextInput, { id: "quill-search-bar", placeholder: 'Search', value: searchQuery, onChange: (value) => setSearchQuery(value) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), (0, jsx_runtime_1.jsx)("div", { style: { gap: 2, maxHeight: '50vh' }, children: filteredItems.map((item, index) => ((0, jsx_runtime_1.jsx)(ListboxRow, { setSelected: setSelected, setIsOpen: setIsOpen, item: item }, index))) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 8, width: 230 } })] })] }));
 }
-exports.default = DropdownMenuWithLabel;
 function ListboxRow({ item, setSelected, setIsOpen, }) {
     return ((0, jsx_runtime_1.jsxs)("div", { onClick: setSelected
             ? () => {
@@ -91,7 +118,7 @@ function ListboxRow({ item, setSelected, setIsOpen, }) {
      white-space: nowrap;
      overflow: hidden;
   }
-  .quill-org-select:hover {
+  .drop-down:hover {
     background-color: rgba(56, 65, 81, 0.04);
   }` }), (0, jsx_runtime_1.jsx)("div", { style: {
                     textOverflow: 'ellipsis',

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

@@ -1,11 +1,8 @@
-import { CSSProperties } from 'react';
 interface DynamicBannerProps {
     header: string;
-    message: string;
-    onExit: () => void;
-    style: CSSProperties;
+    onExit?: () => void;
     fontColor?: string;
 }
-export default function DynamicBanner({ header, message, onExit, style, fontColor, }: DynamicBannerProps): JSX.Element | null;
+export default function DynamicBanner({ header, onExit, fontColor, }: DynamicBannerProps): JSX.Element;
 export {};
 //# sourceMappingURL=DynamicBanner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicBanner.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAiCzC"}
+{"version":3,"file":"DynamicBanner.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicBanner.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAmClC"}

package/dist/cjs/components/DynamicBanner.js

@@ -3,9 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DynamicBanner;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const XMarkIcon_1 = __importDefault(require("../icons/XMarkIcon"));
-function DynamicBanner({ header, message, onExit, style, fontColor, }) {
+function DynamicBanner({ header, onExit, fontColor, }) {
     return ((0, jsx_runtime_1.jsxs)("div", { id: "quill-edit-banner", style: {
             width: '100vw',
             height: 70,
@@ -17,6 +18,5 @@ function DynamicBanner({ header, message, onExit, style, fontColor, }) {
             paddingLeft: 20,
             paddingRight: 20,
             borderBottom: '1px solid #e7e7e7',
-        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: { fontSize: 21, fontWeight: 600, color: '#212121' }, children: header }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onExit, style: { padding: '6px', margin: '-6px' }, children: (0, jsx_runtime_1.jsx)(XMarkIcon_1.default, { style: { width: '20px', height: '20px' }, fill: fontColor, "aria-hidden": "true" }) })] }));
+        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: { fontSize: 21, fontWeight: 600, color: '#212121' }, children: header }), onExit && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onExit, style: { padding: '6px', margin: '-6px' }, children: (0, jsx_runtime_1.jsx)(XMarkIcon_1.default, { style: { width: '20px', height: '20px' }, fill: fontColor, "aria-hidden": "true" }) }))] }));
 }
-exports.default = DynamicBanner;

package/dist/cjs/components/EmptyDashboardComponent/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export default function EmptyDashboardComponent(): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/EmptyDashboardComponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyDashboardComponent/index.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,GAAG,CAAC,OAAO,CAoF7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyDashboardComponent/index.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,GAAG,CAAC,OAAO,CAqF7D"}

package/dist/cjs/components/EmptyDashboardComponent/index.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = EmptyDashboardComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const AdminProvider_1 = require("../../AdminProvider");
 const UiComponents_1 = require("../UiComponents");
 function EmptyDashboardComponent() {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { dispatch } = (0, AdminProvider_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             width: '100%',
             display: 'flex',
@@ -39,9 +40,9 @@ function EmptyDashboardComponent() {
                                 borderRadius: 4,
                                 cursor: 'pointer',
                             }, className: "quill-hover-button", children: "No charts created yet." })] }), (0, jsx_runtime_1.jsx)("div", { style: { paddingBottom: 8 }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedButton, { label: 'Create chart', style: { fontSize: 14 }, onClick: () => {
-                            if (state.navigateToDashboardBuilder) {
-                                state.navigateToDashboardBuilder();
-                            }
+                            dispatch({
+                                type: 'SET_ACTIVE_COMPONENT',
+                                payload: 'Report Builder',
+                            });
                         } }) })] }) }));
 }
-exports.default = EmptyDashboardComponent;

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

@@ -0,0 +1,4 @@
+export default function EmptyVirtualTablesComponent({ onClick, }: {
+    onClick: () => void;
+}): JSX.Element;
+//# sourceMappingURL=EmptyVirtualTablesComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyVirtualTablesComponent.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyVirtualTablesComponent.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,GAAG,CAAC,OAAO,CA+Ed"}

package/dist/cjs/components/EmptyVirtualTablesComponent.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = EmptyVirtualTablesComponent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const UiComponents_1 = require("./UiComponents");
+function EmptyVirtualTablesComponent({ onClick, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                borderRadius: 6,
+                marginTop: 100,
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: 20,
+                padding: 16,
+                border: '1px solid #e7e7e7',
+                boxShadow: '0px 1px 12px rgba(0, 0, 0, 0.07)',
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        width: 260,
+                    }, children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#565656", height: 26, width: 26, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z", clipRule: "evenodd" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                fontSize: 16,
+                                fontWeight: 500,
+                                color: '#565656',
+                                // border: '1px solid #e7e7e7',
+                                paddingTop: 8,
+                                paddingBottom: 8,
+                                paddingRight: 12,
+                                paddingLeft: 12,
+                                borderRadius: 4,
+                                cursor: 'pointer',
+                            }, className: "quill-hover-button", children: "No virtual tables." })] }), (0, jsx_runtime_1.jsx)("div", { style: { paddingBottom: 8 }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedButton, { label: 'Create virtual table', style: { fontSize: 14 }, onClick: onClick }) })] }) }));
+}

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

@@ -0,0 +1,4 @@
+export default function ExternalLink({ href }: {
+    href: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExternalLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalLink.d.ts","sourceRoot":"","sources":["../../../src/components/ExternalLink.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAY9D"}

package/dist/cjs/components/ExternalLink.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ExternalLink;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ExteriorLinkIcon_1 = __importDefault(require("../icons/ExteriorLinkIcon"));
+function ExternalLink({ href }) {
+    return ((0, jsx_runtime_1.jsx)("a", { href: href, target: "_blank", rel: "noopener noreferrer", children: (0, jsx_runtime_1.jsx)(ExteriorLinkIcon_1.default, { style: {
+                pointerEvents: 'none',
+                height: 14,
+                color: '#6e6e6e',
+            } }) }));
+}

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

@@ -0,0 +1,8 @@
+declare function FormTooltip({ text, element, color, mirror, }: {
+    text?: string;
+    element?: JSX.Element;
+    color?: string;
+    mirror?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default FormTooltip;
+//# sourceMappingURL=FormTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/FormTooltip.tsx"],"names":[],"mappings":"AAIA,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,2CAwHA;AAED,eAAe,WAAW,CAAC"}

package/dist/cjs/components/FormTooltip.js

@@ -0,0 +1,89 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const InformationCircleIcon_1 = __importDefault(require("../icons/InformationCircleIcon"));
+function FormTooltip({ text, element, color, mirror, }) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const tooltipRef = (0, react_1.useRef)(null);
+    const triggerRef = (0, react_1.useRef)(null);
+    const [tooltipPosition, setTooltipPosition] = (0, react_1.useState)(undefined);
+    const updatePosition = () => {
+        if (triggerRef.current && tooltipRef.current) {
+            const rect = triggerRef.current.getBoundingClientRect();
+            const tooltipRect = tooltipRef.current.getBoundingClientRect();
+            const viewportHeight = window.innerHeight;
+            const viewportWidth = window.innerWidth;
+            // Default position below the trigger
+            let top = rect.bottom + window.scrollY + 8; // Add margin of 8px below
+            let left = rect.left + window.scrollX;
+            // Adjust if tooltip goes off the screen (mirror option reverses alignment)
+            if (mirror) {
+                left = rect.right - tooltipRect.width + window.scrollX;
+            }
+            // Ensure tooltip doesn't go beyond the right edge
+            if (left + tooltipRect.width > viewportWidth) {
+                left = viewportWidth - tooltipRect.width - 16; // Keep 16px margin
+            }
+            // Ensure tooltip doesn't go beyond the bottom edge with a 64px margin
+            const maxHeight = viewportHeight - top - 64;
+            if (maxHeight < tooltipRect.height) {
+                top = rect.top - tooltipRect.height + window.scrollY - 8;
+            }
+            setTooltipPosition({ top, left });
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (isOpen) {
+            updatePosition();
+            window.addEventListener('resize', updatePosition, { passive: true });
+            window.addEventListener('scroll', updatePosition, { passive: true });
+            return () => {
+                window.removeEventListener('resize', updatePosition);
+                window.removeEventListener('scroll', updatePosition);
+            };
+        }
+    }, [isOpen]);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: triggerRef, style: {
+            marginLeft: 4,
+            alignItems: 'center',
+            cursor: 'pointer',
+            position: 'relative',
+            // zIndex: 20,
+        }, onMouseEnter: () => setIsOpen(true), onMouseLeave: () => setIsOpen(false), children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    height: 18,
+                    width: 18,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: 18,
+                }, className: "tooltip", children: [(0, jsx_runtime_1.jsx)("style", { children: `.tooltip { background-color: white; } .tooltip:hover { background-color: rgba(56, 65, 81, 0.1); }` }), (0, jsx_runtime_1.jsx)(InformationCircleIcon_1.default, { style: { color: color || '#212121' }, height: 18, width: 18 })] }), isOpen &&
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { ref: tooltipRef, style: {
+                        visibility: tooltipPosition ? 'visible' : 'hidden',
+                        top: `${tooltipPosition?.top ?? 0}px`,
+                        left: `${tooltipPosition?.left ?? 0}px`,
+                        maxWidth: '300px', // Limit width for readability
+                        position: 'absolute',
+                        backgroundColor: '#ffffff',
+                        // left: mirror ? 'auto' : 0,
+                        // right: mirror ? 0 : 'auto',
+                        padding: 8,
+                        borderRadius: 6,
+                        fontSize: 14,
+                        zIndex: 100,
+                        width: 300,
+                        fontWeight: 600,
+                        boxShadow: '0px 1px 12px rgba(0, 0, 0, 0.09)',
+                        borderWidth: 1,
+                        paddingLeft: 12,
+                        paddingRight: 12,
+                        borderStyle: 'solid',
+                        borderColor: '#e7e7e7',
+                        color: '#212121',
+                    }, children: text ?? element }), document.body)] }));
+}
+exports.default = FormTooltip;

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

@@ -1,3 +1,6 @@
 import { PropsWithChildren } from 'react';
-export default function InputLabel(props: PropsWithChildren): JSX.Element;
+export default function InputLabel(props: PropsWithChildren & {
+    tooltip?: string;
+    mirror?: boolean;
+}): JSX.Element;
 //# sourceMappingURL=InputLabel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/components/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAcxE"}
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/components/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,KAAK,EAAE,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GAChE,GAAG,CAAC,OAAO,CA0Bb"}

package/dist/cjs/components/InputLabel.js

@@ -1,13 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = InputLabel;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const FormTooltip_1 = __importDefault(require("./FormTooltip"));
 function InputLabel(props) {
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            fontFamily: 'Inter; Helvetica',
-            color: '#6C727F',
-            fontSize: 14,
-            fontWeight: '600',
-            marginBottom: 2,
-        }, children: props.children }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    fontFamily: 'Inter; Helvetica',
+                    color: '#6C727F',
+                    fontSize: 14,
+                    fontWeight: '600',
+                    marginBottom: 2,
+                    whiteSpace: 'nowrap',
+                }, children: props.children }), props.tooltip && ((0, jsx_runtime_1.jsx)(FormTooltip_1.default, { color: "#6C727F", text: props.tooltip, mirror: props.mirror }))] }));
 }
-exports.default = InputLabel;

package/dist/cjs/components/InternalDashboard/ChartSkeleton.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+export interface SkeletonComponentProps {
+    conatinerStyle?: CSSProperties;
+    className?: string;
+}
+export declare const QuillLoadingSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default function ChartSkeleton({ className, containerStyle, }: {
+    className?: string;
+    containerStyle?: CSSProperties;
+}): JSX.Element;
+//# sourceMappingURL=ChartSkeleton.d.ts.map

package/dist/cjs/components/InternalDashboard/ChartSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalDashboard/ChartSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,+CAA0B,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,SAAS,EACT,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,GAAG,GAAG,CAAC,OAAO,CAsEd"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuillLoadingSkeleton = void 0;
+exports.default = ChartSkeleton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const QuillLoadingSkeleton = () => (0, jsx_runtime_1.jsx)(ChartSkeleton, {});
+exports.QuillLoadingSkeleton = QuillLoadingSkeleton;
+function ChartSkeleton({ className, containerStyle, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            boxSizing: 'content-box',
+            height: '100%',
+            width: '100%',
+            ...containerStyle,
+        }, className: className, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                height: '100%',
+                width: '100%',
+                boxSizing: 'content-box',
+                borderRadius: 8,
+                overflow: 'hidden',
+            }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [(0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", fill: '#F9F9FA' }), (0, jsx_runtime_1.jsx)("defs", { fill: '#F9F9FA', children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "skeletonGradient", x1: "0%", y1: "0%", x2: "10%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "rgba(255,255,255,0)" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "#FEFEFE" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "rgba(255,255,255,0)" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "x1", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "x2", from: "-50%", to: "150%", dur: "2s", repeatCount: "indefinite" })] }) }), (0, jsx_runtime_1.jsx)("rect", { width: "50%", height: "100%", fill: "url(#skeletonGradient)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "x", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }) })] }) }) }));
+}

package/dist/cjs/components/InternalDashboard/DashboardFilter.d.ts

@@ -0,0 +1,20 @@
+import { CSSProperties } from 'react';
+import { DashboardFilter as Filters } from '../../utils/filter';
+interface DashboardFilterProps {
+    filter: Filters;
+    onChangeFilter: (filter: Filters, value?: string | (string | null)[] | {
+        startDate: Date;
+        endDate: Date;
+    } | {
+        preset: string;
+    }, comparison?: {
+        value: string;
+        text: string;
+    }) => void;
+    isLoading?: boolean;
+    disabled?: boolean;
+    containerStyle?: CSSProperties;
+}
+export declare function DashboardFilter({ filter, onChangeFilter, isLoading, disabled, containerStyle, }: DashboardFilterProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DashboardFilter.d.ts.map

package/dist/cjs/components/InternalDashboard/DashboardFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalDashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAW,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,IAAI,OAAO,EAAiB,MAAM,oBAAoB,CAAC;AAO/E,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,CACd,MAAM,EAAE,OAAO,EACf,KAAK,CAAC,EACF,MAAM,GACN,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GACjB;QAAE,SAAS,EAAE,IAAI,CAAC;QAAC,OAAO,EAAE,IAAI,CAAA;KAAE,GAClC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,EACtB,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KACzC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,SAAS,EACT,QAAQ,EACR,cAAc,GACf,EAAE,oBAAoB,kDAwKtB"}