Skip to content

Dyn 10191 info icon templates heading with tooltip#70

Open
Chloepeg wants to merge 11 commits intoDynamoDS:masterfrom
Chloepeg:DYN-10191-info-icon-Templates-heading-with-tooltip
Open

Dyn 10191 info icon templates heading with tooltip#70
Chloepeg wants to merge 11 commits intoDynamoDS:masterfrom
Chloepeg:DYN-10191-info-icon-Templates-heading-with-tooltip

Conversation

@Chloepeg
Copy link

Purpose

This PR addresses DYN-10191 https://jira.autodesk.com/browse/DYN-10191

The changes in the code aim to add a tooltip to the Templates section that appears when hovering over a question mark icon

Gif Template header tooltip

Changes :

  • Add QuestionMarkIcon import to PageRecent component
  • Update Templates section layout to include question mark icon
  • Implement tooltip on icon hover (similar to Package Manager)
  • Tooltip displays template information on right side of icon

This Pr should be merged after DYN-10190

Declarations

Check these if you believe they are true

[ ] Is documented according to the standards
[ ] The level of testing this PR includes is appropriate
[ ] Changes to the API follow Semantic Versioning and are documented in the API Changes document.

### Release Notes

Added a tooltip to the Templates section that appears when hovering over the question mark icon.

Reviewers

@zeusongit
@DynamoDS/eidos

FYIs
@dnenov
@johnpierson

Chloepeg added 11 commits March 3, 2026 12:50
- Enhance CustomDropdown component to support divider and header option types
- Add template options to Sidebar "New" dropdown with visual grouping
- Add template data structure in home.ts assets
- Update dropdown styling for divider and header elements
- Add TypeScript types for dropdown option kinds (item/divider/header)
- Update package dependencies
- Add Templates section above Recent section on home page
- Implement templates data loading from home.ts (dev) and backend (prod)
- Add independent grid/list view toggle for Templates section
- Add templatesPageViewMode setting for view preference persistence
- Map template data structure (date -> DateModified) for component compatibility
- Add receiveTemplatesDataFromDotNet window function for backend integration
- Add "Templates" translation key to locale files
- Reuse existing GraphGridItem and GraphTable components for templates display
…down

- Add newWorkspaceWithTemplate utility function
- Implement listener pattern for template data sharing between Sidebar and PageRecent
- Map hardcoded dropdown options to real template files from backend
- Update TypeScript types for listener pattern
- Add TemplatesContext to manage template state centrally
- Update Sidebar and PageRecent to use useTemplates() hook
- Remove duplicate global handlers to prevent race conditions
- Aligns with existing React patterns
Update template matching logic to use new filenames:
- Template 1: matches 'Create a Graph.dyn' (was Template_00_)
- Template 2: matches 'Import & Export Workflow.dyn' (was Template_01_)
Drop down menu on side panel removed, will be added back later

- Remove Template 1 and Template 2 options from Sidebar dropdown
- Remove newWorkspaceWithTemplate function from utility.ts
- Remove divider/header support from CustomDropdown component
- Remove template data from home.ts assets
- Update type definitions to remove template-related types
TemplatesContext requires templates export in development mode
Fix module path in TemplatesContext.tsx and restore package-lock.json metadata.
Display Recent files section above Templates section on the home page.

Visual reordering only, there is no functional changes to either section
Add info icon with tooltip to the Templates section title that appears when
hovering over the Template heading

Changes:
- Add tooltip component to Templates title in PageRecent.tsx
- Add tooltip text to locale file (en.json)
- Extend Tooltip component to support right-side positioning with arrow
- Update tooltip styling for wider layout to fit space inbetween
- Position tooltip to the right of the title with left-pointing arrow
- Add QuestionMarkIcon import to PageRecent component
- Tooltip now appears when hover over the icon instead of the header
- Text updated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant