@pnkx-lib/ui 1.6.3 → 1.6.5

package/es/chunks/Checkbox-CJ_M7IzZ.js

@@ -150,4 +150,3 @@ const CheckboxField = (props) => {
 };
 
 export { CheckboxField as C, RadioGroup as R, Select as S };
-//# sourceMappingURL=Checkbox-CJ_M7IzZ.js.map

package/es/chunks/Checkbox-D7JJEnsk.js

@@ -0,0 +1,156 @@
+'use strict';
+
+const Switch = require('./Switch-03DUOS9f.js');
+const antd = require('antd');
+
+const Select = (props) => {
+  //! State
+  const {
+    field,
+    formState,
+    label,
+    required,
+    afterOnChange,
+    customStyleContainer,
+    ...restProps
+  } = props;
+  const { name, value, onChange, onBlur } = field || {};
+  const { touchedFields, errors, isSubmitted } = formState || {};
+  const isTouched = Switch.get(touchedFields, name);
+  const errorMessage = Switch.get(errors, name)?.message;
+  //! Function
+  const handleChange = (val) => {
+    onChange?.(val);
+    afterOnChange?.(val);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ Switch.jsxRuntimeExports.jsx(
+      Switch.ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ Switch.jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
+    label && /* @__PURE__ */ Switch.jsxRuntimeExports.jsx(Switch.Label, { label, required }),
+    /* @__PURE__ */ Switch.jsxRuntimeExports.jsx(
+      antd.Select,
+      {
+        onChange: handleChange,
+        onBlur,
+        value,
+        style: { width: "100%" },
+        optionLabelProp: "label",
+        status: (isTouched || isSubmitted) && Boolean(errorMessage) ? "error" : void 0,
+        ...restProps
+      }
+    ),
+    renderErrorMessage()
+  ] });
+};
+
+const RadioGroup = (props) => {
+  //! State
+  const {
+    field,
+    formState,
+    customStyleRadio,
+    customStyleWrap = "",
+    afterOnChange,
+    options,
+    ...restProps
+  } = props;
+  const { name, value, onChange } = field || {};
+  const { touchedFields, errors, isSubmitted } = formState || {};
+  const isTouched = Switch.get(touchedFields, name);
+  const errorMessage = Switch.get(errors, name)?.message;
+  //! Function
+  const handleChange = (e) => {
+    onChange?.(e);
+    afterOnChange?.(e?.target?.value);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ Switch.jsxRuntimeExports.jsx(
+      Switch.ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ Switch.jsxRuntimeExports.jsxs("div", { className: customStyleWrap, children: [
+    /* @__PURE__ */ Switch.jsxRuntimeExports.jsx(antd.Radio.Group, { onChange: handleChange, value, ...restProps, children: options.map((item) => /* @__PURE__ */ Switch.jsxRuntimeExports.jsx(
+      antd.Radio,
+      {
+        value: item.value,
+        className: customStyleRadio,
+        children: /* @__PURE__ */ Switch.jsxRuntimeExports.jsxs(Switch.Typography.Text, { children: [
+          " ",
+          item.label
+        ] })
+      },
+      `${name}-${item.value}`
+    )) }),
+    renderErrorMessage()
+  ] });
+};
+
+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 = Switch.get(touchedFields, name);
+  const errorMessage = Switch.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__ */ Switch.jsxRuntimeExports.jsx(
+      Switch.ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ Switch.jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
+    /* @__PURE__ */ Switch.jsxRuntimeExports.jsx(
+      antd.Checkbox,
+      {
+        onBlur,
+        checked: !!value,
+        onChange: handleChange,
+        className: customStyleCheckbox,
+        ...restProps,
+        children: /* @__PURE__ */ Switch.jsxRuntimeExports.jsx(Switch.Typography.Text, { children: label })
+      }
+    ),
+    renderErrorMessage()
+  ] });
+};
+
+exports.CheckboxField = CheckboxField;
+exports.RadioGroup = RadioGroup;
+exports.Select = Select;