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

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

import { j as s } from "./jsx-runtime-DS1N_tNq.js";
import { K as z, z as u, G as E, a as K, W as C, H as G } from "./input-mask-DBLFIvhN-BBxoZxnd.js";
import { z as c } from "./react-select-DVPHHTAP-D2u3DqGr.js";
import { l as H } from "./lodash-CYNxjS-I.js";
import { m as d } from "./utils-B6fNqzRf-B1_jG1K7.js";
const S = ({
  control: a,
  name: r,
  label: t,
  helperText: e,
  required: g,
  className: m,
  rules: h,
  options: o = [],
  onChange: n,
  ...x
}) => {
  const l = t && /* @__PURE__ */ s.jsxs(G, { children: [
    t,
    " ",
    g && /* @__PURE__ */ s.jsx("span", { className: "text-red-600", children: "*" })
  ] });
  return !r || !a ? /* @__PURE__ */ s.jsx(
    c,
    {
      className: d("mt-2", m),
      ...x,
      options: o
    }
  ) : /* @__PURE__ */ s.jsx(
    z,
    {
      control: a,
      name: r,
      rules: h,
      render: ({ field: i, formState: f }) => {
        const p = (j) => {
          i.onChange(j), n && n(j);
        };
        return /* @__PURE__ */ s.jsxs(u, { children: [
          l,
          /* @__PURE__ */ s.jsx(E, { children: /* @__PURE__ */ s.jsx(
            c,
            {
              className: d("mt-2", m),
              ...x,
              ...i,
              onChange: p,
              options: o,
              error: !!H.get(f.errors, `${r}`)
            }
          ) }),
          e && /* @__PURE__ */ s.jsx(K, { children: e }),
          /* @__PURE__ */ s.jsx(C, {})
        ] });
      }
    }
  );
};
export {
  S as M
};