@natoora-libs/core 0.2.16-packages-upgrade → 0.2.17

package/dist/components/index.js

@@ -369,7 +369,9 @@ var AlertDialog = ({
   rejectCopy,
   acceptCopy,
   content,
-  disabledContentPadding
+  disabledContentPadding,
+  disableEnforceFocus,
+  disableRestoreFocus
 }) => {
   const { classes } = useStyles();
   return /* @__PURE__ */ jsx2(
@@ -380,6 +382,8 @@ var AlertDialog = ({
       maxWidth,
       fullScreen,
       fullWidth,
+      disableEnforceFocus,
+      disableRestoreFocus,
       children: /* @__PURE__ */ jsxs2(Box, { children: [
         /* @__PURE__ */ jsxs2(Box, { className: classes.topSection, children: [
           alertTitle ? /* @__PURE__ */ jsx2(Typography2, { variant: "h5", className: classes.title, children: alertTitle }) : null,
@@ -1894,7 +1898,8 @@ import {
   Send,
   ThumbDown,
   ThumbUp,
-  Undo
+  Undo,
+  SwapHoriz
 } from "@mui/icons-material";
 import { Fab, Tooltip as Tooltip5 } from "@mui/material";
 import { makeStyles as makeStyles11 } from "tss-react/mui";
@@ -3284,7 +3289,8 @@ var RoundButton = ({
     knife: /* @__PURE__ */ jsx70(IconKnife_default, {}),
     bicycle: /* @__PURE__ */ jsx70(IconBicycle_default, {}),
     heart: /* @__PURE__ */ jsx70(IconHeart_default, {}),
-    airplane: /* @__PURE__ */ jsx70(IconAirplane_default, {})
+    airplane: /* @__PURE__ */ jsx70(IconAirplane_default, {}),
+    swapHoriz: /* @__PURE__ */ jsx70(SwapHoriz, { fontSize: iconSize })
   };
   const filteredSize = size === "double" ? void 0 : size;
   const handleClick = (e) => {
@@ -3667,41 +3673,29 @@ var ClearFiltersConfirmationDialog = ({
 };
 
 // src/components/CompanyLogo/CompanyLogo.tsx
-import { makeStyles as makeStyles15 } from "tss-react/mui";
 import { jsx as jsx76 } from "react/jsx-runtime";
-var useStyles15 = makeStyles15()((theme, { imageLogoDarkSmall, imageLogoLightSmall }) => ({
-  logoSmall: {
-    height: 46,
-    width: 112
-  },
-  logoMedium: {
-    height: 72,
-    width: 160
-  },
-  logoDark: {
-    backgroundImage: `url(${imageLogoDarkSmall})`
-  },
-  logoLight: {
-    backgroundImage: `url(${imageLogoLightSmall})`
-  }
-}));
 var CompanyLogo = ({
   size,
   color,
   imageLogoDarkSmall,
   imageLogoLightSmall
 }) => {
-  const { classes, cx } = useStyles15({
-    imageLogoDarkSmall,
-    imageLogoLightSmall
-  });
-  const className = cx({
-    [classes.logoSmall]: size === "small",
-    [classes.logoMedium]: size === "medium",
-    [classes.logoLight]: color === "light",
-    [classes.logoDark]: color === "dark"
-  });
-  return /* @__PURE__ */ jsx76("div", { className });
+  const src = color === "dark" ? imageLogoDarkSmall : imageLogoLightSmall;
+  const dimensions = size === "small" ? { width: 112, height: 46 } : { width: 160, height: 72 };
+  return /* @__PURE__ */ jsx76(
+    "img",
+    {
+      src,
+      alt: "Company logo",
+      width: dimensions.width,
+      height: dimensions.height,
+      fetchPriority: "high",
+      decoding: "async",
+      style: {
+        display: "block"
+      }
+    }
+  );
 };
 var CompanyLogo_default = CompanyLogo;
 
@@ -3754,9 +3748,9 @@ var ControlledCheckbox_default = ControlledCheckbox;
 // src/components/ControlledNumberInput/ControlledNumberInput.tsx
 import { Controller as Controller2 } from "react-hook-form";
 import { TextField as TextField2 } from "@mui/material";
-import { makeStyles as makeStyles16 } from "tss-react/mui";
+import { makeStyles as makeStyles15 } from "tss-react/mui";
 import { jsx as jsx78 } from "react/jsx-runtime";
-var useStyles16 = makeStyles16()(() => ({
+var useStyles15 = makeStyles15()(() => ({
   selectInput: {
     minWidth: 122
   }
@@ -3772,7 +3766,7 @@ var ControlledNumberInput = ({
   shrink = false,
   className
 }) => {
-  const { classes } = useStyles16();
+  const { classes } = useStyles15();
   const blockInvalidChar = (input) => ![
     "0",
     "1",
@@ -3838,10 +3832,10 @@ import {
   InputAdornment as InputAdornment2,
   TextField as TextField3
 } from "@mui/material";
-import { makeStyles as makeStyles17 } from "tss-react/mui";
+import { makeStyles as makeStyles16 } from "tss-react/mui";
 import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
 var convertUnderscoreToHyphen = (str) => str.replace(/_/g, "-");
-var useStyles17 = makeStyles17()((theme) => ({
+var useStyles16 = makeStyles16()((theme) => ({
   textFieldButtons: {
     display: "flex",
     flexDirection: "column",
@@ -3869,7 +3863,7 @@ var ControlledNumericField = ({
   "data-testid": dataTestId,
   fieldName
 }) => {
-  const { classes } = useStyles17();
+  const { classes } = useStyles16();
   const isLowerThanMinimum = (value) => min !== void 0 && min > value;
   const isGreaterThanMaximum = (value) => max !== void 0 && max < value;
   const handleChange = (field, value) => {
@@ -4021,9 +4015,9 @@ var ControlledNumericField_default = ControlledNumericField;
 // src/components/ControlledSelectWithArray/ControlledSelectWithArray.tsx
 import { Controller as Controller4 } from "react-hook-form";
 import { FormControl, FormHelperText, InputLabel, Select } from "@mui/material";
-import { makeStyles as makeStyles18 } from "tss-react/mui";
+import { makeStyles as makeStyles17 } from "tss-react/mui";
 import { jsx as jsx80, jsxs as jsxs46 } from "react/jsx-runtime";
-var useStyles18 = makeStyles18()(() => ({
+var useStyles17 = makeStyles17()(() => ({
   selectInput: {
     minWidth: 122
   }
@@ -4038,7 +4032,7 @@ var ControlledSelectWithArray = ({
   className,
   revalidateFormFunction
 }) => {
-  const { classes } = useStyles18();
+  const { classes } = useStyles17();
   return /* @__PURE__ */ jsx80(
     Controller4,
     {
@@ -4090,9 +4084,9 @@ var ControlledSelectWithArray_default = ControlledSelectWithArray;
 // src/components/ControlledSelectWithObject/ControlledSelectWithObject.tsx
 import { Controller as Controller5 } from "react-hook-form";
 import { FormControl as FormControl2, FormHelperText as FormHelperText2, InputLabel as InputLabel2, Select as Select2 } from "@mui/material";
-import { makeStyles as makeStyles19 } from "tss-react/mui";
+import { makeStyles as makeStyles18 } from "tss-react/mui";
 import { jsx as jsx81, jsxs as jsxs47 } from "react/jsx-runtime";
-var useStyles19 = makeStyles19()(() => ({
+var useStyles18 = makeStyles18()(() => ({
   selectInput: {
     minWidth: 122
   }
@@ -4108,7 +4102,7 @@ var ControlledSelectWithObject = ({
   listToDisableFromOptions = [],
   revalidateFormFunction
 }) => {
-  const { classes } = useStyles19();
+  const { classes } = useStyles18();
   return /* @__PURE__ */ jsx81(
     Controller5,
     {
@@ -4171,9 +4165,9 @@ import {
 } from "react-hook-form";
 import { Box as Box17, TextField as TextField4 } from "@mui/material";
 import classNames from "classnames";
-import { makeStyles as makeStyles20 } from "tss-react/mui";
+import { makeStyles as makeStyles19 } from "tss-react/mui";
 import { jsx as jsx82, jsxs as jsxs48 } from "react/jsx-runtime";
-var useStyles20 = makeStyles20()(() => ({
+var useStyles19 = makeStyles19()(() => ({
   fullWidthWrapper: {
     maxWidth: "100%"
   },
@@ -4199,7 +4193,7 @@ var ControlledValidTextInput = ({
   updateCustomerData,
   customHandleBlurValidationAndSubmit
 }) => {
-  const { classes } = useStyles20();
+  const { classes } = useStyles19();
   const defaultHandleBlurValidationAndSubmit = async ({ name, value, onChange }, isDirty) => {
     const trimmedValue = value?.trim();
     if (value !== trimmedValue) {
@@ -4282,9 +4276,9 @@ var ControlledValidTextInput_default = ControlledValidTextInput;
 import { useState as useState4 } from "react";
 import { Paper as Paper2, Skeleton as Skeleton3 } from "@mui/material";
 import { DataGrid as MUIDataGrid } from "@mui/x-data-grid";
-import { makeStyles as makeStyles21 } from "tss-react/mui";
+import { makeStyles as makeStyles20 } from "tss-react/mui";
 import { Fragment as Fragment3, jsx as jsx83, jsxs as jsxs49 } from "react/jsx-runtime";
-var useStyles21 = makeStyles21()(() => ({
+var useStyles20 = makeStyles20()(() => ({
   root: {
     justifyContent: "space-between",
     display: "flex",
@@ -4321,7 +4315,7 @@ var DataGrid = ({
   height,
   children
 }) => {
-  const { classes } = useStyles21();
+  const { classes } = useStyles20();
   const [sortModel, setSortModel] = useState4([
     {
       field: sortField || "id",
@@ -4462,9 +4456,9 @@ var Date_default = Date;
 // src/components/DeleteSubstitutionDialogContent/DeleteSubstitutionDialogContent.tsx
 import { memo as memo10 } from "react";
 import { Alert as Alert2, AlertTitle as AlertTitle2, Typography as Typography12, Box as Box18 } from "@mui/material";
-import { makeStyles as makeStyles22 } from "tss-react/mui";
+import { makeStyles as makeStyles21 } from "tss-react/mui";
 import { Fragment as Fragment4, jsx as jsx85, jsxs as jsxs50 } from "react/jsx-runtime";
-var useStyles22 = makeStyles22()(() => ({
+var useStyles21 = makeStyles21()(() => ({
   alert: { marginBottom: 16 },
   bottomBar: {
     marginTop: "12px",
@@ -4480,7 +4474,7 @@ var DeleteSubstitutionDialogContent = ({
   substitutionName,
   deleteSubstitution
 }) => {
-  const { classes } = useStyles22();
+  const { classes } = useStyles21();
   return /* @__PURE__ */ jsxs50(Fragment4, { children: [
     /* @__PURE__ */ jsxs50(Alert2, { severity: "warning", className: classes.alert, children: [
       /* @__PURE__ */ jsxs50(AlertTitle2, { children: [
@@ -4510,9 +4504,9 @@ var DeleteSubstitutionDialogContent_default = memo10(DeleteSubstitutionDialogCon
 // src/components/DeleteUserDialogContent/DeleteUserDialogContent.tsx
 import { memo as memo11 } from "react";
 import { Alert as Alert3, AlertTitle as AlertTitle3, Typography as Typography13, Box as Box19 } from "@mui/material";
-import { makeStyles as makeStyles23 } from "tss-react/mui";
+import { makeStyles as makeStyles22 } from "tss-react/mui";
 import { Fragment as Fragment5, jsx as jsx86, jsxs as jsxs51 } from "react/jsx-runtime";
-var useStyles23 = makeStyles23()(() => ({
+var useStyles22 = makeStyles22()(() => ({
   alert: { marginBottom: 16 },
   bottomBar: {
     marginTop: "12px",
@@ -4528,7 +4522,7 @@ var DeleteUserDialogContent = ({
   userName,
   deleteUser
 }) => {
-  const { classes } = useStyles23();
+  const { classes } = useStyles22();
   return /* @__PURE__ */ jsxs51(Fragment5, { children: [
     /* @__PURE__ */ jsxs51(Alert3, { severity: "warning", className: classes.alert, children: [
       /* @__PURE__ */ jsxs51(AlertTitle3, { children: [
@@ -4618,9 +4612,9 @@ var FileCard_default = FileCard;
 import { memo as memo12 } from "react";
 import { Typography as Typography15 } from "@mui/material";
 import { brown, teal } from "@mui/material/colors";
-import { makeStyles as makeStyles24 } from "tss-react/mui";
+import { makeStyles as makeStyles23 } from "tss-react/mui";
 import { jsx as jsx88 } from "react/jsx-runtime";
-var useStyles24 = makeStyles24()((theme) => ({
+var useStyles23 = makeStyles23()((theme) => ({
   siteOne: {
     backgroundColor: teal["50"],
     color: teal["500"],
@@ -4646,7 +4640,7 @@ var useStyles24 = makeStyles24()((theme) => ({
 }));
 var FilledLabel = (props) => {
   const { color, copy } = props;
-  const { classes } = useStyles24();
+  const { classes } = useStyles23();
   return /* @__PURE__ */ jsx88(Typography15, { variant: "caption", className: classes[color], children: copy });
 };
 var FilledLabel_default = memo12(FilledLabel);
@@ -4662,9 +4656,9 @@ import {
   ListItemText,
   Divider as Divider4
 } from "@mui/material";
-import { makeStyles as makeStyles25 } from "tss-react/mui";
+import { makeStyles as makeStyles24 } from "tss-react/mui";
 import { Fragment as Fragment6, jsx as jsx89, jsxs as jsxs53 } from "react/jsx-runtime";
-var useStyles25 = makeStyles25()((theme) => ({
+var useStyles24 = makeStyles24()((theme) => ({
   filterOptions: {
     height: 450,
     overflowY: "auto",
@@ -4692,7 +4686,7 @@ var FilterGroupSelector = ({
   handleClickOnApply,
   optionsList = [{ category: "Category", options: ["Option 1"] }]
 }) => {
-  const { classes } = useStyles25();
+  const { classes } = useStyles24();
   const [anchorEl, setAnchorEl] = useState5(null);
   const [values, setValues] = useState5([]);
   const open = Boolean(anchorEl);
@@ -4791,9 +4785,9 @@ import {
   ListItemText as ListItemText2,
   Divider as Divider5
 } from "@mui/material";
-import { makeStyles as makeStyles26 } from "tss-react/mui";
+import { makeStyles as makeStyles25 } from "tss-react/mui";
 import { Fragment as Fragment7, jsx as jsx90, jsxs as jsxs54 } from "react/jsx-runtime";
-var useStyles26 = makeStyles26()((theme) => ({
+var useStyles25 = makeStyles25()((theme) => ({
   filterOptions: {
     height: 450,
     overflowY: "auto",
@@ -4820,7 +4814,7 @@ var FilterSimpleSelector = ({
   setSelectedOptions,
   handleClickOnApply
 }) => {
-  const { classes } = useStyles26();
+  const { classes } = useStyles25();
   const [anchorEl, setAnchorEl] = useState6(null);
   const [values, setValues] = useState6([]);
   const open = Boolean(anchorEl);
@@ -4899,10 +4893,10 @@ var FilterSimpleSelector_default = FilterSimpleSelector;
 // src/components/FixedFooter/FixedFooter.tsx
 import * as React4 from "react";
 import { Box as Box23 } from "@mui/material";
-import { makeStyles as makeStyles27 } from "tss-react/mui";
+import { makeStyles as makeStyles26 } from "tss-react/mui";
 import { jsx as jsx91, jsxs as jsxs55 } from "react/jsx-runtime";
 var footerHeight = "64px";
-var useStyles27 = makeStyles27()((theme) => ({
+var useStyles26 = makeStyles26()((theme) => ({
   root: {
     position: "fixed",
     bottom: 0,
@@ -4913,14 +4907,16 @@ var useStyles27 = makeStyles27()((theme) => ({
     borderTop: `1px solid ${colors.neutral400}`,
     width: "100%",
     height: footerHeight,
-    padding: theme.spacing(0, 2)
+    padding: theme.spacing(0, 2),
+    zIndex: 999
   },
   fixedOffset: {
-    height: footerHeight
+    height: footerHeight,
+    backgroundColor: "white"
   }
 }));
 var FixedFooter = ({ justifyContent, children }) => {
-  const { classes } = useStyles27();
+  const { classes } = useStyles26();
   return /* @__PURE__ */ jsxs55(Box23, { children: [
     /* @__PURE__ */ jsx91(Box23, { className: classes.fixedOffset }),
     /* @__PURE__ */ jsx91(
@@ -4939,9 +4935,9 @@ var FixedFooter_default = React4.memo(FixedFooter);
 
 // src/components/Header/Header.tsx
 import { Paper as Paper3 } from "@mui/material";
-import { makeStyles as makeStyles28 } from "tss-react/mui";
+import { makeStyles as makeStyles27 } from "tss-react/mui";
 import { jsx as jsx92, jsxs as jsxs56 } from "react/jsx-runtime";
-var useStyles28 = makeStyles28()((theme) => ({
+var useStyles27 = makeStyles27()((theme) => ({
   container: {
     margin: theme.spacing(1)
   },
@@ -4962,7 +4958,7 @@ var Header = ({
   children = null,
   wrappedHeader = false
 }) => {
-  const { classes, cx } = useStyles28();
+  const { classes, cx } = useStyles27();
   return /* @__PURE__ */ jsx92(
     Paper3,
     {
@@ -5014,9 +5010,9 @@ import { Fragment as Fragment9 } from "react";
 import { Box as Box24, Chip as Chip4, Typography as Typography18 } from "@mui/material";
 import { purple } from "@mui/material/colors";
 import classNames2 from "classnames";
-import { makeStyles as makeStyles29 } from "tss-react/mui";
+import { makeStyles as makeStyles28 } from "tss-react/mui";
 import { jsx as jsx94, jsxs as jsxs58 } from "react/jsx-runtime";
-var useStyles29 = makeStyles29()(() => ({
+var useStyles28 = makeStyles28()(() => ({
   container: {
     display: "flex",
     alignItems: "center",
@@ -5051,7 +5047,7 @@ var LocationsSectionInfo = ({
   isPicking,
   isStock
 }) => {
-  const { classes } = useStyles29();
+  const { classes } = useStyles28();
   const getLocationLabel = () => {
     if (isPicking && isStock) {
       return "PICKING & STOCK";
@@ -5085,9 +5081,9 @@ var LocationsSectionInfo_default = LocationsSectionInfo;
 // src/components/Notes/Notes.tsx
 import { useEffect as useEffect4, useState as useState7 } from "react";
 import { FormControl as FormControl3, Input, InputAdornment as InputAdornment3, InputLabel as InputLabel3 } from "@mui/material";
-import { makeStyles as makeStyles30 } from "tss-react/mui";
+import { makeStyles as makeStyles29 } from "tss-react/mui";
 import { jsx as jsx95, jsxs as jsxs59 } from "react/jsx-runtime";
-var useStyles30 = makeStyles30()((theme) => ({
+var useStyles29 = makeStyles29()((theme) => ({
   wrapper: {
     padding: theme.spacing(3),
     backgroundColor: colors.blueOpacity08
@@ -5128,7 +5124,7 @@ var Notes2 = ({
       onChange(value);
     }
   };
-  const { classes } = useStyles30();
+  const { classes } = useStyles29();
   return /* @__PURE__ */ jsx95("div", { className: classes.wrapper, children: /* @__PURE__ */ jsxs59(FormControl3, { fullWidth: true, children: [
     /* @__PURE__ */ jsx95(InputLabel3, { htmlFor: "notes", children: "Notes" }),
     /* @__PURE__ */ jsx95(
@@ -5311,9 +5307,9 @@ var Numpad_default = Numpad;
 // src/components/NumpadInput/NumpadInput.tsx
 import { memo as memo14, useState as useState8 } from "react";
 import { TextField as TextField5, Typography as Typography19 } from "@mui/material";
-import { makeStyles as makeStyles31 } from "tss-react/mui";
+import { makeStyles as makeStyles30 } from "tss-react/mui";
 import { jsx as jsx97, jsxs as jsxs61 } from "react/jsx-runtime";
-var useStyles31 = makeStyles31()(() => ({
+var useStyles30 = makeStyles30()(() => ({
   c_numpadinput__textfield: {
     "& .MuiInputLabel-outlined.MuiInputLabel-shrink": {
       transform: "translate(18px, -13px) scale(0.75)"
@@ -5338,7 +5334,7 @@ var useStyles31 = makeStyles31()(() => ({
 }));
 var NumpadInput = (props) => {
   const { handleNextClick, inputLabel, children } = props;
-  const { classes } = useStyles31();
+  const { classes } = useStyles30();
   const [state, setState] = useState8("");
   const handleNumpadClick = (value) => {
     setState(state + value);
@@ -5389,9 +5385,9 @@ var NumpadInput_default = memo14(NumpadInput);
 
 // src/components/NumpadPlus/NumpadPlus.tsx
 import { Box as Box25 } from "@mui/material";
-import { makeStyles as makeStyles32 } from "tss-react/mui";
+import { makeStyles as makeStyles31 } from "tss-react/mui";
 import { jsx as jsx98, jsxs as jsxs62 } from "react/jsx-runtime";
-var useStyles32 = makeStyles32()(() => ({
+var useStyles31 = makeStyles31()(() => ({
   numpadContainer: {
     display: "flex",
     flexDirection: "row",
@@ -5421,7 +5417,7 @@ var useStyles32 = makeStyles32()(() => ({
   }
 }));
 var NumpadPlus = ({ handleClick, handleUndo }) => {
-  const { classes: styles } = useStyles32();
+  const { classes: styles } = useStyles31();
   return /* @__PURE__ */ jsxs62(Box25, { className: styles.numpadContainer, children: [
     /* @__PURE__ */ jsxs62(Box25, { className: styles.numpadNumbersContainer, children: [
       /* @__PURE__ */ jsxs62(Box25, { className: styles.numpadRow, children: [
@@ -5556,10 +5552,10 @@ var NumpadPlus_default = NumpadPlus;
 
 // src/components/Pagination/Pagination.tsx
 import { Pagination, Paper as Paper4, Typography as Typography20 } from "@mui/material";
-import { makeStyles as makeStyles33 } from "tss-react/mui";
+import { makeStyles as makeStyles32 } from "tss-react/mui";
 import { jsx as jsx99, jsxs as jsxs63 } from "react/jsx-runtime";
 var paginationHeight = "56px";
-var useStyles33 = makeStyles33()((theme) => ({
+var useStyles32 = makeStyles32()((theme) => ({
   root: {
     display: "flex",
     flexDirection: "row",
@@ -5583,7 +5579,8 @@ var useStyles33 = makeStyles33()((theme) => ({
     left: 0
   },
   fixedOffset: {
-    height: paginationHeight
+    height: paginationHeight,
+    backgroundColor: "white"
   }
 }));
 var PaginationForTable = ({
@@ -5595,7 +5592,7 @@ var PaginationForTable = ({
   style,
   updateFilters
 }) => {
-  const { classes, cx } = useStyles33();
+  const { classes, cx } = useStyles32();
   const handleChange = (event, value) => {
     updateFilters({ ...appliedFilters, page: value });
   };
@@ -5690,9 +5687,9 @@ import {
   TextField as TextField7,
   Typography as Typography22
 } from "@mui/material";
-import { makeStyles as makeStyles34 } from "tss-react/mui";
+import { makeStyles as makeStyles33 } from "tss-react/mui";
 import { jsx as jsx101, jsxs as jsxs65 } from "react/jsx-runtime";
-var useStyles34 = makeStyles34()((theme) => ({
+var useStyles33 = makeStyles33()((theme) => ({
   container: {
     position: "relative",
     /**
@@ -5833,7 +5830,7 @@ var PlusMinusInput = ({
     }
     updateInputValue(value);
   };
-  const { classes, cx } = useStyles34();
+  const { classes, cx } = useStyles33();
   return /* @__PURE__ */ jsx101("div", { className: classes.container, children: /* @__PURE__ */ jsxs65(
     FormGroup,
     {
@@ -6250,7 +6247,7 @@ var RenderAvatar_default = RenderAvatar;
 
 // src/components/RenderContentList/RenderContentList.tsx
 import { useEffect as useEffect7, useState as useState11, useRef as useRef5 } from "react";
-import { WarningAmber } from "@mui/icons-material";
+import WarningAmber from "@mui/icons-material/WarningAmber";
 import {
   List,
   ListItemButton,
@@ -6258,7 +6255,7 @@ import {
   ListSubheader,
   Tooltip as Tooltip7
 } from "@mui/material";
-import { makeStyles as makeStyles35 } from "tss-react/mui";
+import { makeStyles as makeStyles34 } from "tss-react/mui";
 
 // src/utils/useGetActiveSection.ts
 import { useEffect as useEffect6, useState as useState10 } from "react";
@@ -6266,7 +6263,7 @@ var transformNameToID = (name) => name.replaceAll(" ", "_").toLocaleLowerCase();
 
 // src/components/RenderContentList/RenderContentList.tsx
 import { jsx as jsx105, jsxs as jsxs69 } from "react/jsx-runtime";
-var useStyles35 = makeStyles35()(
+var useStyles34 = makeStyles34()(
   (_theme, _params, classes) => ({
     root: {
       [`&.${classes.selected}`]: {
@@ -6285,11 +6282,34 @@ var RenderContentList = ({
   warningItems,
   warningMessage = "Missing information on this section"
 }) => {
-  const { classes } = useStyles35();
+  const { classes } = useStyles34();
   const [active, setActive] = useState11(activeSection);
   const observer = useRef5(null);
+  const isScrolling = useRef5(false);
+  const timeoutScrolling = useRef5(null);
   useEffect7(() => {
-    setActive(activeSection);
+    if (!activeSection) {
+      return void 0;
+    }
+    isScrolling.current = true;
+    const targetId = transformNameToID(activeSection);
+    setActive(targetId);
+    const element = document.getElementById(targetId);
+    if (element) {
+      element.scrollIntoView({
+        behavior: "smooth",
+        block: "start"
+      });
+    }
+    if (timeoutScrolling.current) {
+      clearTimeout(timeoutScrolling.current);
+    }
+    timeoutScrolling.current = setTimeout(() => {
+      isScrolling.current = false;
+    }, 1e3);
+    return () => {
+      if (timeoutScrolling.current) clearTimeout(timeoutScrolling.current);
+    };
   }, [activeSection]);
   useEffect7(() => {
     const sections = items.map((item) => ({
@@ -6299,9 +6319,14 @@ var RenderContentList = ({
     if (observer.current) {
       observer.current.disconnect();
     }
-    if (sections.length === 0) return;
+    if (sections.length === 0) {
+      return void 0;
+    }
     observer.current = new IntersectionObserver(
       (entries) => {
+        if (isScrolling.current) {
+          return;
+        }
         const visibleSection = entries.find((entry) => entry.isIntersecting);
         if (visibleSection) {
           setActive(visibleSection.target.id);
@@ -6320,6 +6345,21 @@ var RenderContentList = ({
       observer.current?.disconnect();
     };
   }, [items]);
+  const handleMenuClick = (id) => {
+    isScrolling.current = true;
+    setActive(id);
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({
+        behavior: "smooth",
+        block: "start"
+      });
+    }
+    if (timeoutScrolling.current) clearTimeout(timeoutScrolling.current);
+    timeoutScrolling.current = setTimeout(() => {
+      isScrolling.current = false;
+    }, 1e3);
+  };
   return /* @__PURE__ */ jsx105(
     List,
     {
@@ -6333,16 +6373,7 @@ var RenderContentList = ({
           {
             selected: active === id,
             classes: { root: classes.root, selected: classes.selected },
-            onClick: () => {
-              setActive(id);
-              const element = document.getElementById(id);
-              if (element) {
-                element.scrollIntoView({
-                  behavior: "smooth",
-                  block: "start"
-                });
-              }
-            },
+            onClick: () => handleMenuClick(id),
             children: [
               /* @__PURE__ */ jsx105(ListItemText4, { primary: item }),
               (warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ jsx105(Tooltip7, { title: warningMessage, children: /* @__PURE__ */ jsx105(WarningAmber, { color: "warning" }) })
@@ -6358,9 +6389,9 @@ var RenderContentList_default = RenderContentList;
 
 // src/components/RowProductCard/RowProductCard.tsx
 import { Box as Box28, Divider as Divider6, Paper as Paper5, Typography as Typography25 } from "@mui/material";
-import { makeStyles as makeStyles36 } from "tss-react/mui";
+import { makeStyles as makeStyles35 } from "tss-react/mui";
 import { Fragment as Fragment11, jsx as jsx106, jsxs as jsxs70 } from "react/jsx-runtime";
-var useStyles36 = makeStyles36()((theme) => ({
+var useStyles35 = makeStyles35()((theme) => ({
   wrapper: {
     display: "flex",
     gap: theme.spacing(2),
@@ -6391,7 +6422,7 @@ var RowProductCard = ({
   product,
   size = "medium"
 }) => {
-  const { classes, cx } = useStyles36();
+  const { classes, cx } = useStyles35();
   const hasColumns = columns.length >= 1;
   const imageSize = {
     small: "c_productbust__image_sm",
@@ -6458,9 +6489,9 @@ var RowProductCard_default = RowProductCard;
 // src/components/ScrollableDialog/ScrollableDialog.tsx
 import { useEffect as useEffect8, useRef as useRef6, useState as useState12 } from "react";
 import { Box as Box29, Dialog as Dialog4, Divider as Divider7, Fade, Paper as Paper6, Typography as Typography26 } from "@mui/material";
-import { makeStyles as makeStyles37 } from "tss-react/mui";
+import { makeStyles as makeStyles36 } from "tss-react/mui";
 import { jsx as jsx107, jsxs as jsxs71 } from "react/jsx-runtime";
-var useStyles37 = makeStyles37()((theme) => ({
+var useStyles36 = makeStyles36()((theme) => ({
   dialog: {
     margin: "0 auto",
     [theme.breakpoints.up("md")]: {
@@ -6502,7 +6533,7 @@ var ScrollableDialog = ({
   const [bodyHeight, setBodyHeight] = useState12(0);
   const [hasScrollBar, setHasScrollBar] = useState12(false);
   const [maxDialogHeight, setMaxDialogHeight] = useState12(0);
-  const { classes, cx } = useStyles37();
+  const { classes, cx } = useStyles36();
   const headerRef = useRef6(null);
   const footerRef = useRef6(null);
   const titleRef = useRef6(null);
@@ -6588,7 +6619,7 @@ var ScrollableDialog_default = ScrollableDialog;
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
 import { Box as Box30, Paper as Paper8 } from "@mui/material";
-import { makeStyles as makeStyles39 } from "tss-react/mui";
+import { makeStyles as makeStyles38 } from "tss-react/mui";
 
 // src/components/SearchWithFilters/SearchWithFilters.tsx
 import { useState as useState13, useEffect as useEffect9 } from "react";
@@ -6599,9 +6630,9 @@ import {
   Search as SearchIcon
 } from "@mui/icons-material";
 import { Button as Button14, Divider as Divider8, InputBase, Paper as Paper7 } from "@mui/material";
-import { makeStyles as makeStyles38 } from "tss-react/mui";
+import { makeStyles as makeStyles37 } from "tss-react/mui";
 import { jsx as jsx108, jsxs as jsxs72 } from "react/jsx-runtime";
-var useStyles38 = makeStyles38()((theme) => ({
+var useStyles37 = makeStyles37()((theme) => ({
   searchContainer: {
     height: 46,
     padding: "4px",
@@ -6646,7 +6677,7 @@ var SearchWithFilters = ({
   disabled = false
 }) => {
   const [searchText, setSearchText] = useState13(searchValue);
-  const { classes } = useStyles38();
+  const { classes } = useStyles37();
   const handleTextChange = (e) => {
     const { value } = e.target;
     setSearchText(value);
@@ -6693,7 +6724,7 @@ var SearchWithFilters_default = React6.memo(SearchWithFilters);
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
 import { jsx as jsx109, jsxs as jsxs73 } from "react/jsx-runtime";
-var useStyles39 = makeStyles39()((theme) => ({
+var useStyles38 = makeStyles38()((theme) => ({
   wrapper: {
     display: "flex",
     flexDirection: "column",
@@ -6727,7 +6758,7 @@ var SearchAndFilterHeader = ({
   appliedFiltersComponent,
   searchValue
 }) => {
-  const { classes } = useStyles39();
+  const { classes } = useStyles38();
   return /* @__PURE__ */ jsx109(Paper8, { children: /* @__PURE__ */ jsxs73(Box30, { className: classes.wrapper, children: [
     /* @__PURE__ */ jsxs73(Box30, { className: classes.container, children: [
       /* @__PURE__ */ jsxs73(Box30, { className: classes.leftSection, children: [
@@ -6754,7 +6785,7 @@ var SearchAndFilterHeader_default = SearchAndFilterHeader;
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
 import * as React7 from "react";
 import { Box as Box32 } from "@mui/material";
-import { makeStyles as makeStyles41 } from "tss-react/mui";
+import { makeStyles as makeStyles40 } from "tss-react/mui";
 
 // src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
 import { useState as useState14, memo as memo16 } from "react";
@@ -6764,9 +6795,9 @@ import {
   Search as SearchIcon2
 } from "@mui/icons-material";
 import { Box as Box31, Button as Button15, Divider as Divider9, InputBase as InputBase2, Paper as Paper9 } from "@mui/material";
-import { makeStyles as makeStyles40 } from "tss-react/mui";
+import { makeStyles as makeStyles39 } from "tss-react/mui";
 import { Fragment as Fragment12, jsx as jsx110, jsxs as jsxs74 } from "react/jsx-runtime";
-var useStyles40 = makeStyles40()((theme) => ({
+var useStyles39 = makeStyles39()((theme) => ({
   c_search: {
     height: 46,
     padding: "4px",
@@ -6824,7 +6855,7 @@ var SearchWithFiltersForTable = (props) => {
     enterPressedInSearch,
     searchedValue
   } = props;
-  const { classes } = useStyles40();
+  const { classes } = useStyles39();
   const [searchText, setSearchText] = useState14("");
   const handleTextChange = (e) => {
     const { value } = e.target;
@@ -6878,7 +6909,7 @@ var SearchWithFiltersForTable_default = memo16(SearchWithFiltersForTable);
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
 import { jsx as jsx111, jsxs as jsxs75 } from "react/jsx-runtime";
-var useStyles41 = makeStyles41()((theme) => ({
+var useStyles40 = makeStyles40()((theme) => ({
   container: {
     display: "flex",
     alignItems: "center",
@@ -6908,7 +6939,7 @@ var SearchAndFilterHeaderForTable = (props) => {
     button,
     searchedValue
   } = props;
-  const { classes } = useStyles41();
+  const { classes } = useStyles40();
   return /* @__PURE__ */ jsxs75(Box32, { className: classes.container, children: [
     /* @__PURE__ */ jsxs75(Box32, { className: classes.leftSection, children: [
       /* @__PURE__ */ jsx111(AppLabel_default, { appName }),
@@ -6975,11 +7006,12 @@ var SearchHeader = memo18(
 );
 
 // src/components/SectionName/SectionName.tsx
-import { History as History2, Info as InfoIcon } from "@mui/icons-material";
+import HistoryIcon from "@mui/icons-material/History";
+import InfoIcon from "@mui/icons-material/Info";
 import { Box as Box34, Divider as Divider10, IconButton as IconButton4, Tooltip as Tooltip8, Typography as Typography27 } from "@mui/material";
-import { makeStyles as makeStyles42 } from "tss-react/mui";
+import { makeStyles as makeStyles41 } from "tss-react/mui";
 import { jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
-var useStyles42 = makeStyles42()((theme) => ({
+var useStyles41 = makeStyles41()((theme) => ({
   container: {
     display: "flex",
     alignItems: "flex-end",
@@ -7020,15 +7052,27 @@ var SectionName = ({
   buttonDisabled,
   openHistoryLog
 }) => {
-  const { classes } = useStyles42();
+  const { classes } = useStyles41();
+  const handleScroll = (e) => {
+    e.preventDefault();
+    if (sectionId) {
+      const targetId = sectionId.startsWith("#") ? sectionId.slice(1) : sectionId;
+      const element = document.getElementById(targetId);
+      if (element) {
+        element.scrollIntoView({
+          behavior: "smooth",
+          block: "start"
+        });
+      }
+    }
+  };
   return /* @__PURE__ */ jsxs77(Box34, { className: classes.container, children: [
     /* @__PURE__ */ jsxs77(Box34, { className: classes.titleContainer, children: [
       /* @__PURE__ */ jsx113(
         Typography27,
         {
           variant: "h5",
-          component: "a",
-          href: sectionId,
+          onClick: handleScroll,
           className: classes.typography,
           children: name
         }
@@ -7057,7 +7101,7 @@ var SectionName = ({
         }
       ) : null,
       openHistoryLog && buttonText && /* @__PURE__ */ jsx113(Divider10, { orientation: "vertical", sx: { height: "24px" } }),
-      openHistoryLog && /* @__PURE__ */ jsx113(IconButton4, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx113(History2, {}) })
+      openHistoryLog && /* @__PURE__ */ jsx113(IconButton4, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx113(HistoryIcon, {}) })
     ] })
   ] });
 };
@@ -7325,9 +7369,9 @@ var SmartSelect = forwardRef2(
 import { memo as memo19 } from "react";
 import { Typography as Typography29 } from "@mui/material";
 import { red as red2 } from "@mui/material/colors";
-import { makeStyles as makeStyles43 } from "tss-react/mui";
+import { makeStyles as makeStyles42 } from "tss-react/mui";
 import { jsx as jsx116 } from "react/jsx-runtime";
-var useStyles43 = makeStyles43()((theme) => ({
+var useStyles42 = makeStyles42()((theme) => ({
   red: {
     backgroundColor: red2["50"],
     color: red2["500"],
@@ -7340,7 +7384,7 @@ var useStyles43 = makeStyles43()((theme) => ({
   }
 }));
 var SquareLabel = ({ color, copy }) => {
-  const { classes } = useStyles43();
+  const { classes } = useStyles42();
   return /* @__PURE__ */ jsx116(Typography29, { className: classes[color], children: copy });
 };
 var SquareLabel_default = memo19(SquareLabel);
@@ -7686,7 +7730,7 @@ import {
   TableRow as TableRow2,
   TableSortLabel as TableSortLabel2
 } from "@mui/material";
-import { makeStyles as makeStyles44 } from "tss-react/mui";
+import { makeStyles as makeStyles43 } from "tss-react/mui";
 import { v4 as uuidv4 } from "uuid";
 
 // src/components/TableLoading/TableLoading.tsx
@@ -7745,7 +7789,7 @@ function calculateRowsPerPage(rowHeight) {
 
 // src/components/Table/Table.tsx
 import { jsx as jsx121, jsxs as jsxs83 } from "react/jsx-runtime";
-var useStyles44 = makeStyles44()(() => ({
+var useStyles43 = makeStyles43()(() => ({
   root: {
     height: "calc(100vh - 262px)",
     overflow: "scroll"
@@ -7784,7 +7828,7 @@ var Table = ({
     appliedFilters?.sortField || "delivery_date"
   );
   const [rowsPerPage, setRowsPerPage] = useState17(defaultRowsPerPage);
-  const { classes } = useStyles44();
+  const { classes } = useStyles43();
   const rowHeight = 56;
   const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
   const handleRequestSort = (event, property) => {
@@ -8087,9 +8131,9 @@ var TableDesktopRowSelectionBar = ({
 
 // src/components/TableEmptyResult/TableEmptyResult.tsx
 import { TableCell as TableCell5, TableRow as TableRow5, Typography as Typography33 } from "@mui/material";
-import { makeStyles as makeStyles45 } from "tss-react/mui";
+import { makeStyles as makeStyles44 } from "tss-react/mui";
 import { jsx as jsx126, jsxs as jsxs87 } from "react/jsx-runtime";
-var useStyles45 = makeStyles45()(() => ({
+var useStyles44 = makeStyles44()(() => ({
   tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
   tableCellDefault: { padding: 24 }
 }));
@@ -8099,7 +8143,7 @@ var TableEmptyResult = ({
   handleClickOnClearFiltersButton = () => {
   }
 }) => {
-  const { classes } = useStyles45();
+  const { classes } = useStyles44();
   return showClearFilterButton ? /* @__PURE__ */ jsx126(TableRow5, { children: /* @__PURE__ */ jsxs87(
     TableCell5,
     {
@@ -8247,12 +8291,12 @@ var TableDesktop = ({
     setIsBulkChangesMode(checked);
     if (!checked) {
       resetSelectedRows();
+      refetchData?.();
     }
   };
   useEffect11(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
-      selectAllRowsInPage();
     }
   }, [isRowsFromAllPagesSelected, data]);
   const renderBody = () => {
@@ -8992,6 +9036,7 @@ var TableDesktopToolbar = ({
   disableBulkChangesMode = false,
   isBulkChangesMode,
   onChangeBulkChangesMode,
+  onActivateBulkChangesMode,
   refetchData,
   renderExportCsvDialog,
   renderBulkChangesDialog,
@@ -9016,8 +9061,8 @@ var TableDesktopToolbar = ({
   const handleChangeBulkChangesMode = (_, checked) => {
     setBulkChanges([]);
     onChangeBulkChangesMode(checked);
-    if (!checked) {
-      refetchData?.();
+    if (checked) {
+      onActivateBulkChangesMode?.();
     }
   };
   const handleUpdateEditableCell = ({
@@ -9226,9 +9271,9 @@ var TableDesktopToolbar = ({
 import { memo as memo22, useEffect as useEffect14, useState as useState24 } from "react";
 import { ImportExport as ImportExportIcon } from "@mui/icons-material";
 import { TableCell as TableCell7, TableHead as TableHead3, TableRow as TableRow6, TableSortLabel as TableSortLabel3 } from "@mui/material";
-import { makeStyles as makeStyles46 } from "tss-react/mui";
+import { makeStyles as makeStyles45 } from "tss-react/mui";
 import { jsx as jsx135 } from "react/jsx-runtime";
-var useStyles46 = makeStyles46()(() => ({
+var useStyles45 = makeStyles45()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
       opacity: 1
@@ -9237,7 +9282,7 @@ var useStyles46 = makeStyles46()(() => ({
 }));
 var TableHeader = ({ cells, onSort = null }) => {
   const [sortableCells, setSortableCells] = useState24([]);
-  const { classes } = useStyles46();
+  const { classes } = useStyles45();
   useEffect14(() => {
     setSortableCells(cells);
   }, []);
@@ -9287,9 +9332,9 @@ var TableHeader_default = memo22(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
 import { Box as Box44, Typography as Typography36, Divider as Divider12, Button as Button20 } from "@mui/material";
-import { makeStyles as makeStyles47 } from "tss-react/mui";
+import { makeStyles as makeStyles46 } from "tss-react/mui";
 import { jsx as jsx136, jsxs as jsxs92 } from "react/jsx-runtime";
-var useStyles47 = makeStyles47()(() => ({
+var useStyles46 = makeStyles46()(() => ({
   icon: {
     fontSize: 20
   },
@@ -9323,7 +9368,7 @@ var TextDivider = ({
   iconPosition = "left",
   titleWeight = "400"
 }) => {
-  const { classes } = useStyles47();
+  const { classes } = useStyles46();
   const iconColor = color ?? colors.neutral900;
   return /* @__PURE__ */ jsxs92(
     Box44,
@@ -9356,11 +9401,11 @@ var TextDivider_default = TextDivider;
 
 // src/components/ThemedDateRangePicker/ThemedDateRangePicker.tsx
 import { DateRangePicker } from "react-dates";
-import { makeStyles as makeStyles48 } from "tss-react/mui";
+import { makeStyles as makeStyles47 } from "tss-react/mui";
 import "react-dates/initialize";
 import "react-dates/lib/css/_datepicker.css";
 import { jsx as jsx137 } from "react/jsx-runtime";
-var useStyles48 = makeStyles48()((theme) => ({
+var useStyles47 = makeStyles47()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
       backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[900] : colors.neutral100,
@@ -9454,7 +9499,7 @@ var ThemedDateRangePicker = ({
   className,
   ...props
 }) => {
-  const { classes, cx } = useStyles48();
+  const { classes, cx } = useStyles47();
   return /* @__PURE__ */ jsx137("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx137(DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
@@ -9462,9 +9507,9 @@ var ThemedDateRangePicker_default = ThemedDateRangePicker;
 // src/components/TheToolbar/TheToolbar.tsx
 import { memo as memo23 } from "react";
 import { AppBar, Box as Box45, Toolbar } from "@mui/material";
-import { makeStyles as makeStyles49 } from "tss-react/mui";
+import { makeStyles as makeStyles48 } from "tss-react/mui";
 import { jsx as jsx138, jsxs as jsxs93 } from "react/jsx-runtime";
-var useStyles49 = makeStyles49()((theme) => ({
+var useStyles48 = makeStyles48()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
   },
@@ -9480,12 +9525,13 @@ var TheToolbar = ({
   handleOpen,
   LeftDrawer,
   leftSection,
-  rightSection
+  rightSection,
+  isAuthenticated = true
 }) => {
-  const { classes } = useStyles49();
+  const { classes } = useStyles48();
   return /* @__PURE__ */ jsxs93(Box45, { children: [
     /* @__PURE__ */ jsx138(AppBar, { children: /* @__PURE__ */ jsxs93(Toolbar, { className: classes.topBar, children: [
-      /* @__PURE__ */ jsx138(
+      isAuthenticated ? /* @__PURE__ */ jsx138(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -9493,7 +9539,7 @@ var TheToolbar = ({
           noStrokes: true,
           onClick: handleOpen
         }
-      ),
+      ) : null,
       /* @__PURE__ */ jsx138(
         CompanyLogo_default,
         {
@@ -9523,7 +9569,7 @@ var ToastMessage = ({
   Snackbar,
   {
     open,
-    autoHideDuration: 1500,
+    autoHideDuration: 3e3,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
     children: /* @__PURE__ */ jsx139(
@@ -9562,9 +9608,9 @@ import {
   Paper as Paper13,
   Fade as Fade2
 } from "@mui/material";
-import { makeStyles as makeStyles50 } from "tss-react/mui";
+import { makeStyles as makeStyles49 } from "tss-react/mui";
 import { jsx as jsx140, jsxs as jsxs94 } from "react/jsx-runtime";
-var useStyles50 = makeStyles50()((theme) => ({
+var useStyles49 = makeStyles49()((theme) => ({
   paper: {
     padding: theme.spacing(2)
   },
@@ -9592,7 +9638,7 @@ var TwoButtonDialog = ({
   cancelLabel = "CANCEL",
   cancelButton
 }) => {
-  const { classes } = useStyles50();
+  const { classes } = useStyles49();
   return /* @__PURE__ */ jsx140(
     Dialog5,
     {