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

package/dist/components/index.cjs

@@ -6559,7 +6559,6 @@ var RenderContentList = ({
     if (timeoutScrolling.current) {
       clearTimeout(timeoutScrolling.current);
     }
-    ;
     timeoutScrolling.current = setTimeout(() => {
       isScrolling.current = false;
     }, 1e3);
@@ -7254,7 +7253,8 @@ var SearchHeader = (0, import_react33.memo)(
 );
 
 // src/components/SectionName/SectionName.tsx
-var import_icons_material10 = require("@mui/icons-material");
+var import_History = __toESM(require("@mui/icons-material/History"), 1);
+var import_Info = __toESM(require("@mui/icons-material/Info"), 1);
 var import_material61 = require("@mui/material");
 var import_mui48 = require("tss-react/mui");
 var import_jsx_runtime114 = require("react/jsx-runtime");
@@ -7300,20 +7300,32 @@ 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",
-          component: "a",
-          href: sectionId,
+          onClick: handleScroll,
           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_icons_material10.Info,
+        import_Info.default,
         {
           fontSize: "small",
           "data-testid": "InfoIcon",
@@ -7336,7 +7348,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_History.default, {}) })
     ] })
   ] });
 };
@@ -9441,7 +9453,7 @@ var TableDesktopToolbar = ({
 
 // src/components/TableHeader/TableHeader.tsx
 var import_react48 = require("react");
-var import_icons_material11 = require("@mui/icons-material");
+var import_icons_material10 = 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 +9506,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     {
       className: classes.sortLabel,
       direction: cell?.direction || "asc",
-      IconComponent: import_icons_material11.ImportExport,
+      IconComponent: import_icons_material10.ImportExport,
       onClick: () => handleSortClick(cell),
       children: cell.label
     }