Add global inserter to Nav editor screen#34619

Merged

getdave merged 34 commits intotrunkfrom add/global-inserter-to-nav-editor

Sep 14, 2021

+328-23

Commits on Sep 14, 2021

Scaffold out very basic interface
getdave
committed
Wire up store state and UI
getdave
committed
Add inserter button to header toolbar
getdave
committed
Use correct classname
getdave
committed
Use optimal props on inserter toggle
getdave
committed
Allow global inserter to insert blocks at root level of Nav block
getdave
committed
Avoid displaying inserter if there are no blocks to insert
getdave
committed
Hide previews as they don't provide much value here
getdave
committed
Refactor Inserter to dedicate component
getdave
committed
Remove hardcoded conditional
getdave
committed
Remove unwanted ref usage
getdave
committed
Add toggle button styles and remove close button on larger screens
getdave
committed
Allow tools to show on mobile viewports
getdave
committed
Conditionalise render of sidebar
getdave
committed
Only hide undo/redo on smaller viewports
getdave
committed
Simplify Navigation Block hook
getdave
committed
Ensure global inserter always targets root nav block
getdave
committed
Ensure items always inserted at end if root nav block is selected
getdave
committed
Update to use correct exported variable name
getdave
committed
Handle focus and tab trapping via hook
getdave
committed
Rename component to make it clear it's the inserter button
getdave
committed
Simplify secondary sidebar
getdave
committed
Alter directory structure in order to improve portability of code
getdave
committed
Make insertion point logic explicit
getdave
committed
Add docblocks to store
getdave
committed
Add selector state guard
getdave
committed
Implement Browse All on quick inserter.
getdave
committed
Move constant outside component body
getdave
committed
Add dep to useSelect
getdave
committed
Add another dep to useSelect
getdave
committed
Remove ref
getdave
committed
Sort out Prettier's mess
getdave
committed
Rename Inserter Button to Inserter Toggle for clarity and consistency
getdave
committed
Apply correct CSS naming convention
getdave
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add global inserter to Nav editor screen#34619

Commits on Sep 14, 2021

Scaffold out very basic interface

Wire up store state and UI

Add inserter button to header toolbar

Use correct classname

Use optimal props on inserter toggle

Allow global inserter to insert blocks at root level of Nav block

Avoid displaying inserter if there are no blocks to insert

Hide previews as they don't provide much value here

Refactor Inserter to dedicate component

Remove hardcoded conditional

Remove unwanted ref usage

Add toggle button styles and remove close button on larger screens

Allow tools to show on mobile viewports

Conditionalise render of sidebar

Only hide undo/redo on smaller viewports

Simplify Navigation Block hook

Ensure global inserter always targets root nav block

Ensure items always inserted at end if root nav block is selected

Update to use correct exported variable name

Handle focus and tab trapping via hook

Rename component to make it clear it's the inserter button

Simplify secondary sidebar

Alter directory structure in order to improve portability of code

Make insertion point logic explicit

Add docblocks to store

Add selector state guard

Implement Browse All on quick inserter.

Move constant outside component body

Add dep to useSelect

Add another dep to useSelect

Remove ref

Sort out Prettier's mess

Rename Inserter Button to Inserter Toggle for clarity and consistency

Apply correct CSS naming convention