Jerome ng/1633 wizards#1785
Merged
jerome-ng merged 21 commits intojerome-ng/1633-1653-wizards-dashboardfrom Feb 5, 2026
Merged
Jerome ng/1633 wizards#1785jerome-ng merged 21 commits intojerome-ng/1633-1653-wizards-dashboardfrom
jerome-ng merged 21 commits intojerome-ng/1633-1653-wizards-dashboardfrom
Conversation
… and update deep link generation
…hs and simplify saving logic
…and display values separately
… deep link generation
…ty and refactoring related logic
…n for flexible input options
…r wildcard toggle
jerome-ng
requested review from
KangJingA,
SantanM,
hengxian-jiang,
p-hoffmann and
suwarnoong
as code owners
jerome-ng
merged commit 4ca1197
into
jerome-ng/1633-1653-wizards-dashboard
33 of 35 checks passed
jerome-ng
added a commit
that referenced
this pull request
Feb 6, 2026
* add wizards app * add wizards app with initial setup and configuration * implement wizard context and provider; add wizard state management and debug UI * add hardcoded wizard definitions and retrieval functions * add Step 1 selection component with wizard loading and error handling * add Step 2 introduction component with loading and error handling * add Step 3 form component with loading, error handling, and dynamic field rendering * add Step 4 results component with loading, error handling, and configuration summary * Refactor code structure for improved readability and maintainability. add wizard shell and unit tests framework * Enhance wizard components with error handling, retry functionality, and improved user feedback * Refactor deep link handling to use path instead of route, update related components and tests for consistency * Enhance wizard type definitions with step configuration and state management updates * Refactor wizard context and shell to use currentStepIndex for improved step management and navigation * Add getCurrentStepConfig helper to WizardContext for step configuration retrieval * Add wizard step components and styles for improved user flow * Refactor wizard components and styles for improved consistency and user experience * Add error handling and styling to WizardShell for improved user feedback * Add select field support to StepForm with validation and error handling * Update WizardShell to show progress for single-step wizards and enhance wizard definitions with new MVP fields and wizards * Implement deep link generation in StepForm and add corresponding tests * Add documentation comments for wizard components and context * Enhance wizard field definitions with required flags and placeholders * Refactor WizardShell to implement breadcrumb navigation and remove progress indicator * Refactor StepForm styles for improved layout and responsiveness * Enhance StepForm component with improved field rendering and validation messages * Refactor StepForm tests to simplify button selection and improve readability * Refactor imports in StepForm, WizardShell, and tests to use named imports for consistency * Refactor wizard definitions and add CDW configuration mapping for age field * Add axios dependency and implement CDW configuration integration for wizard fields * Remove obsolete test files for StepForm, WizardShell, and WizardContext * Add pako for compression and implement MRI bookmark format in deep link generation * Enhance wizard definitions by adding gender field and updating enrichment logic to fetch attribute values * Add chartOptions support to deep link generation and MRI bookmark creation * Implement TypeaheadField component for dynamic attribute fetching and update wizard definitions * Enhance StepForm to prevent form submission on Enter key press and improve TypeaheadField validation for dropdown selection * Add translation for wizards in i18n default configuration * Update WizardShell styles to set height and enable vertical scrolling * Optimize TypeaheadField to prevent redundant fetch calls and prefetch initial options on mount * Refactor StepForm input type to text and enhance validation for numeric expressions; update mriQuery to support new expression parsing logic * Refactor enrichField function to prioritize existing field labels; remove placeholder attributes from WIZARD_FIELDS * Update README.md to clarify local testing workflow and emphasize production build process * Update WIZARD_FIELDS to correct age label and add ethnicity and race fields * Add measurement field to WIZARD_FIELDS and enhance mriQuery for fixed attributes * Add new measurement fields to WIZARD_FIELDS and enhance mriQuery for attribute grouping * Comment out condition fields in WIZARD_FIELDS for clarity and update filter card key logic in buildMriBookmark function * Refactor deep link handling to improve parameter extraction and storage logic * Add wizards parameter handling in deep link processing and generation * Add title to success alert message in deep link processing * Add yearRange field type and implement handling in StepForm and deep link generation * Add wizard-only fields to wizard definitions and update deep link generation * Add wizard ID handling to deep link generation * Fix popover position handling in PatientCount component * feat: add wizard configuration editor and API integration - Implemented WizardConfigEditor component for editing wizard configurations. - Added modal styling for the configuration editor. - Integrated API calls to fetch and save wizard configurations. - Updated wizard definitions to support dynamic fetching from the backend. - Created a new JSON file for mock wizard configurations. - Enhanced permission scopes in package.json for wizard configuration endpoints. * Jerome ng/1633 wizards (#1780) * feat: enhance StepForm and TypeaheadField with display value handling and update deep link generation * feat: refine deep link parameter extraction to whitelist specific paths and simplify saving logic * feat: update yearRange field to use dropdowns for year selection and add validation * fix: rename wizardId to dashboardType in generateFormSubmitDeepLink function * feat: enhance generateFormSubmitDeepLink to collect condition values and display values separately * feat: add wildcard toggle for condition fields in StepForm and update deep link generation * feat: make 'Condition 1' field required and update label in wizards configuration * feat: enhance StepForm and TypeaheadField for improved input handling and validation * Jerome ng/1633 wizards (#1785) * feat: enhance StepForm and TypeaheadField with display value handling and update deep link generation * feat: refine deep link parameter extraction to whitelist specific paths and simplify saving logic * feat: update yearRange field to use dropdowns for year selection and add validation * fix: rename wizardId to dashboardType in generateFormSubmitDeepLink function * feat: enhance generateFormSubmitDeepLink to collect condition values and display values separately * feat: add wildcard toggle for condition fields in StepForm and update deep link generation * feat: make 'Condition 1' field required and update label in wizards configuration * feat: enhance StepForm and TypeaheadField for improved input handling and validation * feat: refactor wizard definitions to use hardcoded steps and remove result actions * feat: enhance StepForm validation and update styles for improved user experience * feat: improve form validation handling and error display in StepForm * feat: update error message styling and improve wizard loading logic * feat: enhance wizard field definitions by adding isWizardField property and refactoring related logic * feat: simplify StepForm field rendering by removing grouping logic and related styles * feat: remove options from FieldDefinition and update related test assertions * feat: simplify StepForm field rendering by consolidating wizard field logic * feat: add disabled styles for primary button in StepForm * feat: add groupInputs and groupSeparator styles for improved layout in StepForm * feat: add allowFreeText property to TypeaheadField and FieldDefinition for flexible input options * feat: update condition field rendering to include fieldValue check for wildcard toggle
github-merge-queue bot
pushed a commit
that referenced
this pull request
Feb 10, 2026
* Jerome ng/1633 1653 wizards dashboard 2 (#1799) * add wizards app * add wizards app with initial setup and configuration * implement wizard context and provider; add wizard state management and debug UI * add hardcoded wizard definitions and retrieval functions * add Step 1 selection component with wizard loading and error handling * add Step 2 introduction component with loading and error handling * add Step 3 form component with loading, error handling, and dynamic field rendering * add Step 4 results component with loading, error handling, and configuration summary * Refactor code structure for improved readability and maintainability. add wizard shell and unit tests framework * Enhance wizard components with error handling, retry functionality, and improved user feedback * Refactor deep link handling to use path instead of route, update related components and tests for consistency * Enhance wizard type definitions with step configuration and state management updates * Refactor wizard context and shell to use currentStepIndex for improved step management and navigation * Add getCurrentStepConfig helper to WizardContext for step configuration retrieval * Add wizard step components and styles for improved user flow * Refactor wizard components and styles for improved consistency and user experience * Add error handling and styling to WizardShell for improved user feedback * Add select field support to StepForm with validation and error handling * Update WizardShell to show progress for single-step wizards and enhance wizard definitions with new MVP fields and wizards * Implement deep link generation in StepForm and add corresponding tests * Add documentation comments for wizard components and context * Enhance wizard field definitions with required flags and placeholders * Refactor WizardShell to implement breadcrumb navigation and remove progress indicator * Refactor StepForm styles for improved layout and responsiveness * Enhance StepForm component with improved field rendering and validation messages * Refactor StepForm tests to simplify button selection and improve readability * Refactor imports in StepForm, WizardShell, and tests to use named imports for consistency * Refactor wizard definitions and add CDW configuration mapping for age field * Add axios dependency and implement CDW configuration integration for wizard fields * Remove obsolete test files for StepForm, WizardShell, and WizardContext * Add pako for compression and implement MRI bookmark format in deep link generation * Enhance wizard definitions by adding gender field and updating enrichment logic to fetch attribute values * Add chartOptions support to deep link generation and MRI bookmark creation * Implement TypeaheadField component for dynamic attribute fetching and update wizard definitions * Enhance StepForm to prevent form submission on Enter key press and improve TypeaheadField validation for dropdown selection * Add translation for wizards in i18n default configuration * Update WizardShell styles to set height and enable vertical scrolling * Optimize TypeaheadField to prevent redundant fetch calls and prefetch initial options on mount * Refactor StepForm input type to text and enhance validation for numeric expressions; update mriQuery to support new expression parsing logic * Refactor enrichField function to prioritize existing field labels; remove placeholder attributes from WIZARD_FIELDS * Update README.md to clarify local testing workflow and emphasize production build process * Update WIZARD_FIELDS to correct age label and add ethnicity and race fields * Add measurement field to WIZARD_FIELDS and enhance mriQuery for fixed attributes * Add new measurement fields to WIZARD_FIELDS and enhance mriQuery for attribute grouping * Comment out condition fields in WIZARD_FIELDS for clarity and update filter card key logic in buildMriBookmark function * Refactor deep link handling to improve parameter extraction and storage logic * Add wizards parameter handling in deep link processing and generation * Add title to success alert message in deep link processing * Add yearRange field type and implement handling in StepForm and deep link generation * Add wizard-only fields to wizard definitions and update deep link generation * Add wizard ID handling to deep link generation * Fix popover position handling in PatientCount component * feat: add wizard configuration editor and API integration - Implemented WizardConfigEditor component for editing wizard configurations. - Added modal styling for the configuration editor. - Integrated API calls to fetch and save wizard configurations. - Updated wizard definitions to support dynamic fetching from the backend. - Created a new JSON file for mock wizard configurations. - Enhanced permission scopes in package.json for wizard configuration endpoints. * Jerome ng/1633 wizards (#1780) * feat: enhance StepForm and TypeaheadField with display value handling and update deep link generation * feat: refine deep link parameter extraction to whitelist specific paths and simplify saving logic * feat: update yearRange field to use dropdowns for year selection and add validation * fix: rename wizardId to dashboardType in generateFormSubmitDeepLink function * feat: enhance generateFormSubmitDeepLink to collect condition values and display values separately * feat: add wildcard toggle for condition fields in StepForm and update deep link generation * feat: make 'Condition 1' field required and update label in wizards configuration * feat: enhance StepForm and TypeaheadField for improved input handling and validation * Jerome ng/1633 wizards (#1785) * feat: enhance StepForm and TypeaheadField with display value handling and update deep link generation * feat: refine deep link parameter extraction to whitelist specific paths and simplify saving logic * feat: update yearRange field to use dropdowns for year selection and add validation * fix: rename wizardId to dashboardType in generateFormSubmitDeepLink function * feat: enhance generateFormSubmitDeepLink to collect condition values and display values separately * feat: add wildcard toggle for condition fields in StepForm and update deep link generation * feat: make 'Condition 1' field required and update label in wizards configuration * feat: enhance StepForm and TypeaheadField for improved input handling and validation * feat: refactor wizard definitions to use hardcoded steps and remove result actions * feat: enhance StepForm validation and update styles for improved user experience * feat: improve form validation handling and error display in StepForm * feat: update error message styling and improve wizard loading logic * feat: enhance wizard field definitions by adding isWizardField property and refactoring related logic * feat: simplify StepForm field rendering by removing grouping logic and related styles * feat: remove options from FieldDefinition and update related test assertions * feat: simplify StepForm field rendering by consolidating wizard field logic * feat: add disabled styles for primary button in StepForm * feat: add groupInputs and groupSeparator styles for improved layout in StepForm * feat: add allowFreeText property to TypeaheadField and FieldDefinition for flexible input options * feat: update condition field rendering to include fieldValue check for wildcard toggle * Setup shinydashboards in PA (#1796) Co-authored-by: Khairul Syazwan <khairul.masri@data4life-asia.care> * Implement wizardsConfig in Vuex store (#1800) * Add wizard config to vuex store * Remove token refresh function, not required. * Refine shinylive integration (#1807) * Add wizard config to vuex store * Remove token refresh function, not required. * Save and materialize cohort on clicking open dashboard btn * Handle manually updated cohort * View dashboard based off wizardConfig params * Adjust modal teleport mount, styling for save modal * Remove logs * Add title in iframe modal * Cleanup unused components and variables * Further cleanup on variables and methods * Use color variables * Add shiny-live assets endpoint to publicURLs list --------- Signed-off-by: Khairul Syazwan <80243918+khairul-syazwan@users.noreply.github.com> * Jerome ng/1633 1653 jerome (#1809) * Remove breadcrumb navigation from WizardShell component * Update StepSelection styles for improved layout and spacing * Refactor styles for StepSelection and WizardShell components * Refactor StepSelection component to improve loading and error handling logic * Update StepForm styles for improved layout and responsiveness * Remove unnecessary margin-left from required and errorMessage styles * Update required fields in wizards configuration and adjust StepForm styles for better clarity * Add new fields for condition and year in Cross sectional Demographics wizard * Enhance StepForm styles for better layout and add placeholders for measurement fields * Enhance deep link processing to handle wizard parameters and improve success message clarity * Enhance yearRange validation to ensure both fields are filled and improve error messaging clarity * Add placeholder for height field in Cross sectional Demographics wizard * Remove unused files, revert unrequired changes * Remove comments --------- Signed-off-by: Khairul Syazwan <80243918+khairul-syazwan@users.noreply.github.com> Co-authored-by: Jerome <107386741+jerome-ng@users.noreply.github.com>
github-merge-queue bot
pushed a commit
that referenced
this pull request
Feb 11, 2026
* Jerome ng/1633 1653 wizards dashboard 2 (#1799) * add wizards app * add wizards app with initial setup and configuration * implement wizard context and provider; add wizard state management and debug UI * add hardcoded wizard definitions and retrieval functions * add Step 1 selection component with wizard loading and error handling * add Step 2 introduction component with loading and error handling * add Step 3 form component with loading, error handling, and dynamic field rendering * add Step 4 results component with loading, error handling, and configuration summary * Refactor code structure for improved readability and maintainability. add wizard shell and unit tests framework * Enhance wizard components with error handling, retry functionality, and improved user feedback * Refactor deep link handling to use path instead of route, update related components and tests for consistency * Enhance wizard type definitions with step configuration and state management updates * Refactor wizard context and shell to use currentStepIndex for improved step management and navigation * Add getCurrentStepConfig helper to WizardContext for step configuration retrieval * Add wizard step components and styles for improved user flow * Refactor wizard components and styles for improved consistency and user experience * Add error handling and styling to WizardShell for improved user feedback * Add select field support to StepForm with validation and error handling * Update WizardShell to show progress for single-step wizards and enhance wizard definitions with new MVP fields and wizards * Implement deep link generation in StepForm and add corresponding tests * Add documentation comments for wizard components and context * Enhance wizard field definitions with required flags and placeholders * Refactor WizardShell to implement breadcrumb navigation and remove progress indicator * Refactor StepForm styles for improved layout and responsiveness * Enhance StepForm component with improved field rendering and validation messages * Refactor StepForm tests to simplify button selection and improve readability * Refactor imports in StepForm, WizardShell, and tests to use named imports for consistency * Refactor wizard definitions and add CDW configuration mapping for age field * Add axios dependency and implement CDW configuration integration for wizard fields * Remove obsolete test files for StepForm, WizardShell, and WizardContext * Add pako for compression and implement MRI bookmark format in deep link generation * Enhance wizard definitions by adding gender field and updating enrichment logic to fetch attribute values * Add chartOptions support to deep link generation and MRI bookmark creation * Implement TypeaheadField component for dynamic attribute fetching and update wizard definitions * Enhance StepForm to prevent form submission on Enter key press and improve TypeaheadField validation for dropdown selection * Add translation for wizards in i18n default configuration * Update WizardShell styles to set height and enable vertical scrolling * Optimize TypeaheadField to prevent redundant fetch calls and prefetch initial options on mount * Refactor StepForm input type to text and enhance validation for numeric expressions; update mriQuery to support new expression parsing logic * Refactor enrichField function to prioritize existing field labels; remove placeholder attributes from WIZARD_FIELDS * Update README.md to clarify local testing workflow and emphasize production build process * Update WIZARD_FIELDS to correct age label and add ethnicity and race fields * Add measurement field to WIZARD_FIELDS and enhance mriQuery for fixed attributes * Add new measurement fields to WIZARD_FIELDS and enhance mriQuery for attribute grouping * Comment out condition fields in WIZARD_FIELDS for clarity and update filter card key logic in buildMriBookmark function * Refactor deep link handling to improve parameter extraction and storage logic * Add wizards parameter handling in deep link processing and generation * Add title to success alert message in deep link processing * Add yearRange field type and implement handling in StepForm and deep link generation * Add wizard-only fields to wizard definitions and update deep link generation * Add wizard ID handling to deep link generation * Fix popover position handling in PatientCount component * feat: add wizard configuration editor and API integration - Implemented WizardConfigEditor component for editing wizard configurations. - Added modal styling for the configuration editor. - Integrated API calls to fetch and save wizard configurations. - Updated wizard definitions to support dynamic fetching from the backend. - Created a new JSON file for mock wizard configurations. - Enhanced permission scopes in package.json for wizard configuration endpoints. * Jerome ng/1633 wizards (#1780) * feat: enhance StepForm and TypeaheadField with display value handling and update deep link generation * feat: refine deep link parameter extraction to whitelist specific paths and simplify saving logic * feat: update yearRange field to use dropdowns for year selection and add validation * fix: rename wizardId to dashboardType in generateFormSubmitDeepLink function * feat: enhance generateFormSubmitDeepLink to collect condition values and display values separately * feat: add wildcard toggle for condition fields in StepForm and update deep link generation * feat: make 'Condition 1' field required and update label in wizards configuration * feat: enhance StepForm and TypeaheadField for improved input handling and validation * Jerome ng/1633 wizards (#1785) * feat: enhance StepForm and TypeaheadField with display value handling and update deep link generation * feat: refine deep link parameter extraction to whitelist specific paths and simplify saving logic * feat: update yearRange field to use dropdowns for year selection and add validation * fix: rename wizardId to dashboardType in generateFormSubmitDeepLink function * feat: enhance generateFormSubmitDeepLink to collect condition values and display values separately * feat: add wildcard toggle for condition fields in StepForm and update deep link generation * feat: make 'Condition 1' field required and update label in wizards configuration * feat: enhance StepForm and TypeaheadField for improved input handling and validation * feat: refactor wizard definitions to use hardcoded steps and remove result actions * feat: enhance StepForm validation and update styles for improved user experience * feat: improve form validation handling and error display in StepForm * feat: update error message styling and improve wizard loading logic * feat: enhance wizard field definitions by adding isWizardField property and refactoring related logic * feat: simplify StepForm field rendering by removing grouping logic and related styles * feat: remove options from FieldDefinition and update related test assertions * feat: simplify StepForm field rendering by consolidating wizard field logic * feat: add disabled styles for primary button in StepForm * feat: add groupInputs and groupSeparator styles for improved layout in StepForm * feat: add allowFreeText property to TypeaheadField and FieldDefinition for flexible input options * feat: update condition field rendering to include fieldValue check for wildcard toggle * Setup shinydashboards in PA (#1796) Co-authored-by: Khairul Syazwan <khairul.masri@data4life-asia.care> * Implement wizardsConfig in Vuex store (#1800) * Add wizard config to vuex store * Remove token refresh function, not required. * Refine shinylive integration (#1807) * Add wizard config to vuex store * Remove token refresh function, not required. * Save and materialize cohort on clicking open dashboard btn * Handle manually updated cohort * View dashboard based off wizardConfig params * Adjust modal teleport mount, styling for save modal * Remove logs * Add title in iframe modal * Cleanup unused components and variables * Further cleanup on variables and methods * Use color variables * Add shiny-live assets endpoint to publicURLs list --------- Signed-off-by: Khairul Syazwan <80243918+khairul-syazwan@users.noreply.github.com> * Jerome ng/1633 1653 jerome (#1809) * Remove breadcrumb navigation from WizardShell component * Update StepSelection styles for improved layout and spacing * Refactor styles for StepSelection and WizardShell components * Refactor StepSelection component to improve loading and error handling logic * Update StepForm styles for improved layout and responsiveness * Remove unnecessary margin-left from required and errorMessage styles * Update required fields in wizards configuration and adjust StepForm styles for better clarity * Add new fields for condition and year in Cross sectional Demographics wizard * Enhance StepForm styles for better layout and add placeholders for measurement fields * Enhance deep link processing to handle wizard parameters and improve success message clarity * Enhance yearRange validation to ensure both fields are filled and improve error messaging clarity * Add placeholder for height field in Cross sectional Demographics wizard * Remove unused files, revert unrequired changes * Remove comments * disable ipv6 --------- Signed-off-by: Khairul Syazwan <80243918+khairul-syazwan@users.noreply.github.com> Co-authored-by: Jerome <107386741+jerome-ng@users.noreply.github.com> Co-authored-by: Jerome Ng <jerome.ng@data4life-asia.care>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Merge Checklist
Please cross check this list if additions / modifications needs to be done on top of your core changes and tick them off. Reviewer can as well glance through and help the developer if something is missed out.
developbranch)