@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/src/components/sidebar-dataviews/add-new-view.js

@@ -1,143 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	Modal,
-	TextControl,
-	__experimentalHStack as HStack,
-	__experimentalVStack as VStack,
-	Button,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useDispatch, resolveSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useState } from '@wordpress/element';
-import { plus } from '@wordpress/icons';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { addQueryArgs } from '@wordpress/url';
-
-/**
- * Internal dependencies
- */
-import SidebarNavigationItem from '../sidebar-navigation-item';
-import { useDefaultViews } from './default-views';
-import { unlock } from '../../lock-unlock';
-
-const { useLocation, useHistory } = unlock( routerPrivateApis );
-
-function AddNewItemModalContent( { type, setIsAdding } ) {
-	const history = useHistory();
-	const { path } = useLocation();
-	const { saveEntityRecord } = useDispatch( coreStore );
-	const [ title, setTitle ] = useState( '' );
-	const [ isSaving, setIsSaving ] = useState( false );
-	const defaultViews = useDefaultViews( { postType: type } );
-	return (
-		<form
-			onSubmit={ async ( event ) => {
-				event.preventDefault();
-				setIsSaving( true );
-				const { getEntityRecords } = resolveSelect( coreStore );
-				let dataViewTaxonomyId;
-				const dataViewTypeRecords = await getEntityRecords(
-					'taxonomy',
-					'wp_dataviews_type',
-					{ slug: type }
-				);
-				if ( dataViewTypeRecords && dataViewTypeRecords.length > 0 ) {
-					dataViewTaxonomyId = dataViewTypeRecords[ 0 ].id;
-				} else {
-					const record = await saveEntityRecord(
-						'taxonomy',
-						'wp_dataviews_type',
-						{ name: type }
-					);
-					if ( record && record.id ) {
-						dataViewTaxonomyId = record.id;
-					}
-				}
-				const savedRecord = await saveEntityRecord(
-					'postType',
-					'wp_dataviews',
-					{
-						title,
-						status: 'publish',
-						wp_dataviews_type: dataViewTaxonomyId,
-						content: JSON.stringify( defaultViews[ 0 ].view ),
-					}
-				);
-				history.navigate(
-					addQueryArgs( path, {
-						activeView: savedRecord.id,
-						isCustom: 'true',
-					} )
-				);
-				setIsSaving( false );
-				setIsAdding( false );
-			} }
-		>
-			<VStack spacing="5">
-				<TextControl
-					__next40pxDefaultSize
-					__nextHasNoMarginBottom
-					label={ __( 'Name' ) }
-					value={ title }
-					onChange={ setTitle }
-					placeholder={ __( 'My view' ) }
-					className="patterns-create-modal__name-input"
-				/>
-				<HStack justify="right">
-					<Button
-						__next40pxDefaultSize
-						variant="tertiary"
-						onClick={ () => {
-							setIsAdding( false );
-						} }
-					>
-						{ __( 'Cancel' ) }
-					</Button>
-
-					<Button
-						__next40pxDefaultSize
-						variant="primary"
-						type="submit"
-						aria-disabled={ ! title || isSaving }
-						isBusy={ isSaving }
-					>
-						{ __( 'Create' ) }
-					</Button>
-				</HStack>
-			</VStack>
-		</form>
-	);
-}
-
-export default function AddNewItem( { type } ) {
-	const [ isAdding, setIsAdding ] = useState( false );
-	return (
-		<>
-			<SidebarNavigationItem
-				icon={ plus }
-				onClick={ () => {
-					setIsAdding( true );
-				} }
-				className="dataviews__siderbar-content-add-new-item"
-			>
-				{ __( 'New view' ) }
-			</SidebarNavigationItem>
-			{ isAdding && (
-				<Modal
-					title={ __( 'Add new view' ) }
-					onRequestClose={ () => {
-						setIsAdding( false );
-					} }
-				>
-					<AddNewItemModalContent
-						type={ type }
-						setIsAdding={ setIsAdding }
-					/>
-				</Modal>
-			) }
-		</>
-	);
-}

package/src/components/sidebar-dataviews/custom-dataviews-list.js

