@dmsi/wedgekit-react 0.0.1010 → 0.0.1011

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

@@ -2105,6 +2105,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2117,6 +2118,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2131,22 +2133,21 @@ var Input = (_a) => {
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  (0, import_react10.useEffect)(() => {
-    var _a2;
-    if (variant !== "currency") {
+    const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
+    if (!stringValue) {
+      setInternalValue("");
+      setDisplayValue("");
       return;
     }
-    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (!stringValue) {
+    if (!shouldUseThousandsFormatting) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [propValue, variant, currencyFormat, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2172,8 +2173,9 @@ var Input = (_a) => {
       case "percentage":
       case "uom":
         return __spreadProps(__spreadValues({}, baseProps), {
-          type: "number",
-          align: "right"
+          type: currencyFormat ? "text" : "number",
+          align: "right",
+          value: currencyFormat ? displayValue : propValue
         });
       default:
         return baseProps;
@@ -2186,6 +2188,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -2277,6 +2281,51 @@ var Input = (_a) => {
       }
       return;
     }
+    if (variant === "uom" && currencyFormat) {
+      const raw = rawValue.replace(/,/g, "");
+      if (raw === "") {
+        setInternalValue("");
+        setDisplayValue("");
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: "" })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      const regex = /^\d*\.?\d*$/;
+      if (!regex.test(raw)) return;
+      const parts = raw.split(".");
+      const currentDecimals = decimals != null ? decimals : 2;
+      if (parts.length === 2 && parts[1].length > currentDecimals) return;
+      const asNumber = Number(raw);
+      if (!isNaN(asNumber) && maxNumber != null && asNumber > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          currentDecimals
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(raw);
+      setDisplayValue(formatCurrencyDisplay(raw));
+      if (!isNaN(asNumber) && onChange) {
+        const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+        });
+        onChange(syntheticEvent);
+      }
+      return;
+    }
     if (variant === "uom" && e.target.type === "number") {
       const numeric = Number(rawValue);
       if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
@@ -2325,8 +2374,21 @@ var Input = (_a) => {
         onChange(syntheticEvent);
       }
     } else if (variant === "uom") {
-      const formattedValue = formatDecimalValue(e.target.value, decimals);
-      e.target.value = formattedValue;
+      if (currencyFormat) {
+        const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
+        setInternalValue(formatted);
+        setDisplayValue(formatCurrencyDisplay(formatted));
+        const asNumber = Number(formatted);
+        if (!isNaN(asNumber) && onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+      } else {
+        const formattedValue = formatDecimalValue(e.target.value, decimals);
+        e.target.value = formattedValue;
+      }
     }
     onBlur == null ? void 0 : onBlur(e);
   };

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

@@ -1,6 +1,6 @@
 import {
   ColumnSelectorHeaderCell
-} from "../../../chunk-RLJU65SD.js";
+} from "../../../chunk-PJQHRERH.js";
 import "../../../chunk-2UNLVJU5.js";
 import "../../../chunk-POZD6R3P.js";
 import "../../../chunk-M7INAUAJ.js";
@@ -21,7 +21,7 @@ import "../../../chunk-7IPESTQS.js";
 import "../../../chunk-Z2HPSFEQ.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
-import "../../../chunk-FZ2TEKOE.js";
+import "../../../chunk-IEKZBWVL.js";
 import "../../../chunk-I57U5THY.js";
 import "../../../chunk-KBIEWFQS.js";
 import "../../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../../chunk-3IAXYRUR.js";
 import "../../../chunk-SJZNVG4N.js";
 import "../../../chunk-75USUR3I.js";
 import "../../../chunk-BWPNXY7T.js";
-import "../../../chunk-5NRKL5CJ.js";
+import "../../../chunk-FFCSDPXR.js";
 import "../../../chunk-OM7QLLI2.js";
 import "../../../chunk-PE3EZP56.js";
 import "../../../chunk-X3NDEFVA.js";
-import "../../../chunk-FHXCCVOG.js";
-import "../../../chunk-7T5RGDCN.js";
+import "../../../chunk-72WLEGGU.js";
+import "../../../chunk-NEMOTB6U.js";
 import "../../../chunk-HXGJVYGQ.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-M7WHWZ2J.js";

package/dist/components/DataGrid/PinnedColumns.cjs

@@ -2105,6 +2105,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2117,6 +2118,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2131,22 +2133,21 @@ var Input = (_a) => {
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  (0, import_react10.useEffect)(() => {
-    var _a2;
-    if (variant !== "currency") {
+    const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
+    if (!stringValue) {
+      setInternalValue("");
+      setDisplayValue("");
       return;
     }
-    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (!stringValue) {
+    if (!shouldUseThousandsFormatting) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [propValue, variant, currencyFormat, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2172,8 +2173,9 @@ var Input = (_a) => {
       case "percentage":
       case "uom":
         return __spreadProps(__spreadValues({}, baseProps), {
-          type: "number",
-          align: "right"
+          type: currencyFormat ? "text" : "number",
+          align: "right",
+          value: currencyFormat ? displayValue : propValue
         });
       default:
         return baseProps;
@@ -2186,6 +2188,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -2277,6 +2281,51 @@ var Input = (_a) => {
       }
       return;
     }
+    if (variant === "uom" && currencyFormat) {
+      const raw = rawValue.replace(/,/g, "");
+      if (raw === "") {
+        setInternalValue("");
+        setDisplayValue("");
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: "" })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      const regex = /^\d*\.?\d*$/;
+      if (!regex.test(raw)) return;
+      const parts = raw.split(".");
+      const currentDecimals = decimals != null ? decimals : 2;
+      if (parts.length === 2 && parts[1].length > currentDecimals) return;
+      const asNumber = Number(raw);
+      if (!isNaN(asNumber) && maxNumber != null && asNumber > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          currentDecimals
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(raw);
+      setDisplayValue(formatCurrencyDisplay(raw));
+      if (!isNaN(asNumber) && onChange) {
+        const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+        });
+        onChange(syntheticEvent);
+      }
+      return;
+    }
     if (variant === "uom" && e.target.type === "number") {
       const numeric = Number(rawValue);
       if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
@@ -2325,8 +2374,21 @@ var Input = (_a) => {
         onChange(syntheticEvent);
       }
     } else if (variant === "uom") {
-      const formattedValue = formatDecimalValue(e.target.value, decimals);
-      e.target.value = formattedValue;
+      if (currencyFormat) {
+        const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
+        setInternalValue(formatted);
+        setDisplayValue(formatCurrencyDisplay(formatted));
+        const asNumber = Number(formatted);
+        if (!isNaN(asNumber) && onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+      } else {
+        const formattedValue = formatDecimalValue(e.target.value, decimals);
+        e.target.value = formattedValue;
+      }
     }
     onBlur == null ? void 0 : onBlur(e);
   };

package/dist/components/DataGrid/PinnedColumns.js

@@ -1,6 +1,6 @@
 import {
   PinnedColumns
-} from "../../chunk-RLJU65SD.js";
+} from "../../chunk-PJQHRERH.js";
 import "../../chunk-2UNLVJU5.js";
 import "../../chunk-POZD6R3P.js";
 import "../../chunk-M7INAUAJ.js";
@@ -21,7 +21,7 @@ import "../../chunk-7IPESTQS.js";
 import "../../chunk-Z2HPSFEQ.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
-import "../../chunk-FZ2TEKOE.js";
+import "../../chunk-IEKZBWVL.js";
 import "../../chunk-I57U5THY.js";
 import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../chunk-3IAXYRUR.js";
 import "../../chunk-SJZNVG4N.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-5NRKL5CJ.js";
+import "../../chunk-FFCSDPXR.js";
 import "../../chunk-OM7QLLI2.js";
 import "../../chunk-PE3EZP56.js";
 import "../../chunk-X3NDEFVA.js";
-import "../../chunk-FHXCCVOG.js";
-import "../../chunk-7T5RGDCN.js";
+import "../../chunk-72WLEGGU.js";
+import "../../chunk-NEMOTB6U.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-M7WHWZ2J.js";

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

@@ -2104,6 +2104,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2116,6 +2117,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2130,22 +2132,21 @@ var Input = (_a) => {
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  (0, import_react10.useEffect)(() => {
-    var _a2;
-    if (variant !== "currency") {
+    const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
+    if (!stringValue) {
+      setInternalValue("");
+      setDisplayValue("");
       return;
     }
-    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (!stringValue) {
+    if (!shouldUseThousandsFormatting) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [propValue, variant, currencyFormat, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2171,8 +2172,9 @@ var Input = (_a) => {
       case "percentage":
       case "uom":
         return __spreadProps(__spreadValues({}, baseProps), {
-          type: "number",
-          align: "right"
+          type: currencyFormat ? "text" : "number",
+          align: "right",
+          value: currencyFormat ? displayValue : propValue
         });
       default:
         return baseProps;
@@ -2185,6 +2187,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -2276,6 +2280,51 @@ var Input = (_a) => {
       }
       return;
     }
+    if (variant === "uom" && currencyFormat) {
+      const raw = rawValue.replace(/,/g, "");
+      if (raw === "") {
+        setInternalValue("");
+        setDisplayValue("");
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: "" })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      const regex = /^\d*\.?\d*$/;
+      if (!regex.test(raw)) return;
+      const parts = raw.split(".");
+      const currentDecimals = decimals != null ? decimals : 2;
+      if (parts.length === 2 && parts[1].length > currentDecimals) return;
+      const asNumber = Number(raw);
+      if (!isNaN(asNumber) && maxNumber != null && asNumber > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          currentDecimals
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(raw);
+      setDisplayValue(formatCurrencyDisplay(raw));
+      if (!isNaN(asNumber) && onChange) {
+        const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+        });
+        onChange(syntheticEvent);
+      }
+      return;
+    }
     if (variant === "uom" && e.target.type === "number") {
       const numeric = Number(rawValue);
       if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
@@ -2324,8 +2373,21 @@ var Input = (_a) => {
         onChange(syntheticEvent);
       }
     } else if (variant === "uom") {
-      const formattedValue = formatDecimalValue(e.target.value, decimals);
-      e.target.value = formattedValue;
+      if (currencyFormat) {
+        const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
+        setInternalValue(formatted);
+        setDisplayValue(formatCurrencyDisplay(formatted));
+        const asNumber = Number(formatted);
+        if (!isNaN(asNumber) && onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+      } else {
+        const formattedValue = formatDecimalValue(e.target.value, decimals);
+        e.target.value = formattedValue;
+      }
     }
     onBlur == null ? void 0 : onBlur(e);
   };

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

@@ -1,6 +1,6 @@
 import {
   LoadingCell
-} from "../../../chunk-RLJU65SD.js";
+} from "../../../chunk-PJQHRERH.js";
 import "../../../chunk-2UNLVJU5.js";
 import "../../../chunk-POZD6R3P.js";
 import "../../../chunk-M7INAUAJ.js";
@@ -21,7 +21,7 @@ import "../../../chunk-7IPESTQS.js";
 import "../../../chunk-Z2HPSFEQ.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
-import "../../../chunk-FZ2TEKOE.js";
+import "../../../chunk-IEKZBWVL.js";
 import "../../../chunk-I57U5THY.js";
 import "../../../chunk-KBIEWFQS.js";
 import "../../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../../chunk-3IAXYRUR.js";
 import "../../../chunk-SJZNVG4N.js";
 import "../../../chunk-75USUR3I.js";
 import "../../../chunk-BWPNXY7T.js";
-import "../../../chunk-5NRKL5CJ.js";
+import "../../../chunk-FFCSDPXR.js";
 import "../../../chunk-OM7QLLI2.js";
 import "../../../chunk-PE3EZP56.js";
 import "../../../chunk-X3NDEFVA.js";
-import "../../../chunk-FHXCCVOG.js";
-import "../../../chunk-7T5RGDCN.js";
+import "../../../chunk-72WLEGGU.js";
+import "../../../chunk-NEMOTB6U.js";
 import "../../../chunk-HXGJVYGQ.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-M7WHWZ2J.js";

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

@@ -2107,6 +2107,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2119,6 +2120,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2133,22 +2135,21 @@ var Input = (_a) => {
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  (0, import_react10.useEffect)(() => {
-    var _a2;
-    if (variant !== "currency") {
+    const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
+    if (!stringValue) {
+      setInternalValue("");
+      setDisplayValue("");
       return;
     }
-    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (!stringValue) {
+    if (!shouldUseThousandsFormatting) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [propValue, variant, currencyFormat, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2174,8 +2175,9 @@ var Input = (_a) => {
       case "percentage":
       case "uom":
         return __spreadProps(__spreadValues({}, baseProps), {
-          type: "number",
-          align: "right"
+          type: currencyFormat ? "text" : "number",
+          align: "right",
+          value: currencyFormat ? displayValue : propValue
         });
       default:
         return baseProps;
@@ -2188,6 +2190,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -2279,6 +2283,51 @@ var Input = (_a) => {
       }
       return;
     }
+    if (variant === "uom" && currencyFormat) {
+      const raw = rawValue.replace(/,/g, "");
+      if (raw === "") {
+        setInternalValue("");
+        setDisplayValue("");
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: "" })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      const regex = /^\d*\.?\d*$/;
+      if (!regex.test(raw)) return;
+      const parts = raw.split(".");
+      const currentDecimals = decimals != null ? decimals : 2;
+      if (parts.length === 2 && parts[1].length > currentDecimals) return;
+      const asNumber = Number(raw);
+      if (!isNaN(asNumber) && maxNumber != null && asNumber > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          currentDecimals
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(raw);
+      setDisplayValue(formatCurrencyDisplay(raw));
+      if (!isNaN(asNumber) && onChange) {
+        const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+        });
+        onChange(syntheticEvent);
+      }
+      return;
+    }
     if (variant === "uom" && e.target.type === "number") {
       const numeric = Number(rawValue);
       if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
@@ -2327,8 +2376,21 @@ var Input = (_a) => {
         onChange(syntheticEvent);
       }
     } else if (variant === "uom") {
-      const formattedValue = formatDecimalValue(e.target.value, decimals);
-      e.target.value = formattedValue;
+      if (currencyFormat) {
+        const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
+        setInternalValue(formatted);
+        setDisplayValue(formatCurrencyDisplay(formatted));
+        const asNumber = Number(formatted);
+        if (!isNaN(asNumber) && onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+      } else {
+        const formattedValue = formatDecimalValue(e.target.value, decimals);
+        e.target.value = formattedValue;
+      }
     }
     onBlur == null ? void 0 : onBlur(e);
   };