hide filters when changing views

packages/dataviews/src/components/dataviews/index.tsx

@@ -49,6 +49,8 @@ type DataViewsProps< Item > = {
 	selection?: string[];
 	onChangeSelection?: ( items: string[] ) => void;
 	header?: ReactNode;
+	isShowingFilter?: boolean;
+	setIsShowingFilter?: React.Dispatch< React.SetStateAction< boolean > >;
 } & ( Item extends ItemWithId
 	? { getItemId?: ( item: Item ) => string }
 	: { getItemId: ( item: Item ) => string } );
@@ -70,11 +72,18 @@ export default function DataViews< Item >( {
 	selection: selectionProperty,
 	onChangeSelection,
 	header,
+	isShowingFilter: isShowingFilterProperty,
+	setIsShowingFilter: setIsShowingFilterProperty,
 }: DataViewsProps< Item > ) {
 	const [ selectionState, setSelectionState ] = useState< string[] >( [] );
 	const [ density, setDensity ] = useState< number >( 0 );
-	const [ isShowingFilter, setIsShowingFilter ] =
+	const [ isShowingFilterState, setIsShowingFilterState ] =
 		useState< boolean >( false );
+	const [ isShowingFilter, setIsShowingFilter ] =
+		isShowingFilterProperty === undefined ||
+		setIsShowingFilterProperty === undefined
+			? [ isShowingFilterState, setIsShowingFilterState ]
+			: [ isShowingFilterProperty, setIsShowingFilterProperty ];
 	const isUncontrolled =
 		selectionProperty === undefined || onChangeSelection === undefined;
 	const selection = isUncontrolled ? selectionState : selectionProperty;

packages/edit-site/src/components/page-patterns/index.js

@@ -264,6 +264,11 @@ export default function DataviewsPatterns() {
 		syncStatus: viewSyncStatus,
 	} );
 
+	const [ isShowingFilter, setIsShowingFilter ] = useState( false );
+	useEffect( () => {
+		setIsShowingFilter( false );
+	}, [ categoryId, postType ] );
+
 	const { records } = useEntityRecords( 'postType', TEMPLATE_PART_POST_TYPE, {
 		per_page: -1,
 	} );
@@ -410,6 +415,8 @@ export default function DataviewsPatterns() {
 					view={ view }
 					onChangeView={ setView }
 					defaultLayouts={ defaultLayouts }
+					isShowingFilter={ isShowingFilter }
+					setIsShowingFilter={ setIsShowingFilter }
 				/>
 			</Page>
 		</ExperimentalBlockEditorProvider>

packages/edit-site/src/components/page-templates/index.js

@@ -210,6 +210,10 @@ function Preview( { item, viewType } ) {
 export default function PageTemplates() {
 	const { params } = useLocation();
 	const { activeView = 'all', layout, postId } = params;
+	const [ isShowingFilter, setIsShowingFilter ] = useState( false );
+	useEffect( () => {
+		setIsShowingFilter( false );
+	}, [ activeView ] );
 	const [ selection, setSelection ] = useState( [ postId ] );
 
 	const defaultView = useMemo( () => {
@@ -376,6 +380,8 @@ export default function PageTemplates() {
 				onChangeSelection={ onChangeSelection }
 				selection={ selection }
 				defaultLayouts={ defaultLayouts }
+				isShowingFilter={ isShowingFilter }
+				setIsShowingFilter={ setIsShowingFilter }
 			/>
 		</Page>
 	);

packages/edit-site/src/components/post-list/index.js

@@ -141,8 +141,12 @@ export default function PostList( { postType } ) {
 	const [ view, setView ] = useView( postType );
 	const history = useHistory();
 	const location = useLocation();
-	const { postId, quickEdit = false } = location.params;
+	const { postId, quickEdit = false, isCustom, activeView } = location.params;
 	const [ selection, setSelection ] = useState( postId?.split( ',' ) ?? [] );
+	const [ isShowingFilter, setIsShowingFilter ] = useState( false );
+	useEffect( () => {
+		setIsShowingFilter( false );
+	}, [ isCustom, activeView, postType ] );
 	const onChangeSelection = useCallback(
 		( items ) => {
 			setSelection( items );
@@ -298,6 +302,8 @@ export default function PostList( { postType } ) {
 				onChangeSelection={ onChangeSelection }
 				getItemId={ getItemId }
 				defaultLayouts={ defaultLayouts }
+				isShowingFilter={ isShowingFilter }
+				setIsShowingFilter={ setIsShowingFilter }
 				header={
 					window.__experimentalQuickEditDataViews &&
 					view.type !== LAYOUT_LIST &&