@natoora-libs/core 0.1.16-dev-doug-9 → 0.1.16-dev-doug-11

package/dist/components/index.d.cts

@@ -939,7 +939,7 @@ interface SmartTableHeaderProps {
     order: Order;
     orderBy: string;
     headCells: HeadCell[];
-    numSelected: number;
+    numSelectedRows: number;
     numRows: number;
     enableCheckboxSelection?: boolean;
     headerFilters: HeaderFilters;
@@ -987,7 +987,7 @@ type TableDesktopEditableComponentProps = {
     validateInput?: HeadCell["validateInput"];
     onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
 };
-declare const TableDesktopEditableComponent: FC<TableDesktopEditableComponentProps>;
+declare const TableDesktopEditableComponent: React.NamedExoticComponent<TableDesktopEditableComponentProps>;
 
 type TableDesktopCellProps = {
     editableCellType?: EditableCellType;

package/dist/components/index.d.ts

@@ -939,7 +939,7 @@ interface SmartTableHeaderProps {
     order: Order;
     orderBy: string;
     headCells: HeadCell[];
-    numSelected: number;
+    numSelectedRows: number;
     numRows: number;
     enableCheckboxSelection?: boolean;
     headerFilters: HeaderFilters;
@@ -987,7 +987,7 @@ type TableDesktopEditableComponentProps = {
     validateInput?: HeadCell["validateInput"];
     onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
 };
-declare const TableDesktopEditableComponent: FC<TableDesktopEditableComponentProps>;
+declare const TableDesktopEditableComponent: React.NamedExoticComponent<TableDesktopEditableComponentProps>;
 
 type TableDesktopCellProps = {
     editableCellType?: EditableCellType;

package/dist/components/index.js

@@ -6923,7 +6923,7 @@ var SmartTableHeader = ({
   order,
   orderBy,
   headCells,
-  numSelected,
+  numSelectedRows,
   numRows,
   enableCheckboxSelection = false,
   headerFilters,
@@ -6943,8 +6943,8 @@ var SmartTableHeader = ({
       {
         color: "primary",
         disableRipple: true,
-        indeterminate: numSelected > 0 && numSelected < numRows,
-        checked: numRows > 0 && numSelected === numRows,
+        indeterminate: numSelectedRows > 0 && numSelectedRows < numRows,
+        checked: numRows > 0 && numSelectedRows === numRows,
         onChange: onSelectAllClick
       }
     ) }) : null,
@@ -7585,15 +7585,19 @@ var TableDesktop = ({
     () => rowsPerPage - numRows,
     [rowsPerPage, numRows]
   );
+  const numSelectedRows = useMemo3(() => {
+    const currentPageIds = new Set(data.map((row) => row[keyField]));
+    return [...selectedRows].filter((id) => currentPageIds.has(id)).length;
+  }, [data, selectedRows, keyField]);
   const isEveryRowInPageSelected = useMemo3(
-    () => numRows > 0 && selectedRows.size === numRows,
+    () => numRows > 0 && numSelectedRows === numRows,
     [selectedRows, numRows]
   );
   const visibleHeadCells = useMemo3(
     () => headCells.filter((headCell) => headCell?.enabled ?? true),
     [headCells]
   );
-  const handleRequestSort = (event, property) => {
+  const handleRequestSort = (_event, property) => {
     const isAsc = orderBy === property && order === "asc";
     const orderDir = isAsc ? "desc" : "asc";
     setOrder(orderDir);
@@ -7603,7 +7607,7 @@ var TableDesktop = ({
     }
   };
   const selectAllRowsInPage = () => {
-    const allRowsIds = new Set(data.map((n) => n[keyField]));
+    const allRowsIds = new Set(data.map((obj) => obj[keyField]));
     ;
     setSelectedRows(allRowsIds);
   };
@@ -7644,23 +7648,21 @@ var TableDesktop = ({
     resetSelectedRows();
     onApplyFilters?.(updatedFilters, shouldSave);
   };
-  const handlePageChange = (event, page) => {
-    resetSelectedRows();
-    footerProps?.onPageChange?.(event, page);
-  };
   useEffect11(() => {
     if (!enableCheckboxSelection) {
       resetSelectedRows();
     }
   }, [enableCheckboxSelection]);
+  useEffect11(() => {
+    if (isRowsFromAllPagesSelected) {
+      selectAllRowsInPage();
+    }
+  }, [data, isRowsFromAllPagesSelected, keyField]);
   useEffect11(() => {
     if (isEveryRowInPageSelected || isRowsFromAllPagesSelected) {
-      const rowsIdsSet = new Set(data.map((obj) => obj[keyField]));
-      setSelectedRows(
-        (prev) => new Set([...prev].filter((value) => rowsIdsSet.has(value)))
-      );
+      setSelectedRows((prev) => new Set(prev));
     }
-  }, [data, setSelectedRows, isEveryRowInPageSelected, isRowsFromAllPagesSelected]);
+  }, [isEveryRowInPageSelected, isRowsFromAllPagesSelected]);
   const renderBody = useMemo3(
     () => rowsPerPage !== emptyRows ? /* @__PURE__ */ jsx119(
       TableDesktopRows,
@@ -7740,7 +7742,7 @@ var TableDesktop = ({
               {
                 isEveryRowInPageSelected,
                 isRowsFromAllPagesSelected,
-                numSelectedRows: selectedRows.size,
+                numSelectedRows,
                 totalRowCount: totalDataCount ?? 0,
                 onSelectRowsFromAllPagesClick: handleSelectRowsFromAllPagesClick,
                 onClearSelectionClick: handleClearSelectionClick
@@ -7786,7 +7788,7 @@ var TableDesktop = ({
                           headCells: visibleHeadCells,
                           order,
                           orderBy,
-                          numSelected: selectedRows.size,
+                          numSelectedRows,
                           numRows,
                           enableCheckboxSelection,
                           headerFilters: headerFilters ?? {},
@@ -7811,7 +7813,7 @@ var TableDesktop = ({
               }
             ),
             children,
-            footerProps ? /* @__PURE__ */ jsx119(TableDesktopFooter, { ...footerProps, onPageChange: handlePageChange }) : null
+            footerProps ? /* @__PURE__ */ jsx119(TableDesktopFooter, { ...footerProps }) : null
           ]
         }
       )
@@ -7820,6 +7822,7 @@ var TableDesktop = ({
 };
 
 // src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
+import { memo as memo23 } from "react";
 import { Checkbox as Checkbox6, FormControlLabel as FormControlLabel4 } from "@mui/material";
 
 // src/components/TableDesktopEditableComponent/TableDesktopNumericField.tsx
@@ -8011,7 +8014,7 @@ var TableDesktopTextField = ({
 
 // src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
 import { jsx as jsx123 } from "react/jsx-runtime";
-var TableDesktopEditableComponent = ({
+var TableDesktopEditableComponentBase = ({
   editInitialValue,
   rowId,
   field,
@@ -8097,6 +8100,7 @@ var TableDesktopEditableComponent = ({
   };
   return editableComponents[editableCellType];
 };
+var TableDesktopEditableComponent = memo23(TableDesktopEditableComponentBase);
 
 // src/components/TableDesktopCell/TableDesktopCell.tsx
 import { useEffect as useEffect13, useRef as useRef7, useState as useState21 } from "react";
@@ -8234,7 +8238,7 @@ var TableDesktopCell = ({
 };
 
 // src/components/TableHeader/TableHeader.tsx
-import { memo as memo23, useEffect as useEffect14, useState as useState22 } from "react";
+import { memo as memo24, useEffect as useEffect14, useState as useState22 } from "react";
 import { ImportExport as ImportExportIcon } from "@mui/icons-material";
 import { TableCell as TableCell7, TableHead as TableHead3, TableRow as TableRow6, TableSortLabel as TableSortLabel3 } from "@mui/material";
 import { makeStyles as makeStyles49 } from "tss-react/mui";
@@ -8294,7 +8298,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     }
   ) : cell.label }, cell.label || key)) }) });
 };
-var TableHeader_default = memo23(TableHeader);
+var TableHeader_default = memo24(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
 import { Box as Box36, Typography as Typography30, Divider as Divider10, Button as Button16 } from "@mui/material";
@@ -8471,7 +8475,7 @@ var ThemedDateRangePicker = ({
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
-import { memo as memo24 } from "react";
+import { memo as memo25 } from "react";
 import { AppBar, Box as Box37, Toolbar } from "@mui/material";
 import { makeStyles as makeStyles52 } from "tss-react/mui";
 import { jsx as jsx128, jsxs as jsxs84 } from "react/jsx-runtime";
@@ -8520,7 +8524,7 @@ var TheToolbar = ({
     LeftDrawer
   ] });
 };
-var TheToolbar_default = memo24(TheToolbar);
+var TheToolbar_default = memo25(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
 import { Alert as MuiAlert, Snackbar } from "@mui/material";
@@ -8671,7 +8675,7 @@ var TwoButtonDialog = ({
 var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/UserBust/UserBust.tsx
-import { memo as memo25 } from "react";
+import { memo as memo26 } from "react";
 import { Avatar as Avatar2, Typography as Typography32 } from "@mui/material";
 import { jsx as jsx131, jsxs as jsxs86 } from "react/jsx-runtime";
 var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs86("div", { children: [
@@ -8688,7 +8692,7 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs8
     /* @__PURE__ */ jsx131(Typography32, { ...typographyProps.username, children: user.username })
   ] })
 ] });
-var UserBust_default = memo25(UserBust);
+var UserBust_default = memo26(UserBust);
 
 // src/components/icons/IconChart.tsx
 import { jsx as jsx132 } from "react/jsx-runtime";