wip

Author: rawilk

.github/workflows/run-tests.yml

@@ -15,7 +15,7 @@ jobs:
             fail-fast: true
             matrix:
                 os: [ubuntu-latest]
-                php: [7.4, 8.0]
+                php: [8.0]
                 laravel: [8.*]
                 dependency-version: [prefer-lowest, prefer-stable]
                 include:

composer.json

@@ -21,8 +21,7 @@
         }
     ],
     "require": {
-        "php": "^7.4|^8.0",
-        "ext-json": "*",
+        "php": "^8.0",
         "illuminate/filesystem": "^8.0",
         "illuminate/support": "^8.0",
         "illuminate/view": "^8.0"

config/form-components.php

@@ -196,7 +196,7 @@
     |
     */
     'assets' => [
-        'alpine' => 'https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine.min.js',
+        'alpine' => 'https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js',
 
         'flatpickr' => [
             'https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css',

psalm.xml.dist

@@ -18,4 +18,8 @@
     <plugins>
         <pluginClass class="Psalm\LaravelPlugin\Plugin"/>
     </plugins>
+
+    <issueHandlers>
+        <UndefinedThisPropertyFetch errorLevel="suppress" />
+    </issueHandlers>
 </psalm>

resources/lang/en/messages.php

@@ -0,0 +1,13 @@
+<?php
+
+return [
+    'filepond_instructions' => '<span class="filepond--label-action">Upload a file</span> or drag and drop',
+    'file_upload_label' => 'Select File',
+    'file_upload_processing' => 'Processing...',
+    'custom_select_filter_placeholder' => 'Search...',
+    'custom_select_clear_button' => 'Clear selected',
+    'custom_select_placeholder' => 'Select an option',
+    'custom_select_empty_text' => 'No options available...',
+    'date_picker_placeholder' => 'Y-m-d',
+    'timezone_select_placeholder' => 'Select a timezone',
+];

resources/sass/utils/_choice.scss

@@ -17,3 +17,12 @@
 .choice-description {
     @apply text-blue-gray-500;
 }
+
+// Disabled state
+.form-checkbox,
+.form-radio {
+    &[disabled],
+    &.disabled {
+        @apply opacity-75 text-blue-gray-300;
+    }
+}

resources/sass/utils/_input.scss

@@ -10,6 +10,7 @@
         py-2
         border-blue-gray-300
         rounded-md
+        placeholder-gray-400
         sm:text-sm;
 
     &:not(.password-toggleable) {

resources/views/components/choice/checkbox-or-radio.blade.php

@@ -1,7 +1,7 @@
 <div class="choice-container">
     <div class="choice-input">
         <input {!! $attributes->merge(['class' => $type === 'checkbox' ? 'form-checkbox' : 'form-radio'])->filter(fn ($value, $key) => $key !== 'type') !!}
-               name="{{ $name }}"
+               @if ($name) name="{{ $name }}" @endif
                @if ($id) id="{{ $id }}" @endif
                type="{{ $type }}"
                @if ($value) value="{{ $value }}" @endif
@@ -11,13 +11,15 @@
 
     @if (! $slot->isEmpty() || $label || $description)
         <div class="choice-label">
-            <label for="{{ $id }}">
-                @if ($label)
-                    {{ $label }}
-                @else
-                    {{ $slot }}
-                @endif
-            </label>
+            @if (! $slot->isEmpty() || $label)
+                <label for="{{ $id }}">
+                    @if ($label)
+                        {{ $label }}
+                    @else
+                        {{ $slot }}
+                    @endif
+                </label>
+            @endif
 
             @if ($description)
                 <p class="choice-description">{{ $description }}</p>

resources/views/components/files/file-pond.blade.php

@@ -68,7 +68,7 @@
 >
     <input x-ref="input"
            type="file"
-           style="display:none;"
+           style="display: none;"
            @if ($accepts()) accept="{{ $accepts() }}" @endif
 
             @if ($hasErrorsAndShow($name))

resources/views/components/files/file-upload.blade.php

@@ -16,7 +16,7 @@ class="space-y-4 w-full"
                    class="sr-only"
                    type="file"
                    @if ($multiple) multiple @endif
-                   name="{{ $name }}"
+                   @if ($name) name="{{ $name }}" @endif
                    @if ($id) id="{{ $id }}" @endif
                    @if ($accepts()) accept="{{ $accepts() }}" @endif
 
@@ -49,7 +49,7 @@ class="file-upload__label"
         <div class="relative" x-show.transition.opacity.duration.150ms="isUploading" x-cloak>
             <div class="flex mb-2 items-center justify-between">
                 <div class="file-upload__badge inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium leading-4 bg-green-100 text-green-800">
-                    {{ __('Processing...') }}
+                    {{ __('form-components::messages.file_upload_processing') }}
                 </div>
 
                 <div class="text-right">