q

.github/workflows/mysql.yml

@@ -72,9 +72,8 @@ jobs:
           composer require "laravel/framework:${{ matrix.laravel }}" "livewire/livewire:${{ matrix.livewire }}" --no-interaction --no-update
           composer install
 
-      - name: Install openspout/openspout
-        if: matrix.php == '8.2'
-        run: composer require openspout/openspout
+      - name: Install openspout/openspout v4
+        run: composer require openspout/openspout ^4.23
 
       - name: MySQL
         run: composer test:mysql

.github/workflows/postgres.yml

@@ -73,9 +73,8 @@ jobs:
           composer require "laravel/framework:${{ matrix.laravel }}" "livewire/livewire:${{ matrix.livewire }}" --no-interaction --no-update
           composer install
 
-      - name: Install openspout/openspout
-        if: matrix.php == '8.2'
-        run: composer require openspout/openspout
+      - name: Install openspout/openspout v4
+        run: composer require openspout/openspout ^4.23
 
       - name: PostGreSQL
         run: composer test:pgsql

.github/workflows/sqlite.yml

@@ -61,9 +61,8 @@ jobs:
           composer require "laravel/framework:${{ matrix.laravel }}" "livewire/livewire:${{ matrix.livewire }}" --no-interaction --no-update
           composer install
 
-      - name: Install openspout/openspout
-        if: matrix.php == '8.2'
-        run: composer require openspout/openspout
+      - name: Install openspout/openspout v4
+        run: composer require openspout/openspout ^4.23
 
       - name: SQLite
         run: composer test:sqlite

.gitignore

