@pnkx-lib/ui 1.1.19 → 1.1.20

package/dist/chunks/Checkbox-CXb4qF1Z.js

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