@natoora-libs/core 0.2.11 → 0.2.12-dev-doug-2

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 } from '../TableDesktop-CZe649rr.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-CZe649rr.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-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 { 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,6 +30,8 @@ interface AlertDialogProps {
     rejectCopy?: string;
     acceptCopy?: string;
     disabledContentPadding?: boolean;
+    disableEnforceFocus?: boolean;
+    disableRestoreFocus?: boolean;
 }
 declare const AlertDialog: React.FC<AlertDialogProps>;
 
@@ -870,6 +872,7 @@ type SmartMultipleSelectProps = {
     inputLabel?: string;
     variant?: SelectProps['variant'];
     size?: SelectProps['size'];
+    error?: boolean;
     values?: Option[];
     defaultValues?: Option[];
     onOpen?: () => void;
@@ -947,7 +950,7 @@ declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isL
 type TableDesktopEditableFieldProps = {
     headCell: HeadCell;
     editInitialValue?: any;
-    rowId?: number;
+    rowId?: RowId;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
@@ -958,7 +961,7 @@ declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
 type TableDesktopCellProps = {
     editInitialValue: any;
-    rowId: number;
+    rowId: RowId;
     enableEditMode: boolean;
     disabled?: boolean;
     readOnlyValue: string | number | boolean;
@@ -1071,4 +1074,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, 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, 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, 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 };

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 } from '../TableDesktop-CZe649rr.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-CZe649rr.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-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 { 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,6 +30,8 @@ interface AlertDialogProps {
     rejectCopy?: string;
     acceptCopy?: string;
     disabledContentPadding?: boolean;
+    disableEnforceFocus?: boolean;
+    disableRestoreFocus?: boolean;
 }
 declare const AlertDialog: React.FC<AlertDialogProps>;
 
