@dmsi/wedgekit-react 0.0.1080 → 0.0.1082

package/dist/components/DataGrid/TableBody/LoadingCell.cjs

@@ -2105,6 +2105,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2118,6 +2119,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2129,6 +2131,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react10.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -2144,9 +2147,14 @@ var Input = (_a) => {
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    if (formatOnBlur && isFocused) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
+      return;
+    }
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [propValue, variant, currencyFormat, decimals]);
+  }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2261,7 +2269,9 @@ var Input = (_a) => {
           currentDecimals
         );
         setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setDisplayValue(
+          formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2271,7 +2281,7 @@ var Input = (_a) => {
         return;
       }
       setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2357,6 +2367,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -2391,12 +2402,18 @@ var Input = (_a) => {
     }
     onBlur == null ? void 0 : onBlur(e);
   };
+  const handleFocus = (e) => {
+    var _a2;
+    setIsFocused(true);
+    (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
+  };
   const inputProps = getInputProps();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/DataGrid/TableBody/LoadingCell.js

@@ -1,6 +1,6 @@
 import {
   LoadingCell
-} from "../../../chunk-FD2FKB5M.js";
+} from "../../../chunk-QNGEDR4I.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ICHD7DUS.js";
 import "../../../chunk-XPZY6KEI.js";
@@ -21,7 +21,7 @@ import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-7IPESTQS.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-AT4AWD6B.js";
-import "../../../chunk-IEKZBWVL.js";
+import "../../../chunk-SISDU5GI.js";
 import "../../../chunk-KWMG6SN2.js";
 import "../../../chunk-KBIEWFQS.js";
 import "../../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../../chunk-O2IR67XN.js";
 import "../../../chunk-SJZNVG4N.js";
 import "../../../chunk-75USUR3I.js";
 import "../../../chunk-BWPNXY7T.js";
-import "../../../chunk-RMKITIDU.js";
+import "../../../chunk-Y2N7A2PP.js";
 import "../../../chunk-X3NDEFVA.js";
 import "../../../chunk-OM7QLLI2.js";
 import "../../../chunk-PE3EZP56.js";
-import "../../../chunk-72WLEGGU.js";
-import "../../../chunk-NEMOTB6U.js";
+import "../../../chunk-TINCHPB4.js";
+import "../../../chunk-KZPIH2K5.js";
 import "../../../chunk-HXGJVYGQ.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-M7WHWZ2J.js";

package/dist/components/DataGrid/TableBody/TableBodyRow.cjs

@@ -2108,6 +2108,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2121,6 +2122,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2132,6 +2134,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react10.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -2147,9 +2150,14 @@ var Input = (_a) => {
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    if (formatOnBlur && isFocused) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
+      return;
+    }
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [propValue, variant, currencyFormat, decimals]);
+  }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2264,7 +2272,9 @@ var Input = (_a) => {
           currentDecimals
         );
         setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setDisplayValue(
+          formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2274,7 +2284,7 @@ var Input = (_a) => {
         return;
       }
       setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2360,6 +2370,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -2394,12 +2405,18 @@ var Input = (_a) => {
     }
     onBlur == null ? void 0 : onBlur(e);
   };
+  const handleFocus = (e) => {
+    var _a2;
+    setIsFocused(true);
+    (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
+  };
   const inputProps = getInputProps();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/DataGrid/TableBody/TableBodyRow.js

@@ -1,6 +1,6 @@
 import {
   TableBodyRow
-} from "../../../chunk-FD2FKB5M.js";
+} from "../../../chunk-QNGEDR4I.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ICHD7DUS.js";
 import "../../../chunk-XPZY6KEI.js";
@@ -21,7 +21,7 @@ import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-7IPESTQS.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-AT4AWD6B.js";
-import "../../../chunk-IEKZBWVL.js";
+import "../../../chunk-SISDU5GI.js";
 import "../../../chunk-KWMG6SN2.js";
 import "../../../chunk-KBIEWFQS.js";
 import "../../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../../chunk-O2IR67XN.js";
 import "../../../chunk-SJZNVG4N.js";
 import "../../../chunk-75USUR3I.js";
 import "../../../chunk-BWPNXY7T.js";
