datajunction-ui/dist/FullNameField-fHyJsZmF.js

DataJunction UI

import { jsxs as r, Fragment as t, jsx as s } from "react/jsx-runtime";
import { cz as d, cy as n } from "./index-n79cxNwC.js";
import { useEffect as c } from "react";
const f = (a) => {
  const { values: e, setFieldValue: m } = d(), [i, l] = n(a);
  return c(() => {
    (e.namespace || e.display_name) && m(
      a.name,
      `${e.namespace}.${e.display_name.toLowerCase().replace(/ /g, "_").replace(/[^a-zA-Z0-9_]/g, "")}` || ""
    );
  }, [m, a.name, e]), /* @__PURE__ */ r(t, { children: [
    /* @__PURE__ */ s(
      "input",
      {
        ...a,
        ...i,
        className: "FullNameField",
        disabled: "disabled",
        id: "FullName",
        value: e.name || ""
      }
    ),
    !!l.touched && !!l.error && /* @__PURE__ */ s("div", { children: l.error })
  ] });
};
export {
  f as F
};
//# sourceMappingURL=FullNameField-fHyJsZmF.js.map