DIG-23009 Fix peerDeps to be able to bump to ffe-core 9 in other proj…

…ects.

* Expand peerDep scope of `ffe-form` to include `5.x`.
* Remove peerDep to `ffe-core`.
* Fix lint error in `checkbox.js`.
* Remove prop warning while generating `example.html`.
* Remove old imports from `docs.js`.

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 4.1.2
+* Expand peerDep scope of `ffe-form` to include `5.x`.
+* Remove peerDep to `ffe-core`.
+
 ## 4.1.1
 * Update eslint to latest ffe config
 

docs/docs.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
-import CreateCheckbox, { MainExample, YellowExample, PurpleExample, WhiteExample } from './example-component';
+import CreateCheckbox, { MainExample } from './example-component';
 
 const example = (
 <div>
@@ -23,7 +23,7 @@ const example = (
                     What colors do you like on unicorns?
                 </legend>
                 <div>
-                    { CreateCheckbox({ name: 'yellow-block', label: 'Yellow', checked: true }) }
+                    { CreateCheckbox({ name: 'yellow-block', label: 'Yellow', checked: true, onChange: () => {} }) }
                 </div>
                 <div>
                     { CreateCheckbox({ name: 'purple-block', label: 'Purple' }) }
@@ -44,7 +44,7 @@ const example = (
                 <legend className="ffe-form-label">
                     Favorite unicorn foods?
                 </legend>
-                { CreateCheckbox({ name: 'yellow-inline', label: 'Yellow', checked: true }) }
+                { CreateCheckbox({ name: 'yellow-inline', label: 'Yellow', checked: true, onChange: () => {} }) }
                 { CreateCheckbox({ name: 'purple-inline', label: 'Purple' }) }
                 { CreateCheckbox({ name: 'white-inline', label: 'White' }) }
             </fieldset>

docs/example-component.js

@@ -6,6 +6,7 @@ export const MainExample = (
         checked={false}
         name="Yellow"
         label="Yellow"
+        onChange={ () => {} }
     />
 );
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ffe-checkbox-react",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "main": "lib/checkbox.js",
   "scripts": {
     "build": "babel -d lib/. --ignore=*.test.js src/. && npm run example",
@@ -16,8 +16,7 @@
     "postpublish": "git tag ${npm_package_version} && git push --tags"
   },
   "peerDependencies": {
-    "ffe-core": "^8.1.0",
-    "ffe-form": "1.x || 2.x || 3.x || 4.x"
+    "ffe-form": "1.x - 5.x"
   },
   "dependencies": {
     "classnames": "^2.2.5",
@@ -38,8 +37,8 @@
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^3.0.2",
     "eslint-plugin-react": "^6.8.0",
-    "ffe-core": "^8.1.0",
-    "ffe-form": "^1.0.1",
+    "ffe-core": "^9.2.0",
+    "ffe-form": "^5.1.0",
     "mocha": "^2.4.5",
     "mocha-tap13": "0.0.3",
     "nsp": "^2.2.0",

src/checkbox.js

@@ -8,7 +8,7 @@ export default function CheckBox(props) {
         label,
         noMargins,
         inline,
-        ...rest,
+        ...rest
     } = props;
 
     const id = `checkbox-${hash(rest.name)}`;