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

package/dist/components/index.cjs

@@ -29,9 +29,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// 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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js"(exports2, module2) {
     function isObject(value) {
       var type = typeof value;
       return value != null && (type == "object" || type == "function");
@@ -40,17 +40,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_freeGlobal.js"(exports2, module2) {
     var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
     module2.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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_root.js"(exports2, module2) {
     var freeGlobal = require_freeGlobal();
     var freeSelf = typeof self == "object" && self && self.Object === Object && self;
     var root = freeGlobal || freeSelf || Function("return this")();
@@ -58,9 +58,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/now.js"(exports2, module2) {
     var root = require_root();
     var now = function() {
       return root.Date.now();
@@ -69,9 +69,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_trimmedEndIndex.js"(exports2, module2) {
     var reWhitespace = /\s/;
     function trimmedEndIndex(string) {
       var index = string.length;
@@ -83,9 +83,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseTrim.js"(exports2, module2) {
     var trimmedEndIndex = require_trimmedEndIndex();
     var reTrimStart = /^\s+/;
     function baseTrim(string) {
@@ -95,18 +95,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Symbol.js"(exports2, module2) {
     var root = require_root();
     var Symbol2 = root.Symbol;
     module2.exports = Symbol2;
   }
 });
 
-// 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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getRawTag.js"(exports2, module2) {
     var Symbol2 = require_Symbol();
     var objectProto = Object.prototype;
     var hasOwnProperty = objectProto.hasOwnProperty;
@@ -133,9 +133,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_objectToString.js"(exports2, module2) {
     var objectProto = Object.prototype;
     var nativeObjectToString = objectProto.toString;
     function objectToString(value) {
@@ -145,9 +145,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseGetTag.js"(exports2, module2) {
     var Symbol2 = require_Symbol();
     var getRawTag = require_getRawTag();
     var objectToString = require_objectToString();
@@ -164,9 +164,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObjectLike.js"(exports2, module2) {
     function isObjectLike(value) {
       return value != null && typeof value == "object";
     }
@@ -174,9 +174,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isSymbol.js"(exports2, module2) {
     var baseGetTag = require_baseGetTag();
     var isObjectLike = require_isObjectLike();
     var symbolTag = "[object Symbol]";
@@ -187,9 +187,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/toNumber.js"(exports2, module2) {
     var baseTrim = require_baseTrim();
     var isObject = require_isObject();
     var isSymbol = require_isSymbol();
@@ -220,9 +220,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"(exports2, module2) {
+  "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js"(exports2, module2) {
     var isObject = require_isObject();
     var now = require_now();
     var toNumber = require_toNumber();
@@ -371,7 +371,6 @@ __export(components_exports, {
   ScrollableDialog: () => ScrollableDialog_default,
   SearchAndFilterHeader: () => SearchAndFilterHeader_default,
   SearchAndFilterHeaderForTable: () => SearchAndFilterHeaderForTable_default,
-  SearchFieldDebounced: () => SearchFieldDebounced,
   SearchWithFilters: () => SearchWithFilters_default,
   SearchWithFiltersForTable: () => SearchWithFiltersForTable_default,
   SectionName: () => SectionName_default,
@@ -383,9 +382,6 @@ __export(components_exports, {
   Switch: () => Switch_default,
   Table: () => Table_default,
   TableDesktop: () => TableDesktop_default,
-  TableDesktopRowActions: () => TableDesktopRowActions,
-  TableDesktopRowCell: () => TableDesktopRowCell,
-  TableDesktopSmartSelect: () => TableDesktopSmartSelect,
   TableEmptyResult: () => TableEmptyResult_default,
   TableHeader: () => TableHeader_default,
   TableLoading: () => TableLoading_default,
@@ -6036,8 +6032,6 @@ var useStyles38 = (0, import_mui43.makeStyles)()((theme) => ({
     }
   },
   wrapper: {
-    overflow: "hidden",
-    maxHeight: 728,
     height: "100%",
     backgroundColor: colors.neutral100
   },
@@ -6500,60 +6494,11 @@ var SearchAndFilterHeaderForTable = (props) => {
 };
 var SearchAndFilterHeaderForTable_default = React4.memo(SearchAndFilterHeaderForTable);
 
-// src/components/SearchFieldDebounced/SearchFieldDebounced.tsx
-var import_react28 = require("react");
-var import_material53 = require("@mui/material");
-var import_Search = __toESM(require("@mui/icons-material/Search"), 1);
-var import_jsx_runtime104 = require("react/jsx-runtime");
-var SearchFieldDebounced = ({
-  onSearch,
-  initialValue = "",
-  debounceDelay = 500
-}) => {
-  const [value, setValue] = (0, import_react28.useState)(initialValue);
-  const debounceRef = (0, import_react28.useRef)(null);
-  const handleChange = (e) => {
-    setValue(e.target.value);
-    if (debounceRef.current) {
-      clearTimeout(debounceRef.current);
-    }
-    ;
-    debounceRef.current = window.setTimeout(() => {
-      onSearch(e.target.value);
-    }, debounceDelay);
-  };
-  (0, import_react28.useEffect)(() => {
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_material53.Box, { width: 285, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-    import_material53.TextField,
-    {
-      fullWidth: true,
-      variant: "outlined",
-      placeholder: "Search",
-      value,
-      onChange: handleChange,
-      slotProps: {
-        input: {
-          sx: {
-            maxHeight: 5,
-            px: 2,
-            py: 2.5
-          },
-          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_material53.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_Search.default, { fontSize: "small" }) })
-        }
-      }
-    }
-  ) });
-};
-
 // src/components/SectionName/SectionName.tsx
 var import_icons_material11 = require("@mui/icons-material");
-var import_material54 = require("@mui/material");
+var import_material53 = require("@mui/material");
 var import_mui48 = require("tss-react/mui");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var useStyles43 = (0, import_mui48.makeStyles)()((theme) => ({
   container: {
     display: "flex",
@@ -6596,10 +6541,10 @@ var SectionName = ({
   openHistoryLog
 }) => {
   const { classes } = useStyles43();
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_material54.Box, { className: classes.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_material54.Box, { className: classes.titleContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-        import_material54.Typography,
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material53.Box, { className: classes.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material53.Box, { className: classes.titleContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        import_material53.Typography,
         {
           variant: "h5",
           component: "a",
@@ -6608,7 +6553,7 @@ var SectionName = ({
           children: name
         }
       ),
-      tooltipDescription ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material54.Tooltip, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+      tooltipDescription ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_material53.Tooltip, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         import_icons_material11.Info,
         {
           fontSize: "small",
@@ -6617,8 +6562,8 @@ var SectionName = ({
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_material54.Box, { className: classes.actionButtons, children: [
-      buttonText ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material53.Box, { className: classes.actionButtons, children: [
+      buttonText ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         ExtendedButton_default,
         {
           type: buttonType,
@@ -6631,25 +6576,25 @@ var SectionName = ({
           variant: "text"
         }
       ) : null,
-      openHistoryLog && buttonText && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material54.Divider, { orientation: "vertical", sx: { height: "24px" } }),
-      openHistoryLog && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material54.IconButton, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_icons_material11.History, {}) })
+      openHistoryLog && buttonText && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_material53.Divider, { orientation: "vertical", sx: { height: "24px" } }),
+      openHistoryLog && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_material53.IconButton, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons_material11.History, {}) })
     ] })
   ] });
 };
 var SectionName_default = SectionName;
 
 // src/components/SmartSelect/SmartSelect.tsx
-var import_react29 = require("react");
-var import_material55 = require("@mui/material");
+var import_react28 = require("react");
+var import_material54 = require("@mui/material");
 var import_mui49 = require("tss-react/mui");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var useStyles44 = (0, import_mui49.makeStyles)()(() => ({
   container: {
     display: "flex",
     flexDirection: "column"
   }
 }));
-var SmartSelect = (0, import_react29.forwardRef)(
+var SmartSelect = (0, import_react28.forwardRef)(
   ({
     value,
     defaultOption,
@@ -6668,9 +6613,9 @@ var SmartSelect = (0, import_react29.forwardRef)(
     menuProps
   }, ref) => {
     const { classes } = useStyles44();
-    const [open, setOpen] = (0, import_react29.useState)(false);
-    const [localOptions, setLocalOptions] = (0, import_react29.useState)(options || []);
-    (0, import_react29.useEffect)(() => {
+    const [open, setOpen] = (0, import_react28.useState)(false);
+    const [localOptions, setLocalOptions] = (0, import_react28.useState)(options || []);
+    (0, import_react28.useEffect)(() => {
       if (options) {
         setLocalOptions(options);
       }
@@ -6709,8 +6654,8 @@ var SmartSelect = (0, import_react29.forwardRef)(
         onChange(selectedOption);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
-      import_material55.FormControl,
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+      import_material54.FormControl,
       {
         fullWidth: true,
         className: classes.container,
@@ -6719,21 +6664,21 @@ var SmartSelect = (0, import_react29.forwardRef)(
         "data-testid": dataTestId,
         disabled,
         children: [
-          inputLabel && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-            import_material55.InputLabel,
+          inputLabel && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+            import_material54.InputLabel,
             {
               id: "smart-select-label",
               "data-testid": `${dataTestId}-label`,
               children: inputLabel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
-            import_material55.Select,
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+            import_material54.Select,
             {
               ref,
               disabled,
               labelId: "smart-select-label",
-              value: value ?? "",
+              value,
               onChange: handleChange,
               onOpen: handleOpen,
               error,
@@ -6744,26 +6689,26 @@ var SmartSelect = (0, import_react29.forwardRef)(
               MenuProps: menuProps,
               label: inputLabel,
               children: [
-                isFetching && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-                  import_material55.MenuItem,
+                isFetching && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                  import_material54.MenuItem,
                   {
                     disabled: true,
                     "data-testid": `${dataTestId}-loading`,
                     id: `${dataTestId}-loading`,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material55.CircularProgress, { size: 24 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material54.CircularProgress, { size: 24 })
                   }
                 ),
-                (defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material55.MenuItem, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
-                localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-                  import_material55.MenuItem,
+                (defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material54.MenuItem, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
+                localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                  import_material54.MenuItem,
                   {
                     value: defaultOption?.value,
                     "data-testid": `${dataTestId}-default-option`,
                     children: defaultOption?.label
                   }
                 ),
-                !isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-                  import_material55.MenuItem,
+                !isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                  import_material54.MenuItem,
                   {
                     value: option?.value,
                     "data-testid": `${dataTestId}-option-${option?.value}`,
@@ -6775,7 +6720,7 @@ var SmartSelect = (0, import_react29.forwardRef)(
               ]
             }
           ),
-          helperText && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material55.FormHelperText, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
+          helperText && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material54.FormHelperText, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
         ]
       }
     );
@@ -6784,11 +6729,11 @@ var SmartSelect = (0, import_react29.forwardRef)(
 var SmartSelect_default = SmartSelect;
 
 // src/components/SquareLabel/SquareLabel.tsx
-var import_react30 = require("react");
-var import_material56 = require("@mui/material");
+var import_react29 = require("react");
+var import_material55 = require("@mui/material");
 var import_red2 = __toESM(require("@mui/material/colors/red"), 1);
 var import_mui50 = require("tss-react/mui");
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var useStyles45 = (0, import_mui50.makeStyles)()((theme) => ({
   red: {
     backgroundColor: import_red2.default["50"],
@@ -6803,15 +6748,15 @@ var useStyles45 = (0, import_mui50.makeStyles)()((theme) => ({
 }));
 var SquareLabel = ({ color, copy }) => {
   const { classes } = useStyles45();
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material56.Typography, { className: classes[color], children: copy });
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material55.Typography, { className: classes[color], children: copy });
 };
-var SquareLabel_default = (0, import_react30.memo)(SquareLabel);
+var SquareLabel_default = (0, import_react29.memo)(SquareLabel);
 
 // src/components/Switch/Switch.tsx
-var import_react31 = require("react");
-var import_material57 = require("@mui/material");
+var import_react30 = require("react");
+var import_material56 = require("@mui/material");
 var import_mui51 = require("tss-react/mui");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var LSwitch = ({
   checked,
   labelOn,
@@ -6819,8 +6764,8 @@ var LSwitch = ({
   handleChange,
   classes,
   disabled
-}) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: classes.c_switch, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
-  import_material57.Grid2,
+}) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: classes.c_switch, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+  import_material56.Grid2,
   {
     component: "label",
     container: true,
@@ -6829,9 +6774,9 @@ var LSwitch = ({
       alignItems: "center"
     },
     children: [
-      labelOff && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Grid2, { children: labelOff }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Grid2, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
-        import_material57.Switch,
+      labelOff && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material56.Grid2, { children: labelOff }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material56.Grid2, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        import_material56.Switch,
         {
           checked,
           color: "primary",
@@ -6839,7 +6784,7 @@ var LSwitch = ({
           disabled
         }
       ) }),
-      labelOn && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Grid2, { children: labelOn })
+      labelOn && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material56.Grid2, { children: labelOn })
     ]
   }
 ) });
@@ -6861,26 +6806,245 @@ var LabelledSwitch = (0, import_mui51.withStyles)(LSwitch, (theme) => ({
     fontSize: "1rem"
   }
 }));
-var Switch_default = (0, import_react31.memo)(LabelledSwitch);
+var Switch_default = (0, import_react30.memo)(LabelledSwitch);
 
 // src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
-var import_react34 = require("react");
+var import_react31 = require("react");
 var import_Check = __toESM(require("@mui/icons-material/Check"), 1);
-var import_material61 = require("@mui/material");
+var import_material57 = require("@mui/material");
 var import_classnames3 = __toESM(require("classnames"), 1);
-var import_mui55 = require("tss-react/mui");
-
-// src/components/TableDesktop/TableDesktop.tsx
-var import_react33 = require("react");
-var import_material60 = require("@mui/material");
-var import_mui54 = require("tss-react/mui");
+var import_mui52 = require("tss-react/mui");
+var import_jsx_runtime108 = require("react/jsx-runtime");
+var useStyles46 = (0, import_mui52.makeStyles)()((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 } = useStyles46();
+  const [anchorEl, setAnchorEl] = (0, import_react31.useState)(null);
+  const [selectedFilters, setSelectedFilters] = (0, import_react31.useState)(
+    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);
+  };
+  (0, import_react31.useEffect)(() => {
+    setSelectedFilters(headerFilters[headCell.id] ?? []);
+  }, [headerFilters, headCell.id]);
+  const isOptionChecked = (0, import_react31.useMemo)(() => (resolvedOption) => !!selectedFilters?.some(
+    (value) => resolveFilterOption(value) === resolvedOption
+  ), [selectedFilters]);
+  const loadingSkeletons = /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_material57.Box, { "data-testid": "loading-skeletons", width: 272, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Skeleton, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Skeleton, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Skeleton, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Skeleton, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Skeleton, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Skeleton, { variant: "rounded", className: classes.skeleton })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      ActiveFiltersIconButton_default,
+      {
+        numActiveFilters,
+        handleClick: handleFilterMenuOpen,
+        className: (0, import_classnames3.default)("filter-menu-trigger", {
+          "has-active-filters": !!numActiveFilters || !!anchorEl
+        })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      import_material57.Menu,
+      {
+        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__ */ (0, import_jsx_runtime108.jsxs)(import_material57.Box, { className: classes.filterMenu, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Box, { px: 3, mb: 0.5, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            import_material57.FormControlLabel,
+            {
+              label: "Select All",
+              control: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+                import_material57.Checkbox,
+                {
+                  disableRipple: true,
+                  checked: numCurrentSelectedFilters === numFilterOptions,
+                  indeterminate: numCurrentSelectedFilters > 0 && numCurrentSelectedFilters < numFilterOptions,
+                  onChange: ({ target: { checked } }) => {
+                    if (checked) {
+                      setSelectedFilters([...filterOptions]);
+                    } else {
+                      setSelectedFilters([]);
+                    }
+                  }
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Divider, { sx: { mb: 0.5 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Box, { className: classes.filterOptions, children: filterOptions.map(
+            (option) => {
+              const resolvedOption = resolveFilterOption(option);
+              return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+                import_material57.Box,
+                {
+                  className: classes.filter,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+                      import_material57.FormControlLabel,
+                      {
+                        label: resolvedOption,
+                        control: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+                          import_material57.Checkbox,
+                          {
+                            disableRipple: true,
+                            onChange: () => handleFilterOptionClick(option),
+                            checked: isOptionChecked(resolvedOption)
+                          }
+                        )
+                      },
+                      resolvedOption
+                    ),
+                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Tooltip, { title: "This filter is saved as default", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_Check.default, { fontSize: "small", color: "action" }) }) : null
+                  ]
+                },
+                resolvedOption
+              );
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material57.Divider, { sx: { mb: 0.5 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_material57.Box, { className: classes.applyFilterButtonsContainer, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+              ExtendedButton_default,
+              {
+                copy: "Save as Default",
+                buttonType: "button",
+                variant: "text",
+                tooltip: "Persists those filters for future visits",
+                className: classes.saveAsDefaultButton,
+                onClick: () => handleApplyFilters(true)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+              ExtendedButton_default,
+              {
+                copy: "Apply",
+                color: "primary",
+                buttonType: "submit",
+                onClick: () => handleApplyFilters(false)
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+var SmartTableHeaderFilterMenu_default = (0, import_react31.memo)(SmartTableHeaderFilterMenu);
 
 // src/components/SmartTableHeader/SmartTableHeader.tsx
 var import_react32 = require("react");
 var import_material58 = require("@mui/material");
-var import_mui52 = require("tss-react/mui");
+var import_mui53 = require("tss-react/mui");
 var import_jsx_runtime109 = require("react/jsx-runtime");
-var useStyles46 = (0, import_mui52.makeStyles)()((theme) => ({
+var useStyles47 = (0, import_mui53.makeStyles)()((theme) => ({
   root: {
     backgroundColor: colors.neutral100,
     height: theme.spacing(6),
@@ -6947,7 +7111,7 @@ var SmartTableHeader = ({
   onApplyFilters,
   shouldShowCheckOnFilter
 }) => {
-  const { classes } = useStyles46();
+  const { classes } = useStyles47();
   const createSortHandler = (property) => (event) => {
     onRequestSort(event, property);
   };
@@ -6957,64 +7121,237 @@ var SmartTableHeader = ({
       import_material58.Checkbox,
       {
         color: "primary",
-        disableRipple: true,
         indeterminate: numSelected > 0 && numSelected < numRows,
         checked: numRows > 0 && numSelected === numRows,
         onChange: onSelectAllClick
       }
     ) }) : null,
-    headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
       import_material58.TableCell,
       {
         className: classes.tableHeaderContent,
         align: "left",
-        width: headCell.width ?? "auto",
+        sx: { width: headCell.width ?? "auto" },
         sortDirection: orderBy === headCell.id ? order : false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
-          import_material58.Box,
-          {
-            display: "flex",
-            flexDirection: "row",
-            gap: headCell.disableSort ? 1 : 0,
-            children: [
-              headCell.disableSort ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material58.Typography, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
-                import_material58.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__ */ (0, import_jsx_runtime109.jsx)("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
-                  ]
-                }
-              ),
-              headCell.refetchFilterOptions ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-                SmartTableHeaderFilterMenu_default,
-                {
-                  headCell,
-                  headerFilters,
-                  numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
-                  onApplyFilters,
-                  shouldShowCheckOnFilter
-                }
-              ) : null
-            ]
-          }
-        )
-      },
-      headCell.id
-    ))
-  ] }) });
-};
-var SmartTableHeader_default = (0, import_react32.memo)(SmartTableHeader);
-
-// src/components/TableEmptyResult/TableEmptyResult.tsx
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+            import_material58.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__ */ (0, import_jsx_runtime109.jsx)("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
+              ]
+            }
+          ),
+          headCell.filterOptionsQuery ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+            SmartTableHeaderFilterMenu_default,
+            {
+              headCell,
+              headerFilters,
+              numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
+              onApplyFilters,
+              shouldShowCheckOnFilter
+            }
+          ) : null
+        ]
+      },
+      headCell.id
+    ))
+  ] }) });
+};
+var SmartTableHeader_default = (0, import_react32.memo)(SmartTableHeader);
+
+// src/components/Table/Table.tsx
+var import_react33 = require("react");
+var import_material60 = require("@mui/material");
+var import_debounce = __toESM(require_debounce(), 1);
+var import_mui54 = require("tss-react/mui");
+var import_uuid = require("uuid");
+
+// src/components/TableLoading/TableLoading.tsx
 var import_material59 = require("@mui/material");
-var import_mui53 = require("tss-react/mui");
 var import_jsx_runtime110 = require("react/jsx-runtime");
-var useStyles47 = (0, import_mui53.makeStyles)()(() => ({
+var TableLoading = ({
+  rowsPerPage,
+  rowHeight
+}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material59.Box, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  import_material59.Skeleton,
+  {
+    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]);
+  stabilizedThis.sort((a, b) => {
+    const order = cmp(a[0], b[0]);
+    if (order !== 0) {
+      return order;
+    }
+    return a[1] - b[1];
+  });
+  return stabilizedThis.map((el) => el[0]);
+}
+function descendingComparator(a, b, orderBy) {
+  if (b[orderBy] < a[orderBy]) {
+    return -1;
+  }
+  if (b[orderBy] > a[orderBy]) {
+    return 1;
+  }
+  return 0;
+}
+function getSorting(order, orderBy) {
+  return order === "desc" ? (a, b) => descendingComparator(a, b, orderBy) : (a, b) => -descendingComparator(a, b, orderBy);
+}
+function calculateRowsPerPage(rowHeight) {
+  const appContainerDom = document.getElementById("mainContainer");
+  const headerDom = document.getElementById("aboveTableHeader");
+  if (appContainerDom && headerDom) {
+    return Math.floor(
+      (appContainerDom.clientHeight - headerDom.clientHeight - 24) / rowHeight - 2
+    );
+  }
+  return 1;
+}
+
+// src/components/Table/Table.tsx
+var import_jsx_runtime111 = require("react/jsx-runtime");
+var useStyles48 = (0, import_mui54.makeStyles)()(() => ({
+  root: {
+    height: "calc(100vh - 262px)",
+    overflow: "scroll"
+  },
+  paper: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between"
+  },
+  header: {
+    "& .MuiTableSortLabel-root": {
+      fontWeight: 600,
+      fontSize: ".875rem"
+    }
+  },
+  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] = (0, import_react33.useState)(appliedFilters?.sortDir || "desc");
+  const [orderBy, setOrderBy] = (0, import_react33.useState)(
+    appliedFilters?.sortField || "delivery_date"
+  );
+  const [rowsPerPage, setRowsPerPage] = (0, import_react33.useState)(defaultRowsPerPage);
+  const { classes } = useStyles48();
+  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);
+    }
+  };
+  (0, import_react33.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__ */ (0, import_jsx_runtime111.jsx)(RenderItem, { ...row }, row.id);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableRow, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableCell, { children: row[column.id] }, column.id)) }, row.id);
+    });
+    if (emptyRows > 0 && rowsPerPage > emptyRows) {
+      rowsComponents.push(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableCell, { colSpan: 8 }) }, (0, import_uuid.v4)())
+      );
+    }
+    return rowsComponents;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.Paper, { className: classes.root, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.Box, { className: classes.paper, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableContainer, { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_material60.Table, { size: "medium", stickyHeader: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableHead, { className: classes.header, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableRow, { children: headCells?.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      import_material60.TableCell,
+      {
+        align: "left",
+        sortDirection: orderBy === headCell.id ? order : void 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+          import_material60.TableSortLabel,
+          {
+            active: orderBy === headCell.id,
+            direction: orderBy === headCell.id ? order : "asc",
+            onClick: createSortHandler(headCell.id),
+            children: headCell.label
+          }
+        )
+      },
+      headCell.id
+    )) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_material60.TableBody, { children: [
+      getTableRows(),
+      rowsPerPage === emptyRows && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableCell, { colSpan: 8, align: "center", children: "Nothing to display" }) })
+    ] })
+  ] }) }) }) });
+};
+var Table_default = Table;
+
+// src/components/TableDesktop/TableDesktop.tsx
+var import_react34 = require("react");
+var import_material62 = require("@mui/material");
+var import_mui56 = require("tss-react/mui");
+
+// src/components/TableEmptyResult/TableEmptyResult.tsx
+var import_material61 = require("@mui/material");
+var import_mui55 = require("tss-react/mui");
+var import_jsx_runtime112 = require("react/jsx-runtime");
+var useStyles49 = (0, import_mui55.makeStyles)()(() => ({
   tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
   tableCellDefault: { padding: 24 }
 }));
