font-picker-react - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4

lib/FontPicker.js

@@ -100,2 +100,9 @@ 'use strict';
 
+		// Determine selector suffix from font picker's name
+		if (_this.props.options && _this.props.options.name) {
+			_this.pickerSuffix = '-' + _this.props.options.name;
+		} else {
+			_this.pickerSuffix = '';
+		}
+
 		// initialize FontManager object and generate the font list
@@ -241,3 +248,3 @@ _this.fontManager = new fontPicker.FontManager(_this.props.apiKey, _this.props.activeFont, _this.props.options);
 									type: 'button',
-									className: 'font-' + fontId + ' ' + (isActive ? 'active-font' : ''),
+									className: 'font-' + fontId + _this2.pickerSuffix + ' ' + (isActive ? 'active-font' : ''),
 									onClick: function onClick() {
@@ -262,3 +269,3 @@ _this2.toggleExpanded();
 				'div',
-				{ id: 'font-picker' + this.fontManager.options.name, title: this.state.errorText },
+				{ id: 'font-picker' + this.pickerSuffix, title: this.state.errorText },
 				React__default.createElement(
@@ -287,1 +294,2 @@ 'button',
 module.exports = FontPicker;
+//# sourceMappingURL=FontPicker.js.map

package.json

 {
 	"name": "font-picker-react",
-	"version": "2.0.3",
+	"version": "2.0.4",
 	"description": "Font selector component for Google Fonts",
@@ -23,5 +23,5 @@ "keywords": [
 		"start": "npm-run-all build --parallel start:*",
-		"start:rollup": "rollup -c --watch",
-		"start:storybook": "start-storybook -p 6006",
-		"build": "rollup -c",
+		"start:rollup": "rollup --config --sourcemap --watch",
+		"start:storybook": "start-storybook --port 3000",
+		"build": "rollup --config",
 		"lint": "eslint .",
@@ -32,3 +32,3 @@ "precommit": "npm run lint",
 	"dependencies": {
-		"font-picker": "^2.0.0"
+		"font-picker": "^2.0.5"
 	},
@@ -39,21 +39,21 @@ "peerDependencies": {
 	"devDependencies": {
-		"@storybook/addon-actions": "^3.4.2",
-		"@storybook/addon-links": "^3.4.2",
-		"@storybook/addons": "^3.4.2",
-		"@storybook/react": "^3.4.2",
-		"babel-core": "^6.26.0",
+		"@storybook/addon-actions": "^3.4.8",
+		"@storybook/addon-links": "^3.4.8",
+		"@storybook/addons": "^3.4.8",
+		"@storybook/react": "^3.4.8",
+		"babel-core": "^6.26.3",
 		"babel-plugin-external-helpers": "^6.22.0",
-		"babel-preset-env": "^1.6.1",
+		"babel-preset-env": "^1.7.0",
 		"babel-preset-react": "^6.24.1",
 		"eslint": "^4.19.1",
 		"eslint-config-airbnb": "^16.1.0",
-		"eslint-plugin-import": "^2.11.0",
-		"eslint-plugin-jsx-a11y": "^6.0.2",
-		"eslint-plugin-react": "^7.7.0",
+		"eslint-plugin-import": "^2.13.0",
+		"eslint-plugin-jsx-a11y": "^6.1.0",
+		"eslint-plugin-react": "^7.10.0",
 		"husky": "^0.14.3",
-		"npm-run-all": "^4.1.2",
-		"react": "^16.3.2",
-		"react-dom": "^16.3.2",
-		"rollup": "^0.58.0",
-		"rollup-plugin-babel": "^3.0.3"
+		"npm-run-all": "^4.1.3",
+		"react": "^16.4.1",
+		"react-dom": "^16.4.1",
+		"rollup": "^0.62.0",
+		"rollup-plugin-babel": "^3.0.7"
 	},
@@ -60,0 +60,0 @@ "files": [

README.md

 # Font Picker for React
 
-[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/samuelmeuli/font-picker/blob/master/LICENSE)
-
 **A simple, customizable font picker allowing users to preview, select, and use Google Fonts on your website.**
@@ -91,2 +89,2 @@
 * `npm install`
-* `npm start` to generate the library bundle using [Rollup](https://github.com/rollup/rollup) and and start the [Storybook](https://github.com/storybooks/storybook) for testing the component interactively
+* `npm start` to generate the library bundle using [Rollup](https://github.com/rollup/rollup) and and start the [Storybook](https://github.com/storybooks/storybook) for testing the component interactively (`localhost:3000`)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

26746

increased by72.32%

Number of package files

5

increased by25%

Lines of code

258

increased by2.79%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of lines in readme file

90

decreased by-2.17%

Dependency changes

• Updatedfont-picker@^2.0.5