code-connect
code-connect copied to clipboard
Need a selector traversal API for textContent
We have a text in a nested figma tree Selector > .Input Message > Text message. figma.textContent('Text message') does not find it. But if we move Text message at the root, then it works.
We were able to solve the issue selecting an instance by moving from .instance(), which is not recursive to using .children() which is. But there doesn't seem to be a recursive version of .textContent()
Error message doesn't work when nested
Error message works when not nested
figma.connect(
XDSSelector,
'https://www.figma.com/design/qHKLpmJo1s50sJPJLiRM3C/XDS-Web-Library-(Copy)?node-id=160332-120780&m=dev',
{
props: {
style: figma.enum('Style', {
Input: 'input',
}),
size: figma.enum('Size', {
Compact: 'compact',
}),
leftIcon: figma.instance('Left Icon'),
isLabelHidden: figma.boolean('labelIsHidden', {
true: true,
}),
errorMessage: figma.enum('State', {
Error: figma.textContent('Error message'),
}),
warningMessage: figma.enum('State', {
Warning: figma.textContent('Warning message'),
}),
successMessage: figma.enum('State', {
Success: figma.textContent('Success message'),
}),
isDisabled: figma.enum('State', {
Disabled: true,
}),
},
example: props => (
<XDSSelector
value="<VALUE>"
onChange={() => {
/* onChange set value */
}}
buttonSize={props.size}
buttonUse={props.style}
buttonIcon={props.leftIcon}
isDisabled={props.isDisabled}
isLabelHidden={props.isLabelHidden}
errorMessage={props.errorMessage}
warningMessage={props.warningMessage}
successMessage={props.successMessage}
/>
),
},
);