[6.x] Confirmation Modals

[jasonvarga]

Line up confirmation modals with standard modals. Makes a few tweaks too.

Open State

The open state is now controlled the same way as modals.

<!-- Using v-model -->
<ConfirmationModal v-model:open="isOpen">

<!-- Using a prop & event listener -->
<ConfirmationModal :open="isOpen" @update:open="openUpdated">

Close on confirm

Upon confirmation, the modal will close. Previously you had to listen for @confirm and update the condition yourself.

If you use the busy prop, automatic closing will not happen.

Breaking change

This is a breaking change. To upgrade:

• Adjust component name. It was , but now it's either:
  • <ui-confirmation-modal> or
  • import { ConfirmationModal } from '@statamic/cms/ui' and <ConfirmationModal>
• Adjust the open state logic from the previous v-if to the new v-model:open or :open.

-<confirmation-modal v-if="isConfirming" ...>
+<ui-confirmation-modal v-model:open="isConfirming" ...>