feat: allow customizable modal size through props

WordPress · Feb 25, 2025 · 8898589 · 8898589
1 parent 77da6c2
commit 8898589
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/dataviews/src/components/dataviews-item-actions/index.tsx b/packages/dataviews/src/components/dataviews-item-actions/index.tsx
@@ -111,7 +111,7 @@ export function ActionModal< Item >( {
 			__experimentalHideHeader={ !! action.hideModalHeader }
 			onRequestClose={ closeModal }
 			focusOnMount="firstContentElement"
-			size="medium"
+			size={ action.modalSize || 'medium' }
 			overlayClassName={ `dataviews-action-modal dataviews-action-modal__${ kebabCase(
 				action.id
 			) }` }

diff --git a/packages/dataviews/src/types.ts b/packages/dataviews/src/types.ts
@@ -463,6 +463,11 @@ export interface ActionModal< Item > extends ActionBase< Item > {
 	 * The header of the modal.
 	 */
 	modalHeader?: string;
+
+	/**
+	 * The size of the modal.
+	 */
+	modalSize?: 'small' | 'medium' | 'large' | 'fill';
 }
 
 export interface ActionButton< Item > extends ActionBase< Item > {