yuritoledo

const FDropdown = ({ field, form: { setFieldValue, setFieldTouched }, ...props }) => (
  <>
    <label>Super Herói</label> <br />
    <Dropdown 
      {...field} 
      {...props} 
      onChange={(e, { value }) => setFieldValue('superHeroi', value)}
      onBlur={(e, { value }) => setFieldTouched('superHeroi', true, true)}
    />
  </>

yuritoledo

First, you'll need NodeJS and NPM:

sudo apt install curl
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs
nodejs -v
v8.4.0

yuritoledo

Shortcut — Action

• CTRL + A — Move to the beginning of the line
• CTRL + E — Move to the end of the line
• CTRL + [left arrow] — Move one word backward (on some systems this is ALT + B)
• CTRL + [right arrow] — Move one word forward (on some systems this is ALT + F)
• CTRL + U — (bash) Clear the characters on the line before the current cursor position
• CTRL + U —(zsh) If you're using the zsh, this will clear the entire line
• CTRL + K — Clear the characters on the line after the current cursor position
• ESC + [backspace] — Delete the word in front of the cursor

yuritoledo

---
root: true

parser: babel-eslint
extends:
  # https://github.com/yannickcr/eslint-plugin-react
  - plugin:react/recommended
  # https://github.com/gajus/eslint-plugin-flowtype
  - plugin:flowtype/recommended
  # https://www.npmjs.com/package/eslint-plugin-jest

yuritoledo

{
	"env": {
		"es6": true,
		"node": true
	},
	"extends": [
		"eslint:recommended",
		"plugin:@typescript-eslint/recommended",
		"plugin:react/recommended"
	],

yuritoledo

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "allowUnreachableCode": true,

yuritoledo

export function cpfMask (value) {
  return value
    .replace(/\D/g, '')
    .replace(/(\d{3})(\d)/, '$1.$2')
    .replace(/(\d{3})(\d)/, '$1.$2')
    .replace(/(\d{3})(\d{1,2})/, '$1-$2')
    .replace(/(-\d{2})\d+?$/, '$1')
}

export function cnpjMask (value) {

yuritoledo

{
  "parser": "@typescript-eslint/parser",
  "extends": [
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
  ],
  "parserOptions": {
    "ecmaVersion": 2018,
    "sourceType": "module",
    "ecmaFeatures": {

yuritoledo

const convert = (src, goToRight) => {
  const img = new Image()
	const canvas = document.createElement('canvas')
	const ctx = canvas.getContext('2d')
  img.crossOrigin = 'Anonymous'
	img.onload = () => {
		canvas.width = img.width
		canvas.height = img.height
		goToRight
			? ctx.transform(0, -1, 1, 0, 0, img.height)

yuritoledo

stage {
  font-family: Arial, Roboto, Ubuntu, Sans-Serif;
  font-size: 13px;
  color: white; }

.label-shadow {
  color: rgba(0, 0, 0, 0); }

.popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button, .sound-button {
  min-height: 20px;