Support duplicating groups of fields

classes/PodsAPI.php

@@ -6632,6 +6632,7 @@ public function duplicate_pod( $params, $strict = false ) {
 	 * $params['id'] int The Group ID.
 	 * $params['name'] string The Group name.
 	 * $params['new_name'] string The new Group name.
+	 * $params['duplicate_fields'] bool Whether to duplicate the fields.
 	 *
 	 * @since 2.8.0
 	 *
@@ -6670,7 +6671,11 @@ public function duplicate_group( $params, $strict = false ) {
 			return false;
 		}
 
+		$pod_data = null;
+
 		if ( $group instanceof Group ) {
+			$pod_data = $group->get_parent_object();
+
 			$group = $group->export(
 				[
 					'include_fields' => true,
@@ -6701,7 +6706,13 @@ public function duplicate_group( $params, $strict = false ) {
 
 		$fields = $group['fields'];
 
-		unset( $group['id'], $group['parent'], $group['object_type'], $group['object_storage_type'], $group['fields'] );
+		unset( $group['id'], $group['object_type'], $group['object_storage_type'], $group['fields'] );
+
+		if ( $pod_data ) {
+			unset( $group['parent'] );
+
+			$group['pod_data'] = $pod_data;
+		}
 
 		try {
 			$group_id = $this->save_group( $group );
@@ -6715,16 +6726,24 @@ public function duplicate_group( $params, $strict = false ) {
 			return false;
 		}
 
-		foreach ( $fields as $field => $field_data ) {
-			unset( $field_data['id'], $field_data['parent'], $field_data['object_type'], $field_data['object_storage_type'], $field_data['group'] );
+		$group_data = $this->load_group( [ 'id' => $group_id ] );
 
-			$field_data['group_id'] = $group_id;
+		if ( ! empty( $params->duplicate_fields ) ) {
+			foreach ( $fields as $field_data ) {
+				try {
+					$field_params = [
+						'pod' => $pod_data,
+						'id' => $field_data['id'],
+						'name' => $field_data['name'],
+						'new_group' => $group_data,
+						'new_group_id' => $group_id,
+					];
 
-			try {
-				$this->save_field( $field_data );
-			} catch ( Exception $exception ) {
-				// Field not saved.
-				pods_debug_log( $exception );
+					$this->duplicate_field( $field_params, true || $strict );
+				} catch ( Exception $exception ) {
+					// Field not saved.
+					pods_debug_log( $exception );
+				}
 			}
 		}
 

ui/js/dfv/pods-dfv.min.asset.json

@@ -1 +1 @@
-{"dependencies":["lodash","moment","react","react-dom","react-jsx-runtime","regenerator-runtime","wp-api-fetch","wp-autop","wp-components","wp-compose","wp-data","wp-element","wp-hooks","wp-i18n","wp-keycodes","wp-plugins","wp-primitives","wp-url"],"version":"80b6069739008a83b26c"}
+{"dependencies":["lodash","moment","react","react-dom","react-jsx-runtime","regenerator-runtime","wp-api-fetch","wp-autop","wp-components","wp-compose","wp-data","wp-element","wp-hooks","wp-i18n","wp-keycodes","wp-plugins","wp-primitives","wp-url"],"version":"4b9cc806655e49cfbca5"}

ui/js/dfv/src/admin/edit-pod/main-tabs/field-group.js

@@ -12,7 +12,11 @@ import SettingsModal from './settings-modal';
 import FieldList from 'dfv/src/admin/edit-pod/main-tabs/field-list';
 import { GROUP_PROP_TYPE_SHAPE } from 'dfv/src/config/prop-types';
 
-import { SAVE_STATUSES, DELETE_STATUSES } from 'dfv/src/store/constants';
+import {
+	SAVE_STATUSES,
+	DUPLICATE_STATUSES,
+	DELETE_STATUSES,
+} from 'dfv/src/store/constants';
 
 import './field-group.scss';
 
@@ -31,8 +35,10 @@ const FieldGroup = ( props ) => {
 		hasMovedFields,
 		saveStatus,
 		saveMessage,
+		duplicateStatus,
 		deleteStatus,
 		resetGroupSaveStatus,
+		duplicateGroup,
 		deleteGroup,
 		removeGroupFromPod,
 		saveGroup,
@@ -48,6 +54,8 @@ const FieldGroup = ( props ) => {
 		fields,
 	} = group;
 
+	const isDuplicating = DUPLICATE_STATUSES.DUPLICATING === duplicateStatus;
+	const hasDuplicateFailed = DUPLICATE_STATUSES.DUPLICATE_ERROR === duplicateStatus;
 	const isDeleting = DELETE_STATUSES.DELETING === deleteStatus;
 	const hasDeleteFailed = DELETE_STATUSES.DELETE_ERROR === deleteStatus;
 
@@ -129,6 +137,21 @@ const FieldGroup = ( props ) => {
 		);
 	};
 
+	const onDuplicateGroupClick = ( event ) => {
+		event.stopPropagation();
+
+		if ( hasMovedFields ) {
+			// eslint-disable-next-line no-alert
+			alert(
+				__( 'You moved fields outside of this group but did not save your changes to the Pod yet. To duplicate this Group, save changes for your Pod first.', 'pods' ),
+			);
+
+			return;
+		}
+
+		duplicateGroup( groupID, groupName );
+	};
+
 	const onDeleteGroupClick = ( event ) => {
 		event.stopPropagation();
 
@@ -159,6 +182,8 @@ const FieldGroup = ( props ) => {
 				classnames(
 					'pods-field-group-wrapper',
 					hasMoved && 'pods-field-group-wrapper--unsaved',
+					isDuplicating && 'pods-field-group-wrapper--duplicating',
+					hasDuplicateFailed && 'pods-field-group-wrapper--errored',
 					isDeleting && 'pods-field-group-wrapper--deleting',
 					hasDeleteFailed && 'pods-field-group-wrapper--errored',
 				)
@@ -188,6 +213,12 @@ const FieldGroup = ( props ) => {
 
 					{ groupLabel }
 
+					{ hasDuplicateFailed ? (
+						<div className="pods-field-group_name__error">
+							{ __( 'Duplication failed. Try again?', 'pods' ) }
+						</div>
+					) : null }
+
 					{ hasDeleteFailed ? (
 						<div className="pods-field-group_name__error">
 							{ __( 'Delete failed. Try again?', 'pods' ) }
@@ -223,6 +254,14 @@ const FieldGroup = ( props ) => {
 						{ __( 'Edit', 'pods' ) }
 					</button>
 					|
+					<button
+						className="pods-field-group_button pods-field-group_duplicate"
+						onClick={ ( event ) => onDuplicateGroupClick( event ) }
+						aria-label={ __( 'Duplicate this field group for the Pod', 'pods' ) }
+					>
+						{ __( 'Duplicate', 'pods' ) }
+					</button>
+					|
 					<button
 						className="pods-field-group_button pods-field-group_delete"
 						onClick={ onDeleteGroupClick }
@@ -305,9 +344,11 @@ FieldGroup.propTypes = {
 	hasMovedFields: PropTypes.bool.isRequired,
 	saveStatus: PropTypes.string,
 	saveMessage: PropTypes.string,
+	duplicateStatus: PropTypes.string,
 	deleteStatus: PropTypes.string,
 
 	toggleExpanded: PropTypes.func.isRequired,
+	duplicateGroup: PropTypes.func.isRequired,
 	deleteGroup: PropTypes.func.isRequired,
 	removeGroupFromPod: PropTypes.func.isRequired,
 	saveGroup: PropTypes.func.isRequired,