@tipp/ui 1.6.29 → 1.6.31

package/dist/app/index.cjs

@@ -1189,6 +1189,8 @@ var AutoSizingInput = (0, import_react19.forwardRef)(
     const [value, setValue] = (0, import_react19.useState)(_value);
     const [width, setWidth] = (0, import_react19.useState)(0);
     const span = (0, import_react19.useRef)(null);
+    const defaultRef = (0, import_react19.useRef)(null);
+    const inputRef = ref || defaultRef;
     (0, import_react19.useEffect)(() => {
       span.current && setWidth(span.current.offsetWidth);
     }, [value]);
@@ -1205,10 +1207,42 @@ var AutoSizingInput = (0, import_react19.forwardRef)(
     (0, import_react19.useEffect)(() => {
       onChangeValue == null ? void 0 : onChangeValue(value || "");
     }, [value, onChangeValue]);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "auto-sizing-input wrapper", style: { width: width + 24 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("input", __spreadValues({ onChange: changeHandler, ref, value }, rest)),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { "aria-hidden": "true", ref: span, style: rest.style, children: value })
-    ] });
+    const onClick = (0, import_react19.useCallback)(() => {
+      var _a2;
+      if ("current" in inputRef) {
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      }
+    }, [inputRef]);
+    const onKeyDown = (0, import_react19.useCallback)(
+      (evt) => {
+        if (evt.key === "Enter") {
+          onClick();
+        }
+      },
+      [onClick]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      "div",
+      {
+        className: "auto-sizing-input wrapper",
+        onClick,
+        onKeyDown,
+        role: "button",
+        style: { width: `${width + 24}px` },
+        tabIndex: 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { "aria-hidden": "true", ref: span, style: rest.style, children: value || rest.placeholder || "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            "input",
+            __spreadValues({
+              onChange: changeHandler,
+              ref: inputRef,
+              value
+            }, rest)
+          )
+        ]
+      }
+    );
   }
 );
 AutoSizingInput.displayName = "AutoSizingInput";