@natoora-libs/core 0.1.9-dev-doug-6 → 0.1.9-dev-doug-7

package/dist/components/index.cjs

@@ -7135,7 +7135,6 @@ var TableDesktop = ({
   isLoading,
   rowsPerPage = 50,
   enableCheckboxSelection = false,
-  enableRowActions = false,
   disableInternalSort = false,
   updateSort,
   showClearFilterButton,
@@ -7198,7 +7197,6 @@ var TableDesktop = ({
     []
   );
   const renderTableRows = (0, import_react33.useMemo)(() => {
-    const sortedData = disableInternalSort ? data : stableSort(data, getComparator(order, orderBy));
     if (isLoading) {
       return [...Array(Math.min(numRows, rowsPerPage))].map((_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableRow, { children: [...Array(visibleHeadCells.length)].map((_2, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material60.TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         import_material60.Skeleton,
@@ -7206,11 +7204,12 @@ var TableDesktop = ({
           animation: "pulse",
           variant: "rounded",
           height: ROW_HEIGHT - 33,
-          sx: { bgcolor: colors.neutral150 },
+          sx: { bgcolor: colors.neutral100 },
           "data-testid": "loading-skeleton"
         }
       ) }, cellIndex)) }, rowIndex));
     }
+    const sortedData = disableInternalSort ? data : stableSort(data, getComparator(order, orderBy));
     return sortedData.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((row, index) => {
       const isItemSelected = selected.has(row[keyField]);
       return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
@@ -7238,8 +7237,9 @@ var TableDesktop = ({
     page,
     rowsPerPage,
     selected,
+    isLoading,
+    numRows,
     enableCheckboxSelection,
-    enableRowActions,
     disableInternalSort,
     deleteItem,
     keyField,
@@ -7990,7 +7990,6 @@ var TableDesktopRowCell = ({
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material65.Tooltip, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     import_material65.TableCell,
     {
-      ref: cellRef,
       align: "left",
       onMouseEnter: () => editableCellType && !disabled && setIsCellHovered(true),
       onMouseLeave: () => editableCellType && !disabled && setIsCellHovered(false),
@@ -7998,9 +7997,6 @@ var TableDesktopRowCell = ({
       sx: {
         padding: 1,
         width: width ?? "auto",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap",
         position: "relative",
         cursor: disabled ? "default" : "pointer",
         opacity: disabled ? 0.2 : 1,
@@ -8009,23 +8005,33 @@ var TableDesktopRowCell = ({
         },
         background: isEditMode ? colors.lightBlueBackground : (theme) => theme.palette.background.default
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_material65.Box, { p: 1, children: [
-        isCellHovered ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material65.Tooltip, { title: "Toggle Edit Mode", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-          import_material65.IconButton,
-          {
-            onClick: handleEditClick,
-            sx: {
-              position: "absolute",
-              top: 0,
-              right: 0,
-              zIndex: 1,
-              borderRadius: 0
-            },
-            children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_Close.default, { fontSize: "small", color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_Edit.default, { fontSize: "small" })
-          }
-        ) }) : null,
-        isEditMode && editableCellType ? editableComponents[editableCellType] : typeof readOnlyValue === "boolean" ? getReadOnlyBooleanIcon(readOnlyValue) : readOnlyValue
-      ] })
+      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+        import_material65.Box,
+        {
+          p: 1,
+          ref: cellRef,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          children: [
+            isCellHovered ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material65.Tooltip, { title: isEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+              import_material65.IconButton,
+              {
+                onClick: handleEditClick,
+                sx: {
+                  top: 0,
+                  right: 0,
+                  zIndex: 1,
+                  borderRadius: 0,
+                  position: "absolute"
+                },
+                children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_Close.default, { fontSize: "small", color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_Edit.default, { fontSize: "small" })
+              }
+            ) }) : null,
+            isEditMode && editableCellType ? editableComponents[editableCellType] : typeof readOnlyValue === "boolean" ? getReadOnlyBooleanIcon(readOnlyValue) : readOnlyValue
+          ]
+        }
+      )
     }
   ) });
 };