@braintree/class-list
Advanced tools
Comparing version 0.1.0 to 0.2.0
@@ -1,2 +0,7 @@ | ||
# 0.0.1 | ||
* Initial release | ||
# 0.2.0 | ||
- Add typescript types | ||
# 0.1.0 | ||
- Initial release |
{ | ||
"name": "@braintree/class-list", | ||
"version": "0.1.0", | ||
"version": "0.2.0", | ||
"description": "A helper for applying classes to dom nodes.", | ||
"main": "class-list.js", | ||
"main": "dist/class-list.js", | ||
"types": "dist/class-list.d.ts", | ||
"files": [ | ||
"class-list.js" | ||
"dist/" | ||
], | ||
"scripts": { | ||
"lint": "eslint .", | ||
"pretest": "npm run lint", | ||
"test": "karma start karma.conf.js" | ||
"prepublishOnly": "npm run build", | ||
"prebuild": "prettier --write .", | ||
"build": "tsc --declaration", | ||
"lint": "eslint --ext js,ts .", | ||
"posttest": "npm run lint", | ||
"test": "jest" | ||
}, | ||
@@ -26,17 +30,18 @@ "repository": { | ||
"devDependencies": { | ||
"browserify": "^16.2.3", | ||
"chai": "^4.1.2", | ||
"eslint": "^5.6.0", | ||
"eslint-config-braintree": "^2.0.0", | ||
"karma": "^3.0.0", | ||
"karma-browserify": "^5.3.0", | ||
"karma-chai": "^0.1.0", | ||
"karma-chrome-launcher": "^2.2.0", | ||
"karma-mocha": "^1.3.0", | ||
"karma-mocha-reporter": "^2.2.5", | ||
"karma-phantomjs-launcher": "^1.0.4", | ||
"mocha": "^5.2.0", | ||
"puppeteer": "^1.8.0", | ||
"watchify": "^3.11.0" | ||
"@types/jest": "^26.0.4", | ||
"eslint": "^7.4.0", | ||
"eslint-config-braintree": "^5.0.0-typescript-prep-rc.17", | ||
"jest": "^26.1.0", | ||
"prettier": "^2.0.5", | ||
"ts-jest": "^26.1.2", | ||
"typescript": "^3.9.6" | ||
}, | ||
"jest": { | ||
"preset": "ts-jest", | ||
"globals": { | ||
"ts-jest": { | ||
"tsConfig": "src/__tests__/tsconfig.json" | ||
} | ||
} | ||
} | ||
} |
@@ -18,3 +18,3 @@ # classList | ||
```js | ||
var classList = require('@braintree/class-list'); | ||
var classList = require("@braintree/class-list"); | ||
``` | ||
@@ -27,9 +27,9 @@ | ||
```js | ||
var element = document.querySelector('#id'); | ||
var element = document.querySelector("#id"); | ||
element.className = 'some-class'; | ||
element.className = "some-class"; | ||
classList.add(element, 'any', 'number', 'of', 'classes', 'to', 'add'); | ||
classList.add(element, "any", "number", "of", "classes", "to", "add"); | ||
element.className === 'some-class any number of classes to add'; | ||
element.className === "some-class any number of classes to add"; | ||
``` | ||
@@ -42,9 +42,9 @@ | ||
```js | ||
var element = document.querySelector('#id'); | ||
var element = document.querySelector("#id"); | ||
element.className = 'some-class some-other-class another-class'; | ||
element.className = "some-class some-other-class another-class"; | ||
classList.remove(element, 'some-class', 'another-class'); | ||
classList.remove(element, "some-class", "another-class"); | ||
element.className === 'some-other-class'; | ||
element.className === "some-other-class"; | ||
``` | ||
@@ -57,16 +57,16 @@ | ||
```js | ||
var element = document.querySelector('#id'); | ||
var element = document.querySelector("#id"); | ||
var shouldAdd = function (className) { | ||
return element.className.indexOf(className) === -1; | ||
} | ||
}; | ||
element.className = 'some-class some-other-class'; | ||
element.className = "some-class some-other-class"; | ||
classList.toggle(element, 'some-class', shouldAdd('some-class')); | ||
classList.toggle(element, "some-class", shouldAdd("some-class")); | ||
element.className === 'some-other-class'; | ||
element.className === "some-other-class"; | ||
classList.toggle(element, 'some-class', shouldAdd('some-class')); | ||
classList.toggle(element, "some-class", shouldAdd("some-class")); | ||
element.className === 'some-class some-other-class'; | ||
element.className === "some-class some-other-class"; | ||
``` | ||
@@ -73,0 +73,0 @@ |
5268
7
6
39