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

package/dist/components/index.cjs

@@ -8007,13 +8007,16 @@ var TableDesktopNumericField = ({
   field,
   variant = "standard",
   size,
+  validateInput,
   onUpdateEditableCell
 }) => {
   const [input, setInput] = (0, import_react36.useState)(initialValue);
   const oldValue = (0, import_react36.useRef)(initialValue);
+  const isDirty = (0, import_react36.useMemo)(() => input !== oldValue.current, [input, oldValue.current]);
+  const hasValidationError = (0, import_react36.useMemo)(() => isDirty && !validateInput?.(input), [input, validateInput, isDirty]);
   const commitValue = (value) => {
-    const isDirty = value !== oldValue.current;
-    if (!onUpdateEditableCell || !isDirty) {
+    if (hasValidationError || !onUpdateEditableCell || !isDirty) {
+      setInput(oldValue.current);
       return;
     }
     oldValue.current = value;
@@ -8034,6 +8037,7 @@ var TableDesktopNumericField = ({
       value: input,
       disabled,
       label: inputLabel,
+      error: hasValidationError,
       onKeyDown: handleKeyDown,
       onChange: (e) => {
         e.target.value = e.target.value.replace(/\D/g, "");
@@ -8141,10 +8145,11 @@ var TableDesktopTextField = ({
 }) => {
   const [input, setInput] = (0, import_react38.useState)(initialValue);
   const oldValue = (0, import_react38.useRef)(initialValue);
-  const hasValidationError = (0, import_react38.useMemo)(() => !validateInput?.(input), [input, validateInput]);
+  const isDirty = (0, import_react38.useMemo)(() => input !== oldValue.current, [input, oldValue.current]);
+  const hasValidationError = (0, import_react38.useMemo)(() => isDirty && !validateInput?.(input), [input, validateInput]);
   const commitValue = (value) => {
-    const isDirty = value !== oldValue.current;
     if (hasValidationError || !onUpdateEditableCell || !isDirty) {
+      setInput(oldValue.current);
       return;
     }
     oldValue.current = value;
@@ -8258,6 +8263,7 @@ var TableDesktopEditableComponent = ({
         field,
         initialValue: editInitialValue ?? "",
         inputLabel: inputLabel ?? "",
+        validateInput,
         onUpdateEditableCell
       }
     )