feat: Allow passing data to javascript template

[ejgandelaberon]

This pull request allows devs to add extra template data to javascript template.

Currently, we can add extra js using addScript() method:

class MyDataTableHtml extends DataTableHtml
{
    public function handle(): Builder
    {
        return $this->getHtmlBuilder();
            ->addScript('inline-edit-script');
    }
}

However, it is not possible to pass data to the template. Since the template is just a blade file, I think we should be able to do something like this:

{{-- inline-edit-script.blade.php -- }}

table.on('click', 'tbody td:not(:first-child)', function (e) {
   {{ $editorInstance }}.inline(this);
});

By allowing so, the example script could be reused on datatables that needs inline editing having $editorInstance dynamically.

With this PR, $editorInstance can be set dynamically.

class MyDataTableHtml extends DataTableHtml
{
    public function handle(): Builder
    {
        return $this->getHtmlBuilder();
            ->addScript('inline-edit-script')
            ->setTemplateData([
                'editorInstance' => 'inlineEditor',
            ])

            // or

            ->setTemplateData(function (Builder $builder): array {
                if ($condition) {
                    return ['editorInstance' => 'specialInlineEditor'];
                }

                return ['editorInstance' => 'inlineEditor'];
            });
    }
}

[yajra]

Please fix the conflicts, thanks!

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud