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

package/dist/{TableDesktop-CZe649rr.d.cts → TableDesktop-BrpwT-lM.d.cts}

@@ -32,7 +32,7 @@ type ExportCsvDialogProps = {
 };
 type BulkChangesDialogProps = {
     bulkChanges: BulkChanges;
-    selectedRows: (string | number)[];
+    selectedRows: RowId[];
     shouldUpdateAll: boolean;
     visibleEditableColumns: HeadCell[];
     isBulkChangesDialogOpen: boolean;
@@ -43,7 +43,7 @@ type TableDesktopToolbarProps = {
     toolbarLabel?: string;
     headCells: HeadCell[];
     headerFilters: HeaderFilters;
-    selectedRows: (string | number)[];
+    selectedRows: RowId[];
     isDataEmpty: boolean;
     totalDataCount?: number;
     isRowsFromAllPagesSelected: boolean;
@@ -55,6 +55,7 @@ type TableDesktopToolbarProps = {
     disableBulkChangesMode?: boolean;
     isBulkChangesMode: boolean;
     onChangeBulkChangesMode: (checked: boolean) => void;
+    onActivateBulkChangesMode?: () => void;
     renderExportCsvDialog?: (props: ExportCsvDialogProps) => ReactNode;
     renderBulkChangesDialog?: (props: BulkChangesDialogProps) => ReactNode;
     renderTableColumnConfigurationMenu?: (props: TableColumnConfigurationMenuProps) => ReactNode;
@@ -73,11 +74,12 @@ type HeaderFilters = {
     [key: string]: HeaderFilterOptions;
 };
 type UpdateEditableCellParams = {
-    rowId?: number;
+    rowId?: RowId;
     columnId: string;
     value: string | number | boolean | (string | number)[] | null;
     label: string | number | boolean | (string | number)[] | null;
 };
+type RowId = string | number;
 type HeadCell = {
     id: string;
     label?: string;
@@ -122,7 +124,7 @@ type TableDesktopProps = {
     showClearFilterButton?: boolean;
     handleClickOnClearFiltersButton?: () => void;
     deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
-    keyField?: string;
+    keyField?: string | ((rowData: any) => string);
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     refetchData?: () => Promise<unknown>;
@@ -130,4 +132,4 @@ type TableDesktopProps = {
 };
 declare const TableDesktop: ({ data, headCells, RenderItem, renderToolbar, renderFooter, appliedFilters, headerFilters, children, height, rowHeight, rowsPerPage, totalDataCount, isLoading, enableEditMode, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, refetchData, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
-export { type BulkChanges as B, type EditableCellType as E, type HeadCell as H, type Order as O, type TableDesktopProps as T, type UpdateEditableCellParams as U, type HeaderFilters as a, type HeaderFilterOptions as b, type HeaderFilterObject as c, TableDesktop as d, TableDesktopFooter as e, type TableDesktopFooterProps as f, TableDesktopToolbar as g, type TableDesktopToolbarProps as h, type TableColumnConfigurationMenuProps as i, type BulkChangesDialogProps as j, type ExportCsvDialogProps as k };
+export { type BulkChanges as B, type EditableCellType as E, type HeadCell as H, type Order as O, type RowId as R, type TableDesktopProps as T, type UpdateEditableCellParams as U, type HeaderFilters as a, type HeaderFilterOptions as b, type HeaderFilterObject as c, TableDesktop as d, TableDesktopFooter as e, type TableDesktopFooterProps as f, TableDesktopToolbar as g, type TableDesktopToolbarProps as h, type TableColumnConfigurationMenuProps as i, type BulkChangesDialogProps as j, type ExportCsvDialogProps as k };

package/dist/{TableDesktop-CZe649rr.d.ts → TableDesktop-BrpwT-lM.d.ts}

@@ -32,7 +32,7 @@ type ExportCsvDialogProps = {
 };
 type BulkChangesDialogProps = {
     bulkChanges: BulkChanges;
-    selectedRows: (string | number)[];
+    selectedRows: RowId[];
     shouldUpdateAll: boolean;
     visibleEditableColumns: HeadCell[];
     isBulkChangesDialogOpen: boolean;
@@ -43,7 +43,7 @@ type TableDesktopToolbarProps = {
     toolbarLabel?: string;
     headCells: HeadCell[];
     headerFilters: HeaderFilters;
-    selectedRows: (string | number)[];
+    selectedRows: RowId[];
     isDataEmpty: boolean;
     totalDataCount?: number;
     isRowsFromAllPagesSelected: boolean;
@@ -55,6 +55,7 @@ type TableDesktopToolbarProps = {
     disableBulkChangesMode?: boolean;
     isBulkChangesMode: boolean;
     onChangeBulkChangesMode: (checked: boolean) => void;
+    onActivateBulkChangesMode?: () => void;
     renderExportCsvDialog?: (props: ExportCsvDialogProps) => ReactNode;
     renderBulkChangesDialog?: (props: BulkChangesDialogProps) => ReactNode;
     renderTableColumnConfigurationMenu?: (props: TableColumnConfigurationMenuProps) => ReactNode;
@@ -73,11 +74,12 @@ type HeaderFilters = {
     [key: string]: HeaderFilterOptions;
 };
 type UpdateEditableCellParams = {
-    rowId?: number;
+    rowId?: RowId;
     columnId: string;
     value: string | number | boolean | (string | number)[] | null;
     label: string | number | boolean | (string | number)[] | null;
 };
+type RowId = string | number;
 type HeadCell = {
     id: string;
     label?: string;
@@ -122,7 +124,7 @@ type TableDesktopProps = {
     showClearFilterButton?: boolean;
     handleClickOnClearFiltersButton?: () => void;
     deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
-    keyField?: string;
+    keyField?: string | ((rowData: any) => string);
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     refetchData?: () => Promise<unknown>;
@@ -130,4 +132,4 @@ type TableDesktopProps = {
 };
 declare const TableDesktop: ({ data, headCells, RenderItem, renderToolbar, renderFooter, appliedFilters, headerFilters, children, height, rowHeight, rowsPerPage, totalDataCount, isLoading, enableEditMode, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, refetchData, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
-export { type BulkChanges as B, type EditableCellType as E, type HeadCell as H, type Order as O, type TableDesktopProps as T, type UpdateEditableCellParams as U, type HeaderFilters as a, type HeaderFilterOptions as b, type HeaderFilterObject as c, TableDesktop as d, TableDesktopFooter as e, type TableDesktopFooterProps as f, TableDesktopToolbar as g, type TableDesktopToolbarProps as h, type TableColumnConfigurationMenuProps as i, type BulkChangesDialogProps as j, type ExportCsvDialogProps as k };
+export { type BulkChanges as B, type EditableCellType as E, type HeadCell as H, type Order as O, type RowId as R, type TableDesktopProps as T, type UpdateEditableCellParams as U, type HeaderFilters as a, type HeaderFilterOptions as b, type HeaderFilterObject as c, TableDesktop as d, TableDesktopFooter as e, type TableDesktopFooterProps as f, TableDesktopToolbar as g, type TableDesktopToolbarProps as h, type TableColumnConfigurationMenuProps as i, type BulkChangesDialogProps as j, type ExportCsvDialogProps as k };

package/dist/components/index.cjs

@@ -480,7 +480,9 @@ var AlertDialog = ({
   rejectCopy,
   acceptCopy,
   content,
-  disabledContentPadding
+  disabledContentPadding,
+  disableEnforceFocus,
+  disableRestoreFocus
 }) => {
   const { classes } = useStyles();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -491,6 +493,8 @@ var AlertDialog = ({
       maxWidth,
       fullScreen,
       fullWidth,
+      disableEnforceFocus,
+      disableRestoreFocus,
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.Box, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.Box, { className: classes.topSection, children: [
           alertTitle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h5", className: classes.title, children: alertTitle }) : null,
@@ -3730,7 +3734,7 @@ var CheckboxFilterMenuContent = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_material23.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_material23.Divider, { sx: { mt: 0.5 } }),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       import_material23.Box,
       {
@@ -6504,7 +6508,7 @@ var RenderAvatar_default = RenderAvatar;
 
 // src/components/RenderContentList/RenderContentList.tsx
 var import_react29 = require("react");
-var import_icons_material8 = require("@mui/icons-material");
+var import_WarningAmber = __toESM(require("@mui/icons-material/WarningAmber"), 1);
 var import_material53 = require("@mui/material");
 var import_mui41 = require("tss-react/mui");
 
@@ -6536,8 +6540,32 @@ var RenderContentList = ({
   const { classes } = useStyles36();
   const [active, setActive] = (0, import_react29.useState)(activeSection);
   const observer = (0, import_react29.useRef)(null);
+  const isScrolling = (0, import_react29.useRef)(false);
+  const timeoutScrolling = (0, import_react29.useRef)(null);
   (0, import_react29.useEffect)(() => {
-    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]);
   (0, import_react29.useEffect)(() => {
     const sections = items.map((item) => ({
@@ -6547,9 +6575,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);
@@ -6568,6 +6601,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__ */ (0, import_jsx_runtime106.jsx)(
     import_material53.List,
     {
@@ -6581,19 +6629,10 @@ 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__ */ (0, import_jsx_runtime106.jsx)(import_material53.ListItemText, { primary: item }),
-              (warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material53.Tooltip, { title: warningMessage, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_icons_material8.WarningAmber, { color: "warning" }) })
+              (warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material53.Tooltip, { title: warningMessage, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_WarningAmber.default, { color: "warning" }) })
             ]
           },
           id
@@ -6841,7 +6880,7 @@ var import_mui45 = require("tss-react/mui");
 // src/components/SearchWithFilters/SearchWithFilters.tsx
 var import_react31 = require("react");
 var React6 = __toESM(require("react"), 1);
-var import_icons_material9 = require("@mui/icons-material");
+var import_icons_material8 = require("@mui/icons-material");
 var import_material56 = require("@mui/material");
 var import_mui44 = require("tss-react/mui");
 var import_jsx_runtime109 = require("react/jsx-runtime");
@@ -6905,7 +6944,7 @@ var SearchWithFilters = ({
     setSearchText(searchValue);
   }, [searchValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_material56.Paper, { className: classes.searchContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material9.Search, { className: classes.icon, fontSize: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material8.Search, { className: classes.icon, fontSize: "small" }),
     /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       import_material56.InputBase,
       {
@@ -6927,7 +6966,7 @@ var SearchWithFilters = ({
         disabled,
         children: [
           "Filters",
-          showFilters ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material9.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material9.ArrowDropDown, {})
+          showFilters ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material8.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material8.ArrowDropDown, {})
         ]
       }
     )
@@ -7002,7 +7041,7 @@ var import_mui47 = require("tss-react/mui");
 
 // src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
 var import_react32 = require("react");
-var import_icons_material10 = require("@mui/icons-material");
+var import_icons_material9 = require("@mui/icons-material");
 var import_material58 = require("@mui/material");
 var import_mui46 = require("tss-react/mui");
 var import_jsx_runtime111 = require("react/jsx-runtime");
@@ -7079,9 +7118,9 @@ var SearchWithFiltersForTable = (props) => {
       enterPressedInSearch();
     }
   };
-  const ArrowIcon = isOpen ? import_icons_material10.ArrowDropUp : import_icons_material10.ArrowDropDown;
+  const ArrowIcon = isOpen ? import_icons_material9.ArrowDropUp : import_icons_material9.ArrowDropDown;
   return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_material58.Paper, { className: classes.c_search, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons_material10.Search, { className: classes.icon, fontSize: "small" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons_material9.Search, { className: classes.icon, fontSize: "small" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       import_material58.InputBase,
       {
@@ -7215,7 +7254,7 @@ var SearchHeader = (0, import_react33.memo)(
 );
 
 // src/components/SectionName/SectionName.tsx
-var import_icons_material11 = require("@mui/icons-material");
+var import_icons_material10 = require("@mui/icons-material");
 var import_material61 = require("@mui/material");
 var import_mui48 = require("tss-react/mui");
 var import_jsx_runtime114 = require("react/jsx-runtime");
@@ -7274,7 +7313,7 @@ var SectionName = ({
         }
       ),
       tooltipDescription ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.Tooltip, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-        import_icons_material11.Info,
+        import_icons_material10.Info,
         {
           fontSize: "small",
           "data-testid": "InfoIcon",
@@ -7297,7 +7336,7 @@ var SectionName = ({
         }
       ) : null,
       openHistoryLog && buttonText && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.Divider, { orientation: "vertical", sx: { height: "24px" } }),
-      openHistoryLog && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.IconButton, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons_material11.History, {}) })
+      openHistoryLog && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.IconButton, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons_material10.History, {}) })
     ] })
   ] });
 };
@@ -7311,6 +7350,7 @@ var SmartMultipleSelect = ({
   inputLabel,
   variant = "standard",
   size,
+  error,
   values,
   defaultValues,
   onChange,
@@ -7366,38 +7406,48 @@ var SmartMultipleSelect = ({
       option.value ?? index
     );
   }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_material62.FormControl, { fullWidth: true, size, variant, disabled, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.InputLabel, { children: inputLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-      import_material62.Select,
-      {
-        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__ */ (0, import_jsx_runtime115.jsx)(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
-        },
-        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-          import_material62.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+    import_material62.FormControl,
+    {
+      fullWidth: true,
+      variant,
+      size,
+      disabled,
+      error,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.InputLabel, { children: inputLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+          import_material62.Select,
           {
-            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__ */ (0, import_jsx_runtime115.jsx)(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.CircularProgress, { size: 24 })
+            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+              import_material62.Box,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.CircularProgress, { size: 24 })
+              }
+            ) : renderMenuContent()
           }
-        ) : renderMenuContent()
-      }
-    ),
-    helperText && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.FormHelperText, { children: helperText })
-  ] });
+        ),
+        helperText && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.FormHelperText, { children: helperText })
+      ]
+    }
+  );
 };
 
 // src/components/SmartSelect/SmartSelect.tsx
@@ -8190,7 +8240,7 @@ var TableDesktopRows = ({
   data,
   RenderItem,
   visibleHeadCells,
-  keyField,
+  getRowId,
   order,
   orderBy,
   disableInternalSort,
@@ -8203,7 +8253,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__ */ (0, import_jsx_runtime126.jsx)(
       RenderItem,
       {
@@ -8215,12 +8266,12 @@ var TableDesktopRows = ({
           enableEditMode,
           enableCheckboxSelection,
           rowHeight,
-          rowId: row[keyField],
+          rowId,
           onRowCheckboxChange,
           visibleHeadCells
         }
       },
-      row[keyField] ?? index
+      rowId ?? index
     );
   });
 };
@@ -8321,6 +8372,12 @@ var TableEmptyResult_default = TableEmptyResult;
 
 // src/components/TableDesktop/TableDesktop.tsx
 var import_jsx_runtime129 = require("react/jsx-runtime");
+var resolveKeyValue = (keyField, rowData) => {
+  if (typeof keyField === "string") {
+    return rowData[keyField];
+  }
+  return keyField?.(rowData);
+};
 var TableDesktop = ({
   data = [],
   headCells,
@@ -8353,14 +8410,14 @@ var TableDesktop = ({
   const [orderBy, setOrderBy] = (0, import_react41.useState)(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [selectedRows, setSelectedRows] = (0, import_react41.useState)(
-    /* @__PURE__ */ new Set()
-  );
+  const [selectedRows, setSelectedRows] = (0, import_react41.useState)(/* @__PURE__ */ new Set());
   const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = (0, import_react41.useState)(false);
   const [isBulkChangesMode, setIsBulkChangesMode] = (0, import_react41.useState)(false);
   const numRows = data.length;
   const numSelectedRows = (0, import_react41.useMemo)(() => {
-    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;
@@ -8381,7 +8438,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 = () => {
@@ -8425,12 +8484,12 @@ var TableDesktop = ({
     setIsBulkChangesMode(checked);
     if (!checked) {
       resetSelectedRows();
+      refetchData?.();
     }
   };
   (0, import_react41.useEffect)(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
-      selectAllRowsInPage();
     }
   }, [isRowsFromAllPagesSelected, data]);
   const renderBody = () => {
@@ -8460,7 +8519,7 @@ var TableDesktop = ({
         data,
         RenderItem,
         visibleHeadCells,
-        keyField,
+        getRowId: (rowData) => resolveKeyValue(keyField, rowData),
         order,
         orderBy,
         disableInternalSort,
@@ -8603,7 +8662,7 @@ var TableDesktopSmartMultipleSelect = ({
   onUpdateEditableCell
 }) => {
   const defaultValues = (0, import_react42.useMemo)(() => {
-    return initialValue.map((val) => ({
+    return initialValue?.map((val) => ({
       value: val.id,
       label: val[fieldName].toString()
     }));
@@ -8626,11 +8685,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
         });
       }
     }
@@ -8889,10 +8949,9 @@ var TableDesktopEditableField = ({
     date: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       import_x_date_pickers.DatePicker,
       {
-        defaultValue: (0, import_moment3.default)(editInitialValue),
+        defaultValue: editInitialValue ? (0, import_moment3.default)(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;
@@ -8909,7 +8968,8 @@ var TableDesktopEditableField = ({
           clearButton: { sx: { p: 0.5 } },
           openPickerButton: { sx: { p: 0 } },
           textField: {
-            variant: "standard",
+            variant,
+            size,
             error: false
           }
         }
@@ -8918,9 +8978,8 @@ var TableDesktopEditableField = ({
     time: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       import_x_date_pickers.TimePicker,
       {
-        defaultValue: (0, import_moment3.default)(editInitialValue, "HH:mm:ss"),
+        defaultValue: editInitialValue ? (0, import_moment3.default)(editInitialValue, "HH:mm:ss") : void 0,
         label: inputLabel,
-        sx: { overflowY: "hidden" },
         onAccept: (value) => {
           const formattedValue = value?.format("HH:mm") ?? null;
           onUpdateEditableCell?.({
@@ -8936,7 +8995,8 @@ var TableDesktopEditableField = ({
           clearButton: { sx: { p: 0.5 } },
           openPickerButton: { sx: { p: 0 } },
           textField: {
-            variant: "standard",
+            variant,
+            size,
             error: false
           }
         }
@@ -9148,6 +9208,7 @@ var TableDesktopToolbar = ({
   disableBulkChangesMode = false,
   isBulkChangesMode,
   onChangeBulkChangesMode,
+  onActivateBulkChangesMode,
   refetchData,
   renderExportCsvDialog,
   renderBulkChangesDialog,
@@ -9172,8 +9233,8 @@ var TableDesktopToolbar = ({
   const handleChangeBulkChangesMode = (_, checked) => {
     setBulkChanges([]);
     onChangeBulkChangesMode(checked);
-    if (!checked) {
-      refetchData?.();
+    if (checked) {
+      onActivateBulkChangesMode?.();
     }
   };
   const handleUpdateEditableCell = ({
@@ -9329,7 +9390,7 @@ var TableDesktopToolbar = ({
                 )
               ] }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_material79.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                 renderInfoIcons,
-                renderExportCsvDialog ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material79.Tooltip, { title: "Download Customer List", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                renderExportCsvDialog ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_material79.Tooltip, { title: "Download List", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                   import_material79.IconButton,
                   {
                     disableRipple: true,
@@ -9380,7 +9441,7 @@ var TableDesktopToolbar = ({
 
 // src/components/TableHeader/TableHeader.tsx
 var import_react48 = require("react");
-var import_icons_material12 = require("@mui/icons-material");
+var import_icons_material11 = require("@mui/icons-material");
 var import_material80 = require("@mui/material");
 var import_mui53 = require("tss-react/mui");
 var import_jsx_runtime137 = require("react/jsx-runtime");
@@ -9433,7 +9494,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     {
       className: classes.sortLabel,
       direction: cell?.direction || "asc",
-      IconComponent: import_icons_material12.ImportExport,
+      IconComponent: import_icons_material11.ImportExport,
       onClick: () => handleSortClick(cell),
       children: cell.label
     }