matt-utils - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

dist/matt-utils.js

@@ -54,4 +54,8 @@ (function (global, factory) {
 }
-function hasClass(el, classes) {
-  return el.classList.contains(classes);
+function hasClass(el, ...classes) {
+  let hasClasses = false;
+  classes.forEach(cls => {
+    hasClasses = el.classList.contains(cls);
+  });
+  return hasClasses;
 }
@@ -58,0 +62,0 @@ function addEvent(el, ev, fn, opts) {

dist/matt-utils.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self)["matt-utils"]={})}(this,(function(e){function t(e,t,n){for(let o=0,i=e.length;o<i;o++)t.call(n,e[o],o)}e.addClass=function(e,...n){function o(e,...t){t.forEach(t=>{e.classList.add(t)})}void 0===e.length?o(e,...n):t(e,e=>{o(e,...n)})},e.addEvent=function(e,t,n,o){e.addEventListener(t,n,o)},e.byClass=function(e,t=document){return t.getElementsByClassName(e)},e.byId=function(e){return document.getElementById(e)},e.forEachHTML=t,e.getElementIndex=function(e){let t=0;for(;e=e.previousElementSibling;)t++;return t},e.getLeftPos=function(e,t=document.body){return e.getBoundingClientRect().left-t.getBoundingClientRect().left},e.getTopPos=function(e,t=document.body){return e.getBoundingClientRect().top-t.getBoundingClientRect().top},e.hasClass=function(e,t){return e.classList.contains(t)},e.nextFrame=function(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.call()})})},e.query=function(e,t=document){return t.querySelector(e)},e.queryAll=function(e,t=document){return t.querySelectorAll(e)},e.removeClass=function(e,...n){function o(e,...t){t.forEach(t=>{e.classList.remove(t)})}void 0===e.length?o(e,...n):t(e,e=>{o(e,...n)})},e.removeEvent=function(e,t,n,o){e.removeEventListener(t,n,o)},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self)["matt-utils"]={})}(this,(function(e){function t(e,t,n){for(let o=0,i=e.length;o<i;o++)t.call(n,e[o],o)}e.addClass=function(e,...n){function o(e,...t){t.forEach(t=>{e.classList.add(t)})}void 0===e.length?o(e,...n):t(e,e=>{o(e,...n)})},e.addEvent=function(e,t,n,o){e.addEventListener(t,n,o)},e.byClass=function(e,t=document){return t.getElementsByClassName(e)},e.byId=function(e){return document.getElementById(e)},e.forEachHTML=t,e.getElementIndex=function(e){let t=0;for(;e=e.previousElementSibling;)t++;return t},e.getLeftPos=function(e,t=document.body){return e.getBoundingClientRect().left-t.getBoundingClientRect().left},e.getTopPos=function(e,t=document.body){return e.getBoundingClientRect().top-t.getBoundingClientRect().top},e.hasClass=function(e,...t){let n=!1;return t.forEach(t=>{n=e.classList.contains(t)}),n},e.nextFrame=function(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.call()})})},e.query=function(e,t=document){return t.querySelector(e)},e.queryAll=function(e,t=document){return t.querySelectorAll(e)},e.removeClass=function(e,...n){function o(e,...t){t.forEach(t=>{e.classList.remove(t)})}void 0===e.length?o(e,...n):t(e,e=>{o(e,...n)})},e.removeEvent=function(e,t,n,o){e.removeEventListener(t,n,o)},Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

 {
   "name": "matt-utils",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Some simple shothands for some js functions and methods",
@@ -8,3 +8,5 @@ "main": "dist/matt-utils.js",
     "rl": "rollup -cw",
-    "test": "jest"
+    "declarations": "tsc -p tsconfig.json",
+    "build:prod": "rollup -c & npm run declarations",
+    "test": "jest --verbose"
   },
@@ -31,14 +33,15 @@ "repository": {
     "@babel/preset-env": "^7.10.2",
-    "@rollup/plugin-babel": "^5.0.2",
-    "@rollup/plugin-commonjs": "^12.0.0",
-    "@rollup/plugin-node-resolve": "^8.0.0",
+    "@rollup/plugin-babel": "^5.0.3",
+    "@rollup/plugin-commonjs": "^13.0.0",
+    "@rollup/plugin-node-resolve": "^8.0.1",
     "babel-eslint": "^10.1.0",
     "browserslist": "^4.12.0",
     "core-js": "^3.6.5",
-    "eslint": "^7.1.0",
+    "eslint": "^7.2.0",
     "jest": "^26.0.1",
-    "rollup": "^2.12.1",
+    "rollup": "^2.13.1",
     "rollup-plugin-eslint": "^7.0.0",
-    "rollup-plugin-terser": "^6.1.0"
+    "rollup-plugin-terser": "^6.1.0",
+    "typescript": "^3.9.5"
   }
 }

src/index.js

@@ -149,11 +149,18 @@ /**
  * Checks if an element has a class or not
- * // TODO: check for multiple classes and multiple elements
+ * // TODO: check for multiple classes of multiple elements
  *
  * @param {Element} el - An HTML element
- * @param {String} classes - Classes to check the presence of
+ * @param {...String} classes - Classes to check the presence of
  *
  * @returns {Boolean} - The element has the class
  */
-export function hasClass( el, classes ) {
-	return el.classList.contains( classes );
+export function hasClass( el, ...classes ) {
+
+	let hasClasses = false;
+
+	classes.forEach( ( cls ) => {
+		hasClasses = el.classList.contains( cls );
+	});
+
+	return hasClasses;
 }
@@ -234,2 +241,3 @@
  * Similar to jQuery `$( el ).index()`
+ * index start at 0
  *
@@ -236,0 +244,0 @@ * @param {Element} el - An HTML element

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36227

increased by134.84%

Number of package files

13

increased by62.5%

Lines of code

916

increased by123.96%

Worsened metrics

Dev dependency count

14

increased by7.69%

No dependency changes