chore(deps-dev): update prettier & eslint deps (#788)

* chore(deps-dev): extract eslint-config-carbon-base

* chore(deps-dev): update prettier deps

chore: demo

* chore: run yarn format

* chore: format .ts files

* chore(deps-dev): update eslint deps

Author: abdonrd

.eslintrc.js

@@ -10,18 +10,29 @@
 const restrictedGlobals = require('eslint-restricted-globals');
 
 module.exports = {
+  extends: ['airbnb-base', 'plugin:prettier/recommended'],
   plugins: ['babel'],
   parser: 'babel-eslint',
   parserOptions: {
     ecmaVersion: 6,
     sourceType: 'script',
   },
-  extends: ['carbon-base'],
   env: {
     node: true,
     es6: true,
+    browser: true,
   },
   rules: {
+    'max-len': [2, 130, 4],
+    'no-param-reassign': [
+      2,
+      {
+        props: false,
+      },
+    ],
+    'no-plusplus': 0,
+    'no-underscore-dangle': 0,
+    'prefer-rest-params': 0,
     'no-restricted-globals': ['error', 'isFinite'].concat(restrictedGlobals),
     'no-unused-expressions': 0,
     'babel/no-unused-expressions': 2,

.storybook/container.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -28,8 +28,7 @@ const container = ({ hasMainTag, children }: { hasMainTag?: boolean; children: T
     name="main-content"
     data-floating-menu-container
     role="${hasMainTag ? 'none' : 'main'}"
-    class="bx--body bx-ce-demo-devenv--container"
-  >
+    class="bx--body bx-ce-demo-devenv--container">
     ${children}
   </div>
 `;