hTWOo React - Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog and this project adheres to Semantic Versioning.

2.0.0 - 2023-Apr-11

In support of HTWOO-CORE v2.0.0


  • HOOQuickLink: New element that mimics the Microsoft 365 Quick Link list element style
  • HOOQuickLinkGrid: New grid element to contain HOOQuickLink items
  • HOOAccordion: New detail/summary element to implement accordion element.
  • HOOAccordionGroup: Container for a group of HOOAccordion elements.
  • HOOCardImage: Added caption property
  • GenericThemes: New helper class for adding theme support in non-SPFx solutions.

1.9.1 - 2023-Feb-22


  • Added HOOTable

1.8.0 - 2023-Jan-20


  • Fixed bugs in OverflowObserver.ts that supports HOOPivotBar and HOOCommandBar


  • Fixed bug with right icon in HOOButton
  • Fixed bug with HOOIconOverflow; fixed issue with overflow observer
  • Fixed bug with HOOPivotButton; fixed issue with overflow observer


  • Fixed bug with HOOPivotBar; fixed overflow observer implementation
  • Fixed bug with HOOCommandBar; fixed overflow observer implementation; fixed command bar menu click even with no child menu to fire.

1.7.1 - 2023-Jan-11

Fixed issue with packaging in 1.7.0.

1.7.0 - 2023-Jan-10


  • Updated target typings to ES2019 (Updated from es5 to support IE11 which is no longer supported); includes update to export types.
  • Updated build chain removing legacy code; removed bundling as unneeded for this library.
  • New SymbolSet documentation


  • Added HOOFacepile


  • Added HOOCardGrid

1.6.0 - 2022-Nov-29

In support of HTWOO-CORE v1.3.0


  • Updated component development version of React to major version 17.x; library version still remains compatible from 16-18.2.
  • More speicific typings for rootElementAttributes in IHOOStandardProps from React.AllHTMLAttributes<HTMLElement> -> React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> and updated all components accordingly
  • Added documentation about supporting font’s in dialogs by adding root-40 class to root element
  • Fixed accessibility errors as appropriate for all components, see for outstanding issues.


  • Added inputElementAttributes to HOOSearch, HOODropDown, and HOOSelect
  • Added ‘required’ property to HOOLabel, which adds * to indicate associated control is required.
  • Updated typing for HOOText inputType property to React.HTMLInputTypeAttribute
  • hTWOo Core: Update HOOFlyoutMenu and HOOIconOverflow from ul to menu element
  • Updated documentation/example for HOOIconOverflow and fully implemented children to accept instance of HOOFlyoutMenu
  • Fixed styling bug for HOOAvatar, where left margin for description was wrong


  • HTML/Styling cleanup on HOOOptionList
  • Added HOOVerticalNav component.

1.5.0 - 2022-Oct-25


  • Changed typing of rootElementAttributes in IHOOStandardProps from React.HTMLAttributes<HTMLElement> -> React.AllHTMLAttributes<HTMLElement> which had a cascading effect on all components but is backward compatible. This could possibly use further refinement in the future.
  • Added new SearchIconDictionary method to the SymbolSet class to provide a way to do a contains search on the loaded icons
  • Updated interface for SymbolSet class to fix missing references.


  • Added onSearch event to HOOSearch that fires when the user presses the Enter key.
  • Added disabled property to HOOSearch that disables the search box.
  • Added inputType property to adjust input type in HOOText; default is “text”.
  • Fixed typings for inputElementAttributes on HOONumber, HOOText, and HOOToggle.

1.4.0 - 2022-Sept-16