-import "../../../chunk-RMKITIDU.js";
+import "../../../chunk-Y2N7A2PP.js";
 import "../../../chunk-X3NDEFVA.js";
 import "../../../chunk-OM7QLLI2.js";
 import "../../../chunk-PE3EZP56.js";
-import "../../../chunk-72WLEGGU.js";
-import "../../../chunk-NEMOTB6U.js";
+import "../../../chunk-TINCHPB4.js";
+import "../../../chunk-KZPIH2K5.js";
 import "../../../chunk-HXGJVYGQ.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-M7WHWZ2J.js";

package/dist/components/DataGrid/TableBody/index.cjs

@@ -2106,6 +2106,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2119,6 +2120,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2130,6 +2132,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react10.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -2145,9 +2148,14 @@ var Input = (_a) => {
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    if (formatOnBlur && isFocused) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
+      return;
+    }
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [propValue, variant, currencyFormat, decimals]);
+  }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2262,7 +2270,9 @@ var Input = (_a) => {
           currentDecimals
         );
         setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setDisplayValue(
+          formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2272,7 +2282,7 @@ var Input = (_a) => {
         return;
       }
       setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2358,6 +2368,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -2392,12 +2403,18 @@ var Input = (_a) => {
     }
     onBlur == null ? void 0 : onBlur(e);
   };
+  const handleFocus = (e) => {
+    var _a2;
+    setIsFocused(true);
+    (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
+  };
   const inputProps = getInputProps();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/DataGrid/TableBody/index.js

@@ -1,6 +1,6 @@
 import {
   TableBody
-} from "../../../chunk-FD2FKB5M.js";
+} from "../../../chunk-QNGEDR4I.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ICHD7DUS.js";
 import "../../../chunk-XPZY6KEI.js";
@@ -21,7 +21,7 @@ import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-7IPESTQS.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-AT4AWD6B.js";
-import "../../../chunk-IEKZBWVL.js";
+import "../../../chunk-SISDU5GI.js";
 import "../../../chunk-KWMG6SN2.js";
 import "../../../chunk-KBIEWFQS.js";
 import "../../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../../chunk-O2IR67XN.js";
 import "../../../chunk-SJZNVG4N.js";
 import "../../../chunk-75USUR3I.js";
 import "../../../chunk-BWPNXY7T.js";
-import "../../../chunk-RMKITIDU.js";
+import "../../../chunk-Y2N7A2PP.js";
 import "../../../chunk-X3NDEFVA.js";
 import "../../../chunk-OM7QLLI2.js";
 import "../../../chunk-PE3EZP56.js";
-import "../../../chunk-72WLEGGU.js";
-import "../../../chunk-NEMOTB6U.js";
+import "../../../chunk-TINCHPB4.js";
+import "../../../chunk-KZPIH2K5.js";
 import "../../../chunk-HXGJVYGQ.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-M7WHWZ2J.js";

package/dist/components/DataGrid/index.cjs

@@ -2107,6 +2107,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2120,6 +2121,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2131,6 +2133,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react10.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -2146,9 +2149,14 @@ var Input = (_a) => {
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    if (formatOnBlur && isFocused) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
+      return;
+    }
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [propValue, variant, currencyFormat, decimals]);
+  }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2263,7 +2271,9 @@ var Input = (_a) => {
           currentDecimals
         );
         setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setDisplayValue(
+          formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2273,7 +2283,7 @@ var Input = (_a) => {
         return;
       }
       setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2359,6 +2369,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -2393,12 +2404,18 @@ var Input = (_a) => {
     }
     onBlur == null ? void 0 : onBlur(e);
   };
