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

package/dist/components/index.d.cts

@@ -869,7 +869,7 @@ type HeadCell = {
     disableSort?: boolean;
     RenderHeader?: ReactNode;
     editableCellType?: EditableCellType;
-    validateInput?: (value: string) => boolean;
+    validateInput?: (value: string | null) => boolean;
     onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
     filterOptions?: HeaderFilterOptions;
     refetchFilterOptions?: () => void;
@@ -886,7 +886,6 @@ type TableDesktopProps = {
     isLoading?: boolean;
     rowsPerPage?: number;
     enableCheckboxSelection?: boolean;
-    enableRowActions?: boolean;
     disableInternalSort?: boolean;
     updateSort?: (sortField: string, sortDir: Order) => void;
     showClearFilterButton?: boolean;
@@ -897,7 +896,7 @@ type TableDesktopProps = {
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
 };
-declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, enableRowActions, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
+declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;

package/dist/components/index.d.ts

@@ -869,7 +869,7 @@ type HeadCell = {
     disableSort?: boolean;
     RenderHeader?: ReactNode;
     editableCellType?: EditableCellType;
-    validateInput?: (value: string) => boolean;
+    validateInput?: (value: string | null) => boolean;
     onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
     filterOptions?: HeaderFilterOptions;
     refetchFilterOptions?: () => void;
@@ -886,7 +886,6 @@ type TableDesktopProps = {
     isLoading?: boolean;
     rowsPerPage?: number;
     enableCheckboxSelection?: boolean;
-    enableRowActions?: boolean;
     disableInternalSort?: boolean;
     updateSort?: (sortField: string, sortDir: Order) => void;
     showClearFilterButton?: boolean;
@@ -897,7 +896,7 @@ type TableDesktopProps = {
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
 };
-declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, enableRowActions, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
+declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;

package/dist/components/index.js

@@ -6889,7 +6889,6 @@ var TableDesktop = ({
   isLoading,
   rowsPerPage = 50,
   enableCheckboxSelection = false,
-  enableRowActions = false,
   disableInternalSort = false,
   updateSort,
   showClearFilterButton,
@@ -6952,7 +6951,6 @@ var TableDesktop = ({
     []
   );
   const renderTableRows = useMemo2(() => {
-    const sortedData = disableInternalSort ? data : stableSort(data, getComparator(order, orderBy));
     if (isLoading) {
       return [...Array(Math.min(numRows, rowsPerPage))].map((_, rowIndex) => /* @__PURE__ */ jsx110(TableRow3, { children: [...Array(visibleHeadCells.length)].map((_2, cellIndex) => /* @__PURE__ */ jsx110(TableCell3, { children: /* @__PURE__ */ jsx110(
         Skeleton2,
@@ -6960,11 +6958,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__ */ jsx110(
@@ -6992,8 +6991,9 @@ var TableDesktop = ({
     page,
     rowsPerPage,
     selected,
+    isLoading,
+    numRows,
     enableCheckboxSelection,
-    enableRowActions,
     disableInternalSort,
     deleteItem,
     keyField,
@@ -7754,7 +7754,6 @@ var TableDesktopRowCell = ({
   return /* @__PURE__ */ jsx117(Tooltip7, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx117(
     TableCell5,
     {
-      ref: cellRef,
       align: "left",
       onMouseEnter: () => editableCellType && !disabled && setIsCellHovered(true),
       onMouseLeave: () => editableCellType && !disabled && setIsCellHovered(false),
@@ -7762,9 +7761,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,
@@ -7773,23 +7769,33 @@ var TableDesktopRowCell = ({
         },
         background: isEditMode ? colors.lightBlueBackground : (theme) => theme.palette.background.default
       },
-      children: /* @__PURE__ */ jsxs79(Box33, { p: 1, children: [
-        isCellHovered ? /* @__PURE__ */ jsx117(Tooltip7, { title: "Toggle Edit Mode", children: /* @__PURE__ */ jsx117(
-          IconButton4,
-          {
-            onClick: handleEditClick,
-            sx: {
-              position: "absolute",
-              top: 0,
-              right: 0,
-              zIndex: 1,
-              borderRadius: 0
-            },
-            children: isEditMode ? /* @__PURE__ */ jsx117(Close2, { fontSize: "small", color: "error" }) : /* @__PURE__ */ jsx117(Edit3, { fontSize: "small" })
-          }
-        ) }) : null,
-        isEditMode && editableCellType ? editableComponents[editableCellType] : typeof readOnlyValue === "boolean" ? getReadOnlyBooleanIcon(readOnlyValue) : readOnlyValue
-      ] })
+      children: /* @__PURE__ */ jsxs79(
+        Box33,
+        {
+          p: 1,
+          ref: cellRef,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          children: [
+            isCellHovered ? /* @__PURE__ */ jsx117(Tooltip7, { title: isEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx117(
+              IconButton4,
+              {
+                onClick: handleEditClick,
+                sx: {
+                  top: 0,
+                  right: 0,
+                  zIndex: 1,
+                  borderRadius: 0,
+                  position: "absolute"
+                },
+                children: isEditMode ? /* @__PURE__ */ jsx117(Close2, { fontSize: "small", color: "error" }) : /* @__PURE__ */ jsx117(Edit3, { fontSize: "small" })
+              }
+            ) }) : null,
+            isEditMode && editableCellType ? editableComponents[editableCellType] : typeof readOnlyValue === "boolean" ? getReadOnlyBooleanIcon(readOnlyValue) : readOnlyValue
+          ]
+        }
+      )
     }
   ) });
 };