@iamproperty/components 7.0.0 → 7.1.0--beta2

package/assets/ts/tests/slider.spec.ts

@@ -1,33 +1,27 @@
 // @ts-nocheck
-import '@testing-library/jest-dom'
-import * as tableModule from "../modules/table";
+import '@testing-library/jest-dom';
+import * as tableModule from '../modules/table';
 import puppeteer from 'puppeteer';
-import "expect-puppeteer";
+import 'expect-puppeteer';
 
-
-import iamSlider from "../components/slider/slider.component";
+import iamSlider from '../components/slider/slider.component';
 
 describe('The slider component', () => {
-
-  if (!window.customElements.get(`iam-slider`))
-    window.customElements.define(`iam-slider`, iamSlider);
+  if (!window.customElements.get(`iam-slider`)) window.customElements.define(`iam-slider`, iamSlider);
 
   test('should always show the minimum and maximum values that it can be set', () => {
-
     document.body.innerHTML = `<label>Input field label <iam-slider><input type="number" name="percent" min="0" max="100" value="15" step="1" /></iam-slider></label>`;
     let component = document.querySelector('iam-slider');
 
-    expect(component.shadowRoot.innerHTML).toContain('<div class="col min pe-2">0</div>')
-    expect(component.shadowRoot.innerHTML).toContain('<div class="col max ps-2">100</div>')
+    expect(component.shadowRoot.innerHTML).toContain('<div class="col min pe-2">0</div>');
+    expect(component.shadowRoot.innerHTML).toContain('<div class="col max ps-2">100</div>');
   });
 
   test('should always have a secondary way of inputing the value i.e. a number input field', () => {
-
     document.body.innerHTML = `<label>Input field label <iam-slider><input type="number" name="percent" min="0" max="100" value="15" step="1" /></iam-slider></label>`;
     let component = document.querySelector('iam-slider');
 
-    expect(component.querySelectorAll('input[type="number"]').length).toEqual(1)
-    expect(component.shadowRoot.querySelectorAll('input[type="range"]').length).toEqual(1)
+    expect(component.querySelectorAll('input[type="number"]').length).toEqual(1);
+    expect(component.shadowRoot.querySelectorAll('input[type="range"]').length).toEqual(1);
   });
-    
 });

package/assets/ts/tests/table.spec.ts

@@ -1,8 +1,8 @@
 // @ts-nocheck
-import '@testing-library/jest-dom'
-import * as tableModule from "../modules/table";
+import '@testing-library/jest-dom';
+import * as tableModule from '../modules/table';
 import puppeteer from 'puppeteer';
