[
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, complete with integrated tables for Terms and Categories that support
full CRUD operations directly from the glossary page. Additionally, it
addresses several functional UI bugs within the Glossary module—specifically
stabilizing the rich text editor and standardizing table loading states—and
resolves underlying test environment errors to improve the developer experience.
*Glossary Detail View Enhancements:*
*Integrated Terms & Categories Tables:* Upgraded the root Glossary view to
feature fully functional, paginated tables for its nested Terms and Categories.
*In-Place CRUD Operations:* Added the ability to seamlessly create, read,
update, and delete (as well as assign/unassign) terms and categories directly
from the new tables within the glossary page.
* Standardized Table Loaders:* Refactored the loading skeletons across the
application's tables to use a clean, single-row loader in both the headers and
body. This prevents awkward UI shifts and layout breakages that were previously
caused by dynamic column calculations.
*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, editing, or deleting a Glossary, Category, or Term. The
application now instantly fetches and displays the latest data upon a
successful 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,
unused variables, and mocked argument definitions) to ensure the test suite is
100% compliant with the project's strict TypeScript constraints.
*Redux Context Test Pollution:* Fixed missing Redux mock hooks (like
`useAppDispatch`) that were causing `TypeError`s and test suite pollution
failures when rendering complex components in isolation.
was:
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.
> [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
> Attachments: Screenshot from 2026-06-29 15-47-11.png
>
> Time Spent: 40m
> 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, complete with integrated tables for Terms and Categories that support
> full CRUD operations directly from the glossary page. Additionally, it
> addresses several functional UI bugs within the Glossary module—specifically
> stabilizing the rich text editor and standardizing table loading states—and
> resolves underlying test environment errors to improve the developer
> experience.
>
> *Glossary Detail View Enhancements:*
>
> *Integrated Terms & Categories Tables:* Upgraded the root Glossary view to
> feature fully functional, paginated tables for its nested Terms and
> Categories.
> *In-Place CRUD Operations:* Added the ability to seamlessly create, read,
> update, and delete (as well as assign/unassign) terms and categories directly
> from the new tables within the glossary page.
> * Standardized Table Loaders:* Refactored the loading skeletons across the
> application's tables to use a clean, single-row loader in both the headers
> and body. This prevents awkward UI shifts and layout breakages that were
> previously caused by dynamic column calculations.
> *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, editing, or deleting a Glossary, Category, or Term. The
> application now instantly fetches and displays the latest data upon a
> successful 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,
> unused variables, and mocked argument definitions) to ensure the test suite
> is 100% compliant with the project's strict TypeScript constraints.
> *Redux Context Test Pollution:* Fixed missing Redux mock hooks (like
> `useAppDispatch`) that were causing `TypeError`s and test suite pollution
> failures when rendering complex components in isolation.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
