diff --git a/packages/studio-ui-codegen-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap b/packages/studio-ui-codegen-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap index 2972f9593..12204c8a1 100644 --- a/packages/studio-ui-codegen-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap +++ b/packages/studio-ui-codegen-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap @@ -107,20 +107,20 @@ export default function CollectionOfCustomButtons( { field: \\"lastName\\", operand: \\"L\\", operator: \\"beginsWith\\" }, ], }; - const displayedItems = + const buttonUser = items !== undefined ? items : useDataStoreBinding({ type: \\"collection\\", model: User, criteria: buttonUserFilter, - }).buttonUser; + }).items; const buttonColorFilter = { field: \\"userID\\", operand: \\"user@email.com\\", operator: \\"eq\\", }; - const { buttonColor } = useDataStoreBinding({ + const { item: buttonColor } = useDataStoreBinding({ type: \\"record\\", model: UserPreferences, criteria: buttonColorFilter, @@ -131,7 +131,7 @@ export default function CollectionOfCustomButtons( isPaginated={true} gap=\\"1.5rem\\" backgroundColor={backgroundColor} - items={displayedItems} + items={buttonUser} {...props} {...getOverrideProps(props.overrides, \\"Collection\\")} > @@ -173,13 +173,13 @@ export default function ListingCardCollection( props: ListingCardCollectionProps ): JSX.Element { const { items } = props; - const displayedItems = + const bananas = items !== undefined ? items : useDataStoreBinding({ type: \\"collection\\", model: UntitledModel, - }).bananas; + }).items; return ( diff --git a/packages/studio-ui-codegen-react/lib/react-component-with-children-renderer.ts b/packages/studio-ui-codegen-react/lib/react-component-with-children-renderer.ts index 26625304d..34893f60c 100644 --- a/packages/studio-ui-codegen-react/lib/react-component-with-children-renderer.ts +++ b/packages/studio-ui-codegen-react/lib/react-component-with-children-renderer.ts @@ -82,7 +82,7 @@ export abstract class ReactComponentWithChildrenRenderer extends Compon const itemsAttribute = factory.createJsxAttribute( factory.createIdentifier('items'), - factory.createJsxExpression(undefined, factory.createIdentifier(itemsVariableName ? 'displayedItems' : 'items')), + factory.createJsxExpression(undefined, factory.createIdentifier(itemsVariableName || 'items')), ); propsArray.push(itemsAttribute); diff --git a/packages/studio-ui-codegen-react/lib/react-studio-template-renderer.ts b/packages/studio-ui-codegen-react/lib/react-studio-template-renderer.ts index 5f1348012..c6c33686d 100644 --- a/packages/studio-ui-codegen-react/lib/react-studio-template-renderer.ts +++ b/packages/studio-ui-codegen-react/lib/react-studio-template-renderer.ts @@ -408,7 +408,7 @@ export abstract class ReactStudioTemplateRenderer extends StudioTemplateRenderer this.importCollection.addImport('../models', model); statements.push( this.buildPropPrecedentStatement( - 'displayedItems', + propName, 'items', factory.createPropertyAccessExpression( this.buildUseDataStoreBindingCall( @@ -416,7 +416,7 @@ export abstract class ReactStudioTemplateRenderer extends StudioTemplateRenderer model, bindingProperties.predicate ? this.getFilterName(propName) : undefined, ), - factory.createIdentifier(propName), + 'items', ), ), ); @@ -444,7 +444,7 @@ export abstract class ReactStudioTemplateRenderer extends StudioTemplateRenderer factory.createObjectBindingPattern([ factory.createBindingElement( undefined, - undefined, + factory.createIdentifier('item'), factory.createIdentifier(propName), undefined, ),