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

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

@@ -55,7 +55,6 @@ type TableDesktopToolbarProps = {
     disableBulkChangesMode?: boolean;
     isBulkChangesMode: boolean;
     onChangeBulkChangesMode: (checked: boolean) => void;
-    onActivateBulkChangesMode?: () => void;
     renderExportCsvDialog?: (props: ExportCsvDialogProps) => ReactNode;
     renderBulkChangesDialog?: (props: BulkChangesDialogProps) => ReactNode;
     renderTableColumnConfigurationMenu?: (props: TableColumnConfigurationMenuProps) => ReactNode;

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

@@ -55,7 +55,6 @@ type TableDesktopToolbarProps = {
     disableBulkChangesMode?: boolean;
     isBulkChangesMode: boolean;
     onChangeBulkChangesMode: (checked: boolean) => void;
-    onActivateBulkChangesMode?: () => void;
     renderExportCsvDialog?: (props: ExportCsvDialogProps) => ReactNode;
     renderBulkChangesDialog?: (props: BulkChangesDialogProps) => ReactNode;
     renderTableColumnConfigurationMenu?: (props: TableColumnConfigurationMenuProps) => ReactNode;

package/dist/components/index.cjs

@@ -480,9 +480,7 @@ var AlertDialog = ({
   rejectCopy,
   acceptCopy,
   content,
-  disabledContentPadding,
-  disableEnforceFocus,
-  disableRestoreFocus
+  disabledContentPadding
 }) => {
   const { classes } = useStyles();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -493,8 +491,6 @@ 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,
@@ -6508,7 +6504,7 @@ var RenderAvatar_default = RenderAvatar;
 
 // src/components/RenderContentList/RenderContentList.tsx
 var import_react29 = require("react");
-var import_WarningAmber = __toESM(require("@mui/icons-material/WarningAmber"), 1);
+var import_icons_material8 = require("@mui/icons-material");
 var import_material53 = require("@mui/material");
 var import_mui41 = require("tss-react/mui");
 
@@ -6540,32 +6536,8 @@ 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)(() => {
-    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]);
   (0, import_react29.useEffect)(() => {
     const sections = items.map((item) => ({
@@ -6575,14 +6547,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);
@@ -6601,21 +6568,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__ */ (0, import_jsx_runtime106.jsx)(
     import_material53.List,
     {
@@ -6629,10 +6581,19 @@ 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__ */ (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_WarningAmber.default, { 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_icons_material8.WarningAmber, { color: "warning" }) })
             ]
           },
           id
@@ -6880,7 +6841,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_material8 = require("@mui/icons-material");
+var import_icons_material9 = 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");
@@ -6944,7 +6905,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_material8.Search, { className: classes.icon, fontSize: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material9.Search, { className: classes.icon, fontSize: "small" }),
     /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       import_material56.InputBase,
       {
@@ -6966,7 +6927,7 @@ var SearchWithFilters = ({
         disabled,
         children: [
           "Filters",
-          showFilters ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material8.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material8.ArrowDropDown, {})
+          showFilters ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material9.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons_material9.ArrowDropDown, {})
         ]
       }
     )
@@ -7041,7 +7002,7 @@ var import_mui47 = require("tss-react/mui");
 
 // src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
 var import_react32 = require("react");
-var import_icons_material9 = require("@mui/icons-material");
+var import_icons_material10 = 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");
@@ -7118,9 +7079,9 @@ var SearchWithFiltersForTable = (props) => {
       enterPressedInSearch();
     }
   };
-  const ArrowIcon = isOpen ? import_icons_material9.ArrowDropUp : import_icons_material9.ArrowDropDown;
+  const ArrowIcon = isOpen ? import_icons_material10.ArrowDropUp : import_icons_material10.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_material9.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_material10.Search, { className: classes.icon, fontSize: "small" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       import_material58.InputBase,
       {
@@ -7254,7 +7215,7 @@ var SearchHeader = (0, import_react33.memo)(
 );
 
 // src/components/SectionName/SectionName.tsx
-var import_icons_material10 = require("@mui/icons-material");
+var import_icons_material11 = 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");
@@ -7313,7 +7274,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_material10.Info,
+        import_icons_material11.Info,
         {
           fontSize: "small",
           "data-testid": "InfoIcon",
@@ -7336,7 +7297,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_material10.History, {}) })
+      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, {}) })
     ] })
   ] });
 };
@@ -8484,12 +8445,12 @@ var TableDesktop = ({
     setIsBulkChangesMode(checked);
     if (!checked) {
       resetSelectedRows();
-      refetchData?.();
     }
   };
   (0, import_react41.useEffect)(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
+      selectAllRowsInPage();
     }
   }, [isRowsFromAllPagesSelected, data]);
   const renderBody = () => {
@@ -9208,7 +9169,6 @@ var TableDesktopToolbar = ({
   disableBulkChangesMode = false,
   isBulkChangesMode,
   onChangeBulkChangesMode,
-  onActivateBulkChangesMode,
   refetchData,
   renderExportCsvDialog,
   renderBulkChangesDialog,
@@ -9233,8 +9193,8 @@ var TableDesktopToolbar = ({
   const handleChangeBulkChangesMode = (_, checked) => {
     setBulkChanges([]);
     onChangeBulkChangesMode(checked);
-    if (checked) {
-      onActivateBulkChangesMode?.();
+    if (!checked) {
+      refetchData?.();
     }
   };
   const handleUpdateEditableCell = ({
@@ -9441,7 +9401,7 @@ var TableDesktopToolbar = ({
 
 // src/components/TableHeader/TableHeader.tsx
 var import_react48 = require("react");
-var import_icons_material11 = require("@mui/icons-material");
+var import_icons_material12 = 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");
@@ -9494,7 +9454,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     {
       className: classes.sortLabel,
       direction: cell?.direction || "asc",
-      IconComponent: import_icons_material11.ImportExport,
+      IconComponent: import_icons_material12.ImportExport,
       onClick: () => handleSortClick(cell),
       children: cell.label
     }