Always require flow annotation & introduce editorconfig

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -12,6 +12,7 @@
     "prettier/react"
   ],
   "plugins": [
+    "import",
     "flowtype",
     "prettier",
     "jest"
@@ -33,6 +34,7 @@
     "react/require-default-props": "off", // Optional props can be undefined.
     "react/jsx-filename-extension": ["error", { "extensions": [".js"] }], // Don't use jsx
     "jsx-a11y/label-has-for": "off", // control is wrapped in a label
-    "jsx-a11y/href-no-hash": "off" // broken rule
+    "jsx-a11y/href-no-hash": "off", // broken rule
+    "flowtype/require-valid-file-annotation": ["error", "always"]
   }
 }

config/build.js

@@ -1,3 +1,4 @@
+// @noflow
 /* eslint-disable import/no-extraneous-dependencies */
 const path = require("path");
 const fs = require("fs");

config/enzymeConfig.js

@@ -1,3 +1,5 @@
+// @flow
+
 import { configure } from "enzyme";
 import Adapter from "enzyme-adapter-react-16";
 

src/Button/__tests__/IconWrapper.test.js

@@ -1,10 +1,12 @@
+// @flow
+
 import * as React from "react";
 import { shallow } from "enzyme";
 import { Money } from "@kiwicom/icons";
 import IconWrapper from "../IconWrapper";
 
 describe("IconWrapper", () => {
-  const component = shallow(<IconWrapper Icon={Money} />);
+  const component = shallow(<IconWrapper size="normal" type="primary" Icon={Money} />);
 
   it("should contain component named the same as imported icon", () => {
     expect(component.find("Money").exists()).toBe(true);

src/Button/__tests__/index.test.js

@@ -1,10 +1,14 @@
+// @flow
+
 import * as React from "react";
 import { shallow } from "enzyme";
 import Button from "../";
 
 describe("Button", () => {
   const title = "Title";
-  const component = shallow(<Button title={title} />);
+  const component = shallow(
+    <Button title={title} size="normal" type="primary" onClick={jest.fn()} />,
+  );
   const button = component.find("button");
   it("Should contain a title ", () => {
     expect(button.render().text()).toBe(title);
@@ -14,7 +18,9 @@ describe("Button", () => {
 describe("When button is clicked", () => {
   const onClick = jest.fn();
   const title = "title";
-  const component = shallow(<Button title={title} onClick={onClick} />);
+  const component = shallow(
+    <Button type="primary" size="normal" title={title} onClick={onClick} />,
+  );
   const button = component.find("button");
 
   it("should execute onClick method", () => {
@@ -25,8 +31,10 @@ describe("When button is clicked", () => {
 
 describe("Rendered with icon", () => {
   const title = "title";
-  const icon = jest.fn();
-  const component = shallow(<Button title={title} Icon={icon} />);
+  const icon = () => <i />;
+  const component = shallow(
+    <Button type="primary" size="normal" title={title} Icon={icon} onClick={jest.fn()} />,
+  );
   const button = component.find("button");
   it("Should contain IconWrapper", () => {
     expect(button.find("IconWrapper").exists()).toBe(true);

src/SystemMessage/__tests__/IconWrapper.test.js

@@ -1,9 +1,12 @@
+// @flow
+
 import * as React from "react";
 import { shallow } from "enzyme";
 import IconWrapper from "../IconWrapper";
 
 describe("System Message", () => {
-  const component = shallow(<IconWrapper type="success" Icon="Icon" />);
+  const Icon = () => <i />;
+  const component = shallow(<IconWrapper type="success" Icon={Icon} />);
 
   it("Should contain Icon", () => {
     expect(component.find("Icon").exists()).toBe(true);

src/SystemMessage/__tests__/Title.test.js

@@ -1,3 +1,5 @@
+// @flow
+
 import * as React from "react";
 import { shallow } from "enzyme";
 import Title from "../Title";

src/SystemMessage/__tests__/index.test.js

@@ -1,3 +1,5 @@
+// @flow
+
 import * as React from "react";
 import { shallow } from "enzyme";
 import SystemMessage from "../";
@@ -17,7 +19,7 @@ describe("Rendered with title ", () => {
 });
 
 describe("Rendered with icon ", () => {
-  const icon = jest.fn();
+  const icon = () => <i />;
   const componentWithIcon = shallow(<SystemMessage type="success" Icon={icon} />);
   it("Should contain IconWrapper", () => {
     expect(componentWithIcon.find("IconWrapper").exists()).toBe(true);

src/icons/.eslintrc

@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "flowtype/require-valid-file-annotation": "off"
+  }
+}

src/icons/.gitignore

@@ -4,4 +4,5 @@
 !/png/
 !icons.md
 !readme.md
-!.gitignore
+!.gitignore
+!.eslintrc