@tipp/ui 1.6.28 → 1.6.30

package/dist/molecules/expand-table/row.js

@@ -3,56 +3,50 @@ import {
 } from "../../chunk-PCWEW2UL.js";
 import "../../chunk-A6W2ZWYA.js";
 import "../../chunk-4JBL5FRI.js";
-import "../../chunk-YJ7ZFOYL.js";
-import "../../chunk-5ZITU5L7.js";
-import "../../chunk-EW6OPYEW.js";
 import "../../chunk-VOQU7ZOV.js";
 import "../../chunk-CYYWMYE7.js";
-import "../../chunk-MUNMDHRF.js";
-import "../../chunk-TVDKGMBI.js";
-import "../../chunk-ZZYFULUQ.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
-import "../../chunk-DONK6DLV.js";
-import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-YJ7ZFOYL.js";
+import "../../chunk-5ZITU5L7.js";
+import "../../chunk-EW6OPYEW.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
-import "../../chunk-EGEQY3KT.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-MUNMDHRF.js";
+import "../../chunk-TVDKGMBI.js";
+import "../../chunk-ZZYFULUQ.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-VTJZMOSP.js";
-import "../../chunk-5L3GY3OV.js";
-import "../../chunk-HJB3AASV.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-57F5B7FE.js";
-import "../../chunk-UNTA4JJU.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-TD45ZF7D.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-DONK6DLV.js";
+import "../../chunk-5AVBYDPB.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-4WFMOFN2.js";
 import "../../chunk-WKFZ5MMN.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-QDZS4B6A.js";
-import "../../chunk-B6XJN6EC.js";
-import "../../chunk-2ZQK7NTN.js";
-import "../../chunk-MIMJ7LON.js";
+import "../../chunk-EGEQY3KT.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-JBD6YTS2.js";
 import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-LZJR77Q2.js";
 import "../../chunk-Q37G2GS6.js";
-import "../../chunk-YJCCE5WP.js";
-import "../../chunk-JYJA2PMG.js";
-import "../../chunk-EWD4AO5N.js";
+import "../../chunk-VTJZMOSP.js";
+import "../../chunk-5L3GY3OV.js";
+import "../../chunk-HJB3AASV.js";
+import "../../chunk-LDBWASUA.js";
+import "../../chunk-57F5B7FE.js";
+import "../../chunk-UNTA4JJU.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-TD45ZF7D.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-NAL2USH5.js";
@@ -61,17 +55,23 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-Q5AFRGVP.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
+import "../../chunk-B6XJN6EC.js";
+import "../../chunk-2ZQK7NTN.js";
+import "../../chunk-MIMJ7LON.js";
 import "../../chunk-HLFG5ZTU.js";
 import "../../chunk-7WVKYXIG.js";
-import "../../chunk-NDUKDKGB.js";
-import "../../chunk-T6CF4F7J.js";
-import "../../chunk-A75U32HT.js";
 import "../../chunk-BSTJBBEX.js";
 import "../../chunk-3WSZRTAF.js";
 import "../../chunk-UZMOWHC3.js";
 import "../../chunk-UFYNSPJQ.js";
+import "../../chunk-NDUKDKGB.js";
+import "../../chunk-T6CF4F7J.js";
+import "../../chunk-A75U32HT.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
+import "../../chunk-JPHQPZM6.js";
+import "../../chunk-JYJA2PMG.js";
+import "../../chunk-EWD4AO5N.js";
 import "../../chunk-N552FDTV.js";
 export {
   Row

package/dist/molecules/index.cjs

@@ -1190,6 +1190,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]);
@@ -1206,10 +1208,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, 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";