Conditional Rendering and Query Input Settings

[bannaarisamy-shanmugham-kanini]

Description

Create a option to show and hide a block based on static true or false, with variables to decide its visibility

Changes Made

Worked on most of blocks to provide option for showing/hiding the blocks based on custom need.

How to Test

1. Drag and Drop a button/accordion/input block into page
2. In the right side of page, on block settings change Show Block field to change the visiblity of a block

Notes

[johbaxter]

Definitely on the right track.

we should clean up the code on what we render.

And a function that either returns true or false. call it showBlock that includes the stringToBoolean switch case

[bannaarisamy-shanmugham-kanini]

I will work on your suggestion and update here.

[johbaxter]

Please don't commit your lock file

[bannaarisamy-shanmugham-kanini]

Reg, QueryInputSettings.tsx file changes I have committed my changes in following branch: QueryInputSettings change
Please suggest me if any further changes are needed.

[johbaxter]

Query Input Settings

@Paulson-Robert and @bannaarisamy-shanmugham-kanini merging this branch into here.

Will have you address fixes listed in comments

[johbaxter]

As far as my first round of initial testing of conditional rendering it does the job. @bannaarisamy-shanmugham-kanini

We need to:

• clean up the code in RendererEngine for readability.

We also likely need to be able to:

• parse 0 and 1 to boolean values in RenderEngine
• parse True and False from python cell

Please commit directly to this branch. "conditional-rendering-of-block"

May be good to test with this:
blocks.json

[johbaxter]

@Paulson-Robert

I think we are taking the right foot forward, on the QueryInputSettings, but i def think we are going to need some better interaction on it.

It accomplishes the thing we asked for, as far streamlining variable creation, and has some autocomplete functionality that i like on it as well (buggy)

• Fix the placeholder text (look at screenshot, do not make any suggestions until the user has focused into text field)
• Only allow one accordion to be open in Menu (better ux)
• Fix the label for cell-prop and notebook-prop, change to Notebook Properties and Cell Properties
• Fix the order of the menu ["Block", "Notebook", "Cell", "Notebook Properties", "Cell Properties", ...everything else]
• Fix tab autocomplete bug when pulling in suggestion
• When hovering over block options in the QueryInputSettings Menu, designer.setHovered('block-id')
• Stretch Goal: When hovering over cell options, show visual indicator on the hovered cell, additions on notebook store??

Please commit directly to this branch. "conditional-rendering-of-block"

[johbaxter]

Good stuff guys

[github-actions]

@CodiumAI-Agent /update_changelog

[QodoAI-Agent]

Changelog updates: 🔄

2025-03-28

Added

• Enabled conditional block rendering via a new configurable "show" field.
• Improved query input settings with dynamic suggestion and variable support.

to commit the new content to the CHANGELOG.md file, please type:
'/update_changelog --pr_update_changelog.push_changelog_changes=true'