BelongsTo aSynch search on custom FormPage didn't work

[benjy8001]

Hi !

I made a custom FormPage, load with custom routing.

But i have an issue with

BelongsTo::make(__('moonshine::ui.resource.stock.vehicle.label'), relationName: 'carVehicle', resource: new CarVehicleResource)
                                                ->required()
                                                ->nullable()
                                               ->asyncSearch()
                                                ->sortable(),

A got an error, and it's seems that BelongsTo async is unable to get the resourceUri. I don't know what i miss, because it's working well for an another part.

Here the error Error: Call to a member function getItemID() on null in file /var/www/html/app/MoonShine/Pages/VehicleFactoryOrderFormPage.php on line 49.

Here the FormPage

<?php

declare(strict_types=1);
namespace App\MoonShine\Pages;

class VehicleFactoryOrderFormPage extends FormPage
{
    /**
     * @return MoonShineComponent
     */
    public function components(): array
    {
        $data   = $this->getResource()->getItemID() ? $this->getResource()->getItem() : $this->getResource()->getModel();
        $action = $this->getResource()->getItemID() ? route('admin.factory_orders.update', $data) : route('admin.factory_orders.store');

        $form = FormBuilder::make($action)
            ->fields(
                Fields::make($this->fields())
                    ->reject(static fn ($field) => $field instanceof HasMany)
                    ->when(
                        $this->getResource()->getItemID(),
                        static fn (Fields $fields) => $fields->push(
                            Hidden::make('_method')->setValue('PUT'),
                        ),
                    ),
            )
            ->fillCast($data, ModelCast::make(VehicleFactoryOrder::class))
            ->async();

        if (!$this->getResource()->getItemID()) {
            $tabLayer = [
                Grid::make([
                    Column::make([
                        Block::make('', [
                            Tabs::make([
                                Tab::make(__('moonshine::ui.resource.informations'), [$form]),
                            ]),
                        ]),
                    ]),
                ]),
            ];

            return [
                ...$this->getLayerComponents(Layer::TOP),
                ...$tabLayer,
            ];
        }
        $bottomComponents         = $this->getLayerComponents(Layer::BOTTOM);

        $tabLayer = [
            Grid::make([
                Column::make([
                    Block::make('', [
                        Tabs::make([
                            Tab::make(__('moonshine::ui.resource.informations'), [$form]),
                        ]),
                    ]),
                ]),
            ]),
        ];

        return [
            ...$this->getLayerComponents(Layer::TOP),
            ...$tabLayer,
        ];
    }

    public function fields(): array
    {
        if (!$this->getResource()->getItemID()) {
            return [
                ID::make()
                    ->useOnImport()
                    ->showOnExport()
                    ->sortable(),

                Grid::make([
                    Column::make([
                        Block::make('', [
                            Tabs::make([
                                Tab::make(__('moonshine::ui.resource.informations'), [

                                    Grid::make([
                                        Column::make([
                                            BelongsTo::make(__('moonshine::ui.resource.stock.vehicle.label'), relationName: 'carVehicle', resource: new CarVehicleResource)
                                                ->required()
                                                ->nullable()
                                               ->asyncSearch()
                                                ->sortable(),
                                            Text::make(__('moonshine::ui.resource.stock.vehicle.name.label'), 'name')
                                                ->required()
                                                ->sortable()
                                                ->useOnImport()
                                                ->showOnExport(),
                                            Enum::make(__('moonshine::ui.resource.stock.vehicle.type.label'), 'type')
                                                ->attach(StockVehicleTypeEnum::class)
                                                ->default(StockVehicleTypeEnum::FACTORY_ORDER->value)
                                                ->required()
                                                ->sortable()
                                                ->useOnImport()
                                                ->showOnExport(),

                                        ])->columnSpan(6),

                                    ]),
                                ]),
                            ]),
                        ]),
                    ]),
                ]),
            ];
        }

        return [
            ID::make()
                ->useOnImport()
                ->showOnExport()
                ->sortable(),

            Grid::make([
                Column::make([
                    Block::make('', [
                        Tabs::make([
                            Tab::make(__('moonshine::ui.resource.informations'), [

                                Grid::make([
                                    Column::make([
                                        BelongsTo::make(__('moonshine::ui.resource.stock.vehicle.label'), relationName: 'carVehicle', resource: new CarVehicleResource)
                                            ->required()
                                            ->disabled()
                                            ->readonly()
                                            ->sortable(),
                                        Text::make(__('moonshine::ui.resource.stock.vehicle.name.label'), 'name')
                                            ->required()
                                            ->sortable()
                                            ->useOnImport()
                                            ->showOnExport(),
                                        Enum::make(__('moonshine::ui.resource.stock.vehicle.type.label'), 'type')
                                            ->attach(StockVehicleTypeEnum::class)
                                            ->required()
                                            ->sortable()
                                            ->useOnImport()
                                            ->showOnExport(),
                                    ])->columnSpan(6),
                                ]),
                            ]),
                        ]),
                    ]),
                ]),
            ]),
        ];
    }
}

A part of my Model

class VehicleFactoryOrder extends Model
{

    public const TABLE_NAME = 'vehicle_factory_orders';

    protected $table = self::TABLE_NAME;

    protected $guarded = [];

    public function carVehicle(): BelongsTo
    {
        return $this->belongsTo(CarVehicle::class);
    }
}

And the resource

class VehicleFactoryOrderResource extends ModelResource
{
    use WithRolePermissions;

    public const NAME = 'vehicleFactoryOrderResource';

    public string $column = 'name';

    protected string $model = VehicleFactoryOrder::class;

    protected string $title = 'moonshine::ui.resource.stock.factory_orders';

    protected string $sortColumn = 'name';

    protected string $sortDirection = 'ASC';

    protected int $itemsPerPage = 15;

    protected bool $stickyTable = true;

    public function title(): string
    {
        return __($this->title);
    }

    /**
     * @return Field
     */
    public function fields(): array
    {
        return [
            ID::make()
                ->useOnImport()
                ->showOnExport()
                ->sortable()
                ->hideOnIndex(),

            Grid::make([
                Column::make([
                    Block::make('', [
                        Tabs::make([
                            Tab::make(__('moonshine::ui.resource.informations'), [
                                Text::make(__('moonshine::ui.resource.stock.vehicle.name.label'), 'name')
                                    ->required()
                                    ->sortable()
                                    ->useOnImport()
                                    ->showOnExport(),
                                BelongsTo::make(__('moonshine::ui.resource.stock.vehicle.label'), relationName: 'carVehicle', resource: new CarVehicleResource)
                                    ->required()
                                    ->sortable(),
                                Text::make(__('moonshine::ui.resource.stock.vehicle.chassis_number.label'), 'chassis_number')->nullable(),
                            ]),
                        ]),
                    ]),
                ]),
            ]),
        ];
    }

    /**
     * @param CarModel $item
     *
     * @return array<string, string|string[]>
     *
     * @see https://laravel.com/docs/validation#available-validation-rules
     */
    public function rules(Model $item): array
    {
        return [];
    }

    public function search(): array
    {
        return [
            'id',
            'name',
            'chassis_number',
        ];
    }

    public function filters(): array
    {
        return [
            Text::make(__('moonshine::ui.resource.stock.vehicle_name.label'), 'name')->nullable(),
            Text::make(__('moonshine::ui.resource.stock.vehicle.chassis_number.label'), 'chassis_number')->nullable(),
            Enum::make(__('moonshine::ui.resource.stock.vehicle.type.label'), 'type')
                ->attach(StockVehicleTypeEnum::class)
                ->nullable(),
        ];
    }

    protected function pages(): array
    {
        return [
            IndexPage::make($this->title()),
            VehicleFactoryOrderFormPage::make(
                $this->getItemID()
                    ? __('moonshine::ui.edit')
                    : __('moonshine::ui.add'),
            ),
            DetailPage::make(__('moonshine::ui.show')),
        ];
    }
}

[lee-to]

Show what request URL is generated during search

[lee-to]

you will have null resource everywhere if it is not in the URL

[lee-to]

$this->getResource()->getItem() also null->getItem()

[lee-to]

and everywhere

[lee-to]

overwrite getResource in page class

return new YourResource()