2.0.9

• Fix event duplication when using wire:navigate

2.0.8

What's Changed

• Update modal.js by @vladrusu in #371
• Update WireElementsModalUpgrade.php by @vladrusu in #372

New Contributors

• @vladrusu made their first contribution in #371

Full Changelog: 2.0.7...2.0.8

2.0.7

What's Changed

• Update README.md by @kirgus in #353
• [fix] allow enum binding by @fabio-ivona in #352

New Contributors

• @kirgus made their first contribution in #353
• @fabio-ivona made their first contribution in #352

Full Changelog: 2.0.6...2.0.7

2.0.6

• Stable release

2.0.5-beta

What's Changed

• [V2] Upgrade pattern improvements by @thermiteplasma in #344

Full Changelog: 2.0.4-beta...2.0.5-beta

2.0.4-beta

Fix tests

2.0.3-beta

• Rename the config file, make sure to republish and update your config:

php artisan vendor:publish --tag=wire-elements-modal-config

2.0.2-beta

• Update upgrade command

You can automate the required changes using the following command:

php artisan livewire:upgrade --run-only wire-elements-modal-upgrade

2.0.1-beta

• The old component name is being deprecated. Replace @livewire('livewire-ui-modal') with @livewire('wire-elements-modal')
• arguments is the named property to pass arguments to your modal, for example:

$dispatch('openModal', {component: 'edit-user', arguments: {user: 5}})

Beta release for Livewire v3

Livewire v3 now expects named arguments; this means you will have to adjust your events.

<-- Before -->
<button wire:click="$emit('openModal', 'users')">Show Users</button>
<!-- After -->
<button wire:click="$dispatch('openModal', {component: 'users'})">Show Users</button>

<-- Before -->
<button wire:click="$emit('openModal', 'edit-user', {user: 5})">Edit User</button>
<!-- After -->
<button wire:click="$dispatch('openModal', {component: 'edit-user', arguments: {user: 5}})">Edit User</button>

You can use regular expression to automate this change:

// Regular Expression
emit\('openModal', '([^']+)'(?:, (\{[^}]+\}|@js\(\[[^\]]+\]\)))?\)

// Example 1
$emit('openModal', 'edit-user', {user: 5})

// Matches
$0 = emit('openModal', 'edit-user', {user: 5})
$1 = edit-user
$2 = {user: 5}

// Example 2
$emit('openModal', 'edit-user', @js(['foo' => 'bar']))

// Matches
$0 = emit('openModal', 'edit-user', @js(['foo' => 'bar']))
$1 = edit-user
$2 = @js(['foo' => 'bar'])

// Update all occurrences
dispatch('openModal', {component: '$1', arguments: $2});

In PHPStorm: