@quillsql/admin 1.6.4 → 1.7.1

package/dist/cjs/components/DashboardSelectPopover.js

@@ -10,13 +10,24 @@ const OrgSelect_1 = require("./OrgSelect");
 const MiniButtonPrimitive_1 = __importDefault(require("../primitives/MiniButtonPrimitive"));
 const UiComponents_1 = require("./UiComponents");
 const QuillMultiSelectWithCombo_1 = require("./QuillMultiSelectWithCombo");
+const useAdmin_1 = require("../hooks/useAdmin");
 function DashboardSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, onClickNewDashboard, parentRef, isLoading, }) {
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const { eventTracking } = (0, useAdmin_1.useAdmin)();
     const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
     const filteredDashboards = (0, react_1.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);
     };
@@ -39,6 +50,15 @@ function DashboardSelectPopover({ dashboards, setDashboard, dashboard, theme, se
                             } }), (0, jsx_runtime_1.jsxs)("div", { style: { paddingTop: 8, paddingBottom: 8 }, children: [filteredDashboards.map((item) => ((0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxRow, { setSelected: dashboard && dashboard !== item
                                         ? () => handleItemClick(item)
                                         : undefined, item: item, isSelected: dashboard === item, hoverActions: (item) => ((0, jsx_runtime_1.jsx)(MiniButtonPrimitive_1.default, { 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: {
@@ -48,7 +68,15 @@ function DashboardSelectPopover({ dashboards, setDashboard, dashboard, theme, se
                                             fontFamily: theme.fontFamily,
                                             color: theme.secondaryTextColor,
                                             backgroundColor: theme.backgroundColor,
-                                        } })) }, item))), (0, jsx_runtime_1.jsx)("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: (0, jsx_runtime_1.jsxs)("div", { onClick: onClickNewDashboard, style: {
+                                        } })) }, item))), (0, jsx_runtime_1.jsx)("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: (0, jsx_runtime_1.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/cjs/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/cjs/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/cjs/components/DateRangePicker/SingleDatePicker.js

@@ -39,9 +39,9 @@ const react_1 = require("react");
 const date_fns_1 = require("date-fns");
 const react_dom_1 = require("react-dom");
 const useOnClickOutside_1 = __importStar(require("../../hooks/useOnClickOutside"));
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 function SingleDatePicker({ selectedDate, onChangeDate, disabled, style, ignoreYear = true, }) {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     const { theme } = state;
     const [currentMonth, setCurrentMonth] = (0, react_1.useState)(selectedDate || new Date());
     const [showModal, setShowModal] = (0, react_1.useState)(false);

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

@@ -7,13 +7,13 @@ exports.QuillYearlessDateRangePicker = QuillYearlessDateRangePicker;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const date_fns_1 = require("date-fns");
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const useOnClickOutside_1 = __importDefault(require("../../hooks/useOnClickOutside"));
 /**
  * The fallback date range picked used in <Dashboard/>.
  */
 function QuillYearlessDateRangePicker({ dateRange, onChangeDateRange, label, disabled, style, }) {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const [anchorStartDate, setAnchorStartDate] = (0, react_1.useState)(getAnchorStartDate(dateRange.startDate, dateRange.endDate));
     const [anchorEndDate, setAnchorEndDate] = (0, react_1.useState)(getAnchorEndDate(dateRange.startDate, dateRange.endDate));
     const [localStartDate, setLocalStartDate] = (0, react_1.useState)(dateRange.startDate);

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

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/dateRangePickerUtils.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGtD,eAAO,MAAM,WAAW,WAAY,MAAM,aAKzC,CAAC;AAEF,eAAO,MAAM,UAAU,MAAO,MAAM,UAAU,MAAM,WAEnD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,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,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAyH5D,CAAC;AAyFF,eAAO,MAAM,oCAAoC,oBAC9B,mBAAmB,EAAE,oBACpB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,IAAI,CAAA;CAAE,EAAE,KACtE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,IAAI,CAAA;CAAE,EA2OpE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,SAAS,CAAC,EAAE,IAAI,CAAC;QAAC,OAAO,CAAC,EAAE,IAAI,CAAA;KAAE,CAAC;CAwCrD,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,GAAG,EAiDjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,qBAAqB,EA+BvD,CAAC;AAEF,eAAO,MAAM,yBAAyB,WAC5B,MAAM,iBACC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf,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,QA0BxB,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;AAEF,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,GAAG,UAWnD"}
+{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/dateRangePickerUtils.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/DropDownMenuWithLabel.js

@@ -42,11 +42,11 @@ const react_1 = __importStar(require("react"));
 const OrgSelect_1 = require("./OrgSelect");
 const FormTooltip_1 = __importDefault(require("./FormTooltip"));
 const QuillMultiSelectWithCombo_1 = require("./QuillMultiSelectWithCombo");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 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 { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const filteredItems = (0, react_1.useMemo)(() => {
         return searchQuery === ''
             ? items.slice(0, 10)

package/dist/cjs/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/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,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/cjs/components/EmptyDashboardComponent/index.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = EmptyDashboardComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const UiComponents_1 = require("../UiComponents");
 function EmptyDashboardComponent() {
-    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    const { state, dispatch } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             width: '100%',
             display: 'flex',

package/dist/cjs/components/EmptyVirtualTablesComponent.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = EmptyVirtualTablesComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const UiComponents_1 = require("./UiComponents");
 function EmptyVirtualTablesComponent({ onClick, }) {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             width: '100%',
             display: 'flex',

package/dist/cjs/components/FormTooltip.js

@@ -7,13 +7,13 @@ 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"));
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 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 { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const updatePosition = () => {
         if (triggerRef.current && tooltipRef.current) {
             const rect = triggerRef.current.getBoundingClientRect();

package/dist/cjs/components/InputLabel.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = InputLabel;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const FormTooltip_1 = __importDefault(require("./FormTooltip"));
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 function InputLabel(props) {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                     fontFamily: theme?.fontFamily,
                     color: theme?.secondaryTextColor,

package/dist/cjs/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/cjs/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/cjs/components/InternalDashboard/DashboardFilter.js

@@ -7,10 +7,10 @@ const filter_1 = require("../../utils/filter");
 const QuillMultiSelectWithCombo_1 = require("../QuillMultiSelectWithCombo");
 const QuillSelectWithCombo_1 = require("../QuillSelectWithCombo");
 const QuillDateRangePicker_1 = require("./DateRangePicker/QuillDateRangePicker");
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const dateRangePickerUtils_1 = require("./DateRangePicker/dateRangePickerUtils");
 function DashboardFilter({ filter, onChangeFilter, isLoading, disabled, containerStyle, }) {
-    const { theme } = (0, AdminProvider_1.useAdmin)().state;
+    const { theme } = (0, useAdmin_1.useAdmin)().state;
     const preset = (0, react_1.useMemo)(() => {
         if (('preset' in filter || 'primaryRange' in filter) &&
             'startDate' in filter &&

package/dist/cjs/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/cjs/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.js

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

package/dist/cjs/components/InternalDashboard/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/cjs/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/cjs/components/InternalDashboard/InternalDashboard.js

@@ -12,7 +12,7 @@ const core_1 = require("@dnd-kit/core");
 const react_1 = require("react");
 const react_2 = require("@quillsql/react");
 const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const filter_1 = require("../../utils/filter");
 const EmptyDashboardComponent_1 = __importDefault(require("../EmptyDashboardComponent"));
 const DashboardLoadingComponent_1 = require("./DashboardLoadingComponent");
@@ -62,7 +62,7 @@ onChangeLoading, filters,
 // onClickChartElement,
 // dateBucket,
 containerStyle, parentLoading, onManageDashboard, }) => {
-    const { state, clientLoading: isClientLoading } = (0, AdminProvider_1.useAdmin)();
+    const { state, clientLoading: isClientLoading, eventTracking } = (0, useAdmin_1.useAdmin)();
     const tenants = state.currentTenantIdentity;
     // const client = state.client;
     // const [userFilters, setUserFilters] = useState<{
@@ -76,7 +76,7 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     // useEffect(() => {
     //   onUserFiltersUpdated?.(Object.values(userFilters));
     // }, [userFilters]);
-    const { isLoading, data, isDashboardFilterLoading, dashboardFilters: populatedDashboardFilters, reload, setSectionOrder, } = (0, react_2.useDashboard)(name, filters?.map((f) => (0, filter_1.convertCustomFilter)(f)) ?? []);
+    const { isLoading, data, isDashboardFilterLoading, dashboardFilters: populatedDashboardFilters, reload, setSectionOrder, } = (0, react_2.useDashboardInternal)(name, filters?.map((f) => (0, filter_1.convertCustomFilter)(f)) ?? []);
     const { allReportsById } = (0, react_2.useAllReports)();
     const [previewSectionOrder, setPreviewSectionOrder] = (0, react_1.useState)({});
     const [isEditingNewSection, setIsEditingNewSection] = (0, react_1.useState)(false);
@@ -268,7 +268,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] = (0, react_1.useState)({});
     const prevNameRef = (0, react_1.useRef)(name);
-    const prevTenantsRef = (0, react_1.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);
@@ -279,6 +283,7 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     }
     // const pendingReloadRef = useRef(false);
     const isInitialLoadOfDashboardRef = (0, react_1.useRef)(false);
+    const [initialLoad, setInitialLoad] = (0, react_1.useState)(true);
     // const referencedTables = useMemo(() => {
     //   const sections = data?.sections || {};
     //   // find intersection of all referenced tables
@@ -292,8 +297,12 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     (0, react_1.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
@@ -303,36 +312,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 = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(() => {
-        if (!tenantMounted.current) {
-            tenantMounted.current = true;
-            return;
-        }
-        const tenantsChanged = !(0, fast_deep_equal_1.default)(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) {
@@ -444,6 +451,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') {
@@ -458,7 +476,7 @@ containerStyle, parentLoading, onManageDashboard, }) => {
                 filterValue = { selectedValue: value };
             }
         }
-        else if (filter.filterType === filter_1.DashboardFilterType.Date) {
+        else if (filter.filterType === filter_1.InternalDashboardFilterType.Date) {
             if (comparison ||
                 (filter.comparison &&
                     (filter.comparisonRange?.value ?? 'NO_COMPARISON') !==
@@ -675,6 +693,18 @@ containerStyle, parentLoading, onManageDashboard, }) => {
                 const newIndex = sortedSectionNames.indexOf(targetSection);
                 if (oldIndex !== -1 && newIndex !== -1 && oldIndex !== newIndex) {
                     const newSectionOrder = (0, sortable_1.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);
                 }
             }
@@ -746,6 +776,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);
                 }
             }
@@ -758,6 +800,18 @@ containerStyle, parentLoading, onManageDashboard, }) => {
             const overIndex = newItems[sourceSection].indexOf(overItem);
             if (activeIndex !== -1 && overIndex !== -1) {
                 newItems[sourceSection] = (0, sortable_1.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);
             }
         }
@@ -797,6 +851,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]);
@@ -977,13 +1043,21 @@ containerStyle, parentLoading, onManageDashboard, }) => {
     }, [data?.sectionOrder, data?.sections, setSectionOrder]);
     const existingSectionNames = (0, react_1.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 (0, jsx_runtime_1.jsx)(EmptyDashboardComponent_1.default, {});
     }
-    if (hidden || isLoading || isClientLoading || parentLoading) {
+    if (hidden ||
+        isLoading ||
+        isClientLoading ||
+        parentLoading ||
+        initialLoad ||
+        !data?.sections) {
+        // No sections means yet to fetch
         return (0, jsx_runtime_1.jsx)(DashboardLoadingComponent_1.DashboardLoadingComponent, { containerStyle: containerStyle });
     }
+    // TODO: Never reached
     if (!data?.sections) {
         return ((0, jsx_runtime_1.jsx)(UiComponents_1.QuillErrorMessageComponent, { containerStyle: { height: 100 }, errorMessage: "Error loading dashboard" }));
     }
@@ -1337,6 +1411,12 @@ containerStyle, parentLoading, onManageDashboard, }) => {
                             marginBottom: 6,
                             marginTop: -12,
                         }, children: [(0, jsx_runtime_1.jsx)(primitives_1.SecondaryButtonPrimitive, { onClick: onManageDashboard, label: "Manage Dashboard" }), (0, jsx_runtime_1.jsx)(primitives_1.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
@@ -1487,7 +1567,7 @@ const DeleteButton = ({ onClick }) => {
 };
 const SortableSection = ({ id, sectionName, sectionIndex, metrics, charts, tables, data, previewSectionOrder, onClickReport, onSectionNameUpdate, onSectionDelete, activeId, overId, draggedIndex, isHighlighted, isDraggingAnySection, }) => {
     const { attributes, listeners, setNodeRef: setSortableNodeRef, isDragging, } = (0, sortable_1.useSortable)({ id, animateLayoutChanges: () => false });
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const [isEditing, setIsEditing] = (0, react_1.useState)(false);
     const [editedName, setEditedName] = (0, react_1.useState)(sectionName);
     const [inputWidth, setInputWidth] = (0, react_1.useState)('auto');
@@ -1742,7 +1822,7 @@ const SortableSection = ({ id, sectionName, sectionIndex, metrics, charts, table
                 } })] }));
 };
 const SortableItem = ({ id, section, chartType, value, onClickReport, }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const compoundId = `${section}::${id}`;
     const { attributes, listeners, setNodeRef, transform, isDragging } = (0, sortable_1.useSortable)({
         id: compoundId,
@@ -1858,7 +1938,7 @@ function HandleButton(props) {
                         } })] })] }));
 }
 const NewSectionButton = ({ onAddSection, existingSections, isEditing, setIsEditing, }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const [sectionName, setSectionName] = (0, react_1.useState)('');
     const [error, setError] = (0, react_1.useState)('');
     const inputRef = (0, react_1.useRef)(null);

package/dist/cjs/components/OrgSelect.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"}