@@ -19,3 +19,4 @@ tests/cypress/app/
 package-lock.json
 tests/cypress/cypress/screenshots/*
 composer.lock
+/packages/*

composer.json

@@ -29,7 +29,7 @@
     "larastan/larastan": "^2.0|^3.0",
     "laradumps/laradumps": "^4.6",
     "laravel/scout": "^10.11.3",
-    "openspout/openspout": "^4.24.5",
+    "openspout/openspout": "^4.24.5|^5.0",
     "composer/composer": "^2.8"
   },
   "suggest": {

dist/.vite/manifest.json

@@ -2,12 +2,20 @@
   "resources/css/bootstrap5.css": {
     "file": "bootstrap5.css",
     "src": "resources/css/bootstrap5.css",
-    "isEntry": true
+    "isEntry": true,
+    "name": "bootstrap5",
+    "names": [
+      "bootstrap5.css"
+    ]
   },
   "resources/css/tailwind.css": {
     "file": "tailwind.css",
     "src": "resources/css/tailwind.css",
-    "isEntry": true
+    "isEntry": true,
+    "name": "tailwind",
+    "names": [
+      "tailwind.css"
+    ]
   },
   "resources/js/powergrid.js": {
     "file": "powergrid.js",

package.json

@@ -24,17 +24,17 @@
     },
     "homepage": "https://github.com/Power-Components/livewire-powergrid#readme",
     "devDependencies": {
-        "@tailwindcss/forms": "^0.5.10",
-        "@tailwindcss/vite": "^4.0.12",
-        "alpinejs": "^3.14.7",
-        "autoprefixer": "^10.4.20",
-        "blade-formatter": "^1.41.1",
-        "cypress": "^13.16.1",
+        "@tailwindcss/forms": "^0.5.11",
+        "@tailwindcss/vite": "^4.1.18",
+        "alpinejs": "^3.15.3",
+        "autoprefixer": "^10.4.23",
+        "blade-formatter": "^1.44.2",
+        "cypress": "^15.8.2",
         "resolve-url-loader": "^5.0.0",
-        "sass": "^1.82.0",
-        "sass-loader": "^16.0.4",
-        "tailwindcss": "^4.0.12",
-        "tom-select": "^2.4.1",
-        "vite": "^6.4.1"
+        "sass": "^1.97.2",
+        "sass-loader": "^16.0.6",
+        "tailwindcss": "^4.1.18",
+        "tom-select": "^2.4.3",
+        "vite": "^7.3.1"
     }
 }

resources/config/livewire-powergrid.php

@@ -1,7 +1,5 @@
 <?php
 
-use Illuminate\Support\Js;
-
 return [
 
     /*
@@ -141,6 +139,10 @@
 
     'exportable' => [
         'default' => 'openspout_v4',
+        'openspout_v5' => [
+            'xlsx' => \PowerComponents\LivewirePowerGrid\Components\Exports\OpenSpout\v5\ExportToXLS::class,
+            'csv' => \PowerComponents\LivewirePowerGrid\Components\Exports\OpenSpout\v5\ExportToCsv::class,
+        ],
         'openspout_v4' => [
             'xlsx' => \PowerComponents\LivewirePowerGrid\Components\Exports\OpenSpout\v4\ExportToXLS::class,
             'csv' => \PowerComponents\LivewirePowerGrid\Components\Exports\OpenSpout\v4\ExportToCsv::class,

resources/js/components/pg-row-attributes.js

@@ -1,7 +1,6 @@
 export default (params) => ({
     rowId: params.rowId,
     rules: params.rules,
-    defaultClasses: params.defaultClasses,
     attributes: [],
     theme: [],
     init() {
@@ -16,7 +15,7 @@ export default (params) => ({
 
     getAttributes() {
         let attributes = {
-            class: this.defaultClasses
+            class: this.$el.getAttribute('class') || '',
         };
 
         this.attributes.forEach(attribute => {

resources/lang/es/datatable.php

@@ -3,7 +3,7 @@
 return [
     'buttons' => [
         'filter' => 'Filtrar',
-        'clear_all_filters' => 'Clear all',
+        'clear_all_filters' => 'Limpiar todo',
     ],
     'labels' => [
         'action' => 'Acción',
@@ -12,7 +12,7 @@
         'no_data' => 'No se encontraron registros.',
         'all' => 'Todos',
         'selected' => 'Seleccionado',
-        'filtered' => 'Filtrada',
+        'filtered' => 'Filtrado',
     ],
     'placeholders' => [
         'search' => 'Buscar',
@@ -43,10 +43,10 @@
         'contains_not' => 'No contiene',
         'starts_with' => 'Comienza por',
         'ends_with' => 'Termina en',
-        'is_null' => 'És nulo',
-        'is_not_null' => 'No és nulo',
-        'is_blank' => 'És blanco',
-        'is_not_blank' => 'No és blanco',
+        'is_null' => 'Es nulo',
+        'is_not_null' => 'No es nulo',
+        'is_blank' => 'Es blanco',
+        'is_not_blank' => 'No es blanco',
         'is_empty' => 'Esta relleno',
         'is_not_empty' => 'No está relleno',
     ],
@@ -55,21 +55,21 @@
         'completed' => '¡Exportación completada! Tus archivos están listos para descargar',
     ],
     'soft_deletes' => [
-        'message_with_trashed' => 'Displaying all records, including deleted ones.',
-        'message_only_trashed' => 'Displaying only deleted records.',
-        'without_trashed' => 'Without deleted',
-        'with_trashed' => 'With deleted',
-        'only_trashed' => 'Only deleted',
+        'message_with_trashed' => 'Mostrando todos los registros, incluidos los eliminados.',
+        'message_only_trashed' => 'Mostrando solo los registros eliminados.',
+        'without_trashed' => 'Sin eliminados',
+        'with_trashed' => 'Con eliminados',
+        'only_trashed' => 'Solo eliminados',
     ],
     'multi_sort' => [
-        'message' => 'Multiple sort is active',
+        'message' => 'La ordenación múltiple está activa',
     ],
     'buttons_macros' => [
         'confirm' => [
-            'message' => 'Are you sure you want to perform this action?',
+            'message' => 'La ordenación múltiple está activa',
         ],
         'confirm_prompt' => [
-            'message' => "Are you sure you want to perform this action? \n\n Enter :confirmValue to confirm.",
+            'message' => "¿Estás seguro de que deseas realizar esta acción? \n\n Escribe :confirmValue para confirmar.",
         ],
     ],
 ];

resources/lang/id/datatable.php

@@ -3,7 +3,7 @@
 return [
     'buttons' => [
         'filter' => 'Filter',
-        'clear_all_filters' => 'Clear all',
+        'clear_all_filters' => 'Hapus semua',
     ],
     'labels' => [
         'action' => 'Aksi',
@@ -66,10 +66,10 @@
     ],
     'buttons_macros' => [
         'confirm' => [
-            'message' => 'Are you sure you want to perform this action?',
+            'message' => 'Apakah anda yakin ingin melakukan tindakan ini?',
         ],
         'confirm_prompt' => [
-            'message' => "Are you sure you want to perform this action? \n\n Enter :confirmValue to confirm.",
+            'message' => "Apakah anda yakin ingin melakukan tindakan ini? \n\n Ketik :confirmValue untuk mengonfirmasi.",
         ],
     ],
 ];

resources/views/components/frameworks/bootstrap5/filters/input-text.blade.php

@@ -51,10 +51,10 @@
             @if (!$inline)
                 <label class="form-label fw-semibold mb-1">{{ $title }}</label>
             @endif
-            <div class="d-flex flex-row gap-2 align-items-center">
+                <div @class(["d-flex", "flex-row gap-2 align-items-center" => !$inline, "flex-column align-items-start gap-1" => $inline])>
                 @if ($showSelectOptions)
                     <select
-                        class="form-select form-select-sm w-auto"
+                        @class(["form-select form-select-sm", "w-auto" => !$inline, "w-full" => $inline])
                         style="{{ data_get($column, 'headerStyle') }}"
                         {{ $defaultAttributes['selectAttributes'] }}
                     >

resources/views/components/frameworks/bootstrap5/filters/number.blade.php

@@ -33,7 +33,7 @@
         @if (!$inline)
             <label class="form-label fw-semibold mb-1">{{ $title ?? '' }}</label>
         @endif
-        <div class="d-flex flex-row gap-2 align-items-center">
+            <div @class(["d-flex", "flex-row gap-2 align-items-center" => !$inline, "flex-column align-items-start gap-1" => $inline])>
             <div>
                 <input
                     {{ $defaultAttributes['inputStartAttributes'] }}

resources/views/components/frameworks/bootstrap5/header/export.blade.php

@@ -43,6 +43,7 @@ class="text-muted small"
                         <a
                             class="text-muted small"
                             wire:click.prevent="exportToXLS(true)"
+                            x-bind:disabled="countChecked.length === 0"
                             href="#"
                         >
                             (<span class="text-muted small" x-text="countChecked.length"></span>) @lang('livewire-powergrid::datatable.labels.selected')

resources/views/components/frameworks/bootstrap5/table-base.blade.php

@@ -16,15 +16,10 @@
                 ->filter(fn($column) => filled(data_get($column, 'filters')));
         @endphp
 
-        @if ($filtersFromColumns->count() > 0)
-            <x-livewire-powergrid::frameworks.bootstrap5.filter
-                :enabled-filters="$enabledFilters"
-                :tableName="$tableName"
-                :columns="$columns"
-                :filtersFromColumns="$filtersFromColumns"
-                :theme="$theme"
-            />
-        @endif
+        @includeWhen(
+            $filtersFromColumns->count() > 0,
+            'livewire-powergrid::components.frameworks.bootstrap5.filter'
+        )
     @endif
 
     <div

resources/views/components/frameworks/daisyui/filter.blade.php

@@ -18,13 +18,22 @@ class="mt-2 md:mt-0"
         x-transition:leave="transform duration-100"
         x-transition:leave-start="opacity-100 scale-100"
         x-transition:leave-end="opacity-0 scale-90"
-        class="pg-filter-container"
+        class="pg-filter-container py-2"
     >
         @php
             $customConfig = [];
+
+            $componentFilters = collect($this->filters());
+            $filterOrderMap = $componentFilters->pluck('field')->flip();
+
+            // Sort filters based on the order they appear in filters() method
+            $sortedFilters = $filtersFromColumns->sortBy(function ($column) use ($filterOrderMap) {
+                $fieldName = data_get($column, 'filters.field');
+                return $filterOrderMap->get($fieldName, 999); // 999 for fields not found in filters()
+            });
         @endphp
         <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-3">
-            @foreach ($filtersFromColumns as $column)
+            @foreach ($sortedFilters  as $column)
                 @php
                     $filter = data_get($column, 'filters');
                     $title = data_get($column, 'title');

resources/views/components/frameworks/daisyui/filters/date-picker.blade.php

@@ -35,7 +35,7 @@
     x-data="pgFlatpickr(@js($params))"
 >
     <div
-        @class([theme_style($theme, 'filterDatePicker.base'), 'space-y-1' => !$inline])
+        @class([theme_style($theme, 'filterDatePicker.base')])
     >
         @if (!$inline)
             <label class="label">

resources/views/components/frameworks/daisyui/filters/input-text.blade.php

@@ -48,7 +48,7 @@
         />
     @else
         <div
-            @class([theme_style($theme, 'filterInputText.base'), 'space-y-1' => !$inline])
+            @class([theme_style($theme, 'filterInputText.base')])
         >
             @if (!$inline)
                 <label class="label">
@@ -82,7 +82,6 @@ class="{{ $selectClasses }}"
                 @endif
                 <div @class([
                     'pl-0 w-full sm:w-1/2' => !$inline && $showSelectOptions,
-                    'pt-1' => !$showSelectOptions,
                 ])>
                     <input
                         data-cy="input_text_{{ $tableName }}_{{ $field }}"

resources/views/components/frameworks/daisyui/header/export.blade.php

@@ -66,6 +66,7 @@ class="btn btn-sm"
                         <button
                             wire:click.prevent="exportToCsv(true)"
                             x-on:click="open = false"
+                            x-bind:disabled="countChecked.length === 0"
                             :class="{ 'cursor-not-allowed': countChecked.length === 0 }"
                             class="btn btn-sm"
                         >

resources/views/components/frameworks/daisyui/table-base.blade.php

@@ -26,15 +26,10 @@ class="{{ theme_style($theme, 'table.layout.base') }}"
                         ->filter(fn($column) => filled(data_get($column, 'filters')));
                 @endphp
 
-                @if ($filtersFromColumns->count() > 0)
-                    <x-livewire-powergrid::frameworks.tailwind.filter
-                        :enabled-filters="$enabledFilters"
-                        :tableName="$tableName"
-                        :columns="$columns"
-                        :filtersFromColumns="$filtersFromColumns"
-                        :theme="$theme"
-                    />
-                @endif
+                @includeWhen(
+                    $filtersFromColumns->count() > 0,
+                    'livewire-powergrid::components.frameworks.daisyui.filter'
+                )
             @endif
 
             <div

resources/views/components/frameworks/tailwind/filters/input-text.blade.php

@@ -86,7 +86,6 @@ class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 tex
                 @endif
                 <div @class([
                     'pl-0 w-full sm:w-1/2' => !$inline && $showSelectOptions,
-                    'pt-1' => !$showSelectOptions,
                 ])>
                     <input
                         data-cy="input_text_{{ $tableName }}_{{ $field }}"