Merge pull request #13 from umbrellio/update-deps

Update deps

Author: tysky

.eslintrc

@@ -1,5 +1,5 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "env": {
     "browser": true,
     "es6": true
@@ -14,7 +14,7 @@
       "jsx": true,
       "legacyDecorators": true
     },
-    "ecmaVersion": 2018,
+    "ecmaVersion": 2022,
     "sourceType": "module"
   },
   "plugins": [

.github/workflows/ci.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 15.x]
+        node-version: [12.x, 14.x, 16.x]
 
     steps:
     - uses: actions/checkout@v2

README.md

@@ -92,7 +92,7 @@ class List extends React.Component {
   render () {
     const { categories } = this.props
 
-    return <ul>{categories.map(item => <li>{item}</li>)}</ul>
+    return <ul>{categories.map(item => <li key={item}>{item}</li>)}</ul>
   }
 }
 ```
@@ -119,7 +119,7 @@ class List extends React.Component {
     return (
       <React.Fragment>
         <h2>{user.name}</h2>
-        <ul>{categories.map(item => <li>{item}</li>)}</ul>
+        <ul>{categories.map(item => <li key={item}>{item}</li>)}</ul>
       </React.Fragment>
     )
   }
@@ -140,7 +140,7 @@ import { useStore } from "@umbrellio/observable"
 const List = () => {
   const categories = useStore(listStore, { map: state => state.list })
 
-  return <ul>{categories.map(item => <li>{item}</li>)}</ul>
+  return <ul>{categories.map(item => <li key={item}>{item}</li>)}</ul>
 }
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbrellio/observable",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Observable library",
   "repository": "git@github.com:umbrellio/observable.git",
   "author": "Aleksei Bespalov <nulldefiner@gmail.com>",
@@ -16,35 +16,34 @@
     "test:coverage": "jest --coverage"
   },
   "devDependencies": {
-    "@babel/cli": "^7.14.8",
-    "@babel/core": "^7.14.8",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-transform-react-jsx": "^7.14.5",
-    "@babel/preset-env": "^7.14.8",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-node-resolve": "^13.0.4",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
-    "babel-eslint": "^10.1.0",
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.18.2",
+    "@babel/eslint-parser": "^7.18.2",
+    "@babel/plugin-proposal-class-properties": "^7.17.12",
+    "@babel/plugin-transform-react-jsx": "^7.17.12",
+    "@babel/preset-env": "^7.18.2",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
+    "babel-jest": "^28.1.1",
     "coveralls": "^3.1.1",
-    "eslint": "^7.31.0",
+    "enzyme": "^3.11.0",
+    "eslint": "^8.17.0",
     "eslint-config-umbrellio": "^5.0.1",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jest": "^24.4.0",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jest": "^26.5.3",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prefer-object-spread": "^1.2.1",
-    "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-react": "^7.24.0",
-    "jest": "^27.0.6",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.30.0",
+    "jest": "^28.1.1",
+    "jest-environment-jsdom": "^28.1.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "rollup": "^2.55.1"
+    "rollup": "^2.75.6"
   },
   "peerDependencies": {
-    "react": "^16.13.1"
-  },
-  "dependencies": {
-    "babel-jest": "^27.0.6",
-    "enzyme": "^3.11.0"
+    "react": "^16.13.1 || ^17"
   }
 }

rollup.config.js

@@ -4,6 +4,11 @@ import { nodeResolve } from "@rollup/plugin-node-resolve"
 const shared = {
   input: "src/index.js",
   external: ["react"],
+  output: {
+    globals: {
+      react: "React",
+    },
+  },
   plugins: [
     nodeResolve({
       moduleDirectories: ["node_modules"],
@@ -19,20 +24,23 @@ const config = [
   ({ ...shared,
     ...{
       output: {
+        ...shared.output,
         file: "dist/observable.cjs.js",
         format: "cjs",
       },
     } }),
   ({ ...shared,
     ...{
       output: {
+        ...shared.output,
         file: "dist/observable.es.js",
         format: "es",
       },
     } }),
   ({ ...shared,
     ...{
       output: {
+        ...shared.output,
         file: "dist/observable.iife.js",
         format: "iife",
         name: "T",