@iamproperty/components 7.1.0--beta6 → 7.2.0

package/assets/ts/modules/dynamicEvents.ts

@@ -1,7 +1,5 @@
-// @ts-nocheck
-
 // Create the event listeners
-const createDynamicEvents = () => {
+const createDynamicEvents = (): void => {
   // Change event
   document.addEventListener('change', (event) => {
     if (event && event.target instanceof HTMLElement && event.target.closest('[data-change-events]'))
@@ -20,7 +18,7 @@ const createDynamicEvents = () => {
 };
 
 // Parse the JSON and trigger the events, this may be singular or multiple set of events
-const splitEvents = (element, events) => {
+const splitEvents = (element, events): void => {
   // an empty events will trigger looking up the dom chain for
   if (!events) {
     events = element.parentNode.getAttribute('data-change-events');
@@ -30,12 +28,12 @@ const splitEvents = (element, events) => {
   if (!events) return false;
 
   // Split out each event
-  Array.from(JSON.parse(events)).forEach((event, index) => {
+  Array.from(JSON.parse(events)).forEach((event) => {
     checkConditions(element, event);
   });
 };
 
-const checkConditions = (element, event) => {
+const checkConditions = (element, event): void | boolean => {
   if ('matches' in event) {
     if (event['matches'] == 'any') runEvent(element, event, 'if');
     else if (element.value == event.matches) runEvent(element, event, 'if');
@@ -56,7 +54,7 @@ const checkConditions = (element, event) => {
   }
 };
 
-const runEvent = (element, event, eventType) => {
+const runEvent = (element, event, eventType): void | boolean => {
   if (eventType in event == false) return false;
 
   switch (event[eventType]) {
@@ -65,7 +63,7 @@ const runEvent = (element, event, eventType) => {
         const hideElement = document.querySelector(event['target']);
         hideElement.classList.add('js-hide');
 
-        Array.from(hideElement.querySelectorAll('[data-required]')).forEach((input, index) => {
+        Array.from(hideElement.querySelectorAll('[data-required]')).forEach((input) => {
           input.removeAttribute('required');
         });
       }
@@ -75,7 +73,7 @@ const runEvent = (element, event, eventType) => {
         const showElement = document.querySelector(event['target']);
         showElement.classList.remove('js-hide');
 
-        Array.from(showElement.querySelectorAll('[data-required]')).forEach((input, index) => {
+        Array.from(showElement.querySelectorAll('[data-required]')).forEach((input) => {
           if (!input.closest('.js-hide')) input.setAttribute('required', 'true');
         });
       }
@@ -88,7 +86,7 @@ const runEvent = (element, event, eventType) => {
       document.querySelector(`${event['target']}`).dispatchEvent(theEvent);
       break;
     case 'setAttribute':
-      Array.from(document.querySelectorAll(`${event['target']}`)).forEach(function (element, index) {
+      Array.from(document.querySelectorAll(`${event['target']}`)).forEach(function (element) {
         element.setAttribute(event['attribute'], event['value']);
       });
       break;
@@ -96,7 +94,7 @@ const runEvent = (element, event, eventType) => {
       document.querySelector(`${event['target']}`).focus();
       break;
     case 'removeAttribute':
-      Array.from(document.querySelectorAll(`${event['target']}`)).forEach(function (element, index) {
+      Array.from(document.querySelectorAll(`${event['target']}`)).forEach(function (element) {
         element.removeAttribute(event['attribute']);
       });
       break;
@@ -119,13 +117,13 @@ const runEvent = (element, event, eventType) => {
   }
 };
 
-const populateForm = function (element, event) {
+const populateForm = function (element, event): void {
   const values = JSON.parse(element.getAttribute('data-values'));
   const form = document.querySelector(event['target']);
 
   if (!values) return false;
 
-  Object.keys(values).forEach((field, index) => {
+  Object.keys(values).forEach((field) => {
     if (document.getElementById(field) && document.getElementById(field).tagName == 'SPAN')
       document.getElementById(field).innerHTML = values[field];
 
@@ -134,7 +132,7 @@ const populateForm = function (element, event) {
 
       if (element.hasAttribute('data-lock-fields')) form.querySelector(`select[name="${field}"]`).disabled = true;
     } else if (form.querySelector(`input[name="${field}"][type="radio"][value="${values[field]}"]`)) {
-      Array.from(form.querySelectorAll(`input[name="${field}"][type="radio"]`)).forEach(function (input, index) {
+      Array.from(form.querySelectorAll(`input[name="${field}"][type="radio"]`)).forEach(function (input) {
         input.disabled = true;
       });
 

package/assets/ts/modules/fileupload.ts

@@ -1,5 +1,4 @@
-// @ts-nocheck
-function fileupload(fileupload: Element, wrapper: Element) {
+function fileupload(fileupload: Element, wrapper: Element): void {
   const filesWrapper = wrapper.querySelector('.files');
   const dropArea = wrapper.querySelector('.drop-area');
   const input = fileupload.querySelector('input');
@@ -11,7 +10,7 @@ function fileupload(fileupload: Element, wrapper: Element) {
   const cloneInput = input.cloneNode();
   dropArea.append(cloneInput);
 
-  const checkFileExt = function (filename) {
+  const checkFileExt = function (filename): boolean {
     if (!input.hasAttribute('accept')) return true;
 
     const nameExtension = filename.split('.').pop();
@@ -24,8 +23,6 @@ function fileupload(fileupload: Element, wrapper: Element) {
 
   wrapper.addEventListener('click', (event) => {
     if (event && event.target instanceof HTMLElement && event.target.closest('.btn-primary')) {
-      const button = event.target.closest('.btn-primary');
-
       // If the input allows multiples then use the buffer clone input
 
       errorMsgExt.classList.remove('d-block');
@@ -52,11 +49,14 @@ function fileupload(fileupload: Element, wrapper: Element) {
 
       const changeEvent = new Event('change');
       input.dispatchEvent(changeEvent);
+
+      const fileRemovedEvent = new CustomEvent('fileRemoved', { detail: { removedFile: button?.dataset.file } });
+      fileupload.dispatchEvent(fileRemovedEvent);
     }
   });
 
   // Buffer input change event
-  cloneInput.addEventListener('change', (event) => {
+  cloneInput.addEventListener('change', () => {
     if (input.hasAttribute('multiple')) {
       const filesArray = [...input.files, ...cloneInput.files];
 
@@ -92,19 +92,19 @@ function fileupload(fileupload: Element, wrapper: Element) {
     input.dispatchEvent(changeEvent);
   });
 
-  cloneInput.addEventListener('dragenter', (event) => {
+  cloneInput.addEventListener('dragenter', () => {
     cloneInput.classList.add('focus');
   });
 
-  cloneInput.addEventListener('dragleave', (event) => {
+  cloneInput.addEventListener('dragleave', () => {
     cloneInput.classList.remove('focus');
   });
 
-  cloneInput.addEventListener('drop', (event) => {
+  cloneInput.addEventListener('drop', () => {
     cloneInput.classList.remove('focus');
   });
 
-  input.addEventListener('change', (event) => {
+  input.addEventListener('change', () => {
     if (input.files.length == 1) {
       const file = input.files[0];
 

package/assets/ts/modules/filterlist.ts

@@ -1,27 +1,26 @@
-// @ts-nocheck
-function filterlist(list: Element, input: Element) {
+function filterlist(list: Element, input: Element): void {
   addFilterlistEventListeners(list, input);
 }
 
-function addFilterlistEventListeners(list: Element, input: Element) {
+function addFilterlistEventListeners(list: Element, input: Element): void {
   let timer;
 
-  input.addEventListener('keyup', (event) => {
+  input.addEventListener('keyup', () => {
     clearTimeout(timer);
     timer = setTimeout(function () {
       filterTheList(list, input.value);
     }, 500);
   });
 
-  input.addEventListener('change', (event) => {
+  input.addEventListener('change', () => {
     clearTimeout(timer);
 
     filterTheList(list, input.value);
   });
 }
 
-export const filterTheList = function (list: Element, searchTerm) {
-  Array.from(list.querySelectorAll(':scope > li')).forEach((item, index) => {
+export const filterTheList = function (list: Element, searchTerm): void {
+  Array.from(list.querySelectorAll(':scope > li')).forEach((item) => {
     const content = item.textContent.toLowerCase();
 
     item.classList.add('d-none');

package/assets/ts/modules/form.ts

@@ -1,29 +1,28 @@
-// @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) {
+function inputRange(inputWrapper): void {
   inputWrapper.addEventListener(
     'change',
-    function (e) {
+    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 option.classList.remove('d-none');
       });
@@ -32,10 +31,10 @@ function inputRange(inputWrapper) {
   );
 }
 
-function inputRedirect(inputWrapper) {
+function inputRedirect(inputWrapper): void {
   inputWrapper.addEventListener(
     'change',
-    function (e) {
+    function () {
       if (inputWrapper.matches('[data-value-if]')) {
         const url = inputWrapper.getAttribute('data-redirect');
         const desiredValue = inputWrapper.getAttribute('data-value-if');
@@ -50,7 +49,7 @@ function inputRedirect(inputWrapper) {
 }
 
 //
-function multipleFileUploads(wrapper) {
+function multipleFileUploads(wrapper): void {
   const fileTenplate = wrapper.querySelector('.row');
   const clone = fileTenplate.cloneNode(true);
   const addButton = wrapper.querySelector('[data-add]');
@@ -94,17 +93,17 @@ function multipleFileUploads(wrapper) {
 }
 
 // Acts as an overall initialise function to trigger other functions.
-function form(formElement) {
+function form(formElement): void {
   // 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);
   });
 
@@ -129,11 +128,11 @@ function form(formElement) {
   // 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) {
+    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) => {
+      ).forEach((arrayElement) => {
         const group = arrayElement.closest('[data-group]') ? arrayElement.closest('[data-group]') : formElement;
         const selector = arrayElement.dataset.activeif;
         const value = arrayElement.dataset.equals;
@@ -149,7 +148,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) => {
+        (arrayElement) => {
           const group = arrayElement.closest('[data-group]') ? arrayElement.closest('[data-group]') : formElement;
           const selector = arrayElement.dataset.activeif;
           const value = arrayElement.dataset.equals;

package/assets/ts/modules/helpers.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 /**
  * Global helper functions to help maintain and enhance framework elements.
  * @module Helpers
@@ -8,22 +7,20 @@
  * Add global classes used by the CSS and later JavaScript.
  * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.
  */
-export const addBodyClasses = (body) => {
+export const addBodyClasses = (body): void => {
   body.classList.add('js-enabled');
 
   if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
     body.classList.add('ie');
   }
-
-  return null;
 };
 
 /**
  * Add global events.
  * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.
  */
-export const addGlobalEvents = (body) => {
-  const checkElements = function (hash) {
+export const addGlobalEvents = (body): void => {
+  const checkElements = function (hash): void {
     const label = document.querySelector(`label[for="${hash.replace('#', '')}"]`);
     const summary = document.querySelector(hash + ' summary');
     const dialog = document.querySelector(`dialog${hash}`);
@@ -62,7 +59,7 @@ export const addGlobalEvents = (body) => {
       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');
       });
 
@@ -91,16 +88,14 @@ 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) {
+export const isNumeric = function (str): any {
   if (typeof str != 'string') return false; // we only process strings!
   return (
     !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
@@ -108,17 +103,17 @@ export const isNumeric = function (str) {
   ); // ...and ensure strings of whitespace fail
 };
 
-export const zeroPad = (num, places) => String(num).padStart(places, '0');
+export const zeroPad = (num, places): any => String(num).padStart(places, '0');
 
-export const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-export const ucwords = (str) =>
+export const ucfirst = (str): any => str.charAt(0).toUpperCase() + str.slice(1);
+export const ucwords = (str): any =>
   str
     .split(' ')
     .map((s) => ucfirst(s))
     .join(' ');
-export const unsnake = (str) => str.replace(/_/g, ' ');
-export const snake = (str) => str.replace(/ /g, '_');
-export const safeID = function (str) {
+export const unsnake = (str): any => str.replace(/_/g, ' ');
+export const snake = (str): any => str.replace(/ /g, '_');
+export const safeID = function (str): any {
   str = str.toLowerCase();
   str = snake(str);
   str = str.replace(/\W/g, '');
@@ -126,7 +121,7 @@ export const safeID = function (str) {
   return str;
 };
 
-export const numberOfDays = function (startDateString: string, endDateString: string) {
+export const numberOfDays = function (startDateString: string, endDateString: string): number {
   const convertStart = startDateString.split('/');
   const convertEnd = endDateString.split('/');
   const dateStart: any = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);
@@ -145,15 +140,17 @@ export const numberOfDays = function (startDateString: string, endDateString: st
   return numberOfDays;
 };
 // Used to get values from nested json objects
-export const resolvePath = (object, path, defaultValue) =>
+export const resolvePath = (object, path, defaultValue): any =>
   path
+    // eslint-disable-next-line no-useless-escape
     .split(/[\.\[\]\'\"]/)
     .filter((p) => p)
     .reduce((o, p) => (o ? o[p] : defaultValue), object);
 
-export const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));
+export const isTraversable = (o): Array =>
+  Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));
 
-export const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {
+export const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY): string => {
   const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);
   const pageWidth = window.innerWidth || document.body.clientWidth;
   const treshold = Math.max(1, Math.floor(0.01 * pageWidth));

package/assets/ts/modules/inputs.ts

@@ -1,15 +1,14 @@
-// @ts-nocheck
-import hibpCheck from '../vendor/hibp';
+import hibpCheck from '../vendor/hibp.js';
 
-const extendInputs = (body) => {
-  function loadInput() {
+const extendInputs = (body): void => {
+  function loadInput(): void {
     // 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>`);
@@ -21,14 +20,14 @@ const extendInputs = (body) => {
     if (document.querySelector('input[type="date"]')) {
       const today = new Date();
 
-      function formatDate(date) {
+      function formatDate(date): string {
         const year = date.getFullYear();
         const month = String(date.getMonth() + 1).padStart(2, '0');
         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')) {
@@ -48,7 +47,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('');
@@ -63,7 +62,7 @@ const extendInputs = (body) => {
     loadInput();
   }
 
-  document.onreadystatechange = () => {
+  document.onreadystatechange = (): void => {
     if (document.readyState === 'complete') {
       loadInput();
     }
@@ -72,7 +71,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')
@@ -98,13 +96,12 @@ 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);
       });
     }
@@ -132,7 +129,7 @@ const extendInputs = (body) => {
   });
 };
 
-export const setMaxlengthVars = (input) => {
+export const setMaxlengthVars = (input): void => {
   const wrapper = input.parentElement;
   const maxlength = input.getAttribute('maxlength');
 
@@ -148,14 +145,14 @@ export const setMaxlengthVars = (input) => {
   span.setAttribute('data-count', input.value.length);
 };
 
-export const changeType = (input, type) => {
+export const changeType = (input, type): void => {
   if (input.hasAttribute('type') && input.getAttribute('type') == 'password')
     input.setAttribute('data-password-type', true);
 
   input.setAttribute('type', type);
 };
 
-export const checkPWDStrength = (input, check = 'no') => {
+export const checkPWDStrength = (input, check = 'no'): void => {
   const pwdChecker = document.getElementById(input.getAttribute('data-strength-checker'));
   const password = input.value;
   const minChars = input.hasAttribute('minlength') ? input.getAttribute('minlength') : 12;
@@ -187,7 +184,7 @@ export const checkPWDStrength = (input, check = 'no') => {
       checkhibpCheck(event, input);
     });
 
-    function checkhibpCheck(event, input) {
+    function checkhibpCheck(event, input): void {
       if (event.detail) {
         // found
         checkPWDStrength(input, 'danger');

package/assets/ts/modules/nav.ts

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

package/assets/ts/modules/notification.ts

@@ -1,5 +1,4 @@
-// @ts-nocheck
-function setupNotification(element) {
+function setupNotification(element): void {
   // Add toast to notification holder
   if (element.hasAttribute('data-type') && element.getAttribute('data-type') == 'toast') {
     let holder = document.querySelector('.notification__holder');
@@ -40,27 +39,27 @@ function setupNotification(element) {
       closeNotification(element);
     }, timeOut);
 
-    element.addEventListener('mouseenter', (event) => {
+    element.addEventListener('mouseenter', () => {
       timer.pause();
     });
 
-    element.addEventListener('mouseleave', (event) => {
+    element.addEventListener('mouseleave', () => {
       timer.resume();
     });
   }
 }
 
-function Timer(callback, delay) {
+function Timer(callback, delay): void {
   let timerId,
     start,
     remaining = delay;
 
-  this.pause = function () {
+  this.pause = function (): void {
     window.clearTimeout(timerId);
     remaining -= new Date() - start;
   };
 
-  this.resume = function () {
+  this.resume = function (): void {
     start = new Date();
     window.clearTimeout(timerId);
     timerId = window.setTimeout(callback, remaining);
@@ -69,7 +68,7 @@ function Timer(callback, delay) {
   this.resume();
 }
 
-export const closeNotification = function (element) {
+export const closeNotification = function (element): void {
   element.classList.add('d-none');
 };
 

package/assets/ts/modules/orderablelist.ts

@@ -1,5 +1,4 @@
-// @ts-nocheck
-function orderlist(list) {
+function orderlist(list): void {
   const randID = 'list_' + Math.random().toString(36).substr(2, 9);
   const listItems = list.querySelectorAll('li');
   const listCount = listItems.length;
@@ -23,13 +22,13 @@ function orderlist(list) {
     item.setAttribute('aria-label', `${item.innerText}: ${index + 1} of ${listCount} moveable items`);
   });
 
-  function setDraggedRow(e) {
+  function setDraggedRow(e): void {
     e.dataTransfer.setData('text/plain', e.target.id);
     draggedRow = e.target;
     e.target.classList.add('li--dragging');
   }
 
-  function resetItems() {
+  function resetItems(): void {
     // Re label the rows
     Array.from(list.querySelectorAll('li')).forEach((item, index) => {
       item.classList.remove('li--dragging');

package/assets/ts/modules/pagination.ts

@@ -1,4 +1,4 @@
-const createPaginationButttons = function (controller: any, pagination: any) {
+const createPaginationButttons = function (controller: any, pagination: any): boolean {
   if (!controller.getAttribute('data-pages')) return false;
 
   if (!controller.getAttribute('data-page')) controller.setAttribute('data-page', 1);