@descope/flow-components 2.2.54 → 2.2.55

package/dist/fm/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "2.2.54",
+      "buildVersion": "2.2.55",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/fm/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "2.2.54",
+      "buildVersion": "2.2.55",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/index.cjs.js

@@ -82506,6 +82506,19 @@ function requireIndex_cjs () {
 	    }
 	  };
 
+	const inputOverrideValidConstraintsMixin$1 = (superclass) =>
+	  class InputOverrideValidConstraintsMixinClass extends superclass {
+	    init() {
+	      super.init?.();
+
+	      // vaadin uses `validConstraints` (required, pattern, minlength, maxlength) to determine if it should validate
+	      // the input or not. We want to override this behavior, so we can enforce validation even if these attributes are not present.
+	      if (this.baseElement._hasValidConstraints) {
+	        this.baseElement._hasValidConstraints = () => true;
+	      }
+	    }
+	  };
+
 	const getFileExtension = (path) => {
 	  const match = path.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);
 	  return match ? match[1] : null;
@@ -87757,7 +87770,7 @@ descope-enriched-text {
 	const ComboBoxMixin = (superclass) =>
 	  class ComboBoxMixinClass extends superclass {
 	    static get observedAttributes() {
-	      return ['label-type'];
+	      return ['label-type', 'require-match'];
 	    }
 
 	    // eslint-disable-next-line class-methods-use-this
@@ -87829,6 +87842,10 @@ descope-enriched-text {
 	      }
 	    }
 
+	    get requireMatch() {
+	      return this.getAttribute('require-match') === 'true' && !this.allowCustomValue;
+	    }
+
 	    // eslint-disable-next-line class-methods-use-this
 	    isValidDataType(data) {
 	      const isValid = Array.isArray(data);
@@ -87981,16 +87998,27 @@ descope-enriched-text {
 	      }
 	    }
 
+	    isValueMatch() {
+	      return this.baseElement.items.some(val => val.getAttribute('data-id') === this.baseElement.querySelector('input').value);
+	    }
+
 	    init() {
 	      super.init?.();
 
 	      // eslint-disable-next-line func-names
 	      this.getValidity = function () {
+	        if (this.requireMatch && !this.isValueMatch()) {
+	          return {
+	            patternMismatch: true,
+	          };
+	        }
+
 	        if (!this.value && this.isRequired) {
 	          return {
 	            valueMissing: true,
 	          };
 	        }
+
 	        return {};
 	      };
 
@@ -88042,6 +88070,10 @@ descope-enriched-text {
 	      }
 	    }
 
+	    handleRequireMatchChange(shouldValidate) {
+	      this.baseElement.allowCustomValue = shouldValidate || this.allowCustomValue;
+	    }
+
 	    attributeChangedCallback(attrName, oldValue, newValue) {
 	      super.attributeChangedCallback?.(attrName, oldValue, newValue);
 
@@ -88052,6 +88084,8 @@ descope-enriched-text {
 	          } else {
 	            this.removeEventListener('click', this.onLabelClick);
 	          }
+	        } else if (attrName === 'require-match') {
+	          this.handleRequireMatchChange(newValue === 'true');
 	        }
 	      }
 	    }
@@ -88349,6 +88383,7 @@ descope-enriched-text {
 	    proxyProps: ['selectionStart'],
 	    inputEvent: 'value-changed',
 	  }),
+	  inputOverrideValidConstraintsMixin$1,
 	  componentNameValidationMixin$1,
 	  ComboBoxMixin,
 	)(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "2.2.54",
+  "version": "2.2.55",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -96,7 +96,7 @@
     "webpack-dev-server": "5.2.3"
   },
   "dependencies": {
-    "@descope/web-components-ui": "2.2.54"
+    "@descope/web-components-ui": "2.2.55"
   },
   "peerDependencies": {
     "react": ">= 18"