@bygd/nc-report-ui 0.1.35 → 0.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/default/cjs/index.cjs +1 -1
  2. package/dist/default/esm/index.js +145 -159
  3. package/package.json +1 -2
package/dist/default/esm/index.js CHANGED
@@ -1,31 +1,26 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { useEffect, useMemo, useState, useRef, useContext, createContext } from 'react';
3
- import Paper from '@material-ui/core/Paper';
4
- import { makeStyles } from '@material-ui/core/styles';
5
- import { CircularProgress } from '@material-ui/core';
3
+ import Paper from '@mui/material/Paper';
4
+ import Box from '@mui/material/Box';
5
+ import CircularProgress from '@mui/material/CircularProgress';
6
6
  import { Chart as Chart$1 } from 'react-google-charts';
7
7
  import numeral from 'numeral';
8
8
  import axios from 'axios';
9
- import Typography from '@material-ui/core/Typography';
10
- import Link from '@material-ui/core/Link';
9
+ import Typography from '@mui/material/Typography';
10
+ import Link from '@mui/material/Link';
11
11
  import nunjucks from 'nunjucks';
12
- import FormControl$2 from '@material-ui/core/FormControl';
13
- import Select$1 from '@material-ui/core/Select';
14
- import MenuItem$1 from '@material-ui/core/MenuItem';
12
+ import FormControl$1 from '@mui/material/FormControl';
13
+ import Select from '@mui/material/Select';
14
+ import MenuItem from '@mui/material/MenuItem';
15
15
  import { useInView } from 'react-intersection-observer';
16
- import { FormControl, Autocomplete, TextField, CircularProgress as CircularProgress$1, Chip, Checkbox, FormHelperText, Snackbar, Alert, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Box as Box$2, Typography as Typography$1, Tooltip as Tooltip$1, IconButton as IconButton$1, Paper as Paper$1, Tabs, Tab, Badge } from '@mui/material';
16
+ import { FormControl, Autocomplete, TextField, CircularProgress as CircularProgress$1, Chip, Checkbox, FormHelperText, Snackbar, Alert, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Box as Box$1, Typography as Typography$1, Tooltip as Tooltip$1, IconButton as IconButton$1, Paper as Paper$1, Tabs, Tab, Badge } from '@mui/material';
17
17
  import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
18
18
  import CheckBoxIcon from '@mui/icons-material/CheckBox';
19
- import Box from '@mui/material/Box';
20
- import MenuItem from '@mui/material/MenuItem';
21
- import FormControl$1 from '@mui/material/FormControl';
22
- import Select from '@mui/material/Select';
23
19
  import EventEmitter from 'eventemitter3';
24
- import Grid from '@material-ui/core/Grid';
25
- import Box$1 from '@material-ui/core/Box';
26
- import IconButton from '@material-ui/core/IconButton';
27
- import Tooltip from '@material-ui/core/Tooltip';
28
- import Container from '@material-ui/core/Container';
20
+ import Grid from '@mui/material/Grid';
21
+ import IconButton from '@mui/material/IconButton';
22
+ import Tooltip from '@mui/material/Tooltip';
23
+ import Container from '@mui/material/Container';
29
24
  import InsertChartOutlinedIcon from '@mui/icons-material/InsertChartOutlined';
30
25
  import FormatListBulletedIcon from '@mui/icons-material/FormatListBulleted';
31
26
  import TableChartOutlinedIcon from '@mui/icons-material/TableChartOutlined';
@@ -79,19 +74,16 @@ function _extends() {
79
74
  }, _extends.apply(null, arguments);
80
75
  }
81
76
 
