@pnkx-lib/ui 1.3.5 → 1.3.6

package/dist/chunks/Checkbox-CTyXv2Fp.js

@@ -0,0 +1,127 @@
+import { g as m, j as s, L as E, E as M, T as C } from "./Switch-C9zRQPNY.js";
+import { Select as N, Radio as k, Checkbox as R } from "antd";
+const B = (h) => {
+  //! State
+  var e;
+  const {
+    field: x,
+    formState: p,
+    label: d,
+    required: n,
+    afterOnChange: o,
+    customStyleContainer: g,
+    ...j
+  } = h, { name: t, value: S, onChange: r, onBlur: b } = x || {}, { touchedFields: v, errors: f, isSubmitted: i } = p || {}, a = m(v, t), c = (e = m(f, t)) == null ? void 0 : e.message;
+  //! Function
+  const y = (l) => {
+    r == null || r(l), o == null || o(l);
+  }, u = () => c ? /* @__PURE__ */ s.jsx(
+    M,
+    {
+      errorMessage: c,
+      isTouched: a,
+      isSubmitted: i
+    }
+  ) : null;
+  //! Render
+  return /* @__PURE__ */ s.jsxs("div", { className: g, children: [
+    d && /* @__PURE__ */ s.jsx(E, { label: d, required: n }),
+    /* @__PURE__ */ s.jsx(
+      N,
+      {
+        onChange: y,
+        onBlur: b,
+        value: S,
+        style: { width: "100%" },
+        optionLabelProp: "label",
+        status: (a || i) && c ? "error" : void 0,
+        ...j
+      }
+    ),
+    u()
+  ] });
+}, L = (h) => {
+  //! State
+  var u;
+  const {
+    field: x,
+    formState: p,
+    customStyleRadio: d,
+    customStyleWrap: n = "",
+    afterOnChange: o,
+    options: g,
+    ...j
+  } = h, { name: t, value: S, onChange: r } = x || {}, { touchedFields: b, errors: v, isSubmitted: f } = p || {}, i = m(b, t), a = (u = m(v, t)) == null ? void 0 : u.message;
+  //! Function
+  const c = (e) => {
+    var l;
+    r == null || r(e), o == null || o((l = e == null ? void 0 : e.target) == null ? void 0 : l.value);
+  }, y = () => a ? /* @__PURE__ */ s.jsx(
+    M,
+    {
+      errorMessage: a,
+      isTouched: i,
+      isSubmitted: f
+    }
+  ) : null;
+  //! Render
+  return /* @__PURE__ */ s.jsxs("div", { className: n, children: [
+    /* @__PURE__ */ s.jsx(k.Group, { onChange: c, value: S, ...j, children: g.map((e) => /* @__PURE__ */ s.jsx(
+      k,
+      {
+        value: e.value,
+        className: d,
+        children: /* @__PURE__ */ s.jsxs(C.Text, { children: [
+          " ",
+          e.label
+        ] })
+      },
+      `${t}-${e.value}`
+    )) }),
+    y()
+  ] });
+}, $ = (h) => {
+  //! State
+  var e;
+  const {
+    field: x,
+    formState: p,
+    label: d,
+    afterOnChange: n,
+    customStyleContainer: o,
+    customStyleCheckbox: g,
+    ...j
+  } = h, { name: t, value: S, onChange: r, onBlur: b } = x || {}, { touchedFields: v, errors: f, isSubmitted: i } = p || {}, a = m(v, t), c = (e = m(f, t)) == null ? void 0 : e.message;
+  //! Function
+  const y = (l) => {
+    const T = l.target.checked;
+    r == null || r(T), n == null || n(T);
+  }, u = () => c ? /* @__PURE__ */ s.jsx(
+    M,
+    {
+      errorMessage: c,
+      isTouched: a,
+      isSubmitted: i
+    }
+  ) : null;
+  //! Render
+  return /* @__PURE__ */ s.jsxs("div", { className: o, children: [
+    /* @__PURE__ */ s.jsx(
+      R,
+      {
+        onBlur: b,
+        checked: !!S,
+        onChange: y,
+        className: g,
+        ...j,
+        children: /* @__PURE__ */ s.jsx(C.Text, { children: d })
+      }
+    ),
+    u()
+  ] });
+};
+export {
+  $ as C,
+  L as R,
+  B as S
+};