@@ -870,6 +872,7 @@ type SmartMultipleSelectProps = {
     inputLabel?: string;
     variant?: SelectProps['variant'];
     size?: SelectProps['size'];
+    error?: boolean;
     values?: Option[];
     defaultValues?: Option[];
     onOpen?: () => void;
@@ -947,7 +950,7 @@ declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isL
 type TableDesktopEditableFieldProps = {
     headCell: HeadCell;
     editInitialValue?: any;
-    rowId?: number;
+    rowId?: RowId;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
@@ -958,7 +961,7 @@ declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
 type TableDesktopCellProps = {
     editInitialValue: any;
-    rowId: number;
+    rowId: RowId;
     enableEditMode: boolean;
     disabled?: boolean;
     readOnlyValue: string | number | boolean;
@@ -1071,4 +1074,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, 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, 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, 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 };

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,
@@ -3463,7 +3467,7 @@ var CheckboxFilterMenuContent = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx73(Divider2, {}),
+    /* @__PURE__ */ jsx73(Divider2, { sx: { mt: 0.5 } }),
     /* @__PURE__ */ jsxs42(
       Box13,
       {
@@ -6250,7 +6254,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,
@@ -6288,8 +6292,32 @@ var RenderContentList = ({
   const { classes } = useStyles35();
   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 +6327,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 +6353,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 +6381,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" }) })
@@ -7081,6 +7120,7 @@ var SmartMultipleSelect = ({
   inputLabel,
   variant = "standard",
   size,
+  error,
   values,
   defaultValues,
   onChange,
@@ -7136,38 +7176,48 @@ var SmartMultipleSelect = ({
       option.value ?? index
     );
   }) });
-  return /* @__PURE__ */ jsxs78(FormControl4, { fullWidth: true, size, variant, disabled, children: [
-    /* @__PURE__ */ jsx114(InputLabel4, { children: inputLabel }),
-    /* @__PURE__ */ jsx114(
-      Select3,
-      {
-        multiple: true,
-        size,
-        disabled,
-        value: values ?? localValues,
-        defaultValue: defaultValues,
-        MenuProps: menuProps,
-        onOpen,
-        onClose: () => onClose?.(localValues),
-        renderValue: (selectedValues) => {
-          const valuesString = selectedValues.map((v) => v.label)?.join(", ");
-          return /* @__PURE__ */ jsx114(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
-        },
-        children: isLoading ? /* @__PURE__ */ jsx114(
-          Box35,
+  return /* @__PURE__ */ jsxs78(
+    FormControl4,
+    {
+      fullWidth: true,
+      variant,
+      size,
+      disabled,
+      error,
+      children: [
+        /* @__PURE__ */ jsx114(InputLabel4, { children: inputLabel }),
+        /* @__PURE__ */ jsx114(
+          Select3,
           {
-            sx: {
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center"
+            multiple: true,
+            label: inputLabel,
+            error,
+            value: values ?? localValues,
+            defaultValue: defaultValues,
+            MenuProps: menuProps,
+            onOpen,
+            onClose: () => onClose?.(localValues),
+            renderValue: (selectedValues) => {
+              const valuesString = selectedValues.map((v) => v.label)?.join(", ");
+              return /* @__PURE__ */ jsx114(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
             },
-            children: /* @__PURE__ */ jsx114(CircularProgress4, { size: 24 })
+            children: isLoading ? /* @__PURE__ */ jsx114(
+              Box35,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center"
+                },
+                children: /* @__PURE__ */ jsx114(CircularProgress4, { size: 24 })
+              }
+            ) : renderMenuContent()
           }
-        ) : renderMenuContent()
-      }
-    ),
-    helperText && /* @__PURE__ */ jsx114(FormHelperText3, { children: helperText })
-  ] });
+        ),
+        helperText && /* @__PURE__ */ jsx114(FormHelperText3, { children: helperText })
+      ]
+    }
+  );
 };
 
 // src/components/SmartSelect/SmartSelect.tsx
@@ -7992,7 +8042,7 @@ var TableDesktopRows = ({
   data,
   RenderItem,
   visibleHeadCells,
-  keyField,
+  getRowId,
   order,
   orderBy,
   disableInternalSort,
@@ -8005,7 +8055,8 @@ var TableDesktopRows = ({
 }) => {
   const sortedData = disableInternalSort ? data : stableSort2(data, getComparator(order, orderBy));
   return sortedData.map((row, index) => {
-    const isItemSelected = selectedRows.has(row[keyField]);
+    const rowId = getRowId(row);
+    const isItemSelected = selectedRows.has(rowId);
     return /* @__PURE__ */ jsx124(
       RenderItem,
       {
@@ -8017,12 +8068,12 @@ var TableDesktopRows = ({
           enableEditMode,
           enableCheckboxSelection,
           rowHeight,
-          rowId: row[keyField],
+          rowId,
           onRowCheckboxChange,
           visibleHeadCells
         }
       },
-      row[keyField] ?? index
+      rowId ?? index
     );
   });
 };
@@ -8123,6 +8174,12 @@ var TableEmptyResult_default = TableEmptyResult;
 
 // src/components/TableDesktop/TableDesktop.tsx
 import { Fragment as Fragment14, jsx as jsx127, jsxs as jsxs88 } from "react/jsx-runtime";
+var resolveKeyValue = (keyField, rowData) => {
+  if (typeof keyField === "string") {
+    return rowData[keyField];
+  }
+  return keyField?.(rowData);
+};
 var TableDesktop = ({
   data = [],
   headCells,
@@ -8155,14 +8212,14 @@ var TableDesktop = ({
   const [orderBy, setOrderBy] = useState18(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [selectedRows, setSelectedRows] = useState18(
-    /* @__PURE__ */ new Set()
-  );
+  const [selectedRows, setSelectedRows] = useState18(/* @__PURE__ */ new Set());
   const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = useState18(false);
   const [isBulkChangesMode, setIsBulkChangesMode] = useState18(false);
   const numRows = data.length;
   const numSelectedRows = useMemo4(() => {
-    const currentPageIds = new Set(data.map((row) => row[keyField]));
+    const currentPageIds = new Set(
+      data.map((row) => resolveKeyValue(keyField, row))
+    );
     return [...selectedRows].filter((id) => currentPageIds.has(id)).length;
   }, [data, selectedRows, keyField]);
   const isEveryRowInPageSelected = numRows > 0 && numSelectedRows === numRows;
@@ -8183,7 +8240,9 @@ var TableDesktop = ({
     }
   };
   const selectAllRowsInPage = () => {
-    const allRowsIds = new Set(data.map((obj) => obj[keyField]));
+    const allRowsIds = new Set(
+      data.map((row) => resolveKeyValue(keyField, row))
+    );
     setSelectedRows(allRowsIds);
   };
   const resetSelectedRows = () => {
@@ -8227,12 +8286,12 @@ var TableDesktop = ({
     setIsBulkChangesMode(checked);
     if (!checked) {
       resetSelectedRows();
+      refetchData?.();
     }
   };
   useEffect11(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
-      selectAllRowsInPage();
     }
   }, [isRowsFromAllPagesSelected, data]);
   const renderBody = () => {
@@ -8262,7 +8321,7 @@ var TableDesktop = ({
         data,
         RenderItem,
         visibleHeadCells,
-        keyField,
+        getRowId: (rowData) => resolveKeyValue(keyField, rowData),
         order,
         orderBy,
         disableInternalSort,
@@ -8405,7 +8464,7 @@ var TableDesktopSmartMultipleSelect = ({
   onUpdateEditableCell
 }) => {
   const defaultValues = useMemo5(() => {
-    return initialValue.map((val) => ({
+    return initialValue?.map((val) => ({
       value: val.id,
       label: val[fieldName].toString()
     }));
@@ -8428,11 +8487,12 @@ var TableDesktopSmartMultipleSelect = ({
       },
       onClose: (values) => {
         const optionsValues = values.map((option) => option.value ?? "");
+        const optionsLabels = values.map((option) => option.label ?? "");
         onUpdateEditableCell?.({
           rowId,
           columnId,
           value: optionsValues,
-          label: optionsValues
+          label: optionsLabels
         });
       }
     }
@@ -8691,10 +8751,9 @@ var TableDesktopEditableField = ({
     date: /* @__PURE__ */ jsx131(
       DatePicker,
       {
-        defaultValue: moment2(editInitialValue),
+        defaultValue: editInitialValue ? moment2(editInitialValue, "HH:mm:ss") : void 0,
         label: inputLabel,
         format: "DD/MM/YYYY",
-        sx: { overflowY: "hidden" },
         onAccept: (value) => {
           const formattedValue = value?.format("YYYY-MM-DD") ?? null;
           const formattedLabel = value?.format("DD/MM/YYYY") ?? null;
@@ -8711,7 +8770,8 @@ var TableDesktopEditableField = ({
           clearButton: { sx: { p: 0.5 } },
           openPickerButton: { sx: { p: 0 } },
           textField: {
-            variant: "standard",
+            variant,
+            size,
             error: false
           }
         }
@@ -8720,9 +8780,8 @@ var TableDesktopEditableField = ({
     time: /* @__PURE__ */ jsx131(
       TimePicker,
       {
-        defaultValue: moment2(editInitialValue, "HH:mm:ss"),
+        defaultValue: editInitialValue ? moment2(editInitialValue, "HH:mm:ss") : void 0,
         label: inputLabel,
-        sx: { overflowY: "hidden" },
         onAccept: (value) => {
           const formattedValue = value?.format("HH:mm") ?? null;
           onUpdateEditableCell?.({
@@ -8738,7 +8797,8 @@ var TableDesktopEditableField = ({
           clearButton: { sx: { p: 0.5 } },
           openPickerButton: { sx: { p: 0 } },
           textField: {
-            variant: "standard",
+            variant,
+            size,
             error: false
           }
         }
@@ -8971,6 +9031,7 @@ var TableDesktopToolbar = ({
   disableBulkChangesMode = false,
   isBulkChangesMode,
   onChangeBulkChangesMode,
+  onActivateBulkChangesMode,
   refetchData,
   renderExportCsvDialog,
   renderBulkChangesDialog,
@@ -8995,8 +9056,8 @@ var TableDesktopToolbar = ({
   const handleChangeBulkChangesMode = (_, checked) => {
     setBulkChanges([]);
     onChangeBulkChangesMode(checked);
-    if (!checked) {
-      refetchData?.();
+    if (checked) {
+      onActivateBulkChangesMode?.();
     }
   };
   const handleUpdateEditableCell = ({
@@ -9152,7 +9213,7 @@ var TableDesktopToolbar = ({
                 )
               ] }) : /* @__PURE__ */ jsxs91(Box43, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                 renderInfoIcons,
-                renderExportCsvDialog ? /* @__PURE__ */ jsx134(Tooltip11, { title: "Download Customer List", children: /* @__PURE__ */ jsx134("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx134(
+                renderExportCsvDialog ? /* @__PURE__ */ jsx134(Tooltip11, { title: "Download List", children: /* @__PURE__ */ jsx134("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx134(
                   IconButton6,
                   {
                     disableRipple: true,