Initial WizardShell grid defined. Now done with CSS-grid instead of Fluent's component. Next button is now 'global' and actions to modify its onClick callback and isDisabled prop are now part of a reducer.
DataSourceStep is the only component using the new Next button reducer actions, other steps will make use of the next button reducer in following PRs, since most of them are going to be completely refactored.
Note: Update to ModelLists component was just done to be able to show the Next button in action. This is a temporary fix; a more robust change will be done when Modify step is refactored.
Summary of changes 🔍
Initial component. Next button is now 'global' and actions to modify its
WizardShellgrid defined. Now done with CSS-grid instead of Fluent'sonClickcallback andisDisabledprop are now part of a reducer.DataSourceStepis the only component using the new Next button reducer actions, other steps will make use of the next button reducer in following PRs, since most of them are going to be completely refactored.Note: Update to
ModelListscomponent was just done to be able to show the Next button in action. This is a temporary fix; a more robust change will be done when Modify step is refactored.Testing 🧪
Take a look at
WizardShellstory.Checklist ✔️