@natoora-libs/core 0.1.20 → 0.2.0-vini-dev-1

package/dist/components/index.js

@@ -296,39 +296,37 @@ var require_debounce = __commonJS({
 // src/components/ActiveFiltersIconButton/ActiveFiltersIconButton.tsx
 import { memo } from "react";
 import { FilterList } from "@mui/icons-material";
-import {
-  Typography,
-  Chip,
-  IconButton
-} from "@mui/material";
+import { Typography, Chip, IconButton } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-var ActiveFiltersIconButton = memo(({
-  label,
-  className,
-  enableRipple = false,
-  numActiveFilters,
-  handleClick
-}) => /* @__PURE__ */ jsxs(
-  IconButton,
-  {
-    disableRipple: !enableRipple,
-    onClick: handleClick,
-    "data-testid": "filter-menu-button",
-    sx: { padding: 0, gap: 1 },
+var ActiveFiltersIconButton = memo(
+  ({
+    label,
     className,
-    children: [
-      label ? /* @__PURE__ */ jsx(Typography, { variant: "button", fontSize: 12, marginTop: 0.5, children: label }) : null,
-      numActiveFilters > 0 ? /* @__PURE__ */ jsx(
-        Chip,
-        {
-          sx: { height: 24 },
-          label: numActiveFilters,
-          icon: /* @__PURE__ */ jsx(FilterList, { style: { fontSize: 18 }, color: "primary" })
-        }
-      ) : /* @__PURE__ */ jsx(FilterList, { style: { fontSize: 18 } })
-    ]
-  }
-));
+    enableRipple = false,
+    numActiveFilters,
+    handleClick
+  }) => /* @__PURE__ */ jsxs(
+    IconButton,
+    {
+      disableRipple: !enableRipple,
+      onClick: handleClick,
+      "data-testid": "filter-menu-button",
+      sx: { padding: 0, gap: 1 },
+      className,
+      children: [
+        label ? /* @__PURE__ */ jsx(Typography, { variant: "button", fontSize: 12, marginTop: 0.5, children: label }) : null,
+        numActiveFilters > 0 ? /* @__PURE__ */ jsx(
+          Chip,
+          {
+            sx: { height: 24 },
+            label: numActiveFilters,
+            icon: /* @__PURE__ */ jsx(FilterList, { style: { fontSize: 18 }, color: "primary" })
+          }
+        ) : /* @__PURE__ */ jsx(FilterList, { style: { fontSize: 18 } })
+      ]
+    }
+  )
+);
 
 // src/components/AlertDialog/AlertDialog.tsx
 import { Box, Button, Dialog, Typography as Typography2 } from "@mui/material";
@@ -459,14 +457,21 @@ var AppLabel_default = AppLabel;
 
 // src/components/AutocompleteFilterMenuContent/AutocompleteFilterMenuContent.tsx
 import CheckIcon2 from "@mui/icons-material/Check";
-import { Box as Box7, Button as Button4, Chip as Chip2, Divider, Skeleton, Tooltip as Tooltip4, Typography as Typography4 } from "@mui/material";
+import {
+  Box as Box7,
+  Button as Button4,
+  Chip as Chip2,
+  Divider,
+  Skeleton,
+  Tooltip as Tooltip4,
+  Typography as Typography4
+} from "@mui/material";
 
 // src/utils/resolveObjectType.ts
 var resolveObjectType = (object, fieldName) => {
   if (!object || typeof object !== "object") {
     return object;
   }
-  ;
   return object[fieldName] ?? "";
 };
 
@@ -681,27 +686,23 @@ var DynamicOverflowTooltip = ({
   tooltipDescription
 }) => {
   const ref = useRef(null);
-  const { isOverflowed } = useCheckOverflow({ targetRef: ref, effectDependencies: [children, tooltipDescription] });
-  return /* @__PURE__ */ jsx7(
-    Tooltip2,
+  const { isOverflowed } = useCheckOverflow({
+    targetRef: ref,
+    effectDependencies: [children, tooltipDescription]
+  });
+  return /* @__PURE__ */ jsx7(Tooltip2, { arrow, title: isOverflowed ? tooltipDescription : "", children: /* @__PURE__ */ jsx7(
+    Box4,
     {
-      arrow,
-      title: isOverflowed ? tooltipDescription : "",
-      children: /* @__PURE__ */ jsx7(
-        Box4,
-        {
-          ref,
-          sx: {
-            maxWidth,
-            overflowX: "hidden",
-            whiteSpace: "nowrap",
-            textOverflow: "ellipsis"
-          },
-          children
-        }
-      )
+      ref,
+      sx: {
+        maxWidth,
+        overflowX: "hidden",
+        whiteSpace: "nowrap",
+        textOverflow: "ellipsis"
+      },
+      children
     }
-  );
+  ) });
 };
 
 // src/components/FilterOptionsCheckboxes/FilterOptionsCheckboxes.tsx
@@ -750,7 +751,14 @@ var FilterOptionsCheckboxes = ({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ jsx8(DynamicOverflowTooltip, { tooltipDescription: String(filterLabel), arrow: true, children: filterLabel }),
+                /* @__PURE__ */ jsx8(
+                  DynamicOverflowTooltip,
+                  {
+                    tooltipDescription: String(filterLabel),
+                    arrow: true,
+                    children: filterLabel
+                  }
+                ),
                 shouldShowCheckOnFilter?.(columnId, option) ? /* @__PURE__ */ jsx8(Tooltip3, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx8(CheckIcon, { fontSize: "small", color: "action" }) }) : null
               ]
             }
@@ -786,7 +794,6 @@ var SearchFieldDebounced = ({
     if (debounceRef.current) {
       clearTimeout(debounceRef.current);
     }
-    ;
     debounceRef.current = window.setTimeout(() => {
       const trimmedInput = input.trim();
       if (trimmedInput.length < minCharacters) {
@@ -912,35 +919,37 @@ var AutocompleteFilterMenuContent = ({
                   display: "flex",
                   flexDirection: "column"
                 },
-                children: selectedFilterOptions?.map((option) => {
-                  const filterId = resolveObjectType(option, "id");
-                  const filterLabel = resolveObjectType(option, labelFieldName);
-                  return /* @__PURE__ */ jsxs6(
-                    Box7,
-                    {
-                      sx: {
-                        pl: 1,
-                        pr: 1.25,
-                        flexGrow: 1,
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "space-between"
+                children: selectedFilterOptions?.map(
+                  (option) => {
+                    const filterId = resolveObjectType(option, "id");
+                    const filterLabel = resolveObjectType(option, labelFieldName);
+                    return /* @__PURE__ */ jsxs6(
+                      Box7,
+                      {
+                        sx: {
+                          pl: 1,
+                          pr: 1.25,
+                          flexGrow: 1,
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx10(Box7, { sx: { maxWidth }, children: /* @__PURE__ */ jsx10(
+                            Chip2,
+                            {
+                              size: "small",
+                              label: filterLabel,
+                              onDelete: () => onFilterOptionChange(option)
+                            }
+                          ) }),
+                          shouldShowCheckOnFilter?.(columnId, option) ? /* @__PURE__ */ jsx10(Tooltip4, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx10(CheckIcon2, { fontSize: "small", color: "action" }) }) : null
+                        ]
                       },
-                      children: [
-                        /* @__PURE__ */ jsx10(Box7, { sx: { maxWidth }, children: /* @__PURE__ */ jsx10(
-                          Chip2,
-                          {
-                            size: "small",
-                            label: filterLabel,
-                            onDelete: () => onFilterOptionChange(option)
-                          }
-                        ) }),
-                        shouldShowCheckOnFilter?.(columnId, option) ? /* @__PURE__ */ jsx10(Tooltip4, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx10(CheckIcon2, { fontSize: "small", color: "action" }) }) : null
-                      ]
-                    },
-                    filterId
-                  );
-                })
+                      filterId
+                    );
+                  }
+                )
               }
             ),
             /* @__PURE__ */ jsx10(Divider, { sx: { my: 0.5 } })
@@ -1085,10 +1094,8 @@ var BottomBar_default = BottomBar;
 
 // src/components/BoxButton/BoxButton.tsx
 import { memo as memo3 } from "react";
-import { Grid2 as Grid, Typography as Typography6, ButtonBase } from "@mui/material";
-import green from "@mui/material/colors/green";
-import orange from "@mui/material/colors/orange";
-import red from "@mui/material/colors/red";
+import { Grid, Typography as Typography6, ButtonBase } from "@mui/material";
+import { green, orange, red } from "@mui/material/colors";
 import { makeStyles as makeStyles6 } from "tss-react/mui";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var useStyles6 = makeStyles6()((theme) => ({
@@ -3213,7 +3220,16 @@ function ActionButton(props) {
 }
 
 // src/components/CheckboxFilterMenuContent/CheckboxFilterMenuContent.tsx
-import { Box as Box12, Button as Button12, Checkbox as Checkbox2, Divider as Divider2, FormControlLabel, Skeleton as Skeleton2, Tooltip as Tooltip6, Typography as Typography8 } from "@mui/material";
+import {
+  Box as Box12,
+  Button as Button12,
+  Checkbox as Checkbox2,
+  Divider as Divider2,
+  FormControlLabel,
+  Skeleton as Skeleton2,
+  Tooltip as Tooltip6,
+  Typography as Typography8
+} from "@mui/material";
 import { jsx as jsx71, jsxs as jsxs40 } from "react/jsx-runtime";
 var CheckboxFilterMenuContent = ({
   columnId,
@@ -4146,7 +4162,7 @@ var DataGrid_default = DataGrid;
 import moment from "moment";
 
 // src/resources/styles/themes/default.js
-import grey from "@mui/material/colors/grey";
+import { grey } from "@mui/material/colors";
 import { createTheme } from "@mui/material/styles";
 var defaultTheme = createTheme({
   typography: {
@@ -4395,8 +4411,7 @@ var FileCard_default = FileCard;
 // src/components/FilledLabel/FilledLabel.tsx
 import { memo as memo12 } from "react";
 import { Typography as Typography13 } from "@mui/material";
-import brown from "@mui/material/colors/brown";
-import teal from "@mui/material/colors/teal";
+import { brown, teal } from "@mui/material/colors";
 import { makeStyles as makeStyles24 } from "tss-react/mui";
 import { jsx as jsx85 } from "react/jsx-runtime";
 var useStyles24 = makeStyles24()((theme) => ({
@@ -6041,7 +6056,7 @@ import { makeStyles as makeStyles35 } from "tss-react/mui";
 
 // src/utils/useGetActiveSection.ts
 import { useEffect as useEffect6, useState as useState10 } from "react";
-var transformNameToID = (name) => name.replaceAll(" ", "-").toLocaleLowerCase();
+var transformNameToID = (name) => name.replaceAll(" ", "_").toLocaleLowerCase();
 
 // src/components/RenderContentList/RenderContentList.tsx
 import { jsx as jsx102, jsxs as jsxs66 } from "react/jsx-runtime";
@@ -6124,7 +6139,7 @@ var RenderContentList = ({
             },
             children: [
               /* @__PURE__ */ jsx102(ListItemText4, { primary: item }),
-              warningItems?.includes(item) && /* @__PURE__ */ jsx102(Tooltip8, { title: warningMessage, children: /* @__PURE__ */ jsx102(WarningAmber, { color: "warning" }) })
+              (warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ jsx102(Tooltip8, { title: warningMessage, children: /* @__PURE__ */ jsx102(WarningAmber, { color: "warning" }) })
             ]
           },
           id
@@ -6964,7 +6979,7 @@ var SmartSelect_default = SmartSelect;
 // src/components/SquareLabel/SquareLabel.tsx
 import { memo as memo18 } from "react";
 import { Typography as Typography26 } from "@mui/material";
-import red2 from "@mui/material/colors/red";
+import { red as red2 } from "@mui/material/colors";
 import { makeStyles as makeStyles44 } from "tss-react/mui";
 import { jsx as jsx111 } from "react/jsx-runtime";
 var useStyles44 = makeStyles44()((theme) => ({
@@ -6987,7 +7002,7 @@ var SquareLabel_default = memo18(SquareLabel);
 
 // src/components/Switch/Switch.tsx
 import { memo as memo19 } from "react";
-import { Grid2, Switch } from "@mui/material";
+import { Grid as Grid2, Switch } from "@mui/material";
 import { withStyles as withStyles6 } from "tss-react/mui";
 import { jsx as jsx112, jsxs as jsxs75 } from "react/jsx-runtime";
 var LSwitch = ({
@@ -7043,9 +7058,7 @@ var Switch_default = memo19(LabelledSwitch);
 
 // src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
 import { useMemo as useMemo2, useState as useState16, useEffect as useEffect11, memo as memo20 } from "react";
-import {
-  Menu as Menu4
-} from "@mui/material";
+import { Menu as Menu4 } from "@mui/material";
 import classNames3 from "classnames";
 import { Fragment as Fragment12, jsx as jsx113, jsxs as jsxs76 } from "react/jsx-runtime";
 var MAX_WIDTH = 276;
@@ -7058,124 +7071,132 @@ var findFilterIndex = (filters, filterOption) => filters.findIndex((item) => {
   }
   return false;
 });
-var SmartTableHeaderFilterMenu = memo20(({
-  headCell,
-  numActiveFilters,
-  headerFilters,
-  shouldShowCheckOnFilter,
-  onApplyFilters
-}) => {
-  const [anchorEl, setAnchorEl] = useState16(null);
-  const [filterOptionsData, setFilterOptionsData] = useState16();
-  const [selectedFilterOptions, setSelectedFilterOptions] = useState16(
-    headerFilters[headCell.id] ?? []
-  );
-  useEffect11(() => {
-    if (headCell.filterOptions) {
-      setFilterOptionsData(headCell.filterOptions);
-    }
-  }, [headCell.filterOptions]);
-  const numFilterOptions = useMemo2(() => filterOptionsData?.length ?? 0, [filterOptionsData?.length]);
-  const handleFilterMenuOpen = (event) => {
-    if (!numFilterOptions && !headCell.isAutocompleteFilterMenu) {
-      headCell.refetchFilterOptions?.();
-    }
-    setAnchorEl(event.currentTarget);
-  };
-  const handleFilterMenuClose = () => {
-    setSelectedFilterOptions(headerFilters[headCell.id]);
-    setAnchorEl(null);
-  };
-  const handleSelectAllChange = (checked) => {
-    if (checked) {
-      setSelectedFilterOptions([...filterOptionsData ?? []]);
-      return;
-    }
-    setSelectedFilterOptions([]);
-  };
-  const handleFilterOptionChange = (option) => {
-    const selectedIndex = findFilterIndex(selectedFilterOptions, option);
-    let newSelected;
-    if (selectedIndex === -1) {
-      if (typeof option === "string") {
-        newSelected = [...selectedFilterOptions, option];
-      } else {
-        newSelected = [...selectedFilterOptions, option];
+var SmartTableHeaderFilterMenu = memo20(
+  ({
+    headCell,
+    numActiveFilters,
+    headerFilters,
+    shouldShowCheckOnFilter,
+    onApplyFilters
+  }) => {
+    const [anchorEl, setAnchorEl] = useState16(null);
+    const [filterOptionsData, setFilterOptionsData] = useState16();
+    const [selectedFilterOptions, setSelectedFilterOptions] = useState16(headerFilters[headCell.id] ?? []);
+    useEffect11(() => {
+      if (headCell.filterOptions) {
+        setFilterOptionsData(headCell.filterOptions);
       }
-    } else {
-      newSelected = selectedFilterOptions.filter(
-        (_, index) => index !== selectedIndex
-      );
-    }
-    setSelectedFilterOptions(newSelected);
-  };
-  const handleApplyFiltersClick = (shouldSave) => {
-    const updatedFilters = {
-      ...headerFilters,
-      [headCell.id]: [...selectedFilterOptions]
+    }, [headCell.filterOptions]);
+    const numFilterOptions = useMemo2(
+      () => filterOptionsData?.length ?? 0,
+      [filterOptionsData?.length]
+    );
+    const handleFilterMenuOpen = (event) => {
+      if (!numFilterOptions && !headCell.isAutocompleteFilterMenu) {
+        headCell.refetchFilterOptions?.();
+      }
+      setAnchorEl(event.currentTarget);
     };
-    onApplyFilters?.(updatedFilters, shouldSave);
-    setAnchorEl(null);
-  };
-  useEffect11(() => {
-    setSelectedFilterOptions(headerFilters[headCell.id] ?? []);
-  }, [headerFilters, headCell.id]);
-  return /* @__PURE__ */ jsxs76(Fragment12, { children: [
-    /* @__PURE__ */ jsx113(
-      ActiveFiltersIconButton,
-      {
-        numActiveFilters,
-        handleClick: handleFilterMenuOpen,
-        className: classNames3("filter-menu-trigger", {
-          "has-active-filters": !!numActiveFilters || !!anchorEl
-        })
+    const handleFilterMenuClose = () => {
+      setSelectedFilterOptions(headerFilters[headCell.id]);
+      setAnchorEl(null);
+    };
+    const handleSelectAllChange = (checked) => {
+      if (checked) {
+        setSelectedFilterOptions([
+          ...filterOptionsData ?? []
+        ]);
+        return;
       }
-    ),
-    /* @__PURE__ */ jsx113(
-      Menu4,
-      {
-        open: !!anchorEl,
-        onClose: handleFilterMenuClose,
-        anchorEl,
-        "data-testid": "filter-menu",
-        slotProps: {
-          list: {
-            sx: { p: 0, maxWidth: MAX_WIDTH }
-          }
-        },
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        children: headCell.isAutocompleteFilterMenu ? /* @__PURE__ */ jsx113(
-          AutocompleteFilterMenuContent,
-          {
-            columnId: headCell.id,
-            labelFieldName: headCell.fieldName ?? "",
-            isLoading: headCell.isFetchingFilterOptions,
-            filterOptions: headCell.filterOptions,
-            onAutocompleteFilterChange: headCell.onAutocompleteFilterChange,
-            selectedFilterOptions,
-            onFilterOptionChange: handleFilterOptionChange,
-            onApplyFiltersClick: handleApplyFiltersClick,
-            shouldShowCheckOnFilter
-          }
-        ) : /* @__PURE__ */ jsx113(
-          CheckboxFilterMenuContent,
-          {
-            columnId: headCell.id,
-            labelFieldName: headCell.fieldName ?? "",
-            isLoading: headCell.isFetchingFilterOptions,
-            selectedFilterOptions,
-            filterOptions: filterOptionsData ?? [],
-            onSelectAllChange: handleSelectAllChange,
-            onFilterOptionChange: handleFilterOptionChange,
-            onApplyFiltersClick: handleApplyFiltersClick,
-            shouldShowCheckOnFilter
-          }
-        )
+      setSelectedFilterOptions([]);
+    };
+    const handleFilterOptionChange = (option) => {
+      const selectedIndex = findFilterIndex(selectedFilterOptions, option);
+      let newSelected;
+      if (selectedIndex === -1) {
+        if (typeof option === "string") {
+          newSelected = [...selectedFilterOptions, option];
+        } else {
+          newSelected = [
+            ...selectedFilterOptions,
+            option
+          ];
+        }
+      } else {
+        newSelected = selectedFilterOptions.filter(
+          (_, index) => index !== selectedIndex
+        );
       }
-    )
-  ] });
-});
+      setSelectedFilterOptions(newSelected);
+    };
+    const handleApplyFiltersClick = (shouldSave) => {
+      const updatedFilters = {
+        ...headerFilters,
+        [headCell.id]: [...selectedFilterOptions]
+      };
+      onApplyFilters?.(updatedFilters, shouldSave);
+      setAnchorEl(null);
+    };
+    useEffect11(() => {
+      setSelectedFilterOptions(headerFilters[headCell.id] ?? []);
+    }, [headerFilters, headCell.id]);
+    return /* @__PURE__ */ jsxs76(Fragment12, { children: [
+      /* @__PURE__ */ jsx113(
+        ActiveFiltersIconButton,
+        {
+          numActiveFilters,
+          handleClick: handleFilterMenuOpen,
+          className: classNames3("filter-menu-trigger", {
+            "has-active-filters": !!numActiveFilters || !!anchorEl
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx113(
+        Menu4,
+        {
+          open: !!anchorEl,
+          onClose: handleFilterMenuClose,
+          anchorEl,
+          "data-testid": "filter-menu",
+          slotProps: {
+            list: {
+              sx: { p: 0, maxWidth: MAX_WIDTH }
+            }
+          },
+          anchorOrigin: { vertical: "bottom", horizontal: "right" },
+          transformOrigin: { vertical: "top", horizontal: "right" },
+          children: headCell.isAutocompleteFilterMenu ? /* @__PURE__ */ jsx113(
+            AutocompleteFilterMenuContent,
+            {
+              columnId: headCell.id,
+              labelFieldName: headCell.fieldName ?? "",
+              isLoading: headCell.isFetchingFilterOptions,
+              filterOptions: headCell.filterOptions,
+              onAutocompleteFilterChange: headCell.onAutocompleteFilterChange,
+              selectedFilterOptions,
+              onFilterOptionChange: handleFilterOptionChange,
+              onApplyFiltersClick: handleApplyFiltersClick,
+              shouldShowCheckOnFilter
+            }
+          ) : /* @__PURE__ */ jsx113(
+            CheckboxFilterMenuContent,
+            {
+              columnId: headCell.id,
+              labelFieldName: headCell.fieldName ?? "",
+              isLoading: headCell.isFetchingFilterOptions,
+              selectedFilterOptions,
+              filterOptions: filterOptionsData ?? [],
+              onSelectAllChange: handleSelectAllChange,
+              onFilterOptionChange: handleFilterOptionChange,
+              onApplyFiltersClick: handleApplyFiltersClick,
+              shouldShowCheckOnFilter
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
 
 // src/components/SmartTableHeader/SmartTableHeader.tsx
 import { memo as memo21 } from "react";
@@ -7190,121 +7211,131 @@ import {
   Typography as Typography27
 } from "@mui/material";
 import { jsx as jsx114, jsxs as jsxs77 } from "react/jsx-runtime";
-var SmartTableHeader = memo21(({
-  order,
-  orderBy,
-  headCells,
-  numSelectedRows,
-  numRows,
-  enableCheckboxSelection = false,
-  headerFilters,
-  onRequestSort,
-  onSelectAllClick,
-  onApplyFilters,
-  shouldShowCheckOnFilter
-}) => {
-  const createSortHandler = (property) => (event) => {
-    onRequestSort(event, property);
-  };
-  const isSortActive = (headCellId) => orderBy === headCellId;
-  return /* @__PURE__ */ jsx114(
-    TableHead,
-    {
-      sx: {
-        "& .MuiTableSortLabel-root": {
-          fontWeight: 600
-        }
-      },
-      children: /* @__PURE__ */ jsxs77(TableRow, { children: [
-        enableCheckboxSelection ? /* @__PURE__ */ jsx114(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx114(
-          Checkbox6,
-          {
-            color: "primary",
-            disableRipple: true,
-            indeterminate: numSelectedRows > 0 && numSelectedRows < numRows,
-            checked: numRows > 0 && numSelectedRows === numRows,
-            onChange: onSelectAllClick
+var SmartTableHeader = memo21(
+  ({
+    order,
+    orderBy,
+    headCells,
+    numSelectedRows,
+    numRows,
+    enableCheckboxSelection = false,
+    headerFilters,
+    onRequestSort,
+    onSelectAllClick,
+    onApplyFilters,
+    shouldShowCheckOnFilter
+  }) => {
+    const createSortHandler = (property) => (event) => {
+      onRequestSort(event, property);
+    };
+    const isSortActive = (headCellId) => orderBy === headCellId;
+    return /* @__PURE__ */ jsx114(
+      TableHead,
+      {
+        sx: {
+          "& .MuiTableSortLabel-root": {
+            fontWeight: 600
           }
-        ) }) : null,
-        headCells.map((headCell) => /* @__PURE__ */ jsx114(
-          TableCell,
-          {
-            align: "left",
-            width: headCell.width ?? "auto",
-            sortDirection: orderBy === headCell.id ? order : false,
-            sx: {
-              whiteSpace: "nowrap",
-              "& .filter-menu-trigger": {
-                visibility: "hidden",
-                opacity: 0,
-                transition: "visibility 0.1s, opacity 0.1s ease-in"
-              },
-              "&:hover .filter-menu-trigger, & .filter-menu-trigger.has-active-filters": {
-                visibility: "visible",
-                opacity: 1
-              },
-              "&:hover .MuiTableSortLabel-root": {
-                "& .MuiTableSortLabel-icon": {
+        },
+        children: /* @__PURE__ */ jsxs77(TableRow, { children: [
+          enableCheckboxSelection ? /* @__PURE__ */ jsx114(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx114(
+            Checkbox6,
+            {
+              color: "primary",
+              disableRipple: true,
+              indeterminate: numSelectedRows > 0 && numSelectedRows < numRows,
+              checked: numRows > 0 && numSelectedRows === numRows,
+              onChange: onSelectAllClick
+            }
+          ) }) : null,
+          headCells.map((headCell) => /* @__PURE__ */ jsx114(
+            TableCell,
+            {
+              align: "left",
+              width: headCell.width ?? "auto",
+              sortDirection: orderBy === headCell.id ? order : false,
+              sx: {
+                whiteSpace: "nowrap",
+                "& .filter-menu-trigger": {
+                  visibility: "hidden",
+                  opacity: 0,
+                  transition: "visibility 0.1s, opacity 0.1s ease-in"
+                },
+                "&:hover .filter-menu-trigger, & .filter-menu-trigger.has-active-filters": {
+                  visibility: "visible",
                   opacity: 1
+                },
+                "&:hover .MuiTableSortLabel-root": {
+                  "& .MuiTableSortLabel-icon": {
+                    opacity: 1
+                  }
                 }
-              }
+              },
+              children: /* @__PURE__ */ jsxs77(
+                Box32,
+                {
+                  display: "flex",
+                  flexDirection: "row",
+                  gap: headCell.disableSort ? 1 : 0,
+                  children: [
+                    headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ jsx114(Tooltip10, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsx114(
+                      Typography27,
+                      {
+                        variant: "subtitle2",
+                        mt: 0.25,
+                        fontWeight: 600,
+                        children: headCell.label
+                      }
+                    ) }) : /* @__PURE__ */ jsx114(Tooltip10, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsxs77(
+                      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__ */ jsx114(
+                            "span",
+                            {
+                              style: {
+                                border: 0,
+                                clip: "rect(0 0 0 0)",
+                                height: 1,
+                                margin: -1,
+                                overflow: "hidden",
+                                padding: 0,
+                                position: "absolute",
+                                top: 20,
+                                width: 1
+                              },
+                              children: order === "desc" ? "sorted descending" : "sorted ascending"
+                            }
+                          ) : null
+                        ]
+                      }
+                    ) }),
+                    headCell.refetchFilterOptions ? /* @__PURE__ */ jsx114(
+                      SmartTableHeaderFilterMenu,
+                      {
+                        headCell,
+                        headerFilters,
+                        numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
+                        onApplyFilters,
+                        shouldShowCheckOnFilter
+                      }
+                    ) : null
+                  ]
+                }
+              )
             },
-            children: /* @__PURE__ */ jsxs77(
-              Box32,
-              {
-                display: "flex",
-                flexDirection: "row",
-                gap: headCell.disableSort ? 1 : 0,
-                children: [
-                  headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ jsx114(Tooltip10, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsx114(Typography27, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) }) : /* @__PURE__ */ jsx114(Tooltip10, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsxs77(
-                    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__ */ jsx114(
-                          "span",
-                          {
-                            style: {
-                              border: 0,
-                              clip: "rect(0 0 0 0)",
-                              height: 1,
-                              margin: -1,
-                              overflow: "hidden",
-                              padding: 0,
-                              position: "absolute",
-                              top: 20,
-                              width: 1
-                            },
-                            children: order === "desc" ? "sorted descending" : "sorted ascending"
-                          }
-                        ) : null
-                      ]
-                    }
-                  ) }),
-                  headCell.refetchFilterOptions ? /* @__PURE__ */ jsx114(
-                    SmartTableHeaderFilterMenu,
-                    {
-                      headCell,
-                      headerFilters,
-                      numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
-                      onApplyFilters,
-                      shouldShowCheckOnFilter
-                    }
-                  ) : null
-                ]
-              }
-            )
-          },
-          headCell.id
-        ))
-      ] })
-    }
-  );
-});
+            headCell.id
+          ))
+        ] })
+      }
+    );
+  }
+);
 
 // src/components/Table/Table.tsx
 var import_debounce = __toESM(require_debounce(), 1);
@@ -7499,17 +7530,19 @@ import {
   useState as useState18,
   useEffect as useEffect12
 } from "react";
-import {
-  Paper as Paper11,
-  Table as Table2,
-  TableBody as TableBody3,
-  TableContainer as TableContainer2,
-  Box as Box37
-} from "@mui/material";
+import { Paper as Paper11, Table as Table2, TableBody as TableBody3, TableContainer as TableContainer2, Box as Box37 } from "@mui/material";
 
 // src/components/TableDesktopFooter/TableDesktopFooter.tsx
 import Refresh3 from "@mui/icons-material/Refresh";
-import { Box as Box35, Button as Button15, MenuItem as MenuItem4, Pagination as Pagination2, Select as Select4, Stack, Typography as Typography28 } from "@mui/material";
+import {
+  Box as Box35,
+  Button as Button15,
+  MenuItem as MenuItem4,
+  Pagination as Pagination2,
+  Select as Select4,
+  Stack,
+  Typography as Typography28
+} from "@mui/material";
 import { jsx as jsx117, jsxs as jsxs79 } from "react/jsx-runtime";
 var TableDesktopFooter = ({
   numPages,
@@ -7547,13 +7580,7 @@ var TableDesktopFooter = ({
               borderColor: colors.neutral600
             },
             children: [
-              /* @__PURE__ */ jsx117(
-                Refresh3,
-                {
-                  fontSize: "small",
-                  color: isFetching ? "disabled" : "primary"
-                }
-              ),
+              /* @__PURE__ */ jsx117(Refresh3, { fontSize: "small", color: isFetching ? "disabled" : "primary" }),
               "REFRESH"
             ]
           }
@@ -7884,14 +7911,13 @@ var TableDesktop = ({
   const [orderBy, setOrderBy] = useState18(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [selectedRows, setSelectedRows] = useState18(/* @__PURE__ */ new Set());
+  const [selectedRows, setSelectedRows] = useState18(
+    /* @__PURE__ */ new Set()
+  );
   const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = useState18(false);
   const { toolbar: Toolbar2 } = components ?? {};
   const { toolbarProps, footerProps } = componentsProps ?? {};
-  const numRows = useMemo3(
-    () => data.length,
-    [data.length]
-  );
+  const numRows = useMemo3(() => data.length, [data.length]);
   const emptyRows = useMemo3(
     () => rowsPerPage - numRows,
     [rowsPerPage, numRows]
@@ -7919,7 +7945,6 @@ var TableDesktop = ({
   };
   const selectAllRowsInPage = () => {
     const allRowsIds = new Set(data.map((obj) => obj[keyField]));
-    ;
     setSelectedRows(allRowsIds);
   };
   const resetSelectedRows = () => {
@@ -8081,46 +8106,38 @@ var TableDesktop = ({
                     backgroundColor: (theme) => theme.palette.grey[500]
                   }
                 },
-                children: /* @__PURE__ */ jsx123(
-                  Table2,
+                children: /* @__PURE__ */ jsx123(Table2, { stickyHeader: true, "aria-label": "sticky-table", sx: { tableLayout }, children: visibleHeadCells.length === 0 && !isLoading ? /* @__PURE__ */ jsx123(
+                  TableDesktopNoColumnsMessage,
                   {
-                    stickyHeader: true,
-                    "aria-label": "sticky-table",
-                    sx: { tableLayout },
-                    children: visibleHeadCells.length === 0 && !isLoading ? /* @__PURE__ */ jsx123(
-                      TableDesktopNoColumnsMessage,
-                      {
-                        onClickNoColumnsMessageOpenMenu: toolbarProps?.onClickToolbarMenuOpen
-                      }
-                    ) : /* @__PURE__ */ jsxs84(Fragment13, { children: [
-                      /* @__PURE__ */ jsx123(
-                        SmartTableHeader,
-                        {
-                          headCells: visibleHeadCells,
-                          order,
-                          orderBy,
-                          numSelectedRows,
-                          numRows,
-                          enableCheckboxSelection,
-                          headerFilters: headerFilters ?? {},
-                          onRequestSort: handleRequestSort,
-                          onSelectAllClick: handleSelectAllClick,
-                          onApplyFilters: handleApplyFilters,
-                          shouldShowCheckOnFilter
-                        }
-                      ),
-                      /* @__PURE__ */ jsx123(TableBody3, { children: !isLoading ? renderBody : /* @__PURE__ */ jsx123(
-                        TableDesktopLoadingState,
-                        {
-                          numRows: data.length,
-                          rowsPerPage,
-                          numColumns: visibleHeadCells.length + (enableCheckboxSelection ? 1 : 0),
-                          rowHeight
-                        }
-                      ) })
-                    ] })
+                    onClickNoColumnsMessageOpenMenu: toolbarProps?.onClickToolbarMenuOpen
                   }
-                )
+                ) : /* @__PURE__ */ jsxs84(Fragment13, { children: [
+                  /* @__PURE__ */ jsx123(
+                    SmartTableHeader,
+                    {
+                      headCells: visibleHeadCells,
+                      order,
+                      orderBy,
+                      numSelectedRows,
+                      numRows,
+                      enableCheckboxSelection,
+                      headerFilters: headerFilters ?? {},
+                      onRequestSort: handleRequestSort,
+                      onSelectAllClick: handleSelectAllClick,
+                      onApplyFilters: handleApplyFilters,
+                      shouldShowCheckOnFilter
+                    }
+                  ),
+                  /* @__PURE__ */ jsx123(TableBody3, { children: !isLoading ? renderBody : /* @__PURE__ */ jsx123(
+                    TableDesktopLoadingState,
+                    {
+                      numRows: data.length,
+                      rowsPerPage,
+                      numColumns: visibleHeadCells.length + (enableCheckboxSelection ? 1 : 0),
+                      rowHeight
+                    }
+                  ) })
+                ] }) })
               }
             ),
             children,
@@ -8153,8 +8170,14 @@ var TableDesktopNumericField = ({
 }) => {
   const [input, setInput] = useState19(initialValue);
   const oldValue = useRef6(initialValue);
-  const isDirty = useMemo4(() => input !== oldValue.current, [input, oldValue.current]);
-  const hasValidationError = useMemo4(() => isDirty && !validateInput?.(input), [input, validateInput, isDirty]);
+  const isDirty = useMemo4(
+    () => input !== oldValue.current,
+    [input, oldValue.current]
+  );
+  const hasValidationError = useMemo4(
+    () => isDirty && !validateInput?.(input),
+    [input, validateInput, isDirty]
+  );
   const commitValue = (value) => {
     if (hasValidationError || !onUpdateEditableCell || !isDirty) {
       setInput(oldValue.current);
@@ -8199,63 +8222,69 @@ var TableDesktopNumericField = ({
 // src/components/TableDesktopEditableField/TableDesktopSmartSelect.tsx
 import { useState as useState20, memo as memo22, useEffect as useEffect13 } from "react";
 import { jsx as jsx125 } from "react/jsx-runtime";
-var TableDesktopSmartSelect = memo22(({
-  ref,
-  initialValue,
-  inputLabel,
-  field,
-  fieldName,
-  rowId,
-  disabled,
-  variant = "standard",
-  size,
-  filterOptions,
-  refetchFilterOptions,
-  isFetchingFilterOptions,
-  onUpdateEditableCell
-}) => {
-  const [value, setValue] = useState20(initialValue);
-  const [options, setOptions] = useState20();
-  const valueId = resolveObjectType(value, "id");
-  const valueLabel = resolveObjectType(value, fieldName);
-  useEffect13(() => {
-    if (filterOptions) {
-      const parsedOptions = filterOptions?.map((option) => ({
-        value: resolveObjectType(option, "id"),
-        label: String(resolveObjectType(option, fieldName))
-      }));
-      setOptions(parsedOptions);
-    }
-  }, [filterOptions]);
-  return /* @__PURE__ */ jsx125(
-    SmartSelect_default,
-    {
-      ref,
-      value: valueId,
-      inputLabel,
-      options,
-      disabled,
-      variant,
-      size,
-      refetch: refetchFilterOptions,
-      isFetching: isFetchingFilterOptions,
-      defaultOption: {
-        value: valueId ?? "",
-        label: String(valueLabel ?? "")
-      },
-      onChange: ({ value: id, label: name }) => {
-        if (!id || !name) {
-          return;
-        }
-        setValue({ id, name });
-        if (!onUpdateEditableCell) {
-          return;
+var TableDesktopSmartSelect = memo22(
+  ({
+    ref,
+    initialValue,
+    inputLabel,
+    field,
+    fieldName,
+    rowId,
+    disabled,
+    variant = "standard",
+    size,
+    filterOptions,
+    refetchFilterOptions,
+    isFetchingFilterOptions,
+    onUpdateEditableCell
+  }) => {
+    const [value, setValue] = useState20(
+      initialValue
+    );
+    const [options, setOptions] = useState20();
+    const valueId = resolveObjectType(value, "id");
+    const valueLabel = resolveObjectType(value, fieldName);
+    useEffect13(() => {
+      if (filterOptions) {
+        const parsedOptions = filterOptions?.map(
+          (option) => ({
+            value: resolveObjectType(option, "id"),
+            label: String(resolveObjectType(option, fieldName))
+          })
+        );
+        setOptions(parsedOptions);
+      }
+    }, [filterOptions]);
+    return /* @__PURE__ */ jsx125(
+      SmartSelect_default,
+      {
+        ref,
+        value: valueId,
+        inputLabel,
+        options,
+        disabled,
+        variant,
+        size,
+        refetch: refetchFilterOptions,
+        isFetching: isFetchingFilterOptions,
+        defaultOption: {
+          value: valueId ?? "",
+          label: String(valueLabel ?? "")
+        },
+        onChange: ({ value: id, label: name }) => {
+          if (!id || !name) {
+            return;
+          }
+          setValue({ id, name });
+          if (!onUpdateEditableCell) {
+            return;
+          }
+          onUpdateEditableCell(rowId ?? 0, field, id, name);
         }
-        onUpdateEditableCell(rowId ?? 0, field, id, name);
       }
-    }
-  );
-});
+    );
+  }
+);
 
 // src/components/TableDesktopEditableField/TableDesktopTextField.tsx
 import { useMemo as useMemo5, useState as useState21, useRef as useRef7 } from "react";
@@ -8274,8 +8303,14 @@ var TableDesktopTextField = ({
 }) => {
   const [input, setInput] = useState21(initialValue);
   const oldValue = useRef7(initialValue);
-  const isDirty = useMemo5(() => input !== oldValue.current, [input, oldValue.current]);
-  const hasValidationError = useMemo5(() => isDirty && !validateInput?.(input), [input, validateInput]);
+  const isDirty = useMemo5(
+    () => input !== oldValue.current,
+    [input, oldValue.current]
+  );
+  const hasValidationError = useMemo5(
+    () => isDirty && !validateInput?.(input),
+    [input, validateInput]
+  );
   const commitValue = (value) => {
     if (hasValidationError || !onUpdateEditableCell || !isDirty) {
       setInput(oldValue.current);
@@ -8331,7 +8366,7 @@ var TableDesktopEditableFieldComponent = ({
   onUpdateEditableCell
 }) => {
   const editableComponents = {
-    "select": /* @__PURE__ */ jsx127(
+    select: /* @__PURE__ */ jsx127(
       TableDesktopSmartSelect,
       {
         rowId,
@@ -8348,7 +8383,7 @@ var TableDesktopEditableFieldComponent = ({
         onUpdateEditableCell
       }
     ),
-    "checkbox": /* @__PURE__ */ jsx127(
+    checkbox: /* @__PURE__ */ jsx127(
       FormControlLabel4,
       {
         label: showCheckboxLabel ? inputLabel : "",
@@ -8368,7 +8403,7 @@ var TableDesktopEditableFieldComponent = ({
         )
       }
     ),
-    "text": /* @__PURE__ */ jsx127(
+    text: /* @__PURE__ */ jsx127(
       TableDesktopTextField,
       {
         rowId,
@@ -8382,7 +8417,7 @@ var TableDesktopEditableFieldComponent = ({
         onUpdateEditableCell
       }
     ),
-    "numeric": /* @__PURE__ */ jsx127(
+    numeric: /* @__PURE__ */ jsx127(
       TableDesktopNumericField,
       {
         rowId,
@@ -8399,7 +8434,9 @@ var TableDesktopEditableFieldComponent = ({
   };
   return editableComponents[editableCellType];
 };
-var TableDesktopEditableField = memo23(TableDesktopEditableFieldComponent);
+var TableDesktopEditableField = memo23(
+  TableDesktopEditableFieldComponent
+);
 
 // src/components/TableDesktopCell/TableDesktopCell.tsx
 import { useEffect as useEffect14, useState as useState22 } from "react";