dgz-ui-shared/dist/MySelect-U6BUrvYu.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library

import { j as s } from "./jsx-runtime-C5mzlN2N.js";
import { d, G as E, l as N, u as y, a as C, f as G, c as I } from "./MyInput-qse97Dxt.js";
import { I as i } from "./select-BehdTDP2-BxIxRb2_.js";
import { m as l } from "./utils-D0f6bOsw-HrLsble-.js";
const $ = ({
  control: a,
  name: r,
  label: e,
  helperText: t,
  required: h,
  className: m,
  rules: u,
  options: n = [],
  onChange: x,
  ...c
}) => {
  const o = e && /* @__PURE__ */ s.jsxs(I, { className: "my-3", children: [
    e,
    " ",
    h && /* @__PURE__ */ s.jsx("span", { className: "text-red-600", children: "*" })
  ] });
  return !r || !a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
    o,
    /* @__PURE__ */ s.jsx(
      i,
      {
        className: l("mt-2", m),
        ...c,
        options: n
      }
    ),
    /* @__PURE__ */ s.jsx(d, { children: t })
  ] }) : /* @__PURE__ */ s.jsx(
    E,
    {
      control: a,
      name: r,
      rules: u,
      render: ({ field: f, formState: g }) => {
        const p = (j) => {
          f.onChange(j), x && x(j);
        };
        return /* @__PURE__ */ s.jsxs(N, { children: [
          o,
          /* @__PURE__ */ s.jsx(y, { children: /* @__PURE__ */ s.jsx(
            i,
            {
              className: l("mt-2", m),
              ...c,
              ...f,
              onChange: p,
              options: n,
              error: !!C.get(g.errors, `${r}`)
            }
          ) }),
          /* @__PURE__ */ s.jsx(d, { children: t }),
          /* @__PURE__ */ s.jsx(G, {})
        ] });
      }
    }
  );
};
export {
  $ as M
};