@@ -7024,18 +7361,18 @@ var TableEmptyResult = ({
   handleClickOnClearFiltersButton = () => {
   }
 }) => {
-  const { classes } = useStyles47();
-  return showClearFilterButton ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material59.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
-    import_material59.TableCell,
+  const { classes } = useStyles49();
+  return showClearFilterButton ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+    import_material61.TableCell,
     {
       className: classes.tableCellIcon,
       colSpan,
       align: "center",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(EmptyGlassIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material59.Typography, { variant: "h6", children: "No results found." }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material59.Typography, { variant: "subtitle1", children: "Search without applied filters?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(EmptyGlassIcon_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Typography, { variant: "h6", children: "No results found." }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Typography, { variant: "subtitle1", children: "Search without applied filters?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           FilledButton_default,
           {
             copy: "Search",
@@ -7046,8 +7383,8 @@ var TableEmptyResult = ({
         )
       ]
     }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material59.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-    import_material59.TableCell,
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+    import_material61.TableCell,
     {
       className: classes.tableCellDefault,
       colSpan,
@@ -7059,8 +7396,8 @@ var TableEmptyResult = ({
 var TableEmptyResult_default = TableEmptyResult;
 
 // src/components/TableDesktop/TableDesktop.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
-var useStyles48 = (0, import_mui54.makeStyles)()((theme) => ({
+var import_jsx_runtime113 = require("react/jsx-runtime");
+var useStyles50 = (0, import_mui56.makeStyles)()((theme) => ({
   root: {
     justifyContent: "space-between",
     display: "flex",
@@ -7090,7 +7427,7 @@ var useStyles48 = (0, import_mui54.makeStyles)()((theme) => ({
     }
   }
 }));
-var descendingComparator = (a, b, orderBy) => {
+var descendingComparator2 = (a, b, orderBy) => {
   const objA = a[orderBy];
   const objB = b[orderBy];
   const valA = typeof objA === "object" ? objA?.name : objA;
@@ -7104,522 +7441,67 @@ var descendingComparator = (a, b, orderBy) => {
   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] = (0, import_react33.useState)(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = (0, import_react33.useState)(
-    appliedFilters?.sortField || "delivery_date"
-  );
-  const [selected, setSelected] = (0, import_react33.useState)(/* @__PURE__ */ new Set());
-  const [page] = (0, import_react33.useState)(0);
-  const { classes } = useStyles48();
-  const rowHeight = 56;
-  const emptyRows = (0, import_react33.useMemo)(
-    () => rowsPerPage - data.length,
-    [rowsPerPage, data]
-  );
-  const visibleHeadCells = (0, import_react33.useMemo)(
-    () => headCells.filter((headCell) => headCell?.enabled ?? true),
-    [headCells]
-  );
-  const handleSelectAllClick = (0, import_react33.useCallback)(
-    (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 = (0, import_react33.useCallback)(
-    (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 = (0, import_react33.useMemo)(() => {
-    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__ */ (0, import_jsx_runtime111.jsx)(
-        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
-  ]);
-  (0, import_react33.useEffect)(() => {
-    if (!enableCheckboxSelection) {
-      setSelected(/* @__PURE__ */ new Set());
-    }
-  }, [enableCheckboxSelection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_material60.Paper, { className: classes.paper, children: [
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.Box, { width: "100%", overflow: "hidden", children: [...Array(Math.floor(rowsPerPage ?? 50))].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-      import_material60.Skeleton,
-      {
-        animation: "pulse",
-        variant: "rounded",
-        sx: { margin: 1 },
-        height: rowHeight,
-        "data-testid": "loading-skeleton"
-      },
-      index
-    )) }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableContainer, { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
-      import_material60.Table,
-      {
-        stickyHeader: true,
-        "aria-labelledby": "tableTitle",
-        "aria-label": "sticky table",
-        style: { tableLayout },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-            SmartTableHeader_default,
-            {
-              headCells: visibleHeadCells,
-              order,
-              orderBy,
-              numSelected: selected.size,
-              numRows: data.length,
-              enableCheckboxSelection,
-              headerFilters: headerFilters ?? {},
-              onRequestSort: handleRequestSort,
-              onSelectAllClick: handleSelectAllClick,
-              onApplyFilters,
-              shouldShowCheckOnFilter
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableBody, { children: rowsPerPage !== emptyRows ? renderTableRows : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-            TableEmptyResult_default,
-            {
-              colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
-              showClearFilterButton,
-              handleClickOnClearFiltersButton
-            }
-          ) })
-        ]
-      }
-    ) }),
-    children
-  ] }) });
-};
-var TableDesktop_default = TableDesktop;
-
-// src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
-var useStyles49 = (0, import_mui55.makeStyles)()((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 } = useStyles49();
-  const [anchorEl, setAnchorEl] = (0, import_react34.useState)(null);
-  const [filterOptionsData, setFilterOptionsData] = (0, import_react34.useState)();
-  const [selectedFilters, setSelectedFilters] = (0, import_react34.useState)(
-    headerFilters[headCell.id] ?? []
-  );
-  (0, import_react34.useEffect)(() => {
-    if (headCell.filterOptions) {
-      setFilterOptionsData(headCell.filterOptions);
-    }
-  }, [headCell.filterOptions]);
-  const numFilterOptions = (0, import_react34.useMemo)(() => 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);
-  };
-  (0, import_react34.useEffect)(() => {
-    setSelectedFilters(headerFilters[headCell.id] ?? []);
-  }, [headerFilters, headCell.id]);
-  const isOptionChecked = (0, import_react34.useMemo)(() => (resolvedOption) => !!selectedFilters?.some(
-    (value) => resolveOptionType(value, headCell.fieldName ?? "") === resolvedOption
-  ), [selectedFilters]);
-  const loadingSkeletons = /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_material61.Box, { "data-testid": "loading-skeletons", width: 272, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Skeleton, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Skeleton, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Skeleton, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Skeleton, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Skeleton, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Skeleton, { variant: "rounded", className: classes.skeleton })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-      ActiveFiltersIconButton_default,
-      {
-        numActiveFilters,
-        handleClick: handleFilterMenuOpen,
-        className: (0, import_classnames3.default)("filter-menu-trigger", {
-          "has-active-filters": !!numActiveFilters || !!anchorEl
-        })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-      import_material61.Menu,
-      {
-        open: !!anchorEl,
-        onClose: handleFilterMenuClose,
-        anchorEl,
-        "data-testid": "filter-menu",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_material61.Box, { className: classes.filterMenu, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Box, { px: 3, mb: 0.5, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-            import_material61.FormControlLabel,
-            {
-              label: "Select All",
-              control: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-                import_material61.Checkbox,
-                {
-                  disableRipple: true,
-                  checked: numCurrentSelectedFilters === numFilterOptions,
-                  indeterminate: numCurrentSelectedFilters > 0 && numCurrentSelectedFilters < numFilterOptions,
-                  onChange: ({ target: { checked } }) => {
-                    if (checked) {
-                      setSelectedFilters([...filterOptionsData]);
-                    } else {
-                      setSelectedFilters([]);
-                    }
-                  }
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Divider, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Box, { className: classes.filterOptions, children: filterOptionsData?.map(
-            (option) => {
-              const resolvedOption = resolveOptionType(option, headCell.fieldName ?? "");
-              return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
-                import_material61.Box,
-                {
-                  className: classes.filter,
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-                      import_material61.FormControlLabel,
-                      {
-                        label: resolvedOption,
-                        control: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-                          import_material61.Checkbox,
-                          {
-                            disableRipple: true,
-                            onChange: () => handleFilterOptionClick(option),
-                            checked: isOptionChecked(resolvedOption)
-                          }
-                        )
-                      },
-                      resolvedOption
-                    ),
-                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Tooltip, { title: "This filter is saved as default", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_Check.default, { fontSize: "small", color: "action" }) }) : null
-                  ]
-                },
-                resolvedOption
-              );
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Divider, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_material61.Box, { className: classes.applyFilterButtonsContainer, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-              ExtendedButton_default,
-              {
-                copy: "Save as Default",
-                buttonType: "button",
-                variant: "text",
-                tooltip: "Persists those filters for future visits",
-                className: classes.saveAsDefaultButton,
-                onClick: () => handleApplyFilters(true)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-              ExtendedButton_default,
-              {
-                copy: "Apply",
-                color: "primary",
-                buttonType: "submit",
-                onClick: () => handleApplyFilters(false)
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-};
-var SmartTableHeaderFilterMenu_default = (0, import_react34.memo)(SmartTableHeaderFilterMenu);
-
-// src/components/Table/Table.tsx
-var import_react35 = require("react");
-var import_material63 = require("@mui/material");
-var import_debounce = __toESM(require_debounce(), 1);
-var import_mui56 = require("tss-react/mui");
-var import_uuid = require("uuid");
-
-// src/components/TableLoading/TableLoading.tsx
-var import_material62 = require("@mui/material");
-var import_jsx_runtime113 = require("react/jsx-runtime");
-var TableLoading = ({
-  rowsPerPage,
-  rowHeight
-}) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material62.Box, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-  import_material62.Skeleton,
-  {
-    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 stableSort2(array, cmp) {
-  const stabilizedThis = array.map((el, index) => [el, index]);
-  stabilizedThis.sort((a, b) => {
-    const order = cmp(a[0], b[0]);
-    if (order !== 0) {
-      return order;
-    }
-    return a[1] - b[1];
-  });
-  return stabilizedThis.map((el) => el[0]);
-}
-function descendingComparator2(a, b, orderBy) {
-  if (b[orderBy] < a[orderBy]) {
-    return -1;
-  }
-  if (b[orderBy] > a[orderBy]) {
-    return 1;
-  }
-  return 0;
-}
-function getSorting(order, orderBy) {
-  return order === "desc" ? (a, b) => descendingComparator2(a, b, orderBy) : (a, b) => -descendingComparator2(a, b, orderBy);
-}
-function calculateRowsPerPage(rowHeight) {
-  const appContainerDom = document.getElementById("mainContainer");
-  const headerDom = document.getElementById("aboveTableHeader");
-  if (appContainerDom && headerDom) {
-    return Math.floor(
-      (appContainerDom.clientHeight - headerDom.clientHeight - 24) / rowHeight - 2
-    );
-  }
-  return 1;
-}
-
-// src/components/Table/Table.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
-var useStyles50 = (0, import_mui56.makeStyles)()(() => ({
-  root: {
-    height: "calc(100vh - 262px)",
-    overflow: "scroll"
-  },
-  paper: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "space-between"
-  },
-  header: {
-    "& .MuiTableSortLabel-root": {
-      fontWeight: 600,
-      fontSize: ".875rem"
-    }
-  },
-  container: {
-    maxHeight: "calc(100% - 0)"
-  }
-}));
-var Table2 = ({
-  appliedFilters,
+  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] = (0, import_react35.useState)(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = (0, import_react35.useState)(
+  const [order, setOrder] = (0, import_react34.useState)(appliedFilters?.sortDir || "desc");
+  const [orderBy, setOrderBy] = (0, import_react34.useState)(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [rowsPerPage, setRowsPerPage] = (0, import_react35.useState)(defaultRowsPerPage);
+  const [selected, setSelected] = (0, import_react34.useState)([]);
+  const [page] = (0, import_react34.useState)(0);
   const { classes } = useStyles50();
   const rowHeight = 56;
-  const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
+  const emptyRows = (0, import_react34.useMemo)(
+    () => rowsPerPage - data.length,
+    [rowsPerPage, data]
+  );
+  const visibleHeadCells = (0, import_react34.useMemo)(
+    () => headCells.filter((headCell) => headCell?.enabled ?? true),
+    [headCells]
+  );
+  const handleSelectAllClick = (0, import_react34.useCallback)(
+    (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";
@@ -7629,277 +7511,119 @@ var Table2 = ({
       updateSort(property, orderDir);
     }
   };
-  (0, import_react35.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__ */ (0, import_jsx_runtime114.jsx)(RenderItem, { ...row }, row.id);
+  const handleRowCheckboxClick = (0, import_react34.useCallback)(
+    (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__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableRow, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableCell, { children: row[column.id] }, column.id)) }, row.id);
-    });
-    if (emptyRows > 0 && rowsPerPage > emptyRows) {
-      rowsComponents.push(
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableCell, { colSpan: 8 }) }, (0, import_uuid.v4)())
+      setSelected(newSelected);
+    },
+    [selected]
+  );
+  const renderTableRows = (0, import_react34.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime113.jsx)(
+        RenderItem,
+        {
+          ...{
+            ...row,
+            index,
+            deleteItem,
+            isItemSelected,
+            enableCheckboxSelection,
+            keyFieldValue: row[keyField],
+            handleRowCheckboxClick,
+            visibleHeadCells
+          }
+        },
+        row[keyField] ?? index
       );
-    }
-    return rowsComponents;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.Paper, { className: classes.root, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.Box, { className: classes.paper, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableContainer, { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material63.Table, { size: "medium", stickyHeader: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableHead, { className: classes.header, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableRow, { children: headCells?.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-      import_material63.TableCell,
+    });
+  }, [
+    data,
+    order,
+    orderBy,
+    page,
+    rowsPerPage,
+    selected,
+    enableCheckboxSelection,
+    disableInternalSort,
+    deleteItem,
+    keyField,
+    handleRowCheckboxClick,
+    visibleHeadCells,
+    RenderItem
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_material62.Paper, { className: classes.paper, children: [
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material62.Box, { width: "100%", overflow: "hidden", children: [...Array(Math.floor(rowsPerPage ?? 50))].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      import_material62.Skeleton,
       {
-        align: "left",
-        sortDirection: orderBy === headCell.id ? order : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-          import_material63.TableSortLabel,
-          {
-            active: orderBy === headCell.id,
-            direction: orderBy === headCell.id ? order : "asc",
-            onClick: createSortHandler(headCell.id),
-            children: headCell.label
-          }
-        )
-      },
-      headCell.id
-    )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material63.TableBody, { children: [
-      getTableRows(),
-      rowsPerPage === emptyRows && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableCell, { colSpan: 8, align: "center", children: "Nothing to display" }) })
-    ] })
-  ] }) }) }) });
-};
-var Table_default = Table2;
-
-// src/components/TableDesktopRowActions/TableDesktopRowActions.tsx
-var import_material64 = require("@mui/material");
-var import_jsx_runtime115 = require("react/jsx-runtime");
-var TableDesktopRowActions = ({
-  isRowHovered,
-  children,
-  sx,
-  zIndex = 1,
-  backgroundColor
-}) => {
-  return isRowHovered ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-    import_material64.TableCell,
-    {
-      padding: "none",
-      sx: {
-        top: 0,
-        right: 0,
-        zIndex,
-        position: "sticky",
-        display: "flex",
-        justifyContent: "flex-end",
-        alignItems: "center"
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-        import_material64.Box,
-        {
-          sx,
-          display: "flex",
-          flexDirection: "row",
-          borderLeft: `1px solid ${colors.neutral300}`,
-          bgcolor: backgroundColor ?? ((theme) => theme.palette.background.default),
-          children
-        }
-      )
-    }
-  ) : null;
-};
-
-// src/components/TableDesktopRowCell/TableDesktopRowCell.tsx
-var import_react37 = require("react");
-var import_material65 = require("@mui/material");
-
-// src/components/TableDesktopRowCell/TableDesktopSmartSelect.tsx
-var import_react36 = require("react");
-var import_jsx_runtime116 = require("react/jsx-runtime");
-var resolveValue = (value) => {
-  if (typeof value === "string") {
-    return value;
-  }
-  return value?.id;
-};
-var TableDesktopSmartSelect = (0, import_react36.memo)(({
-  ref,
-  initialValue,
-  inputLabel,
-  fieldName,
-  rowId,
-  filterOptions,
-  refetchFilterOptions,
-  isFetchingFilterOptions,
-  onUpdateEditableCell
-}) => {
-  const [value, setValue] = (0, import_react36.useState)(initialValue);
-  const [options, setOptions] = (0, import_react36.useState)();
-  const valueId = resolveValue(value);
-  const valueLabel = resolveOptionType(value, fieldName);
-  (0, import_react36.useEffect)(() => {
-    if (filterOptions) {
-      const parsedOptions = filterOptions?.map((option) => ({
-        value: resolveValue(option),
-        label: String(resolveOptionType(option, fieldName))
-      }));
-      setOptions(parsedOptions);
-    }
-  }, [filterOptions]);
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
-    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
-var import_Check2 = __toESM(require("@mui/icons-material/Check"), 1);
-var import_jsx_runtime117 = require("react/jsx-runtime");
-var TableDesktopRowCell = ({
-  ref,
-  inputLabel,
-  editInitialValue,
-  rowId,
-  fieldName,
-  width,
-  isEditMode,
-  readOnlyValue,
-  editableCellType,
-  filterOptions,
-  refetchFilterOptions,
-  isFetchingFilterOptions,
-  onUpdateEditableCell
-}) => {
-  const cellRef = (0, import_react37.useRef)(null);
-  const [isOverflowed, setIsOverflowed] = (0, import_react37.useState)(false);
-  (0, import_react37.useEffect)(() => {
-    const ref2 = cellRef.current;
-    if (ref2) {
-      setIsOverflowed(ref2.scrollWidth > ref2.clientWidth);
-    }
-  }, [readOnlyValue, width]);
-  const editableComponents = {
-    "select": /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-      TableDesktopSmartSelect,
-      {
-        ref,
-        rowId,
-        fieldName,
-        initialValue: editInitialValue,
-        inputLabel: inputLabel ?? "",
-        filterOptions,
-        refetchFilterOptions,
-        isFetchingFilterOptions,
-        onUpdateEditableCell
-      }
-    ),
-    "checkbox": /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-      import_material65.Checkbox,
-      {
-        disableRipple: true,
-        defaultChecked: editInitialValue,
-        onChange: ({ target: { checked } }) => {
-          onUpdateEditableCell?.(rowId, checked);
-        }
-      }
-    ),
-    "text": /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-      import_material65.TextField,
-      {
-        fullWidth: true,
-        variant: "standard",
-        defaultValue: editInitialValue,
-        label: inputLabel,
-        onBlur: ({ target: { value } }) => {
-          onUpdateEditableCell?.(rowId, value);
-        }
-      }
-    ),
-    "numeric": /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-      import_material65.TextField,
+      index
+    )) }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material62.TableContainer, { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+      import_material62.Table,
       {
-        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__ */ (0, import_jsx_runtime113.jsx)(
+            SmartTableHeader_default,
+            {
+              headCells: visibleHeadCells,
+              order,
+              orderBy,
+              numSelected: selected.length,
+              numRows: data.length,
+              enableCheckboxSelection,
+              headerFilters: headerFilters ?? {},
+              onRequestSort: handleRequestSort,
+              onSelectAllClick: handleSelectAllClick,
+              onApplyFilters,
+              shouldShowCheckOnFilter
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material62.TableBody, { children: rowsPerPage !== emptyRows ? renderTableRows : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+            TableEmptyResult_default,
+            {
+              colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
+              showClearFilterButton,
+              handleClickOnClearFiltersButton
+            }
+          ) })
+        ]
       }
-    )
-  };
-  const getReadOnlyBooleanIcon = (value) => {
-    if (value) {
-      return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_Check2.default, { sx: { fontSize: 16 } });
-    }
-    return "-";
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_material65.Tooltip, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-    import_material65.TableCell,
-    {
-      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
-var import_react38 = require("react");
+var import_react35 = require("react");
 var import_icons_material12 = require("@mui/icons-material");
-var import_material66 = require("@mui/material");
+var import_material63 = require("@mui/material");
 var import_mui57 = require("tss-react/mui");
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var useStyles51 = (0, import_mui57.makeStyles)()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
@@ -7908,9 +7632,9 @@ var useStyles51 = (0, import_mui57.makeStyles)()(() => ({
   }
 }));
 var TableHeader = ({ cells, onSort = null }) => {
-  const [sortableCells, setSortableCells] = (0, import_react38.useState)([]);
+  const [sortableCells, setSortableCells] = (0, import_react35.useState)([]);
   const { classes } = useStyles51();
-  (0, import_react38.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     setSortableCells(cells);
   }, []);
   const getNewSortDirection = (direction) => {
@@ -7944,8 +7668,8 @@ var TableHeader = ({ cells, onSort = null }) => {
     });
     setSortableCells(sortedCells);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material66.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material66.TableRow, { children: sortableCells.map((cell, key) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material66.TableCell, { children: cell.isSortable ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-    import_material66.TableSortLabel,
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableRow, { children: sortableCells.map((cell, key) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material63.TableCell, { children: cell.isSortable ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+    import_material63.TableSortLabel,
     {
       className: classes.sortLabel,
       direction: cell?.direction || "asc",
@@ -7955,12 +7679,12 @@ var TableHeader = ({ cells, onSort = null }) => {
     }
   ) : cell.label }, cell.label || key)) }) });
 };
