feat: add conditional display wrapper component

Author: ibnnajjaar

resources/views/bootstrap-5/conditional-wrapper.blade.php

@@ -0,0 +1,36 @@
+@props([
+    'reference' => '#',
+    'json' => false,
+    'values' => [],
+    'withWrapper' => true,
+    'hideFields' => true,
+    'reverse' => false,
+])
+
+@php
+    if ($json) {
+        $values = json_encode($values);
+    } else {
+
+        if (! is_array($values)) {
+            $values = [$values];
+        }
+
+        $values = "[" . implode(',', $values) . "]";
+    }
+@endphp
+
+<div
+    {{ $attributes }}
+    @if ($withWrapper) class="row" @endif
+    data-enable-elem="{{ $reference }}"
+    data-enable-section-value="{{ $values }}"
+    data-hide-fields="{{ $hideFields ? 'true' : 'false' }}"
+    data-disable="{{ $reverse ? 'true' : 'false' }}"
+>
+    @if ($withWrapper)
+        <div class="col"> @endif
+            {{ $slot }}
+            @if ($withWrapper) </div>
+    @endif
+</div>

resources/views/material-admin-26/conditional-wrapper.blade.php

@@ -0,0 +1,36 @@
+@props([
+    'reference' => '#',
+    'json' => false,
+    'values' => [],
+    'withWrapper' => true,
+    'hideFields' => true,
+    'reverse' => false,
+])
+
+@php
+    if ($json) {
+        $values = json_encode($values);
+    } else {
+
+        if (! is_array($values)) {
+            $values = [$values];
+        }
+
+        $values = "[" . implode(',', $values) . "]";
+    }
+@endphp
+
+<div
+    {{ $attributes }}
+    @if ($withWrapper) class="row" @endif
+    data-enable-elem="{{ $reference }}"
+    data-enable-section-value="{{ $values }}"
+    data-hide-fields="{{ $hideFields ? 'true' : 'false' }}"
+    data-disable="{{ $reverse ? 'true' : 'false' }}"
+>
+    @if ($withWrapper)
+        <div class="col"> @endif
+            {{ $slot }}
+            @if ($withWrapper) </div>
+    @endif
+</div>

src/Views/Components/ConditionalWrapper.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace Javaabu\Forms\Views\Components;
+
+use Illuminate\Database\Eloquent\Model;
+use Javaabu\Forms\Support\FormatsValues;
+use Javaabu\Forms\Support\HandlesBoundValues;
+
+class ConditionalWrapper extends Component
+{
+    protected string $view = 'conditional-wrapper';
+    public string $reference;
+    public array $values;
+    public bool $json;
+    public bool $withWrapper;
+    public bool $hideFields;
+    public bool $reverse;
+
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct(
+        string $reference = '#',
+        array $values = [],
+        bool $json = false,
+        bool $withWrapper = true,
+        bool $hideFields = true,
+        bool $reverse = false,
+        string $framework = ''
+    )
+    {
+        parent::__construct($framework);
+
+        $this->reference = $reference;
+        $this->values = $values;
+        $this->json = $json;
+        $this->withWrapper = $withWrapper;
+        $this->hideFields = $hideFields;
+        $this->reverse = $reverse;
+    }
+}

tests/Feature/ConditionalWrapperTest.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace Javaabu\Forms\Tests\Feature;
+
+use Javaabu\Forms\Tests\TestCase;
+
+class ConditionalWrapperTest extends TestCase
+{
+    /** @test */
+    public function it_can_render_conditional_wrapper()
+    {
+        $this->setFrameworkBootstrap5();
+        $this->registerTestRoute('conditional-wrapper');
+
+        $this->visit('/conditional-wrapper')
+            ->seeElement('div[data-enable-elem="#"]');
+    }
+
+    /** @test */
+    public function it_can_generate_material_admin_26_conditional_wrapper()
+    {
+        $this->setFrameworkMaterialAdmin26();
+        $this->registerTestRoute('conditional-wrapper');
+
+        $this->visit('/conditional-wrapper')
+            ->seeElement('div[data-enable-elem="#"]');
+    }
+}

tests/Feature/views/conditional-wrapper.blade.php

@@ -0,0 +1,3 @@
+<x-forms::conditional-wrapper>
+    Javaabu
+</x-forms::conditional-wrapper>