Make props and slots update when component selected or changed
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3584529. -->
Reported by: [lostcarpark](https://www.drupal.org/user/346773)
Related to !6 !7
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>Currently the user needs to select a component from the drop-down list, save the change, then open the Settings pop-up again to see the props and slots for the component.</p>
<p>If they change the selected, component, the props and slots for the original component remain visible until the Settings pop-up is re-opened.</p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<ol>
<li>Install Views Row SDC module</li>
<li>Create a view and select "Single Directory Component" in the "Show" option</li>
<li>Pick a component in the settings. Note the settings page does not update to show props and slots</li>
<li>Save the selection</li>
<li>Click settings, and note that props and slots are now shown</li>
<li>Change to a different component. Note that the previous components' props and slots still shown</li>
</ol>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<ol>
<li>Update schema, and add "component" above "props" and "slots"</li>
<li>On the options form, add a "div" container for the props and slots</li>
<li>On the component_id element trigger an update of the container div</li>
<li>Investigate using HTMX rather than AJAX for the update</li>
</ol>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<ol>
<li>Investigate feasibility of HTMX for update</li>
<li>Make form changes</li>
</ol>
<h3 id="summary-ui-changes">User interface changes</h3>
<p>Options form will be more interactive.</p>
<h3 id="summary-api-changes">API changes</h3>
<p>None.</p>
<h3 id="summary-data-model-changes">Data model changes</h3>
<p>New wrapper around Props and Slots drop-downs.</p>
issue