feat: migrating flow to typescript (#47)

This PR convert the code base to Typescript, the changes are the following:

- migrate code base to Typescript (3.4.x)
- enable `eslint` and `@typescript-eslint/eslint-plugin` (warnings still need to be addressed in future pull request
- update relevant dependencies for this PR (linting, etc)
- enable `bundlezise` (it was disabled for some reason)

* refactor: refactoring to typescript

* refactor: migrating to typescript

* refactor: applied feedbacks

* fix: fixed conflicts

* refactored: changed registry

* refactor: updated registry & removed unnecessary lib

* fix: fixed registry ur

* fix: fixed page load

* refactor: refactored footer wip

* refactor: converting to ts..wip

* refactor: converting to ts. wip

* refactor: converting to ts. wip

* refactor: converting to ts

* refactor: converting to ts

* fix: fixed load errors

* refactor: converted files to ts

* refactor: removed flow from tests

* fix: removed transpiled files

* refactor: added ts-ignore

* fix: fixed errors

* fix: fixed types

* fix: fixing jest import -.-

* fix: fixing lint errors

* fix: fixing lint errors

* fix: fixed lint errors

* refactor: removed unnecessary tsconfig's config

* fix: fixing errors

* fix: fixed warning

* fix: fixed test

* refactor: wip

* refactor: wip

* refactor: wip

* fix: fixing tests: wip

* wip

* wip

* fix: fixed search test

* wip

* fix: fixing lint errors

* fix: re-added stylelint

* refactor: updated stylelint script

* fix: fixed: 'styles.js'  were found.

* fix: fixed Search tests

* chore: enable eslint

eslint needs expecitely to know which file has to lint, by default is JS, in this case we need also ts,tsx files eslint . --ext .js,.ts

* chore: vcode eslint settings

* chore: restore eslint previous conf

* chore: clean jest config

* chore: fix eslint warnings

* chore: eslint errors cleared

chore: clean warnings

chore: remove github actions test phases

chore: remove dupe rule

* chore: update handler name

* chore: restore logo from img to url css prop

- loading images with css is more performant than using img html tags, switching this might be a breaking change
- restore no-empty-source seems the linting do not accept false
- update snapshots
- remove @material-ui/styles

* chore: update stylelint linting

* chore: update stylelint linting

* chore: fix a mistake on move tabs to a function

* chore: eanble bundlezie

* chore: use default_executor in circleci

* chore: update readme

src/components/Icon/Icon.tsx

@@ -0,0 +1,82 @@
+import React, { MouseEvent } from 'react';
+import capitalize from 'lodash/capitalize';
+
+import { Svg, Img, ImgWrapper } from './styles';
+
+import brazil from './img/brazil.svg';
+import china from './img/china.svg';
+import india from './img/india.svg';
+import nicaragua from './img/nicaragua.svg';
+import pakistan from './img/pakistan.svg';
+import austria from './img/austria.svg';
+import spain from './img/spain.svg';
+import earth from './img/earth.svg';
+import verdaccio from './img/verdaccio.svg';
+import filebinary from './img/filebinary.svg';
+import law from './img/law.svg';
+import license from './img/license.svg';
+import time from './img/time.svg';
+import version from './img/version.svg';
+
+export interface IconsMap {
+  brazil: string;
+  spain: string;
+  china: string;
+  nicaragua: string;
+  pakistan: string;
+  austria: string;
+  india: string;
+  earth: string;
+  verdaccio: string;
+  license: string;
+  time: string;
+  law: string;
+  version: string;
+  filebinary: string;
+  [key: string]: string;
+}
+
+export const Icons: IconsMap = {
+  brazil,
+  spain,
+  china,
+  nicaragua,
+  pakistan,
+  india,
+  austria,
+  earth,
+  verdaccio,
+  filebinary,
+  law,
+  license,
+  time,
+  version,
+};
+
+export interface Props {
+  name: keyof IconsMap;
+  className?: string;
+  onClick?: (event: MouseEvent<SVGElement | HTMLSpanElement>) => void;
+  size?: 'sm' | 'md';
+  pointer?: boolean;
+  img?: boolean;
+  modifiers?: any;
+}
+
+const Icon: React.FC<Props> = ({ className, name, size = 'sm', img = false, pointer = false, ...props }) => {
+  // @ts-ignore
+  const title = capitalize(name);
+  return img ? (
+    <ImgWrapper className={className} name={name} pointer={pointer} size={size} title={title} {...props}>
+      <Img alt={title} src={Icons[name]} />
+    </ImgWrapper>
+  ) : (
+    // @ts-ignore
+    <Svg className={className} pointer={pointer} size={size} {...props}>
+      <title>{title}</title>
+      <use xlinkHref={`${Icons[name]}#${name}`} />
+    </Svg>
+  );
+};
+
+export default Icon;