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

package/dist/components/index.cjs

@@ -7116,7 +7116,7 @@ var SmartTableHeader = ({
   order,
   orderBy,
   headCells,
-  numSelected,
+  numSelectedRows,
   numRows,
   enableCheckboxSelection = false,
   headerFilters,
@@ -7136,8 +7136,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,
@@ -7758,15 +7758,19 @@ var TableDesktop = ({
     () => rowsPerPage - numRows,
     [rowsPerPage, numRows]
   );
+  const numSelectedRows = (0, import_react35.useMemo)(() => {
+    const currentPageIds = new Set(data.map((row) => row[keyField]));
+    return [...selectedRows].filter((id) => currentPageIds.has(id)).length;
+  }, [data, selectedRows, keyField]);
   const isEveryRowInPageSelected = (0, import_react35.useMemo)(
-    () => numRows > 0 && selectedRows.size === numRows,
+    () => numRows > 0 && numSelectedRows === numRows,
     [selectedRows, numRows]
   );
   const visibleHeadCells = (0, import_react35.useMemo)(
     () => 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);
@@ -7776,7 +7780,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);
   };
@@ -7817,23 +7821,21 @@ var TableDesktop = ({
     resetSelectedRows();
     onApplyFilters?.(updatedFilters, shouldSave);
   };
-  const handlePageChange = (event, page) => {
-    resetSelectedRows();
-    footerProps?.onPageChange?.(event, page);
-  };
   (0, import_react35.useEffect)(() => {
     if (!enableCheckboxSelection) {
       resetSelectedRows();
     }
   }, [enableCheckboxSelection]);
+  (0, import_react35.useEffect)(() => {
+    if (isRowsFromAllPagesSelected) {
+      selectAllRowsInPage();
+    }
+  }, [data, isRowsFromAllPagesSelected, keyField]);
   (0, import_react35.useEffect)(() => {
     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 = (0, import_react35.useMemo)(
     () => rowsPerPage !== emptyRows ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       TableDesktopRows,
@@ -7913,7 +7915,7 @@ var TableDesktop = ({
               {
                 isEveryRowInPageSelected,
                 isRowsFromAllPagesSelected,
-                numSelectedRows: selectedRows.size,
+                numSelectedRows,
                 totalRowCount: totalDataCount ?? 0,
                 onSelectRowsFromAllPagesClick: handleSelectRowsFromAllPagesClick,
                 onClearSelectionClick: handleClearSelectionClick
@@ -7959,7 +7961,7 @@ var TableDesktop = ({
                           headCells: visibleHeadCells,
                           order,
                           orderBy,
-                          numSelected: selectedRows.size,
+                          numSelectedRows,
                           numRows,
                           enableCheckboxSelection,
                           headerFilters: headerFilters ?? {},
@@ -7984,7 +7986,7 @@ var TableDesktop = ({
               }
             ),
             children,
-            footerProps ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TableDesktopFooter, { ...footerProps, onPageChange: handlePageChange }) : null
+            footerProps ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TableDesktopFooter, { ...footerProps }) : null
           ]
         }
       )
@@ -7993,6 +7995,7 @@ var TableDesktop = ({
 };
 
 // src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
+var import_react39 = require("react");
 var import_material70 = require("@mui/material");
 
 // src/components/TableDesktopEditableComponent/TableDesktopNumericField.tsx
@@ -8184,7 +8187,7 @@ var TableDesktopTextField = ({
 
 // src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
 var import_jsx_runtime125 = require("react/jsx-runtime");
-var TableDesktopEditableComponent = ({
+var TableDesktopEditableComponentBase = ({
   editInitialValue,
   rowId,
   field,
@@ -8270,9 +8273,10 @@ var TableDesktopEditableComponent = ({
   };
   return editableComponents[editableCellType];
 };
+var TableDesktopEditableComponent = (0, import_react39.memo)(TableDesktopEditableComponentBase);
 
 // src/components/TableDesktopCell/TableDesktopCell.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_Check2 = __toESM(require("@mui/icons-material/Check"), 1);
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
 var import_Edit = __toESM(require("@mui/icons-material/Edit"), 1);
@@ -8311,17 +8315,17 @@ var TableDesktopCell = ({
   onUpdateEditableCell,
   onCellClick
 }) => {
-  const cellRef = (0, import_react39.useRef)(null);
-  const [isOverflowed, setIsOverflowed] = (0, import_react39.useState)(false);
-  const [isCellHovered, setIsCellHovered] = (0, import_react39.useState)(false);
-  const [isCellInEditMode, setIsCellInEditMode] = (0, import_react39.useState)(false);
-  (0, import_react39.useEffect)(() => {
+  const cellRef = (0, import_react40.useRef)(null);
+  const [isOverflowed, setIsOverflowed] = (0, import_react40.useState)(false);
+  const [isCellHovered, setIsCellHovered] = (0, import_react40.useState)(false);
+  const [isCellInEditMode, setIsCellInEditMode] = (0, import_react40.useState)(false);
+  (0, import_react40.useEffect)(() => {
     const ref = cellRef.current;
     if (ref) {
       setIsOverflowed(ref.scrollWidth > ref.clientWidth);
     }
   }, [readOnlyValue, width]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         setIsCellInEditMode(false);
@@ -8407,7 +8411,7 @@ var TableDesktopCell = ({
 };
 
 // src/components/TableHeader/TableHeader.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_icons_material12 = require("@mui/icons-material");
 var import_material72 = require("@mui/material");
 var import_mui56 = require("tss-react/mui");
@@ -8420,9 +8424,9 @@ var useStyles50 = (0, import_mui56.makeStyles)()(() => ({
   }
 }));
 var TableHeader = ({ cells, onSort = null }) => {
-  const [sortableCells, setSortableCells] = (0, import_react40.useState)([]);
+  const [sortableCells, setSortableCells] = (0, import_react41.useState)([]);
   const { classes } = useStyles50();
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     setSortableCells(cells);
   }, []);
   const getNewSortDirection = (direction) => {
@@ -8467,7 +8471,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     }
   ) : cell.label }, cell.label || key)) }) });
 };
-var TableHeader_default = (0, import_react40.memo)(TableHeader);
+var TableHeader_default = (0, import_react41.memo)(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
 var import_material73 = require("@mui/material");
@@ -8644,7 +8648,7 @@ var ThemedDateRangePicker = ({
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_material74 = require("@mui/material");
 var import_mui59 = require("tss-react/mui");
 var import_jsx_runtime130 = require("react/jsx-runtime");
@@ -8693,7 +8697,7 @@ var TheToolbar = ({
     LeftDrawer
   ] });
 };
-var TheToolbar_default = (0, import_react41.memo)(TheToolbar);
+var TheToolbar_default = (0, import_react42.memo)(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
 var import_material75 = require("@mui/material");
@@ -8836,7 +8840,7 @@ var TwoButtonDialog = ({
 var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/UserBust/UserBust.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_material77 = require("@mui/material");
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { children: [
@@ -8853,7 +8857,7 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, i
     /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material77.Typography, { ...typographyProps.username, children: user.username })
   ] })
 ] });
-var UserBust_default = (0, import_react42.memo)(UserBust);
+var UserBust_default = (0, import_react43.memo)(UserBust);
 
 // src/components/icons/IconChart.tsx
 var import_jsx_runtime134 = require("react/jsx-runtime");