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

package/dist/components/index.cjs

@@ -409,33 +409,35 @@ var import_react = require("react");
 var import_icons_material = require("@mui/icons-material");
 var import_material = require("@mui/material");
 var import_jsx_runtime = require("react/jsx-runtime");
-var ActiveFiltersIconButton = (0, import_react.memo)(({
-  label,
-  className,
-  enableRipple = false,
-  numActiveFilters,
-  handleClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  import_material.IconButton,
-  {
-    disableRipple: !enableRipple,
-    onClick: handleClick,
-    "data-testid": "filter-menu-button",
-    sx: { padding: 0, gap: 1 },
+var ActiveFiltersIconButton = (0, import_react.memo)(
+  ({
+    label,
     className,
-    children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "button", fontSize: 12, marginTop: 0.5, children: label }) : null,
-      numActiveFilters > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_material.Chip,
-        {
-          sx: { height: 24 },
-          label: numActiveFilters,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.FilterList, { style: { fontSize: 18 }, color: "primary" })
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.FilterList, { style: { fontSize: 18 } })
-    ]
-  }
-));
+    enableRipple = false,
+    numActiveFilters,
+    handleClick
+  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_material.IconButton,
+    {
+      disableRipple: !enableRipple,
+      onClick: handleClick,
+      "data-testid": "filter-menu-button",
+      sx: { padding: 0, gap: 1 },
+      className,
+      children: [
+        label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "button", fontSize: 12, marginTop: 0.5, children: label }) : null,
+        numActiveFilters > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_material.Chip,
+          {
+            sx: { height: 24 },
+            label: numActiveFilters,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.FilterList, { style: { fontSize: 18 }, color: "primary" })
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.FilterList, { style: { fontSize: 18 } })
+      ]
+    }
+  )
+);
 
 // src/components/AlertDialog/AlertDialog.tsx
 var import_material2 = require("@mui/material");
@@ -749,7 +751,6 @@ var resolveObjectType = (object, fieldName) => {
   if (!object || typeof object !== "object") {
     return object;
   }
-  ;
   return object[fieldName] ?? "";
 };
 
@@ -950,27 +951,23 @@ var DynamicOverflowTooltip = ({
   tooltipDescription
 }) => {
   const ref = (0, import_react4.useRef)(null);
-  const { isOverflowed } = useCheckOverflow({ targetRef: ref, effectDependencies: [children, tooltipDescription] });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_material6.Tooltip,
+  const { isOverflowed } = useCheckOverflow({
+    targetRef: ref,
+    effectDependencies: [children, tooltipDescription]
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Tooltip, { arrow, title: isOverflowed ? tooltipDescription : "", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_material6.Box,
     {
-      arrow,
-      title: isOverflowed ? tooltipDescription : "",
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_material6.Box,
-        {
-          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
@@ -1019,7 +1016,14 @@ var FilterOptionsCheckboxes = ({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DynamicOverflowTooltip, { tooltipDescription: String(filterLabel), arrow: true, children: filterLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  DynamicOverflowTooltip,
+                  {
+                    tooltipDescription: String(filterLabel),
+                    arrow: true,
+                    children: filterLabel
+                  }
+                ),
                 shouldShowCheckOnFilter?.(columnId, option) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: "This filter is saved as default", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Check.default, { fontSize: "small", color: "action" }) }) : null
               ]
             }
@@ -1055,7 +1059,6 @@ var SearchFieldDebounced = ({
     if (debounceRef.current) {
       clearTimeout(debounceRef.current);
     }
-    ;
     debounceRef.current = window.setTimeout(() => {
       const trimmedInput = input.trim();
       if (trimmedInput.length < minCharacters) {
@@ -1181,35 +1184,37 @@ var AutocompleteFilterMenuContent = ({
                   display: "flex",
                   flexDirection: "column"
                 },
-                children: selectedFilterOptions?.map((option) => {
-                  const filterId = resolveObjectType(option, "id");
-                  const filterLabel = resolveObjectType(option, labelFieldName);
-                  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                    import_material9.Box,
-                    {
-                      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__ */ (0, import_jsx_runtime10.jsxs)(
+                      import_material9.Box,
+                      {
+                        sx: {
+                          pl: 1,
+                          pr: 1.25,
+                          flexGrow: 1,
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between"
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: { maxWidth }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                            import_material9.Chip,
+                            {
+                              size: "small",
+                              label: filterLabel,
+                              onDelete: () => onFilterOptionChange(option)
+                            }
+                          ) }),
+                          shouldShowCheckOnFilter?.(columnId, option) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Tooltip, { title: "This filter is saved as default", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Check2.default, { fontSize: "small", color: "action" }) }) : null
+                        ]
                       },
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: { maxWidth }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                          import_material9.Chip,
-                          {
-                            size: "small",
-                            label: filterLabel,
-                            onDelete: () => onFilterOptionChange(option)
-                          }
-                        ) }),
-                        shouldShowCheckOnFilter?.(columnId, option) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Tooltip, { title: "This filter is saved as default", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Check2.default, { fontSize: "small", color: "action" }) }) : null
-                      ]
-                    },
-                    filterId
-                  );
-                })
+                      filterId
+                    );
+                  }
+                )
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Divider, { sx: { my: 0.5 } })
@@ -1355,9 +1360,7 @@ var BottomBar_default = BottomBar;
 // src/components/BoxButton/BoxButton.tsx
 var import_react6 = require("react");
 var import_material12 = require("@mui/material");
