pkp/pkp-lib#10033 Add validator for direction prop

blesildaramirez · Jun 20, 2024 · ef172cf · ef172cf
1 parent 21336e1
commit ef172cf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/DropdownActions/DropdownActions.stories.js b/src/components/DropdownActions/DropdownActions.stories.js
@@ -42,6 +42,7 @@ export const Default = {
 	args: {
 		actions: downloadActions,
 		label: 'Download Review Form',
+		direction: 'left',
 	},
 	play: async ({canvasElement}) => {
 		// Assigns canvas to the component root element
@@ -90,6 +91,7 @@ export const EllipsisMenu = {
 		],
 		label: 'User management options',
 		displayAsEllipsis: true,
+		direction: 'left',
 	},
 	play: async ({canvasElement}) => {
 		// Assigns canvas to the component root element

diff --git a/src/components/DropdownActions/DropdownActions.vue b/src/components/DropdownActions/DropdownActions.vue
@@ -92,10 +92,11 @@ defineProps({
 		type: String,
 		default: '',
 	},
-	/** This specifies where the dropdown appears relative to the element, such as "left," or "right." */
+	/** This specifies where the dropdown appears relative to the element, such as "left" or "right." */
 	direction: {
 		type: String,
 		default: 'left',
+		validator: (direction) => ['left', 'right'].includes(direction),
 	},
 });