-var TableHeader_default = (0, import_react38.memo)(TableHeader);
+var TableHeader_default = (0, import_react35.memo)(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
-var import_material67 = require("@mui/material");
+var import_material64 = require("@mui/material");
 var import_mui58 = require("tss-react/mui");
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var useStyles52 = (0, import_mui58.makeStyles)()(() => ({
   icon: {
     fontSize: 20
@@ -7997,19 +7721,19 @@ var TextDivider = ({
 }) => {
   const { classes } = useStyles52();
   const iconColor = color ?? colors.neutral900;
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
-    import_material67.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+    import_material64.Box,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       className: classes.container,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material67.Divider, { className: classes.leftDivider }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material67.Button, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_material67.Box, { className: classes.center, children: [
-          Icon2 && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } }),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
-            import_material67.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material64.Divider, { className: classes.leftDivider }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material64.Button, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_material64.Box, { className: classes.center, children: [
+          Icon2 && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } }),
+          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+            import_material64.Typography,
             {
               color: "textSecondary",
               className: classes.title,
@@ -8017,9 +7741,9 @@ var TextDivider = ({
               children: title
             }
           ),
-          Icon2 && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } })
+          Icon2 && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material67.Divider, { className: classes.rightDivider })
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material64.Divider, { className: classes.rightDivider })
       ]
     }
   );
