@dmsi/wedgekit-react 0.0.1080 → 0.0.1082

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,
@@ -7190,7 +7207,7 @@ function MobileDataGrid(props) {
         /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           Stack,
           {
-            height: isFramed ? "screen" : "full",
+            height: isFramed ? "calc(100dvh - 40dvh)" : "full",
             rounded,
             overflowX: "hidden",
             overflowY: "hidden",

package/dist/components/index.js

@@ -2,7 +2,7 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-FD2FKB5M.js";
+} from "../chunk-QNGEDR4I.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ICHD7DUS.js";
 import "../chunk-XPZY6KEI.js";
@@ -33,7 +33,7 @@ import "../chunk-EWGHVZL5.js";
 import "../chunk-AT4AWD6B.js";
 import {
   Select
-} from "../chunk-IEKZBWVL.js";
+} from "../chunk-SISDU5GI.js";
 import {
   SimpleTable
 } from "../chunk-KWMG6SN2.js";
@@ -71,7 +71,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-RMKITIDU.js";
+} from "../chunk-Y2N7A2PP.js";
 import {
   MenuOption
 } from "../chunk-X3NDEFVA.js";
@@ -81,10 +81,10 @@ import {
 import "../chunk-PE3EZP56.js";
 import {
   Search
-} from "../chunk-72WLEGGU.js";
+} from "../chunk-TINCHPB4.js";
 import {
   Input
-} from "../chunk-NEMOTB6U.js";
+} from "../chunk-KZPIH2K5.js";
 import {
   Label
 } from "../chunk-HXGJVYGQ.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.1080",
+  "version": "0.0.1082",
   "type": "module",
   "scripts": {
     "build": "tsup",