@natoora-libs/core 0.2.12-dev-doug-3 → 0.2.12-dev-po

package/dist/components/index.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-BrpwT-lM.cjs';
-export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-BrpwT-lM.cjs';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-Z0KE59L4.cjs';
+export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-Z0KE59L4.cjs';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
 import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
@@ -30,8 +30,6 @@ interface AlertDialogProps {
     rejectCopy?: string;
     acceptCopy?: string;
     disabledContentPadding?: boolean;
-    disableEnforceFocus?: boolean;
-    disableRestoreFocus?: boolean;
 }
 declare const AlertDialog: React.FC<AlertDialogProps>;
 
@@ -196,7 +194,7 @@ interface IRoundButton {
     className?: string;
     disabled?: boolean;
     focused?: boolean;
-    icon?: 'add' | 'apps' | 'arrowBack' | 'arrowForward' | 'avocado' | 'backspaceOutlined' | 'banana' | 'block' | 'bulk' | 'callSplit' | 'chevronRight' | 'chevronUp' | 'chevronDown' | 'close' | 'delete' | 'done' | 'edit' | 'email' | 'grape' | 'groupAdd' | 'history' | 'menu' | 'notes' | 'refresh' | 'remove' | 'search' | 'send' | 'strawberry' | 'thumbDown' | 'threeDots' | 'thumbUp' | 'undo' | 'play' | 'snail' | 'bus' | 'spoon' | 'fork' | 'car' | 'knife' | 'bicycle' | 'heart' | 'airplane' | 'threeDots';
+    icon?: 'add' | 'apps' | 'arrowBack' | 'arrowForward' | 'avocado' | 'backspaceOutlined' | 'banana' | 'block' | 'bulk' | 'callSplit' | 'chevronRight' | 'chevronUp' | 'chevronDown' | 'close' | 'delete' | 'done' | 'edit' | 'email' | 'grape' | 'groupAdd' | 'history' | 'menu' | 'notes' | 'refresh' | 'remove' | 'search' | 'send' | 'strawberry' | 'thumbDown' | 'threeDots' | 'thumbUp' | 'undo' | 'play' | 'snail' | 'bus' | 'spoon' | 'fork' | 'car' | 'knife' | 'bicycle' | 'heart' | 'airplane' | 'threeDots' | 'swapHoriz';
     iconColor?: 'inherit' | 'disabled' | 'primary' | 'secondary' | 'action' | 'error';
     isContrast?: boolean;
     isTableButton?: boolean;
@@ -831,7 +829,7 @@ interface SearchWithFiltersForTableProps {
 }
 declare const _default$5: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
 
-interface SectionNameProps {
+interface ISectionName {
     name: string;
     tooltipDescription?: string;
     sectionId?: string;
@@ -841,7 +839,7 @@ interface SectionNameProps {
     buttonDisabled?: boolean;
     openHistoryLog?: () => void;
 }
-declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: SectionNameProps) => react_jsx_runtime.JSX.Element;
+declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
 
 type Option = {
     value?: string | number;
@@ -1074,4 +1072,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, type Option, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-BrpwT-lM.js';
-export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-BrpwT-lM.js';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-Z0KE59L4.js';
+export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-Z0KE59L4.js';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
 import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
@@ -30,8 +30,6 @@ interface AlertDialogProps {
     rejectCopy?: string;
     acceptCopy?: string;
     disabledContentPadding?: boolean;
-    disableEnforceFocus?: boolean;
-    disableRestoreFocus?: boolean;
 }
 declare const AlertDialog: React.FC<AlertDialogProps>;
 
@@ -196,7 +194,7 @@ interface IRoundButton {
     className?: string;
     disabled?: boolean;
     focused?: boolean;
-    icon?: 'add' | 'apps' | 'arrowBack' | 'arrowForward' | 'avocado' | 'backspaceOutlined' | 'banana' | 'block' | 'bulk' | 'callSplit' | 'chevronRight' | 'chevronUp' | 'chevronDown' | 'close' | 'delete' | 'done' | 'edit' | 'email' | 'grape' | 'groupAdd' | 'history' | 'menu' | 'notes' | 'refresh' | 'remove' | 'search' | 'send' | 'strawberry' | 'thumbDown' | 'threeDots' | 'thumbUp' | 'undo' | 'play' | 'snail' | 'bus' | 'spoon' | 'fork' | 'car' | 'knife' | 'bicycle' | 'heart' | 'airplane' | 'threeDots';
+    icon?: 'add' | 'apps' | 'arrowBack' | 'arrowForward' | 'avocado' | 'backspaceOutlined' | 'banana' | 'block' | 'bulk' | 'callSplit' | 'chevronRight' | 'chevronUp' | 'chevronDown' | 'close' | 'delete' | 'done' | 'edit' | 'email' | 'grape' | 'groupAdd' | 'history' | 'menu' | 'notes' | 'refresh' | 'remove' | 'search' | 'send' | 'strawberry' | 'thumbDown' | 'threeDots' | 'thumbUp' | 'undo' | 'play' | 'snail' | 'bus' | 'spoon' | 'fork' | 'car' | 'knife' | 'bicycle' | 'heart' | 'airplane' | 'threeDots' | 'swapHoriz';
     iconColor?: 'inherit' | 'disabled' | 'primary' | 'secondary' | 'action' | 'error';
     isContrast?: boolean;
     isTableButton?: boolean;
@@ -831,7 +829,7 @@ interface SearchWithFiltersForTableProps {
 }
 declare const _default$5: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
 
-interface SectionNameProps {
+interface ISectionName {
     name: string;
     tooltipDescription?: string;
     sectionId?: string;
@@ -841,7 +839,7 @@ interface SectionNameProps {
     buttonDisabled?: boolean;
     openHistoryLog?: () => void;
 }
-declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: SectionNameProps) => react_jsx_runtime.JSX.Element;
+declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
 
 type Option = {
     value?: string | number;
@@ -1074,4 +1072,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, type Option, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };

package/dist/components/index.js

@@ -369,9 +369,7 @@ var AlertDialog = ({
   rejectCopy,
   acceptCopy,
   content,
-  disabledContentPadding,
-  disableEnforceFocus,
-  disableRestoreFocus
+  disabledContentPadding
 }) => {
   const { classes } = useStyles();
   return /* @__PURE__ */ jsx2(
@@ -382,8 +380,6 @@ 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,
@@ -1898,7 +1894,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";
@@ -3288,7 +3285,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) => {
@@ -4917,10 +4915,12 @@ 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 }) => {
@@ -5587,7 +5587,8 @@ var useStyles33 = makeStyles33()((theme) => ({
     left: 0
   },
   fixedOffset: {
-    height: paginationHeight
+    height: paginationHeight,
+    backgroundColor: "white"
   }
 }));
 var PaginationForTable = ({
@@ -6254,7 +6255,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/WarningAmber";
+import { WarningAmber } from "@mui/icons-material";
 import {
   List,
   ListItemButton,
@@ -6292,32 +6293,8 @@ var RenderContentList = ({
   const { classes } = useStyles35();
   const [active, setActive] = useState11(activeSection);
   const observer = useRef5(null);
-  const isScrolling = useRef5(false);
-  const timeoutScrolling = useRef5(null);
   useEffect7(() => {
-    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);
-    };
+    setActive(activeSection);
   }, [activeSection]);
   useEffect7(() => {
     const sections = items.map((item) => ({
@@ -6327,14 +6304,9 @@ var RenderContentList = ({
     if (observer.current) {
       observer.current.disconnect();
     }
-    if (sections.length === 0) {
-      return void 0;
-    }
+    if (sections.length === 0) return;
     observer.current = new IntersectionObserver(
       (entries) => {
-        if (isScrolling.current) {
-          return;
-        }
         const visibleSection = entries.find((entry) => entry.isIntersecting);
         if (visibleSection) {
           setActive(visibleSection.target.id);
@@ -6353,21 +6325,6 @@ 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,
     {
@@ -6381,7 +6338,16 @@ var RenderContentList = ({
           {
             selected: active === id,
             classes: { root: classes.root, selected: classes.selected },
-            onClick: () => handleMenuClick(id),
+            onClick: () => {
+              setActive(id);
+              const element = document.getElementById(id);
+              if (element) {
+                element.scrollIntoView({
+                  behavior: "smooth",
+                  block: "start"
+                });
+              }
+            },
             children: [
               /* @__PURE__ */ jsx105(ListItemText4, { primary: item }),
               (warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ jsx105(Tooltip7, { title: warningMessage, children: /* @__PURE__ */ jsx105(WarningAmber, { color: "warning" }) })
@@ -7014,8 +6980,7 @@ var SearchHeader = memo18(
 );
 
 // src/components/SectionName/SectionName.tsx
-import HistoryIcon from "@mui/icons-material/History";
-import InfoIcon from "@mui/icons-material/Info";
+import { History as History2, Info as InfoIcon } from "@mui/icons-material";
 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 { jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
@@ -7061,26 +7026,14 @@ var SectionName = ({
   openHistoryLog
 }) => {
   const { classes } = useStyles42();
-  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",
-          onClick: handleScroll,
+          component: "a",
+          href: sectionId,
           className: classes.typography,
           children: name
         }
@@ -7109,7 +7062,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(HistoryIcon, {}) })
+      openHistoryLog && /* @__PURE__ */ jsx113(IconButton4, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx113(History2, {}) })
     ] })
   ] });
 };
@@ -8299,12 +8252,12 @@ var TableDesktop = ({
     setIsBulkChangesMode(checked);
     if (!checked) {
       resetSelectedRows();
-      refetchData?.();
     }
   };
   useEffect11(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
+      selectAllRowsInPage();
     }
   }, [isRowsFromAllPagesSelected, data]);
   const renderBody = () => {
@@ -9044,7 +8997,6 @@ var TableDesktopToolbar = ({
   disableBulkChangesMode = false,
   isBulkChangesMode,
   onChangeBulkChangesMode,
-  onActivateBulkChangesMode,
   refetchData,
   renderExportCsvDialog,
   renderBulkChangesDialog,
@@ -9069,8 +9021,8 @@ var TableDesktopToolbar = ({
   const handleChangeBulkChangesMode = (_, checked) => {
     setBulkChanges([]);
     onChangeBulkChangesMode(checked);
-    if (checked) {
-      onActivateBulkChangesMode?.();
+    if (!checked) {
+      refetchData?.();
     }
   };
   const handleUpdateEditableCell = ({
@@ -9524,7 +9476,11 @@ var useStyles49 = makeStyles49()((theme) => ({
   topBar: {
     display: "flex",
     gap: theme.spacing(1),
-    backgroundColor: colors.topBar
+    backgroundColor: colors.topBar,
+    maxWidth: 2e3,
+    margin: "0 auto",
+    left: 0,
+    right: 0
   }
 }));
 var TheToolbar = ({