I’d like to capture a textfield value when the component loses focus within the macro configuration pane because I have other configuration that I’d like to dynamically present based upon the initial value entered into the textfield.
However, onBlur appears to be swallowed when the Textfield component is used within the macro configuration pane.
I presume that’s because Forge wants that event so that it can update the configuration state it is managing. However, is it possible to pass that on through when the middleware is finished with it so that applications can use it also?
e.g. What I’m trying to accomplish…
const Config = () => {
const [organization, setOrganization] = useState(null)
const handleBlur = (event) => {
console.log("Organization value change: " + event.value);
setOrganization(event.value);
}
return (
<>
<Textfield name="organization" label="Organization" onBlur={handleBlur}/>
{organization && <AnotherComponent organization={organization}/>}
</>
);
};
I’d like <AnotherComponent/> to appear when organization is no longer null, and what it renders is dependent upon organization which is why it’s not just rendered statically.
This is all happening in the Config pane of the macro as described here: https://developer.atlassian.com/platform/forge/add-configuration-to-a-macro-with-ui-kit/