Kirby 4 compatibility (2.0.0)

Author: sylvainjule

README.md

@@ -8,7 +8,7 @@ Add illustrations to checkboxes.
 
 ## Overview
 
-> This plugin is completely free and published under the MIT license. However, if you are using it in a commercial project and want to help me keep up with maintenance, please consider [making a donation of your choice](https://www.paypal.me/sylvainjl) or purchasing your license(s) through [my affiliate link](https://a.paddle.com/v2/click/1129/36369?link=1170).
+> This plugin is completely free and published under the MIT license. However, if you are using it in a commercial project and want to help me keep up with maintenance, please consider [making a donation of your choice](https://www.paypal.me/sylvainjl).
 
 - [1. Installation](#1-installation)
 - [2. Setup](#2-setup)
@@ -22,7 +22,7 @@ Add illustrations to checkboxes.
 
 ## 1. Installation
 
-> If you are looking to use this field with Kirby 2, please switch to the `kirby-2` branch.
+> Kirby 3: Up to 1.0.6. Kirby 4: 2.0.0+
 
 Download and copy this repository to ```/site/plugins/imageboxes```
 
@@ -143,18 +143,6 @@ myimageboxes:
   mobile: false
 ```
 
-#### 4.5. `gap`
-
-![gap](https://user-images.githubusercontent.com/14079751/48333926-58bc1880-e659-11e8-8920-6ad913c63529.jpg)
-
-Whether the field should add a `1rem` gap between each input, K2-like. Default is `false`.
-
-```yaml
-myimageboxes:
-  type: imageboxes
-  gap: false
-```
-
 <br/>
 
 ## 5. License

composer.json

@@ -3,7 +3,7 @@
     "description": "Add illustrations to Kirby's checkboxes",
     "type": "kirby-plugin",
     "license": "MIT",
-    "version": "1.0.6",
+    "version": "2.0.0",
     "authors": [
         {
             "name": "Sylvain Julé",

index.css

@@ -1,9 +1,13 @@
 <?php
 
+namespace SylvainJule;
+
 require_once dirname(__DIR__) . '/options/imageboxes-optionsapi.php';
 require_once dirname(__DIR__) . '/options/imageboxes-optionsquery.php';
+require_once dirname(__DIR__) . '/options/imageboxes-factory.php';
+require_once dirname(__DIR__) . '/options/imageboxes-option.php';
 require_once dirname(__DIR__) . '/options/imageboxes-options.php';
-
+require_once dirname(__DIR__) . '/options/imageboxes.php';
 
 $base = require kirby()->root('kirby') . '/config/fields/checkboxes.php';
 
@@ -22,9 +26,6 @@
         'back' => function($back = false) {
             return $back;
         },
-        'gap' => function($gap = false) {
-            return $gap;
-        },
         'mobile' => function($mobile = false) {
             return $mobile;
         },
@@ -39,9 +40,12 @@
 --------------------------------*/
 
 $base = array_replace_recursive($base, array(
-    'computed' => array(
-    	'options' => function() {
-    		return ImageBoxesOptions::factory($this->options(), $this->props, $this->model());
+    'methods' => array(
+    	'getOptions' => function() {
+            $props   = \Kirby\Field\FieldOptions::polyfill($this->props);
+            $options = ImageBoxes::factory($props['options']);
+
+            return $options->render($this->model());
         },
     ),
 ));

index.js

@@ -0,0 +1,25 @@
+<?php
+
+namespace SylvainJule;
+
+class ImageBoxesFactory extends \Kirby\Blueprint\Factory {
+    public static function apply(array $properties, array $factories): array
+    {
+
+        foreach ($factories as $property => $class) {
+            // skip non-existing properties, empty properties
+            // or properties that are matching objects
+            if (
+                isset($properties[$property]) === false ||
+                $properties[$property] === null ||
+                is_a($properties[$property], $class) === true
+            ) {
+                continue;
+            }
+
+            $properties[$property] = $class::factory($properties[$property]);
+        }
+
+        return $properties;
+    }
+}

lib/fields/imageboxes.php

@@ -0,0 +1,46 @@
+<?php
+
+namespace SylvainJule;
+
+use Kirby\Blueprint\Factory;
+use Kirby\Blueprint\NodeIcon;
+use Kirby\Blueprint\NodeText;
+use Kirby\Blueprint\NodeString;
+use Kirby\Cms\ModelWithContent;
+
+
+class ImageBoxesOption extends \Kirby\Option\Option {
+    public function __construct(
+        public string|int|float|null $value,
+        public bool $disabled = false,
+        public NodeIcon|null $icon = null,
+        public NodeText|null $info = null,
+        public NodeText|null $text = null,
+        public NodeString|null $image = null,
+    ) {
+        $this->text ??= new NodeText(['en' => $this->value]);
+    }
+    public static function factory(string|int|float|null|array $props): static
+    {
+
+        $props = ImageBoxesFactory::apply($props, [
+            'icon'  => NodeIcon::class,
+            'info'  => NodeText::class,
+            'text'  => NodeText::class,
+            'image' => NodeString::class,
+        ]);
+
+        return new static(...$props);
+    }
+    public function render(ModelWithContent $model): array
+    {
+        return [
+            'disabled' => $this->disabled,
+            'icon'     => $this->icon?->render($model),
+            'info'     => $this->info?->render($model),
+            'text'     => $this->text?->render($model),
+            'image'    => $this->image?->render($model),
+            'value'    => $this->value
+        ];
+    }
+}