Add lint to editor

packages/editor/package.json

@@ -6,7 +6,7 @@
     "build": "webpack --config webpack.prod.js",
     "playground": "webpack serve --config webpack.playground.js",
     "cy:run": "cypress run",
-    "lint": "eslint src",
+    "lint": "eslint src --ext js,ts,tsx",
     "test:integration": "start-server-and-test 'yarn playground' http-get://localhost:8081 'yarn cy:run'",
     "test": "yarn test:integration",
     "test:unit": "jest ./test/unit/* --detectOpenHandles",
@@ -28,6 +28,7 @@
     "copy-webpack-plugin": "^10.2.1",
     "css-loader": "^6.7.1",
     "cypress": "^10.11.0",
+    "eslint": "^7.14.0",
     "cypress-image-snapshot": "^4.0.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-react": "^7.31.10",
@@ -62,4 +63,4 @@
     "react-intl": "^6.2.1",
     "styled-components": "^5.3.6"
   }
-}
+}

packages/editor/src/classes/action/capability/index.ts

@@ -43,7 +43,7 @@ class Capability {
   isHidden(action: ActionType): boolean {
     const mapping = ActionConfigByRenderMode[action];
 
-    let result: boolean = false;
+    let result = false;
     if (mapping) {
       // Has been marked in desktop ...
       const desktopCapability: EditorRenderMode[] = mapping.desktop?.hidden;

packages/editor/src/components/toolbar/index.tsx

@@ -133,7 +133,7 @@ export const ToolbarSubmenu = (props: {
             if (!o?.render) {
               return (
                 <ToolbarMenuItem
-                  vertical={!!!props.vertical}
+                  vertical={!props.vertical}
                   key={i}
                   configuration={o as ActionConfig}
                   elevation={props.elevation + 3}

packages/editor/src/components/warning-dialog/index.tsx

@@ -69,7 +69,7 @@ const WarningDialog = ({ capability, message }: FooterPropsType): React.ReactEle
   }
 
   // if the toolbar is present, the alert must not overlap
-  var alertTopAdjustmentStyle = 'tryInfoPanelWithToolbar';
+  const alertTopAdjustmentStyle = 'tryInfoPanelWithToolbar';
 
   return (
     <>

packages/editor/webpack.prod.js

@@ -13,6 +13,7 @@ const prodConfig = {
     'react-intl': 'react-intl',
     '@emotion/styled': '@emotion/styled',
     '@emotion/react': '@emotion/react',
+    'styled-components': 'styled-components',
   },
   plugins: [new CleanWebpackPlugin()],
 };