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

package/dist/components/index.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-Z0KE59L4.cjs';
-export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-Z0KE59L4.cjs';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-BrpwT-lM.cjs';
+export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-BrpwT-lM.cjs';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
 import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
@@ -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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-Z0KE59L4.js';
-export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-Z0KE59L4.js';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-BrpwT-lM.js';
+export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-BrpwT-lM.js';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
 import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
@@ -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, {}) })
     ] })
   ] });
 };
@@ -8286,12 +8299,12 @@ var TableDesktop = ({
     setIsBulkChangesMode(checked);
     if (!checked) {
       resetSelectedRows();
+      refetchData?.();
     }
   };
   useEffect11(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
-      selectAllRowsInPage();
     }
   }, [isRowsFromAllPagesSelected, data]);
   const renderBody = () => {
@@ -9031,6 +9044,7 @@ var TableDesktopToolbar = ({
   disableBulkChangesMode = false,
   isBulkChangesMode,
   onChangeBulkChangesMode,
+  onActivateBulkChangesMode,
   refetchData,
   renderExportCsvDialog,
   renderBulkChangesDialog,
@@ -9055,8 +9069,8 @@ var TableDesktopToolbar = ({
   const handleChangeBulkChangesMode = (_, checked) => {
     setBulkChanges([]);
     onChangeBulkChangesMode(checked);
-    if (!checked) {
-      refetchData?.();
+    if (checked) {
+      onActivateBulkChangesMode?.();
     }
   };
   const handleUpdateEditableCell = ({