adding eslintrc file to avoid problems with class components

.eslintrc

@@ -0,0 +1,12 @@
+{
+  "extends": "vtex",
+  "root": true,
+  "env": {
+    "node": true,
+    "es6": true,
+    "jest": true
+  },
+  "rules": {
+    "react/prefer-stateless-function": false
+  }
+}

.gitignore

@@ -35,5 +35,4 @@ docs/_book/
 npm-debug.log
 .build/
 lib
-.eslintrc
 base

react/.eslintrc

@@ -0,0 +1,11 @@
+{
+  "extends": "vtex-react/io",
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jest": true
+  },
+  "rules": {
+    "react/prefer-stateless-function": false
+  }
+}

react/components/CustomButton.tsx

@@ -1,7 +1,6 @@
 import React, { Component } from 'react'
 
 import Table from './Table'
-import { OrderFormItem } from '../typings/orderForm'
 
 /**
  * This component is responsible for rendering the custom button itself. For instance,
@@ -27,6 +26,6 @@ interface CustomButtonProps {
   items: OrderFormItem[]
 }
 
-// interface CustomButtonState {}
+interface CustomButtonState {}
 
 export default CustomButton

react/components/Table.tsx

@@ -1,7 +1,5 @@
 import React, { Component } from 'react'
 
-import { OrderFormItem } from '../typings/orderForm'
-
 class Table extends Component<TableProps> {
   constructor(props: any) {
     super(props)

react/index.tsx

@@ -1,12 +1,8 @@
 import React, { Component } from 'react'
 
 import CustomButton from './components/CustomButton'
-import { OrderForm } from './typings/orderForm'
 
-class CheckoutButtonExample extends React.Component<
-  {},
-  CheckoutButtonExampleState
-> {
+class CheckoutButtonExample extends Component<{}, CheckoutButtonExampleState> {
   /**
    * This component is the one that is referenced in the extension point. To use it
    * as an example, we add an event listener, which updates the state every time the
@@ -28,14 +24,13 @@ class CheckoutButtonExample extends React.Component<
 
   public render() {
     this.listenOrderFormUpdated()
-
     console.log(window.vtex.i18n.getLocale())
 
     return <CustomButton {...this.state.orderForm!} />
   }
 }
 
-// interface CheckoutButtonExampleProps {}
+interface CheckoutButtonExampleProps {}
 
 interface CheckoutButtonExampleState {
   orderForm: OrderForm | null

react/tsconfig.json

@@ -17,7 +17,7 @@
   },
   "include": [
     "./**/*.tsx",
-    "typings.d.ts"
+    "./**/*.d.ts"
   ],
   "exclude": [
     "node_modules"

react/typings/orderForm.d.ts → react/typings/global.d.ts

@@ -1,13 +1,13 @@
-declare global {
-  type Window = any
+interface Window extends Window {
+  vtex: any
 }
 
-export interface OrderFormContext {
+interface OrderFormContext {
   orderForm: OrderForm
   loading: boolean
 }
 
-export interface OrderFormItem {
+interface OrderFormItem {
   additionalInfo: ItemAdditionalInfo
   availability: string
   detailUrl: string
@@ -38,7 +38,7 @@ interface SKUSpecification {
   fieldValues: string[]
 }
 
-export interface OrderForm {
+interface OrderForm {
   id: string
   items: OrderFormItem[]
   marketingData: MarketingData