@levo-so/react 0.1.14 → 0.1.16

package/dist/CheckboxWidget-CNoS-2W3.js

@@ -0,0 +1,124 @@
+"use client";
+import { j as a } from "./jsx-runtime-B6kdoens.js";
+import { useState as w, useEffect as B } from "react";
+import { useController as E } from "react-hook-form";
+import { c as C } from "./cn-C9QoOYNG.js";
+import { z as O, A as I, B as x } from "./CollectionFormBuilder-MAo2Ob3a.js";
+import { C as g } from "./Checbox-sq-atGlJ.js";
+import { I as S } from "./Input-2CvZ90f8.js";
+const L = ({ field: i }) => {
+  const [o, p] = w(""), [j, m] = w(!1), {
+    key: k = "",
+    label: b = "",
+    helper_text: F = "",
+    readonly: y = !1,
+    values: n = [],
+    options: f = {}
+  } = i, {
+    field: { name: t, onBlur: d, onChange: l, value: s, ref: N, disabled: u },
+    fieldState: { error: h }
+  } = E({
+    name: k,
+    rules: O(i)
+  }), A = (r) => {
+    let e = Array.isArray(s || null) ? [...s] : [];
+    e.includes(r) ? e = e == null ? void 0 : e.filter((c) => c !== r) : e.push(r), l(e);
+  }, $ = !!(f != null && f.custom_input);
+  return B(() => {
+    if ($) {
+      let r = !1;
+      (s ?? []).forEach((e) => {
+        n.includes(e) || (r = !0, p(e));
+      }), m(!!r);
+    }
+  }, [s, n]), /* @__PURE__ */ a.jsxs(
+    I,
+    {
+      error: h == null ? void 0 : h.message,
+      helperText: F,
+      readOnly: y,
+      ref: N,
+      children: [
+        b && /* @__PURE__ */ a.jsx(x, { htmlFor: t, isRequired: i == null ? void 0 : i.required, children: b }),
+        /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            className: C(
+              "w-full flex gap-4 flex-col flex-wrap pt-1",
+              y && "pointer-events-none cursor-not-allowed"
+            ),
+            children: n == null ? void 0 : n.map((r, e) => /* @__PURE__ */ a.jsxs(
+              "div",
+              {
+                className: "w-full flex gap-2 items-start flex-nowrap",
+                children: [
+                  /* @__PURE__ */ a.jsx(
+                    g,
+                    {
+                      id: `${r}-${e}`,
+                      name: t,
+                      checked: s == null ? void 0 : s.includes(r),
+                      onCheckedChange: () => A(r),
+                      onBlur: () => {
+                        d();
+                      },
+                      disabled: u
+                    }
+                  ),
+                  /* @__PURE__ */ a.jsx(x, { htmlFor: `${r}-${e}`, className: "!mb-0", children: r })
+                ]
+              },
+              `${r}-${e}`
+            ))
+          }
+        ),
+        $ && /* @__PURE__ */ a.jsxs("div", { className: "flex w-full items-center my-4 gap-2 flex-wrap", children: [
+          /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2 flex-nowrap shrink-0", children: [
+            /* @__PURE__ */ a.jsx(
+              g,
+              {
+                name: `${t}-other`,
+                id: `${t}-other`,
+                disabled: u,
+                checked: j,
+                onCheckedChange: (r) => {
+                  var e;
+                  m(!!r), r ? Array.isArray(s) ? l == null || l([...s, o]) : l == null || l([o]) : l == null || l(
+                    (e = s ?? []) == null ? void 0 : e.filter((c) => c !== o)
+                  );
+                },
+                onBlur: () => {
+                  d && d();
+                }
+              }
+            ),
+            /* @__PURE__ */ a.jsxs(x, { htmlFor: `${t}-other`, className: "!mb-0", children: [
+              "Other:",
+              " "
+            ] })
+          ] }),
+          /* @__PURE__ */ a.jsx(
+            S,
+            {
+              name: `other-checkbox-${t}`,
+              containerStyles: "max-w-[300px] ml-3",
+              value: o,
+              onChange: (r) => {
+                let e = 0;
+                l == null || l(
+                  s == null ? void 0 : s.map((c) => c === o && !e ? (e = 1, r.target.value) : c)
+                ), p(r.target.value);
+              },
+              disabled: !j || u,
+              placeholder: "Please specify"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  L as CheckboxWidget,
+  L as default
+};