@martinsura/ui 0.1.8 → 0.1.10

package/dist/index.cjs

@@ -532,8 +532,18 @@ var NumberInput = ({
   const resolvedErrors = props.errorName ? resolveError(props.errorName) : [];
   const errorDisplay = props.error ?? props.customError ?? (resolvedErrors.length > 0 ? resolvedErrors.join(", ") : void 0);
   const hasError = !!errorDisplay;
+  const [internalValue, setInternalValue] = react.useState(
+    props.value != null ? String(props.value) : ""
+  );
+  const isFocused = react.useRef(false);
+  react.useEffect(() => {
+    if (!isFocused.current) {
+      setInternalValue(props.value != null ? String(props.value) : "");
+    }
+  }, [props.value]);
   const handleChange = (e) => {
     const raw = e.target.value;
+    setInternalValue(raw);
     if (raw === "" || raw === "-") {
       props.onChange?.(null);
       return;
@@ -543,6 +553,13 @@ var NumberInput = ({
       props.onChange?.(num);
     }
   };
+  const handleFocus = () => {
+    isFocused.current = true;
+  };
+  const handleBlur = () => {
+    isFocused.current = false;
+    setInternalValue(props.value != null ? String(props.value) : "");
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(InputField, { noMargin: props.noMargin, className: props.className, children: [
     props.label && /* @__PURE__ */ jsxRuntime.jsx(
       InputLabel,
@@ -558,11 +575,13 @@ var NumberInput = ({
       {
         type: "number",
         placeholder: props.placeholder,
-        value: props.value ?? "",
+        value: internalValue,
         disabled: props.disabled,
         min: props.min,
         max: props.max,
         onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
         className: tailwindMerge.twMerge(
           numberInputClass,
           inputSizeClasses[size],
@@ -1660,6 +1679,12 @@ function useGrid(defaults, storageKey) {
   };
   return { ...state, onChange, apiQuery };
 }
+function getNestedValue(obj, path) {
+  return path.split(".").reduce((acc, key) => {
+    if (acc == null || typeof acc !== "object") return void 0;
+    return acc[key];
+  }, obj);
+}
 var columnTypeWidth2 = {
   date: 100,
   datetime: 130,
@@ -1872,7 +1897,7 @@ var Grid = (props) => {
                     }
                   ),
                   props.columns.map((col, colIdx) => {
-                    const content = col.render ? col.render(item) : col.dataField ? formatCellValue(item[col.dataField], col.type) : null;
+                    const content = col.render ? col.render(item) : col.dataField ? formatCellValue(getNestedValue(item, col.dataField), col.type) : null;
                     const centeredContent = col.align === "center";
                     const rightAlignedContent = col.align === "right";
                     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5360,6 +5385,7 @@ exports.TreeSelectInput = TreeSelectInput;
 exports.UploadInput = UploadInput;
 exports.UploadProvider = UploadProvider;
 exports.getIcon = getIcon;
+exports.getNestedValue = getNestedValue;
 exports.initUI = initUI;
 exports.notification = notification;
 exports.registerIcons = registerIcons;