ToolsPanel: switch to plus icon when no controls present in panel body#34107

Merged

ramonjd merged 12 commits intotrunkfrom

add/tools-panel-plus-icon

Oct 14, 2021

Commits on Oct 13, 2021

When there are no selected controls within a ToolsPanel, change the icon to a plus symbol. This is to indicate to the user that they can add controls to the panel.
ramonjd
committed
Moving business logic into the hook
ramonjd
committed
Ensure that optional controls, when hidden and available, trigger the plus icon in the ToolsPanel header.
ramonjd
committed
updating variable name to make it clearer that we want to track if optional items are available at all *and* if so, are they hidden
ramonjd
committed
This commit adds a variable aria-label to the tools panel header menu button to describe the element and its intended effects.
ramonjd
committed
Changing copy from "Show" to "View"
ramonjd
committed
Renaming `areAllOptionalControlsHidden` variable and adding it as a property to the ToolsPanelContext type
ramonjd
committed
Make `areAllOptionalControlsHidden` required on the ToolsPanelContent object.
ramonjd
committed
Update packages/components/src/tools-panel/test/index.js

ramonjd
and
aaronrobertshaw
committed
Add custom fixtures for optional control props in order to test the panel header icon toggle in isolation from the other tests.
ramonjd
committed
Update packages/components/src/tools-panel/stories/index.js

ramonjd
and
aaronrobertshaw
committed
Consolidating comment and reinstating `false` as the default value for the state var `areAllOptionalControlsHidden`
ramonjd
committed