@dmsi/wedgekit-react 0.0.1079 → 0.0.1081

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

@@ -1,6 +1,6 @@
 import {
   MobileDataGrid
-} 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/Password.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/Password.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-HT57FLRW.js";
 import {
   InputBase
-} from "../chunk-NEMOTB6U.js";
+} from "../chunk-KZPIH2K5.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-ZRFXUER3.js";
 import "../chunk-WVGXD7HT.js";

package/dist/components/Search.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/Search.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Search
-} from "../chunk-72WLEGGU.js";
-import "../chunk-NEMOTB6U.js";
+} from "../chunk-TINCHPB4.js";
+import "../chunk-KZPIH2K5.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/Select.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/Select.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Select
-} from "../chunk-IEKZBWVL.js";
-import "../chunk-NEMOTB6U.js";
+} from "../chunk-SISDU5GI.js";
+import "../chunk-KZPIH2K5.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/Stepper.cjs

@@ -766,6 +766,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -779,6 +780,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -790,6 +792,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 : "";
@@ -805,9 +808,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), {
@@ -922,7 +930,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() })
@@ -932,7 +942,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() })
@@ -1018,6 +1028,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -1052,12 +1063,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_runtime6.jsx)(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/components/Stepper.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-HT57FLRW.js";
 import {
   InputBase
-} from "../chunk-NEMOTB6U.js";
+} from "../chunk-KZPIH2K5.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-ZRFXUER3.js";
 import "../chunk-WVGXD7HT.js";

package/dist/components/Time.cjs

@@ -570,6 +570,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -583,6 +584,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -594,6 +596,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 : "";
@@ -609,9 +612,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), {
@@ -726,7 +734,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() })
@@ -736,7 +746,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() })
@@ -822,6 +832,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -856,12 +867,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/Time.js

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "../chunk-NEMOTB6U.js";
+} from "../chunk-KZPIH2K5.js";
 import "../chunk-HXGJVYGQ.js";
 import {
   findDocumentRoot

package/dist/components/index.cjs

@@ -2140,6 +2140,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2153,6 +2154,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2164,6 +2166,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 : "";
@@ -2179,9 +2182,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), {
@@ -2296,7 +2304,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() })
@@ -2306,7 +2316,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() })
@@ -2392,6 +2402,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -2426,12 +2437,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,