In support of HTWOO-CORE v1.2.5


  • Added reactKey of type React.Key to IHOOStandardProps and when added injected into the root element for the component.
  • Small update to HTWOO-Snippets for new reactKey property


  • HOOCommandButton - Added new menu atom.
  • HOOCheckbox - Sets a default id value to “hoo-checkbox-” plus 10 random characters unless id provided in rootElementAttributes; used with labelFor property.
  • HOODropdown - Sets a default id value to “hoo-dropdown-” plus 10 random characters unless id provided in rootElementAttributes; used with labelFor property.
  • HOOIconOverflow - Updates/Fixes to support addition of overflow features in HOOPivotBar and HOOCommandBar
  • HOORadioButton - Sets a default id value to “hoo-radio-” plus 10 random characters unless id provided in rootElementAttributes; used with labelFor property.
  • HOOToggle - Sets a default id value to “hoo-toggle-” plus 10 random characters unless id provided in rootElementAttributes; used with labelFor property.


  • HOOPivotBar - Added hasOverflow property to support enabling menu overflow.
  • HOOCommandBar - Added new menu bar molecule.
  • HOOOptionList - Sets a default name value to “hoo-options-” plus 10 random characters on each element in the list.

1.3.0 - 2022-Aug-25


  • Updated peerDependency to support larger range of React versions: >=16 <=18.2
  • Added children explicitly to IHOOStandardProps for support of React 18 typing requirements.
  • Documentation with update for adding theme support for solutions outside of SPFx & Teams.
  • Updated documentation for ES6 imports for svg files for icons, removing use of require.
  • Added a type defintion for theme - IHOOTheme.


  • SPFxThemes
    • Changed setCSSVariables to public so that it could be called independently of initThemeHandler, accepts an optional HTML Element to apply the theme.
    • Created public property for root domElement so that it can be set independently of initThemeHandler
    • Fixed issue with changing the theme in SharePoint and not completely refreshing CSS variables.
    • Added new domElement and currentTheme (readonly) properties


  • HOOOptionList - Bug fix for improperly placed key attribute.

1.2.2 - 2022-Aug-10


  • HOOOptionList - Bug fix for null/undefined value throwing indexOf error.

1.2.1 - 2022-Aug-1

In support of HTWOO-CORE v1.2.3


  • HOOOptionList - Bug fix for missing html/styles on checkbox option group.

1.2.0 - 2022-July-15

In support of HTWOO-CORE v1.2.0


  • Updated peerDependency to support larger range of React versions: >=16 <=17


  • HOOLabel - Adds optional for property to specify the id of the form element the label should be bound to.


  • HOOOptionList - Bug fix onChange event was incorrectly surfacing React.ChangeEventHandler<HTMLInputElement> - now is a custom event type that returns the key and and checked state.
  • HOOWebPartTitle - Bug fix title field set as optional.

1.1.0 - 2022-June-21

In support of HTWOO-CORE v1.1.1

Significant reorganization, update, and addition of documentation to more closely match HTWOO-Core doc navigation and to extend the documentation of the controls.


  • HOOTag - New meta tag implementation
  • HOOAvatar - Size is now optional parameter to support container sizing, added additional sizes to enum HOOAvatarSize


  • HOOTagList - New meta tag list implementation
  • HOOPersona - New persona implementation
  • HOOAvatarPres - Size is now optional parameter to support container sizing

1.0.0 - 2022-May-20

In support of HTWOO-CORE v1.0.0


  • SPFxThemes
    • Extended properties for initThemeHandler method to include passing in microsoftTeams page context to apply Teams theme to CSS Variables, also added a usePageTheme optional override that will use the page’s theme for those instances when you need the root, unmodified SharePoint theme.
    • Added isInverted property to class to retrieve if the theme is in it’s inverted state
    • Added inTeams property to class to retieve if theme is coming from Microsoft Teams.
    • Added global const spfxThemes when a global theme state is required
    • Added global React conext object SPFxThemesContext to utilize a theme provider with your React project.

0.2.0 - 2022-April-15

In support of HTWOO-CORE v0.7.0


  • HOOButton - Icon Left and Icon Right to be used with Primary Button type.
  • HOOButton - IconName to support Icon button type icon child should be a span not a div.
  • HOODialogIFrame - New iFrame styling for child of the HOODialogContent molecule
  • HOODate - New date picker implementation
  • HOOTime - New time picker implementation


  • HOOBreadcrumb - New implementation, supporting button and hyperlink breadcrumb component.


  • SymbolSet - IconBase64 method that takes IconName and returns base64 encoded string, added namepaceuri to svg element.

0.1.0 - 2022-March-30

Initial GA Release