@@ -1,233 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import {
-	__experimentalItemGroup as ItemGroup,
-	__experimentalHeading as Heading,
-	DropdownMenu,
-	MenuGroup,
-	MenuItem,
-	TextControl,
-	__experimentalHStack as HStack,
-	__experimentalVStack as VStack,
-	Button,
-	Modal,
-} from '@wordpress/components';
-import { useMemo, useState } from '@wordpress/element';
-import { moreVertical } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import DataViewItem from './dataview-item';
-import AddNewItem from './add-new-view';
-import { unlock } from '../../lock-unlock';
-
-const { useHistory, useLocation } = unlock( routerPrivateApis );
-
-const EMPTY_ARRAY = [];
-
-function RenameItemModalContent( { dataviewId, currentTitle, setIsRenaming } ) {
-	const { editEntityRecord } = useDispatch( coreStore );
-	const [ title, setTitle ] = useState( currentTitle );
-	return (
-		<form
-			onSubmit={ async ( event ) => {
-				event.preventDefault();
-				await editEntityRecord(
-					'postType',
-					'wp_dataviews',
-					dataviewId,
-					{
-						title,
-					}
-				);
-				setIsRenaming( false );
-			} }
-		>
-			<VStack spacing="5">
-				<TextControl
-					__next40pxDefaultSize
-					__nextHasNoMarginBottom
-					label={ __( 'Name' ) }
-					value={ title }
-					onChange={ setTitle }
-					placeholder={ __( 'My view' ) }
-					className="patterns-create-modal__name-input"
-				/>
-				<HStack justify="right">
-					<Button
-						variant="tertiary"
-						__next40pxDefaultSize
-						onClick={ () => {
-							setIsRenaming( false );
-						} }
-					>
-						{ __( 'Cancel' ) }
-					</Button>
-					<Button
-						variant="primary"
-						type="submit"
-						aria-disabled={ ! title }
-						__next40pxDefaultSize
-					>
-						{ __( 'Save' ) }
-					</Button>
-				</HStack>
-			</VStack>
-		</form>
-	);
-}
-
-function CustomDataViewItem( { dataviewId, isActive } ) {
-	const history = useHistory();
-	const location = useLocation();
-	const { dataview } = useSelect(
-		( select ) => {
-			const { getEditedEntityRecord } = select( coreStore );
-			return {
-				dataview: getEditedEntityRecord(
-					'postType',
-					'wp_dataviews',
-					dataviewId
-				),
-			};
-		},
-		[ dataviewId ]
-	);
-	const { deleteEntityRecord } = useDispatch( coreStore );
-	const type = useMemo( () => {
-		const viewContent = JSON.parse( dataview.content );
-		return viewContent.type;
-	}, [ dataview.content ] );
-	const [ isRenaming, setIsRenaming ] = useState( false );
-	return (
-		<>
-			<DataViewItem
-				title={ dataview.title }
-				type={ type }
-				isActive={ isActive }
-				isCustom
-				customViewId={ dataviewId }
-				suffix={
-					<DropdownMenu
-						icon={ moreVertical }
-						label={ __( 'Actions' ) }
-						className="edit-site-sidebar-dataviews-dataview-item__dropdown-menu"
-						toggleProps={ {
-							style: {
-								color: 'inherit',
-							},
-							size: 'small',
-						} }
-					>
-						{ ( { onClose } ) => (
-							<MenuGroup>
-								<MenuItem
-									onClick={ () => {
-										setIsRenaming( true );
-										onClose();
-									} }
-								>
-									{ __( 'Rename' ) }
-								</MenuItem>
-								<MenuItem
-									onClick={ async () => {
-										await deleteEntityRecord(
-											'postType',
-											'wp_dataviews',
-											dataview.id,
-											{
-												force: true,
-											}
-										);
-										if ( isActive ) {
-											history.replace( {
-												postType:
-													location.query.postType,
-											} );
-										}
-										onClose();
-									} }
-									isDestructive
-								>
-									{ __( 'Delete' ) }
-								</MenuItem>
-							</MenuGroup>
-						) }
-					</DropdownMenu>
-				}
-			/>
-			{ isRenaming && (
-				<Modal
-					title={ __( 'Rename' ) }
-					onRequestClose={ () => {
-						setIsRenaming( false );
-					} }
-					focusOnMount="firstContentElement"
-					size="small"
-				>
-					<RenameItemModalContent
-						dataviewId={ dataviewId }
-						setIsRenaming={ setIsRenaming }
-						currentTitle={ dataview.title }
-					/>
-				</Modal>
-			) }
-		</>
-	);
-}
-
-export function useCustomDataViews( type ) {
-	const customDataViews = useSelect( ( select ) => {
-		const { getEntityRecords } = select( coreStore );
-		const dataViewTypeRecords = getEntityRecords(
-			'taxonomy',
-			'wp_dataviews_type',
-			{ slug: type }
-		);
-		if ( ! dataViewTypeRecords || dataViewTypeRecords.length === 0 ) {
-			return EMPTY_ARRAY;
-		}
-		const dataViews = getEntityRecords( 'postType', 'wp_dataviews', {
-			wp_dataviews_type: dataViewTypeRecords[ 0 ].id,
-			orderby: 'date',
-			order: 'asc',
-		} );
-		if ( ! dataViews ) {
-			return EMPTY_ARRAY;
-		}
-		return dataViews;
-	} );
-	return customDataViews;
-}
-
-export default function CustomDataViewsList( { type, activeView, isCustom } ) {
-	const customDataViews = useCustomDataViews( type );
-	return (
-		<>
-			<div className="edit-site-sidebar-navigation-screen-dataviews__group-header">
-				<Heading level={ 2 }>{ __( 'Custom Views' ) }</Heading>
-			</div>
-			<ItemGroup className="edit-site-sidebar-navigation-screen-dataviews__custom-items">
-				{ customDataViews.map( ( customViewRecord ) => {
-					return (
-						<CustomDataViewItem
-							key={ customViewRecord.id }
-							dataviewId={ customViewRecord.id }
-							isActive={
-								isCustom &&
-								Number( activeView ) === customViewRecord.id
-							}
-						/>
-					);
-				} ) }
-				<AddNewItem type={ type } />
-			</ItemGroup>
-		</>
-	);
-}

