@osimatic/helpers-js 1.3.5 → 1.3.7

package/multi_files_input.js

@@ -19,34 +19,34 @@ class MultiFilesInput {
 		}
 
 		const dropzone = fileInput.parent().find('.multi_files_input_dropzone');
-		const filesPreview = fileInput.parent().find('.multi_files_input_files_preview');
+		const filesPreview = fileInput.parent().find('.multi_files_input_files_preview').empty();
 
 		fileInput.addClass('hide');
 
 		// Dropzone interactions
-		dropzone.on('click', function (e) {
+		dropzone.off('click').on('click', function (e) {
 			e.preventDefault();
 			e.stopPropagation();
 			fileInput.trigger('click');
 		});
-		dropzone.on('dragover', function (e) {
+		dropzone.off('click').on('dragover', function (e) {
 			e.preventDefault();
 			e.stopPropagation();
 			$(this).addClass('border-primary');
 		});
-		dropzone.on('dragleave', function (e) {
+		dropzone.off('click').on('dragleave', function (e) {
 			e.preventDefault();
 			e.stopPropagation();
 			$(this).removeClass('border-primary');
 		});
-		dropzone.on('drop', function (e) {
+		dropzone.off('click').on('drop', function (e) {
 			e.preventDefault();
 			e.stopPropagation();
 			$(this).removeClass('border-primary');
 			const dtFiles = (e.originalEvent.dataTransfer || {}).files || [];
 			handleFiles(Array.from(dtFiles));
 		});
-		fileInput.on('change', (e) => {
+		fileInput.off('change').on('change', (e) => {
 			handleFiles(Array.from(e.target.files));
 			fileInput.val('');
 		});
@@ -70,12 +70,12 @@ class MultiFilesInput {
 		function renderPreview(file) {
 			const id = 'f_' + Math.random().toString(36).slice(2, 9);
 			const wrap = $(`
-					<div class="border rounded p-2 d-inline-flex align-items-center" data-file-id="${id}" style="background:white;">
-						<div class="me-2 preview-thumb" style="width:64px; height:48px; display:flex; align-items:center; justify-content:center; overflow:hidden;"></div>
-						<div class="small text-truncate" style="max-width:160px;">${file.name}</div>
-						<button type="button" class="btn-close btn-close-small ms-2" aria-label="Supprimer" style="margin-left:8px;"></button>
-					</div>
-				`);
+				<div class="border rounded p-2 d-inline-flex align-items-center" data-file-id="${id}" style="background:white;">
+					<div class="me-2 preview-thumb" style="width:64px; height:48px; display:flex; align-items:center; justify-content:center; overflow:hidden;"></div>
+					<div class="small text-truncate" style="max-width:160px;">${file.name}</div>
+					<button type="button" class="btn-close btn-close-small ms-2" aria-label="Supprimer" style="margin-left:8px;"></button>
+				</div>
+			`);
 			filesPreview.append(wrap);
 			filesPreview.removeClass('hide');
 
@@ -90,7 +90,7 @@ class MultiFilesInput {
 				wrap.find('.preview-thumb').html(`<i class="fas fa-file fa-2x text-muted"></i>`);
 			}
 
-			wrap.find('.btn-close').on('click', function () {
+			wrap.find('.btn-close').off('click').on('click', function () {
 				const idx = $(this).closest('[data-file-id]').index();
 				// remove by reference: find corresponding file by name+size (best-effort)
 				const name = file.name, size = file.size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osimatic/helpers-js",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "main": "main.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/user.js

@@ -78,7 +78,7 @@ class Password {
 			+'</div>'
 		);
 		input.change(() => update(input));
-		input.on('input', () => update(input));
+		input.off('input').on('input', () => update(input));
 		update(input);
 	}
 }

package/visitor.js

@@ -37,7 +37,7 @@ class UserAgent {
 
 	static getData(userAgent) {
 		if (typeof UAParser == 'undefined') {
-			return;
+			return null;
 		}
 
 		const parsedData = UAParser(userAgent);