@vaadin/upload 23.3.8 → 23.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/upload",
-  "version": "23.3.8",
+  "version": "23.3.10",
   "publishConfig": {
     "access": "public"
   },
@@ -36,16 +36,16 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "~23.3.8",
-    "@vaadin/component-base": "~23.3.8",
-    "@vaadin/progress-bar": "~23.3.8",
-    "@vaadin/vaadin-lumo-styles": "~23.3.8",
-    "@vaadin/vaadin-material-styles": "~23.3.8",
-    "@vaadin/vaadin-themable-mixin": "~23.3.8"
+    "@vaadin/button": "~23.3.10",
+    "@vaadin/component-base": "~23.3.10",
+    "@vaadin/progress-bar": "~23.3.10",
+    "@vaadin/vaadin-lumo-styles": "~23.3.10",
+    "@vaadin/vaadin-material-styles": "~23.3.10",
+    "@vaadin/vaadin-themable-mixin": "~23.3.10"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/form-layout": "~23.3.8",
+    "@vaadin/form-layout": "~23.3.10",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
@@ -53,5 +53,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "f3bfde4c881f9deb7d757faf4ab070f0596b0a09"
+  "gitHead": "aabe6a4f5fe0561e2aedf6dc1564479b281914b0"
 }

package/src/vaadin-upload.js

@@ -432,6 +432,26 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
     };
   }
 
+  /** @private */
+  get __acceptRegexp() {
+    if (!this.accept) {
+      return null;
+    }
+    const processedTokens = this.accept.split(',').map((token) => {
+      let processedToken = token.trim();
+      // Escape regex operators common to mime types
+      processedToken = processedToken.replace(/[+.]/g, '\\$&');
+      // Make extension patterns match the end of the file name
+      if (processedToken.startsWith('\\.')) {
+        processedToken = `.*${processedToken}$`;
+      }
+      // Handle star (*) wildcards
+      return processedToken.replace(/\/\*/g, '/.*');
+    });
+    // Create accept regex
+    return new RegExp(`^(${processedTokens.join('|')})$`, 'i');
+  }
+
   /** @protected */
   ready() {
     super.ready();
@@ -779,12 +799,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
       );
       return;
     }
-    const fileExt = file.name.match(/\.[^.]*$|$/)[0];
-    // Escape regex operators common to mime types
-    const escapedAccept = this.accept.replace(/[+.]/g, '\\$&');
-    // Create accept regex that can match comma separated patterns, star (*) wildcards
-    const re = new RegExp(`^(${escapedAccept.replace(/[, ]+/g, '|').replace(/\/\*/g, '/.*')})$`, 'i');
-    if (this.accept && !(re.test(file.type) || re.test(fileExt))) {
+    const re = this.__acceptRegexp;
+    if (re && !(re.test(file.type) || re.test(file.name))) {
       this.dispatchEvent(
         new CustomEvent('file-reject', {
           detail: { file, error: this.i18n.error.incorrectFileType },

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/upload",
-  "version": "23.3.8",
+  "version": "23.3.10",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/upload",
-  "version": "23.3.8",
+  "version": "23.3.10",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {