How to display tables with actions inside infolist builder ?

[agcodex01]

Package

Infolist builder

Package Version

v3.0.0

How can we help you?

Hello everyone, I have issue including table in livewire component.

I have this TableEntry livewire component and I use it in infolist builder in order to display table entry as a Infolist livewire component.

I was able to display the data as show in the image.

the problem show when i click the action button, my mount variable reset to default.

This is how I use it.

class TableEntry extends Component implements HasTable, HasForms
{
    use InteractsWithForms;
    use InteractsWithTable;

    protected $columns = [];

    protected Builder | Closure | null $query = null;
    protected  Closure | null $modifyQueryUsing = null;
    public ?string  $heading;

    protected $actions = [];


    public function mount(
        array $columns = [],
        array $actions = [],
        Builder | Closure | null $query = null,
        Closure | null $modifyQueryUsing,
    ) {
        $this->columns = $columns;
        $this->actions = $actions;
        $this->query = $query;
        $this->modifyQueryUsing = $modifyQueryUsing;
    }

    // getters

    public function table(Table $table): Table
    {
        $table
            ->heading($this->heading)
            ->query($this->getQuery())
            ->columns($this->getColumns())
            ->actions($this->getActions());

        if ($this->modifyQueryUsing) {
            $table->modifyQueryUsing($this->modifyQueryUsing);
        }

        return $table->paginated(false);
    }
}

in the infolist builder

Livewire::make(TableEntry::class, function ($state) {
        $product = $state;
        return [
            'heading' => 'Components',
            'columns' => [
                Tables\Columns\TextColumn::make('component.name')
                    ->label('Name'),
                Tables\Columns\TextColumn::make('board.code')
                    ->label('Board'),
                Tables\Columns\TextColumn::make('qty_per_set')
                    ->label('Qty/Set')
                    ->formatStateUsing(fn ($state) => $state * $product->qty),

            ],
            'query' => ComponentProduct::query(),
            'actions' => [
                Tables\Actions\Action::make('jo')
                    ->label('Create JO')
                    ->button()
            ],
            'modifyQueryUsing' => fn (Builder $query) => $query->whereBelongsTo($state->product)
        ];
    })

when action button is clicked exception is thrown saying query is null, even though it already loaded the data in the table.