react-likert-scale
Advanced tools
Comparing version 2.0.2 to 3.0.0
@@ -9,3 +9,14 @@ Changelog | ||
[3.0.0] - 2021-01-15 | ||
---------------------------- | ||
### Changes | ||
Once again, this component is compatible with really old versions of React. It is written as a | ||
Class component. | ||
### Breaking Changes | ||
For most people, this will not be a breaking change. This component is only an ES2015 (ES6) module. | ||
Previously, it was exported as UMD. | ||
[2.0.2] - 2021-01-13 | ||
@@ -12,0 +23,0 @@ ---------------------------- |
{ | ||
"name": "react-likert-scale", | ||
"version": "2.0.2", | ||
"version": "3.0.0", | ||
"description": "A React-based Likert Scale to collect data.", | ||
"main": "dist/likert.umd.js", | ||
"comments": [ | ||
"`main` is traditionally a script/program, but in our case it is an ES module.", | ||
"`type` tells the consumer that `main` is a ES module. This is fairly new and the", | ||
"old method was to use the `module` key. It is here for backwards compatibility." | ||
], | ||
"main": "./dist/likert.es.js", | ||
"type": "module", | ||
"exports": "./dist/likert.es.js", | ||
"module": "./dist/likert.es.js", | ||
"files": [ | ||
@@ -22,3 +30,3 @@ "dist" | ||
"start": "webpack serve --config webpack.config.dev.js --inline --hot --progress --mode development", | ||
"build": "rollup --config", | ||
"build": "rm dist/*.* && rollup --config", | ||
"prepare": "npm run build" | ||
@@ -25,0 +33,0 @@ }, |
@@ -5,3 +5,3 @@ React Likert Scale | ||
React Likert Scale is a [React component](https://reactjs.org/docs) that renders a Likert Scale. It | ||
is fully responsive, very small size (about 8kb), and the styling can be customized by providing | ||
is fully responsive, very small size (about 9kb), and the styling can be customized by providing | ||
your own CSS styles. | ||
@@ -18,6 +18,2 @@ | ||
React Likert Scale is a JavaScript library that can be used as an ES2015 Module or UMD. | ||
### ES2015 Module | ||
```javascript | ||
@@ -58,3 +54,3 @@ import React from 'react'; | ||
### How do I change the colors or other styling? | ||
### How do I change colors or other CSS styling? | ||
@@ -76,3 +72,3 @@ The top-level DOM element that gets created by this component is `<fieldset class="likertScale">`. | ||
is done with React via `refs`. Either create your ref with `React.createRef()` or the `useRef()` | ||
hook. You can then pass your ref to the Likert component. | ||
hook. You can then pass your `ref` to the Likert component. | ||
@@ -103,3 +99,3 @@ ```javascript | ||
### Can I pass DOM attributes such as `id`, `class`, `disabled`, `data-*`, `onClick`, etc.? | ||
### Can I pass in DOM attributes such as `id`, `class`, `disabled`, `data-*`, `onClick`, etc.? | ||
@@ -117,2 +113,2 @@ Sure. They will be applied to the likert component’s top-level DOM element, `<fieldset>`. e.g.: | ||
/> | ||
``` | ||
``` |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage 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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage 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
1
Yes
23683
4
452
109