adt-js-components 2.0.3 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adt-js-components",
-  "version": "2.0.3",
+  "version": "2.1.1",
   "description": "JavaScript components for Nette framework",
   "main": "index.js",
   "scripts": {
@@ -11,6 +11,10 @@
     "url": "git+https://github.com/AppsDevTeam/js-components.git"
   },
   "dependencies": {
+    "nette.ajax.js": "^2.3.0"
+  },
+  "peerDependencies": {
+    "jquery": "^3.4.1",
     "select2": "^4.0.13",
     "select2-bootstrap-5-theme": "^1.1.1",
     "autonumeric": "^4.6.0",
@@ -23,14 +27,26 @@
     "scrollparent": "^2.0.1",
     "tinymce": "^5.7.0",
     "tinymce-i18n": "^20.12.25",
-    "nette.ajax.js": "^2.3.0",
     "leaflet": "^1.9.4",
     "leaflet.markercluster": "^1.5.3",
-    "firebase": "^12.10.0",
-    "@firebase/messaging": "^0.12.24"
+    "firebase": "^12.10.0"
   },
-  "peerDependencies": {
-    "jquery": "^3.4.1"
+  "peerDependenciesMeta": {
+    "select2": { "optional": true },
+    "select2-bootstrap-5-theme": { "optional": true },
+    "autonumeric": { "optional": true },
+    "@here/flexpolyline": { "optional": true },
+    "flatpickr": { "optional": true },
+    "script-loader": { "optional": true },
+    "timepicker": { "optional": true },
+    "glightbox": { "optional": true },
+    "@googlemaps/js-api-loader": { "optional": true },
+    "scrollparent": { "optional": true },
+    "tinymce": { "optional": true },
+    "tinymce-i18n": { "optional": true },
+    "leaflet": { "optional": true },
+    "leaflet.markercluster": { "optional": true },
+    "firebase": { "optional": true }
   },
   "author": "Apps Dev Team",
   "license": "MIT",

package/src/Notifications/index.js

@@ -88,18 +88,48 @@ const run = (config) => {
         updateButtons();
     });
 
-    // Initial state: check if notifications are already enabled
-    if (Notification.permission === 'granted' && window.messaging) {
-        getToken(window.messaging, { vapidKey: config.vapidKey })
-            .then(function (currentToken) {
-                if (currentToken) {
-                    window.adtNotificationsToken = currentToken;
+    // window.messaging se inicializuje async v Messaging komponentě, která nemusí
+    // doběhnout dřív než tento init (typicky po F5). Počkáme na ni, jinak by se
+    // getToken nikdy nezavolal a window.adtNotificationsToken by zůstal nenastavený.
+    var waitForMessaging = function (timeoutMs) {
+        return new Promise(function (resolve) {
+            if (window.messaging) {
+                resolve(window.messaging);
+                return;
+            }
+            var elapsed = 0;
+            var step = 100;
+            var interval = setInterval(function () {
+                if (window.messaging) {
+                    clearInterval(interval);
+                    resolve(window.messaging);
+                } else if ((elapsed += step) >= timeoutMs) {
+                    clearInterval(interval);
+                    resolve(null);
                 }
+            }, step);
+        });
+    };
+
+    // Initial state: check if notifications are already enabled
+    if (Notification.permission === 'granted') {
+        waitForMessaging(5000).then(function (messaging) {
+            if (!messaging) {
                 updateButtons();
-            })
-            .catch(function () {
-                updateButtons();
-            });
+                return;
+            }
+
+            getToken(messaging, { vapidKey: config.vapidKey })
+                .then(function (currentToken) {
+                    if (currentToken) {
+                        window.adtNotificationsToken = currentToken;
+                    }
+                    updateButtons();
+                })
+                .catch(function () {
+                    updateButtons();
+                });
+        });
     } else {
         updateButtons();
     }

package/src/SubmitForm/index.js

@@ -8,6 +8,30 @@ function getErrorElementId(el) {
 	return isList(el) ? el.id.split('-').slice(0, -1).join('-') : el.id;
 }
 
+function toggleInvalid(el, invalid) {
+	el.classList.toggle('is-invalid', invalid);
+	// because of radio lists and checkbox lists
+	if (isList(el)) {
+		el.parentNode.classList.toggle('is-invalid', invalid);
+	}
+	// because of https://github.com/twbs/bootstrap/issues/25110
+	if (el.parentNode.classList.contains('input-group')) {
+		el.parentNode.classList.toggle('has-validation', invalid);
+		el.parentNode.classList.toggle('is-invalid', invalid);
+	}
+}
+
+function hasErrors(errorElement) {
+	return Array.from(errorElement.childNodes).some(node => node.nodeName !== 'SCRIPT' && node.textContent.trim() !== '');
+}
+
+function markErrorsFor(errorElement) {
+	const el = document.getElementById(errorElement.getAttribute('data-adt-errors-for'));
+	if (el && el.tagName !== 'FORM') {
+		toggleInvalid(el, hasErrors(errorElement));
+	}
+}
+
 function scrollToFirstError(form) {
 	const el = $(form).find('.alert-danger:first, .is-invalid:first')[0];
 
@@ -28,10 +52,17 @@ function run(options) {
 			if (isList(this)) {
 				$(this).parent().parent().find('.is-invalid').removeClass('is-invalid');
 			}
+			if (this.parentNode.classList.contains('input-group')) {
+				this.parentNode.classList.remove('is-invalid');
+			}
 		});
 	}
 
 	$.nette.ext('live').after(function($el) {
+		$el.find('[data-adt-errors-for]').addBack('[data-adt-errors-for]').each(function() {
+			markErrorsFor(this);
+		});
+
 		window.addEventListener('pageshow', (e) => {
 			if (e.persisted) {
 				$el.find('[data-adt-submit-form]').each(function(e) {
@@ -85,15 +116,7 @@ function run(options) {
 					errorElement.innerHTML += `<div>${error.message}</div>`;
 				}
 
-				error.element.classList.add('is-invalid');
-				// because of radio lists and checkbox lists
-				if (isList(error.element)) {
-					error.element.parentNode.classList.add('is-invalid');
-				}
-				// because of https://github.com/twbs/bootstrap/issues/25110
-				if (error.element.parentNode.classList.contains('input-group')) {
-					error.element.parentNode.classList.add('has-validation');
-				}
+				toggleInvalid(error.element, true);
 			}
 
 			if (errors.length) {