Develop

.github/workflows/fix-php-code-style-issues.yml

@@ -24,4 +24,5 @@ jobs:
       - name: Commit changes
         uses: stefanzweifel/git-auto-commit-action@v5
         with:
+          token: ${{secrets.GITHUB_TOKEN}}
           commit_message: Fix styling

resources/views/richtext.blade.php

@@ -0,0 +1,6 @@
+@props([
+    'hasError' => false,
+    'value' => '',
+    'options' => [],
+])
+<textarea {{ $attributes->merge(['class' => 'textarea'.($hasError ? ' textarea-error' : '')]) }}>{{ $value ?: $slot }}</textarea>

src/Components/Richtext.php

@@ -0,0 +1,65 @@
+<?php
+
+namespace Step2dev\LazyUI\Components;
+
+use Illuminate\Contracts\View\View;
+use Illuminate\Support\Js;
+use Step2dev\LazyUI\DTO\RichText\QuillOptions;
+use Step2dev\LazyUI\LazyComponent;
+
+class Richtext extends LazyComponent
+{
+    public bool $autoFocus = false;
+    public bool $readonly = false;
+
+    public function __construct(public string $placeholder = '', public bool $required = false, public ?QuillOptions $quillOptions = null)
+    {
+        $this->placeholder = (string) str($placeholder)->trim()->ucfirst();
+        $this->quillOptions = $quillOptions ?? QuillOptions::defaults();
+        $this->autoFocus = false;
+        $this->readonly = false;
+    }
+
+    public function render(): \Closure|View
+    {
+        return function (array $data) {
+            $attributes = $this->getAttributesFromData($data);
+            $attributes['required'] = $this->required;
+            $data['attributes'] = $attributes;
+            $data['options'] = $this->options();
+
+            $color = $this->getColorByAttribute($attributes);
+            $size = $this->getSizeByAttribute($attributes);
+
+            return view('lazy::richtext', $this->mergeData($data, [
+                'textarea',
+                //colors
+                'textarea-bordered'  => ! $color || $color === 'bordered' || $color !== 'no-border',
+                'textarea-ghost'     => $color === 'ghost',
+                'textarea-primary'   => $color === 'primary',
+                'textarea-secondary' => $color === 'secondary',
+                'textarea-accent'    => $color === 'accent',
+                'textarea-info'      => $color === 'info',
+                'textarea-success'   => $color === 'success',
+                'textarea-warning'   => $color === 'warning',
+                'textarea-error'     => $color === 'error',
+                //sizes
+                'textarea-lg'        => $size === 'lg',
+                'textarea-md'        => $size === 'md',
+                'textarea-sm'        => $size === 'sm',
+                'textarea-xs'        => $size === 'xs',
+            ]))->render();
+        };
+    }
+
+    public function options(): Js
+    {
+        return Js::from([
+            'autofocus'   => $this->autoFocus,
+            'theme'       => $this->quillOptions->theme,
+            'readOnly'    => $this->readonly,
+            'placeholder' => $this->placeholder,
+            'toolbar'     => $this->quillOptions->getToolbar(),
+        ]);
+    }
+}

src/Components/Textarea.php

@@ -27,7 +27,7 @@ public function render(): \Closure|View
             return view('lazy::textarea', $this->mergeData($data, [
                 'textarea',
                 //colors
-                'textarea-bordered' => $color === 'bordered',
+                'textarea-bordered' =>  ! $color || $color === 'bordered' || $color !== 'no-border',
                 'textarea-ghost' => $color === 'ghost',
                 'textarea-primary' => $color === 'primary',
                 'textarea-secondary' => $color === 'secondary',

src/DTO/RichText/QuillOptions.php

@@ -70,7 +70,7 @@ public static function make(): self
         return new self;
     }
 
-    public static function defaults(callable $callback = null): ?self
+    public static function defaults(callable|null $callback = null): ?self
     {
         if ($callback === null) {
             return static::default();