-import "expect-puppeteer";
+import 'expect-puppeteer';
 
 const basicTable = `<thead>
   <tr>
@@ -50,14 +50,12 @@ const basicTable = `<thead>
 </tbody>`;
 
 describe('addDataAttributes', () => {
-
   const table = document.createElement('table');
-    table.innerHTML = basicTable;
+  table.innerHTML = basicTable;
 
   tableModule.addDataAttributes(table);
 
   test('should add data-label attribute to the table cells', () => {
-
     expect(table.querySelector('tbody td').getAttribute('data-label')).toEqual('Heading 1');
     expect(table.querySelector('tbody td:nth-child(2)').getAttribute('data-label')).toEqual('Heading 2');
   });
@@ -66,21 +64,18 @@ describe('addDataAttributes', () => {
     expect(table.querySelector('tbody tr:nth-child(2) td:nth-child(2)').getAttribute('data-content')).toEqual('low');
     expect(table.querySelector('tbody tr:nth-child(3) td:nth-child(2)').getAttribute('data-content')).toEqual('medium');
   });
-
 });
 
 describe('createSearchDataList', () => {
-
   const table = document.createElement('table');
   table.innerHTML = basicTable;
   const form = document.createElement('form');
-  form.innerHTML += `<div><input name="search" id="search" type="text" class="form-control" data-search="Heading 1"></div>`
-  
+  form.innerHTML += `<div><input name="search" id="search" type="text" class="form-control" data-search="Heading 1"></div>`;
+
   tableModule.addDataAttributes(table);
   tableModule.createSearchDataList(table, form);
 
   test('should create a datalist populated by the defined columns in the data-search ', () => {
-
     expect(form.querySelectorAll('datalist').length).toEqual(1);
     expect(form.querySelectorAll('datalist option').length).toEqual(2);
     expect(form.querySelector('datalist option:nth-child(1)').value).toEqual('Cell 1');
@@ -88,39 +83,31 @@ describe('createSearchDataList', () => {
   });
 
   test('should set the autocomplete attribute to off', () => {
-
     expect(form.querySelectorAll('datalist').length).toEqual(1);
     expect(form.querySelectorAll('datalist option').length).toEqual(2);
     expect(form.querySelector('datalist option:nth-child(1)').value).toEqual('Cell 1');
     expect(form.querySelector('input').getAttribute('autocomplete')).toEqual('off');
   });
-
 });
 
 describe('sortTable', () => {
-
   const table = document.createElement('table');
   table.innerHTML = basicTable;
   const form = document.createElement('form');
-  form.innerHTML += `<div><select type="select" name="sort" id="sort" class="form-select" data-sort=""><option value="-1">Sort by</option><option value="high" data-sort="Heading 2" data-order="High,Medium,Low" selected="selected">high to low</option></select></div>`
+  form.innerHTML += `<div><select type="select" name="sort" id="sort" class="form-select" data-sort=""><option value="-1">Sort by</option><option value="high" data-sort="Heading 2" data-order="High,Medium,Low" selected="selected">high to low</option></select></div>`;
   const savedTableBody = table.querySelector('tbody');
 
   tableModule.addDataAttributes(table);
   tableModule.sortTable(table, form, savedTableBody);
 
   test('should sort the table from high to low', () => {
-
     expect(table.querySelector('tbody tr:nth-child(1) td:nth-child(2)').textContent).toEqual('High');
     expect(table.querySelector('tbody tr:nth-child(2) td:nth-child(2)').textContent).toEqual('Medium');
     expect(table.querySelector('tbody tr:nth-child(3) td:nth-child(2)').textContent).toEqual('Low');
   });
-
-
 });
 
-
 describe('filterTable', () => {
-
   const table = document.createElement('table');
   table.innerHTML = basicTable;
   const form = document.createElement('form');
@@ -130,16 +117,12 @@ describe('filterTable', () => {
   tableModule.filterTable(table, form, document.createElement('div'));
 
   test('should filter the table to only show high values', () => {
-
     expect(table.querySelectorAll('tbody tr.filtered--matched').length).toEqual(1);
   });
 });
 
-
 describe('formatCell', () => {
-
   test('should format the text correctly', () => {
-
     expect(tableModule.formatCell('date', '2023-05-15 12:10:45.000000')).toEqual('15 May 23');
     expect(tableModule.formatCell('capitalise', 'low')).toEqual('Low');
   });

package/assets/ts/vendor/hibp.ts

@@ -30,52 +30,52 @@
  * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
  * OTHER DEALINGS IN THE SOFTWARE.
  */
-function sha1(string){
-  var buffer = new TextEncoder("utf-8").encode(string);
-  return crypto.subtle.digest("SHA-1", buffer).then(function (buffer) {
-      // Get the hex code
-      var hexCodes = [];
-      var view = new DataView(buffer);
-      for (var i = 0; i < view.byteLength; i += 4) {
-          // Using getUint32 reduces the number of iterations needed (we process 4 bytes each time)
-          var value = view.getUint32(i)
-          // toString(16) will give the hex representation of the number without padding
-          var stringValue = value.toString(16)
-          // We use concatenation and slice for padding
-          var padding = '00000000'
-          var paddedValue = (padding + stringValue).slice(-padding.length)
-          hexCodes.push(paddedValue);
-      }
-      // Join all the hex strings into one
-      return hexCodes.join("");
+function sha1(string) {
+  var buffer = new TextEncoder('utf-8').encode(string);
+  return crypto.subtle.digest('SHA-1', buffer).then(function (buffer) {
+    // Get the hex code
+    var hexCodes = [];
+    var view = new DataView(buffer);
+    for (var i = 0; i < view.byteLength; i += 4) {
+      // Using getUint32 reduces the number of iterations needed (we process 4 bytes each time)
+      var value = view.getUint32(i);
+      // toString(16) will give the hex representation of the number without padding
+      var stringValue = value.toString(16);
+      // We use concatenation and slice for padding
+      var padding = '00000000';
+      var paddedValue = (padding + stringValue).slice(-padding.length);
+      hexCodes.push(paddedValue);
+    }
+    // Join all the hex strings into one
+    return hexCodes.join('');
   });
 }
 
-const hibpCheck = (pwd,input) => {
+const hibpCheck = (pwd, input) => {
   // We hash the pwd first
-  sha1(pwd).then(function(hash){
-      // We send the first 5 chars of the hash to hibp's API
-      const req = new XMLHttpRequest();
-      req.addEventListener("load", function(){
-          // When we get back a response from the server
-          // We create an array of lines and loop through them
-          const resp = this.responseText.split('\n');
-          const hashSub = hash.slice(5).toUpperCase();
-          var result = false;
-          for(let index in resp){
-              // Check if the line matches the rest of the hash
-              if(resp[index].substring(0, 35) == hashSub){
-                  result = true;
-                  break; // If found no need to continue the loop
-              }
-          }
-          // Trigger an event with the result
-          const event = new CustomEvent('hibpCheck', {detail: result});
-          input.dispatchEvent(event);
-      });
-      req.open('GET', 'https://api.pwnedpasswords.com/range/'+hash.substr(0, 5));
-      req.send();
+  sha1(pwd).then(function (hash) {
+    // We send the first 5 chars of the hash to hibp's API
+    const req = new XMLHttpRequest();
+    req.addEventListener('load', function () {
+      // When we get back a response from the server
+      // We create an array of lines and loop through them
+      const resp = this.responseText.split('\n');
+      const hashSub = hash.slice(5).toUpperCase();
+      var result = false;
+      for (let index in resp) {
+        // Check if the line matches the rest of the hash
+        if (resp[index].substring(0, 35) == hashSub) {
+          result = true;
+          break; // If found no need to continue the loop
+        }
+      }
+      // Trigger an event with the result
+      const event = new CustomEvent('hibpCheck', { detail: result });
+      input.dispatchEvent(event);
+    });
+    req.open('GET', 'https://api.pwnedpasswords.com/range/' + hash.substr(0, 5));
+    req.send();
   });
-}
+};
 
-export default hibpCheck;
+export default hibpCheck;