@elementor/editor-site-navigation 0.10.3 → 0.12.0

package/src/components/panel/pages-list/page-list-item.tsx

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import {
-	bindMenu,
-	bindTrigger,
-	ListItem,
-	ListItemButton,
-	ListItemIcon,
-	ListItemText,
-	ToggleButton,
-	usePopupState,
-} from '@elementor/ui';
-import { DotsVerticalIcon, HomeIcon } from '@elementor/icons';
-import { Post } from '../../../types';
-import { useActiveDocument, useNavigateToDocument } from '@elementor/editor-documents';
-import PageTitleAndStatus from '../../shared/page-title-and-status';
-import PageActionsMenu from '../actions-menu/page-actions-menu';
-
-export default function PageListItem( { page }: { page: Post } ) {
-	const popupState = usePopupState( {
-		variant: 'popover',
-		popupId: 'page-actions',
-	} );
-
-	const activeDocument = useActiveDocument();
-	const navigateToDocument = useNavigateToDocument();
-
-	const isActive = activeDocument?.id === page.id;
-
-	return (
-		<>
-			<ListItem
-				disablePadding
-				secondaryAction={
-					<ToggleButton
-						value
-						color="secondary"
-						size="small"
-						selected={ popupState.isOpen }
-						{ ...bindTrigger( popupState ) }
-					>
-						<DotsVerticalIcon fontSize="small" />
-					</ToggleButton>
-				}
-			>
-				<ListItemButton
-					selected={ isActive }
-					onClick={ () => navigateToDocument( page.id ) }
-					dense
-				>
-					<ListItemIcon />
-					<ListItemText
-						disableTypography={ true }
-					>
-						<PageTitleAndStatus page={ page } />
-					</ListItemText>
-					{ page.isHome &&
-						<ListItemIcon>
-							<HomeIcon color="disabled" />
-						</ListItemIcon>
-					}
-				</ListItemButton>
-			</ListItem>
-			<PageActionsMenu page={ page } { ...bindMenu( popupState ) } />
-		</>
-	);
-}

package/src/components/panel/pages-list/pages-collapsible-list.tsx

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import CollapsibleList from './collapsible-list';
-import { PageTypeIcon } from '@elementor/icons';
-import { Skeleton, Box } from '@elementor/ui';
-import PageListItem from './page-list-item';
-import { usePosts } from '../../../hooks/use-posts';
-import { __ } from '@wordpress/i18n';
-
-type Props = {
-	isOpenByDefault?: boolean;
-}
-
-export default function PagesCollapsibleList( { isOpenByDefault = false }: Props ) {
-	const { data: pages, isLoading: pagesLoading } = usePosts( 'page' );
-
-	if ( ! pages || pagesLoading ) {
-		return (
-			<Box spacing={ 4 } sx={ { px: 6 } }>
-				<Skeleton variant="text" sx={ { fontSize: '2rem' } } />
-				<Skeleton variant="rounded" width="100%" height="48" />
-			</Box>
-		);
-	}
-
-	// translators: %s: Number of pages
-	const label = __( 'Pages (%s)', 'elementor' ).replace( '%s', ( pages.length ).toString() );
-
-	return (
-		<CollapsibleList
-			label={ label }
-			Icon={ PageTypeIcon }
-			isOpenByDefault={ isOpenByDefault }
-		>
-			{ pages.map( ( page ) => <PageListItem key={ page.id } page={ page } /> ) }
-		</CollapsibleList>
-	);
-}