@@ -8031,7 +7755,7 @@ var import_react_dates = require("react-dates");
 var import_mui59 = require("tss-react/mui");
 var import_initialize = require("react-dates/initialize");
 var import_datepicker = require("react-dates/lib/css/_datepicker.css");
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var useStyles53 = (0, import_mui59.makeStyles)()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
@@ -8127,15 +7851,15 @@ var ThemedDateRangePicker = ({
   ...props
 }) => {
   const { classes, cx } = useStyles53();
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_dates.DateRangePicker, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react_dates.DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
-var import_react39 = require("react");
-var import_material68 = require("@mui/material");
+var import_react36 = require("react");
+var import_material65 = require("@mui/material");
 var import_mui60 = require("tss-react/mui");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var useStyles54 = (0, import_mui60.makeStyles)()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
@@ -8155,9 +7879,9 @@ var TheToolbar = ({
   rightSection
 }) => {
   const { classes } = useStyles54();
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_material68.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.AppBar, { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_material68.Toolbar, { className: classes.topBar, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_material65.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_material65.AppBar, { children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_material65.Toolbar, { className: classes.topBar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -8166,7 +7890,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         CompanyLogo_default,
         {
           size: "small",
@@ -8175,31 +7899,31 @@ var TheToolbar = ({
           imageLogoLightSmall
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.Box, { ml: 2, children: leftSection }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.Box, { ml: "auto", children: rightSection })
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_material65.Box, { ml: 2, children: leftSection }),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_material65.Box, { ml: "auto", children: rightSection })
     ] }) }),
     LeftDrawer
   ] });
 };
