@symfony/ux-autocomplete 2.30.0 → 2.32.0

package/README.md

@@ -14,7 +14,7 @@ composer require symfony/ux-autocomplete:2.23.0
 npm add @symfony/ux-autocomplete@2.23.0
 ```
 
-**Tip:** Your `package.json` file will be automatically modified by [Flex](https://github.com/symfony/flex) when installing or upgrading a PHP package. To prevent this behavior, ensure to **use at least Flex 1.22.0 or 2.5.0**, and run `composer config extra.symfony.flex.synchronize_package_json false`.
+**Tip:** Your `package.json` file will be automatically modified by [Flex](https://github.com/symfony/flex) when installing or upgrading a PHP package. To prevent this behavior, ensure to **use at least Flex 1.22.0 or 2.5.0**, and run `composer config --json "extra.symfony/flex.synchronize_package_json" false`.
 
 ## Resources
 

package/dist/controller.d.ts

@@ -32,7 +32,7 @@ declare class export_default extends Controller {
     readonly tomSelectOptionsValue: object;
     readonly hasPreloadValue: boolean;
     readonly preloadValue: string;
-    tomSelect: TomSelect;
+    tomSelect: TomSelect | undefined;
     private mutationObserver;
     private isObserving;
     private hasLoadedChoicesPreviously;

package/dist/controller.js

@@ -65,6 +65,9 @@ var controller_default = class extends Controller {
   }
   disconnect() {
     this.stopMutationObserver();
+    if (!this.tomSelect) {
+      return;
+    }
     let currentSelectedValues = [];
     if (this.selectElement) {
       if (this.selectElement.multiple) {
@@ -74,6 +77,7 @@ var controller_default = class extends Controller {
       }
     }
     this.tomSelect.destroy();
+    this.tomSelect = void 0;
     if (this.selectElement) {
       if (this.selectElement.multiple) {
         Array.from(this.selectElement.options).forEach((option) => {
@@ -136,6 +140,9 @@ var controller_default = class extends Controller {
     }
   }
   changeTomSelectDisabledState(isDisabled) {
+    if (!this.tomSelect) {
+      return;
+    }
     this.stopMutationObserver();
     if (isDisabled) {
       this.tomSelect.disable();
@@ -244,11 +251,14 @@ getCommonConfig_fn = function() {
     plugins,
     // clear the text input after selecting a value
     onItemAdd: () => {
-      this.tomSelect.setTextboxValue("");
+      this.tomSelect?.setTextboxValue("");
     },
     closeAfterSelect: true,
     // fix positioning (in the dropdown) of options added through addOption()
     onOptionAdd: (value, data) => {
+      if (!this.tomSelect) {
+        return;
+      }
       let parentElement = this.tomSelect.input;
       let optgroupData = null;
       const optgroup = data[this.tomSelect.settings.optgroupField];
@@ -300,12 +310,13 @@ createAutocompleteWithHtmlContents_fn = function() {
   const config = __privateMethod(this, _instances, mergeConfigs_fn).call(this, commonConfig, {
     maxOptions: this.getMaxOptions(),
     score: (search) => {
-      const scoringFunction = this.tomSelect.getScoreFunction(search);
+      const scoringFunction = this.tomSelect?.getScoreFunction(search);
       return (item) => {
-        return scoringFunction({ ...item, text: __privateMethod(this, _instances, stripTags_fn).call(this, item[labelField]) });
+        return scoringFunction?.({ ...item, text: __privateMethod(this, _instances, stripTags_fn).call(this, item[labelField]) });
       };
     },
     render: {
+      ...commonConfig.render,
       item: (item) => `<div>${item[labelField]}</div>`,
       option: (item) => `<div>${item[labelField]}</div>`
     }
@@ -344,7 +355,7 @@ createAutocompleteWithRemoteData_fn = function(autocompleteEndpointUrl, minChara
     },
     optgroupField: "group_by",
     // avoid extra filtering after results are returned
-    score: (search) => (item) => 1,
+    score: (_search) => (_item) => 1,
     render: {
       option: (item) => `<div>${item[labelField]}</div>`,
       item: (item) => `<div>${item[labelField]}</div>`,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symfony/ux-autocomplete",
   "description": "JavaScript Autocomplete functionality for Symfony",
   "license": "MIT",
-  "version": "2.30.0",
+  "version": "2.32.0",
   "keywords": [
     "symfony-ux"
   ],
@@ -57,8 +57,9 @@
     "build": "tsx ../../../bin/build_package.ts .",
     "watch": "tsx ../../../bin/build_package.ts . --watch",
     "test": "pnpm run test:unit && pnpm run test:browser",
-    "test:unit": "../../../bin/test_package.sh . --unit",
-    "test:browser": "../../../bin/test_package.sh . --browser",
+    "test:unit": "../../../bin/unit_test_package.sh .",
+    "test:browser": "playwright test",
+    "test:browser:ui": "playwright test --ui",
     "check": "biome check",
     "ci": "biome ci"
   }