Merge pull request #29 from 1Hive/feat/aragongh-785

.babelrc

@@ -10,9 +10,19 @@
     "@babel/preset-react"
   ],
   "plugins": [
-    ["styled-components", { "displayName": true }],
-    "@babel/plugin-transform-runtime",
-    "@babel/plugin-proposal-class-properties"
+    "babel-plugin-styled-components",
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "corejs": false,
+        "helpers": true,
+        "regenerator": true,
+        "absoluteRuntime": true
+      }
+    ],
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-optional-chaining",
+    "@babel/plugin-proposal-nullish-coalescing-operator"
   ],
   "env": {
     "test": {

.eslintignore

@@ -1 +1,2 @@
-src/icons/components/*.js
+src/icons/components/*.js
+node_modules

.eslintrc

@@ -1,19 +1,19 @@
 {
+  "root": true,
   "env": {
     "browser": true,
     "es6": true,
     "jest/globals": true
   },
   "extends": [
-    "plugin:import/recommended",
-    "plugin:promise/recommended",
     "standard",
     "standard-react",
-    "prettier/react",
+    "prettier",
     "plugin:prettier/recommended"
   ],
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "parserOptions": {
+    "requireConfigFile": false,
     "ecmaFeatures": {
       "experimentalObjectRestSpread": true,
       "jsx": true
@@ -22,14 +22,30 @@
   },
   "plugins": ["prettier", "react", "react-hooks", "import", "promise", "jest"],
   "rules": {
+    "no-unused-vars": "warn",
+    "no-loss-of-precision": "off",
+    "lines-between-class-members": "off",
     "react/jsx-boolean-value": "off",
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn",
     "import/no-unresolved": [
       "error",
-      { "ignore": ["^react(-dom)?$", "^styled-components$"] }
+      {
+        "ignore": [
+          "^react(-dom)?$", 
+          "^styled-components$", 
+          "^react-spring(/renderprops|/web)?$",
+          "^prop-types$",
+          "^dayjs$"
+        ]
+      }
     ],
     "linebreak-style": ["error", "unix"],
     "curly": "error"
+  },
+  "settings": {
+    "react": {
+      "version": "17.0.2"
+    }
   }
 }

.gitignore

@@ -7,3 +7,5 @@ yarn-error.log
 /stats.html
 # testing
 coverage
+
+.DS_Store

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint-staged

.husky/pre-push

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint
+npm run icons:check

devbox/.babelrc

@@ -1,7 +1,10 @@
 {
-  "plugins": [
-    "@babel/plugin-proposal-class-properties",
-    ["styled-components", { "displayName": true }]
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react"
   ],
-  "presets": ["@babel/preset-env", "@babel/preset-react"]
+  "plugins": [
+    "babel-plugin-styled-components",
+    "@babel/plugin-proposal-class-properties"
+  ]
 }

devbox/apps/Accordion.js

@@ -1,7 +1,5 @@
 import React from 'react'
-import styled from 'styled-components'
 import { Header, Accordion, GU } from '@1hive/1hive-ui'
-import { Center } from '../components/Center'
 import { createRandomInt } from '../utils'
 
 const randomInt = createRandomInt()

devbox/apps/AppBarTabs.js

@@ -1,5 +1,4 @@
 import React, { useEffect, useState } from 'react'
-import styled from 'styled-components'
 import { AppBar, AppView, TabBar, NavigationBar } from '@1hive/1hive-ui'
 
 const TABS = ['Home', 'Another screen']
@@ -38,6 +37,7 @@ const App = () => {
 
   const items = tab === null ? ITEMS : ITEMS.slice(0, 1)
 
+
   return (
     <div
       css={`

devbox/apps/Modal.js

@@ -1,5 +1,4 @@
 import React, { useState } from 'react'
-import styled from 'styled-components'
 import { Button, Modal, IconPlus, IconMinus } from '@1hive/1hive-ui'
 import Lorem from '../components/Lorem'
 

devbox/apps/NavigationBar.js

@@ -5,10 +5,8 @@ import {
   AppView,
   ButtonIcon,
   Checkbox,
-  Field,
   IconMenu,
   NavigationBar,
-  SidePanel,
   Tag,
   unselectable,
 } from '@1hive/1hive-ui'
@@ -49,7 +47,7 @@ const MenuButton = () => (
 
 const DemoBadge = () => (
   <span css="margin-left: 20px">
-    <Tag mode="app">ANT</Tag>
+    <Tag mode="new">ANT</Tag>
   </span>
 )
 

devbox/package.json

@@ -15,18 +15,22 @@
   },
   "dependencies": {
     "@1hive/1hive-ui": "file:..",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
+    "dayjs": "^1.10.7",
+    "prop-types": "^15.8.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2",
+    "react-spring": "8.0.27",
     "seedrandom": "^3.0.5",
-    "styled-components": "^4.4.1"
+    "styled-components": "^5.3.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.8.3",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/preset-env": "^7.8.3",
-    "@babel/preset-react": "^7.8.3",
+    "@babel/core": "^7.16.7",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/preset-env": "^7.16.7",
+    "@babel/preset-react": "^7.16.7",
     "babel-loader": "^8.0.6",
-    "babel-plugin-styled-components": "^1.10.6",
+    "babel-plugin-styled-components": "^2.0.2",
     "clean-webpack-plugin": "^3.0.0",
     "file-loader": "^5.0.2",
     "html-webpack-plugin": "^3.2.0",