LfTags component

resources/views/livewire/ui/tags.blade.php

@@ -0,0 +1,3 @@
+<div>
+
+</div>

src/Http/Livewire/LfTags.php

@@ -0,0 +1,59 @@
+<?php
+
+namespace Reach\StatamicLivewireFilters\Http\Livewire;
+
+use Livewire\Attributes\Computed;
+use Livewire\Component;
+use Statamic\Fields\Blueprint;
+
+class LfTags extends Component
+{
+    use Traits\HandleStatamicQueries;
+
+    public $view = 'tags';
+
+    public string $blueprint;
+
+    protected Blueprint $statamicBlueprint;
+
+    public string $collection;
+
+    public $fields;
+
+    public function mount($blueprint, $fields)
+    {
+        [$collection, $blueprint] = explode('.', $blueprint);
+        $this->collection = $collection;
+        $this->blueprint = $blueprint;
+        $this->fields = explode('|', $fields);
+        $this->statamicBlueprint = $this->getStatamicBlueprint();
+    }
+
+    #[Computed(persist: true)]
+    public function optionLabels(): array
+    {
+        $optionLabels = [];
+        ray($this->fields);
+        foreach ($this->fields as $field_handle) {
+            $field = $this->getStatamicField($this->statamicBlueprint, $field_handle);
+            if ($field->type() == 'terms') {
+                $terms = collect();
+                collect($field->config()['taxonomies'])->each(function ($taxonomy) use ($terms) {
+                    $terms->push(($this->getTaxonomyTerms($taxonomy)->all()));
+                });
+                $optionLabels[$field_handle] =  $terms->collapse()->all();
+            } else {
+                if (array_key_exists('options', $field->toArray())) {
+                    $optionLabels[$field_handle] = $field->get('options');
+                }
+            }        
+        }
+
+        return $optionLabels;
+    }
+
+    public function render()
+    {
+        return view('statamic-livewire-filters::livewire.ui.'.$this->view);
+    }
+}

tests/Feature/LfTagsTest.php

@@ -0,0 +1,144 @@
+<?php
+
+namespace Tests\Feature;
+
+use Facades\Reach\StatamicLivewireFilters\Tests\Factories\EntryFactory;
+use Livewire\Livewire;
+use Reach\StatamicLivewireFilters\Http\Livewire\LfTags;
+use Reach\StatamicLivewireFilters\Tests\PreventSavingStacheItemsToDisk;
+use Reach\StatamicLivewireFilters\Tests\TestCase;
+use Statamic\Facades;
+
+class LfTagsTest extends TestCase
+{
+    use PreventSavingStacheItemsToDisk;
+
+    protected $collection;
+
+    protected $blueprint;
+
+    public function setUp(): void
+    {
+        parent::setUp();
+
+        $this->collection = Facades\Collection::make('pages')->save();
+        $this->blueprint = Facades\Blueprint::make()->setContents([
+            'sections' => [
+                'main' => [
+                    'fields' => [
+                        [
+                            'handle' => 'title',
+                            'field' => [
+                                'type' => 'text',
+                                'display' => 'Title',
+                            ],
+                        ],
+                        [
+
+                            'handle' => 'item_options',
+                            'field' => [
+                                'type' => 'checkboxes',
+                                'display' => 'Checkbox',
+                                'listable' => 'hidden',
+                                'options' => [
+                                    'option1' => 'Option 1',
+                                    'option2' => 'Option 2',
+                                    'option3' => 'Option 3',
+                                ],
+                            ],
+                        ],
+                    ],
+                ],
+            ],
+        ]);
+        $this->blueprint->setHandle('pages')->setNamespace('collections.'.$this->collection->handle())->save();
+
+        $this->makeEntry($this->collection, 'a')->set('title', 'I Love Guitars')->set('item_options', 'option1')->save();
+        $this->makeEntry($this->collection, 'b')->set('title', 'I Love Drums')->set('item_options', 'option1')->save();
+        $this->makeEntry($this->collection, 'c')->set('title', 'I Hate Flutes')->set('item_options', 'option2')->save();
+
+        Facades\Taxonomy::make('colors')->save();
+        Facades\Term::make()->taxonomy('colors')->inDefaultLocale()->slug('red')->data(['title' => 'Red'])->save();
+        Facades\Term::make()->taxonomy('colors')->inDefaultLocale()->slug('black')->data(['title' => 'Black'])->save();
+        Facades\Term::make()->taxonomy('colors')->inDefaultLocale()->slug('yellow')->data(['title' => 'Yellow'])->save();
+        Facades\Collection::make('clothes')->taxonomies(['colors'])->save();
+
+        $clothesBlueprint = $this->blueprint = Facades\Blueprint::make()->setContents([
+            'sections' => [
+                'main' => [
+                    'fields' => [
+                        [
+                            'handle' => 'title',
+                            'field' => [
+                                'type' => 'text',
+                                'display' => 'Title',
+                            ],
+                        ],
+                        [
+
+                            'handle' => 'colors',
+                            'field' => [
+                                'type' => 'terms',
+                                'taxonomies' => [
+                                    'colors',
+                                ],
+                            ],
+                        ],
+                    ],
+                ],
+            ],
+        ]);
+
+        $clothesBlueprint->setHandle('clothes')->setNamespace('collections.clothes')->save();
+    }
+
+    /** @test */
+    public function it_renders_the_component_and_gets_the_option_labels_for_a_checkboxes_field()
+    {
+        $component = Livewire::test(LfTags::class, ['fields' => 'item_options', 'blueprint' => 'pages.pages']);
+
+        $this->assertEquals([
+            'option1' => 'Option 1',
+            'option2' => 'Option 2',
+            'option3' => 'Option 3',
+        ], $component->optionLabels['item_options']);
+    }
+
+    /** @test */
+    public function it_renders_the_component_and_gets_the_term_titles_for_a_taxonomy_field()
+    {
+        $component = Livewire::test(LfTags::class, ['fields' => 'colors', 'blueprint' => 'clothes.clothes']);
+
+        $this->assertEquals([
+            'red' => 'Red',
+            'black' => 'Black',
+            'yellow' => 'Yellow',
+        ], $component->optionLabels['colors']);
+    }
+
+    /** @test */
+    public function it_throws_a_field_not_found_exception_if_the_field_doesnt_exist()
+    {
+        $this->expectExceptionMessage('Field [not-a-field] not found');
+
+        $component = Livewire::test(LfTags::class, ['fields' => 'item_options|not-a-field', 'blueprint' => 'pages.pages']);
+
+        $this->assertNotEmpty($component->optionLabels['item_options']);
+    }
+
+    /** @test */
+    public function it_throws_a_blueprint_not_found_exception_if_the_blueprint_doesnt_exist()
+    {
+        $this->expectExceptionMessage('Blueprint [not-a-blueprint] not found');
+
+        $component = Livewire::test(LfTags::class, ['fields' => 'item_options', 'blueprint' => 'pages.not-a-blueprint']);
+
+        $this->assertNotEmpty($component->optionLabels['item_options']);
+    }
+
+
+    protected function makeEntry($collection, $slug)
+    {
+        return EntryFactory::id($slug)->collection($collection)->slug($slug)->make();
+    }
+}