@natoora-libs/core 0.1.4 → 0.1.6

package/dist/components/index.js

@@ -4339,7 +4339,7 @@ var drawerAppList = [
         featureNames: [featureName_default.CUSTOMERS],
         pinned: "customers",
         icon: /* @__PURE__ */ jsx84(icons_default.SvgIconAccount, {}),
-        url: `/react/customers`,
+        url: `/customer-list`,
         children: [
           {
             name: "Sites",
@@ -6114,11 +6114,10 @@ var RenderContentList = ({
     const sections = items.map((item) => ({
       id: transformNameToID(item),
       element: document.getElementById(transformNameToID(item))
-    })).filter(({ element }) => element !== null);
+    }));
     if (observer.current) {
       observer.current.disconnect();
     }
-    if (sections.length === 0) return;
     observer.current = new IntersectionObserver(
       (entries) => {
         const visibleSection = entries.find((entry) => entry.isIntersecting);
@@ -6150,18 +6149,11 @@ var RenderContentList = ({
         return /* @__PURE__ */ jsxs64(
           ListItemButton2,
           {
+            component: "a",
+            href: `#${id}`,
+            onClick: () => setActive(id),
             selected: active === id,
             classes: { root: classes.root, selected: classes.selected },
-            onClick: () => {
-              setActive(id);
-              const element = document.getElementById(id);
-              if (element) {
-                element.scrollIntoView({
-                  behavior: "smooth",
-                  block: "start"
-                });
-              }
-            },
             children: [
               /* @__PURE__ */ jsx98(ListItemText5, { primary: item }),
               warningItems?.includes(item) && /* @__PURE__ */ jsx98(Tooltip4, { title: warningMessage, children: /* @__PURE__ */ jsx98(WarningAmber, { color: "warning" }) })
@@ -6275,7 +6267,7 @@ var RowProductCard = ({
 var RowProductCard_default = RowProductCard;
 
 // src/components/ScrollableDialog/ScrollableDialog.tsx
-import { useEffect as useEffect6, useState as useState11 } from "react";
+import { useEffect as useEffect6, useRef as useRef3, useState as useState11 } from "react";
 import { Box as Box23, Dialog as Dialog4, Divider as Divider5, Fade, Paper as Paper6, Typography as Typography22 } from "@mui/material";
 import { makeStyles as makeStyles36 } from "tss-react/mui";
 import { jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
@@ -6323,94 +6315,87 @@ var ScrollableDialog = ({
   const [bodyHeight, setBodyHeight] = useState11(0);
   const [hasScrollBar, setHasScrollBar] = useState11(false);
   const [maxDialogHeight, setMaxDialogHeight] = useState11(0);
-  const [screenHeight, setScreenHeight] = useState11(0);
   const { classes, cx } = useStyles36();
-  const setDialogBodyMaxHeight = () => {
-    const titleHeight = document.querySelector("#dialog-title")?.clientHeight || 0;
-    const headerHeight = document.querySelector("#dialog-header")?.clientHeight || 0;
-    const footerHeight2 = document.querySelector("#dialog-footer")?.clientHeight || 0;
-    const titleMargin = 48;
-    setBodyHeight(
-      maxDialogHeight - headerHeight - titleHeight - titleMargin - footerHeight2
-    );
-  };
+  const headerRef = useRef3(null);
+  const footerRef = useRef3(null);
+  const titleRef = useRef3(null);
+  const bodyRef = useRef3(null);
+  const DIALOG_MARGIN = 65;
+  const DEFAULT_MAX_HEIGHT = 728;
+  const TITLE_MARGIN = 48;
   useEffect6(() => {
-    setScreenHeight(window.innerHeight);
+    const handleResize = () => {
+      const screenHeight = window.innerHeight;
+      const newMaxHeight = screenHeight < DEFAULT_MAX_HEIGHT + DIALOG_MARGIN ? screenHeight - DIALOG_MARGIN : DEFAULT_MAX_HEIGHT;
+      setMaxDialogHeight(newMaxHeight);
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
   }, []);
+  const measureHeights = () => {
+    const titleHeight = titleRef.current?.clientHeight || 0;
+    const headerHeight = headerRef.current?.clientHeight || 0;
+    const footerHeight2 = footerRef.current?.clientHeight || 0;
+    const contentHeight = maxDialogHeight - titleHeight - headerHeight - footerHeight2 - TITLE_MARGIN;
+    setBodyHeight(contentHeight);
+    const scrollHeight = bodyRef.current?.scrollHeight || 0;
+    setHasScrollBar(scrollHeight > contentHeight);
+  };
   useEffect6(() => {
-    if (!header) {
-      return;
-    }
-    setDialogBodyMaxHeight();
-  }, [header]);
-  useEffect6(() => {
-    if (!body) {
-      return;
-    }
-    const bodyScrollBarHeight = document.querySelector("#dialog-body")?.scrollHeight || 0;
-    setHasScrollBar(bodyScrollBarHeight > bodyHeight);
-  }, [body]);
-  useEffect6(() => {
-    if (!isOpen) {
-      setBodyHeight(0);
+    if (isOpen) {
+      requestAnimationFrame(measureHeights);
     }
-  }, [isOpen]);
-  useEffect6(() => {
-    if (!screenHeight) {
-      return;
+  }, [isOpen, header, footer, title, maxDialogHeight]);
+  return /* @__PURE__ */ jsx100(Dialog4, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ jsx100(
+    Fade,
+    {
+      in: isOpen,
+      onEntered: () => {
+        requestAnimationFrame(measureHeights);
+      },
+      children: /* @__PURE__ */ jsxs66(Paper6, { className: classes.wrapper, children: [
+        header ? /* @__PURE__ */ jsx100("div", { className: classes.header, id: "dialog-header", children: header }) : null,
+        /* @__PURE__ */ jsxs66("div", { className: classes.body, children: [
+          /* @__PURE__ */ jsx100(
+            Typography22,
+            {
+              className: classes.title,
+              id: "dialog-title",
+              variant: "h6",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx100(
+            "div",
+            {
+              className: cx(classes.scrollableContainer, {
+                [classes.smallContainer]: !hasScrollBar
+              }),
+              id: "dialog-body",
+              style: {
+                maxHeight: bodyHeight
+              },
+              children: body
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx100(Divider5, {}),
+        footer ? /* @__PURE__ */ jsx100(
+          Box23,
+          {
+            className: classes.footer,
+            id: "dialog-footer",
+            sx: {
+              display: "flex",
+              justifyContent: "center"
+            },
+            children: footer
+          }
+        ) : null
+      ] })
     }
-    const dialogMargin = 65;
-    const defaultDialogMaxHeight = 728;
-    const necessaryHeight = defaultDialogMaxHeight + dialogMargin;
-    setMaxDialogHeight(
-      screenHeight < necessaryHeight ? screenHeight - dialogMargin : defaultDialogMaxHeight
-    );
-  }, [screenHeight]);
-  useEffect6(() => {
-    if (isOpen && maxDialogHeight) {
-      setDialogBodyMaxHeight();
-    }
-  }, [isOpen, maxDialogHeight, header]);
-  return /* @__PURE__ */ jsx100(Dialog4, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ jsx100(Fade, { in: isOpen, children: /* @__PURE__ */ jsxs66(Paper6, { className: classes.wrapper, children: [
-    header ? /* @__PURE__ */ jsx100("div", { className: classes.header, id: "dialog-header", children: header }) : null,
-    /* @__PURE__ */ jsxs66("div", { className: classes.body, children: [
-      /* @__PURE__ */ jsx100(
-        Typography22,
-        {
-          className: classes.title,
-          id: "dialog-title",
-          variant: "h6",
-          children: title
-        }
-      ),
-      /* @__PURE__ */ jsx100(
-        "div",
-        {
-          className: cx(classes.scrollableContainer, {
-            [classes.smallContainer]: !hasScrollBar
-          }),
-          id: "dialog-body",
-          style: {
-            maxHeight: bodyHeight
-          },
-          children: body
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx100(Divider5, {}),
-    footer ? /* @__PURE__ */ jsx100(
-      Box23,
-      {
-        className: classes.footer,
-        id: "dialog-footer",
-        sx: {
-          display: "flex",
-          justifyContent: "center"
-        },
-        children: footer
-      }
-    ) : null
-  ] }) }) });
+  ) });
 };
 var ScrollableDialog_default = ScrollableDialog;
 
@@ -6420,7 +6405,7 @@ import { makeStyles as makeStyles38 } from "tss-react/mui";
 
 // src/components/SearchWithFilters/SearchWithFilters.tsx
 import { useState as useState12, useEffect as useEffect7 } from "react";
-import * as React2 from "react";
+import * as React3 from "react";
 import {
   ArrowDropDown as ArrowDropDownIcon,
   ArrowDropUp as ArrowDropUpIcon,
@@ -6517,7 +6502,7 @@ var SearchWithFilters = ({
     )
   ] });
 };
-var SearchWithFilters_default = React2.memo(SearchWithFilters);
+var SearchWithFilters_default = React3.memo(SearchWithFilters);
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
 import { jsx as jsx102, jsxs as jsxs68 } from "react/jsx-runtime";
@@ -6580,7 +6565,7 @@ var SearchAndFilterHeader = ({
 var SearchAndFilterHeader_default = SearchAndFilterHeader;
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import { Box as Box26 } from "@mui/material";
 import { makeStyles as makeStyles40 } from "tss-react/mui";
 
@@ -6764,7 +6749,7 @@ var SearchAndFilterHeaderForTable = (props) => {
     /* @__PURE__ */ jsx104(Box26, { children: button })
   ] });
 };
-var SearchAndFilterHeaderForTable_default = React3.memo(SearchAndFilterHeaderForTable);
+var SearchAndFilterHeaderForTable_default = React4.memo(SearchAndFilterHeaderForTable);
 
 // src/components/SectionName/SectionName.tsx
 import { History as History2, Info as InfoIcon } from "@mui/icons-material";
@@ -7087,221 +7072,14 @@ var LabelledSwitch = withStyles6(LSwitch, (theme) => ({
 }));
 var Switch_default = memo20(LabelledSwitch);
 
-// src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
-import React4, { useState as useState15 } from "react";
-import { FilterList } from "@mui/icons-material";
-import {
-  Box as Box28,
-  Checkbox as Checkbox4,
-  Chip as Chip2,
-  Divider as Divider9,
-  FormControl as FormControl5,
-  FormControlLabel as FormControlLabel3,
-  FormHelperText as FormHelperText4,
-  IconButton as IconButton3,
-  Menu as Menu4
-} from "@mui/material";
-import classNames3 from "classnames";
-import { makeStyles as makeStyles44 } from "tss-react/mui";
-import { Fragment as Fragment12, jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
-var useStyles44 = makeStyles44()((theme) => ({
-  filterMenu: {
-    display: "flex",
-    flexDirection: "column",
-    gap: theme.spacing(0.5)
-  },
-  filterCheckboxDropdown: {
-    display: "flex",
-    flexDirection: "column",
-    padding: theme.spacing(0, 3)
-  },
-  applyFilterButtonsContainer: {
-    display: "flex",
-    padding: theme.spacing(0, 1)
-  }
-}));
-var resolveFilterOption = (filterOption) => {
-  if (typeof filterOption === "object") {
-    return filterOption?.label || filterOption?.name || "";
-  }
-  return filterOption;
-};
-var findFilterIndex = (filters, filterOption) => filters.findIndex((item) => {
-  if (typeof item === "string" && typeof filterOption === "string") {
-    return item === filterOption;
-  }
-  if (typeof item === "object" && typeof filterOption === "object") {
-    return item.id === filterOption.id;
-  }
-  return false;
-});
-var SmartTableHeaderFilterMenu = ({
-  headCell,
-  hasActiveFilters,
-  headerFilters,
-  onApplyFilters
-}) => {
-  const { classes } = useStyles44();
-  const [anchorEl, setAnchorEl] = useState15(null);
-  const [shouldSave, setShouldSave] = useState15(false);
-  const [selectedFilters, setSelectedFilters] = useState15(
-    headerFilters[headCell.id] ?? []
-  );
-  const handleFilterMenuOpen = (event) => {
-    if (!headCell.filterOptionsQuery?.data?.length) {
-      headCell.filterOptionsQuery?.refetch();
-    }
-    setAnchorEl(event.currentTarget);
-  };
-  const handleFilterMenuClose = () => {
-    setSelectedFilters(headerFilters[headCell.id]);
-    setAnchorEl(null);
-    setShouldSave(false);
-  };
-  const handleFilterOptionClick = (option) => {
-    const selectedIndex = findFilterIndex(selectedFilters, option);
-    let newSelected;
-    if (selectedIndex === -1) {
-      if (typeof option === "string") {
-        newSelected = [...selectedFilters, option];
-      } else {
-        newSelected = [...selectedFilters, option];
-      }
-    } else {
-      newSelected = selectedFilters.filter(
-        (_, index) => index !== selectedIndex
-      );
-    }
-    setSelectedFilters(newSelected);
-  };
-  return /* @__PURE__ */ jsxs74(Fragment12, { children: [
-    /* @__PURE__ */ jsx109(
-      IconButton3,
-      {
-        disableRipple: true,
-        onClick: handleFilterMenuOpen,
-        "data-testid": "filter-menu-button",
-        style: { padding: 0 },
-        className: classNames3("filter-menu-trigger", {
-          "has-active-filters": hasActiveFilters
-        }),
-        children: hasActiveFilters ? /* @__PURE__ */ jsx109(
-          Chip2,
-          {
-            sx: { height: 24 },
-            label: headerFilters[headCell.id]?.length,
-            icon: /* @__PURE__ */ jsx109(FilterList, { style: { fontSize: 18 }, color: "primary" })
-          }
-        ) : /* @__PURE__ */ jsx109(FilterList, { style: { fontSize: 18 } })
-      }
-    ),
-    /* @__PURE__ */ jsx109(
-      Menu4,
-      {
-        open: !!anchorEl,
-        onClose: handleFilterMenuClose,
-        anchorEl,
-        "data-testid": "filter-menu",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        children: /* @__PURE__ */ jsxs74(Box28, { className: classes.filterMenu, children: [
-          headCell.filterOptionsQuery?.data?.map(
-            (option) => {
-              const resolvedOption = resolveFilterOption(option);
-              return /* @__PURE__ */ jsx109(
-                FormControl5,
-                {
-                  className: classes.filterCheckboxDropdown,
-                  children: /* @__PURE__ */ jsx109(
-                    FormControlLabel3,
-                    {
-                      label: resolvedOption,
-                      control: /* @__PURE__ */ jsx109(
-                        Checkbox4,
-                        {
-                          disableRipple: true,
-                          onChange: () => handleFilterOptionClick(option),
-                          checked: selectedFilters?.some(
-                            (value) => resolveFilterOption(value) === resolvedOption
-                          ) ?? false
-                        }
-                      )
-                    }
-                  )
-                },
-                resolvedOption
-              );
-            }
-          ),
-          /* @__PURE__ */ jsx109(Divider9, {}),
-          /* @__PURE__ */ jsxs74(FormControl5, { className: classes.filterCheckboxDropdown, children: [
-            /* @__PURE__ */ jsx109(
-              FormControlLabel3,
-              {
-                label: "Save Filters",
-                control: /* @__PURE__ */ jsx109(
-                  Checkbox4,
-                  {
-                    disableRipple: true,
-                    checked: shouldSave,
-                    onChange: (e) => setShouldSave(e.target.checked)
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx109(FormHelperText4, { sx: { margin: 0 }, children: "Filters auto-apply on return." })
-          ] }),
-          /* @__PURE__ */ jsx109(Divider9, {}),
-          /* @__PURE__ */ jsxs74(Box28, { className: classes.applyFilterButtonsContainer, children: [
-            /* @__PURE__ */ jsx109(
-              ExtendedButton_default,
-              {
-                buttonType: "button",
-                copy: "Deselect All",
-                variant: "text",
-                onClick: () => setSelectedFilters([])
-              }
-            ),
-            /* @__PURE__ */ jsx109(
-              ExtendedButton_default,
-              {
-                copy: "Apply",
-                color: "primary",
-                buttonType: "submit",
-                onClick: () => {
-                  const updatedFilters = {
-                    ...headerFilters,
-                    [headCell.id]: [...selectedFilters]
-                  };
-                  onApplyFilters?.(updatedFilters, shouldSave);
-                  setAnchorEl(null);
-                  setShouldSave(false);
-                }
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-};
-var SmartTableHeaderFilterMenu_default = React4.memo(SmartTableHeaderFilterMenu);
-
-// src/components/SmartTableHeader/SmartTableHeader.tsx
+// src/components/Table/SmartTableHeader.tsx
 import { memo as memo21 } from "react";
-import {
-  Checkbox as Checkbox5,
-  TableCell,
-  TableHead,
-  TableRow,
-  TableSortLabel
-} from "@mui/material";
-import { makeStyles as makeStyles45 } from "tss-react/mui";
-import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
-var useStyles45 = makeStyles45()((theme) => ({
+import { TableCell, TableHead, TableRow, TableSortLabel } from "@mui/material";
+import { makeStyles as makeStyles44 } from "tss-react/mui";
+import { jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
+var useStyles44 = makeStyles44()(() => ({
   root: {
     backgroundColor: colors.neutral100,
-    height: theme.spacing(6),
     "& .MuiTableSortLabel-root": {
       fontWeight: 600,
       fontSize: ".875rem"
@@ -7318,109 +7096,49 @@ var useStyles45 = makeStyles45()((theme) => ({
     top: 20,
     width: 1
   },
-  tableHeaderContent: {
+  containerTh: {
     borderBottom: "1px solid",
     borderBottomColor: colors.neutral250,
-    whiteSpace: "nowrap",
-    "& .filter-menu-trigger": {
-      visibility: "hidden",
-      opacity: 0,
-      transition: "visibility 0.1s, opacity 0.1s ease-in"
-    },
-    "&:hover .filter-menu-trigger, & .filter-menu-trigger.has-active-filters": {
-      visibility: "visible",
-      opacity: 1
-    },
-    "&:hover .MuiTableSortLabel-root": {
-      "& .MuiTableSortLabel-icon": {
-        opacity: 1
-      }
-    }
-  },
-  filterMenu: {
-    display: "flex",
-    flexDirection: "column",
-    gap: theme.spacing(0.5)
-  },
-  filterCheckboxDropdown: {
-    display: "flex",
-    flexDirection: "column",
-    padding: theme.spacing(0, 3)
-  },
-  applyFilterButtonsContainer: {
-    display: "flex",
-    padding: theme.spacing(0, 1)
+    backgroundColor: colors.neutral100,
+    outline: "1px solid",
+    outlineColor: colors.neutral100
   }
 }));
-var SmartTableHeader = ({
-  order,
-  orderBy,
-  headCells,
-  numSelected,
-  numRows,
-  enableCheckboxSelection = false,
-  headerFilters,
-  onRequestSort,
-  onSelectAllClick,
-  onApplyFilters
-}) => {
-  const { classes } = useStyles45();
+var SmartTableHeader = (props) => {
+  const { classes } = useStyles44();
+  const { order, orderBy, onRequestSort } = props;
   const createSortHandler = (property) => (event) => {
-    onRequestSort(event, property);
+    onRequestSort?.(event, property);
   };
-  const isSortActive = (headCellId) => orderBy === headCellId;
-  return /* @__PURE__ */ jsx110(TableHead, { className: classes.root, children: /* @__PURE__ */ jsxs75(TableRow, { children: [
-    enableCheckboxSelection ? /* @__PURE__ */ jsx110(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx110(
-      Checkbox5,
-      {
-        color: "primary",
-        indeterminate: numSelected > 0 && numSelected < numRows,
-        checked: numRows > 0 && numSelected === numRows,
-        onChange: onSelectAllClick
-      }
-    ) }) : null,
-    headCells.map((headCell) => /* @__PURE__ */ jsxs75(
-      TableCell,
-      {
-        className: classes.tableHeaderContent,
-        align: "left",
-        sortDirection: orderBy === headCell.id ? order : false,
-        children: [
-          /* @__PURE__ */ jsxs75(
-            TableSortLabel,
-            {
-              "data-testid": "table-sort-label",
-              active: isSortActive(headCell.id),
-              direction: orderBy === headCell.id ? order : "asc",
-              onClick: createSortHandler(headCell.id),
-              children: [
-                headCell.renderHeader ?? headCell.label,
-                orderBy === headCell.id ? /* @__PURE__ */ jsx110("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
-              ]
-            }
-          ),
-          headCell.filterOptionsQuery ? /* @__PURE__ */ jsx110(
-            SmartTableHeaderFilterMenu_default,
-            {
-              headCell,
-              headerFilters,
-              hasActiveFilters: !!headerFilters[headCell.id]?.length,
-              onApplyFilters
-            }
-          ) : null
-        ]
-      },
-      headCell.id
-    ))
-  ] }) });
+  return /* @__PURE__ */ jsx109(TableHead, { className: classes.root, children: /* @__PURE__ */ jsx109(TableRow, { children: props.headCells.map((headCell) => /* @__PURE__ */ jsx109(
+    TableCell,
+    {
+      className: classes.containerTh,
+      align: "left",
+      sortDirection: orderBy === headCell.id ? order : false,
+      children: /* @__PURE__ */ jsxs74(
+        TableSortLabel,
+        {
+          active: orderBy === headCell.id,
+          direction: orderBy === headCell.id ? order : "asc",
+          onClick: createSortHandler(headCell.id),
+          children: [
+            headCell.label,
+            orderBy === headCell.id ? /* @__PURE__ */ jsx109("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
+          ]
+        }
+      )
+    },
+    headCell.id
+  )) }) });
 };
 var SmartTableHeader_default = memo21(SmartTableHeader);
 
 // src/components/Table/Table.tsx
 var import_debounce = __toESM(require_debounce(), 1);
-import { useLayoutEffect, useState as useState16 } from "react";
+import { useLayoutEffect, useState as useState15 } from "react";
 import {
-  Box as Box30,
+  Box as Box29,
   Paper as Paper10,
   Table as MUITable,
   TableBody,
@@ -7430,28 +7148,9 @@ import {
   TableRow as TableRow2,
   TableSortLabel as TableSortLabel2
 } from "@mui/material";
-import { makeStyles as makeStyles46 } from "tss-react/mui";
+import { makeStyles as makeStyles45 } from "tss-react/mui";
 import { v4 as uuidv4 } from "uuid";
 
-// src/components/TableLoading/TableLoading.tsx
-import { Box as Box29, Skeleton as Skeleton2 } from "@mui/material";
-import { jsx as jsx111 } from "react/jsx-runtime";
-var TableLoading = ({
-  rowsPerPage,
-  rowHeight
-}) => /* @__PURE__ */ jsx111(Box29, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx111(
-  Skeleton2,
-  {
-    animation: "pulse",
-    "data-testid": "table-loading-skeleton",
-    style: { margin: "8px", opacity: 0.4 },
-    variant: "rectangular",
-    height: rowHeight
-  },
-  index
-)) });
-var TableLoading_default = TableLoading;
-
 // src/components/Table/helpers.tsx
 function stableSort(array, cmp) {
   const stabilizedThis = array.map((el, index) => [el, index]);
@@ -7487,9 +7186,24 @@ function calculateRowsPerPage(rowHeight) {
   return 1;
 }
 
+// src/components/Table/TableLoading.tsx
+import { Box as Box28, Skeleton as Skeleton2 } from "@mui/material";
+import { jsx as jsx110 } from "react/jsx-runtime";
+var TableLoading = ({ rowsPerPage = 0, rowHeight }) => /* @__PURE__ */ jsx110(Box28, { children: Array.from({ length: rowsPerPage }).map((x, i) => /* @__PURE__ */ jsx110(
+  Skeleton2,
+  {
+    animation: "pulse",
+    style: { margin: "8px", opacity: 0.4 },
+    variant: "rectangular",
+    height: rowHeight
+  },
+  i
+)) });
+var TableLoading_default = TableLoading;
+
 // src/components/Table/Table.tsx
-import { jsx as jsx112, jsxs as jsxs76 } from "react/jsx-runtime";
-var useStyles46 = makeStyles46()(() => ({
+import { jsx as jsx111, jsxs as jsxs75 } from "react/jsx-runtime";
+var useStyles45 = makeStyles45()(() => ({
   root: {
     height: "calc(100vh - 262px)",
     overflow: "scroll"
@@ -7523,12 +7237,12 @@ var Table = ({
   serverRendered,
   updateSort
 }) => {
-  const [order, setOrder] = useState16(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = useState16(
+  const [order, setOrder] = useState15(appliedFilters?.sortDir || "desc");
+  const [orderBy, setOrderBy] = useState15(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [rowsPerPage, setRowsPerPage] = useState16(defaultRowsPerPage);
-  const { classes } = useStyles46();
+  const [rowsPerPage, setRowsPerPage] = useState15(defaultRowsPerPage);
+  const { classes } = useStyles45();
   const rowHeight = 56;
   const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
   const handleRequestSort = (event, property) => {
@@ -7566,24 +7280,24 @@ var Table = ({
     );
     const rowsComponents = rows.map((row) => {
       if (RenderItem) {
-        return /* @__PURE__ */ jsx112(RenderItem, { ...row }, row.id);
+        return /* @__PURE__ */ jsx111(RenderItem, { ...row }, row.id);
       }
-      return /* @__PURE__ */ jsx112(TableRow2, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx112(TableCell2, { children: row[column.id] }, column.id)) }, row.id);
+      return /* @__PURE__ */ jsx111(TableRow2, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx111(TableCell2, { children: row[column.id] }, column.id)) }, row.id);
     });
     if (emptyRows > 0 && rowsPerPage > emptyRows) {
       rowsComponents.push(
-        /* @__PURE__ */ jsx112(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx112(TableCell2, { colSpan: 8 }) }, uuidv4())
+        /* @__PURE__ */ jsx111(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx111(TableCell2, { colSpan: 8 }) }, uuidv4())
       );
     }
     return rowsComponents;
   };
-  return /* @__PURE__ */ jsx112(Paper10, { className: classes.root, children: /* @__PURE__ */ jsx112(Box30, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx112(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx112(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs76(MUITable, { size: "medium", stickyHeader: true, children: [
-    /* @__PURE__ */ jsx112(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx112(TableRow2, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx111(Paper10, { className: classes.root, children: /* @__PURE__ */ jsx111(Box29, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx111(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx111(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs75(MUITable, { size: "medium", stickyHeader: true, children: [
+    /* @__PURE__ */ jsx111(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx111(TableRow2, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx111(
       TableCell2,
       {
         align: "left",
         sortDirection: orderBy === headCell.id ? order : void 0,
-        children: /* @__PURE__ */ jsx112(
+        children: /* @__PURE__ */ jsx111(
           TableSortLabel2,
           {
             active: orderBy === headCell.id,
@@ -7595,20 +7309,16 @@ var Table = ({
       },
       headCell.id
     )) }) }),
-    /* @__PURE__ */ jsxs76(TableBody, { children: [
+    /* @__PURE__ */ jsxs75(TableBody, { children: [
       getTableRows(),
-      rowsPerPage === emptyRows && /* @__PURE__ */ jsx112(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx112(TableCell2, { colSpan: 8, align: "center", children: "Nothing to display" }) })
+      rowsPerPage === emptyRows && /* @__PURE__ */ jsx111(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx111(TableCell2, { colSpan: 8, align: "center", children: "Nothing to display" }) })
     ] })
   ] }) }) }) });
 };
 var Table_default = Table;
 
-// src/components/TableDesktop/TableDesktop.tsx
-import {
-  useCallback as useCallback2,
-  useMemo as useMemo2,
-  useState as useState17
-} from "react";
+// src/components/Table/TableDesktop.tsx
+import { useState as useState16 } from "react";
 import {
   Paper as Paper11,
   Table as Table2,
@@ -7616,50 +7326,41 @@ import {
   TableContainer as TableContainer2,
   Skeleton as Skeleton3
 } from "@mui/material";
-import { makeStyles as makeStyles48 } from "tss-react/mui";
+import { makeStyles as makeStyles47 } from "tss-react/mui";
 import { v4 as uuidv42 } from "uuid";
 
-// src/components/TableEmptyResult/TableEmptyResult.tsx
+// src/components/Table/TableEmptyResult.tsx
 import { TableCell as TableCell3, TableRow as TableRow3, Typography as Typography25 } from "@mui/material";
-import { makeStyles as makeStyles47 } from "tss-react/mui";
-import { jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
-var useStyles47 = makeStyles47()(() => ({
+import { makeStyles as makeStyles46 } from "tss-react/mui";
+import { jsx as jsx112, jsxs as jsxs76 } from "react/jsx-runtime";
+var useStyles46 = makeStyles46()(() => ({
   tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
   tableCellDefault: { padding: 24 }
 }));
 var TableEmptyResult = ({
-  colSpan,
   showClearFilterButton = false,
   handleClickOnClearFiltersButton = () => {
   }
 }) => {
-  const { classes } = useStyles47();
-  return showClearFilterButton ? /* @__PURE__ */ jsx113(TableRow3, { children: /* @__PURE__ */ jsxs77(
-    TableCell3,
-    {
-      className: classes.tableCellIcon,
-      colSpan,
-      align: "center",
-      children: [
-        /* @__PURE__ */ jsx113(EmptyGlassIcon_default, {}),
-        /* @__PURE__ */ jsx113(Typography25, { variant: "h6", children: "No results found." }),
-        /* @__PURE__ */ jsx113(Typography25, { variant: "subtitle1", children: "Search without applied filters?" }),
-        /* @__PURE__ */ jsx113(
-          FilledButton_default,
-          {
-            copy: "Search",
-            variant: "contained",
-            color: "primary",
-            onClick: handleClickOnClearFiltersButton
-          }
-        )
-      ]
-    }
-  ) }) : /* @__PURE__ */ jsx113(TableRow3, { children: /* @__PURE__ */ jsx113(
+  const { classes } = useStyles46();
+  return showClearFilterButton ? /* @__PURE__ */ jsx112(TableRow3, { children: /* @__PURE__ */ jsxs76(TableCell3, { className: classes.tableCellIcon, colSpan: 8, align: "center", children: [
+    /* @__PURE__ */ jsx112(EmptyGlassIcon_default, {}),
+    /* @__PURE__ */ jsx112(Typography25, { variant: "h6", children: "No results found." }),
+    /* @__PURE__ */ jsx112(Typography25, { variant: "subtitle1", children: "Search without applied filters?" }),
+    /* @__PURE__ */ jsx112(
+      FilledButton_default,
+      {
+        copy: "Search",
+        variant: "contained",
+        color: "primary",
+        onClick: handleClickOnClearFiltersButton
+      }
+    )
+  ] }) }) : /* @__PURE__ */ jsx112(TableRow3, { children: /* @__PURE__ */ jsx112(
     TableCell3,
     {
       className: classes.tableCellDefault,
-      colSpan,
+      colSpan: 8,
       align: "center",
       children: "Nothing to display"
     }
@@ -7667,9 +7368,9 @@ var TableEmptyResult = ({
 };
 var TableEmptyResult_default = TableEmptyResult;
 
-// src/components/TableDesktop/TableDesktop.tsx
-import { Fragment as Fragment13, jsx as jsx114, jsxs as jsxs78 } from "react/jsx-runtime";
-var useStyles48 = makeStyles48()((theme) => ({
+// src/components/Table/TableDesktop.tsx
+import { Fragment as Fragment12, jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
+var useStyles47 = makeStyles47()(() => ({
   root: {
     justifyContent: "space-between",
     display: "flex",
@@ -7682,202 +7383,97 @@ var useStyles48 = makeStyles48()((theme) => ({
     justifyContent: "space-between"
   },
   container: {
-    maxHeight: "100%",
-    "&::-webkit-scrollbar": {
-      width: "8px",
-      height: "8px"
-    },
-    "&::-webkit-scrollbar-track": {
-      backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[800] : theme.palette.grey[100]
-    },
-    "&::-webkit-scrollbar-thumb": {
-      backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[900] : theme.palette.grey[400],
-      borderRadius: "10px"
-    },
-    "&::-webkit-scrollbar-thumb:hover": {
-      backgroundColor: theme.palette.mode === "dark" ? theme.palette.common.black : theme.palette.grey[500]
-    }
+    maxHeight: "100%"
   }
 }));
-var descendingComparator2 = (a, b, orderBy) => {
-  const objA = a[orderBy];
-  const objB = b[orderBy];
-  const valA = typeof objA === "object" ? objA?.name : objA;
-  const valB = typeof objB === "object" ? objB?.name : objB;
-  if (!valA && !valB) {
-    return 0;
-  }
-  if (valA && !valB) {
-    return -1;
-  }
-  if (!valA && valB) {
-    return 1;
-  }
-  if (valA > valB) {
+var desc = (a, b, orderBy) => {
+  if (b[orderBy] < a[orderBy]) {
     return -1;
   }
-  if (valA < valB) {
+  if (b[orderBy] > a[orderBy]) {
     return 1;
   }
   return 0;
 };
-var stableSort2 = (array, cmp) => array.map((el, index) => ({ el, index })).sort((a, b) => {
-  const order = cmp(a.el, b.el);
-  return order !== 0 ? order : a.index - b.index;
-}).map((el) => el.el);
-var getComparator = (order, orderBy) => order === "desc" ? (a, b) => descendingComparator2(a, b, orderBy) : (a, b) => -descendingComparator2(a, b, orderBy);
+var stableSort2 = (array, cmp) => array.map((el, index) => [el, index]).sort((a, b) => {
+  const order = cmp(a[0], b[0]);
+  return order !== 0 ? order : a[1] - b[1];
+}).map((el) => el[0]);
+var getSorting2 = (order, orderBy) => order === "desc" ? (a, b) => desc(a, b, orderBy) : (a, b) => -desc(a, b, orderBy);
 var TableDesktop = ({
-  data,
-  headCells,
-  RenderItem,
   appliedFilters,
-  headerFilters,
   children,
+  data,
+  headCells,
   height,
   isLoading,
-  rowsPerPage = 50,
-  enableCheckboxSelection = false,
-  disableInternalSort = false,
+  RenderItem,
+  rowsPerPage,
   updateSort,
   showClearFilterButton,
   handleClickOnClearFiltersButton,
   deleteItem,
-  keyField = "id",
-  onApplyFilters
+  keyField
 }) => {
-  const [order, setOrder] = useState17(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = useState17(
+  const [order, setOrder] = useState16(
+    appliedFilters?.sortDir || "desc"
+  );
+  const [orderBy, setOrderBy] = useState16(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [selected, setSelected] = useState17([]);
-  const [page] = useState17(0);
-  const { classes } = useStyles48();
+  const [page] = useState16(0);
+  const { classes } = useStyles47();
   const rowHeight = 56;
-  const emptyRows = useMemo2(
-    () => rowsPerPage - data.length,
-    [rowsPerPage, data]
-  );
-  const visibleHeadCells = useMemo2(
-    () => headCells.filter((headCell) => headCell?.enabled ?? true),
-    [headCells]
-  );
-  const handleSelectAllClick = useCallback2(
-    (event) => {
-      if (event.target.checked) {
-        const newSelected = data.map((n) => n[keyField]);
-        setSelected(newSelected);
-        return;
-      }
-      setSelected([]);
-    },
-    [data, keyField]
-  );
   const handleRequestSort = (event, property) => {
     const isAsc = orderBy === property && order === "asc";
     const orderDir = isAsc ? "desc" : "asc";
     setOrder(orderDir);
     setOrderBy(property);
-    if (updateSort) {
-      updateSort(property, orderDir);
-    }
+    updateSort(property, orderDir);
   };
-  const handleRowCheckboxClick = useCallback2(
-    (event, keyFieldValue) => {
-      const selectedIndex = selected.indexOf(keyFieldValue);
-      let newSelected = [];
-      if (selectedIndex === -1) {
-        newSelected = newSelected.concat(selected, keyFieldValue);
-      } else if (selectedIndex === 0) {
-        newSelected = newSelected.concat(selected.slice(1));
-      } else if (selectedIndex === selected.length - 1) {
-        newSelected = newSelected.concat(selected.slice(0, -1));
-      } else if (selectedIndex > 0) {
-        newSelected = newSelected.concat(
-          selected.slice(0, selectedIndex),
-          selected.slice(selectedIndex + 1)
-        );
-      }
-      setSelected(newSelected);
-    },
-    [selected]
-  );
-  const renderTableRows = useMemo2(() => {
-    const sortedData = disableInternalSort ? data : stableSort2(data, getComparator(order, orderBy));
-    return sortedData.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((row, index) => {
-      const isItemSelected = selected.includes(row[keyField]);
-      return /* @__PURE__ */ jsx114(
-        RenderItem,
-        {
-          ...{
-            ...row,
-            index,
-            deleteItem,
-            isItemSelected,
-            enableCheckboxSelection,
-            keyFieldValue: row[keyField],
-            handleRowCheckboxClick,
-            visibleHeadCells
-          }
-        },
-        row[keyField] ?? index
-      );
-    });
-  }, [
-    data,
-    order,
-    orderBy,
-    page,
-    rowsPerPage,
-    selected,
-    enableCheckboxSelection,
-    disableInternalSort,
-    deleteItem,
-    keyField,
-    handleRowCheckboxClick,
-    visibleHeadCells,
-    RenderItem
-  ]);
-  return /* @__PURE__ */ jsx114("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsx114(Paper11, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx114(Fragment13, { children: [...Array(Math.floor(rowsPerPage ?? 50))].map(() => /* @__PURE__ */ jsx114(
+  const emptyRows = rowsPerPage - data.length;
+  return /* @__PURE__ */ jsx113("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsx113(Paper11, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx113("div", { children: [...Array(Math.floor(rowsPerPage))].map(() => /* @__PURE__ */ jsx113(
     Skeleton3,
     {
       animation: "pulse",
       style: { margin: "8px", opacity: 0.4 },
       variant: "rectangular",
-      height: rowHeight,
-      "data-testid": "loading-skeleton"
+      height: rowHeight
     },
-    uuidv42()
-  )) }) : /* @__PURE__ */ jsxs78(Fragment13, { children: [
-    /* @__PURE__ */ jsx114(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs78(
+    Math.random()
+  )) }) : /* @__PURE__ */ jsxs77(Fragment12, { children: [
+    /* @__PURE__ */ jsx113(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs77(
       Table2,
       {
         "aria-labelledby": "tableTitle",
         "aria-label": "sticky table",
         stickyHeader: true,
         children: [
-          /* @__PURE__ */ jsx114(
+          /* @__PURE__ */ jsx113(
             SmartTableHeader_default,
             {
-              headCells: visibleHeadCells,
+              headCells,
               order,
               orderBy,
-              numSelected: selected.length,
-              numRows: data.length,
-              enableCheckboxSelection,
-              headerFilters: headerFilters ?? {},
-              onRequestSort: handleRequestSort,
-              onSelectAllClick: handleSelectAllClick,
-              onApplyFilters
+              onRequestSort: handleRequestSort
             }
           ),
-          /* @__PURE__ */ jsx114(TableBody2, { children: rowsPerPage !== emptyRows ? renderTableRows : /* @__PURE__ */ jsx114(
-            TableEmptyResult_default,
-            {
-              colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
-              showClearFilterButton,
-              handleClickOnClearFiltersButton
-            }
-          ) })
+          /* @__PURE__ */ jsxs77(TableBody2, { children: [
+            stableSort2(data, getSorting2(order, orderBy)).slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((item, index) => /* @__PURE__ */ jsx113(
+              RenderItem,
+              {
+                ...{ ...item, index, deleteItem }
+              },
+              item[keyField] || uuidv42()
+            )),
+            rowsPerPage === emptyRows && /* @__PURE__ */ jsx113(
+              TableEmptyResult_default,
+              {
+                showClearFilterButton,
+                handleClickOnClearFiltersButton
+              }
+            )
+          ] })
         ]
       }
     ) }),
@@ -7887,12 +7483,12 @@ var TableDesktop = ({
 var TableDesktop_default = TableDesktop;
 
 // src/components/TableHeader/TableHeader.tsx
-import { memo as memo22, useEffect as useEffect9, useState as useState18 } from "react";
+import { memo as memo22, useEffect as useEffect9, useState as useState17 } from "react";
 import { ImportExport as ImportExportIcon } from "@mui/icons-material";
 import { TableCell as TableCell4, TableHead as TableHead3, TableRow as TableRow4, TableSortLabel as TableSortLabel3 } from "@mui/material";
-import { makeStyles as makeStyles49 } from "tss-react/mui";
-import { jsx as jsx115 } from "react/jsx-runtime";
-var useStyles49 = makeStyles49()(() => ({
+import { makeStyles as makeStyles48 } from "tss-react/mui";
+import { jsx as jsx114 } from "react/jsx-runtime";
+var useStyles48 = makeStyles48()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
       opacity: 1
@@ -7900,8 +7496,8 @@ var useStyles49 = makeStyles49()(() => ({
   }
 }));
 var TableHeader = ({ cells, onSort = null }) => {
-  const [sortableCells, setSortableCells] = useState18([]);
-  const { classes } = useStyles49();
+  const [sortableCells, setSortableCells] = useState17([]);
+  const { classes } = useStyles48();
   useEffect9(() => {
     setSortableCells(cells);
   }, []);
@@ -7936,7 +7532,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     });
     setSortableCells(sortedCells);
   };
-  return /* @__PURE__ */ jsx115(TableHead3, { children: /* @__PURE__ */ jsx115(TableRow4, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx115(TableCell4, { children: cell.isSortable ? /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx114(TableHead3, { children: /* @__PURE__ */ jsx114(TableRow4, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx114(TableCell4, { children: cell.isSortable ? /* @__PURE__ */ jsx114(
     TableSortLabel3,
     {
       className: classes.sortLabel,
@@ -7950,10 +7546,10 @@ var TableHeader = ({ cells, onSort = null }) => {
 var TableHeader_default = memo22(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
-import { Box as Box31, Typography as Typography26, Divider as Divider10, Button as Button13 } from "@mui/material";
-import { makeStyles as makeStyles50 } from "tss-react/mui";
-import { jsx as jsx116, jsxs as jsxs79 } from "react/jsx-runtime";
-var useStyles50 = makeStyles50()(() => ({
+import { Box as Box30, Typography as Typography26, Divider as Divider9, Button as Button13 } from "@mui/material";
+import { makeStyles as makeStyles49 } from "tss-react/mui";
+import { jsx as jsx115, jsxs as jsxs78 } from "react/jsx-runtime";
+var useStyles49 = makeStyles49()(() => ({
   icon: {
     fontSize: 20
   },
@@ -7987,20 +7583,20 @@ var TextDivider = ({
   iconPosition = "left",
   titleWeight = "400"
 }) => {
-  const { classes } = useStyles50();
+  const { classes } = useStyles49();
   const iconColor = color ?? colors.neutral900;
-  return /* @__PURE__ */ jsxs79(
-    Box31,
+  return /* @__PURE__ */ jsxs78(
+    Box30,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       className: classes.container,
       children: [
-        /* @__PURE__ */ jsx116(Divider10, { className: classes.leftDivider }),
-        /* @__PURE__ */ jsx116(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs79(Box31, { className: classes.center, children: [
-          Icon3 && iconPosition === "left" && /* @__PURE__ */ jsx116(Icon3, { className: classes.icon, style: { color: iconColor } }),
-          /* @__PURE__ */ jsx116(
+        /* @__PURE__ */ jsx115(Divider9, { className: classes.leftDivider }),
+        /* @__PURE__ */ jsx115(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs78(Box30, { className: classes.center, children: [
+          Icon3 && iconPosition === "left" && /* @__PURE__ */ jsx115(Icon3, { className: classes.icon, style: { color: iconColor } }),
+          /* @__PURE__ */ jsx115(
             Typography26,
             {
               color: "textSecondary",
@@ -8009,9 +7605,9 @@ var TextDivider = ({
               children: title
             }
           ),
-          Icon3 && iconPosition === "right" && /* @__PURE__ */ jsx116(Icon3, { className: classes.icon, style: { color: iconColor } })
+          Icon3 && iconPosition === "right" && /* @__PURE__ */ jsx115(Icon3, { className: classes.icon, style: { color: iconColor } })
         ] }) }),
-        /* @__PURE__ */ jsx116(Divider10, { className: classes.rightDivider })
+        /* @__PURE__ */ jsx115(Divider9, { className: classes.rightDivider })
       ]
     }
   );
@@ -8020,11 +7616,11 @@ var TextDivider_default = TextDivider;
 
 // src/components/ThemedDateRangePicker/ThemedDateRangePicker.tsx
 import { DateRangePicker } from "react-dates";
-import { makeStyles as makeStyles51 } from "tss-react/mui";
+import { makeStyles as makeStyles50 } from "tss-react/mui";
 import "react-dates/initialize";
 import "react-dates/lib/css/_datepicker.css";
-import { jsx as jsx117 } from "react/jsx-runtime";
-var useStyles51 = makeStyles51()((theme) => ({
+import { jsx as jsx116 } from "react/jsx-runtime";
+var useStyles50 = makeStyles50()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
       backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[900] : colors.neutral100,
@@ -8118,17 +7714,17 @@ var ThemedDateRangePicker = ({
   className,
   ...props
 }) => {
-  const { classes, cx } = useStyles51();
-  return /* @__PURE__ */ jsx117("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx117(DateRangePicker, { ...props }) });
+  const { classes, cx } = useStyles50();
+  return /* @__PURE__ */ jsx116("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx116(DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
 import { memo as memo23 } from "react";
-import { AppBar as AppBar2, Box as Box32, Toolbar as Toolbar2 } from "@mui/material";
-import { makeStyles as makeStyles52 } from "tss-react/mui";
-import { jsx as jsx118, jsxs as jsxs80 } from "react/jsx-runtime";
-var useStyles52 = makeStyles52()((theme) => ({
+import { AppBar as AppBar2, Box as Box31, Toolbar as Toolbar2 } from "@mui/material";
+import { makeStyles as makeStyles51 } from "tss-react/mui";
+import { jsx as jsx117, jsxs as jsxs79 } from "react/jsx-runtime";
+var useStyles51 = makeStyles51()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
   },
@@ -8165,10 +7761,10 @@ var TheToolbar = ({
   handleOpen,
   LeftDrawer: LeftDrawer2
 }) => {
-  const { classes } = useStyles52();
-  return /* @__PURE__ */ jsxs80(Box32, { children: [
-    /* @__PURE__ */ jsx118(AppBar2, { children: /* @__PURE__ */ jsxs80(Toolbar2, { className: classes.topBar, children: [
-      /* @__PURE__ */ jsx118(
+  const { classes } = useStyles51();
+  return /* @__PURE__ */ jsxs79(Box31, { children: [
+    /* @__PURE__ */ jsx117(AppBar2, { children: /* @__PURE__ */ jsxs79(Toolbar2, { className: classes.topBar, children: [
+      /* @__PURE__ */ jsx117(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -8177,7 +7773,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ),
-      /* @__PURE__ */ jsx118(
+      /* @__PURE__ */ jsx117(
         CompanyLogo_default,
         {
           size: "small",
@@ -8187,7 +7783,7 @@ var TheToolbar = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx118(Box32, { className: classes.offset }),
+    /* @__PURE__ */ jsx117(Box31, { className: classes.offset }),
     LeftDrawer2
   ] });
 };
@@ -8195,20 +7791,20 @@ var TheToolbar_default = memo23(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
 import { Alert as MuiAlert, Snackbar } from "@mui/material";
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var ToastMessage = ({
   toastType,
   toastMessage,
   open,
   onClose
-}) => /* @__PURE__ */ jsx119(
+}) => /* @__PURE__ */ jsx118(
   Snackbar,
   {
     open,
     autoHideDuration: 1500,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
-    children: /* @__PURE__ */ jsx119(
+    children: /* @__PURE__ */ jsx118(
       MuiAlert,
       {
         elevation: 6,
@@ -8239,14 +7835,14 @@ import {
   Typography as Typography27,
   Dialog as Dialog5,
   Backdrop,
-  Box as Box33,
-  Divider as Divider11,
+  Box as Box32,
+  Divider as Divider10,
   Paper as Paper12,
   Fade as Fade2
 } from "@mui/material";
-import { makeStyles as makeStyles53 } from "tss-react/mui";
-import { jsx as jsx120, jsxs as jsxs81 } from "react/jsx-runtime";
-var useStyles53 = makeStyles53()((theme) => ({
+import { makeStyles as makeStyles52 } from "tss-react/mui";
+import { jsx as jsx119, jsxs as jsxs80 } from "react/jsx-runtime";
+var useStyles52 = makeStyles52()((theme) => ({
   paper: {
     padding: theme.spacing(2)
   },
@@ -8274,8 +7870,8 @@ var TwoButtonDialog = ({
   cancelLabel = "CANCEL",
   cancelButton
 }) => {
-  const { classes } = useStyles53();
-  return /* @__PURE__ */ jsx120(
+  const { classes } = useStyles52();
+  return /* @__PURE__ */ jsx119(
     Dialog5,
     {
       open,
@@ -8284,13 +7880,11 @@ var TwoButtonDialog = ({
       fullWidth: true,
       closeAfterTransition: true,
       BackdropComponent: Backdrop,
-      BackdropProps: {
-        timeout: 500
-      },
-      children: /* @__PURE__ */ jsx120(Fade2, { in: open, children: /* @__PURE__ */ jsxs81(Paper12, { className: classes.paper, children: [
-        /* @__PURE__ */ jsxs81(Box33, { className: classes.mb, children: [
-          /* @__PURE__ */ jsx120(Typography27, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx120(
-            Box33,
+      BackdropProps: { timeout: 500 },
+      children: /* @__PURE__ */ jsx119(Fade2, { in: open, children: /* @__PURE__ */ jsxs80(Paper12, { className: classes.paper, children: [
+        /* @__PURE__ */ jsxs80(Box32, { className: classes.mb, children: [
+          /* @__PURE__ */ jsx119(Typography27, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx119(
+            Box32,
             {
               sx: {
                 fontWeight: 600
@@ -8298,23 +7892,23 @@ var TwoButtonDialog = ({
               children: title
             }
           ) }),
-          /* @__PURE__ */ jsxs81(
-            Box33,
+          /* @__PURE__ */ jsxs80(
+            Box32,
             {
               className: classes.mt,
               sx: {
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ jsx120(Typography27, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ jsx120(Typography27, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ jsx119(Typography27, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ jsx119(Typography27, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx120(Divider11, {}),
-        /* @__PURE__ */ jsxs81(Box33, { className: classes.buttonContainer, children: [
-          /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsx119(Divider10, {}),
+        /* @__PURE__ */ jsxs80(Box32, { className: classes.buttonContainer, children: [
+          /* @__PURE__ */ jsx119(
             FilledButton_default,
             {
               copy: cancelLabel,
@@ -8327,7 +7921,7 @@ var TwoButtonDialog = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx120(
+          /* @__PURE__ */ jsx119(
             FilledButton_default,
             {
               color: "primary",
@@ -8336,7 +7930,7 @@ var TwoButtonDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx120(Loading_default, { isLoading: dialogLoading })
+        /* @__PURE__ */ jsx119(Loading_default, { isLoading: dialogLoading })
       ] }) })
     }
   );
@@ -8344,10 +7938,10 @@ var TwoButtonDialog = ({
 var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/icons/IconChart.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var SvgIconChart = (props) => {
   const { fill } = props;
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx120(
     "svg",
     {
       width: "20",
@@ -8356,7 +7950,7 @@ var SvgIconChart = (props) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
-      children: /* @__PURE__ */ jsx121(
+      children: /* @__PURE__ */ jsx120(
         "path",
         {
           d: "M2.49967 11.6667L2.91634 11.725L6.72467 7.91667C6.57467 7.375 6.71634 6.75833 7.15801 6.325C7.80801 5.66667 8.85801 5.66667 9.50801 6.325C9.94967 6.75833 10.0913 7.375 9.94134 7.91667L12.083 10.0583L12.4997 10C12.6497 10 12.7913 10 12.9163 10.0583L15.8913 7.08333C15.833 6.95833 15.833 6.81667 15.833 6.66667C15.833 6.22464 16.0086 5.80072 16.3212 5.48816C16.6337 5.17559 17.0576 5 17.4997 5C17.9417 5 18.3656 5.17559 18.6782 5.48816C18.9907 5.80072 19.1663 6.22464 19.1663 6.66667C19.1663 7.10869 18.9907 7.53262 18.6782 7.84518C18.3656 8.15774 17.9417 8.33333 17.4997 8.33333C17.3497 8.33333 17.208 8.33333 17.083 8.275L14.108 11.25C14.1663 11.375 14.1663 11.5167 14.1663 11.6667C14.1663 12.1087 13.9907 12.5326 13.6782 12.8452C13.3656 13.1577 12.9417 13.3333 12.4997 13.3333C12.0576 13.3333 11.6337 13.1577 11.3212 12.8452C11.0086 12.5326 10.833 12.1087 10.833 11.6667L10.8913 11.25L8.74967 9.10833C8.48301 9.16667 8.18301 9.16667 7.91634 9.10833L4.10801 12.9167L4.16634 13.3333C4.16634 13.7754 3.99075 14.1993 3.67819 14.5118C3.36563 14.8244 2.9417 15 2.49967 15C2.05765 15 1.63372 14.8244 1.32116 14.5118C1.0086 14.1993 0.833008 13.7754 0.833008 13.3333C0.833008 12.8913 1.0086 12.4674 1.32116 12.1548C1.63372 11.8423 2.05765 11.6667 2.49967 11.6667Z",
@@ -8427,7 +8021,6 @@ export {
   SectionName_default as SectionName,
   SmartSelect_default as SmartSelect,
   SmartTableHeader_default as SmartTableHeader,
-  SmartTableHeaderFilterMenu_default as SmartTableHeaderFilterMenu,
   SquareButton_default as SquareButton,
   SquareLabel_default as SquareLabel,
   Switch_default as Switch,