@natoora-libs/core 0.1.14 → 0.1.16

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;

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;

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,
                 {
@@ -7263,7 +7264,7 @@ var SmartTableHeaderFilterMenu = ({
                       },
                       resolvedOption
                     ),
-                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx112(Tooltip6, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx112(CheckIcon, { fontSize: "small", color: "action" }) }) : null
+                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx112(Tooltip7, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx112(CheckIcon, { fontSize: "small", color: "action" }) }) : null
                   ]
                 },
                 resolvedOption
@@ -7569,7 +7570,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 TableCell6, TextField as TextField9, Tooltip as Tooltip7 } from "@mui/material";
+import CheckIcon2 from "@mui/icons-material/Check";
+import CloseIcon from "@mui/icons-material/Close";
+import EditIcon from "@mui/icons-material/Edit";
+import { Box as Box33, Checkbox as Checkbox6, IconButton as IconButton4, TableCell as TableCell6, 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";
@@ -7627,12 +7631,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 jsx117 } from "react/jsx-runtime";
 var TableDesktopTextField = ({
   rowId,
@@ -7642,34 +7643,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__ */ jsx117(
     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 jsx118, jsxs as jsxs80 } from "react/jsx-runtime";
+var getReadOnlyBooleanIcon = (value) => {
+  if (value) {
+    return /* @__PURE__ */ jsx118(CheckIcon2, { sx: { fontSize: 16 } });
+  }
+  return "-";
+};
+var renderReadOnlyValue = (value) => {
+  if (typeof value === "boolean") {
+    return getReadOnlyBooleanIcon(value);
+  }
+  return value;
+};
 var TableDesktopRowCell = ({
   inputLabel,
   editInitialValue,
@@ -7768,17 +7789,11 @@ var TableDesktopRowCell = ({
       }
     )
   };
-  const getReadOnlyBooleanIcon = (value) => {
-    if (value) {
-      return /* @__PURE__ */ jsx118(CheckIcon2, { sx: { fontSize: 16 } });
-    }
-    return "-";
-  };
   const handleEditClick = (e) => {
     e.stopPropagation();
     setIsEditMode((prev) => !prev);
   };
-  return /* @__PURE__ */ jsx118(Tooltip7, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx118(Tooltip8, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx118(
     TableCell6,
     {
       align: "left",
@@ -7805,7 +7820,7 @@ var TableDesktopRowCell = ({
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
           children: [
-            isCellHovered ? /* @__PURE__ */ jsx118(Tooltip7, { title: isEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx118(
+            isCellHovered ? /* @__PURE__ */ jsx118(Tooltip8, { title: isEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx118(
               IconButton4,
               {
                 onClick: handleEditClick,
@@ -7820,10 +7835,10 @@ var TableDesktopRowCell = ({
                     backgroundColor: isEditMode ? colors.lightBlueBackground : colors.neutral150
                   }
                 },
-                children: isEditMode ? /* @__PURE__ */ jsx118(Close2, { fontSize: "small", color: "error" }) : /* @__PURE__ */ jsx118(Edit3, { fontSize: "small" })
+                children: isEditMode ? /* @__PURE__ */ jsx118(CloseIcon, { fontSize: "small", color: "error" }) : /* @__PURE__ */ jsx118(EditIcon, { fontSize: "small" })
               }
             ) }) : null,
-            isEditMode && editableCellType ? editableComponents[editableCellType] : typeof readOnlyValue === "boolean" ? getReadOnlyBooleanIcon(readOnlyValue) : readOnlyValue
+            isEditMode && editableCellType ? editableComponents[editableCellType] : renderReadOnlyValue(readOnlyValue)
           ]
         }
       )