@natoora-libs/core 0.1.13-dev-doug-2 → 0.1.13-dev-doug-4

package/dist/components/index.d.cts

@@ -861,6 +861,7 @@ type HeaderFilters = {
 type HeadCell = {
     id: string;
     label?: string;
+    labelTooltip?: string;
     fieldName?: string;
     numeric?: boolean;
     disablePadding?: boolean;
@@ -890,7 +891,7 @@ type TableDesktopProps = {
     updateSort?: (sortField: string, sortDir: Order) => void;
     showClearFilterButton?: boolean;
     handleClickOnClearFiltersButton?: () => void;
-    deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
+    deleteItem?: (id: string) => void;
     keyField?: string;
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;

package/dist/components/index.d.ts

@@ -861,6 +861,7 @@ type HeaderFilters = {
 type HeadCell = {
     id: string;
     label?: string;
+    labelTooltip?: string;
     fieldName?: string;
     numeric?: boolean;
     disablePadding?: boolean;
@@ -890,7 +891,7 @@ type TableDesktopProps = {
     updateSort?: (sortField: string, sortDir: Order) => void;
     showClearFilterButton?: boolean;
     handleClickOnClearFiltersButton?: () => void;
-    deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
+    deleteItem?: (id: string) => void;
     keyField?: string;
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;

package/dist/components/index.js

@@ -6596,7 +6596,7 @@ import {
   FormControlLabel as FormControlLabel3,
   Menu as Menu4,
   Skeleton as Skeleton3,
-  Tooltip as Tooltip6
+  Tooltip as Tooltip7
 } from "@mui/material";
 import classNames3 from "classnames";
 import { makeStyles as makeStyles48 } from "tss-react/mui";
@@ -6628,6 +6628,7 @@ import {
   TableHead,
   TableRow,
   TableSortLabel,
+  Tooltip as Tooltip6,
   Typography as Typography25
 } from "@mui/material";
 import { makeStyles as makeStyles45 } from "tss-react/mui";
@@ -6729,7 +6730,7 @@ var SmartTableHeader = ({
             flexDirection: "row",
             gap: headCell.disableSort ? 1 : 0,
             children: [
-              headCell.disableSort ? /* @__PURE__ */ jsx108(Typography25, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) : /* @__PURE__ */ jsxs73(
+              headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ jsx108(Tooltip6, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsx108(Typography25, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) }) : /* @__PURE__ */ jsx108(Tooltip6, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsxs73(
                 TableSortLabel,
                 {
                   "data-testid": "table-sort-label",
@@ -6741,7 +6742,7 @@ var SmartTableHeader = ({
                     orderBy === headCell.id ? /* @__PURE__ */ jsx108("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
                   ]
                 }
-              ),
+              ) }),
               headCell.refetchFilterOptions ? /* @__PURE__ */ jsx108(
                 SmartTableHeaderFilterMenu_default,
                 {
@@ -7234,7 +7235,7 @@ var SmartTableHeaderFilterMenu = ({
                       },
                       resolvedOption
                     ),
-                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx111(Tooltip6, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx111(CheckIcon, { fontSize: "small", color: "action" }) }) : null
+                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx111(Tooltip7, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx111(CheckIcon, { fontSize: "small", color: "action" }) }) : null
                   ]
                 },
                 resolvedOption
@@ -7540,7 +7541,10 @@ var TableDesktopFooter = ({
 
 // src/components/TableDesktopRowCell/TableDesktopRowCell.tsx
 import { useEffect as useEffect13, useRef as useRef5, useState as useState20 } from "react";
-import { Box as Box33, Checkbox as Checkbox6, IconButton as IconButton4, TableCell as TableCell5, TextField as TextField9, Tooltip as Tooltip7 } from "@mui/material";
+import CheckIcon2 from "@mui/icons-material/Check";
+import Close2 from "@mui/icons-material/Close";
+import Edit3 from "@mui/icons-material/Edit";
+import { Box as Box33, Checkbox as Checkbox6, IconButton as IconButton4, TableCell as TableCell5, TextField as TextField9, Tooltip as Tooltip8 } from "@mui/material";
 
 // src/components/TableDesktopRowCell/TableDesktopSmartSelect.tsx
 import { useState as useState18, memo as memo22, useEffect as useEffect12 } from "react";
@@ -7598,12 +7602,9 @@ var TableDesktopSmartSelect = memo22(({
   );
 });
 
-// src/components/TableDesktopRowCell/TableDesktopRowCell.tsx
-import CheckIcon2 from "@mui/icons-material/Check";
-
 // src/components/TableDesktopRowCell/TableDesktopTextField.tsx
-import TextField8 from "@mui/material/TextField";
 import { useMemo as useMemo4, useState as useState19 } from "react";
+import { TextField as TextField8 } from "@mui/material";
 import { jsx as jsx116 } from "react/jsx-runtime";
 var TableDesktopTextField = ({
   rowId,
@@ -7613,34 +7614,54 @@ var TableDesktopTextField = ({
   validateInput,
   onUpdateEditableCell
 }) => {
-  const [value, setValue] = useState19(editInitialValue);
-  const hasError = useMemo4(() => !validateInput?.(value), [value, validateInput]);
+  const [input, setInput] = useState19(editInitialValue);
+  const hasValidationError = useMemo4(() => !validateInput?.(input), [input, validateInput]);
+  const commitValue = (value) => {
+    if (hasValidationError) {
+      return;
+    }
+    onUpdateEditableCell?.(rowId, value);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      commitValue(input);
+    }
+  };
   return /* @__PURE__ */ jsx116(
     TextField8,
     {
       fullWidth: true,
       variant: "standard",
-      defaultValue: value,
+      value: input,
       label: inputLabel,
-      error: hasError,
+      error: hasValidationError,
       disabled,
-      onChange: ({ target: { value: value2 } }) => {
-        setValue(value2);
+      onKeyDown: handleKeyDown,
+      onChange: ({ target: { value } }) => {
+        setInput(value);
       },
-      onBlur: ({ target: { value: value2 } }) => {
-        if (hasError) {
-          return;
-        }
-        onUpdateEditableCell?.(rowId, value2);
+      onBlur: ({ target: { value } }) => {
+        commitValue(value);
       }
     }
   );
 };
 
 // src/components/TableDesktopRowCell/TableDesktopRowCell.tsx
-import Close2 from "@mui/icons-material/Close";
-import Edit3 from "@mui/icons-material/Edit";
 import { jsx as jsx117, jsxs as jsxs79 } from "react/jsx-runtime";
+var getReadOnlyBooleanIcon = (value) => {
+  if (value) {
+    return /* @__PURE__ */ jsx117(CheckIcon2, { sx: { fontSize: 16 } });
+  }
+  return "-";
+};
+var renderReadOnlyValue = (value) => {
+  if (typeof value === "boolean") {
+    return getReadOnlyBooleanIcon(value);
+  }
+  return value;
+};
 var TableDesktopRowCell = ({
   inputLabel,
   editInitialValue,
@@ -7739,17 +7760,11 @@ var TableDesktopRowCell = ({
       }
     )
   };
-  const getReadOnlyBooleanIcon = (value) => {
-    if (value) {
-      return /* @__PURE__ */ jsx117(CheckIcon2, { sx: { fontSize: 16 } });
-    }
-    return "-";
-  };
   const handleEditClick = (e) => {
     e.stopPropagation();
     setIsEditMode((prev) => !prev);
   };
-  return /* @__PURE__ */ jsx117(Tooltip7, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx117(Tooltip8, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx117(
     TableCell5,
     {
       align: "left",
@@ -7776,7 +7791,7 @@ var TableDesktopRowCell = ({
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
           children: [
-            isCellHovered ? /* @__PURE__ */ jsx117(Tooltip7, { title: isEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx117(
+            isCellHovered ? /* @__PURE__ */ jsx117(Tooltip8, { title: isEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx117(
               IconButton4,
               {
                 onClick: handleEditClick,
@@ -7794,7 +7809,7 @@ var TableDesktopRowCell = ({
                 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
+            isEditMode && editableCellType ? editableComponents[editableCellType] : renderReadOnlyValue(readOnlyValue)
           ]
         }
       )