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

package/dist/components/index.d.cts

@@ -831,7 +831,7 @@ interface SearchWithFiltersForTableProps {
 }
 declare const _default$5: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
 
-interface ISectionName {
+interface SectionNameProps {
     name: string;
     tooltipDescription?: string;
     sectionId?: string;
@@ -841,7 +841,7 @@ interface ISectionName {
     buttonDisabled?: boolean;
     openHistoryLog?: () => void;
 }
-declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
+declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: SectionNameProps) => react_jsx_runtime.JSX.Element;
 
 type Option = {
     value?: string | number;

package/dist/components/index.d.ts

@@ -831,7 +831,7 @@ interface SearchWithFiltersForTableProps {
 }
 declare const _default$5: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
 
-interface ISectionName {
+interface SectionNameProps {
     name: string;
     tooltipDescription?: string;
     sectionId?: string;
@@ -841,7 +841,7 @@ interface ISectionName {
     buttonDisabled?: boolean;
     openHistoryLog?: () => void;
 }
-declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
+declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: SectionNameProps) => react_jsx_runtime.JSX.Element;
 
 type Option = {
     value?: string | number;

package/dist/components/index.js

@@ -7014,7 +7014,8 @@ var SearchHeader = memo18(
 );
 
 // src/components/SectionName/SectionName.tsx
-import { History as History2, Info as InfoIcon } from "@mui/icons-material";
+import HistoryIcon from "@mui/icons-material/History";
+import InfoIcon from "@mui/icons-material/Info";
 import { Box as Box34, Divider as Divider10, IconButton as IconButton4, Tooltip as Tooltip8, Typography as Typography27 } from "@mui/material";
 import { makeStyles as makeStyles42 } from "tss-react/mui";
 import { jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
@@ -7060,14 +7061,26 @@ var SectionName = ({
   openHistoryLog
 }) => {
   const { classes } = useStyles42();
+  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__ */ jsxs77(Box34, { className: classes.container, children: [
     /* @__PURE__ */ jsxs77(Box34, { className: classes.titleContainer, children: [
       /* @__PURE__ */ jsx113(
         Typography27,
         {
           variant: "h5",
-          component: "a",
-          href: sectionId,
+          onClick: handleScroll,
           className: classes.typography,
           children: name
         }
@@ -7096,7 +7109,7 @@ var SectionName = ({
         }
       ) : null,
       openHistoryLog && buttonText && /* @__PURE__ */ jsx113(Divider10, { orientation: "vertical", sx: { height: "24px" } }),
-      openHistoryLog && /* @__PURE__ */ jsx113(IconButton4, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx113(History2, {}) })
+      openHistoryLog && /* @__PURE__ */ jsx113(IconButton4, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx113(HistoryIcon, {}) })
     ] })
   ] });
 };