@pnkx-lib/ui 1.9.4 → 1.9.5

package/es/chunks/{Radio-D2me1zZ-.js → Checkbox-CJ_M7IzZ.js}

@@ -1,5 +1,5 @@
-import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-za5Skgtp.js';
-import { Select as Select$1, Radio } from 'antd';
+import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-eMq9KkOy.js';
+import { Select as Select$1, Radio, Checkbox } from 'antd';
 
 const Select = (props) => {
   //! State
@@ -100,4 +100,53 @@ const RadioGroup = (props) => {
   ] });
 };
 
-export { RadioGroup as R, Select as S };
+const CheckboxField = (props) => {
+  //! State
+  const {
+    field,
+    formState,
+    label,
+    afterOnChange,
+    customStyleContainer,
+    customStyleCheckbox,
+    ...restProps
+  } = props;
+  const { name, value, onChange, onBlur } = field || {};
+  const { touchedFields, errors, isSubmitted } = formState || {};
+  const isTouched = get(touchedFields, name);
+  const errorMessage = get(errors, name)?.message;
+  //! Function
+  const handleChange = (e) => {
+    const checked = e.target.checked;
+    onChange?.(checked);
+    afterOnChange?.(checked);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Checkbox,
+      {
+        onBlur,
+        checked: !!value,
+        onChange: handleChange,
+        className: customStyleCheckbox,
+        ...restProps,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { children: label })
+      }
+    ),
+    renderErrorMessage()
+  ] });
+};
+
+export { CheckboxField as C, RadioGroup as R, Select as S };