@pnkx-lib/ui 1.9.22 → 1.9.23

package/es/chunks/Radio-D2me1zZ-.js

@@ -0,0 +1,103 @@
+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';
+
+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 = get(touchedFields, name);
+  const errorMessage = get(errors, name)?.message;
+  //! Function
+  const handleChange = (val) => {
+    onChange?.(val);
+    afterOnChange?.(val);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { label, required }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Select$1,
+      {
+        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 = get(touchedFields, name);
+  const errorMessage = get(errors, name)?.message;
+  //! Function
+  const handleChange = (e) => {
+    onChange?.(e);
+    afterOnChange?.(e?.target?.value);
+  };
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleWrap, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio.Group, { onChange: handleChange, value, ...restProps, children: options.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Radio,
+      {
+        value: item.value,
+        className: customStyleRadio,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Text, { children: [
+          " ",
+          item.label
+        ] })
+      },
+      `${name}-${item.value}`
+    )) }),
+    renderErrorMessage()
+  ] });
+};
+
+export { RadioGroup as R, Select as S };