@levo-so/react 0.0.2-alpha → 0.1.0

package/dist/Checbox-sq-atGlJ.js

@@ -0,0 +1,28 @@
+"use client";
+import { j as e } from "./jsx-runtime-B6kdoens.js";
+import * as r from "@radix-ui/react-checkbox";
+import { Check as a } from "lucide-react";
+import * as c from "react";
+import { c as o } from "./cn-C9QoOYNG.js";
+const n = c.forwardRef(({ className: s, ...i }, t) => /* @__PURE__ */ e.jsx(
+  r.Root,
+  {
+    ref: t,
+    className: o(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      s
+    ),
+    ...i,
+    children: /* @__PURE__ */ e.jsx(
+      r.Indicator,
+      {
+        className: o("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ e.jsx(a, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+n.displayName = r.Root.displayName;
+export {
+  n as C
+};

package/dist/CheckboxWidget-CD4lv7B4.js

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