@dmsi/wedgekit-react 0.0.1010 → 0.0.1011

package/dist/{chunk-FHXCCVOG.js → chunk-72WLEGGU.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-7T5RGDCN.js";
+} from "./chunk-NEMOTB6U.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-5NRKL5CJ.js → chunk-FFCSDPXR.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-X3NDEFVA.js";
 import {
   Search
-} from "./chunk-FHXCCVOG.js";
+} from "./chunk-72WLEGGU.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";

package/dist/{chunk-FZ2TEKOE.js → chunk-IEKZBWVL.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-7T5RGDCN.js";
+} from "./chunk-NEMOTB6U.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-7T5RGDCN.js → chunk-NEMOTB6U.js}

@@ -228,6 +228,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -240,6 +241,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -254,22 +256,21 @@ var Input = (_a) => {
   useEffect(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  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), {
@@ -295,8 +296,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;
@@ -309,6 +311,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -400,6 +404,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) {
@@ -448,8 +497,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/{chunk-RLJU65SD.js → chunk-PJQHRERH.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-EWGHVZL5.js";
 import {
   Select
-} from "./chunk-FZ2TEKOE.js";
+} from "./chunk-IEKZBWVL.js";
 import {
   Tooltip
 } from "./chunk-HT57FLRW.js";
@@ -25,7 +25,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-5NRKL5CJ.js";
+} from "./chunk-FFCSDPXR.js";
 import {
   Menu
 } from "./chunk-OM7QLLI2.js";
@@ -34,11 +34,11 @@ import {
 } from "./chunk-X3NDEFVA.js";
 import {
   Search
-} from "./chunk-FHXCCVOG.js";
+} from "./chunk-72WLEGGU.js";
 import {
   Input,
   InputBase
-} from "./chunk-7T5RGDCN.js";
+} from "./chunk-NEMOTB6U.js";
 import {
   Label
 } from "./chunk-HXGJVYGQ.js";

package/dist/components/CalendarRange.cjs

@@ -2111,6 +2111,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2123,6 +2124,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2137,22 +2139,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), {
@@ -2178,8 +2179,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;
@@ -2192,6 +2194,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;
     }
@@ -2283,6 +2287,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) {
@@ -2331,8 +2380,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/CalendarRange.js

@@ -2,7 +2,7 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-RLJU65SD.js";
+} from "../chunk-PJQHRERH.js";
 import "../chunk-2UNLVJU5.js";
 import "../chunk-POZD6R3P.js";
 import "../chunk-M7INAUAJ.js";
@@ -23,7 +23,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";
@@ -40,12 +40,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/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.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/ColumnSelectorMenuOption.js

@@ -1,6 +1,6 @@
 import {
   ColumnSelectorMenuOption
-} 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";