AutoVizuA11y icon indicating copy to clipboard operation
AutoVizuA11y copied to clipboard

Feat: Isolate Shortcut Guide

Open DiogoRDuarte opened this issue 6 months ago • 0 comments

Because

  • The default ShortcutGuide was not customizable by the developer in terms of CSS.
  • Developers could not use their own Custom ShortcutGuide components.
  • AutoVizuA11y , while directly manipulating the DOM, was expecting the ShortcutGuide to have specific classNames.

Refactor

  • Added a prop to AutoVizuA11y that enables the ShortcutGuide to be overwritten (if this prop is no filled, a default one is used instead);
  • Made the styles of the default ShortcutGuide customizable by following the BEM patterns;
  • Made the creation of the ShortcutGuide more dynamic, using a data object as input and making it so the creation of multiple columns is dynamic;
  • Verifications of the active element no longer use specific classNames;
  • Converted the ShortcutGuide from a table to divs given the lack of benefits from the first approach;
  • Changed the README accordingly.

DiogoRDuarte avatar Aug 06 '24 11:08 DiogoRDuarte