{
  "version": 3,
  "sources": ["../../../src/components/list-view-sidebar/index.js"],
  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ListViewOutline from './list-view-outline';\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { TabbedSidebar } = unlock( blockEditorPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editorStore ) );\n\n\t// This hook handles focus when the sidebar first renders.\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\t// Tracks our current tab.\n\tconst [ tab, setTab ] = useState( 'list-view' );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the tab panel.\n\tconst tabsRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t// Must merge the refs together so focus can be handled properly in the next function.\n\tconst listViewContainerRef = useMergeRefs( [\n\t\tfocusOnMountRef,\n\t\tlistViewRef,\n\t\tsetDropZoneElement,\n\t] );\n\n\t/*\n\t * Callback function to handle list view or outline focus.\n\t *\n\t * @param {string} currentTab The current tab. Either list view or outline.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus( currentTab ) {\n\t\t// Tab panel focus.\n\t\tconst tabPanelFocus = focus.tabbable.find( tabsRef.current )[ 0 ];\n\t\t// List view tab is selected.\n\t\tif ( currentTab === 'list-view' ) {\n\t\t\t// Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.\n\t\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\t\tlistViewRef.current\n\t\t\t)[ 0 ];\n\t\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\t\tlistViewApplicationFocus\n\t\t\t)\n\t\t\t\t? listViewApplicationFocus\n\t\t\t\t: tabPanelFocus;\n\t\t\tlistViewFocusArea.focus();\n\t\t\t// Outline tab is selected.\n\t\t} else {\n\t\t\ttabPanelFocus.focus();\n\t\t}\n\t}\n\n\tconst handleToggleListViewShortcut = useCallback( () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcloseListView();\n\t\t} else {\n\t\t\t// If the list view or outline does not have focus, focus should be moved to it.\n\t\t\thandleSidebarFocus( tab );\n\t\t}\n\t}, [ closeListView, tab ] );\n\n\t// This only fires when the sidebar is open because of the conditional rendering.\n\t// It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/editor/toggle-list-view', handleToggleListViewShortcut );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"editor-list-view-sidebar\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<TabbedSidebar\n\t\t\t\ttabs={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'list-view',\n\t\t\t\t\t\ttitle: _x( 'List View', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-panel-content\">\n\t\t\t\t\t\t\t\t\t<ListView\n\t\t\t\t\t\t\t\t\t\tdropZoneElement={ dropZoneElement }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tpanelRef: listViewContainerRef,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'outline',\n\t\t\t\t\t\ttitle: _x( 'Outline', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<ListViewOutline />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonClose={ closeListView }\n\t\t\t\tonSelect={ ( tabName ) => setTab( tabName ) }\n\t\t\t\tdefaultTabId=\"list-view\"\n\t\t\t\tref={ tabsRef }\n\t\t\t\tcloseButtonLabel={ __( 'Close' ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],
  "mappings": "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",
  "names": ["blockEditorPrivateApis", "editorStore", "ListView", "ListViewOutline"]
}