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

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,
@@ -3563,7 +3559,8 @@ var RoundButton = ({
     knife: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IconKnife_default, {}),
     bicycle: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IconBicycle_default, {}),
     heart: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IconHeart_default, {}),
-    airplane: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IconAirplane_default, {})
+    airplane: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IconAirplane_default, {}),
+    swapHoriz: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_icons_material5.SwapHoriz, { fontSize: iconSize })
   };
   const filteredSize = size === "double" ? void 0 : size;
   const handleClick = (e) => {
@@ -5148,10 +5145,12 @@ var useStyles27 = (0, import_mui29.makeStyles)()((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 }) => {
@@ -5846,7 +5845,8 @@ var useStyles34 = (0, import_mui36.makeStyles)()((theme) => ({
     left: 0
   },
   fixedOffset: {
-    height: paginationHeight
+    height: paginationHeight,
+    backgroundColor: "white"
   }
 }));
 var PaginationForTable = ({
@@ -6508,7 +6508,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,31 +6540,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) => ({
@@ -6574,14 +6551,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);
@@ -6600,21 +6572,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,
     {
@@ -6628,10 +6585,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
@@ -6879,7 +6845,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");
@@ -6943,7 +6909,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,
       {
@@ -6965,7 +6931,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, {})
         ]
       }
     )
@@ -7040,7 +7006,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");
@@ -7117,9 +7083,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,
       {
@@ -7253,8 +7219,7 @@ var SearchHeader = (0, import_react33.memo)(
 );
 
 // src/components/SectionName/SectionName.tsx
-var import_History = __toESM(require("@mui/icons-material/History"), 1);
-var import_Info = __toESM(require("@mui/icons-material/Info"), 1);
+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");
@@ -7300,32 +7265,20 @@ var SectionName = ({
   openHistoryLog
 }) => {
   const { classes } = useStyles43();
-  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__ */ (0, import_jsx_runtime114.jsxs)(import_material61.Box, { className: classes.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material61.Box, { className: classes.titleContainer, children: [
       /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
         import_material61.Typography,
         {
           variant: "h5",
-          onClick: handleScroll,
+          component: "a",
+          href: sectionId,
           className: classes.typography,
           children: name
         }
       ),
       tooltipDescription ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.Tooltip, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-        import_Info.default,
+        import_icons_material11.Info,
         {
           fontSize: "small",
           "data-testid": "InfoIcon",
@@ -7348,7 +7301,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_History.default, {}) })
+      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, {}) })
     ] })
   ] });
 };
@@ -8496,12 +8449,12 @@ var TableDesktop = ({
     setIsBulkChangesMode(checked);
     if (!checked) {
       resetSelectedRows();
-      refetchData?.();
     }
   };
   (0, import_react41.useEffect)(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
+      selectAllRowsInPage();
     }
   }, [isRowsFromAllPagesSelected, data]);
   const renderBody = () => {
@@ -9220,7 +9173,6 @@ var TableDesktopToolbar = ({
   disableBulkChangesMode = false,
   isBulkChangesMode,
   onChangeBulkChangesMode,
-  onActivateBulkChangesMode,
   refetchData,
   renderExportCsvDialog,
   renderBulkChangesDialog,
@@ -9245,8 +9197,8 @@ var TableDesktopToolbar = ({
   const handleChangeBulkChangesMode = (_, checked) => {
     setBulkChanges([]);
     onChangeBulkChangesMode(checked);
-    if (checked) {
-      onActivateBulkChangesMode?.();
+    if (!checked) {
+      refetchData?.();
     }
   };
   const handleUpdateEditableCell = ({
@@ -9453,7 +9405,7 @@ var TableDesktopToolbar = ({
 
 // src/components/TableHeader/TableHeader.tsx
 var import_react48 = require("react");
-var import_icons_material10 = 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");
@@ -9506,7 +9458,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     {
       className: classes.sortLabel,
       direction: cell?.direction || "asc",
-      IconComponent: import_icons_material10.ImportExport,
+      IconComponent: import_icons_material12.ImportExport,
       onClick: () => handleSortClick(cell),
       children: cell.label
     }
@@ -9700,7 +9652,11 @@ var useStyles50 = (0, import_mui56.makeStyles)()((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 = ({