adt-js-components 1.3.2 → 1.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adt-js-components",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "JavaScript components for Nette framework",
   "main": "index.js",
   "scripts": {

package/src/ComponentLoader.js

@@ -21,12 +21,12 @@ const init = (selector, path) => {
 
 		if (path.includes('/')) {
 			import('JsComponents/' + path + '/index.js').then(component => {
-				component.default.run(componentsConfig[selector] || {}, $el);
+				component.default.run(componentsConfig[selector] || {});
 			});
 
 		} else {
 			import('adt-js-components/src/' + path + '/index.js').then(component => {
-				component.default.run(componentsConfig[selector] || {}, $el);
+				component.default.run(componentsConfig[selector] || {});
 			});
 		}
 	});

package/src/Select2/index.js

@@ -10,6 +10,10 @@ function run(options) {
 			// musí zde být defaultní jazyk "en", pokud zde nebyl a byla importována čeština.. tak se i bez poslání json params nastavila čeština
 			$(this).select2($.extend({theme: 'bootstrap-5', language: "en"}, $(this).data('adt-select2') || {}));
 		});
+
+		$el.find('[data-adt-select2]').on('change', function(e) {
+			Nette.toggleForm($(e.currentTarget).closest('form')[0], e.currentTarget);
+		});
 	});
 }
 

package/src/SubmitForm/index.js

@@ -21,10 +21,9 @@ function scrollToFirstError(form) {
 	scrollParent.scrollBy({top: el.getBoundingClientRect().top - 100, behavior: 'smooth'});
 }
 
-function run(options) {
-
-	function applyEventHandlers($el) {
-		$el.find('input, textarea, select').on('input', function(e) {
+function run(options, $el) {
+	function applyEventHandlers(el) {
+		$(this).find('input, textarea, select').on('input', function(e) {
 			this.classList.remove('is-invalid');
 			if (isList(this)) {
 				$(this).parent().parent().find('.is-invalid').removeClass('is-invalid');
@@ -32,19 +31,23 @@ function run(options) {
 		});
 	}
 
-	const observer = new MutationObserver(function(mutationsList, observer) {
-		mutationsList.forEach(function(mutation) {
-			if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
-				$(mutation.addedNodes).each(function() {
-					applyEventHandlers($(this));
+	$.nette.ext('live').after(function($el) {
+		$el.find('[data-adt-submit-form]').each(function(e) {
+			const observer = new MutationObserver(function(mutationsList, observer) {
+				mutationsList.forEach(function(mutation) {
+					if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
+						$(mutation.addedNodes).each(function() {
+							applyEventHandlers(this);
+						});
+					}
 				});
-			}
-		});
-	});
+			});
 
-	observer.observe($el.get(0), { childList: true, subtree: true });
+			observer.observe(this, { childList: true, subtree: true });
 
-	applyEventHandlers($el);
+			applyEventHandlers(this);
+		});
+	});
 
 	if (typeof Nette !== "undefined") {
 		Nette.showFormErrors = function(form, errors) {