package/src/components/sidebar-dataviews/default-views.js

@@ -1,168 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-import {
-	trash,
-	pages,
-	drafts,
-	published,
-	scheduled,
-	pending,
-	notAllowed,
-} from '@wordpress/icons';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import {
-	LAYOUT_LIST,
-	LAYOUT_TABLE,
-	LAYOUT_GRID,
-	OPERATOR_IS_ANY,
-} from '../../utils/constants';
-
-export const defaultLayouts = {
-	[ LAYOUT_TABLE ]: {},
-	[ LAYOUT_GRID ]: {},
-	[ LAYOUT_LIST ]: {},
-};
-
-const DEFAULT_POST_BASE = {
-	type: LAYOUT_LIST,
-	search: '',
-	filters: [],
-	page: 1,
-	perPage: 20,
-	sort: {
-		field: 'title',
-		direction: 'asc',
-	},
-	showLevels: true,
-	titleField: 'title',
-	mediaField: 'featured_media',
-	fields: [ 'author', 'status' ],
-	...defaultLayouts[ LAYOUT_LIST ],
-};
-
-export function useDefaultViews( { postType } ) {
-	const labels = useSelect(
-		( select ) => {
-			const { getPostType } = select( coreStore );
-			return getPostType( postType )?.labels;
-		},
-		[ postType ]
-	);
-	return useMemo( () => {
-		return [
-			{
-				title: labels?.all_items || __( 'All items' ),
-				slug: 'all',
-				icon: pages,
-				view: DEFAULT_POST_BASE,
-			},
-			{
-				title: __( 'Published' ),
-				slug: 'published',
-				icon: published,
-				view: {
-					...DEFAULT_POST_BASE,
-					filters: [
-						{
-							field: 'status',
-							operator: OPERATOR_IS_ANY,
-							value: 'publish',
-							isLocked: true,
-						},
-					],
-				},
-			},
-			{
-				title: __( 'Scheduled' ),
-				slug: 'future',
-				icon: scheduled,
-				view: {
-					...DEFAULT_POST_BASE,
-					filters: [
-						{
-							field: 'status',
-							operator: OPERATOR_IS_ANY,
-							value: 'future',
-							isLocked: true,
-						},
-					],
-				},
-			},
-			{
-				title: __( 'Drafts' ),
-				slug: 'drafts',
-				icon: drafts,
-				view: {
-					...DEFAULT_POST_BASE,
-					filters: [
-						{
-							field: 'status',
-							operator: OPERATOR_IS_ANY,
-							value: 'draft',
-							isLocked: true,
-						},
-					],
-				},
-			},
-			{
-				title: __( 'Pending' ),
-				slug: 'pending',
-				icon: pending,
-				view: {
-					...DEFAULT_POST_BASE,
-					filters: [
-						{
-							field: 'status',
-							operator: OPERATOR_IS_ANY,
-							value: 'pending',
-							isLocked: true,
-						},
-					],
-				},
-			},
-			{
-				title: __( 'Private' ),
-				slug: 'private',
-				icon: notAllowed,
-				view: {
-					...DEFAULT_POST_BASE,
-					filters: [
-						{
-							field: 'status',
-							operator: OPERATOR_IS_ANY,
-							value: 'private',
-							isLocked: true,
-						},
-					],
-				},
-			},
-			{
-				title: __( 'Trash' ),
-				slug: 'trash',
-				icon: trash,
-				view: {
-					...DEFAULT_POST_BASE,
-					type: LAYOUT_TABLE,
-					layout: defaultLayouts[ LAYOUT_TABLE ].layout,
-					filters: [
-						{
-							field: 'status',
-							operator: OPERATOR_IS_ANY,
-							value: 'trash',
-							isLocked: true,
-						},
-					],
-				},
-			},
-		];
-	}, [ labels ] );
-}