@dmsi/wedgekit-react 0.0.1080 → 0.0.1082

package/dist/{chunk-NEMOTB6U.js → chunk-KZPIH2K5.js}

@@ -229,6 +229,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -242,6 +243,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -253,6 +255,7 @@ var Input = (_a) => {
   ]);
   const [internalValue, setInternalValue] = useState("");
   const [displayValue, setDisplayValue] = useState("");
+  const [isFocused, setIsFocused] = useState(false);
   useEffect(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
@@ -268,9 +271,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), {
@@ -385,7 +393,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() })
@@ -395,7 +405,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() })
@@ -481,6 +491,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -515,12 +526,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__ */ jsx(
     InputBase,
     __spreadProps(__spreadValues({}, inputProps), {
       before: getBeforeElement(),
       after: getAfterElement(),
+      onFocus: handleFocus,
       onChange: handleChange,
       onBlur: handleBlur,
       testid,

package/dist/{chunk-FD2FKB5M.js → chunk-QNGEDR4I.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-EWGHVZL5.js";
 import {
   Select
-} from "./chunk-IEKZBWVL.js";
+} from "./chunk-SISDU5GI.js";
 import {
   Tooltip
 } from "./chunk-HT57FLRW.js";
@@ -25,7 +25,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-RMKITIDU.js";
+} from "./chunk-Y2N7A2PP.js";
 import {
   MenuOption
 } from "./chunk-X3NDEFVA.js";
@@ -34,11 +34,11 @@ import {
 } from "./chunk-OM7QLLI2.js";
 import {
   Search
-} from "./chunk-72WLEGGU.js";
+} from "./chunk-TINCHPB4.js";
 import {
   Input,
   InputBase
-} from "./chunk-NEMOTB6U.js";
+} from "./chunk-KZPIH2K5.js";
 import {
   Label
 } from "./chunk-HXGJVYGQ.js";
@@ -2309,7 +2309,7 @@ function MobileDataGrid(props) {
         /* @__PURE__ */ jsxs10(
           Stack,
           {
-            height: isFramed ? "screen" : "full",
+            height: isFramed ? "calc(100dvh - 40dvh)" : "full",
             rounded,
             overflowX: "hidden",
             overflowY: "hidden",

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

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

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

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

package/dist/{chunk-RMKITIDU.js → chunk-Y2N7A2PP.js}

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

package/dist/components/CalendarRange.cjs

@@ -2112,6 +2112,7 @@ var Input = (_a) => {
     decimals,
     uom,
     currencyFormat = false,
+    formatOnBlur = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -2125,6 +2126,7 @@ var Input = (_a) => {
     "decimals",
     "uom",
     "currencyFormat",
+    "formatOnBlur",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -2136,6 +2138,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 : "";
@@ -2151,9 +2154,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), {
@@ -2268,7 +2276,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() })
@@ -2278,7 +2288,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() })
@@ -2364,6 +2374,7 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    setIsFocused(false);
     if (!internalValue) {
       onBlur == null ? void 0 : onBlur(e);
       return;
@@ -2398,12 +2409,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/CalendarRange.js

@@ -2,7 +2,7 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-FD2FKB5M.js";
+} from "../chunk-QNGEDR4I.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ICHD7DUS.js";
 import "../chunk-XPZY6KEI.js";
@@ -23,7 +23,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";
@@ -40,12 +40,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/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.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/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js

@@ -1,6 +1,6 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-FD2FKB5M.js";
+} from "../../../chunk-QNGEDR4I.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/DataGrid/ColumnSelectorHeaderCell/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/DataGrid/ColumnSelectorHeaderCell/index.js

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

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