@natoora-libs/core 0.1.9-dev-doug-2 → 0.1.10

package/dist/components/index.js

@@ -8,9 +8,9 @@ import {
   __toESM
 } from "../chunk-5WRI5ZAA.js";
 
-// node_modules/lodash/isObject.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js
 var require_isObject = __commonJS({
-  "node_modules/lodash/isObject.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js"(exports, module) {
     function isObject(value) {
       var type = typeof value;
       return value != null && (type == "object" || type == "function");
@@ -19,17 +19,17 @@ var require_isObject = __commonJS({
   }
 });
 
-// node_modules/lodash/_freeGlobal.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_freeGlobal.js
 var require_freeGlobal = __commonJS({
-  "node_modules/lodash/_freeGlobal.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_freeGlobal.js"(exports, module) {
     var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
     module.exports = freeGlobal;
   }
 });
 
-// node_modules/lodash/_root.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_root.js
 var require_root = __commonJS({
-  "node_modules/lodash/_root.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_root.js"(exports, module) {
     var freeGlobal = require_freeGlobal();
     var freeSelf = typeof self == "object" && self && self.Object === Object && self;
     var root = freeGlobal || freeSelf || Function("return this")();
@@ -37,9 +37,9 @@ var require_root = __commonJS({
   }
 });
 
-// node_modules/lodash/now.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/now.js
 var require_now = __commonJS({
-  "node_modules/lodash/now.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/now.js"(exports, module) {
     var root = require_root();
     var now = function() {
       return root.Date.now();
@@ -48,9 +48,9 @@ var require_now = __commonJS({
   }
 });
 
-// node_modules/lodash/_trimmedEndIndex.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_trimmedEndIndex.js
 var require_trimmedEndIndex = __commonJS({
-  "node_modules/lodash/_trimmedEndIndex.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_trimmedEndIndex.js"(exports, module) {
     var reWhitespace = /\s/;
     function trimmedEndIndex(string) {
       var index = string.length;
@@ -62,9 +62,9 @@ var require_trimmedEndIndex = __commonJS({
   }
 });
 
-// node_modules/lodash/_baseTrim.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseTrim.js
 var require_baseTrim = __commonJS({
-  "node_modules/lodash/_baseTrim.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseTrim.js"(exports, module) {
     var trimmedEndIndex = require_trimmedEndIndex();
     var reTrimStart = /^\s+/;
     function baseTrim(string) {
@@ -74,18 +74,18 @@ var require_baseTrim = __commonJS({
   }
 });
 
-// node_modules/lodash/_Symbol.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Symbol.js
 var require_Symbol = __commonJS({
-  "node_modules/lodash/_Symbol.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Symbol.js"(exports, module) {
     var root = require_root();
     var Symbol = root.Symbol;
     module.exports = Symbol;
   }
 });
 
-// node_modules/lodash/_getRawTag.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getRawTag.js
 var require_getRawTag = __commonJS({
-  "node_modules/lodash/_getRawTag.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getRawTag.js"(exports, module) {
     var Symbol = require_Symbol();
     var objectProto = Object.prototype;
     var hasOwnProperty = objectProto.hasOwnProperty;
@@ -112,9 +112,9 @@ var require_getRawTag = __commonJS({
   }
 });
 
-// node_modules/lodash/_objectToString.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_objectToString.js
 var require_objectToString = __commonJS({
-  "node_modules/lodash/_objectToString.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_objectToString.js"(exports, module) {
     var objectProto = Object.prototype;
     var nativeObjectToString = objectProto.toString;
     function objectToString(value) {
@@ -124,9 +124,9 @@ var require_objectToString = __commonJS({
   }
 });
 
-// node_modules/lodash/_baseGetTag.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseGetTag.js
 var require_baseGetTag = __commonJS({
-  "node_modules/lodash/_baseGetTag.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseGetTag.js"(exports, module) {
     var Symbol = require_Symbol();
     var getRawTag = require_getRawTag();
     var objectToString = require_objectToString();
@@ -143,9 +143,9 @@ var require_baseGetTag = __commonJS({
   }
 });
 
-// node_modules/lodash/isObjectLike.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObjectLike.js
 var require_isObjectLike = __commonJS({
-  "node_modules/lodash/isObjectLike.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObjectLike.js"(exports, module) {
     function isObjectLike(value) {
       return value != null && typeof value == "object";
     }
@@ -153,9 +153,9 @@ var require_isObjectLike = __commonJS({
   }
 });
 
-// node_modules/lodash/isSymbol.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isSymbol.js
 var require_isSymbol = __commonJS({
-  "node_modules/lodash/isSymbol.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isSymbol.js"(exports, module) {
     var baseGetTag = require_baseGetTag();
     var isObjectLike = require_isObjectLike();
     var symbolTag = "[object Symbol]";
@@ -166,9 +166,9 @@ var require_isSymbol = __commonJS({
   }
 });
 
-// node_modules/lodash/toNumber.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/toNumber.js
 var require_toNumber = __commonJS({
-  "node_modules/lodash/toNumber.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/toNumber.js"(exports, module) {
     var baseTrim = require_baseTrim();
     var isObject = require_isObject();
     var isSymbol = require_isSymbol();
@@ -199,9 +199,9 @@ var require_toNumber = __commonJS({
   }
 });
 
-// node_modules/lodash/debounce.js
+// ../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js
 var require_debounce = __commonJS({
-  "node_modules/lodash/debounce.js"(exports, module) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js"(exports, module) {
     var isObject = require_isObject();
     var now = require_now();
     var toNumber = require_toNumber();
@@ -5746,8 +5746,6 @@ var useStyles37 = makeStyles37()((theme) => ({
     }
   },
   wrapper: {
-    overflow: "hidden",
-    maxHeight: 728,
     height: "100%",
     backgroundColor: colors.neutral100
   },
@@ -6218,60 +6216,11 @@ var SearchAndFilterHeaderForTable = (props) => {
 };
 var SearchAndFilterHeaderForTable_default = React4.memo(SearchAndFilterHeaderForTable);
 
-// src/components/SearchFieldDebounced/SearchFieldDebounced.tsx
-import { useState as useState13, useRef as useRef4, useEffect as useEffect8 } from "react";
-import { TextField as TextField7, InputAdornment as InputAdornment3, Box as Box26 } from "@mui/material";
-import Search2 from "@mui/icons-material/Search";
-import { jsx as jsx103 } from "react/jsx-runtime";
-var SearchFieldDebounced = ({
-  onSearch,
-  initialValue = "",
-  debounceDelay = 500
-}) => {
-  const [value, setValue] = useState13(initialValue);
-  const debounceRef = useRef4(null);
-  const handleChange = (e) => {
-    setValue(e.target.value);
-    if (debounceRef.current) {
-      clearTimeout(debounceRef.current);
-    }
-    ;
-    debounceRef.current = window.setTimeout(() => {
-      onSearch(e.target.value);
-    }, debounceDelay);
-  };
-  useEffect8(() => {
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx103(Box26, { width: 285, children: /* @__PURE__ */ jsx103(
-    TextField7,
-    {
-      fullWidth: true,
-      variant: "outlined",
-      placeholder: "Search",
-      value,
-      onChange: handleChange,
-      slotProps: {
-        input: {
-          sx: {
-            maxHeight: 5,
-            px: 2,
-            py: 2.5
-          },
-          startAdornment: /* @__PURE__ */ jsx103(InputAdornment3, { position: "start", children: /* @__PURE__ */ jsx103(Search2, { fontSize: "small" }) })
-        }
-      }
-    }
-  ) });
-};
-
 // src/components/SectionName/SectionName.tsx
 import { History as History2, Info as InfoIcon } from "@mui/icons-material";
-import { Box as Box27, Divider as Divider8, IconButton as IconButton3, Tooltip as Tooltip5, Typography as Typography23 } from "@mui/material";
+import { Box as Box26, Divider as Divider8, IconButton as IconButton3, Tooltip as Tooltip5, Typography as Typography23 } from "@mui/material";
 import { makeStyles as makeStyles42 } from "tss-react/mui";
-import { jsx as jsx104, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs70 } from "react/jsx-runtime";
 var useStyles42 = makeStyles42()((theme) => ({
   container: {
     display: "flex",
@@ -6314,9 +6263,9 @@ var SectionName = ({
   openHistoryLog
 }) => {
   const { classes } = useStyles42();
-  return /* @__PURE__ */ jsxs70(Box27, { className: classes.container, children: [
-    /* @__PURE__ */ jsxs70(Box27, { className: classes.titleContainer, children: [
-      /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsxs70(Box26, { className: classes.container, children: [
+    /* @__PURE__ */ jsxs70(Box26, { className: classes.titleContainer, children: [
+      /* @__PURE__ */ jsx103(
         Typography23,
         {
           variant: "h5",
@@ -6326,7 +6275,7 @@ var SectionName = ({
           children: name
         }
       ),
-      tooltipDescription ? /* @__PURE__ */ jsx104(Tooltip5, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ jsx104(
+      tooltipDescription ? /* @__PURE__ */ jsx103(Tooltip5, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ jsx103(
         InfoIcon,
         {
           fontSize: "small",
@@ -6335,8 +6284,8 @@ var SectionName = ({
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ jsxs70(Box27, { className: classes.actionButtons, children: [
-      buttonText ? /* @__PURE__ */ jsx104(
+    /* @__PURE__ */ jsxs70(Box26, { className: classes.actionButtons, children: [
+      buttonText ? /* @__PURE__ */ jsx103(
         ExtendedButton_default,
         {
           type: buttonType,
@@ -6349,15 +6298,15 @@ var SectionName = ({
           variant: "text"
         }
       ) : null,
-      openHistoryLog && buttonText && /* @__PURE__ */ jsx104(Divider8, { orientation: "vertical", sx: { height: "24px" } }),
-      openHistoryLog && /* @__PURE__ */ jsx104(IconButton3, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx104(History2, {}) })
+      openHistoryLog && buttonText && /* @__PURE__ */ jsx103(Divider8, { orientation: "vertical", sx: { height: "24px" } }),
+      openHistoryLog && /* @__PURE__ */ jsx103(IconButton3, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx103(History2, {}) })
     ] })
   ] });
 };
 var SectionName_default = SectionName;
 
 // src/components/SmartSelect/SmartSelect.tsx
-import { forwardRef as forwardRef2, useState as useState14, useEffect as useEffect9 } from "react";
+import { forwardRef as forwardRef2, useState as useState13, useEffect as useEffect8 } from "react";
 import {
   CircularProgress as CircularProgress4,
   FormControl as FormControl4,
@@ -6367,7 +6316,7 @@ import {
   Select as Select3
 } from "@mui/material";
 import { makeStyles as makeStyles43 } from "tss-react/mui";
-import { jsx as jsx105, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs71 } from "react/jsx-runtime";
 var useStyles43 = makeStyles43()(() => ({
   container: {
     display: "flex",
@@ -6393,9 +6342,9 @@ var SmartSelect = forwardRef2(
     menuProps
   }, ref) => {
     const { classes } = useStyles43();
-    const [open, setOpen] = useState14(false);
-    const [localOptions, setLocalOptions] = useState14(options || []);
-    useEffect9(() => {
+    const [open, setOpen] = useState13(false);
+    const [localOptions, setLocalOptions] = useState13(options || []);
+    useEffect8(() => {
       if (options) {
         setLocalOptions(options);
       }
@@ -6444,7 +6393,7 @@ var SmartSelect = forwardRef2(
         "data-testid": dataTestId,
         disabled,
         children: [
-          inputLabel && /* @__PURE__ */ jsx105(
+          inputLabel && /* @__PURE__ */ jsx104(
             InputLabel4,
             {
               id: "smart-select-label",
@@ -6458,7 +6407,7 @@ var SmartSelect = forwardRef2(
               ref,
               disabled,
               labelId: "smart-select-label",
-              value: value ?? "",
+              value,
               onChange: handleChange,
               onOpen: handleOpen,
               error,
@@ -6469,17 +6418,17 @@ var SmartSelect = forwardRef2(
               MenuProps: menuProps,
               label: inputLabel,
               children: [
-                isFetching && /* @__PURE__ */ jsx105(
+                isFetching && /* @__PURE__ */ jsx104(
                   MenuItem3,
                   {
                     disabled: true,
                     "data-testid": `${dataTestId}-loading`,
                     id: `${dataTestId}-loading`,
-                    children: /* @__PURE__ */ jsx105(CircularProgress4, { size: 24 })
+                    children: /* @__PURE__ */ jsx104(CircularProgress4, { size: 24 })
                   }
                 ),
-                (defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ jsx105(MenuItem3, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
-                localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ jsx105(
+                (defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ jsx104(MenuItem3, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
+                localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ jsx104(
                   MenuItem3,
                   {
                     value: defaultOption?.value,
@@ -6487,7 +6436,7 @@ var SmartSelect = forwardRef2(
                     children: defaultOption?.label
                   }
                 ),
-                !isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ jsx105(
+                !isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ jsx104(
                   MenuItem3,
                   {
                     value: option?.value,
@@ -6500,7 +6449,7 @@ var SmartSelect = forwardRef2(
               ]
             }
           ),
-          helperText && /* @__PURE__ */ jsx105(FormHelperText3, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
+          helperText && /* @__PURE__ */ jsx104(FormHelperText3, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
         ]
       }
     );
@@ -6513,7 +6462,7 @@ import { memo as memo18 } from "react";
 import { Typography as Typography24 } from "@mui/material";
 import red2 from "@mui/material/colors/red";
 import { makeStyles as makeStyles44 } from "tss-react/mui";
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var useStyles44 = makeStyles44()((theme) => ({
   red: {
     backgroundColor: red2["50"],
@@ -6528,7 +6477,7 @@ var useStyles44 = makeStyles44()((theme) => ({
 }));
 var SquareLabel = ({ color, copy }) => {
   const { classes } = useStyles44();
-  return /* @__PURE__ */ jsx106(Typography24, { className: classes[color], children: copy });
+  return /* @__PURE__ */ jsx105(Typography24, { className: classes[color], children: copy });
 };
 var SquareLabel_default = memo18(SquareLabel);
 
@@ -6536,7 +6485,7 @@ var SquareLabel_default = memo18(SquareLabel);
 import { memo as memo19 } from "react";
 import { Grid2, Switch } from "@mui/material";
 import { withStyles as withStyles6 } from "tss-react/mui";
-import { jsx as jsx107, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs72 } from "react/jsx-runtime";
 var LSwitch = ({
   checked,
   labelOn,
@@ -6544,7 +6493,7 @@ var LSwitch = ({
   handleChange,
   classes,
   disabled
-}) => /* @__PURE__ */ jsx107("div", { className: classes.c_switch, children: /* @__PURE__ */ jsxs72(
+}) => /* @__PURE__ */ jsx106("div", { className: classes.c_switch, children: /* @__PURE__ */ jsxs72(
   Grid2,
   {
     component: "label",
@@ -6554,8 +6503,8 @@ var LSwitch = ({
       alignItems: "center"
     },
     children: [
-      labelOff && /* @__PURE__ */ jsx107(Grid2, { children: labelOff }),
-      /* @__PURE__ */ jsx107(Grid2, { children: /* @__PURE__ */ jsx107(
+      labelOff && /* @__PURE__ */ jsx106(Grid2, { children: labelOff }),
+      /* @__PURE__ */ jsx106(Grid2, { children: /* @__PURE__ */ jsx106(
         Switch,
         {
           checked,
@@ -6564,7 +6513,7 @@ var LSwitch = ({
           disabled
         }
       ) }),
-      labelOn && /* @__PURE__ */ jsx107(Grid2, { children: labelOn })
+      labelOn && /* @__PURE__ */ jsx106(Grid2, { children: labelOn })
     ]
   }
 ) });
@@ -6589,51 +6538,256 @@ var LabelledSwitch = withStyles6(LSwitch, (theme) => ({
 var Switch_default = memo19(LabelledSwitch);
 
 // src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
-import { useMemo as useMemo3, useState as useState16, useEffect as useEffect11, memo as memo21 } from "react";
+import { useMemo as useMemo2, useState as useState14, useEffect as useEffect9, memo as memo20 } from "react";
 import CheckIcon from "@mui/icons-material/Check";
 import {
-  Box as Box30,
-  Checkbox as Checkbox5,
+  Box as Box27,
+  Checkbox as Checkbox4,
   Divider as Divider9,
   FormControlLabel as FormControlLabel3,
   Menu as Menu4,
-  Skeleton as Skeleton3,
+  Skeleton as Skeleton2,
   Tooltip as Tooltip6
 } from "@mui/material";
 import classNames3 from "classnames";
-import { makeStyles as makeStyles48 } from "tss-react/mui";
-
-// src/components/TableDesktop/TableDesktop.tsx
-import {
-  useCallback as useCallback2,
-  useMemo as useMemo2,
-  useState as useState15,
-  useEffect as useEffect10
-} from "react";
-import {
-  Paper as Paper10,
-  Table,
-  TableBody,
-  TableContainer,
-  Skeleton as Skeleton2,
-  Box as Box29
-} from "@mui/material";
-import { makeStyles as makeStyles47 } from "tss-react/mui";
+import { makeStyles as makeStyles45 } from "tss-react/mui";
+import { Fragment as Fragment11, jsx as jsx107, jsxs as jsxs73 } from "react/jsx-runtime";
+var useStyles45 = makeStyles45()((theme) => ({
+  filterMenu: {
+    display: "flex",
+    flexDirection: "column"
+  },
+  filterOptions: {
+    maxHeight: theme.spacing(62),
+    overflowY: "auto",
+    "&::-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]
+    }
+  },
+  filter: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: theme.spacing(0, 3)
+  },
+  applyFilterButtonsContainer: {
+    display: "flex",
+    padding: theme.spacing(0, 1)
+  },
+  saveAsDefaultButton: {
+    color: theme.palette.primary.main
+  },
+  skeleton: {
+    height: theme.spacing(3),
+    margin: theme.spacing(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,
+  numActiveFilters,
+  headerFilters,
+  shouldShowCheckOnFilter,
+  onApplyFilters
+}) => {
+  const { classes } = useStyles45();
+  const [anchorEl, setAnchorEl] = useState14(null);
+  const [selectedFilters, setSelectedFilters] = useState14(
+    headerFilters[headCell.id] ?? []
+  );
+  const filterOptions = headCell.filterOptionsQuery?.data ?? [];
+  const numFilterOptions = filterOptions.length ?? 0;
+  const numCurrentSelectedFilters = selectedFilters.length;
+  const handleFilterMenuOpen = (event) => {
+    if (!numFilterOptions) {
+      headCell.filterOptionsQuery?.refetch();
+    }
+    setAnchorEl(event.currentTarget);
+  };
+  const handleFilterMenuClose = () => {
+    setSelectedFilters(headerFilters[headCell.id]);
+    setAnchorEl(null);
+  };
+  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);
+  };
+  const handleApplyFilters = (shouldSave) => {
+    const updatedFilters = {
+      ...headerFilters,
+      [headCell.id]: [...selectedFilters]
+    };
+    onApplyFilters?.(updatedFilters, shouldSave);
+    setAnchorEl(null);
+  };
+  useEffect9(() => {
+    setSelectedFilters(headerFilters[headCell.id] ?? []);
+  }, [headerFilters, headCell.id]);
+  const isOptionChecked = useMemo2(() => (resolvedOption) => !!selectedFilters?.some(
+    (value) => resolveFilterOption(value) === resolvedOption
+  ), [selectedFilters]);
+  const loadingSkeletons = /* @__PURE__ */ jsxs73(Box27, { "data-testid": "loading-skeletons", width: 272, children: [
+    /* @__PURE__ */ jsx107(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx107(Divider9, {}),
+    /* @__PURE__ */ jsx107(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx107(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx107(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx107(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx107(Divider9, {}),
+    /* @__PURE__ */ jsx107(Skeleton2, { variant: "rounded", className: classes.skeleton })
+  ] });
+  return /* @__PURE__ */ jsxs73(Fragment11, { children: [
+    /* @__PURE__ */ jsx107(
+      ActiveFiltersIconButton_default,
+      {
+        numActiveFilters,
+        handleClick: handleFilterMenuOpen,
+        className: classNames3("filter-menu-trigger", {
+          "has-active-filters": !!numActiveFilters || !!anchorEl
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx107(
+      Menu4,
+      {
+        open: !!anchorEl,
+        onClose: handleFilterMenuClose,
+        anchorEl,
+        "data-testid": "filter-menu",
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        children: headCell.filterOptionsQuery?.isFetching ? loadingSkeletons : /* @__PURE__ */ jsxs73(Box27, { className: classes.filterMenu, children: [
+          /* @__PURE__ */ jsx107(Box27, { px: 3, mb: 0.5, children: /* @__PURE__ */ jsx107(
+            FormControlLabel3,
+            {
+              label: "Select All",
+              control: /* @__PURE__ */ jsx107(
+                Checkbox4,
+                {
+                  disableRipple: true,
+                  checked: numCurrentSelectedFilters === numFilterOptions,
+                  indeterminate: numCurrentSelectedFilters > 0 && numCurrentSelectedFilters < numFilterOptions,
+                  onChange: ({ target: { checked } }) => {
+                    if (checked) {
+                      setSelectedFilters([...filterOptions]);
+                    } else {
+                      setSelectedFilters([]);
+                    }
+                  }
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx107(Divider9, { sx: { mb: 0.5 } }),
+          /* @__PURE__ */ jsx107(Box27, { className: classes.filterOptions, children: filterOptions.map(
+            (option) => {
+              const resolvedOption = resolveFilterOption(option);
+              return /* @__PURE__ */ jsxs73(
+                Box27,
+                {
+                  className: classes.filter,
+                  children: [
+                    /* @__PURE__ */ jsx107(
+                      FormControlLabel3,
+                      {
+                        label: resolvedOption,
+                        control: /* @__PURE__ */ jsx107(
+                          Checkbox4,
+                          {
+                            disableRipple: true,
+                            onChange: () => handleFilterOptionClick(option),
+                            checked: isOptionChecked(resolvedOption)
+                          }
+                        )
+                      },
+                      resolvedOption
+                    ),
+                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx107(Tooltip6, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx107(CheckIcon, { fontSize: "small", color: "action" }) }) : null
+                  ]
+                },
+                resolvedOption
+              );
+            }
+          ) }),
+          /* @__PURE__ */ jsx107(Divider9, { sx: { mb: 0.5 } }),
+          /* @__PURE__ */ jsxs73(Box27, { className: classes.applyFilterButtonsContainer, children: [
+            /* @__PURE__ */ jsx107(
+              ExtendedButton_default,
+              {
+                copy: "Save as Default",
+                buttonType: "button",
+                variant: "text",
+                tooltip: "Persists those filters for future visits",
+                className: classes.saveAsDefaultButton,
+                onClick: () => handleApplyFilters(true)
+              }
+            ),
+            /* @__PURE__ */ jsx107(
+              ExtendedButton_default,
+              {
+                copy: "Apply",
+                color: "primary",
+                buttonType: "submit",
+                onClick: () => handleApplyFilters(false)
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+var SmartTableHeaderFilterMenu_default = memo20(SmartTableHeaderFilterMenu);
 
 // src/components/SmartTableHeader/SmartTableHeader.tsx
-import { memo as memo20 } from "react";
+import { memo as memo21 } from "react";
 import {
-  Box as Box28,
-  Checkbox as Checkbox4,
+  Checkbox as Checkbox5,
   TableCell,
   TableHead,
   TableRow,
-  TableSortLabel,
-  Typography as Typography25
+  TableSortLabel
 } from "@mui/material";
-import { makeStyles as makeStyles45 } from "tss-react/mui";
-import { jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
-var useStyles45 = makeStyles45()((theme) => ({
+import { makeStyles as makeStyles46 } from "tss-react/mui";
+import { jsx as jsx108, jsxs as jsxs74 } from "react/jsx-runtime";
+var useStyles46 = makeStyles46()((theme) => ({
   root: {
     backgroundColor: colors.neutral100,
     height: theme.spacing(6),
@@ -6700,599 +6854,85 @@ var SmartTableHeader = ({
   onApplyFilters,
   shouldShowCheckOnFilter
 }) => {
-  const { classes } = useStyles45();
+  const { classes } = useStyles46();
   const createSortHandler = (property) => (event) => {
     onRequestSort(event, property);
   };
   const isSortActive = (headCellId) => orderBy === headCellId;
-  return /* @__PURE__ */ jsx108(TableHead, { className: classes.root, children: /* @__PURE__ */ jsxs73(TableRow, { children: [
+  return /* @__PURE__ */ jsx108(TableHead, { className: classes.root, children: /* @__PURE__ */ jsxs74(TableRow, { children: [
     enableCheckboxSelection ? /* @__PURE__ */ jsx108(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx108(
-      Checkbox4,
+      Checkbox5,
       {
         color: "primary",
-        disableRipple: true,
         indeterminate: numSelected > 0 && numSelected < numRows,
         checked: numRows > 0 && numSelected === numRows,
         onChange: onSelectAllClick
       }
     ) }) : null,
-    headCells.map((headCell) => /* @__PURE__ */ jsx108(
+    headCells.map((headCell) => /* @__PURE__ */ jsxs74(
       TableCell,
       {
         className: classes.tableHeaderContent,
         align: "left",
-        width: headCell.width ?? "auto",
+        sx: { width: headCell.width ?? "auto" },
         sortDirection: orderBy === headCell.id ? order : false,
-        children: /* @__PURE__ */ jsxs73(
-          Box28,
-          {
-            display: "flex",
-            flexDirection: "row",
-            gap: headCell.disableSort ? 1 : 0,
-            children: [
-              headCell.disableSort ? /* @__PURE__ */ jsx108(Typography25, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) : /* @__PURE__ */ jsxs73(
-                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__ */ jsx108("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
-                  ]
-                }
-              ),
-              headCell.refetchFilterOptions ? /* @__PURE__ */ jsx108(
-                SmartTableHeaderFilterMenu_default,
-                {
-                  headCell,
-                  headerFilters,
-                  numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
-                  onApplyFilters,
-                  shouldShowCheckOnFilter
-                }
-              ) : null
-            ]
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsxs74(
+            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__ */ jsx108("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
+              ]
+            }
+          ),
+          headCell.filterOptionsQuery ? /* @__PURE__ */ jsx108(
+            SmartTableHeaderFilterMenu_default,
+            {
+              headCell,
+              headerFilters,
+              numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
+              onApplyFilters,
+              shouldShowCheckOnFilter
+            }
+          ) : null
+        ]
       },
       headCell.id
     ))
   ] }) });
 };
-var SmartTableHeader_default = memo20(SmartTableHeader);
-
-// src/components/TableEmptyResult/TableEmptyResult.tsx
-import { TableCell as TableCell2, TableRow as TableRow2, Typography as Typography26 } from "@mui/material";
-import { makeStyles as makeStyles46 } from "tss-react/mui";
-import { jsx as jsx109, jsxs as jsxs74 } 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 } = useStyles46();
-  return showClearFilterButton ? /* @__PURE__ */ jsx109(TableRow2, { children: /* @__PURE__ */ jsxs74(
-    TableCell2,
-    {
-      className: classes.tableCellIcon,
-      colSpan,
-      align: "center",
-      children: [
-        /* @__PURE__ */ jsx109(EmptyGlassIcon_default, {}),
-        /* @__PURE__ */ jsx109(Typography26, { variant: "h6", children: "No results found." }),
-        /* @__PURE__ */ jsx109(Typography26, { variant: "subtitle1", children: "Search without applied filters?" }),
-        /* @__PURE__ */ jsx109(
-          FilledButton_default,
-          {
-            copy: "Search",
-            variant: "contained",
-            color: "primary",
-            onClick: handleClickOnClearFiltersButton
-          }
-        )
-      ]
-    }
-  ) }) : /* @__PURE__ */ jsx109(TableRow2, { children: /* @__PURE__ */ jsx109(
-    TableCell2,
-    {
-      className: classes.tableCellDefault,
-      colSpan,
-      align: "center",
-      children: "Nothing to display"
-    }
-  ) });
-};
-var TableEmptyResult_default = TableEmptyResult;
-
-// src/components/TableDesktop/TableDesktop.tsx
-import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
-var useStyles47 = makeStyles47()((theme) => ({
-  root: {
-    justifyContent: "space-between",
-    display: "flex",
-    justifyItems: "stretch"
-  },
-  paper: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "column",
-    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]
-    }
-  }
-}));
-var descendingComparator = (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) {
-    return -1;
-  }
-  if (valA < valB) {
-    return 1;
-  }
-  return 0;
-};
-var stableSort = (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) => descendingComparator(a, b, orderBy) : (a, b) => -descendingComparator(a, b, orderBy);
-var resolveOptionType = (option, fieldName) => {
-  if (!option || typeof option !== "object") {
-    return option;
-  }
-  return option[fieldName] || "";
-};
-var TableDesktop = ({
-  data,
-  headCells,
-  RenderItem,
-  appliedFilters,
-  headerFilters,
-  children,
-  height,
-  isLoading,
-  rowsPerPage = 50,
-  enableCheckboxSelection = false,
-  enableRowActions = false,
-  disableInternalSort = false,
-  updateSort,
-  showClearFilterButton,
-  handleClickOnClearFiltersButton,
-  deleteItem,
-  keyField = "id",
-  tableLayout = "auto",
-  onApplyFilters,
-  shouldShowCheckOnFilter
-}) => {
-  const [order, setOrder] = useState15(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = useState15(
-    appliedFilters?.sortField || "delivery_date"
-  );
-  const [selected, setSelected] = useState15(/* @__PURE__ */ new Set());
-  const [page] = useState15(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 allItems = new Set(data.map((n) => n[keyField]));
-        setSelected(allItems);
-      } else {
-        setSelected(/* @__PURE__ */ new Set());
-      }
-    },
-    [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);
-    }
-  };
-  const handleRowCheckboxChange = useCallback2(
-    (event, keyFieldValue) => {
-      event.stopPropagation();
-      setSelected((prev) => {
-        const newSelected = new Set(prev);
-        if (newSelected.has(keyFieldValue)) {
-          newSelected.delete(keyFieldValue);
-        } else {
-          newSelected.add(keyFieldValue);
-        }
-        return newSelected;
-      });
-    },
-    []
-  );
-  const renderTableRows = useMemo2(() => {
-    const sortedData = disableInternalSort ? data : stableSort(data, getComparator(order, orderBy));
-    return sortedData.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((row, index) => {
-      const isItemSelected = selected.has(row[keyField]);
-      return /* @__PURE__ */ jsx110(
-        RenderItem,
-        {
-          ...{
-            ...row,
-            index,
-            deleteItem,
-            isItemSelected,
-            enableCheckboxSelection,
-            enableRowActions,
-            keyFieldValue: row[keyField],
-            handleRowCheckboxChange,
-            visibleHeadCells
-          }
-        },
-        row[keyField] ?? index
-      );
-    });
-  }, [
-    data,
-    order,
-    orderBy,
-    page,
-    rowsPerPage,
-    selected,
-    enableCheckboxSelection,
-    enableRowActions,
-    disableInternalSort,
-    deleteItem,
-    keyField,
-    handleRowCheckboxChange,
-    visibleHeadCells,
-    RenderItem
-  ]);
-  useEffect10(() => {
-    if (!enableCheckboxSelection) {
-      setSelected(/* @__PURE__ */ new Set());
-    }
-  }, [enableCheckboxSelection]);
-  return /* @__PURE__ */ jsx110("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsxs75(Paper10, { className: classes.paper, children: [
-    isLoading ? /* @__PURE__ */ jsx110(Box29, { width: "100%", overflow: "hidden", children: [...Array(Math.floor(rowsPerPage ?? 50))].map((_, index) => /* @__PURE__ */ jsx110(
-      Skeleton2,
-      {
-        animation: "pulse",
-        variant: "rounded",
-        sx: { margin: 1 },
-        height: rowHeight,
-        "data-testid": "loading-skeleton"
-      },
-      index
-    )) }) : /* @__PURE__ */ jsx110(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs75(
-      Table,
-      {
-        stickyHeader: true,
-        "aria-labelledby": "tableTitle",
-        "aria-label": "sticky table",
-        style: { tableLayout },
-        children: [
-          /* @__PURE__ */ jsx110(
-            SmartTableHeader_default,
-            {
-              headCells: visibleHeadCells,
-              order,
-              orderBy,
-              numSelected: selected.size,
-              numRows: data.length,
-              enableCheckboxSelection,
-              headerFilters: headerFilters ?? {},
-              onRequestSort: handleRequestSort,
-              onSelectAllClick: handleSelectAllClick,
-              onApplyFilters,
-              shouldShowCheckOnFilter
-            }
-          ),
-          /* @__PURE__ */ jsx110(TableBody, { children: rowsPerPage !== emptyRows ? renderTableRows : /* @__PURE__ */ jsx110(
-            TableEmptyResult_default,
-            {
-              colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
-              showClearFilterButton,
-              handleClickOnClearFiltersButton
-            }
-          ) })
-        ]
-      }
-    ) }),
-    children
-  ] }) });
-};
-var TableDesktop_default = TableDesktop;
-
-// src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
-import { Fragment as Fragment11, jsx as jsx111, jsxs as jsxs76 } from "react/jsx-runtime";
-var useStyles48 = makeStyles48()((theme) => ({
-  filterMenu: {
-    display: "flex",
-    flexDirection: "column"
-  },
-  filterOptions: {
-    maxHeight: theme.spacing(62),
-    overflowY: "auto",
-    "&::-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]
-    }
-  },
-  filter: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: theme.spacing(0, 3)
-  },
-  applyFilterButtonsContainer: {
-    display: "flex",
-    padding: theme.spacing(0, 1)
-  },
-  saveAsDefaultButton: {
-    color: theme.palette.primary.main
-  },
-  skeleton: {
-    height: theme.spacing(3),
-    margin: theme.spacing(1)
-  }
-}));
-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,
-  numActiveFilters,
-  headerFilters,
-  shouldShowCheckOnFilter,
-  onApplyFilters
-}) => {
-  const { classes } = useStyles48();
-  const [anchorEl, setAnchorEl] = useState16(null);
-  const [filterOptionsData, setFilterOptionsData] = useState16();
-  const [selectedFilters, setSelectedFilters] = useState16(
-    headerFilters[headCell.id] ?? []
-  );
-  useEffect11(() => {
-    if (headCell.filterOptions) {
-      setFilterOptionsData(headCell.filterOptions);
-    }
-  }, [headCell.filterOptions]);
-  const numFilterOptions = useMemo3(() => filterOptionsData?.length ?? 0, [filterOptionsData?.length]);
-  const numCurrentSelectedFilters = selectedFilters.length;
-  const handleFilterMenuOpen = (event) => {
-    if (!numFilterOptions) {
-      headCell.refetchFilterOptions?.();
-    }
-    setAnchorEl(event.currentTarget);
-  };
-  const handleFilterMenuClose = () => {
-    setSelectedFilters(headerFilters[headCell.id]);
-    setAnchorEl(null);
-  };
-  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);
-  };
-  const handleApplyFilters = (shouldSave) => {
-    const updatedFilters = {
-      ...headerFilters,
-      [headCell.id]: [...selectedFilters]
-    };
-    onApplyFilters?.(updatedFilters, shouldSave);
-    setAnchorEl(null);
-  };
-  useEffect11(() => {
-    setSelectedFilters(headerFilters[headCell.id] ?? []);
-  }, [headerFilters, headCell.id]);
-  const isOptionChecked = useMemo3(() => (resolvedOption) => !!selectedFilters?.some(
-    (value) => resolveOptionType(value, headCell.fieldName ?? "") === resolvedOption
-  ), [selectedFilters]);
-  const loadingSkeletons = /* @__PURE__ */ jsxs76(Box30, { "data-testid": "loading-skeletons", width: 272, children: [
-    /* @__PURE__ */ jsx111(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx111(Divider9, {}),
-    /* @__PURE__ */ jsx111(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx111(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx111(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx111(Skeleton3, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx111(Divider9, {}),
-    /* @__PURE__ */ jsx111(Skeleton3, { variant: "rounded", className: classes.skeleton })
-  ] });
-  return /* @__PURE__ */ jsxs76(Fragment11, { children: [
-    /* @__PURE__ */ jsx111(
-      ActiveFiltersIconButton_default,
-      {
-        numActiveFilters,
-        handleClick: handleFilterMenuOpen,
-        className: classNames3("filter-menu-trigger", {
-          "has-active-filters": !!numActiveFilters || !!anchorEl
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx111(
-      Menu4,
-      {
-        open: !!anchorEl,
-        onClose: handleFilterMenuClose,
-        anchorEl,
-        "data-testid": "filter-menu",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ jsxs76(Box30, { className: classes.filterMenu, children: [
-          /* @__PURE__ */ jsx111(Box30, { px: 3, mb: 0.5, children: /* @__PURE__ */ jsx111(
-            FormControlLabel3,
-            {
-              label: "Select All",
-              control: /* @__PURE__ */ jsx111(
-                Checkbox5,
-                {
-                  disableRipple: true,
-                  checked: numCurrentSelectedFilters === numFilterOptions,
-                  indeterminate: numCurrentSelectedFilters > 0 && numCurrentSelectedFilters < numFilterOptions,
-                  onChange: ({ target: { checked } }) => {
-                    if (checked) {
-                      setSelectedFilters([...filterOptionsData]);
-                    } else {
-                      setSelectedFilters([]);
-                    }
-                  }
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ jsx111(Divider9, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ jsx111(Box30, { className: classes.filterOptions, children: filterOptionsData?.map(
-            (option) => {
-              const resolvedOption = resolveOptionType(option, headCell.fieldName ?? "");
-              return /* @__PURE__ */ jsxs76(
-                Box30,
-                {
-                  className: classes.filter,
-                  children: [
-                    /* @__PURE__ */ jsx111(
-                      FormControlLabel3,
-                      {
-                        label: resolvedOption,
-                        control: /* @__PURE__ */ jsx111(
-                          Checkbox5,
-                          {
-                            disableRipple: true,
-                            onChange: () => handleFilterOptionClick(option),
-                            checked: isOptionChecked(resolvedOption)
-                          }
-                        )
-                      },
-                      resolvedOption
-                    ),
-                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx111(Tooltip6, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx111(CheckIcon, { fontSize: "small", color: "action" }) }) : null
-                  ]
-                },
-                resolvedOption
-              );
-            }
-          ) }),
-          /* @__PURE__ */ jsx111(Divider9, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ jsxs76(Box30, { className: classes.applyFilterButtonsContainer, children: [
-            /* @__PURE__ */ jsx111(
-              ExtendedButton_default,
-              {
-                copy: "Save as Default",
-                buttonType: "button",
-                variant: "text",
-                tooltip: "Persists those filters for future visits",
-                className: classes.saveAsDefaultButton,
-                onClick: () => handleApplyFilters(true)
-              }
-            ),
-            /* @__PURE__ */ jsx111(
-              ExtendedButton_default,
-              {
-                copy: "Apply",
-                color: "primary",
-                buttonType: "submit",
-                onClick: () => handleApplyFilters(false)
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-};
-var SmartTableHeaderFilterMenu_default = memo21(SmartTableHeaderFilterMenu);
+var SmartTableHeader_default = memo21(SmartTableHeader);
 
 // src/components/Table/Table.tsx
 var import_debounce = __toESM(require_debounce(), 1);
-import { useLayoutEffect, useState as useState17 } from "react";
+import { useLayoutEffect, useState as useState15 } from "react";
 import {
-  Box as Box32,
-  Paper as Paper11,
+  Box as Box29,
+  Paper as Paper10,
   Table as MUITable,
-  TableBody as TableBody2,
-  TableCell as TableCell3,
-  TableContainer as TableContainer2,
+  TableBody,
+  TableCell as TableCell2,
+  TableContainer,
   TableHead as TableHead2,
-  TableRow as TableRow3,
+  TableRow as TableRow2,
   TableSortLabel as TableSortLabel2
 } from "@mui/material";
-import { makeStyles as makeStyles49 } from "tss-react/mui";
+import { makeStyles as makeStyles47 } from "tss-react/mui";
 import { v4 as uuidv4 } from "uuid";
 
 // src/components/TableLoading/TableLoading.tsx
-import { Box as Box31, Skeleton as Skeleton4 } from "@mui/material";
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { Box as Box28, Skeleton as Skeleton3 } from "@mui/material";
+import { jsx as jsx109 } from "react/jsx-runtime";
 var TableLoading = ({
   rowsPerPage,
   rowHeight
-}) => /* @__PURE__ */ jsx112(Box31, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx112(
-  Skeleton4,
+}) => /* @__PURE__ */ jsx109(Box28, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx109(
+  Skeleton3,
   {
     animation: "pulse",
     "data-testid": "table-loading-skeleton",
@@ -7305,7 +6945,7 @@ var TableLoading = ({
 var TableLoading_default = TableLoading;
 
 // src/components/Table/helpers.tsx
-function stableSort2(array, cmp) {
+function stableSort(array, cmp) {
   const stabilizedThis = array.map((el, index) => [el, index]);
   stabilizedThis.sort((a, b) => {
     const order = cmp(a[0], b[0]);
@@ -7316,7 +6956,7 @@ function stableSort2(array, cmp) {
   });
   return stabilizedThis.map((el) => el[0]);
 }
-function descendingComparator2(a, b, orderBy) {
+function descendingComparator(a, b, orderBy) {
   if (b[orderBy] < a[orderBy]) {
     return -1;
   }
@@ -7326,7 +6966,7 @@ function descendingComparator2(a, b, orderBy) {
   return 0;
 }
 function getSorting(order, orderBy) {
-  return order === "desc" ? (a, b) => descendingComparator2(a, b, orderBy) : (a, b) => -descendingComparator2(a, b, orderBy);
+  return order === "desc" ? (a, b) => descendingComparator(a, b, orderBy) : (a, b) => -descendingComparator(a, b, orderBy);
 }
 function calculateRowsPerPage(rowHeight) {
   const appContainerDom = document.getElementById("mainContainer");
@@ -7340,8 +6980,8 @@ function calculateRowsPerPage(rowHeight) {
 }
 
 // src/components/Table/Table.tsx
-import { jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
-var useStyles49 = makeStyles49()(() => ({
+import { jsx as jsx110, jsxs as jsxs75 } from "react/jsx-runtime";
+var useStyles47 = makeStyles47()(() => ({
   root: {
     height: "calc(100vh - 262px)",
     overflow: "scroll"
@@ -7357,32 +6997,275 @@ var useStyles49 = makeStyles49()(() => ({
       fontWeight: 600,
       fontSize: ".875rem"
     }
-  },
-  container: {
-    maxHeight: "calc(100% - 0)"
+  },
+  container: {
+    maxHeight: "calc(100% - 0)"
+  }
+}));
+var Table = ({
+  appliedFilters,
+  data,
+  doNotCalculateRows,
+  headCells,
+  isLoading,
+  onRowClick,
+  page = 0,
+  RenderItem = null,
+  rowsPerPage: defaultRowsPerPage = 10,
+  serverRendered,
+  updateSort
+}) => {
+  const [order, setOrder] = useState15(appliedFilters?.sortDir || "desc");
+  const [orderBy, setOrderBy] = useState15(
+    appliedFilters?.sortField || "delivery_date"
+  );
+  const [rowsPerPage, setRowsPerPage] = useState15(defaultRowsPerPage);
+  const { classes } = useStyles47();
+  const rowHeight = 56;
+  const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
+  const handleRequestSort = (event, property) => {
+    const isAsc = orderBy === property && order === "asc";
+    const orderDir = isAsc ? "desc" : "asc";
+    setOrder(orderDir);
+    setOrderBy(property);
+    if (updateSort) {
+      updateSort(property, orderDir);
+    }
+  };
+  useLayoutEffect(() => {
+    if (!doNotCalculateRows) {
+      return;
+    }
+    function updateRowsPerPage() {
+      const newRowsPerPage = calculateRowsPerPage(rowHeight);
+      setRowsPerPage(newRowsPerPage);
+    }
+    updateRowsPerPage();
+    const debounced = (0, import_debounce.default)(updateRowsPerPage, 150);
+    window.addEventListener("resize", debounced);
+    return () => {
+      window.removeEventListener("resize", debounced);
+    };
+  }, [doNotCalculateRows]);
+  const createSortHandler = (property) => (event) => {
+    handleRequestSort(event, property);
+  };
+  const getTableRows = () => {
+    const index = page;
+    const rows = serverRendered ? data : stableSort(data, getSorting(order, orderBy)).slice(
+      index * rowsPerPage,
+      index * rowsPerPage + rowsPerPage
+    );
+    const rowsComponents = rows.map((row) => {
+      if (RenderItem) {
+        return /* @__PURE__ */ jsx110(RenderItem, { ...row }, row.id);
+      }
+      return /* @__PURE__ */ jsx110(TableRow2, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx110(TableCell2, { children: row[column.id] }, column.id)) }, row.id);
+    });
+    if (emptyRows > 0 && rowsPerPage > emptyRows) {
+      rowsComponents.push(
+        /* @__PURE__ */ jsx110(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx110(TableCell2, { colSpan: 8 }) }, uuidv4())
+      );
+    }
+    return rowsComponents;
+  };
+  return /* @__PURE__ */ jsx110(Paper10, { className: classes.root, children: /* @__PURE__ */ jsx110(Box29, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx110(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx110(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs75(MUITable, { size: "medium", stickyHeader: true, children: [
+    /* @__PURE__ */ jsx110(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx110(TableRow2, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx110(
+      TableCell2,
+      {
+        align: "left",
+        sortDirection: orderBy === headCell.id ? order : void 0,
+        children: /* @__PURE__ */ jsx110(
+          TableSortLabel2,
+          {
+            active: orderBy === headCell.id,
+            direction: orderBy === headCell.id ? order : "asc",
+            onClick: createSortHandler(headCell.id),
+            children: headCell.label
+          }
+        )
+      },
+      headCell.id
+    )) }) }),
+    /* @__PURE__ */ jsxs75(TableBody, { children: [
+      getTableRows(),
+      rowsPerPage === emptyRows && /* @__PURE__ */ jsx110(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx110(TableCell2, { colSpan: 8, align: "center", children: "Nothing to display" }) })
+    ] })
+  ] }) }) }) });
+};
+var Table_default = Table;
+
+// src/components/TableDesktop/TableDesktop.tsx
+import {
+  useCallback as useCallback2,
+  useMemo as useMemo3,
+  useState as useState16
+} from "react";
+import {
+  Paper as Paper11,
+  Table as Table2,
+  TableBody as TableBody2,
+  TableContainer as TableContainer2,
+  Skeleton as Skeleton4,
+  Box as Box30
+} from "@mui/material";
+import { makeStyles as makeStyles49 } from "tss-react/mui";
+
+// src/components/TableEmptyResult/TableEmptyResult.tsx
+import { TableCell as TableCell3, TableRow as TableRow3, Typography as Typography25 } from "@mui/material";
+import { makeStyles as makeStyles48 } from "tss-react/mui";
+import { jsx as jsx111, jsxs as jsxs76 } from "react/jsx-runtime";
+var useStyles48 = makeStyles48()(() => ({
+  tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
+  tableCellDefault: { padding: 24 }
+}));
+var TableEmptyResult = ({
+  colSpan,
+  showClearFilterButton = false,
+  handleClickOnClearFiltersButton = () => {
+  }
+}) => {
+  const { classes } = useStyles48();
+  return showClearFilterButton ? /* @__PURE__ */ jsx111(TableRow3, { children: /* @__PURE__ */ jsxs76(
+    TableCell3,
+    {
+      className: classes.tableCellIcon,
+      colSpan,
+      align: "center",
+      children: [
+        /* @__PURE__ */ jsx111(EmptyGlassIcon_default, {}),
+        /* @__PURE__ */ jsx111(Typography25, { variant: "h6", children: "No results found." }),
+        /* @__PURE__ */ jsx111(Typography25, { variant: "subtitle1", children: "Search without applied filters?" }),
+        /* @__PURE__ */ jsx111(
+          FilledButton_default,
+          {
+            copy: "Search",
+            variant: "contained",
+            color: "primary",
+            onClick: handleClickOnClearFiltersButton
+          }
+        )
+      ]
+    }
+  ) }) : /* @__PURE__ */ jsx111(TableRow3, { children: /* @__PURE__ */ jsx111(
+    TableCell3,
+    {
+      className: classes.tableCellDefault,
+      colSpan,
+      align: "center",
+      children: "Nothing to display"
+    }
+  ) });
+};
+var TableEmptyResult_default = TableEmptyResult;
+
+// src/components/TableDesktop/TableDesktop.tsx
+import { jsx as jsx112, jsxs as jsxs77 } from "react/jsx-runtime";
+var useStyles49 = makeStyles49()((theme) => ({
+  root: {
+    justifyContent: "space-between",
+    display: "flex",
+    justifyItems: "stretch"
+  },
+  paper: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    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]
+    }
   }
 }));
-var Table2 = ({
-  appliedFilters,
+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) {
+    return -1;
+  }
+  if (valA < valB) {
+    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 TableDesktop = ({
   data,
-  doNotCalculateRows,
   headCells,
+  RenderItem,
+  appliedFilters,
+  headerFilters,
+  children,
+  height,
   isLoading,
-  onRowClick,
-  page = 0,
-  RenderItem = null,
-  rowsPerPage: defaultRowsPerPage = 10,
-  serverRendered,
-  updateSort
+  rowsPerPage = 50,
+  enableCheckboxSelection = false,
+  disableInternalSort = false,
+  updateSort,
+  showClearFilterButton,
+  handleClickOnClearFiltersButton,
+  deleteItem,
+  keyField = "id",
+  tableLayout = "auto",
+  onApplyFilters,
+  shouldShowCheckOnFilter
 }) => {
-  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 [rowsPerPage, setRowsPerPage] = useState17(defaultRowsPerPage);
+  const [selected, setSelected] = useState16([]);
+  const [page] = useState16(0);
   const { classes } = useStyles49();
   const rowHeight = 56;
-  const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
+  const emptyRows = useMemo3(
+    () => rowsPerPage - data.length,
+    [rowsPerPage, data]
+  );
+  const visibleHeadCells = useMemo3(
+    () => 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";
@@ -7392,277 +7275,119 @@ var Table2 = ({
       updateSort(property, orderDir);
     }
   };
-  useLayoutEffect(() => {
-    if (!doNotCalculateRows) {
-      return;
-    }
-    function updateRowsPerPage() {
-      const newRowsPerPage = calculateRowsPerPage(rowHeight);
-      setRowsPerPage(newRowsPerPage);
-    }
-    updateRowsPerPage();
-    const debounced = (0, import_debounce.default)(updateRowsPerPage, 150);
-    window.addEventListener("resize", debounced);
-    return () => {
-      window.removeEventListener("resize", debounced);
-    };
-  }, [doNotCalculateRows]);
-  const createSortHandler = (property) => (event) => {
-    handleRequestSort(event, property);
-  };
-  const getTableRows = () => {
-    const index = page;
-    const rows = serverRendered ? data : stableSort2(data, getSorting(order, orderBy)).slice(
-      index * rowsPerPage,
-      index * rowsPerPage + rowsPerPage
-    );
-    const rowsComponents = rows.map((row) => {
-      if (RenderItem) {
-        return /* @__PURE__ */ jsx113(RenderItem, { ...row }, row.id);
+  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)
+        );
       }
-      return /* @__PURE__ */ jsx113(TableRow3, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx113(TableCell3, { children: row[column.id] }, column.id)) }, row.id);
-    });
-    if (emptyRows > 0 && rowsPerPage > emptyRows) {
-      rowsComponents.push(
-        /* @__PURE__ */ jsx113(TableRow3, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx113(TableCell3, { colSpan: 8 }) }, uuidv4())
+      setSelected(newSelected);
+    },
+    [selected]
+  );
+  const renderTableRows = useMemo3(() => {
+    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__ */ jsx112(
+        RenderItem,
+        {
+          ...{
+            ...row,
+            index,
+            deleteItem,
+            isItemSelected,
+            enableCheckboxSelection,
+            keyFieldValue: row[keyField],
+            handleRowCheckboxClick,
+            visibleHeadCells
+          }
+        },
+        row[keyField] ?? index
       );
-    }
-    return rowsComponents;
-  };
-  return /* @__PURE__ */ jsx113(Paper11, { className: classes.root, children: /* @__PURE__ */ jsx113(Box32, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx113(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx113(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs77(MUITable, { size: "medium", stickyHeader: true, children: [
-    /* @__PURE__ */ jsx113(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx113(TableRow3, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx113(
-      TableCell3,
+    });
+  }, [
+    data,
+    order,
+    orderBy,
+    page,
+    rowsPerPage,
+    selected,
+    enableCheckboxSelection,
+    disableInternalSort,
+    deleteItem,
+    keyField,
+    handleRowCheckboxClick,
+    visibleHeadCells,
+    RenderItem
+  ]);
+  return /* @__PURE__ */ jsx112("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsxs77(Paper11, { className: classes.paper, children: [
+    isLoading ? /* @__PURE__ */ jsx112(Box30, { width: "100%", overflow: "hidden", children: [...Array(Math.floor(rowsPerPage ?? 50))].map((_, index) => /* @__PURE__ */ jsx112(
+      Skeleton4,
       {
-        align: "left",
-        sortDirection: orderBy === headCell.id ? order : void 0,
-        children: /* @__PURE__ */ jsx113(
-          TableSortLabel2,
-          {
-            active: orderBy === headCell.id,
-            direction: orderBy === headCell.id ? order : "asc",
-            onClick: createSortHandler(headCell.id),
-            children: headCell.label
-          }
-        )
-      },
-      headCell.id
-    )) }) }),
-    /* @__PURE__ */ jsxs77(TableBody2, { children: [
-      getTableRows(),
-      rowsPerPage === emptyRows && /* @__PURE__ */ jsx113(TableRow3, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx113(TableCell3, { colSpan: 8, align: "center", children: "Nothing to display" }) })
-    ] })
-  ] }) }) }) });
-};
-var Table_default = Table2;
-
-// src/components/TableDesktopRowActions/TableDesktopRowActions.tsx
-import { Box as Box33, TableCell as TableCell4 } from "@mui/material";
-import { jsx as jsx114 } from "react/jsx-runtime";
-var TableDesktopRowActions = ({
-  isRowHovered,
-  children,
-  sx,
-  zIndex = 1,
-  backgroundColor
-}) => {
-  return isRowHovered ? /* @__PURE__ */ jsx114(
-    TableCell4,
-    {
-      padding: "none",
-      sx: {
-        top: 0,
-        right: 0,
-        zIndex,
-        position: "sticky",
-        display: "flex",
-        justifyContent: "flex-end",
-        alignItems: "center"
-      },
-      children: /* @__PURE__ */ jsx114(
-        Box33,
-        {
-          sx,
-          display: "flex",
-          flexDirection: "row",
-          borderLeft: `1px solid ${colors.neutral300}`,
-          bgcolor: backgroundColor ?? ((theme) => theme.palette.background.default),
-          children
-        }
-      )
-    }
-  ) : null;
-};
-
-// src/components/TableDesktopRowCell/TableDesktopRowCell.tsx
-import { useEffect as useEffect13, useRef as useRef5, useState as useState19 } from "react";
-import { Checkbox as Checkbox6, TableCell as TableCell5, TextField as TextField8, Tooltip as Tooltip7 } from "@mui/material";
-
-// src/components/TableDesktopRowCell/TableDesktopSmartSelect.tsx
-import { useState as useState18, memo as memo22, useEffect as useEffect12 } from "react";
-import { jsx as jsx115 } from "react/jsx-runtime";
-var resolveValue = (value) => {
-  if (typeof value === "string") {
-    return value;
-  }
-  return value?.id;
-};
-var TableDesktopSmartSelect = memo22(({
-  ref,
-  initialValue,
-  inputLabel,
-  fieldName,
-  rowId,
-  filterOptions,
-  refetchFilterOptions,
-  isFetchingFilterOptions,
-  onUpdateEditableCell
-}) => {
-  const [value, setValue] = useState18(initialValue);
-  const [options, setOptions] = useState18();
-  const valueId = resolveValue(value);
-  const valueLabel = resolveOptionType(value, fieldName);
-  useEffect12(() => {
-    if (filterOptions) {
-      const parsedOptions = filterOptions?.map((option) => ({
-        value: resolveValue(option),
-        label: String(resolveOptionType(option, fieldName))
-      }));
-      setOptions(parsedOptions);
-    }
-  }, [filterOptions]);
-  return /* @__PURE__ */ jsx115(
-    SmartSelect_default,
-    {
-      ref,
-      value: valueId,
-      inputLabel,
-      options,
-      refetch: refetchFilterOptions,
-      isFetching: isFetchingFilterOptions,
-      defaultOption: {
-        value: valueId ?? "",
-        label: String(valueLabel ?? "")
+        animation: "pulse",
+        variant: "rounded",
+        sx: { margin: 1 },
+        height: rowHeight,
+        "data-testid": "loading-skeleton"
       },
-      onChange: ({ value: value2, label }) => {
-        setValue({ id: value2 ?? "", name: label ?? "" });
-        onUpdateEditableCell?.(rowId, value2 ?? "");
-      }
-    }
-  );
-});
-
-// src/components/TableDesktopRowCell/TableDesktopRowCell.tsx
-import CheckIcon2 from "@mui/icons-material/Check";
-import { jsx as jsx116 } from "react/jsx-runtime";
-var TableDesktopRowCell = ({
-  ref,
-  inputLabel,
-  editInitialValue,
-  rowId,
-  fieldName,
-  width,
-  isEditMode,
-  readOnlyValue,
-  editableCellType,
-  filterOptions,
-  refetchFilterOptions,
-  isFetchingFilterOptions,
-  onUpdateEditableCell
-}) => {
-  const cellRef = useRef5(null);
-  const [isOverflowed, setIsOverflowed] = useState19(false);
-  useEffect13(() => {
-    const ref2 = cellRef.current;
-    if (ref2) {
-      setIsOverflowed(ref2.scrollWidth > ref2.clientWidth);
-    }
-  }, [readOnlyValue, width]);
-  const editableComponents = {
-    "select": /* @__PURE__ */ jsx116(
-      TableDesktopSmartSelect,
-      {
-        ref,
-        rowId,
-        fieldName,
-        initialValue: editInitialValue,
-        inputLabel: inputLabel ?? "",
-        filterOptions,
-        refetchFilterOptions,
-        isFetchingFilterOptions,
-        onUpdateEditableCell
-      }
-    ),
-    "checkbox": /* @__PURE__ */ jsx116(
-      Checkbox6,
-      {
-        disableRipple: true,
-        defaultChecked: editInitialValue,
-        onChange: ({ target: { checked } }) => {
-          onUpdateEditableCell?.(rowId, checked);
-        }
-      }
-    ),
-    "text": /* @__PURE__ */ jsx116(
-      TextField8,
-      {
-        fullWidth: true,
-        variant: "standard",
-        defaultValue: editInitialValue,
-        label: inputLabel,
-        onBlur: ({ target: { value } }) => {
-          onUpdateEditableCell?.(rowId, value);
-        }
-      }
-    ),
-    "numeric": /* @__PURE__ */ jsx116(
-      TextField8,
+      index
+    )) }) : /* @__PURE__ */ jsx112(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs77(
+      Table2,
       {
-        fullWidth: true,
-        variant: "standard",
-        defaultValue: editInitialValue,
-        label: inputLabel,
-        onChange: (e) => {
-          e.target.value = e.target.value.replace(/\D/g, "");
-        },
-        onBlur: ({ target: { value } }) => {
-          onUpdateEditableCell?.(rowId, value);
-        },
-        slotProps: {
-          input: {
-            inputMode: "numeric"
-          }
-        }
+        "aria-labelledby": "tableTitle",
+        "aria-label": "sticky table",
+        stickyHeader: true,
+        style: { tableLayout },
+        children: [
+          /* @__PURE__ */ jsx112(
+            SmartTableHeader_default,
+            {
+              headCells: visibleHeadCells,
+              order,
+              orderBy,
+              numSelected: selected.length,
+              numRows: data.length,
+              enableCheckboxSelection,
+              headerFilters: headerFilters ?? {},
+              onRequestSort: handleRequestSort,
+              onSelectAllClick: handleSelectAllClick,
+              onApplyFilters,
+              shouldShowCheckOnFilter
+            }
+          ),
+          /* @__PURE__ */ jsx112(TableBody2, { children: rowsPerPage !== emptyRows ? renderTableRows : /* @__PURE__ */ jsx112(
+            TableEmptyResult_default,
+            {
+              colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
+              showClearFilterButton,
+              handleClickOnClearFiltersButton
+            }
+          ) })
+        ]
       }
-    )
-  };
-  const getReadOnlyBooleanIcon = (value) => {
-    if (value) {
-      return /* @__PURE__ */ jsx116(CheckIcon2, { sx: { fontSize: 16 } });
-    }
-    return "-";
-  };
-  return /* @__PURE__ */ jsx116(Tooltip7, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx116(
-    TableCell5,
-    {
-      ref: cellRef,
-      align: "left",
-      sx: {
-        width: width ?? "auto",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      },
-      children: isEditMode && editableCellType ? editableComponents[editableCellType] : typeof readOnlyValue === "boolean" ? getReadOnlyBooleanIcon(readOnlyValue) : readOnlyValue
-    }
-  ) });
+    ) }),
+    children
+  ] }) });
 };
+var TableDesktop_default = TableDesktop;
 
 // src/components/TableHeader/TableHeader.tsx
-import { memo as memo23, useEffect as useEffect14, useState as useState20 } from "react";
+import { memo as memo22, useEffect as useEffect10, useState as useState17 } from "react";
 import { ImportExport as ImportExportIcon } from "@mui/icons-material";
-import { TableCell as TableCell6, TableHead as TableHead3, TableRow as TableRow4, TableSortLabel as TableSortLabel3 } from "@mui/material";
+import { TableCell as TableCell4, TableHead as TableHead3, TableRow as TableRow4, TableSortLabel as TableSortLabel3 } from "@mui/material";
 import { makeStyles as makeStyles50 } from "tss-react/mui";
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var useStyles50 = makeStyles50()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
@@ -7671,9 +7396,9 @@ var useStyles50 = makeStyles50()(() => ({
   }
 }));
 var TableHeader = ({ cells, onSort = null }) => {
-  const [sortableCells, setSortableCells] = useState20([]);
+  const [sortableCells, setSortableCells] = useState17([]);
   const { classes } = useStyles50();
-  useEffect14(() => {
+  useEffect10(() => {
     setSortableCells(cells);
   }, []);
   const getNewSortDirection = (direction) => {
@@ -7707,7 +7432,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     });
     setSortableCells(sortedCells);
   };
-  return /* @__PURE__ */ jsx117(TableHead3, { children: /* @__PURE__ */ jsx117(TableRow4, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx117(TableCell6, { children: cell.isSortable ? /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx113(TableHead3, { children: /* @__PURE__ */ jsx113(TableRow4, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx113(TableCell4, { children: cell.isSortable ? /* @__PURE__ */ jsx113(
     TableSortLabel3,
     {
       className: classes.sortLabel,
@@ -7718,12 +7443,12 @@ var TableHeader = ({ cells, onSort = null }) => {
     }
   ) : cell.label }, cell.label || key)) }) });
 };
-var TableHeader_default = memo23(TableHeader);
+var TableHeader_default = memo22(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
-import { Box as Box34, Typography as Typography27, Divider as Divider10, Button as Button13 } from "@mui/material";
+import { Box as Box31, Typography as Typography26, Divider as Divider10, Button as Button13 } from "@mui/material";
 import { makeStyles as makeStyles51 } from "tss-react/mui";
-import { jsx as jsx118, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs78 } from "react/jsx-runtime";
 var useStyles51 = makeStyles51()(() => ({
   icon: {
     fontSize: 20
@@ -7761,18 +7486,18 @@ var TextDivider = ({
   const { classes } = useStyles51();
   const iconColor = color ?? colors.neutral900;
   return /* @__PURE__ */ jsxs78(
-    Box34,
+    Box31,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       className: classes.container,
       children: [
-        /* @__PURE__ */ jsx118(Divider10, { className: classes.leftDivider }),
-        /* @__PURE__ */ jsx118(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs78(Box34, { className: classes.center, children: [
-          Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx118(Icon2, { className: classes.icon, style: { color: iconColor } }),
-          /* @__PURE__ */ jsx118(
-            Typography27,
+        /* @__PURE__ */ jsx114(Divider10, { className: classes.leftDivider }),
+        /* @__PURE__ */ jsx114(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs78(Box31, { className: classes.center, children: [
+          Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx114(Icon2, { className: classes.icon, style: { color: iconColor } }),
+          /* @__PURE__ */ jsx114(
+            Typography26,
             {
               color: "textSecondary",
               className: classes.title,
@@ -7780,9 +7505,9 @@ var TextDivider = ({
               children: title
             }
           ),
-          Icon2 && iconPosition === "right" && /* @__PURE__ */ jsx118(Icon2, { className: classes.icon, style: { color: iconColor } })
+          Icon2 && iconPosition === "right" && /* @__PURE__ */ jsx114(Icon2, { className: classes.icon, style: { color: iconColor } })
         ] }) }),
-        /* @__PURE__ */ jsx118(Divider10, { className: classes.rightDivider })
+        /* @__PURE__ */ jsx114(Divider10, { className: classes.rightDivider })
       ]
     }
   );
@@ -7794,7 +7519,7 @@ import { DateRangePicker } from "react-dates";
 import { makeStyles as makeStyles52 } from "tss-react/mui";
 import "react-dates/initialize";
 import "react-dates/lib/css/_datepicker.css";
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var useStyles52 = makeStyles52()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
@@ -7890,15 +7615,15 @@ var ThemedDateRangePicker = ({
   ...props
 }) => {
   const { classes, cx } = useStyles52();
-  return /* @__PURE__ */ jsx119("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx119(DateRangePicker, { ...props }) });
+  return /* @__PURE__ */ jsx115("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx115(DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
-import { memo as memo24 } from "react";
-import { AppBar, Box as Box35, Toolbar } from "@mui/material";
+import { memo as memo23 } from "react";
+import { AppBar, Box as Box32, Toolbar } from "@mui/material";
 import { makeStyles as makeStyles53 } from "tss-react/mui";
-import { jsx as jsx120, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs79 } from "react/jsx-runtime";
 var useStyles53 = makeStyles53()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
@@ -7918,9 +7643,9 @@ var TheToolbar = ({
   rightSection
 }) => {
   const { classes } = useStyles53();
-  return /* @__PURE__ */ jsxs79(Box35, { children: [
-    /* @__PURE__ */ jsx120(AppBar, { children: /* @__PURE__ */ jsxs79(Toolbar, { className: classes.topBar, children: [
-      /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsxs79(Box32, { children: [
+    /* @__PURE__ */ jsx116(AppBar, { children: /* @__PURE__ */ jsxs79(Toolbar, { className: classes.topBar, children: [
+      /* @__PURE__ */ jsx116(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -7929,7 +7654,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ),
-      /* @__PURE__ */ jsx120(
+      /* @__PURE__ */ jsx116(
         CompanyLogo_default,
         {
           size: "small",
@@ -7938,30 +7663,30 @@ var TheToolbar = ({
           imageLogoLightSmall
         }
       ),
-      /* @__PURE__ */ jsx120(Box35, { ml: 2, children: leftSection }),
-      /* @__PURE__ */ jsx120(Box35, { ml: "auto", children: rightSection })
+      /* @__PURE__ */ jsx116(Box32, { ml: 2, children: leftSection }),
+      /* @__PURE__ */ jsx116(Box32, { ml: "auto", children: rightSection })
     ] }) }),
     LeftDrawer
   ] });
 };
-var TheToolbar_default = memo24(TheToolbar);
+var TheToolbar_default = memo23(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
 import { Alert as MuiAlert, Snackbar } from "@mui/material";
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var ToastMessage = ({
   toastType,
   toastMessage,
   open,
   onClose
-}) => /* @__PURE__ */ jsx121(
+}) => /* @__PURE__ */ jsx117(
   Snackbar,
   {
     open,
     autoHideDuration: 1500,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
-    children: /* @__PURE__ */ jsx121(
+    children: /* @__PURE__ */ jsx117(
       MuiAlert,
       {
         elevation: 6,
@@ -7989,16 +7714,16 @@ var ToastMessage_default = ToastMessage;
 
 // src/components/TwoButtonDialog/TwoButtonDialog.tsx
 import {
-  Typography as Typography28,
+  Typography as Typography27,
   Dialog as Dialog5,
   Backdrop,
-  Box as Box36,
+  Box as Box33,
   Divider as Divider11,
   Paper as Paper12,
   Fade as Fade2
 } from "@mui/material";
 import { makeStyles as makeStyles54 } from "tss-react/mui";
-import { jsx as jsx122, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs80 } from "react/jsx-runtime";
 var useStyles54 = makeStyles54()((theme) => ({
   paper: {
     padding: theme.spacing(2)
@@ -8028,7 +7753,7 @@ var TwoButtonDialog = ({
   cancelButton
 }) => {
   const { classes } = useStyles54();
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx118(
     Dialog5,
     {
       open,
@@ -8038,10 +7763,10 @@ var TwoButtonDialog = ({
       closeAfterTransition: true,
       BackdropComponent: Backdrop,
       BackdropProps: { timeout: 500 },
-      children: /* @__PURE__ */ jsx122(Fade2, { in: open, children: /* @__PURE__ */ jsxs80(Paper12, { className: classes.paper, children: [
-        /* @__PURE__ */ jsxs80(Box36, { className: classes.mb, children: [
-          /* @__PURE__ */ jsx122(Typography28, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx122(
-            Box36,
+      children: /* @__PURE__ */ jsx118(Fade2, { in: open, children: /* @__PURE__ */ jsxs80(Paper12, { className: classes.paper, children: [
+        /* @__PURE__ */ jsxs80(Box33, { className: classes.mb, children: [
+          /* @__PURE__ */ jsx118(Typography27, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx118(
+            Box33,
             {
               sx: {
                 fontWeight: 600
@@ -8050,22 +7775,22 @@ var TwoButtonDialog = ({
             }
           ) }),
           /* @__PURE__ */ jsxs80(
-            Box36,
+            Box33,
             {
               className: classes.mt,
               sx: {
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ jsx122(Typography28, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ jsx122(Typography28, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ jsx118(Typography27, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ jsx118(Typography27, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx122(Divider11, {}),
-        /* @__PURE__ */ jsxs80(Box36, { className: classes.buttonContainer, children: [
-          /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx118(Divider11, {}),
+        /* @__PURE__ */ jsxs80(Box33, { className: classes.buttonContainer, children: [
+          /* @__PURE__ */ jsx118(
             FilledButton_default,
             {
               copy: cancelLabel,
@@ -8078,7 +7803,7 @@ var TwoButtonDialog = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx122(
+          /* @__PURE__ */ jsx118(
             FilledButton_default,
             {
               color: "primary",
@@ -8087,7 +7812,7 @@ var TwoButtonDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx122(Loading_default, { isLoading: dialogLoading })
+        /* @__PURE__ */ jsx118(Loading_default, { isLoading: dialogLoading })
       ] }) })
     }
   );
@@ -8095,11 +7820,11 @@ var TwoButtonDialog = ({
 var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/UserBust/UserBust.tsx
-import { memo as memo25 } from "react";
-import { Avatar as Avatar2, Typography as Typography29 } from "@mui/material";
-import { jsx as jsx123, jsxs as jsxs81 } from "react/jsx-runtime";
+import { memo as memo24 } from "react";
+import { Avatar as Avatar2, Typography as Typography28 } from "@mui/material";
+import { jsx as jsx119, jsxs as jsxs81 } from "react/jsx-runtime";
 var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs81("div", { children: [
-  /* @__PURE__ */ jsx123(
+  /* @__PURE__ */ jsx119(
     Avatar2,
     {
       src: user.profile_picture,
@@ -8108,17 +7833,17 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs8
     }
   ),
   /* @__PURE__ */ jsxs81("div", { style: { paddingTop: 16 }, children: [
-    /* @__PURE__ */ jsx123(Typography29, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
-    /* @__PURE__ */ jsx123(Typography29, { ...typographyProps.username, children: user.username })
+    /* @__PURE__ */ jsx119(Typography28, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ jsx119(Typography28, { ...typographyProps.username, children: user.username })
   ] })
 ] });
-var UserBust_default = memo25(UserBust);
+var UserBust_default = memo24(UserBust);
 
 // src/components/icons/IconChart.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var SvgIconChart = (props) => {
   const { fill } = props;
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx120(
     "svg",
     {
       width: "20",
@@ -8127,7 +7852,7 @@ var SvgIconChart = (props) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
-      children: /* @__PURE__ */ jsx124(
+      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",
@@ -8193,7 +7918,6 @@ export {
   ScrollableDialog_default as ScrollableDialog,
   SearchAndFilterHeader_default as SearchAndFilterHeader,
   SearchAndFilterHeaderForTable_default as SearchAndFilterHeaderForTable,
-  SearchFieldDebounced,
   SearchWithFilters_default as SearchWithFilters,
   SearchWithFiltersForTable_default as SearchWithFiltersForTable,
   SectionName_default as SectionName,
@@ -8205,9 +7929,6 @@ export {
   Switch_default as Switch,
   Table_default as Table,
   TableDesktop_default as TableDesktop,
-  TableDesktopRowActions,
-  TableDesktopRowCell,
-  TableDesktopSmartSelect,
   TableEmptyResult_default as TableEmptyResult,
   TableHeader_default as TableHeader,
   TableLoading_default as TableLoading,