@situaction/traq-ui-ste 1.2.26 → 1.2.27

package/dist/components/input-label/InputLabel.d.ts

@@ -11,6 +11,8 @@ export interface LabelInputProps {
     onSubmit: (newValue: string) => void;
     /** Placeholder shown when the input is empty (in edit mode) */
     placeholder?: string;
+    /** Background for the input container (.fullWidth) */
+    background?: string;
 }
 /** InputLabel is a labeled input component with submit-on-blur and Enter support */
 export declare const InputLabel: FC<LabelInputProps>;

package/dist/components/input-label/InputLabel.js

@@ -1,43 +1,53 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { useState as d, useEffect as f } from "react";
-import { Input as b } from "../input/Input.js";
-import '../../styles/InputLabel.css';const x = "_inputLabel_1x3uf_30", _ = "_fullWidth_1x3uf_39", o = {
-  inputLabel: x,
-  fullWidth: _
-}, W = ({
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { useState as b, useEffect as v } from "react";
+import { Input as y } from "../input/Input.js";
+import '../../styles/InputLabel.css';const _ = "_inputLabel_1x3uf_30", L = "_fullWidth_1x3uf_39", u = {
+  inputLabel: _,
+  fullWidth: L
+}, N = ({
   label: a,
-  defaultValue: t,
-  size: u = "s",
-  onSubmit: r,
-  placeholder: y,
-  ...c
+  defaultValue: e,
+  size: r = "s",
+  onSubmit: c,
+  placeholder: m,
+  background: l,
+  ...p
 }) => {
-  const [e, s] = d("");
-  f(() => {
-    s(t ?? "");
-  }, [t]);
-  const i = () => {
-    e.trim() !== t && r(e.trim());
-  }, m = (l) => {
-    l.key === "Enter" && i();
-  }, p = () => {
-    i();
+  const [s, i] = b("");
+  v(() => {
+    i(e ?? "");
+  }, [e]);
+  const o = () => {
+    const t = s.trim(), d = (e ?? "").trim();
+    t !== d && c(t);
+  }, f = (t) => {
+    t.key === "Enter" && o();
+  }, h = () => {
+    o();
   };
-  return /* @__PURE__ */ h("div", { className: o.inputLabel, children: [
+  return /* @__PURE__ */ x("div", { className: u.inputLabel, children: [
     /* @__PURE__ */ n("label", { className: "textSmall", children: a }),
-    /* @__PURE__ */ n("div", { className: o.fullWidth, children: /* @__PURE__ */ n(
-      b,
+    /* @__PURE__ */ n(
+      "div",
       {
-        value: e,
-        sizeStyle: u,
-        onChange: (l) => s(l.target.value),
-        onKeyDown: m,
-        onBlur: p,
-        ...c
+        className: u.fullWidth,
+        style: l ? { background: l } : void 0,
+        children: /* @__PURE__ */ n(
+          y,
+          {
+            value: s,
+            sizeStyle: r,
+            onChange: (t) => i(t.target.value),
+            onKeyDown: f,
+            onBlur: h,
+            placeholder: m,
+            ...p
+          }
+        )
       }
-    ) })
+    )
   ] });
 };
 export {
-  W as InputLabel
+  N as InputLabel
 };