feat(NcDialogButton): Allow to return false from callback to keep d…

…ialog open

If the callback returns `false` then the click event will not be forwarded.
This could be usful if the click triggers a validation that fails and the user
should be able to fix the issue.

Signed-off-by: Ferdinand Thiessen <[email protected]>

src/components/NcDialogButton/NcDialogButton.vue

@@ -38,8 +38,9 @@ export default defineComponent({
 
 	props: {
 		/**
-		 * The function that will be called when the button is pressed
-		 * @type {() => void}
+		 * The function that will be called when the button is pressed.
+		 * If the function returns `false` the click is ignored and the dialog will not be closed.
+		 * @type {() => void|false}
 		 */
 		callback: {
 			type: Function,
@@ -103,9 +104,10 @@ export default defineComponent({
 		 * Handle clicking the button
 		 * @param {MouseEvent} e The click event
 		 */
-		const handleClick = (e) => {
-			props.callback?.()
-			emit('click', e)
+		const handleClick = async (e) => {
+			if (props.callback?.() !== false) {
+				emit('click', e)
+			}
 		}
 
 		return { handleClick }