+  const handleFocus = (e) => {
+    var _a2;
+    setIsFocused(true);
+    (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
+  };
   const inputProps = getInputProps();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/DataGrid/index.js

@@ -2,7 +2,7 @@
 import {
   DataGrid,
   DataGrid_default
-} from "../../chunk-FD2FKB5M.js";
+} from "../../chunk-QNGEDR4I.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ICHD7DUS.js";
 import "../../chunk-XPZY6KEI.js";
@@ -23,7 +23,7 @@ import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-7IPESTQS.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-AT4AWD6B.js";
-import "../../chunk-IEKZBWVL.js";
+import "../../chunk-SISDU5GI.js";
 import "../../chunk-KWMG6SN2.js";
 import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
@@ -40,12 +40,12 @@ import "../../chunk-O2IR67XN.js";
 import "../../chunk-SJZNVG4N.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-RMKITIDU.js";
+import "../../chunk-Y2N7A2PP.js";
 import "../../chunk-X3NDEFVA.js";
 import "../../chunk-OM7QLLI2.js";
 import "../../chunk-PE3EZP56.js";
-import "../../chunk-72WLEGGU.js";
-import "../../chunk-NEMOTB6U.js";
+import "../../chunk-TINCHPB4.js";
+import "../../chunk-KZPIH2K5.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-M7WHWZ2J.js";

package/dist/components/DataGrid/utils.cjs

@@ -2106,6 +2106,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2119,6 +2120,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2130,6 +2132,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react10.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -2145,9 +2148,14 @@ var Input = (_a) => {
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    if (formatOnBlur && isFocused) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
+      return;
+    }
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [propValue, variant, currencyFormat, decimals]);
+  }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2262,7 +2270,9 @@ var Input = (_a) => {
           currentDecimals
         );
         setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setDisplayValue(
+          formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2272,7 +2282,7 @@ var Input = (_a) => {
         return;
       }
       setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2358,6 +2368,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -2392,12 +2403,18 @@ var Input = (_a) => {
     }
     onBlur == null ? void 0 : onBlur(e);
   };
+  const handleFocus = (e) => {
+    var _a2;
+    setIsFocused(true);
+    (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
+  };
   const inputProps = getInputProps();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/DataGrid/utils.js

@@ -1,6 +1,6 @@
 import {
   getSortIcon
-} from "../../chunk-FD2FKB5M.js";
+} from "../../chunk-QNGEDR4I.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ICHD7DUS.js";
 import "../../chunk-XPZY6KEI.js";
@@ -21,7 +21,7 @@ import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-7IPESTQS.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-AT4AWD6B.js";
-import "../../chunk-IEKZBWVL.js";
+import "../../chunk-SISDU5GI.js";
 import "../../chunk-KWMG6SN2.js";
 import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../chunk-O2IR67XN.js";
 import "../../chunk-SJZNVG4N.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-RMKITIDU.js";
+import "../../chunk-Y2N7A2PP.js";
 import "../../chunk-X3NDEFVA.js";
 import "../../chunk-OM7QLLI2.js";
 import "../../chunk-PE3EZP56.js";
-import "../../chunk-72WLEGGU.js";
-import "../../chunk-NEMOTB6U.js";
+import "../../chunk-TINCHPB4.js";
+import "../../chunk-KZPIH2K5.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-M7WHWZ2J.js";

package/dist/components/DataGridCell.cjs

@@ -1625,6 +1625,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -1638,6 +1639,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -1649,6 +1651,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react10.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -1664,9 +1667,14 @@ var Input = (_a) => {
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    if (formatOnBlur && isFocused) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
+      return;
+    }
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [propValue, variant, currencyFormat, decimals]);
+  }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1781,7 +1789,9 @@ var Input = (_a) => {
           currentDecimals
         );
         setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setDisplayValue(
+          formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -1791,7 +1801,7 @@ var Input = (_a) => {
         return;
       }
       setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -1877,6 +1887,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -1911,12 +1922,18 @@ var Input = (_a) => {
     }
     onBlur == null ? void 0 : onBlur(e);
   };
+  const handleFocus = (e) => {
+    var _a2;
+    setIsFocused(true);
+    (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
+  };
   const inputProps = getInputProps();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,