Custom Select (#9)

Author: rawilk

Diff for: .gitattributes

@@ -11,4 +11,7 @@
 /phpunit.xml.dist   export-ignore
 /psalm.xml.dist     export-ignore
 /tests              export-ignore
-
+/babel.config.js    export-ignore
+/package.json       export-ignore
+/package-lock.json  export-ignore
+/rollup.config.js   export-ignore

Diff for: .gitignore

@@ -8,3 +8,4 @@ coverage
 phpunit.xml
 psalm.xml
 vendor
+/node_modules

Diff for: babel.config.js

@@ -0,0 +1,31 @@
+module.exports = {
+    presets: [
+        [
+            '@babel/preset-env',
+            {
+                targets: {
+                    node: 'current',
+                    edge: '18',
+                    ie: "11",
+                },
+            },
+        ],
+    ],
+    plugins: [
+        "@babel/plugin-proposal-object-rest-spread",
+    ],
+    env: {
+        test: {
+            presets: [
+                [
+                    '@babel/preset-env',
+                    {
+                        targets: {
+                            node: 'current',
+                        },
+                    }
+                ]
+            ]
+        }
+    }
+};

Diff for: composer.json

@@ -31,10 +31,10 @@
         "blade-ui-kit/blade-heroicons": "^0.2.1",
         "friendsofphp/php-cs-fixer": "^2.16",
         "gajus/dindent": "^2.0",
-        "orchestra/testbench": "^6.0",
-        "phpunit/phpunit": "^9.3",
+        "orchestra/testbench": "^6.2",
+        "phpunit/phpunit": "^9.4",
         "psalm/plugin-laravel": "^1.4",
-        "vimeo/psalm": "^3.11"
+        "vimeo/psalm": "^4.0"
     },
     "autoload": {
         "psr-4": {
@@ -62,7 +62,10 @@
         "laravel": {
             "providers": [
                 "Rawilk\\FormComponents\\FormComponentsServiceProvider"
-            ]
+            ],
+            "aliases": {
+                "FormComponents": "Rawilk\\FormComponents\\Facades\\FormComponents"
+            }
         }
     },
     "minimum-stability": "dev",

Diff for: config/form-components.php

@@ -68,6 +68,32 @@
             'view' => 'form-components::components.inputs.select',
         ],
 
+        'custom-select' => [
+            'class' => Components\Inputs\CustomSelect::class,
+            'view' => 'form-components::components.inputs.custom-select',
+
+            // This icon will be shown on an option when it is selected.
+            'selected_icon' => 'heroicon-s-check',
+
+            /*
+             * This icon will be shown on a selected option on a select
+             * that allows clearing the value to indicate the option
+             * can be de-selected.
+             */
+            'uncheck_icon' => 'heroicon-o-x-circle',
+
+            /*
+             * This icon will be shown when an option is selected
+             * and the "optional" attribute is set to true.
+             */
+            'clear_icon' => 'heroicon-o-x',
+        ],
+
+        'custom-select-option' => [
+            'class' => Components\Inputs\CustomSelectOption::class,
+            'view' => 'form-components::components.inputs.custom-select-option',
+        ],
+
         'label' => [
             'class' => Components\Label::class,
             'view' => 'form-components::components.label',
@@ -188,4 +214,30 @@
         ],
     ],
 
+    /*
+    |--------------------------------------------------------------------------
+    | Enable Third Party Assets
+    |--------------------------------------------------------------------------
+    |
+    | Set this to false to disable linking to third-party CDNs from
+    | the 'assets' key in this config. This is ignored if you pass `true`
+    | to either `@fcScripts` or `@fcStyles` directives.
+    |
+    */
+    'link_vendor_cdn_assets' => env('FC_LINK_VENDOR_CDN_ASSETS', null),
+
+    /*
+    |--------------------------------------------------------------------------
+    | FormComponents Assets URL
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the path to the FormComponents JavaScript assets, for cases
+    | where your app's domain root is not the correct path. By default,
+    | FormComponents will load its JavaScript assets from the app's
+    | "relative root".
+    |
+    | Examples: "/assets", "myapp.com/app",
+    |
+    */
+    'asset_url' => null,
 ];

Diff for: dist/form-components.js

@@ -0,0 +1 @@
+{"/form-components.js":"/form-components.js?id=463675fb6a026cc94be2"}