{"version":3,"file":"FullNameField-Q0Vq2ewv.cjs","sources":["../src/app/pages/AddEditNodePage/FullNameField.jsx"],"sourcesContent":["/**\n * A field for the full node name, which is generated based on the node's input\n * namespace and display name.\n */\nimport { useField, useFormikContext } from 'formik';\nimport { useEffect } from 'react';\n\nexport const FullNameField = props => {\n  const { values, setFieldValue } = useFormikContext();\n  const [field, meta] = useField(props);\n\n  useEffect(() => {\n    // Set the value of the node's full name based on its namespace and display name\n    if (values.namespace || values.display_name) {\n      setFieldValue(\n        props.name,\n        `${values.namespace}.${values.display_name\n          .toLowerCase()\n          .replace(/ /g, '_')\n          .replace(/[^a-zA-Z0-9_]/g, '')}` || '',\n      );\n    }\n  }, [setFieldValue, props.name, values]);\n\n  return (\n    <>\n      <input\n        {...props}\n        {...field}\n        className=\"FullNameField\"\n        disabled=\"disabled\"\n        id=\"FullName\"\n        value={values.name || ''}\n      />\n      {!!meta.touched && !!meta.error && <div>{meta.error}</div>}\n    </>\n  );\n};\n"],"names":["FullNameField","props","values","setFieldValue","useFormikContext","field","meta","useField","useEffect","jsxs","Fragment","jsx"],"mappings":"uGAOaA,EAAgBC,GAAS,CACpC,KAAM,CAAE,OAAAC,EAAQ,cAAAC,CAAA,EAAkBC,mBAAA,EAC5B,CAACC,EAAOC,CAAI,EAAIC,EAAAA,SAASN,CAAK,EAEpCO,OAAAA,EAAAA,UAAU,IAAM,EAEVN,EAAO,WAAaA,EAAO,eAC7BC,EACEF,EAAM,KACN,GAAGC,EAAO,SAAS,IAAIA,EAAO,aAC3B,YAAA,EACA,QAAQ,KAAM,GAAG,EACjB,QAAQ,iBAAkB,EAAE,CAAC,IAAM,EAAA,CAG5C,EAAG,CAACC,EAAeF,EAAM,KAAMC,CAAM,CAAC,EAGpCO,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACE,GAAGV,EACH,GAAGI,EACJ,UAAU,gBACV,SAAS,WACT,GAAG,WACH,MAAOH,EAAO,MAAQ,EAAA,CAAA,EAEvB,CAAC,CAACI,EAAK,SAAW,CAAC,CAACA,EAAK,OAASK,EAAAA,IAAC,MAAA,CAAK,SAAAL,EAAK,KAAA,CAAM,CAAA,EACtD,CAEJ"}