@natoora-libs/core 0.1.16-dev-doug-7 → 0.1.16-dev-doug-8

package/dist/components/index.js

@@ -7823,7 +7823,7 @@ var TableDesktop = ({
 import { Checkbox as Checkbox6, FormControlLabel as FormControlLabel4 } from "@mui/material";
 
 // src/components/TableDesktopEditableComponent/TableDesktopNumericField.tsx
-import { useState as useState18, useRef as useRef5 } from "react";
+import { useState as useState18, useRef as useRef5, useMemo as useMemo4 } from "react";
 import { TextField as TextField8 } from "@mui/material";
 import { jsx as jsx120 } from "react/jsx-runtime";
 var TableDesktopNumericField = ({
@@ -7834,13 +7834,15 @@ var TableDesktopNumericField = ({
   field,
   variant = "standard",
   size,
+  validateInput,
   onUpdateEditableCell
 }) => {
   const [input, setInput] = useState18(initialValue);
   const oldValue = useRef5(initialValue);
+  const isDirty = useMemo4(() => input !== oldValue.current, [input, oldValue.current]);
+  const hasValidationError = useMemo4(() => isDirty && !validateInput?.(input), [input, validateInput, isDirty]);
   const commitValue = (value) => {
-    const isDirty = value !== oldValue.current;
-    if (!onUpdateEditableCell || !isDirty) {
+    if (hasValidationError || !onUpdateEditableCell || !isDirty) {
       return;
     }
     oldValue.current = value;
@@ -7861,6 +7863,7 @@ var TableDesktopNumericField = ({
       value: input,
       disabled,
       label: inputLabel,
+      error: hasValidationError,
       onKeyDown: handleKeyDown,
       onChange: (e) => {
         e.target.value = e.target.value.replace(/\D/g, "");
@@ -7952,7 +7955,7 @@ var TableDesktopSmartSelect = memo22(({
 });
 
 // src/components/TableDesktopEditableComponent/TableDesktopTextField.tsx
-import { useMemo as useMemo4, useState as useState20, useRef as useRef6 } from "react";
+import { useMemo as useMemo5, useState as useState20, useRef as useRef6 } from "react";
 import { TextField as TextField9 } from "@mui/material";
 import { jsx as jsx122 } from "react/jsx-runtime";
 var TableDesktopTextField = ({
@@ -7968,9 +7971,9 @@ var TableDesktopTextField = ({
 }) => {
   const [input, setInput] = useState20(initialValue);
   const oldValue = useRef6(initialValue);
-  const hasValidationError = useMemo4(() => !validateInput?.(input), [input, validateInput]);
+  const isDirty = useMemo5(() => input !== oldValue.current, [input, oldValue.current]);
+  const hasValidationError = useMemo5(() => isDirty && !validateInput?.(input), [input, validateInput]);
   const commitValue = (value) => {
-    const isDirty = value !== oldValue.current;
     if (hasValidationError || !onUpdateEditableCell || !isDirty) {
       return;
     }
@@ -8085,6 +8088,7 @@ var TableDesktopEditableComponent = ({
         field,
         initialValue: editInitialValue ?? "",
         inputLabel: inputLabel ?? "",
+        validateInput,
         onUpdateEditableCell
       }
     )