selectic 3.0.20 → 3.0.22

package/dist/selectic.common.js

@@ -314,6 +314,11 @@ class SelecticStore {
         }, { deep: true });
         vue.watch(() => this.state.internalValue, () => {
             this.buildSelectedOptions();
+            /* If there is only one item, and the previous selected value was
+             * different, then if we change it to the only available item we
+             * should disable Selectic (user has no more choice).
+             * This is why it is needed to check autoDisabled here. */
+            this.checkAutoDisabled();
         }, { deep: true });
         vue.watch(() => this.state.allOptions, () => {
             this.checkAutoSelect();
@@ -1038,7 +1043,13 @@ class SelecticStore {
                     /* Added options are the same as previous ones.
                      * Stop fetching to avoid infinite loop
                      */
-                    errorMessage = labels.wrongQueryResult;
+                    if (!this.hasFetchedAllItems) {
+                        /* Display error if all items are not fetch
+                         * We can have the case where old value and result
+                         * are the same but total is correct when the
+                         * total is 0 */
+                        errorMessage = labels.wrongQueryResult;
+                    }
                     setTimeout(() => this.buildAllOptions(true, true), 0);
                 }
                 else {

package/dist/selectic.esm.js

@@ -310,6 +310,11 @@ class SelecticStore {
         }, { deep: true });
         watch(() => this.state.internalValue, () => {
             this.buildSelectedOptions();
+            /* If there is only one item, and the previous selected value was
+             * different, then if we change it to the only available item we
+             * should disable Selectic (user has no more choice).
+             * This is why it is needed to check autoDisabled here. */
+            this.checkAutoDisabled();
         }, { deep: true });
         watch(() => this.state.allOptions, () => {
             this.checkAutoSelect();
@@ -1034,7 +1039,13 @@ class SelecticStore {
                     /* Added options are the same as previous ones.
                      * Stop fetching to avoid infinite loop
                      */
-                    errorMessage = labels.wrongQueryResult;
+                    if (!this.hasFetchedAllItems) {
+                        /* Display error if all items are not fetch
+                         * We can have the case where old value and result
+                         * are the same but total is correct when the
+                         * total is 0 */
+                        errorMessage = labels.wrongQueryResult;
+                    }
                     setTimeout(() => this.buildAllOptions(true, true), 0);
                 }
                 else {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "selectic",
-    "version": "3.0.20",
+    "version": "3.0.22",
     "description": "Smart Select for VueJS 3.x",
     "main": "dist/selectic.common.js",
     "module": "dist/selectic.esm.js",
@@ -38,7 +38,7 @@
         "test": "npm run build && tape test/**/*.spec.js"
     },
     "dependencies": {
-        "vtyx": "4.0.5"
+        "vtyx": "4.1.0"
     },
     "devDependencies": {
         "@babel/types": "^7.21.2",

package/src/Store.tsx

@@ -585,6 +585,11 @@ export default class SelecticStore {
 
         watch(() => this.state.internalValue, () => {
             this.buildSelectedOptions();
+            /* If there is only one item, and the previous selected value was
+             * different, then if we change it to the only available item we
+             * should disable Selectic (user has no more choice).
+             * This is why it is needed to check autoDisabled here. */
+            this.checkAutoDisabled();
         }, { deep: true });
 
         watch(() => this.state.allOptions, () => {
@@ -1447,7 +1452,13 @@ export default class SelecticStore {
                     /* Added options are the same as previous ones.
                      * Stop fetching to avoid infinite loop
                      */
-                    errorMessage = labels.wrongQueryResult;
+                    if (!this.hasFetchedAllItems) {
+                        /* Display error if all items are not fetch
+                         * We can have the case where old value and result
+                         * are the same but total is correct when the
+                         * total is 0 */
+                        errorMessage = labels.wrongQueryResult;
+                    }
                     setTimeout(() => this.buildAllOptions(true, true), 0);
                 } else {
                     setTimeout(() => this.buildAllOptions(true), 0);