82
- const useStyles$1 = makeStyles(theme => ({
83
- root: {
84
- width: "100%",
85
- "& > * + *": {
86
- marginTop: theme.spacing(2)
87
- }
88
- }
89
- }));
90
77
  function LinearIndeterminate(props) {
91
- const classes = useStyles$1();
92
- return /*#__PURE__*/React__default.createElement("div", _extends({
93
- className: classes.root
94
- }, props), /*#__PURE__*/React__default.createElement(CircularProgress, {
78
+ return /*#__PURE__*/React__default.createElement(Box, _extends({}, props, {
79
+ sx: {
80
+ width: "100%",
81
+ "& > * + *": {
82
+ mt: 2
83
+ },
84
+ ...(props?.sx || {})
85
+ }
86
+ }), /*#__PURE__*/React__default.createElement(CircularProgress, {
95
87
  style: {
96
88
  color: "rgb(70, 134, 128)"
97
89
  } // custom color
@@ -469,55 +461,44 @@ const Api = {
469
461
  }
470
462
  };
471
463
 
472
- const useStyles = makeStyles(theme => ({
473
- headerRow: {
474
- fontFamily: theme.typography.fontFamily,
475
- fontSize: 13
476
- },
477
- headerCell: {
478
- backgroundColor: "#ffffff !important",
479
- padding: "12px 16px !important",
480
- borderBottom: "1px solid #e5e7eb !important",
481
- borderRight: "none !important",
482
- fontWeight: "600 !important",
483
- color: "#6b7280 !important",
484
- textAlign: "left !important",
485
- whiteSpace: "nowrap"
486
- },
487
- tableRow: {
488
- fontFamily: theme.typography.fontFamily,
489
- fontSize: 14,
490
- backgroundColor: "#ffffff",
491
- "& a": {
492
- color: "#468682",
493
- textDecoration: "underline"
494
- },
495
- "& a:hover": {
496
- color: "#305f5c"
497
- }
498
- },
499
- oddTableRow: {
500
- fontFamily: theme.typography.fontFamily,
501
- fontSize: 14,
502
- backgroundColor: "#ffffff",
503
- "& a": {
504
- color: "#468682",
505
- textDecoration: "underline"
506
- },
507
- "& a:hover": {
508
- color: "#305f5c"
464
+ function styleInject(css, ref) {
465
+ if ( ref === void 0 ) ref = {};
466
+ var insertAt = ref.insertAt;
467
+
468
+ if (typeof document === 'undefined') { return; }
469
+
470
+ var head = document.head || document.getElementsByTagName('head')[0];
471
+ var style = document.createElement('style');
472
+ style.type = 'text/css';
473
+
474
+ if (insertAt === 'top') {
475
+ if (head.firstChild) {
476
+ head.insertBefore(style, head.firstChild);
477
+ } else {
478
+ head.appendChild(style);
509
479
  }
510
- },
511
- hoverTableRow: {
512
- backgroundColor: "#f9fafb !important"
513
- },
514
- tableCell: {
515
- padding: "12px 16px !important",
516
- borderBottom: "1px solid #f1f2f4 !important",
517
- borderRight: "none !important",
518
- color: "#1f2937"
480
+ } else {
481
+ head.appendChild(style);
519
482
  }
520
- }));
483
+
484
+ if (style.styleSheet) {
485
+ style.styleSheet.cssText = css;
486
+ } else {
487
+ style.appendChild(document.createTextNode(css));
488
+ }
489
+ }
490
+
491
+ var css_248z = "/* Google Charts Table styling — class names here are referenced from\n * GoogleChart.js via the `cssClassNames` option and must stay in sync. */\n\n.ncGcHeaderRow {\n font-size: 13px;\n}\n\n.ncGcHeaderCell {\n background-color: #ffffff !important;\n padding: 12px 16px !important;\n border-bottom: 1px solid #e5e7eb !important;\n border-right: none !important;\n font-weight: 600 !important;\n color: #6b7280 !important;\n text-align: left !important;\n white-space: nowrap;\n}\n\n.ncGcTableRow,\n.ncGcOddTableRow {\n font-size: 14px;\n background-color: #ffffff;\n}\n\n.ncGcTableRow a,\n.ncGcOddTableRow a {\n color: #468682;\n text-decoration: underline;\n}\n\n.ncGcTableRow a:hover,\n.ncGcOddTableRow a:hover {\n color: #305f5c;\n}\n\n.ncGcHoverTableRow {\n background-color: #f9fafb !important;\n}\n\n.ncGcTableCell {\n padding: 12px 16px !important;\n border-bottom: 1px solid #f1f2f4 !important;\n border-right: none !important;\n color: #1f2937;\n}\n";
492
+ styleInject(css_248z);
493
+
494
+ const tableClassNames = {
495
+ headerRow: "ncGcHeaderRow",
496
+ headerCell: "ncGcHeaderCell",
497
+ tableRow: "ncGcTableRow",
498
+ oddTableRow: "ncGcOddTableRow",
499
+ hoverTableRow: "ncGcHoverTableRow",
500
+ tableCell: "ncGcTableCell"
501
+ };
521
502
  const dateRangeFormats = {
522
503
  none: "YYYY-MM-dd",
523
504
  day: "MMM dd",
@@ -536,7 +517,6 @@ function GoogleChart({
536
517
  params
537
518
  }) {
538
519
  const [data, setData] = React__default.useState([]);
539
- const classes = useStyles();
540
520
  const [dateRanges, setDateRanges] = React__default.useState([]);
541
521
  useEffect(() => {
542
522
  (async () => {
@@ -558,7 +538,7 @@ function GoogleChart({
558
538
  if (chart?.doc.chart?.type === "Table") {
559
539
  return {
560
540
  ...chart?.doc.chart?.options,
561
- cssClassNames: classes,
541
+ cssClassNames: tableClassNames,
562
542
  allowHtml: true
563
543
  };
564
544
  } else if (chart?.doc.chart?.type === "AreaChart") {
@@ -1456,7 +1436,10 @@ var Chart = ({
1456
1436
  style: {
1457
1437
  flexGrow: 1
1458
1438
  }
1459
- }), /*#__PURE__*/React__default.createElement("div", null, chart?.doc?.view?.length > 1 && /*#__PURE__*/React__default.createElement(FormControl$2, null, /*#__PURE__*/React__default.createElement(Select$1, {
1439
+ }), /*#__PURE__*/React__default.createElement("div", null, chart?.doc?.view?.length > 1 && /*#__PURE__*/React__default.createElement(FormControl$1, {
1440
+ variant: "standard"
1441
+ }, /*#__PURE__*/React__default.createElement(Select, {
1442
+ variant: "standard",
1460
1443
  labelId: "date-range-select-label",
1461
1444
  id: "date-range-select",
1462
1445
  value: activeViewIndex,
@@ -1465,7 +1448,7 @@ var Chart = ({
1465
1448
  fontSize: "12px"
1466
1449
  },
1467
1450
  disableUnderline: true
1468
- }, chart.doc.view.map((item, index) => /*#__PURE__*/React__default.createElement(MenuItem$1, {
1451
+ }, chart.doc.view.map((item, index) => /*#__PURE__*/React__default.createElement(MenuItem, {
1469
1452
  key: index,
1470
1453
  value: index
1471
1454
  }, item.title)))))), /*#__PURE__*/React__default.createElement("div", {
@@ -1595,7 +1578,7 @@ function ColumnItem({
1595
1578
  if (views && views.length > 0) {
1596
1579
  const safeIndex = Math.min(activeIndex, views.length - 1);
1597
1580
  const active = views[safeIndex];
1598
- const toolbar = /*#__PURE__*/React__default.createElement(Box$1, {
1581
+ const toolbar = /*#__PURE__*/React__default.createElement(Box, {
1599
1582
  display: "flex"
1600
1583
  }, views.map((v, i) => {
1601
1584
  const Icon = resolveViewIcon(v.icon);
@@ -1616,9 +1599,10 @@ function ColumnItem({
1616
1599
  })));
1617
1600
  }));
1618
1601
  return /*#__PURE__*/React__default.createElement(Grid, {
1619
- item: true,
1620
- xs: 12,
1621
- md: md
1602
+ size: {
1603
+ xs: 12,
1604
+ md
1605
+ }
1622
1606
  }, /*#__PURE__*/React__default.createElement(Chart, {
1623
1607
  api: api,
1624
1608
  cache: cache,
@@ -1635,9 +1619,10 @@ function ColumnItem({
1635
1619
  }));
1636
1620
  }
1637
1621
  return /*#__PURE__*/React__default.createElement(Grid, {
1638
- item: true,
1639
- xs: 12,
1640
- md: md
1622
+ size: {
1623
+ xs: 12,
1624
+ md
1625
+ }
1641
1626
  }, /*#__PURE__*/React__default.createElement(Chart, {
1642
1627
  api: api,
1643
1628
  cache: cache,
@@ -1770,8 +1755,9 @@ function Dashboard({
1770
1755
  /*#__PURE__*/
1771
1756
  // Row 2 is special: nested grid inside a full-width container
1772
1757
  React__default.createElement(Grid, {
1773
- item: true,
1774
- xs: 12
1758
+ size: {
1759
+ xs: 12
1760
+ }
1775
1761
  }, /*#__PURE__*/React__default.createElement(Grid, {
1776
1762
  container: true,
1777
1763
  spacing: 3
@@ -2063,7 +2049,7 @@ const ReportDefinitionsList = ({
2063
2049
  disableColumnMenu: true,
2064
2050
  renderCell: params => {
2065
2051
  const isUserOverride = params.row.source === "user-override";
2066
- return /*#__PURE__*/React__default.createElement(Box$2, {
2052
+ return /*#__PURE__*/React__default.createElement(Box$1, {
2067
2053
  sx: {
2068
2054
  display: "flex",
2069
2055
  gap: 1
@@ -2120,7 +2106,7 @@ const ReportDefinitionsList = ({
2120
2106
  onSelectReport(params.row.id);
2121
2107
  };
2122
2108
  if (loading) {
2123
- return /*#__PURE__*/React__default.createElement(Box$2, {
2109
+ return /*#__PURE__*/React__default.createElement(Box$1, {
2124
2110
  display: "flex",
2125
2111
  justifyContent: "center",
2126
2112
  alignItems: "center",
@@ -2128,7 +2114,7 @@ const ReportDefinitionsList = ({
2128
2114
  }, /*#__PURE__*/React__default.createElement(CircularProgress$1, null));
2129
2115
  }
2130
2116
  if (error) {
2131
- return /*#__PURE__*/React__default.createElement(Box$2, {
2117
+ return /*#__PURE__*/React__default.createElement(Box$1, {
2132
2118
  display: "flex",
2133
2119
  flexDirection: "column",
2134
2120
  justifyContent: "center",
@@ -2143,14 +2129,14 @@ const ReportDefinitionsList = ({
2143
2129
  onClick: loadReportDefinitions
2144
2130
  }, "Retry"));
2145
2131
  }
2146
- return /*#__PURE__*/React__default.createElement(Box$2, {
2132
+ return /*#__PURE__*/React__default.createElement(Box$1, {
2147
2133
  sx: {
2148
2134
  p: 3,
2149
2135
  display: "flex",
2150
2136
  flexDirection: "column",
2151
2137
  fontFamily: "system-ui"
2152
2138
  }
2153
- }, /*#__PURE__*/React__default.createElement(Box$2, {
2139
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
2154
2140
  sx: {
2155
2141
  display: "flex",
2156
2142
  justifyContent: "flex-end",
@@ -2170,7 +2156,7 @@ const ReportDefinitionsList = ({
2170
2156
  },
2171
2157
  startIcon: /*#__PURE__*/React__default.createElement(AddIcon, null),
2172
2158
  onClick: onAddNew
2173
- }, "Add New Report")), /*#__PURE__*/React__default.createElement(Box$2, {
2159
+ }, "Add New Report")), /*#__PURE__*/React__default.createElement(Box$1, {
2174
2160
  sx: {
2175
2161
  flex: 1,
2176
2162
  width: "100%",
@@ -2412,11 +2398,11 @@ const ProviderSelection = ({
2412
2398
  }
2413
2399
  return dropdowns;
2414
2400
  };
2415
- return /*#__PURE__*/React__default.createElement(Box$2, null, selectionChain.length > 0 && /*#__PURE__*/React__default.createElement(Box$2, {
2401
+ return /*#__PURE__*/React__default.createElement(Box$1, null, selectionChain.length > 0 && /*#__PURE__*/React__default.createElement(Box$1, {
2416
2402
  sx: {
2417
2403
  marginBottom: 2
2418
2404
  }
2419
- }, /*#__PURE__*/React__default.createElement(Box$2, {
2405
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
2420
2406
  sx: {
2421
2407
  display: "flex",
2422
2408
  alignItems: "center",
@@ -2599,7 +2585,7 @@ const SortableChip$1 = ({
2599
2585
  return /*#__PURE__*/React__default.createElement("div", _extends({
2600
2586
  ref: setNodeRef,
2601
2587
  style: style
2602
- }, attributes), /*#__PURE__*/React__default.createElement(Box$2, {
2588
+ }, attributes), /*#__PURE__*/React__default.createElement(Box$1, {
2603
2589
  ref: containerRef,
2604
2590
  sx: {
2605
2591
  display: "flex",
@@ -2616,7 +2602,7 @@ const SortableChip$1 = ({
2616
2602
  opacity: 1 // show icons on hover
2617
2603
  }
2618
2604
  }
2619
- }, /*#__PURE__*/React__default.createElement(Box$2, _extends({}, listeners, {
2605
+ }, /*#__PURE__*/React__default.createElement(Box$1, _extends({}, listeners, {
2620
2606
  sx: {
2621
2607
  display: "flex",
2622
2608
  alignItems: "center",
@@ -2630,7 +2616,7 @@ const SortableChip$1 = ({
2630
2616
  cursor: "grab",
2631
2617
  color: "rgba(110, 110, 110, 0.62)"
2632
2618
  }
2633
- })), !isEditing ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box$2, {
2619
+ })), !isEditing ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box$1, {
2634
2620
  sx: {
2635
2621
  minWidth: 0
2636
2622
  }
@@ -2649,7 +2635,7 @@ const SortableChip$1 = ({
2649
2635
  overflow: "hidden",
2650
2636
  textOverflow: "ellipsis"
2651
2637
  }
2652
- }, displayLabel))), /*#__PURE__*/React__default.createElement(Box$2, {
2638
+ }, displayLabel))), /*#__PURE__*/React__default.createElement(Box$1, {
2653
2639
  className: "hover-icons",
2654
2640
  sx: {
2655
2641
  display: "flex",
@@ -2689,11 +2675,11 @@ const SortableChip$1 = ({
2689
2675
  }
2690
2676
  }, /*#__PURE__*/React__default.createElement(GridDeleteIcon, {
2691
2677
  fontSize: "small"
2692
- })))), /*#__PURE__*/React__default.createElement(Box$2, {
2678
+ })))), /*#__PURE__*/React__default.createElement(Box$1, {
2693
2679
  sx: {
2694
2680
  flex: 1
2695
2681
  }
2696
- }), /*#__PURE__*/React__default.createElement(Box$2, {
2682
+ }), /*#__PURE__*/React__default.createElement(Box$1, {
2697
2683
  className: "hover-icons",
2698
2684
  sx: {
2699
2685
  display: "flex",
@@ -2725,7 +2711,7 @@ const SortableChip$1 = ({
2725
2711
  minWidth: '200px',
2726
2712
  maxWidth: '400px'
2727
2713
  }
2728
- }), /*#__PURE__*/React__default.createElement(Box$2, {
2714
+ }), /*#__PURE__*/React__default.createElement(Box$1, {
2729
2715
  className: "hover-icons",
2730
2716
  sx: {
2731
2717
  display: "flex",
@@ -2764,7 +2750,7 @@ const SortableChip$1 = ({
2764
2750
  "aria-label": "reset title"
2765
2751
  }, /*#__PURE__*/React__default.createElement(RestartAltIcon, {
2766
2752
  fontSize: "small"
2767
- })))), /*#__PURE__*/React__default.createElement(Box$2, {
2753
+ })))), /*#__PURE__*/React__default.createElement(Box$1, {
2768
2754
  sx: {
2769
2755
  flex: 1
2770
2756
  }
@@ -3019,7 +3005,7 @@ const Dimensions = ({
3019
3005
  }
3020
3006
  return pathParts.join(" → ");
3021
3007
  };
3022
- return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Box$2, {
3008
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Box$1, {
3023
3009
  sx: {
3024
3010
  display: "flex",
3025
3011
  justifyContent: "flex-start",
@@ -3061,7 +3047,7 @@ const Dimensions = ({
3061
3047
  mb: 1.5,
3062
3048
  color: "rgb(37, 37, 37)"
3063
3049
  }
3064
- }, "Select Provider Path"), /*#__PURE__*/React__default.createElement(Box$2, {
3050
+ }, "Select Provider Path"), /*#__PURE__*/React__default.createElement(Box$1, {
3065
3051
  sx: {
3066
3052
  mb: 3
3067
3053
  }
@@ -3079,7 +3065,7 @@ const Dimensions = ({
3079
3065
  mb: 1.5,
3080
3066
  color: "rgb(37, 37, 37)"
3081
3067
  }
3082
- }, "Select Dimension"), /*#__PURE__*/React__default.createElement(Box$2, {
3068
+ }, "Select Dimension"), /*#__PURE__*/React__default.createElement(Box$1, {
3083
3069
  sx: {
3084
3070
  display: "flex",
3085
3071
  alignItems: "center",
@@ -3115,7 +3101,7 @@ const Dimensions = ({
3115
3101
  opacity: 0.5
3116
3102
  }
3117
3103
  }
3118
- }, /*#__PURE__*/React__default.createElement(PlaylistAddIcon, null))))), /*#__PURE__*/React__default.createElement(Box$2, {
3104
+ }, /*#__PURE__*/React__default.createElement(PlaylistAddIcon, null))))), /*#__PURE__*/React__default.createElement(Box$1, {
3119
3105
  sx: {
3120
3106
  display: "flex",
3121
3107
  justifyContent: "flex-end",
@@ -3158,7 +3144,7 @@ const Dimensions = ({
3158
3144
  boxShadow: "none"
3159
3145
  }
3160
3146
  }
3161
- }, "Save Dimension"))), savedDimensions.length > 0 && /*#__PURE__*/React__default.createElement(Box$2, {
3147
+ }, "Save Dimension"))), savedDimensions.length > 0 && /*#__PURE__*/React__default.createElement(Box$1, {
3162
3148
  sx: {
3163
3149
  marginTop: 0
3164
3150
  }
@@ -3183,7 +3169,7 @@ const Dimensions = ({
3183
3169
  }, /*#__PURE__*/React__default.createElement(SortableContext, {
3184
3170
  items: savedDimensions.map((_, index) => index),
3185
3171
  strategy: verticalListSortingStrategy
3186
- }, /*#__PURE__*/React__default.createElement(Box$2, {
3172
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
3187
3173
  sx: {
3188
3174
  display: "flex",
3189
3175
  flexDirection: "column",
@@ -3351,7 +3337,7 @@ const SortableChip = ({
3351
3337
  return /*#__PURE__*/React__default.createElement("div", _extends({
3352
3338
  ref: setNodeRef,
3353
3339
  style: style
3354
- }, attributes), /*#__PURE__*/React__default.createElement(Box$2, {
3340
+ }, attributes), /*#__PURE__*/React__default.createElement(Box$1, {
3355
3341
  ref: containerRef,
3356
3342
  sx: {
3357
3343
  display: "flex",
@@ -3368,7 +3354,7 @@ const SortableChip = ({
3368
3354
  opacity: 1 // show icons on hover
3369
3355
  }
3370
3356
  }
3371
- }, /*#__PURE__*/React__default.createElement(Box$2, _extends({}, listeners, {
3357
+ }, /*#__PURE__*/React__default.createElement(Box$1, _extends({}, listeners, {
3372
3358
  sx: {
3373
3359
  display: "flex",
3374
3360
  alignItems: "center",
@@ -3382,7 +3368,7 @@ const SortableChip = ({
3382
3368
  cursor: "grab",
3383
3369
  color: "rgba(110, 110, 110, 0.62)"
3384
3370
  }
3385
- })), !isEditing ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, source && /*#__PURE__*/React__default.createElement(Box$2, {
3371
+ })), !isEditing ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, source && /*#__PURE__*/React__default.createElement(Box$1, {
3386
3372
  sx: {
3387
3373
  display: 'flex',
3388
3374
  alignItems: 'center',
@@ -3390,7 +3376,7 @@ const SortableChip = ({
3390
3376
  }
3391
3377
  }, /*#__PURE__*/React__default.createElement(MetricSourceIcon, {
3392
3378
  source: source
3393
- })), /*#__PURE__*/React__default.createElement(Box$2, {
3379
+ })), /*#__PURE__*/React__default.createElement(Box$1, {
3394
3380
  sx: {
3395
3381
  minWidth: 0
3396
3382
  }
@@ -3409,7 +3395,7 @@ const SortableChip = ({
3409
3395
  overflow: "hidden",
3410
3396
  textOverflow: "ellipsis"
3411
3397
  }
3412
- }, displayLabel))), /*#__PURE__*/React__default.createElement(Box$2, {
3398
+ }, displayLabel))), /*#__PURE__*/React__default.createElement(Box$1, {
3413
3399
  className: "hover-icons",
3414
3400
  sx: {
3415
3401
  display: "flex",
@@ -3440,11 +3426,11 @@ const SortableChip = ({
3440
3426
  }
3441
3427
  }, /*#__PURE__*/React__default.createElement(GridDeleteIcon, {
3442
3428
  fontSize: "small"
3443
- })))), /*#__PURE__*/React__default.createElement(Box$2, {
3429
+ })))), /*#__PURE__*/React__default.createElement(Box$1, {
3444
3430
  sx: {
3445
3431
  flex: 1
3446
3432
  }
3447
- }), /*#__PURE__*/React__default.createElement(Box$2, {
3433
+ }), /*#__PURE__*/React__default.createElement(Box$1, {
3448
3434
  className: "hover-icons",
3449
3435
  sx: {
3450
3436
  display: "flex",
@@ -3476,7 +3462,7 @@ const SortableChip = ({
3476
3462
  minWidth: '200px',
3477
3463
  maxWidth: '400px'
3478
3464
  }
3479
- }), /*#__PURE__*/React__default.createElement(Box$2, {
3465
+ }), /*#__PURE__*/React__default.createElement(Box$1, {
3480
3466
  className: "hover-icons",
3481
3467
  sx: {
3482
3468
  display: "flex",
@@ -3515,7 +3501,7 @@ const SortableChip = ({
3515
3501
  "aria-label": "reset title"
3516
3502
  }, /*#__PURE__*/React__default.createElement(RestartAltIcon, {
3517
3503
  fontSize: "small"
3518
- })))), /*#__PURE__*/React__default.createElement(Box$2, {
3504
+ })))), /*#__PURE__*/React__default.createElement(Box$1, {
3519
3505
  sx: {
3520
3506
  flex: 1
3521
3507
  }
@@ -3756,7 +3742,7 @@ const Metrics = ({
3756
3742
  }
3757
3743
  return pathParts.join(' → ');
3758
3744
  };
3759
- return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Box$2, {
3745
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Box$1, {
3760
3746
  sx: {
3761
3747
  display: "flex",
3762
3748
  justifyContent: "flex-start",
@@ -3798,7 +3784,7 @@ const Metrics = ({
3798
3784
  mb: 1.5,
3799
3785
  color: "rgb(37, 37, 37)"
3800
3786
  }
3801
- }, "Select Provider Path"), /*#__PURE__*/React__default.createElement(Box$2, {
3787
+ }, "Select Provider Path"), /*#__PURE__*/React__default.createElement(Box$1, {
3802
3788
  sx: {
3803
3789
  mb: 3
3804
3790
  }
@@ -3816,7 +3802,7 @@ const Metrics = ({
3816
3802
  mb: 1.5,
3817
3803
  color: "rgb(37, 37, 37)"
3818
3804
  }
3819
- }, "Select Metric"), /*#__PURE__*/React__default.createElement(Box$2, {
3805
+ }, "Select Metric"), /*#__PURE__*/React__default.createElement(Box$1, {
3820
3806
  sx: {
3821
3807
  display: 'flex',
3822
3808
  alignItems: 'center',
@@ -3852,7 +3838,7 @@ const Metrics = ({
3852
3838
  opacity: 0.5
3853
3839
  }
3854
3840
  }
3855
- }, /*#__PURE__*/React__default.createElement(PlaylistAddIcon, null))))), /*#__PURE__*/React__default.createElement(Box$2, {
3841
+ }, /*#__PURE__*/React__default.createElement(PlaylistAddIcon, null))))), /*#__PURE__*/React__default.createElement(Box$1, {
3856
3842
  sx: {
3857
3843
  display: "flex",
3858
3844
  justifyContent: "flex-end",
@@ -3895,7 +3881,7 @@ const Metrics = ({
3895
3881
  boxShadow: "none"
3896
3882
  }
3897
3883
  }
3898
- }, "Save Metric"))), savedMetrics.length > 0 && /*#__PURE__*/React__default.createElement(Box$2, {
3884
+ }, "Save Metric"))), savedMetrics.length > 0 && /*#__PURE__*/React__default.createElement(Box$1, {
3899
3885
  sx: {
3900
3886
  marginTop: 0
3901
3887
  }
@@ -3914,7 +3900,7 @@ const Metrics = ({
3914
3900
  }, /*#__PURE__*/React__default.createElement(SortableContext, {
3915
3901
  items: savedMetrics.map((_, index) => index),
3916
3902
  strategy: verticalListSortingStrategy
3917
- }, /*#__PURE__*/React__default.createElement(Box$2, {
3903
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
3918
3904
  sx: {
3919
3905
  display: 'flex',
3920
3906
  flexDirection: 'column',
@@ -4535,7 +4521,7 @@ const Filters = ({
4535
4521
 
4536
4522
  // Convert savedFilters object to array for display
4537
4523
  const filterEntries = Object.entries(savedFilters);
4538
- return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Box$2, {
4524
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Box$1, {
4539
4525
  sx: {
4540
4526
  display: "flex",
4541
4527
  justifyContent: "flex-start",
@@ -4598,7 +4584,7 @@ const Filters = ({
4598
4584
  mb: 1.5,
4599
4585
  color: "rgb(37, 37, 37)"
4600
4586
  }
4601
- }, "Select Provider Path"), /*#__PURE__*/React__default.createElement(Box$2, {
4587
+ }, "Select Provider Path"), /*#__PURE__*/React__default.createElement(Box$1, {
4602
4588
  sx: {
4603
4589
  mb: 3
4604
4590
  }
@@ -4616,7 +4602,7 @@ const Filters = ({
4616
4602
  mb: 1.5,
4617
4603
  color: "rgb(37, 37, 37)"
4618
4604
  }
4619
- }, "Select Dimension for Filter"), /*#__PURE__*/React__default.createElement(Box$2, {
4605
+ }, "Select Dimension for Filter"), /*#__PURE__*/React__default.createElement(Box$1, {
4620
4606
  sx: {
4621
4607
  mb: 3
4622
4608
  }
@@ -4643,7 +4629,7 @@ const Filters = ({
4643
4629
  }
4644
4630
  }, isDate ? 'Select Date Range' : 'Select Filter Values'), isDate ? /*#__PURE__*/React__default.createElement(LocalizationProvider, {
4645
4631
  dateAdapter: AdapterDayjs
4646
- }, /*#__PURE__*/React__default.createElement(Box$2, {
4632
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
4647
4633
  sx: {
4648
4634
  display: 'flex',
4649
4635
  gap: 2,
@@ -4675,7 +4661,7 @@ const Filters = ({
4675
4661
  clearable: true
4676
4662
  }
4677
4663
  }
4678
- }))) : /*#__PURE__*/React__default.createElement(Box$2, {
4664
+ }))) : /*#__PURE__*/React__default.createElement(Box$1, {
4679
4665
  sx: {
4680
4666
  width: '400px'
4681
4667
  }
@@ -4692,7 +4678,7 @@ const Filters = ({
4692
4678
  helperText: selectedFilterValues.length > 0 ? `${selectedFilterValues.length} value(s) selected` : 'Select at least one value',
4693
4679
  debounceMs: 1000
4694
4680
  })));
4695
- })(), /*#__PURE__*/React__default.createElement(Box$2, {
4681
+ })(), /*#__PURE__*/React__default.createElement(Box$1, {
4696
4682
  sx: {
4697
4683
  display: "flex",
4698
4684
  justifyContent: "flex-end",
@@ -4760,7 +4746,7 @@ const Filters = ({
4760
4746
  mb: 1.5,
4761
4747
  color: "rgb(37, 37, 37)"
4762
4748
  }
4763
- }, "Select Dimension from Report"), /*#__PURE__*/React__default.createElement(Box$2, {
4749
+ }, "Select Dimension from Report"), /*#__PURE__*/React__default.createElement(Box$1, {
4764
4750
  sx: {
4765
4751
  mb: 3
4766
4752
  }
@@ -4789,7 +4775,7 @@ const Filters = ({
4789
4775
  }
4790
4776
  }, isDate ? 'Select Date Range' : 'Select Filter Values'), isDate ? /*#__PURE__*/React__default.createElement(LocalizationProvider, {
4791
4777
  dateAdapter: AdapterDayjs
4792
- }, /*#__PURE__*/React__default.createElement(Box$2, {
4778
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
4793
4779
  sx: {
4794
4780
  display: 'flex',
4795
4781
  gap: 2,
@@ -4821,7 +4807,7 @@ const Filters = ({
4821
4807
  clearable: true
4822
4808
  }
4823
4809
  }
4824
- }))) : /*#__PURE__*/React__default.createElement(Box$2, {
4810
+ }))) : /*#__PURE__*/React__default.createElement(Box$1, {
4825
4811
  sx: {
4826
4812
  width: '400px'
4827
4813
  }
@@ -4838,7 +4824,7 @@ const Filters = ({
4838
4824
  helperText: selectedFilterValues.length > 0 ? `${selectedFilterValues.length} value(s) selected` : 'Select at least one value',
4839
4825
  debounceMs: 1000
4840
4826
  })));
4841
- })(), /*#__PURE__*/React__default.createElement(Box$2, {
4827
+ })(), /*#__PURE__*/React__default.createElement(Box$1, {
4842
4828
  sx: {
4843
4829
  display: "flex",
4844
4830
  justifyContent: "flex-end",
@@ -4887,7 +4873,7 @@ const Filters = ({
4887
4873
  boxShadow: "none"
4888
4874
  }
4889
4875
  }
4890
- }, "Save Filter"))), filterEntries.length > 0 && /*#__PURE__*/React__default.createElement(Box$2, {
4876
+ }, "Save Filter"))), filterEntries.length > 0 && /*#__PURE__*/React__default.createElement(Box$1, {
4891
4877
  sx: {
4892
4878
  marginTop: 0
4893
4879
  }
@@ -4899,7 +4885,7 @@ const Filters = ({
4899
4885
  marginBottom: 1,
4900
4886
  color: "rgb(37, 37, 37)"
4901
4887
  }
4902
- }, "Saved Filters"), /*#__PURE__*/React__default.createElement(Box$2, {
4888
+ }, "Saved Filters"), /*#__PURE__*/React__default.createElement(Box$1, {
4903
4889
  sx: {
4904
4890
  display: 'flex',
4905
4891
  flexDirection: 'column',
@@ -4932,9 +4918,9 @@ const Filters = ({
4932
4918
  // Use filter title override if exists, otherwise use dimension title override, otherwise use default dimension title
4933
4919
  const displayLabel = titleOverrides[fullPath] || dimensionTitleOverrides[fullPath] || filter.dimensionTitle;
4934
4920
  const hasCustomTitle = !!titleOverrides[fullPath];
4935
- return /*#__PURE__*/React__default.createElement(Box$2, {
4921
+ return /*#__PURE__*/React__default.createElement(Box$1, {
4936
4922
  key: fullPath
4937
- }, /*#__PURE__*/React__default.createElement(Box$2, {
4923
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
4938
4924
  sx: {
4939
4925
  display: "flex",
4940
4926
  alignItems: "center",
@@ -4950,7 +4936,7 @@ const Filters = ({
4950
4936
  opacity: 1
4951
4937
  }
4952
4938
  }
4953
- }, !isEditingTitle ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box$2, {
4939
+ }, !isEditingTitle ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box$1, {
4954
4940
  sx: {
4955
4941
  display: 'flex',
4956
4942
  alignItems: 'center',
@@ -4966,7 +4952,7 @@ const Filters = ({
4966
4952
  color: "#1a1a1a",
4967
4953
  fontSize: "14px"
4968
4954
  }
4969
- }, displayLabel), /*#__PURE__*/React__default.createElement(Box$2, {
4955
+ }, displayLabel), /*#__PURE__*/React__default.createElement(Box$1, {
4970
4956
  className: "hover-icons",
4971
4957
  sx: {
4972
4958
  display: "flex",
@@ -5025,7 +5011,7 @@ const Filters = ({
5025
5011
  sx: {
5026
5012
  flex: 1
5027
5013
  }
5028
- }), /*#__PURE__*/React__default.createElement(Box$2, {
5014
+ }), /*#__PURE__*/React__default.createElement(Box$1, {
5029
5015
  sx: {
5030
5016
  display: "flex",
5031
5017
  gap: 0.5
@@ -5074,7 +5060,7 @@ const Filters = ({
5074
5060
  }
5075
5061
  }, "Edit ", isDate ? 'Date Range' : 'Values', " for: ", dimensionTitleOverrides[fullPath] || filter.dimensionTitle), isDate ? /*#__PURE__*/React__default.createElement(LocalizationProvider, {
5076
5062
  dateAdapter: AdapterDayjs
5077
- }, /*#__PURE__*/React__default.createElement(Box$2, {
5063
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
5078
5064
  sx: {
5079
5065
  display: 'flex',
5080
5066
  gap: 2,
@@ -5107,7 +5093,7 @@ const Filters = ({
5107
5093
  clearable: true
5108
5094
  }
5109
5095
  }
5110
- }))) : /*#__PURE__*/React__default.createElement(Box$2, {
5096
+ }))) : /*#__PURE__*/React__default.createElement(Box$1, {
5111
5097
  sx: {
5112
5098
  width: '400px',
5113
5099
  marginBottom: 2
@@ -5124,7 +5110,7 @@ const Filters = ({
5124
5110
  loading: loadingFilterValues,
5125
5111
  helperText: selectedFilterValues.length > 0 ? `${selectedFilterValues.length} value(s) selected` : 'Select at least one value',
5126
5112
  debounceMs: 1000
5127
- })), /*#__PURE__*/React__default.createElement(Box$2, {
5113
+ })), /*#__PURE__*/React__default.createElement(Box$1, {
5128
5114
  sx: {
5129
5115
  display: 'flex',
5130
5116
  gap: 1,
@@ -5261,7 +5247,7 @@ const ReportDataGrid = ({
5261
5247
  flex: 1,
5262
5248
  minWidth: 150,
5263
5249
  type: metricDef?.type === 'integer' || metricDef?.type === 'currency' ? 'number' : 'string',
5264
- renderHeader: () => /*#__PURE__*/React__default.createElement(Box$2, {
5250
+ renderHeader: () => /*#__PURE__*/React__default.createElement(Box$1, {
5265
5251
  sx: {
5266
5252
  display: 'flex',
5267
5253
  alignItems: 'center',
@@ -5316,7 +5302,7 @@ const ReportDataGrid = ({
5316
5302
  }
5317
5303
  };
5318
5304
  if (loading) {
5319
- return /*#__PURE__*/React__default.createElement(Box$2, {
5305
+ return /*#__PURE__*/React__default.createElement(Box$1, {
5320
5306
  display: "flex",
5321
5307
  justifyContent: "center",
5322
5308
  alignItems: "center",
@@ -5324,7 +5310,7 @@ const ReportDataGrid = ({
5324
5310
  }, /*#__PURE__*/React__default.createElement(CircularProgress$1, null));
5325
5311
  }
5326
5312
  if (!reportData || reportData.length === 0) {
5327
- return /*#__PURE__*/React__default.createElement(Box$2, {
5313
+ return /*#__PURE__*/React__default.createElement(Box$1, {
5328
5314
  display: "flex",
5329
5315
  justifyContent: "center",
5330
5316
  alignItems: "center",
@@ -5334,7 +5320,7 @@ const ReportDataGrid = ({
5334
5320
  color: "textSecondary"
5335
5321
  }, "No data available. Run a report to see results."));
5336
5322
  }
5337
- return /*#__PURE__*/React__default.createElement(Box$2, {
5323
+ return /*#__PURE__*/React__default.createElement(Box$1, {
5338
5324
  sx: {
5339
5325
  height: 600,
5340
5326
  width: '100%'
@@ -5372,7 +5358,7 @@ function TabPanel({
5372
5358
  hidden: value !== index,
5373
5359
  id: `report-tabpanel-${index}`,
5374
5360
  "aria-labelledby": `report-tab-${index}`
5375
- }, value === index && /*#__PURE__*/React__default.createElement(Box$2, {
5361
+ }, value === index && /*#__PURE__*/React__default.createElement(Box$1, {
5376
5362
  sx: {
5377
5363
  py: 3
5378
5364
  }
@@ -6229,12 +6215,12 @@ const ReportBuilder = ({
6229
6215
  }
6230
6216
  };
6231
6217
  const canSaveReport = selectedProvider && reportTitle.trim() && (report.dimensions.length > 0 || report.metrics.length > 0);
6232
- return /*#__PURE__*/React__default.createElement(Box$2, {
6218
+ return /*#__PURE__*/React__default.createElement(Box$1, {
6233
6219
  sx: {
6234
6220
  p: 3,
6235
6221
  fontFamily: "system-ui"
6236
6222
  }
6237
- }, /*#__PURE__*/React__default.createElement(Box$2, {
6223
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
6238
6224
  sx: {
6239
6225
  display: "flex",
6240
6226
  justifyContent: "space-between",
@@ -6247,7 +6233,7 @@ const ReportBuilder = ({
6247
6233
  variant: "outlined",
6248
6234
  startIcon: /*#__PURE__*/React__default.createElement(ArrowBackIcon, null),
6249
6235
  onClick: onBackToList
6250
- }, "Back to List")), /*#__PURE__*/React__default.createElement(Box$2, {
6236
+ }, "Back to List")), /*#__PURE__*/React__default.createElement(Box$1, {
6251
6237
  sx: {
6252
6238
  mt: 2,
6253
6239
  p: 3,
@@ -6260,7 +6246,7 @@ const ReportBuilder = ({
6260
6246
  gap: 3,
6261
6247
  boxShadow: "0px 2px 4px rgba(0,0,0,0.02)"
6262
6248
  }
6263
- }, /*#__PURE__*/React__default.createElement(Box$2, {
6249
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
6264
6250
  sx: {
6265
6251
  display: "flex",
6266
6252
  gap: 4,
@@ -6303,7 +6289,7 @@ const ReportBuilder = ({
6303
6289
  fontFamily: "system-ui"
6304
6290
  },
6305
6291
  disabled: !!reportDefinitionId
6306
- }))), /*#__PURE__*/React__default.createElement(Box$2, {
6292
+ }))), /*#__PURE__*/React__default.createElement(Box$1, {
6307
6293
  sx: {
6308
6294
  display: "flex",
6309
6295
  gap: 2,
@@ -6371,7 +6357,7 @@ const ReportBuilder = ({
6371
6357
  backgroundColor: "rgba(46, 125, 50, 0.04)"
6372
6358
  }
6373
6359
  }
6374
- }, saving ? "Saving..." : reportDefinitionId ? "Update Report" : "Save Report"))), selectedProvider && /*#__PURE__*/React__default.createElement(Box$2, {
6360
+ }, saving ? "Saving..." : reportDefinitionId ? "Update Report" : "Save Report"))), selectedProvider && /*#__PURE__*/React__default.createElement(Box$1, {
6375
6361
  sx: {
6376
6362
  mt: 2,
6377
6363
  fontFamily: "system-ui",
@@ -6380,7 +6366,7 @@ const ReportBuilder = ({
6380
6366
  py: 2,
6381
6367
  borderRadius: "8px"
6382
6368
  }
6383
- }, /*#__PURE__*/React__default.createElement(Box$2, {
6369
+ }, /*#__PURE__*/React__default.createElement(Box$1, {
6384
6370
  sx: {
6385
6371
  borderBottom: 1,
6386
6372
  borderColor: "rgba(70, 134, 127, 0.27)"