@quillsql/admin 1.6.4 → 1.7.1

package/dist/esm/components/DashboardSelectPopover.js

@@ -4,13 +4,24 @@ import { ListboxRow, Popover } from './OrgSelect';
 import MiniButtonPrimitive from '../primitives/MiniButtonPrimitive';
 import { LoadingSpinner } from './UiComponents';
 import { ListboxTextInput } from './QuillMultiSelectWithCombo';
+import { useAdmin } from '../hooks/useAdmin';
 export default function DashboardSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, onClickNewDashboard, parentRef, isLoading, }) {
     const [isOpen, setIsOpen] = useState(false);
+    const { eventTracking } = useAdmin();
     const [searchQuery, setSearchQuery] = useState('');
     const filteredDashboards = useMemo(() => {
         return dashboards.filter((dashboard) => dashboard?.toLowerCase().includes(searchQuery.toLowerCase()));
     }, [dashboards, searchQuery]);
     const handleItemClick = (selectedDashboard) => {
+        eventTracking?.addBreadcrumb?.({
+            message: 'Set dashboard in DashboardSelectPopover',
+            data: {
+                dashboard: selectedDashboard,
+            },
+            category: 'navigation',
+            level: 'info',
+            timestamp: Date.now(),
+        });
         setDashboard(selectedDashboard);
         setIsOpen(false);
     };
@@ -33,6 +44,15 @@ export default function DashboardSelectPopover({ dashboards, setDashboard, dashb
                             } }), _jsxs("div", { style: { paddingTop: 8, paddingBottom: 8 }, children: [filteredDashboards.map((item) => (_jsx(ListboxRow, { setSelected: dashboard && dashboard !== item
                                         ? () => handleItemClick(item)
                                         : undefined, item: item, isSelected: dashboard === item, hoverActions: (item) => (_jsx(MiniButtonPrimitive, { label: "Manage", onClick: () => {
+                                            eventTracking?.addBreadcrumb?.({
+                                                message: 'Opened manage dashboard in DashboardSelectPopover',
+                                                data: {
+                                                    dashboard: item,
+                                                },
+                                                category: 'interaction',
+                                                level: 'info',
+                                                timestamp: Date.now(),
+                                            });
                                             setSelectedEditDashboard(item);
                                             setIsOpen(false);
                                         }, style: {
@@ -42,7 +62,15 @@ export default function DashboardSelectPopover({ dashboards, setDashboard, dashb
                                             fontFamily: theme.fontFamily,
                                             color: theme.secondaryTextColor,
                                             backgroundColor: theme.backgroundColor,
-                                        } })) }, item))), _jsx("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: _jsxs("div", { onClick: onClickNewDashboard, style: {
+                                        } })) }, item))), _jsx("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: _jsxs("div", { onClick: () => {
+                                            onClickNewDashboard();
+                                            eventTracking?.addBreadcrumb?.({
+                                                message: 'Opened create new dashboard in DashboardSelectPopover',
+                                                category: 'navigation',
+                                                level: 'info',
+                                                timestamp: Date.now(),
+                                            });
+                                        }, style: {
                                             height: 42,
                                             width: 216,
                                             borderRadius: 6,

package/dist/esm/components/DatabaseSelector.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { QuillTheme } from '../Admin';
+import { QuillTheme } from '../models/Provider';
 interface DatabaseSelectorProps {
     label: string;
     imageUrl: string;

package/dist/esm/components/DatabaseSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatabaseSelector.d.ts","sourceRoot":"","sources":["../../../src/components/DatabaseSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,YAAiB,EACjB,KAAK,GACN,EAAE,qBAAqB,2CA8CvB"}
+{"version":3,"file":"DatabaseSelector.d.ts","sourceRoot":"","sources":["../../../src/components/DatabaseSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,YAAiB,EACjB,KAAK,GACN,EAAE,qBAAqB,2CA8CvB"}

package/dist/esm/components/DateRangePicker/SingleDatePicker.js

@@ -3,7 +3,7 @@ import { useRef, useState, useEffect } from 'react';
 import { startOfMonth, endOfMonth, format, eachDayOfInterval, addMonths, subMonths, } from 'date-fns';
 import { createPortal } from 'react-dom';
 import useOnClickOutside, { getEffectiveZIndex, } from '../../hooks/useOnClickOutside';
-import { useAdmin } from '../../AdminProvider';
+import { useAdmin } from '../../hooks/useAdmin';
 export function SingleDatePicker({ selectedDate, onChangeDate, disabled, style, ignoreYear = true, }) {
     const { state } = useAdmin();
     const { theme } = state;

package/dist/esm/components/DateRangePicker/YearlessDateRangePicker.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { startOfMonth, endOfMonth, format, eachDayOfInterval, subMonths, differenceInDays, startOfDay, addMonths, isBefore, isAfter, } from 'date-fns';
-import { useAdmin } from '../../AdminProvider';
+import { useAdmin } from '../../hooks/useAdmin';
 import useOnClickOutside from '../../hooks/useOnClickOutside';
 /**
  * The fallback date range picked used in <Dashboard/>.

package/dist/esm/components/DateRangePicker/dateRangePickerUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/dateRangePickerUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/dateRangePickerUtils.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/DropDownMenuWithLabel.js

@@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
 import { Popover } from './OrgSelect';
 import FormTooltip from './FormTooltip';
 import { ListboxTextInput } from './QuillMultiSelectWithCombo';
-import { useAdmin } from '../AdminProvider';
+import { useAdmin } from '../hooks/useAdmin';
 export default function DropdownMenuWithLabel({ items, setSelected, selected, label, parentRef, tooltipText, style, }) {
     const [isOpen, setIsOpen] = React.useState(false);
     const [searchQuery, setSearchQuery] = React.useState('');

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

@@ -1,4 +1,4 @@
-import { QuillTheme } from '../Admin';
+import { QuillTheme } from '../models/Provider';
 interface DynamicBannerProps {
     header: string;
     onExit?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicBanner.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,MAAM,EACN,KAAK,GACN,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0ClC"}
+{"version":3,"file":"DynamicBanner.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,MAAM,EACN,KAAK,GACN,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0ClC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAdmin } from '../../AdminProvider';
+import { useAdmin } from '../../hooks/useAdmin';
 import { MemoizedButton } from '../UiComponents';
 export default function EmptyDashboardComponent() {
     const { state, dispatch } = useAdmin();

package/dist/esm/components/EmptyVirtualTablesComponent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAdmin } from '../AdminProvider';
+import { useAdmin } from '../hooks/useAdmin';
 import { MemoizedButton } from './UiComponents';
 export default function EmptyVirtualTablesComponent({ onClick, }) {
     const { state: { theme }, } = useAdmin();

package/dist/esm/components/FormTooltip.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import InformationCircleIcon from '../icons/InformationCircleIcon';
-import { useAdmin } from '../AdminProvider';
+import { useAdmin } from '../hooks/useAdmin';
 function FormTooltip({ text, element, color, mirror, }) {
     const [isOpen, setIsOpen] = useState(false);
     const tooltipRef = useRef(null);

package/dist/esm/components/InputLabel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import FormTooltip from './FormTooltip';
-import { useAdmin } from '../AdminProvider';
+import { useAdmin } from '../hooks/useAdmin';
 export default function InputLabel(props) {
     const { state: { theme }, } = useAdmin();
     return (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [_jsx("div", { style: {

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { DashboardFilter as Filters } from '../../utils/filter';
+import { InternalDashboardFilter as Filters } from '../../utils/filter';
 interface DashboardFilterProps {
     filter: Filters;
     onChangeFilter: (filter: Filters, value?: string | (string | null)[] | {

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

@@ -1 +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"}
+{"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,EACL,uBAAuB,IAAI,OAAO,EAEnC,MAAM,oBAAoB,CAAC;AAO5B,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"}

package/dist/esm/components/InternalDashboard/DashboardFilter.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { PRIMARY_RANGE } from '../../utils/filter';
+import { PRIMARY_RANGE, } from '../../utils/filter';
 import { QuillMultiSelectComponentWithCombo } from '../QuillMultiSelectWithCombo';
 import { QuillSelectComponentWithCombo } from '../QuillSelectWithCombo';
 import { QuillDateRangePicker } from './DateRangePicker/QuillDateRangePicker';
-import { useAdmin } from '../../AdminProvider';
+import { useAdmin } from '../../hooks/useAdmin';
 import { COMPARISON_OPTIONS } from './DateRangePicker/dateRangePickerUtils';
 export function DashboardFilter({ filter, onChangeFilter, isLoading, disabled, containerStyle, }) {
     const { theme } = useAdmin().state;

package/dist/esm/components/InternalDashboard/DashboardLoadingComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLoadingComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalDashboard/DashboardLoadingComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,eAAO,MAAM,yBAAyB,+DAInC;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC,4CA6BA,CAAC"}
+{"version":3,"file":"DashboardLoadingComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalDashboard/DashboardLoadingComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,eAAO,MAAM,yBAAyB,GAAI,4DAIvC;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC,4CA6BA,CAAC"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { startOfMonth, endOfMonth, format, eachDayOfInterval, subMonths, startOfWeek, endOfWeek, differenceInDays, startOfDay, addMonths, isBefore, isAfter, } from 'date-fns';
-import { useAdmin } from '../../../AdminProvider';
+import { useAdmin } from '../../../hooks/useAdmin';
 import { QuillSelectComponentWithCombo } from '../../QuillSelectWithCombo';
 import { QuillPortal } from '../../UiComponents';
 /**

package/dist/esm/components/InternalDashboard/DateRangePicker/dateRangePickerUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/InternalDashboard/DateRangePicker/dateRangePickerUtils.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,WAAW,WAAY,MAAM,aAKzC,CAAC;AAEF,eAAO,MAAM,UAAU,MAAO,MAAM,UAAU,MAAM,WAEnD,CAAC;AAEF,eAAO,MAAM,2BAA2B,kBACvB,MAAM,GAAG,IAAI,GAAG,SAAS,oBACtB,qBAAqB,EAAE,gBAU1C,CAAC;AAEF,eAAO,MAAM,yBAAyB,kBACrB,MAAM,GAAG,IAAI,GAAG,SAAS,oBACtB,qBAAqB,EAAE,SAU1C,CAAC;AAEF,eAAO,MAAM,cAAc,cACd,IAAI,GAAG,IAAI,GAAG,SAAS,WACzB,IAAI,GAAG,IAAI,GAAG,SAAS,yBACT,MAAM,GAAG,IAAI,GAAG,SAAS,mBAC/B,qBAAqB,EAAE,gBAWzC,CAAC;AAEF,eAAO,MAAM,YAAY,YACd,IAAI,GAAG,IAAI,GAAG,SAAS,WACvB,IAAI,GAAG,IAAI,GAAG,SAAS,yBACT,MAAM,GAAG,IAAI,GAAG,SAAS,mBAC/B,qBAAqB,EAAE,gBASzC,CAAC;AAEF;;GAEG;AACH,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG;QAAE,SAAS,EAAE,SAAS,CAAC;QAAC,OAAO,EAAE,SAAS,CAAA;KAAE,CAAC;CAyB9E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,OAAO,aAAa,GAAG,MAAM,CAAA;CAStE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,EAqBA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;mDACW,cAAc;;;;0CAIvB,cAAc;;;;2CAIb,cAAc;;;;2CAId,cAAc;;;;;CAKpC,CAAC;AACX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,IAAI,GAAG,SAAS,CAAC;CAC3B,EAiDA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,qBAAqB,EAyCjD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,qBAAqB,EA+BvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,MAAM,6BAOhD,CAAC;AAEF,eAAO,MAAM,yBAAyB,WAC5B,MAAM,iBACC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,EAAE;;;;;;CAQJ,CAAC;AAEF,eAAO,MAAM,aAAa,UACjB,GAAG,QACJ,IAAI,kBACM,IAAI,GAAG,IAAI,gBACb,IAAI,GAAG,IAAI,eACZ,IAAI,GAAG,SAAS,kBACb,OAAO,QAgCxB,CAAC;AAkGF,eAAO,MAAM,eAAe,qBACR,IAAI,GAAG,IAAI,kBACb,IAAI,GAAG,IAAI,uBA0C5B,CAAC;AAmGF,eAAO,MAAM,mBAAmB,cACnB,IAAI,GAAG,IAAI,WACb,IAAI,GAAG,IAAI,WACX,MAAM,WAyChB,CAAC"}
+{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/InternalDashboard/DateRangePicker/dateRangePickerUtils.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/InternalDashboard/InternalDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InternalDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalDashboard/InternalDashboard.tsx"],"names":[],"mappings":"AA4BA,OAAO,EACL,aAAa,EAOd,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,cAAc,EACd,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AA+EzB,eAAO,MAAM,iBAAiB,iHAa3B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC3D,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,4CAmhEA,CAAC"}
+{"version":3,"file":"InternalDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalDashboard/InternalDashboard.tsx"],"names":[],"mappings":"AA4BA,OAAO,EACL,aAAa,EAOd,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,cAAc,EACd,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AA+EzB,eAAO,MAAM,iBAAiB,GAAI,8GAa/B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC3D,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,4CAsmEA,CAAC"}

package/dist/esm/components/InternalDashboard/InternalDashboard.js

@@ -4,10 +4,10 @@ import { getEventCoordinates } from '@dnd-kit/utilities';
 import { CSS } from '@dnd-kit/utilities';
 import { DndContext, closestCorners, KeyboardSensor, PointerSensor, useSensor, useSensors, TouchSensor, MeasuringStrategy, pointerWithin, rectIntersection, DragOverlay, useDroppable, closestCenter, } from '@dnd-kit/core';
 import { useCallback, useEffect, useMemo, useRef, useState, memo, } from 'react';
-import { Chart, useDashboard, useAllReports, } from '@quillsql/react';
+import { Chart, useDashboardInternal, useAllReports, } from '@quillsql/react';
 import equal from 'fast-deep-equal';
-import { useAdmin } from '../../AdminProvider';
-import { convertCustomFilter, DashboardFilterType, } from '../../utils/filter';
+import { useAdmin } from '../../hooks/useAdmin';
+import { convertCustomFilter, InternalDashboardFilterType as DashboardFilterType, } from '../../utils/filter';
 import EmptyDashboardComponent from '../EmptyDashboardComponent';
 import { DashboardLoadingComponent } from './DashboardLoadingComponent';
 import { QuillErrorMessageComponent } from '../UiComponents';
@@ -56,7 +56,7 @@ onChangeLoading, filters,
 // onClickChartElement,
 // dateBucket,
 containerStyle, parentLoading, onManageDashboard, }) => {
-    const { state, clientLoading: isClientLoading } = useAdmin();
+    const { state, clientLoading: isClientLoading, eventTracking } = useAdmin();
     const tenants = state.currentTenantIdentity;
     // const client = state.client;
     // const [userFilters, setUserFilters] = useState<{
@@ -70,7 +70,7 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     // useEffect(() => {
     //   onUserFiltersUpdated?.(Object.values(userFilters));
     // }, [userFilters]);
-    const { isLoading, data, isDashboardFilterLoading, dashboardFilters: populatedDashboardFilters, reload, setSectionOrder, } = useDashboard(name, filters?.map((f) => convertCustomFilter(f)) ?? []);
+    const { isLoading, data, isDashboardFilterLoading, dashboardFilters: populatedDashboardFilters, reload, setSectionOrder, } = useDashboardInternal(name, filters?.map((f) => convertCustomFilter(f)) ?? []);
     const { allReportsById } = useAllReports();
     const [previewSectionOrder, setPreviewSectionOrder] = useState({});
     const [isEditingNewSection, setIsEditingNewSection] = useState(false);
@@ -262,7 +262,11 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     // A filter value can either be a string, an array of strings for a multiselect, or a date range (that could have a comparison range)
     const [filterValues, setFilterValues] = useState({});
     const prevNameRef = useRef(name);
-    const prevTenantsRef = useRef(tenants);
+    // const prevTenantsRef = useRef<
+    //   | { tenantIds: (string | number)[]; tenantField: string }[]
+    //   | (string | number)[]
+    //   | undefined
+    // >(tenants);
     // const prevFlagsRef = useRef<string[] | undefined>(flags);
     // const prevClientRef = useRef<string>(client?.publicKey ?? '');
     // const addFilterPopoverButtonRef = useRef<HTMLDivElement>(null);
@@ -273,6 +277,7 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     }
     // const pendingReloadRef = useRef(false);
     const isInitialLoadOfDashboardRef = useRef(false);
+    const [initialLoad, setInitialLoad] = useState(true);
     // const referencedTables = useMemo(() => {
     //   const sections = data?.sections || {};
     //   // find intersection of all referenced tables
@@ -286,8 +291,12 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     useEffect(() => {
         if (prevNameRef.current === name &&
             Object.values(data?.sections ?? {}).flat().length) {
+            setInitialLoad(false);
             return;
         }
+        else {
+            setInitialLoad(true);
+        }
         prevNameRef.current = name;
         if (isClientLoading || parentLoading || tenants === undefined) {
             // Reload the dashboard when the client is loaded
@@ -297,36 +306,34 @@ containerStyle, parentLoading, onManageDashboard, }) => {
         if (isInitialLoadOfDashboardRef.current)
             return;
         isInitialLoadOfDashboardRef.current = true;
-        reload(name, true, undefined, populatedDashboardFilters?.length
-            ? { filters: populatedDashboardFilters, refetchReports: true }
-            : undefined).then(() => {
+        reload(name, true).then(() => {
             isInitialLoadOfDashboardRef.current = false;
-            prevTenantsRef.current = tenants;
-            // prevFlagsRef.current = flags;
-        });
-    }, [name, isClientLoading, parentLoading, tenants]);
-    const tenantMounted = useRef(false);
-    useEffect(() => {
-        if (!tenantMounted.current) {
-            tenantMounted.current = true;
-            return;
-        }
-        const tenantsChanged = !equal(prevTenantsRef.current, tenants);
-        // || equal(prevFlagsRef.current, flags);
-        if (isClientLoading || tenants === undefined || !tenantsChanged) {
-            // Reload the dashboard when the client is loaded
-            // pendingReloadRef.current = true;
-            return;
-        }
-        if (isInitialLoadOfDashboardRef.current)
-            return;
-        isInitialLoadOfDashboardRef.current = true;
-        reload(name, tenantsChanged).then(() => {
-            prevTenantsRef.current = tenants;
+            setInitialLoad(false);
+            // prevTenantsRef.current = tenants;
             // prevFlagsRef.current = flags;
-            isInitialLoadOfDashboardRef.current = false;
         });
-    }, [tenants]);
+    }, [name, isClientLoading, parentLoading]);
+    // const tenantMounted = useRef(false);
+    // useEffect(() => {
+    //   if (!tenantMounted.current) {
+    //     tenantMounted.current = true;
+    //     return;
+    //   }
+    //   const tenantsChanged = !equal(prevTenantsRef.current, tenants);
+    //   // || equal(prevFlagsRef.current, flags);
+    //   if (isClientLoading || tenants === undefined || !tenantsChanged) {
+    //     // Reload the dashboard when the client is loaded
+    //     // pendingReloadRef.current = true;
+    //     return;
+    //   }
+    //   if (isInitialLoadOfDashboardRef.current) return;
+    //   isInitialLoadOfDashboardRef.current = true;
+    //   reload(name, tenantsChanged).then(() => {
+    //     prevTenantsRef.current = tenants;
+    //     // prevFlagsRef.current = flags;
+    //     isInitialLoadOfDashboardRef.current = false;
+    //   });
+    // }, [tenants]);
     // TODO: this block does not appear necessary, uncomment if otherwise
     // useEffect(() => {
     //   if (prevClientRef.current === client?.publicKey) {
@@ -438,6 +445,17 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     const updateFilter = (filter, value, comparison) => {
         if (!populatedDashboardFilters)
             return;
+        eventTracking?.addBreadcrumb?.({
+            message: 'Updated filter in InternalDashboard',
+            data: {
+                filter: filter.label,
+                value: JSON.stringify(value),
+                dashboardName: name,
+            },
+            category: 'log',
+            level: 'info',
+            timestamp: Date.now(),
+        });
         let filterValue = {};
         if (filter.filterType === 'string') {
             if (filter.stringFilterType === 'multiselect') {
@@ -669,6 +687,18 @@ containerStyle, parentLoading, onManageDashboard, }) => {
                 const newIndex = sortedSectionNames.indexOf(targetSection);
                 if (oldIndex !== -1 && newIndex !== -1 && oldIndex !== newIndex) {
                     const newSectionOrder = arrayMove(sortedSectionNames, oldIndex, newIndex);
+                    eventTracking?.addBreadcrumb?.({
+                        message: `Reordered Dashboard Section`,
+                        category: 'interaction',
+                        level: 'info',
+                        timestamp: Date.now(),
+                        data: {
+                            movedSection: activeId,
+                            oldIndex,
+                            newIndex,
+                            targetSection,
+                        },
+                    });
                     handleSectionReorder(newSectionOrder);
                 }
             }
@@ -740,6 +770,18 @@ containerStyle, parentLoading, onManageDashboard, }) => {
                         }
                     }
                     newItems[sourceSection] = result;
+                    eventTracking?.addBreadcrumb?.({
+                        message: `Reordered Dashboard Report In Default Section`,
+                        category: 'interaction',
+                        level: 'info',
+                        timestamp: Date.now(),
+                        data: {
+                            movedReport: reportId,
+                            oldIndex: typeActiveIndex,
+                            newIndex: typeOverIndex,
+                            targetSection,
+                        },
+                    });
                     handleReorder(newItems);
                 }
             }
@@ -752,6 +794,18 @@ containerStyle, parentLoading, onManageDashboard, }) => {
             const overIndex = newItems[sourceSection].indexOf(overItem);
             if (activeIndex !== -1 && overIndex !== -1) {
                 newItems[sourceSection] = arrayMove(newItems[sourceSection], activeIndex, overIndex);
+                eventTracking?.addBreadcrumb?.({
+                    message: `Reordered Dashboard Report In Same Section`,
+                    category: 'interaction',
+                    level: 'info',
+                    timestamp: Date.now(),
+                    data: {
+                        movedReport: reportId,
+                        oldIndex: activeIndex,
+                        newIndex: overIndex,
+                        targetSection,
+                    },
+                });
                 handleReorder(newItems);
             }
         }
@@ -791,6 +845,18 @@ containerStyle, parentLoading, onManageDashboard, }) => {
                     newItems[targetSection]?.push(report);
                 }
             }
+            eventTracking?.addBreadcrumb?.({
+                message: `Reordered Dashboard Report In Different Section`,
+                category: 'interaction',
+                level: 'info',
+                timestamp: Date.now(),
+                data: {
+                    movedReport: reportId,
+                    newIndex: newItems[targetSection]?.indexOf(report),
+                    targetSection,
+                    sourceSection,
+                },
+            });
             handleReorder(newItems);
         }
     }, [data?.sections, sortedSectionNames, handleReorder, handleSectionReorder]);
@@ -971,13 +1037,21 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     }, [data?.sectionOrder, data?.sections, setSectionOrder]);
     const existingSectionNames = useMemo(() => Object.keys(data?.sections || {}), [data?.sections]);
     if (!isLoading &&
-        (Object.keys(data?.sections ?? {}).length === 0 ||
-            Object.values(data?.sections ?? {}).flat().length === 0)) {
+        data?.sections &&
+        (Object.keys(data.sections).length === 0 ||
+            Object.values(data.sections).flat().length === 0)) {
         return _jsx(EmptyDashboardComponent, {});
     }
-    if (hidden || isLoading || isClientLoading || parentLoading) {
+    if (hidden ||
+        isLoading ||
+        isClientLoading ||
+        parentLoading ||
+        initialLoad ||
+        !data?.sections) {
+        // No sections means yet to fetch
         return _jsx(DashboardLoadingComponent, { containerStyle: containerStyle });
     }
+    // TODO: Never reached
     if (!data?.sections) {
         return (_jsx(QuillErrorMessageComponent, { containerStyle: { height: 100 }, errorMessage: "Error loading dashboard" }));
     }
@@ -1331,6 +1405,12 @@ containerStyle, parentLoading, onManageDashboard, }) => {
                             marginBottom: 6,
                             marginTop: -12,
                         }, children: [_jsx(SecondaryButtonPrimitive, { onClick: onManageDashboard, label: "Manage Dashboard" }), _jsx(SecondaryButtonPrimitive, { onClick: () => {
+                                    eventTracking?.addBreadcrumb?.({
+                                        message: 'Clicked add section button in InternalDashboard',
+                                        category: 'interaction',
+                                        level: 'info',
+                                        timestamp: Date.now(),
+                                    });
                                     // Same as if the user clicked the Add section button at the bottom
                                     setIsEditingNewSection(true);
                                     // Scroll to the bottom of the page

package/dist/esm/components/OrgSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAU,EACV,OAAO,EACP,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAsIvB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,2CA6JtE;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,GACd,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CA8EA"}
+{"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAU,EACV,OAAO,EACP,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAsIvB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,2CAmOtE;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,GACd,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CA8EA"}

package/dist/esm/components/OrgSelect.js

@@ -7,7 +7,7 @@ import { QuillSelectComponentWithCombo } from './QuillSelectWithCombo';
 import { QuillMultiSelectComponentWithCombo } from './QuillMultiSelectWithCombo';
 import { useDashboardManager } from '../hooks/useDashboardManager';
 import GlobeIcon from '../icons/GlobeIcon';
-import { useAdmin } from '../AdminProvider';
+import { useAdmin } from '../hooks/useAdmin';
 export function Popover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
     const modalRef = useRef(null);
     const [maxHeight, setMaxHeight] = useState('40vh');
@@ -107,6 +107,7 @@ export function Popover({ onClose, parentRef, children, style = {}, onClick, lab
 export default function OrgSelect({ isLoading }) {
     const { dashboardTenants, dashboardOwnerTenant, selectedTenantType, selectedTenantValues, setSelectedTenantValues, selectedDashboardTenantIds, setSelectedTenantType, setSelectedDashboardTenantIds, dashboardTenantIdsLoading, } = useTenants();
     const { selectedDashboard } = useDashboardManager();
+    const { eventTracking } = useAdmin();
     const debounceIdTimeoutId = useRef(null);
     const debounceValueTimeoutId = useRef(null);
     const debouncedSetSelectedDashboardTenantIds = (value) => {
@@ -114,6 +115,15 @@ export default function OrgSelect({ isLoading }) {
             clearTimeout(debounceIdTimeoutId.current);
         }
         debounceIdTimeoutId.current = setTimeout(() => {
+            eventTracking?.addBreadcrumb?.({
+                message: 'Set tenant ids in OrgSelect',
+                data: {
+                    tenantIds: value,
+                },
+                category: 'interaction',
+                level: 'info',
+                timestamp: Date.now(),
+            });
             setSelectedDashboardTenantIds(value);
         }, 500);
     };
@@ -122,7 +132,16 @@ export default function OrgSelect({ isLoading }) {
             clearTimeout(debounceValueTimeoutId.current);
         }
         debounceValueTimeoutId.current = setTimeout(() => {
-            setSelectedTenantValues(value);
+            eventTracking?.addBreadcrumb?.({
+                message: 'Set tenant values in OrgSelect',
+                data: {
+                    tenantValues: value,
+                },
+                category: 'interaction',
+                level: 'info',
+                timestamp: Date.now(),
+            });
+            setSelectedTenantValues(Array.isArray(value) ? value : [value]);
         }, 500);
     };
     const dashboardTenantOptions = useMemo(() => {
@@ -153,13 +172,38 @@ export default function OrgSelect({ isLoading }) {
             flexDirection: 'row',
             gap: 16,
             fontWeight: 500,
-        }, children: [dashboardTenantOptions?.length > 1 && (_jsx(QuillSelectComponentWithCombo, { label: 'Tenant Type', width: 230, value: selectedTenantType?.tenantField, options: dashboardTenantOptions, onChange: (e) => setSelectedTenantType(e.target.value), isLoading: isLoading, disabled: isLoading, hideEmptyOption: true, badge: ownerIsSelected ? 'Owner' : undefined })), _jsx(QuillMultiSelectComponentWithCombo, { label: selectedTenantType?.scope === 'database'
+        }, children: [dashboardTenantOptions?.length > 1 && (_jsx(QuillSelectComponentWithCombo, { label: 'Tenant Type', width: 230, value: selectedTenantType?.tenantField, options: dashboardTenantOptions, onChange: (e) => setSelectedTenantType(e.target.value), isLoading: isLoading, disabled: isLoading, hideEmptyOption: true, badge: ownerIsSelected ? 'Owner' : undefined })), ownerIsSelected ? (_jsx(QuillSelectComponentWithCombo, { label: selectedTenantType?.scope === 'database'
+                    ? 'Tags'
+                    : (selectedTenantType?.name ?? 'Tenant'), width: 230, value: !tenantValueOptions.length
+                    ? null
+                    : selectedTenantValues
+                        ? selectedTenantValues[0]
+                        : null, options: tenantValueOptions, onChange: (e) => debouncedSetSelectedTenantValues(e.target.value), 
+                // emptyLabel={
+                //   selectedTenantType?.scope === 'database'
+                //     ? 'No tags provided'
+                //     : undefined
+                // }
+                disabled: isLoading, hideEmptyOption: true, 
+                // allSelectedLabel={
+                //   selectedTenantType?.scope === 'database' ? undefined : (
+                //     <div style={{ display: 'flex', flexDirection: 'row', gap: 3 }}>
+                //       <GlobeIcon
+                //         style={{
+                //           marginTop: 1.75,
+                //         }}
+                //       />
+                //       <div>All {(selectedTenantType?.name ?? 'Tenant') + 's'}</div>
+                //     </div>
+                //   )
+                // }
+                isLoading: isLoading, displayValue: true })) : (_jsx(QuillMultiSelectComponentWithCombo, { label: selectedTenantType?.scope === 'database'
                     ? 'Tags'
                     : (selectedTenantType?.name ?? 'Tenant'), width: 230, value: !tenantValueOptions.length ? [] : (selectedTenantValues ?? []), options: tenantValueOptions, onChange: (e) => debouncedSetSelectedTenantValues(e.target.value), emptyLabel: selectedTenantType?.scope === 'database'
                     ? 'No tags provided'
                     : undefined, disabled: isLoading, allSelectedLabel: selectedTenantType?.scope === 'database' ? undefined : (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: 3 }, children: [_jsx(GlobeIcon, { style: {
                                 marginTop: 1.75,
-                            } }), _jsxs("div", { children: ["All ", (selectedTenantType?.name ?? 'Tenant') + 's'] })] })), isLoading: isLoading }, (selectedTenantType?.tenantField ?? 'Tenant') + 'options'), selectedTenantType &&
+                            } }), _jsxs("div", { children: ["All ", (selectedTenantType?.name ?? 'Tenant') + 's'] })] })), isLoading: isLoading, enableSingleSelectOption: true, displayValue: true, enableSubmitButton: true, submitButtonText: 'Submit' }, (selectedTenantType?.tenantField ?? 'Tenant') + 'options')), selectedTenantType &&
                 !ownerIsSelected &&
                 dashboardOwnerTenant?.scope !== 'database' &&
                 !!selectedTenantValues?.length && (_jsx(QuillMultiSelectComponentWithCombo, { label: dashboardOwnerTenant?.name ?? 'Viewing as', width: 230, value: isLoading ? [] : (selectedDashboardTenantIds ?? []), options: dashboardOwnerTenant?.tenantIds?.map((id) => ({
@@ -167,7 +211,7 @@ export default function OrgSelect({ isLoading }) {
                     value: id.id,
                 })) ?? [], onChange: (e) => debouncedSetSelectedDashboardTenantIds(e.target.value), isLoading: dashboardTenantIdsLoading || isLoading, disabled: isLoading, allSelectedLabel: selectedTenantType?.scope === 'database' ? undefined : (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: 3 }, children: [_jsx(GlobeIcon, { style: {
                                 marginTop: 1.75,
-                            } }), _jsx("div", { children: "All Tenants" })] })) }))] }));
+                            } }), _jsx("div", { children: "All Tenants" })] })), enableSingleSelectOption: true, displayValue: true, enableSubmitButton: true, submitButtonText: 'Submit' }))] }));
 }
 export function ListboxRow({ item, isSelected, setSelected, hoverActions, allowUnselect, }) {
     const { state: { theme }, } = useAdmin();

package/dist/esm/components/QuillMultiSelectWithCombo.d.ts

@@ -17,11 +17,15 @@ export interface MultiSelectComponentProps {
     allSelectedLabel?: JSX.Element;
     noneSelectedLabel?: JSX.Element;
     mimicReactSelect?: boolean;
+    enableSingleSelectOption?: boolean;
+    displayValue?: boolean;
+    enableSubmitButton?: boolean;
+    submitButtonText?: string;
 }
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, noneSelectedLabel, mimicReactSelect, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, emptyLabel, allSelectedLabel, noneSelectedLabel, mimicReactSelect, enableSingleSelectOption, displayValue, enableSubmitButton, submitButtonText, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare const ListboxTextInput: ({ value, onChange, placeholder, id, width, }: {
     value: string;
     onChange: (e: string) => void;