@geckou/ui-react 0.6.0 → 0.7.0

package/dist/components/TextBox.js

@@ -1,99 +1,101 @@
 "use client";
-import { jsxs as A, jsx as s } from "react/jsx-runtime";
-import { isEmptyValue as G, convertFullWidthToHalfWidth as x, validateInputValue as J } from "@geckou/ui-core";
-import { useState as K, useRef as n, useEffect as L } from "react";
-import { InputBox as O } from "./InputBox.js";
-import { ErrorMessage as P } from "./ErrorMessage.js";
-function Z({
-  name: v,
-  value: E,
-  onChange: t,
+import { jsxs as G, jsx as x } from "react/jsx-runtime";
+import { isEmptyValue as J, convertFullWidthToHalfWidth as v, validateInputValue as K } from "@geckou/ui-core";
+import { useState as O, useRef as n, useEffect as P } from "react";
+import { InputBox as Q } from "./InputBox.js";
+import { ErrorMessage as R } from "./ErrorMessage.js";
+function $({
+  name: E,
+  value: V,
+  onChange: e,
   cssStyle: r,
-  inputType: V = "text",
-  placeholder: b = "入力してください",
+  inputType: b = "text",
+  placeholder: g = "入力してください",
   isDisabled: l,
   isRequired: f,
-  maxLength: g = 30,
-  autocomplete: B = "off",
-  validates: M = [],
-  before: T,
-  after: j,
-  id: k,
-  role: I,
-  ariaLabel: W,
-  ariaExpanded: w,
-  ariaControls: C,
-  ariaActivedescendant: F,
-  ariaAutocomplete: H,
-  onKeyDown: N
+  maxLength: M = 30,
+  autocomplete: T = "off",
+  validates: j = [],
+  before: k,
+  after: B,
+  id: I,
+  role: W,
+  ariaLabel: w,
+  ariaLabelledBy: d,
+  ariaExpanded: C,
+  ariaControls: F,
+  ariaActivedescendant: H,
+  ariaAutocomplete: N,
+  onKeyDown: q
 }) {
-  var d, c;
-  const [o, q] = K([]), e = E ?? "", a = () => {
-    q(J(e, { isRequired: f, validates: M }));
-  }, z = n(e), p = n(!1);
-  L(() => {
+  var c, m;
+  const [o, z] = O([]), t = V ?? "", a = () => {
+    z(K(t, { isRequired: f, validates: j }));
+  }, A = n(t), p = n(!1);
+  P(() => {
     if (!p.current) {
-      if (e === z.current) {
-        G(e) || a();
+      if (t === A.current) {
+        J(t) || a();
         return;
       }
       p.current = !0;
     }
     a();
-  }, [e]);
+  }, [t]);
   const i = n(!1);
-  return /* @__PURE__ */ A(
-    O,
+  return /* @__PURE__ */ G(
+    Q,
     {
       cssStyle: r,
       className: "inline-flex [&>input]:flex-auto",
       isErrored: !!o.length,
       isDisabled: l,
       children: [
-        T,
-        /* @__PURE__ */ s(
+        k,
+        /* @__PURE__ */ x(
           "input",
           {
-            type: V,
-            id: k,
-            name: v,
-            role: I,
-            "aria-label": W,
-            "aria-expanded": w,
-            "aria-controls": C,
-            "aria-activedescendant": F,
-            "aria-autocomplete": H,
-            onKeyDown: N,
-            value: e,
+            type: b,
+            id: I,
+            name: E,
+            role: W,
+            "aria-label": d ? void 0 : w,
+            "aria-labelledby": d,
+            "aria-expanded": C,
+            "aria-controls": F,
+            "aria-activedescendant": H,
+            "aria-autocomplete": N,
+            onKeyDown: q,
+            value: t,
             required: f,
-            placeholder: b,
+            placeholder: g,
             disabled: l,
-            autoComplete: B,
-            maxLength: g,
+            autoComplete: T,
+            maxLength: M,
             "aria-invalid": o.length ? "true" : void 0,
             onChange: (u) => {
-              const m = u.target.value;
-              t == null || t(
-                i.current ? m : x(m)
+              const s = u.target.value;
+              e == null || e(
+                i.current ? s : v(s)
               );
             },
             onCompositionStart: () => {
               i.current = !0;
             },
             onCompositionEnd: (u) => {
-              i.current = !1, t == null || t(x(u.currentTarget.value));
+              i.current = !1, e == null || e(v(u.currentTarget.value));
             },
             onBlur: () => a()
           }
         ),
-        j,
-        /* @__PURE__ */ s(
-          P,
+        B,
+        /* @__PURE__ */ x(
+          R,
           {
             errorMessages: o,
             cssStyle: {
-              textColor: (d = r == null ? void 0 : r.error) == null ? void 0 : d.backgroundColor,
-              backgroundColor: (c = r == null ? void 0 : r.error) == null ? void 0 : c.textColor
+              textColor: (c = r == null ? void 0 : r.error) == null ? void 0 : c.backgroundColor,
+              backgroundColor: (m = r == null ? void 0 : r.error) == null ? void 0 : m.textColor
             }
           }
         )
@@ -102,5 +104,5 @@ function Z({
   );
 }
 export {
-  Z as TextBox
+  $ as TextBox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geckou/ui-react",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "A set of reusable React UI components (forms) by Geckou",
   "type": "module",
   "sideEffects": [
@@ -40,7 +40,7 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@geckou/ui-core": "^0.6.0"
+    "@geckou/ui-core": "^0.7.0"
   },
   "scripts": {
     "build": "vite build && node scripts/copy-assets.mjs",