@tipp/ui 1.6.29 → 1.6.31

package/dist/app/platform/reservation-card.js

@@ -3,14 +3,14 @@ import {
 } from "../../chunk-5RXSBHAF.js";
 import "../../chunk-4UV3GA6V.js";
 import "../../chunk-VHORRGZJ.js";
-import "../../chunk-LCGALXZI.js";
+import "../../chunk-NZLCJ725.js";
 import "../../chunk-PCWEW2UL.js";
 import "../../chunk-6ZAP57FO.js";
 import "../../chunk-CWJ6DC27.js";
 import "../../chunk-ZTAZVEA5.js";
 import "../../chunk-LEA3N4OQ.js";
 import "../../chunk-7LJELULM.js";
-import "../../chunk-F43CRBEH.js";
+import "../../chunk-5YSQLR6F.js";
 import "../../chunk-YPYQISJB.js";
 import "../../chunk-V2DF2GUE.js";
 import "../../chunk-ZXQZRIRS.js";
@@ -72,7 +72,7 @@ import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-LZJR77Q2.js";
 import "../../chunk-Q37G2GS6.js";
-import "../../chunk-UARPROHP.js";
+import "../../chunk-JPHQPZM6.js";
 import "../../chunk-JYJA2PMG.js";
 import "../../chunk-EWD4AO5N.js";
 import "../../chunk-YGL6SWKN.js";

package/dist/app/platform/session-card.cjs

@@ -1157,6 +1157,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]);
@@ -1173,10 +1175,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";