[Fields] Migrate store and actions from editor package to fields pack…

…age (#65261)

Co-authored-by: gigitux <[email protected]>
Co-authored-by: youknowriad <[email protected]>

packages/editor/package.json

@@ -47,6 +47,7 @@
 		"@wordpress/deprecated": "file:../deprecated",
 		"@wordpress/dom": "file:../dom",
 		"@wordpress/element": "file:../element",
+		"@wordpress/fields": "file:../fields",
 		"@wordpress/hooks": "file:../hooks",
 		"@wordpress/html-entities": "file:../html-entities",
 		"@wordpress/i18n": "file:../i18n",

packages/editor/src/dataviews/store/private-actions.ts

@@ -8,22 +8,24 @@ import { doAction } from '@wordpress/hooks';
 /**
  * Internal dependencies
  */
-import deletePost from '../actions/delete-post';
-import duplicatePattern from '../actions/duplicate-pattern';
 import duplicateTemplatePart from '../actions/duplicate-template-part';
-import exportPattern from '../actions/export-pattern';
 import resetPost from '../actions/reset-post';
 import trashPost from '../actions/trash-post';
-import permanentlyDeletePost from '../actions/permanently-delete-post';
 import renamePost from '../actions/rename-post';
-import reorderPage from '../actions/reorder-page';
 import restorePost from '../actions/restore-post';
 import type { PostType } from '../types';
 import { store as editorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
-import duplicatePost from '../actions/duplicate-post';
-import viewPostRevisions from '../actions/view-post-revisions';
-import viewPost from '../actions/view-post';
+import {
+	viewPost,
+	viewPostRevisions,
+	duplicatePost,
+	duplicatePattern,
+	reorderPage,
+	exportPattern,
+	permanentlyDeletePost,
+} from '@wordpress/fields';
+import deletePost from '../actions/delete-post';
 
 export function registerEntityAction< Item >(
 	kind: string,

packages/editor/tsconfig.json

@@ -20,6 +20,7 @@
 		{ "path": "../deprecated" },
 		{ "path": "../dom" },
 		{ "path": "../element" },
+		{ "path": "../fields" },
 		{ "path": "../hooks" },
 		{ "path": "../html-entities" },
 		{ "path": "../i18n" },

packages/fields/README.md

@@ -14,7 +14,53 @@ npm install @wordpress/fields --save
 
 <!-- START TOKEN(Autogenerated API docs) -->
 
-Nothing to document.
+### duplicatePattern
+
+Undocumented declaration.
+
+### duplicatePost
+
+Undocumented declaration.
+
+### duplicatePostNative
+
+Undocumented declaration.
+
+### exportPattern
+
+Undocumented declaration.
+
+### exportPatternNative
+
+Undocumented declaration.
+
+### orderField
+
+Undocumented declaration.
+
+### permanentlyDeletePost
+
+Undocumented declaration.
+
+### reorderPage
+
+Undocumented declaration.
+
+### reorderPageNative
+
+Undocumented declaration.
+
+### titleField
+
+Undocumented declaration.
+
+### viewPost
+
+Undocumented declaration.
+
+### viewPostRevisions
+
+Undocumented declaration.
 
 <!-- END TOKEN(Autogenerated API docs) -->
 

packages/fields/package.json

@@ -25,13 +25,34 @@
 	},
 	"main": "build/index.js",
 	"module": "build-module/index.js",
+	"react-native": "src/index",
 	"types": "build-types",
 	"sideEffects": [
 		"build-style/**",
 		"src/**/*.scss"
 	],
 	"dependencies": {
-		"@babel/runtime": "^7.16.0"
+		"@babel/runtime": "^7.16.0",
+		"@wordpress/blob": "file:../blob",
+		"@wordpress/blocks": "file:../blocks",
+		"@wordpress/components": "file:../components",
+		"@wordpress/compose": "file:../compose",
+		"@wordpress/core-data": "file:../core-data",
+		"@wordpress/data": "file:../data",
+		"@wordpress/dataviews": "file:../dataviews",
+		"@wordpress/element": "file:../element",
+		"@wordpress/hooks": "file:../hooks",
+		"@wordpress/html-entities": "file:../html-entities",
+		"@wordpress/i18n": "file:../i18n",
+		"@wordpress/icons": "file:../icons",
+		"@wordpress/notices": "file:../notices",
+		"@wordpress/patterns": "file:../patterns",
+		"@wordpress/primitives": "file:../primitives",
+		"@wordpress/private-apis": "file:../private-apis",
+		"@wordpress/url": "file:../url",
+		"@wordpress/warning": "file:../warning",
+		"change-case": "4.1.2",
+		"client-zip": "^2.4.5"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0"

packages/editor/src/dataviews/actions/duplicate-post.tsx → packages/fields/src/actions/base-post/duplicate-post.tsx

@@ -18,9 +18,9 @@ import type { Action } from '@wordpress/dataviews';
 /**
  * Internal dependencies
  */
-import { getItemTitle } from '../../dataviews/actions/utils';
-import type { CoreDataError, BasePost } from '../types';
-import { titleField } from '../fields';
+import { titleField } from '../../fields';
+import type { BasePost, CoreDataError } from '../../types';
+import { getItemTitle } from '../utils';
 
 const fields = [ titleField ];
 const formDuplicateAction = {

packages/fields/src/actions/base-post/index.ts

@@ -0,0 +1,5 @@
+export { default as viewPost } from './view-post';
+export { default as reorderPage } from './reorder-page';
+export { default as reorderPageNative } from './reorder-page.native';
+export { default as duplicatePost } from './duplicate-post';
+export { default as duplicatePostNative } from './duplicate-post.native';

packages/editor/src/dataviews/actions/reorder-page.tsx → packages/fields/src/actions/base-post/reorder-page.tsx

@@ -17,8 +17,8 @@ import type { Action, RenderModalProps } from '@wordpress/dataviews';
 /**
  * Internal dependencies
  */
-import type { CoreDataError, BasePost } from '../types';
-import { orderField } from '../fields';
+import type { CoreDataError, BasePost } from '../../types';
+import { orderField } from '../../fields';
 
 const fields = [ orderField ];
 const formOrderAction = {

packages/editor/src/dataviews/actions/view-post.tsx → packages/fields/src/actions/base-post/view-post.tsx

@@ -8,7 +8,7 @@ import type { Action } from '@wordpress/dataviews';
 /**
  * Internal dependencies
  */
-import type { BasePost } from '../types';
+import type { BasePost } from '../../types';
 
 const viewPost: Action< BasePost > = {
 	id: 'view-post',

packages/fields/src/actions/common/index.ts

@@ -0,0 +1,2 @@
+export { default as viewPostRevisions } from './view-post-revisions';
+export { default as permanentlyDeletePost } from './permanently-delete-post';

packages/editor/src/dataviews/actions/permanently-delete-post.tsx → packages/fields/src/actions/common/permanently-delete-post.tsx

@@ -10,8 +10,8 @@ import { trash } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-import { getItemTitle, isTemplateOrTemplatePart } from './utils';
-import type { CoreDataError, PostWithPermissions } from '../types';
+import { getItemTitle, isTemplateOrTemplatePart } from '../utils';
+import type { CoreDataError, PostWithPermissions } from '../../types';
 
 const permanentlyDeletePost: Action< PostWithPermissions > = {
 	id: 'permanently-delete',

packages/editor/src/dataviews/actions/view-post-revisions.tsx → packages/fields/src/actions/common/view-post-revisions.tsx

@@ -8,7 +8,7 @@ import type { Action } from '@wordpress/dataviews';
 /**
  * Internal dependencies
  */
-import type { Post } from '../types';
+import type { Post } from '../../types';
 
 const viewPostRevisions: Action< Post > = {
 	id: 'view-post-revisions',

packages/fields/src/actions/index.ts

@@ -0,0 +1,3 @@
+export * from './base-post';
+export * from './common';
+export * from './pattern';

packages/editor/src/dataviews/actions/duplicate-pattern.tsx → packages/fields/src/actions/pattern/duplicate-pattern.tsx

@@ -10,7 +10,7 @@ import type { Action } from '@wordpress/dataviews';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
-import type { Pattern } from '../types';
+import type { Pattern } from '../../types';
 
 // Patterns.
 const { CreatePatternModalContents, useDuplicatePatternProps } =

packages/editor/src/dataviews/actions/export-pattern.tsx → packages/fields/src/actions/pattern/export-pattern.tsx

@@ -15,8 +15,8 @@ import type { Action } from '@wordpress/dataviews';
 /**
  * Internal dependencies
  */
-import type { Pattern } from '../types';
-import { getItemTitle } from './utils';
+import type { Pattern } from '../../types';
+import { getItemTitle } from '../utils';
 
 function getJsonFromItem( item: Pattern ) {
 	return JSON.stringify(

packages/fields/src/actions/pattern/index.ts

@@ -0,0 +1,3 @@
+export { default as duplicatePattern } from './duplicate-pattern';
+export { default as exportPattern } from './export-pattern';
+export { default as exportPatternNative } from './export-pattern.native';

packages/fields/src/actions/utils.ts

@@ -0,0 +1,66 @@
+/**
+ * WordPress dependencies
+ */
+import { decodeEntities } from '@wordpress/html-entities';
+
+/**
+ * Internal dependencies
+ */
+import type { Post, TemplatePart, Template } from '../types';
+
+export const TEMPLATE_POST_TYPE = 'wp_template';
+export const TEMPLATE_PART_POST_TYPE = 'wp_template_part';
+export const TEMPLATE_ORIGINS = {
+	custom: 'custom',
+	theme: 'theme',
+	plugin: 'plugin',
+};
+
+export function isTemplate( post: Post ): post is Template {
+	return post.type === TEMPLATE_POST_TYPE;
+}
+
+export function isTemplatePart( post: Post ): post is TemplatePart {
+	return post.type === TEMPLATE_PART_POST_TYPE;
+}
+
+export function isTemplateOrTemplatePart(
+	p: Post
+): p is Template | TemplatePart {
+	return p.type === TEMPLATE_POST_TYPE || p.type === TEMPLATE_PART_POST_TYPE;
+}
+
+export function getItemTitle( item: Post ) {
+	if ( typeof item.title === 'string' ) {
+		return decodeEntities( item.title );
+	}
+	if ( 'rendered' in item.title ) {
+		return decodeEntities( item.title.rendered );
+	}
+	if ( 'raw' in item.title ) {
+		return decodeEntities( item.title.raw );
+	}
+	return '';
+}
+
+/**
+ * Check if a template is removable.
+ *
+ * @param template The template entity to check.
+ * @return Whether the template is removable.
+ */
+export function isTemplateRemovable( template: Template | TemplatePart ) {
+	if ( ! template ) {
+		return false;
+	}
+	// In patterns list page we map the templates parts to a different object
+	// than the one returned from the endpoint. This is why we need to check for
+	// two props whether is custom or has a theme file.
+	return (
+		[ template.source, template.source ].includes(
+			TEMPLATE_ORIGINS.custom
+		) &&
+		! Boolean( template.type === 'wp_template' && template?.plugin ) &&
+		! template.has_theme_file
+	);
+}

packages/fields/src/fields/index.ts

@@ -0,0 +1,2 @@
+export { default as titleField } from './title';
+export { default as orderField } from './order';

packages/fields/src/fields/order/index.ts

@@ -0,0 +1,18 @@
+/**
+ * WordPress dependencies
+ */
+import type { Field } from '@wordpress/dataviews';
+import { __ } from '@wordpress/i18n';
+/**
+ * Internal dependencies
+ */
+import type { BasePost } from '../../types';
+
+const orderField: Field< BasePost > = {
+	type: 'integer',
+	id: 'menu_order',
+	label: __( 'Order' ),
+	description: __( 'Determines the order of pages.' ),
+};
+
+export default orderField;