Toogle disable/enable field with Action

[gregoryloichot]

Package

Form builder

Package Version

v3.2

How can we help you?

Hello,

I'm trying to add a suffix action to enable/disable a field.

The code looks like:

Forms\Components\TextInput::make('name')
                        ->required()
                        ->maxLength(256)
                        ->live()
                        ->disabled(fn($operation) => $operation == 'edit')
                        ->suffixAction(function ($operation) {
                            if ($operation == 'edit')
                                return Action::make('unlockname')
                                    ->icon(function ($component) {
                                        if ($component->disabled()) {
                                            return 'heroicon-o-lock-closed';
                                        } else {
                                            return 'heroicon-o-lock-open';
                                        }
                                    })

                                    ->action(function ($component) {
                                        Log::debug('Is enable?', [$component->isEnabled()]);
                                        if ($component->isEnabled()) {
                                            Log::debug('Make it disabled');
                                            $component->disabled(true);
                                        } else {
                                            Log::debug('Make it enabled');
                                            $component->disabled(false);
                                        }
                                    });
                        })

What happens? On the first click, the input is enabled, as expected. On the second click, the field is not disabled. In the log, $component->isEnabled() is false. Any idea why?

Thanks for your help.

[gregoryloichot]

Is this solved in V4?

[bibilka]

@gregoryloichot I found some kind of solution

TextInput::make('is_slug_editable')->hidden()->default(false),

TextInput::make('slug')->label('Slug')
    ->helperText('Unique text identifier')
    ->rules(['required', 'string', 'max:255'])->required()
    ->disabled(fn($get) => !$get('is_slug_editable'))
    ->hintAction(
        Action::make('manage-slug')->label('Manage')->action(fn($set, $get) => $set('is_slug_editable', !$get('is_slug_editable')))
    ),