-var import_green = __toESM(require("@mui/material/colors/green"), 1);
-var import_orange = __toESM(require("@mui/material/colors/orange"), 1);
-var import_red = __toESM(require("@mui/material/colors/red"), 1);
+var import_colors6 = require("@mui/material/colors");
 var import_mui6 = require("tss-react/mui");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var useStyles6 = (0, import_mui6.makeStyles)()((theme) => ({
@@ -1384,17 +1387,17 @@ var useStyles6 = (0, import_mui6.makeStyles)()((theme) => ({
     borderStyle: "solid"
   },
   green: {
-    borderColor: import_green.default["500"],
+    borderColor: import_colors6.green["500"],
     borderWidth: 3,
     borderStyle: "solid"
   },
   red: {
-    borderColor: import_red.default["500"],
+    borderColor: import_colors6.red["500"],
     borderWidth: 3,
     borderStyle: "solid"
   },
   orange: {
-    borderColor: import_orange.default["500"],
+    borderColor: import_colors6.orange["500"],
     borderWidth: 3,
     borderStyle: "solid"
   },
@@ -1415,7 +1418,7 @@ var BoxButton = (props) => {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material12.Typography, { variant: "button", children: label }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-          import_material12.Grid2,
+          import_material12.Grid,
           {
             container: true,
             direction: "row",
@@ -1424,8 +1427,8 @@ var BoxButton = (props) => {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material12.Grid2, { size: 9, children: main }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material12.Grid2, { className: classes.c_box_button__extra, size: 3, children: extra })
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material12.Grid, { size: 9, children: main }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material12.Grid, { className: classes.c_box_button__extra, size: 3, children: extra })
             ]
           }
         )
@@ -4374,7 +4377,7 @@ var DataGrid_default = DataGrid;
 var import_moment = __toESM(require("moment"), 1);
 
 // src/resources/styles/themes/default.js
-var import_grey = __toESM(require("@mui/material/colors/grey"), 1);
+var import_colors26 = require("@mui/material/colors");
 var import_styles = require("@mui/material/styles");
 var defaultTheme = (0, import_styles.createTheme)({
   typography: {
@@ -4389,14 +4392,14 @@ var defaultTheme = (0, import_styles.createTheme)({
     primary: {
       main: colors.muiPrimary,
       alternate: colors.muiPrimaryAlternate,
-      light: import_grey.default["100"],
-      contrastText: import_grey.default["50"]
+      light: import_colors26.grey["100"],
+      contrastText: import_colors26.grey["50"]
     },
     secondary: {
       main: colors.muiSecondary,
       alternate: colors.muiSecondaryAlternate,
-      dark: import_grey.default["900"],
-      light: import_grey.default["50"]
+      dark: import_colors26.grey["900"],
+      light: import_colors26.grey["50"]
     },
     success: {
       main: colors.muiSuccess,
@@ -4623,14 +4626,13 @@ var FileCard_default = FileCard;
 // src/components/FilledLabel/FilledLabel.tsx
 var import_react18 = require("react");
 var import_material34 = require("@mui/material");
-var import_brown = __toESM(require("@mui/material/colors/brown"), 1);
-var import_teal = __toESM(require("@mui/material/colors/teal"), 1);
+var import_colors30 = require("@mui/material/colors");
 var import_mui26 = require("tss-react/mui");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var useStyles24 = (0, import_mui26.makeStyles)()((theme) => ({
   siteOne: {
-    backgroundColor: import_teal.default["50"],
-    color: import_teal.default["500"],
+    backgroundColor: import_colors30.teal["50"],
+    color: import_colors30.teal["500"],
     padding: theme.spacing(0.5),
     paddingLeft: theme.spacing(2),
     paddingRight: theme.spacing(2),
@@ -4640,8 +4642,8 @@ var useStyles24 = (0, import_mui26.makeStyles)()((theme) => ({
     width: "fit-content"
   },
   siteTwo: {
-    backgroundColor: import_brown.default["50"],
-    color: import_brown.default["500"],
+    backgroundColor: import_colors30.brown["50"],
+    color: import_colors30.brown["500"],
     padding: theme.spacing(0.5),
     paddingLeft: theme.spacing(2),
     paddingRight: theme.spacing(2),
@@ -5031,7 +5033,7 @@ var Loading_default = Loading;
 // src/components/LocationsSectionInfo/LocationsSectionInfo.tsx
 var import_react21 = require("react");
 var import_material41 = require("@mui/material");
-var import_colors32 = require("@mui/material/colors");
+var import_colors35 = require("@mui/material/colors");
 var import_classnames2 = __toESM(require("classnames"), 1);
 var import_mui32 = require("tss-react/mui");
 var import_jsx_runtime92 = require("react/jsx-runtime");
@@ -5060,8 +5062,8 @@ var useStyles30 = (0, import_mui32.makeStyles)()(() => ({
     borderColor: colors.neutral100
   },
   pickingStockChip: {
-    backgroundColor: import_colors32.purple[50],
-    color: import_colors32.purple[500]
+    backgroundColor: import_colors35.purple[50],
+    color: import_colors35.purple[500]
   }
 }));
 var LocationsSectionInfo = ({
@@ -6270,7 +6272,7 @@ var import_mui41 = require("tss-react/mui");
 
 // src/utils/useGetActiveSection.ts
 var import_react26 = require("react");
-var transformNameToID = (name) => name.replaceAll(" ", "-").toLocaleLowerCase();
+var transformNameToID = (name) => name.replaceAll(" ", "_").toLocaleLowerCase();
 
 // src/components/RenderContentList/RenderContentList.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
@@ -6353,7 +6355,7 @@ var RenderContentList = ({
             },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_material51.ListItemText, { primary: item }),
-              warningItems?.includes(item) && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_material51.Tooltip, { title: warningMessage, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_icons_material8.WarningAmber, { color: "warning" }) })
+              (warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_material51.Tooltip, { title: warningMessage, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_icons_material8.WarningAmber, { color: "warning" }) })
             ]
           },
           id
@@ -7178,13 +7180,13 @@ var SmartSelect_default = SmartSelect;
 // src/components/SquareLabel/SquareLabel.tsx
 var import_react32 = require("react");
 var import_material60 = require("@mui/material");
-var import_red2 = __toESM(require("@mui/material/colors/red"), 1);
+var import_colors50 = require("@mui/material/colors");
 var import_mui50 = require("tss-react/mui");
 var import_jsx_runtime112 = require("react/jsx-runtime");
 var useStyles45 = (0, import_mui50.makeStyles)()((theme) => ({
   red: {
-    backgroundColor: import_red2.default["50"],
-    color: import_red2.default["500"],
+    backgroundColor: import_colors50.red["50"],
+    color: import_colors50.red["500"],
     padding: theme.spacing(1.5),
     borderRadius: "5px",
     marginTop: theme.spacing(1),
@@ -7212,7 +7214,7 @@ var LSwitch = ({
   classes,
   disabled
 }) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: classes.c_switch, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
-  import_material61.Grid2,
+  import_material61.Grid,
   {
     component: "label",
     container: true,
@@ -7221,8 +7223,8 @@ var LSwitch = ({
       alignItems: "center"
     },
     children: [
-      labelOff && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.Grid2, { children: labelOff }),
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.Grid2, { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      labelOff && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.Grid, { children: labelOff }),
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         import_material61.Switch,
         {
           checked,
@@ -7231,7 +7233,7 @@ var LSwitch = ({
           disabled
         }
       ) }),
-      labelOn && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.Grid2, { children: labelOn })
+      labelOn && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.Grid, { children: labelOn })
     ]
   }
 ) });
@@ -7270,244 +7272,262 @@ var findFilterIndex = (filters, filterOption) => filters.findIndex((item) => {
   }
   return false;
 });
-var SmartTableHeaderFilterMenu = (0, import_react34.memo)(({
-  headCell,
-  numActiveFilters,
-  headerFilters,
-  shouldShowCheckOnFilter,
-  onApplyFilters
-}) => {
-  const [anchorEl, setAnchorEl] = (0, import_react34.useState)(null);
-  const [filterOptionsData, setFilterOptionsData] = (0, import_react34.useState)();
-  const [selectedFilterOptions, setSelectedFilterOptions] = (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 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 = (0, import_react34.memo)(
+  ({
+    headCell,
+    numActiveFilters,
+    headerFilters,
+    shouldShowCheckOnFilter,
+    onApplyFilters
+  }) => {
+    const [anchorEl, setAnchorEl] = (0, import_react34.useState)(null);
+    const [filterOptionsData, setFilterOptionsData] = (0, import_react34.useState)();
+    const [selectedFilterOptions, setSelectedFilterOptions] = (0, import_react34.useState)(headerFilters[headCell.id] ?? []);
+    (0, import_react34.useEffect)(() => {
+      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 = (0, import_react34.useMemo)(
+      () => filterOptionsData?.length ?? 0,
+      [filterOptionsData?.length]
+    );
+    const handleFilterMenuOpen = (event) => {
+      if (!numFilterOptions && !headCell.isAutocompleteFilterMenu) {
+        headCell.refetchFilterOptions?.();
+      }
+      setAnchorEl(event.currentTarget);
     };
-    onApplyFilters?.(updatedFilters, shouldSave);
-    setAnchorEl(null);
-  };
-  (0, import_react34.useEffect)(() => {
-    setSelectedFilterOptions(headerFilters[headCell.id] ?? []);
-  }, [headerFilters, headCell.id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-      ActiveFiltersIconButton,
-      {
-        numActiveFilters,
-        handleClick: handleFilterMenuOpen,
-        className: (0, import_classnames3.default)("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__ */ (0, import_jsx_runtime114.jsx)(
-      import_material62.Menu,
-      {
-        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__ */ (0, import_jsx_runtime114.jsx)(
-          AutocompleteFilterMenuContent,
-          {
-            columnId: headCell.id,
-            labelFieldName: headCell.fieldName ?? "",
-            isLoading: headCell.isFetchingFilterOptions,
-            filterOptions: headCell.filterOptions,
-            onAutocompleteFilterChange: headCell.onAutocompleteFilterChange,
-            selectedFilterOptions,
-            onFilterOptionChange: handleFilterOptionChange,
-            onApplyFiltersClick: handleApplyFiltersClick,
-            shouldShowCheckOnFilter
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-          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);
+    };
+    (0, import_react34.useEffect)(() => {
+      setSelectedFilterOptions(headerFilters[headCell.id] ?? []);
+    }, [headerFilters, headCell.id]);
+    return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+        ActiveFiltersIconButton,
+        {
+          numActiveFilters,
+          handleClick: handleFilterMenuOpen,
+          className: (0, import_classnames3.default)("filter-menu-trigger", {
+            "has-active-filters": !!numActiveFilters || !!anchorEl
+          })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+        import_material62.Menu,
+        {
+          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__ */ (0, import_jsx_runtime114.jsx)(
+            AutocompleteFilterMenuContent,
+            {
+              columnId: headCell.id,
+              labelFieldName: headCell.fieldName ?? "",
+              isLoading: headCell.isFetchingFilterOptions,
+              filterOptions: headCell.filterOptions,
+              onAutocompleteFilterChange: headCell.onAutocompleteFilterChange,
+              selectedFilterOptions,
+              onFilterOptionChange: handleFilterOptionChange,
+              onApplyFiltersClick: handleApplyFiltersClick,
+              shouldShowCheckOnFilter
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+            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
 var import_react35 = require("react");
 var import_material63 = require("@mui/material");
 var import_jsx_runtime115 = require("react/jsx-runtime");
-var SmartTableHeader = (0, import_react35.memo)(({
-  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__ */ (0, import_jsx_runtime115.jsx)(
-    import_material63.TableHead,
-    {
-      sx: {
-        "& .MuiTableSortLabel-root": {
-          fontWeight: 600
-        }
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_material63.TableRow, { children: [
-        enableCheckboxSelection ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material63.TableCell, { padding: "checkbox", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-          import_material63.Checkbox,
-          {
-            color: "primary",
-            disableRipple: true,
-            indeterminate: numSelectedRows > 0 && numSelectedRows < numRows,
-            checked: numRows > 0 && numSelectedRows === numRows,
-            onChange: onSelectAllClick
+var SmartTableHeader = (0, import_react35.memo)(
+  ({
+    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__ */ (0, import_jsx_runtime115.jsx)(
+      import_material63.TableHead,
+      {
+        sx: {
+          "& .MuiTableSortLabel-root": {
+            fontWeight: 600
           }
-        ) }) : null,
-        headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-          import_material63.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__ */ (0, import_jsx_runtime115.jsxs)(import_material63.TableRow, { children: [
+          enableCheckboxSelection ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material63.TableCell, { padding: "checkbox", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+            import_material63.Checkbox,
+            {
+              color: "primary",
+              disableRipple: true,
+              indeterminate: numSelectedRows > 0 && numSelectedRows < numRows,
+              checked: numRows > 0 && numSelectedRows === numRows,
+              onChange: onSelectAllClick
+            }
+          ) }) : null,
+          headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+            import_material63.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__ */ (0, import_jsx_runtime115.jsxs)(
+                import_material63.Box,
+                {
+                  display: "flex",
+                  flexDirection: "row",
+                  gap: headCell.disableSort ? 1 : 0,
+                  children: [
+                    headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material63.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+                      import_material63.Typography,
+                      {
+                        variant: "subtitle2",
+                        mt: 0.25,
+                        fontWeight: 600,
+                        children: headCell.label
+                      }
+                    ) }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material63.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+                      import_material63.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_runtime115.jsx)(
+                            "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__ */ (0, import_jsx_runtime115.jsx)(
+                      SmartTableHeaderFilterMenu,
+                      {
+                        headCell,
+                        headerFilters,
+                        numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
+                        onApplyFilters,
+                        shouldShowCheckOnFilter
+                      }
+                    ) : null
+                  ]
+                }
+              )
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
-              import_material63.Box,
-              {
-                display: "flex",
-                flexDirection: "row",
-                gap: headCell.disableSort ? 1 : 0,
-                children: [
-                  headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material63.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material63.Typography, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material63.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
-                    import_material63.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_runtime115.jsx)(
-                          "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__ */ (0, import_jsx_runtime115.jsx)(
-                    SmartTableHeaderFilterMenu,
-                    {
-                      headCell,
-                      headerFilters,
-                      numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
-                      onApplyFilters,
-                      shouldShowCheckOnFilter
-                    }
-                  ) : null
-                ]
-              }
-            )
-          },
-          headCell.id
-        ))
-      ] })
-    }
-  );
-});
+            headCell.id
+          ))
+        ] })
+      }
+    );
+  }
+);
 
 // src/components/Table/Table.tsx
 var import_react36 = require("react");
@@ -7730,13 +7750,7 @@ var TableDesktopFooter = ({
               borderColor: colors.neutral600
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-                import_Refresh.default,
-                {
-                  fontSize: "small",
-                  color: isFetching ? "disabled" : "primary"
-                }
-              ),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_Refresh.default, { fontSize: "small", color: isFetching ? "disabled" : "primary" }),
               "REFRESH"
             ]
           }
@@ -8067,14 +8081,13 @@ var TableDesktop = ({
   const [orderBy, setOrderBy] = (0, import_react37.useState)(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [selectedRows, setSelectedRows] = (0, import_react37.useState)(/* @__PURE__ */ new Set());
+  const [selectedRows, setSelectedRows] = (0, import_react37.useState)(
+    /* @__PURE__ */ new Set()
+  );
   const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = (0, import_react37.useState)(false);
   const { toolbar: Toolbar2 } = components ?? {};
   const { toolbarProps, footerProps } = componentsProps ?? {};
-  const numRows = (0, import_react37.useMemo)(
-    () => data.length,
-    [data.length]
-  );
+  const numRows = (0, import_react37.useMemo)(() => data.length, [data.length]);
   const emptyRows = (0, import_react37.useMemo)(
     () => rowsPerPage - numRows,
     [rowsPerPage, numRows]
@@ -8102,7 +8115,6 @@ var TableDesktop = ({
   };
   const selectAllRowsInPage = () => {
     const allRowsIds = new Set(data.map((obj) => obj[keyField]));
-    ;
     setSelectedRows(allRowsIds);
   };
   const resetSelectedRows = () => {
@@ -8264,46 +8276,38 @@ var TableDesktop = ({
                     backgroundColor: (theme) => theme.palette.grey[500]
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-                  import_material71.Table,
+                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material71.Table, { stickyHeader: true, "aria-label": "sticky-table", sx: { tableLayout }, children: visibleHeadCells.length === 0 && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                  TableDesktopNoColumnsMessage,
                   {
-                    stickyHeader: true,
-                    "aria-label": "sticky-table",
-                    sx: { tableLayout },
-                    children: visibleHeadCells.length === 0 && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-                      TableDesktopNoColumnsMessage,
-                      {
-                        onClickNoColumnsMessageOpenMenu: toolbarProps?.onClickToolbarMenuOpen
-                      }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-                        SmartTableHeader,
-                        {
-                          headCells: visibleHeadCells,
-                          order,
-                          orderBy,
-                          numSelectedRows,
-                          numRows,
-                          enableCheckboxSelection,
-                          headerFilters: headerFilters ?? {},
-                          onRequestSort: handleRequestSort,
-                          onSelectAllClick: handleSelectAllClick,
-                          onApplyFilters: handleApplyFilters,
-                          shouldShowCheckOnFilter
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material71.TableBody, { children: !isLoading ? renderBody : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-                        TableDesktopLoadingState,
-                        {
-                          numRows: data.length,
-                          rowsPerPage,
-                          numColumns: visibleHeadCells.length + (enableCheckboxSelection ? 1 : 0),
-                          rowHeight
-                        }
-                      ) })
-                    ] })
+                    onClickNoColumnsMessageOpenMenu: toolbarProps?.onClickToolbarMenuOpen
                   }
-                )
+                ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                    SmartTableHeader,
+                    {
+                      headCells: visibleHeadCells,
+                      order,
+                      orderBy,
+                      numSelectedRows,
+                      numRows,
+                      enableCheckboxSelection,
+                      headerFilters: headerFilters ?? {},
+                      onRequestSort: handleRequestSort,
+                      onSelectAllClick: handleSelectAllClick,
+                      onApplyFilters: handleApplyFilters,
+                      shouldShowCheckOnFilter
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material71.TableBody, { children: !isLoading ? renderBody : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                    TableDesktopLoadingState,
+                    {
+                      numRows: data.length,
+                      rowsPerPage,
+                      numColumns: visibleHeadCells.length + (enableCheckboxSelection ? 1 : 0),
+                      rowHeight
+                    }
+                  ) })
+                ] }) })
               }
             ),
             children,
@@ -8336,8 +8340,14 @@ var TableDesktopNumericField = ({
 }) => {
   const [input, setInput] = (0, import_react38.useState)(initialValue);
   const oldValue = (0, import_react38.useRef)(initialValue);
-  const isDirty = (0, import_react38.useMemo)(() => input !== oldValue.current, [input, oldValue.current]);
-  const hasValidationError = (0, import_react38.useMemo)(() => isDirty && !validateInput?.(input), [input, validateInput, isDirty]);
+  const isDirty = (0, import_react38.useMemo)(
+    () => input !== oldValue.current,
+    [input, oldValue.current]
+  );
+  const hasValidationError = (0, import_react38.useMemo)(
+    () => isDirty && !validateInput?.(input),
+    [input, validateInput, isDirty]
+  );
   const commitValue = (value) => {
     if (hasValidationError || !onUpdateEditableCell || !isDirty) {
       setInput(oldValue.current);
@@ -8382,63 +8392,69 @@ var TableDesktopNumericField = ({
 // src/components/TableDesktopEditableField/TableDesktopSmartSelect.tsx
 var import_react39 = require("react");
 var import_jsx_runtime127 = require("react/jsx-runtime");
-var TableDesktopSmartSelect = (0, import_react39.memo)(({
-  ref,
-  initialValue,
-  inputLabel,
-  field,
-  fieldName,
-  rowId,
-  disabled,
-  variant = "standard",
-  size,
-  filterOptions,
-  refetchFilterOptions,
-  isFetchingFilterOptions,
-  onUpdateEditableCell
-}) => {
-  const [value, setValue] = (0, import_react39.useState)(initialValue);
-  const [options, setOptions] = (0, import_react39.useState)();
-  const valueId = resolveObjectType(value, "id");
-  const valueLabel = resolveObjectType(value, fieldName);
-  (0, import_react39.useEffect)(() => {
-    if (filterOptions) {
-      const parsedOptions = filterOptions?.map((option) => ({
-        value: resolveObjectType(option, "id"),
-        label: String(resolveObjectType(option, fieldName))
-      }));
-      setOptions(parsedOptions);
-    }
-  }, [filterOptions]);
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
-    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 = (0, import_react39.memo)(
+  ({
+    ref,
+    initialValue,
+    inputLabel,
+    field,
+    fieldName,
+    rowId,
+    disabled,
+    variant = "standard",
+    size,
+    filterOptions,
+    refetchFilterOptions,
+    isFetchingFilterOptions,
+    onUpdateEditableCell
+  }) => {
+    const [value, setValue] = (0, import_react39.useState)(
+      initialValue
+    );
+    const [options, setOptions] = (0, import_react39.useState)();
+    const valueId = resolveObjectType(value, "id");
+    const valueLabel = resolveObjectType(value, fieldName);
+    (0, import_react39.useEffect)(() => {
+      if (filterOptions) {
+        const parsedOptions = filterOptions?.map(
+          (option) => ({
+            value: resolveObjectType(option, "id"),
+            label: String(resolveObjectType(option, fieldName))
+          })
+        );
+        setOptions(parsedOptions);
+      }
+    }, [filterOptions]);
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+      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
 var import_react40 = require("react");
@@ -8457,8 +8473,14 @@ var TableDesktopTextField = ({
 }) => {
   const [input, setInput] = (0, import_react40.useState)(initialValue);
   const oldValue = (0, import_react40.useRef)(initialValue);
-  const isDirty = (0, import_react40.useMemo)(() => input !== oldValue.current, [input, oldValue.current]);
-  const hasValidationError = (0, import_react40.useMemo)(() => isDirty && !validateInput?.(input), [input, validateInput]);
+  const isDirty = (0, import_react40.useMemo)(
+    () => input !== oldValue.current,
+    [input, oldValue.current]
+  );
+  const hasValidationError = (0, import_react40.useMemo)(
+    () => isDirty && !validateInput?.(input),
+    [input, validateInput]
+  );
   const commitValue = (value) => {
     if (hasValidationError || !onUpdateEditableCell || !isDirty) {
       setInput(oldValue.current);
@@ -8514,7 +8536,7 @@ var TableDesktopEditableFieldComponent = ({
   onUpdateEditableCell
 }) => {
   const editableComponents = {
-    "select": /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    select: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       TableDesktopSmartSelect,
       {
         rowId,
@@ -8531,7 +8553,7 @@ var TableDesktopEditableFieldComponent = ({
         onUpdateEditableCell
       }
     ),
-    "checkbox": /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    checkbox: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       import_material74.FormControlLabel,
       {
         label: showCheckboxLabel ? inputLabel : "",
@@ -8551,7 +8573,7 @@ var TableDesktopEditableFieldComponent = ({
         )
       }
     ),
-    "text": /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    text: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       TableDesktopTextField,
       {
         rowId,
@@ -8565,7 +8587,7 @@ var TableDesktopEditableFieldComponent = ({
         onUpdateEditableCell
       }
     ),
-    "numeric": /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    numeric: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       TableDesktopNumericField,
       {
         rowId,
@@ -8582,7 +8604,9 @@ var TableDesktopEditableFieldComponent = ({
   };
   return editableComponents[editableCellType];
 };
-var TableDesktopEditableField = (0, import_react41.memo)(TableDesktopEditableFieldComponent);
+var TableDesktopEditableField = (0, import_react41.memo)(
+  TableDesktopEditableFieldComponent
+);
 
 // src/components/TableDesktopCell/TableDesktopCell.tsx
 var import_react42 = require("react");