@iamproperty/components 7.1.0--beta7 → 7.2.1--beta1

package/assets/js/modules/form.js

@@ -1,25 +1,24 @@
-// @ts-nocheck
 // Create a link between two input/selects with one acting as setting a minimum value and the second a maximum
 // The link between the two will prevent the max input field form setting a lower value than the min and vice versa
 function inputRange(inputWrapper) {
-    inputWrapper.addEventListener('change', function (e) {
+    inputWrapper.addEventListener('change', function () {
         const min = parseInt(inputWrapper.querySelector('[data-min] select,[data-min] input').value);
         const max = parseInt(inputWrapper.querySelector('[data-max] select,[data-max] input').value);
         // Set attributes for input fields
-        Array.from(inputWrapper.querySelectorAll('[data-min] input')).forEach((input, index) => {
+        Array.from(inputWrapper.querySelectorAll('[data-min] input')).forEach((input) => {
             input.setAttribute('max', max);
         });
-        Array.from(inputWrapper.querySelectorAll('[data-max] input')).forEach((input, index) => {
+        Array.from(inputWrapper.querySelectorAll('[data-max] input')).forEach((input) => {
             input.setAttribute('min', min);
         });
         // Hide select options if they are higher or lower than the min and max values
-        Array.from(inputWrapper.querySelectorAll('[data-min] select option')).forEach((option, index) => {
+        Array.from(inputWrapper.querySelectorAll('[data-min] select option')).forEach((option) => {
             if (parseInt(option.getAttribute('value')) > max)
                 option.classList.add('d-none');
             else
                 option.classList.remove('d-none');
         });
-        Array.from(inputWrapper.querySelectorAll('[data-max] select option')).forEach((option, index) => {
+        Array.from(inputWrapper.querySelectorAll('[data-max] select option')).forEach((option) => {
             if (parseInt(option.getAttribute('value')) < min)
                 option.classList.add('d-none');
             else
@@ -28,7 +27,7 @@ function inputRange(inputWrapper) {
     }, false);
 }
 function inputRedirect(inputWrapper) {
-    inputWrapper.addEventListener('change', function (e) {
+    inputWrapper.addEventListener('change', function () {
         if (inputWrapper.matches('[data-value-if]')) {
             const url = inputWrapper.getAttribute('data-redirect');
             const desiredValue = inputWrapper.getAttribute('data-value-if');
@@ -72,13 +71,13 @@ function multipleFileUploads(wrapper) {
 // Acts as an overall initialise function to trigger other functions.
 function form(formElement) {
     // Check for input range groups
-    Array.from(formElement.querySelectorAll('[data-input-range]')).forEach((arrayElement, index) => {
+    Array.from(formElement.querySelectorAll('[data-input-range]')).forEach((arrayElement) => {
         inputRange(arrayElement);
     });
-    Array.from(formElement.querySelectorAll('[data-redirect]')).forEach((arrayElement, index) => {
+    Array.from(formElement.querySelectorAll('[data-redirect]')).forEach((arrayElement) => {
         inputRedirect(arrayElement);
     });
-    Array.from(formElement.querySelectorAll('.multiple-file-uploads')).forEach((arrayElement, index) => {
+    Array.from(formElement.querySelectorAll('.multiple-file-uploads')).forEach((arrayElement) => {
         multipleFileUploads(arrayElement);
     });
     // Check the file size of a file when uploaded in case it exceeds the max file size set
@@ -95,9 +94,9 @@ function form(formElement) {
         }
     }, false);
     // When a form is updated we may want to update some of the existing input fields; setting active fields when some data is selected.
-    formElement.addEventListener('change', function (e) {
+    formElement.addEventListener('change', function () {
         // Remove disabled attribute when a pre-selected input field equals a certain value
-        Array.from(formElement.querySelectorAll('select[data-activeif][data-equals],input[data-activeif][data-equals]')).forEach((arrayElement, index) => {
+        Array.from(formElement.querySelectorAll('select[data-activeif][data-equals],input[data-activeif][data-equals]')).forEach((arrayElement) => {
             const group = arrayElement.closest('[data-group]') ? arrayElement.closest('[data-group]') : formElement;
             const selector = arrayElement.dataset.activeif;
             const value = arrayElement.dataset.equals;
@@ -111,7 +110,7 @@ function form(formElement) {
             }
         });
         // Show this input wrapper when a pre-selected input field equals a certain value
-        Array.from(formElement.querySelectorAll('.form-control__wrapper[data-displayif][data-equals]')).forEach((arrayElement, index) => {
+        Array.from(formElement.querySelectorAll('.form-control__wrapper[data-displayif][data-equals]')).forEach((arrayElement) => {
             const group = arrayElement.closest('[data-group]') ? arrayElement.closest('[data-group]') : formElement;
             const selector = arrayElement.dataset.activeif;
             const value = arrayElement.dataset.equals;

package/assets/js/modules/helpers.js

@@ -1,4 +1,3 @@
-// @ts-nocheck
 /**
  * Global helper functions to help maintain and enhance framework elements.
  * @module Helpers
@@ -12,7 +11,6 @@ export const addBodyClasses = (body) => {
     if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
         body.classList.add('ie');
     }
-    return null;
 };
 /**
  * Add global events.
@@ -53,7 +51,7 @@ export const addGlobalEvents = (body) => {
         if (event && event.target instanceof HTMLElement && event.target.matches('form')) {
             const form = event.target;
             // Reset password types
-            Array.from(form.querySelectorAll('[data-password-type]')).forEach((input, index) => {
+            Array.from(form.querySelectorAll('[data-password-type]')).forEach((input) => {
                 input.setAttribute('type', 'password');
             });
             if (form.querySelector(':invalid') ||
@@ -76,11 +74,10 @@ export const addGlobalEvents = (body) => {
             }
         }
     });
-    Array.from(document.querySelectorAll('label progress')).forEach((progress, index) => {
+    Array.from(document.querySelectorAll('label progress')).forEach((progress) => {
         const label = progress.closest('label');
         label.setAttribute('data-percent', progress.getAttribute('value'));
     });
-    return null;
 };
 export const isNumeric = function (str) {
     if (typeof str != 'string')
@@ -120,6 +117,7 @@ export const numberOfDays = function (startDateString, endDateString) {
 };
 // Used to get values from nested json objects
 export const resolvePath = (object, path, defaultValue) => path
+    // eslint-disable-next-line no-useless-escape
     .split(/[\.\[\]\'\"]/)
     .filter((p) => p)
     .reduce((o, p) => (o ? o[p] : defaultValue), object);
@@ -154,3 +152,7 @@ export const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY
         return 'tap';
     }
 };
+export const uniqueID = (index = 1) => {
+    const ID = Math.floor(Math.random() * Date.now() * (index + 1));
+    return ID;
+};

package/assets/js/modules/inputs.js

@@ -1,13 +1,12 @@
-// @ts-nocheck
 import hibpCheck from '../vendor/hibp.js';
 const extendInputs = (body) => {
     function loadInput() {
         // maxlength counter init
-        Array.from(document.querySelectorAll('input[maxlength],textarea[maxlength]')).forEach((input, index) => {
+        Array.from(document.querySelectorAll('input[maxlength],textarea[maxlength]')).forEach((input) => {
             const wrapper = input.parentElement;
             setMaxlengthVars(input, wrapper);
         });
-        Array.from(document.querySelectorAll('label input')).forEach((input, index) => {
+        Array.from(document.querySelectorAll('label input')).forEach((input) => {
             if (!input.closest('label').querySelector('.optional-text') && !input.hasAttribute('required')) {
                 if (input.parentNode.tagName.toLowerCase() == 'span')
                     input.parentElement.insertAdjacentHTML('beforebegin', `<span class="optional-text"></span>`);
@@ -24,7 +23,7 @@ const extendInputs = (body) => {
                 const day = String(date.getDate()).padStart(2, '0');
                 return `${year}-${month}-${day}`;
             }
-            Array.from(document.querySelectorAll('input[type="date"]')).forEach((input, index) => {
+            Array.from(document.querySelectorAll('input[type="date"]')).forEach((input) => {
                 const startDate = today;
                 if (input.hasAttribute('data-start')) {
                     startDate.setDate(startDate.getDate() + parseInt(input.getAttribute('data-start')));
@@ -38,7 +37,7 @@ const extendInputs = (body) => {
                 }
                 if (input.hasAttribute('data-allowed-days')) {
                     const allowedDays = JSON.parse(`[${input.getAttribute('data-allowed-days')}]`);
-                    input.addEventListener('input', function (e) {
+                    input.addEventListener('input', function () {
                         const day = new Date(this.value).getUTCDay();
                         if (allowedDays.includes(day))
                             input.setCustomValidity('');
@@ -60,7 +59,6 @@ const extendInputs = (body) => {
     body.addEventListener('input', (event) => {
         if (event && event.target instanceof HTMLElement && event.target.closest('input,textarea,select')) {
             const input = event.target.closest('input,textarea,select');
-            const wrapper = input.parentElement;
             // Output the color hex
             if (input.hasAttribute('type') && input.getAttribute('type') == 'color')
                 input.nextElementSibling.value = input.value;
@@ -81,11 +79,10 @@ const extendInputs = (body) => {
         }
         if (event && event.target instanceof HTMLElement && event.target.closest('dialog [type="radio"]')) {
             const dialog = event.target.closest('dialog');
-            const radio = event.target.closest('dialog [type="radio"]');
-            Array.from(dialog.querySelectorAll('[type="radio"][autofocus]')).forEach((input, index) => {
+            Array.from(dialog.querySelectorAll('[type="radio"][autofocus]')).forEach((input) => {
                 input.removeAttribute('autofocus');
             });
-            Array.from(dialog.querySelectorAll('[type="radio"]:checked')).forEach((input, index) => {
+            Array.from(dialog.querySelectorAll('[type="radio"]:checked')).forEach((input) => {
                 input.setAttribute('autofocus', true);
             });
         }

package/assets/js/modules/nav.js

@@ -1,11 +1,10 @@
-// @ts-nocheck
 const navbar = (element) => {
-    Array.from(element.querySelectorAll('details')).forEach((detail, index) => {
-        detail.addEventListener('mouseenter', function (e) {
+    Array.from(element.querySelectorAll('details')).forEach((detail) => {
+        detail.addEventListener('mouseenter', function () {
             if (window.matchMedia('(min-width: 62em)').matches)
                 detail.setAttribute('open', 'true');
         }, false);
-        detail.addEventListener('mouseleave', function (e) {
+        detail.addEventListener('mouseleave', function () {
             if (window.matchMedia('(min-width: 62em)').matches)
                 detail.removeAttribute('open');
         }, false);

package/assets/js/modules/notification.js

@@ -1,4 +1,3 @@
-// @ts-nocheck
 function setupNotification(element) {
     // Add toast to notification holder
     if (element.hasAttribute('data-type') && element.getAttribute('data-type') == 'toast') {
@@ -28,10 +27,10 @@ function setupNotification(element) {
         const timer = new Timer(function () {
             closeNotification(element);
         }, timeOut);
-        element.addEventListener('mouseenter', (event) => {
+        element.addEventListener('mouseenter', () => {
             timer.pause();
         });
-        element.addEventListener('mouseleave', (event) => {
+        element.addEventListener('mouseleave', () => {
             timer.resume();
         });
     }

package/assets/js/modules/orderablelist.js

@@ -1,4 +1,3 @@
-// @ts-nocheck
 function orderlist(list) {
     const randID = 'list_' + Math.random().toString(36).substr(2, 9);
     const listItems = list.querySelectorAll('li');