-var TheToolbar_default = (0, import_react39.memo)(TheToolbar);
+var TheToolbar_default = (0, import_react36.memo)(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
-var import_material69 = require("@mui/material");
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_material66 = require("@mui/material");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var ToastMessage = ({
   toastType,
   toastMessage,
   open,
   onClose
-}) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
-  import_material69.Snackbar,
+}) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+  import_material66.Snackbar,
   {
     open,
     autoHideDuration: 1500,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
-      import_material69.Alert,
+    children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+      import_material66.Alert,
       {
         elevation: 6,
         variant: "filled",
@@ -8225,9 +7949,9 @@ var ToastMessage = ({
 var ToastMessage_default = ToastMessage;
 
 // src/components/TwoButtonDialog/TwoButtonDialog.tsx
-var import_material70 = require("@mui/material");
+var import_material67 = require("@mui/material");
 var import_mui61 = require("tss-react/mui");
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var useStyles55 = (0, import_mui61.makeStyles)()((theme) => ({
   paper: {
     padding: theme.spacing(2)
@@ -8257,20 +7981,20 @@ var TwoButtonDialog = ({
   cancelButton
 }) => {
   const { classes } = useStyles55();
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-    import_material70.Dialog,
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    import_material67.Dialog,
     {
       open,
       disableEnforceFocus: true,
       maxWidth: "sm",
       fullWidth: true,
       closeAfterTransition: true,
-      BackdropComponent: import_material70.Backdrop,
+      BackdropComponent: import_material67.Backdrop,
       BackdropProps: { timeout: 500 },
-      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Fade, { in: open, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_material70.Paper, { className: classes.paper, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_material70.Box, { className: classes.mb, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Typography, { variant: "h5", component: "div", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-            import_material70.Box,
+      children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material67.Fade, { in: open, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_material67.Paper, { className: classes.paper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_material67.Box, { className: classes.mb, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material67.Typography, { variant: "h5", component: "div", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            import_material67.Box,
             {
               sx: {
                 fontWeight: 600
@@ -8278,23 +8002,23 @@ var TwoButtonDialog = ({
               children: title
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
-            import_material70.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+            import_material67.Box,
             {
               className: classes.mt,
               sx: {
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Typography, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Typography, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material67.Typography, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material67.Typography, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_material70.Box, { className: classes.buttonContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material67.Divider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_material67.Box, { className: classes.buttonContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
             FilledButton_default,
             {
               copy: cancelLabel,
@@ -8307,7 +8031,7 @@ var TwoButtonDialog = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
             FilledButton_default,
             {
               color: "primary",
@@ -8316,7 +8040,7 @@ var TwoButtonDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Loading_default, { isLoading: dialogLoading })
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Loading_default, { isLoading: dialogLoading })
       ] }) })
     }
   );
@@ -8324,30 +8048,30 @@ var TwoButtonDialog = ({
 var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/UserBust/UserBust.tsx
-var import_react40 = require("react");
-var import_material71 = require("@mui/material");
-var import_jsx_runtime124 = require("react/jsx-runtime");
-var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
-    import_material71.Avatar,
+var import_react37 = require("react");
+var import_material68 = require("@mui/material");
+var import_jsx_runtime120 = require("react/jsx-runtime");
+var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    import_material68.Avatar,
     {
       src: user.profile_picture,
       alt: "user_avatar",
       style: { width: avatarProps.width, height: avatarProps.height }
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { style: { paddingTop: 16 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material71.Typography, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material71.Typography, { ...typographyProps.username, children: user.username })
+  /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { style: { paddingTop: 16 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material68.Typography, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material68.Typography, { ...typographyProps.username, children: user.username })
   ] })
 ] });
-var UserBust_default = (0, import_react40.memo)(UserBust);
+var UserBust_default = (0, import_react37.memo)(UserBust);
 
 // src/components/icons/IconChart.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var SvgIconChart = (props) => {
   const { fill } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     "svg",
     {
       width: "20",
@@ -8356,7 +8080,7 @@ var SvgIconChart = (props) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         "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",
@@ -8423,7 +8147,6 @@ var IconChart_default = SvgIconChart;
   ScrollableDialog,
   SearchAndFilterHeader,
   SearchAndFilterHeaderForTable,
-  SearchFieldDebounced,
   SearchWithFilters,
   SearchWithFiltersForTable,
   SectionName,
@@ -8435,9 +8158,6 @@ var IconChart_default = SvgIconChart;
   Switch,
   Table,
   TableDesktop,
-  TableDesktopRowActions,
-  TableDesktopRowCell,
-  TableDesktopSmartSelect,
   TableEmptyResult,
   TableHeader,
   TableLoading,