[
https://issues.apache.org/jira/browse/ATLAS-5045?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Brijesh Bhalala updated ATLAS-5045:
-----------------------------------
Description:
Currently, there is no detail view for the root Glossary entity like we have
for Terms and Categories. This task introduces a dedicated Glossary detail
view. Additionally, it addresses several functional UI bugs within the Glossary
module—specifically stabilizing the rich text editor—and resolves underlying
test environment errors to improve the developer experience.
*Glossary Editor & Form Fixes:*
* *ReactQuill "Zombie" Toolbar Bug:* Fixed an issue where the rich text
editor's formatting buttons (bold, italics, links, etc.) were completely
unresponsive. This was resolved by updating the CSS to properly hide duplicate
toolbars generated by React's StrictMode, ensuring only the active toolbar is
visible and interactive.
* *Modal Focus Trap Bug:* Resolved an issue where users were blocked from
interacting with the text editor's tooltips and dropdowns (such as the "Insert
Link" input). Disabled the Material-UI Modal's strict focus trap to allow
seamless interaction with the editor's popups.
* *Form Data Hydration:* Fixed a bug where the existing {{longDescription}} of
a Glossary Term was failing to pre-fill into the text editor when opening the
form to edit the entity.
* *State Mutations & Infinite Re-renders:* Stabilized the React Hook Form
state management to eliminate redundant value mutations and unnecessary
re-renders when typing in the text editor.
*General UI & Navigation Fixes:*
* *Missing Update Button:* Restored the missing "Edit/Update" pencil icon on
the main Glossary Detail Page so users can modify root glossaries just like
they can with terms and categories.
* *Instant State Syncing:* Fixed an issue where the interface did not update
after creating or editing a Glossary, Category, or Term. The application now
instantly fetches and displays the latest data upon a successful form
submission without requiring a manual page refresh.
* *Navigation URL Bug:* Resolved a routing issue that caused the {{@glossary}}
suffix to be appended multiple times to the URL search parameters during
navigation.
* *Sidebar Tree Crashes:* Prevented the Glossary sidebar tree view from
crashing by implementing deduplication logic, ensuring stable rendering even if
duplicate node IDs are returned.
*Test & Environment Fixes:*
* *IDE Module Resolution:* Resolved widespread "module not found" errors in
the test suite so developers no longer see false-positive path alias errors in
their editors.
* *TypeScript Strictness:* Fixed multiple strict-mode compilation errors
across the testing environment (including spread parameter tuples, implicit
scoping, and mocked argument definitions) to ensure the test suite is 100%
compliant with the project's strict TypeScript constraints.
was:
Adding detail page view for Glossary
Currently their is no detail view for glossary like we have for term and
category.
This task addresses several functional UI bugs within the Glossary module and
resolves underlying test environment errors to improve developer experience.
*UI & Functional Fixes:*
* *Missing Update Button:* Restored the missing "Edit/Update" pencil icon on
the main Glossary Detail Page so users can modify root glossaries just like
they can with terms and categories.
* *Instant State Syncing:* Fixed an issue where the interface did not update
after creating or editing a Glossary, Category, or Term. The application now
instantly fetches and displays the latest data upon a successful form
submission without requiring a manual page refresh.
* *Navigation URL Bug:* Resolved a routing issue that caused the {{@glossary}}
suffix to be appended multiple times to the URL search parameters during
navigation.
* *Sidebar Tree Crashes:* Prevented the Glossary sidebar tree view from
crashing by implementing deduplication logic, ensuring stable rendering even if
duplicate node IDs are returned.
*Test & Environment Fixes:*
* *IDE Module Resolution:* Resolved widespread "module not found" errors in
the test suite so developers no longer see false-positive path alias errors in
their editors.
* *TypeScript Strictness:* Fixed multiple strict-mode compilation errors
across the testing environment (including spread parameter tuples, implicit
scoping, and mocked argument definitions) to ensure the test suite is 100%
compliant with the project's strict TypeScript constraints.
> [React UI] Adding detail page view for Glossary
> -----------------------------------------------
>
> Key: ATLAS-5045
> URL: https://issues.apache.org/jira/browse/ATLAS-5045
> Project: Atlas
> Issue Type: Improvement
> Components: atlas-core, atlas-webui
> Reporter: Brijesh Bhalala
> Assignee: Brijesh Bhalala
> Priority: Major
> Time Spent: 10m
> Remaining Estimate: 0h
>
> Currently, there is no detail view for the root Glossary entity like we have
> for Terms and Categories. This task introduces a dedicated Glossary detail
> view. Additionally, it addresses several functional UI bugs within the
> Glossary module—specifically stabilizing the rich text editor—and resolves
> underlying test environment errors to improve the developer experience.
> *Glossary Editor & Form Fixes:*
> * *ReactQuill "Zombie" Toolbar Bug:* Fixed an issue where the rich text
> editor's formatting buttons (bold, italics, links, etc.) were completely
> unresponsive. This was resolved by updating the CSS to properly hide
> duplicate toolbars generated by React's StrictMode, ensuring only the active
> toolbar is visible and interactive.
> * *Modal Focus Trap Bug:* Resolved an issue where users were blocked from
> interacting with the text editor's tooltips and dropdowns (such as the
> "Insert Link" input). Disabled the Material-UI Modal's strict focus trap to
> allow seamless interaction with the editor's popups.
> * *Form Data Hydration:* Fixed a bug where the existing {{longDescription}}
> of a Glossary Term was failing to pre-fill into the text editor when opening
> the form to edit the entity.
> * *State Mutations & Infinite Re-renders:* Stabilized the React Hook Form
> state management to eliminate redundant value mutations and unnecessary
> re-renders when typing in the text editor.
> *General UI & Navigation Fixes:*
> * *Missing Update Button:* Restored the missing "Edit/Update" pencil icon on
> the main Glossary Detail Page so users can modify root glossaries just like
> they can with terms and categories.
> * *Instant State Syncing:* Fixed an issue where the interface did not update
> after creating or editing a Glossary, Category, or Term. The application now
> instantly fetches and displays the latest data upon a successful form
> submission without requiring a manual page refresh.
> * *Navigation URL Bug:* Resolved a routing issue that caused the
> {{@glossary}} suffix to be appended multiple times to the URL search
> parameters during navigation.
> * *Sidebar Tree Crashes:* Prevented the Glossary sidebar tree view from
> crashing by implementing deduplication logic, ensuring stable rendering even
> if duplicate node IDs are returned.
> *Test & Environment Fixes:*
> * *IDE Module Resolution:* Resolved widespread "module not found" errors in
> the test suite so developers no longer see false-positive path alias errors
> in their editors.
> * *TypeScript Strictness:* Fixed multiple strict-mode compilation errors
> across the testing environment (including spread parameter tuples, implicit
> scoping, and mocked argument definitions) to ensure the test suite is 100%
> compliant with the project's strict TypeScript constraints.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
