@dmsi/wedgekit-react 0.0.1080 → 0.0.1081

package/dist/components/DataGridCell.js

@@ -4,12 +4,12 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-RMKITIDU.js";
+} from "../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-ZRFXUER3.js";

package/dist/components/DateInput.cjs

@@ -572,6 +572,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -585,6 +586,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -596,6 +598,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -611,9 +614,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), {
@@ -728,7 +736,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() })
@@ -738,7 +748,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() })
@@ -824,6 +834,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -858,12 +869,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_runtime4.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/DateInput.js

@@ -1,6 +1,6 @@
 import {
   DateInput
-} from "../chunk-FD2FKB5M.js";
+} from "../chunk-FDQBM3O4.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/DateRangeInput.cjs

@@ -571,6 +571,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -584,6 +585,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -595,6 +597,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -610,9 +613,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), {
@@ -727,7 +735,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() })
@@ -737,7 +747,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() })
@@ -823,6 +833,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -857,12 +868,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_runtime4.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/DateRangeInput.js

@@ -1,6 +1,6 @@
 import {
   CalendarRange
-} from "../chunk-FD2FKB5M.js";
+} from "../chunk-FDQBM3O4.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,14 +38,14 @@ 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-TINCHPB4.js";
 import {
   InputBase
-} from "../chunk-NEMOTB6U.js";
+} from "../chunk-KZPIH2K5.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-M7WHWZ2J.js";

package/dist/components/FilterGroup.cjs

@@ -1112,6 +1112,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -1125,6 +1126,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -1136,6 +1138,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -1151,9 +1154,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), {
@@ -1268,7 +1276,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() })
@@ -1278,7 +1288,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() })
@@ -1364,6 +1374,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -1398,12 +1409,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_runtime9.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/FilterGroup.js

@@ -7,8 +7,8 @@ import {
 } from "../chunk-Y7RCYDF6.js";
 import {
   Search
-} from "../chunk-72WLEGGU.js";
-import "../chunk-NEMOTB6U.js";
+} from "../chunk-TINCHPB4.js";
+import "../chunk-KZPIH2K5.js";
 import {
   Label
 } from "../chunk-HXGJVYGQ.js";

package/dist/components/Input.cjs

@@ -573,6 +573,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -586,6 +587,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -597,6 +599,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = (0, import_react.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react.useState)("");
+  const [isFocused, setIsFocused] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -612,9 +615,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), {
@@ -729,7 +737,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() })
@@ -739,7 +749,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() })
@@ -825,6 +835,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -859,12 +870,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_runtime4.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/Input.js

@@ -6,7 +6,7 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-NEMOTB6U.js";
+} from "../chunk-KZPIH2K5.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/MobileDataGrid/ColumnSelector/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/MobileDataGrid/ColumnSelector/index.js

@@ -1,6 +1,6 @@
 import {
   ColumnSelector
-} from "../../../chunk-FD2FKB5M.js";
+} from "../../../chunk-FDQBM3O4.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/MobileDataGrid/MobileDataGridHeader.cjs

@@ -2537,6 +2537,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2550,6 +2551,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2561,6 +2563,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 : "";
@@ -2576,9 +2579,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), {
@@ -2693,7 +2701,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() })
@@ -2703,7 +2713,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() })
@@ -2789,6 +2799,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -2823,12 +2834,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_runtime11.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGridHeader
-} from "../../chunk-FD2FKB5M.js";
+} from "../../chunk-FDQBM3O4.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";