From e6d1f957fc7561e3fa436f721dec25311d3f8ea6 Mon Sep 17 00:00:00 2001
From: Pedro Mutter <pedro.mutter@catho.com>
Date: Wed, 12 Feb 2020 15:05:26 -0300
Subject: [PATCH] [@catho/quantum] Added few missing attributes (#42287)

* simplecrawler modules type definition

* required fixes in export

* adjustments reference types of crawler.d.ts

* added catho__quantum types definitions

* Fix lint errors

* Fix lint errors

* Fix lint errors

* fix components event handlers types

* fix lint complains

* fix few missing attributes
---
 types/catho__quantum/catho__quantum-tests.tsx     | 11 ++++++++++-
 types/catho__quantum/components/Button/index.d.ts |  1 +
 types/catho__quantum/components/Input/index.d.ts  | 14 ++++++++++++++
 types/catho__quantum/components/Toggle/index.d.ts |  1 +
 4 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/types/catho__quantum/catho__quantum-tests.tsx b/types/catho__quantum/catho__quantum-tests.tsx
index 7cad19dff0..9448ec3332 100644
--- a/types/catho__quantum/catho__quantum-tests.tsx
+++ b/types/catho__quantum/catho__quantum-tests.tsx
@@ -100,4 +100,13 @@ Validations.Required({ value: 'abc' });
 <TextArea />;
 <Toggle />;
 <Tooltip text="this is a tooltip!">Tooltip example</Tooltip>;
-<Input />;
+<Input validate={Validations.Date} />;
+<Input validate={({ value }: { value?: string }) => `value: ${value}`} />;
+<Input validate={{ validate: Validations.Email, error: 'Error test' }} />;
+<Input
+    validate={[
+        Validations.Required,
+        ({ value }: { value?: string }) => `value: ${value}`,
+        { validate: Validations.Date, error: 'Error test' },
+    ]}
+/>;
diff --git a/types/catho__quantum/components/Button/index.d.ts b/types/catho__quantum/components/Button/index.d.ts
index e5fc8f1a77..40fac28bb1 100644
--- a/types/catho__quantum/components/Button/index.d.ts
+++ b/types/catho__quantum/components/Button/index.d.ts
@@ -22,6 +22,7 @@ export interface ButtonProps<T> {
             button: object;
         };
     };
+    id?: string;
 }
 
 export default class Button<T = HTMLButtonElement> extends React.Component<ButtonProps<T>> {
diff --git a/types/catho__quantum/components/Input/index.d.ts b/types/catho__quantum/components/Input/index.d.ts
index 2a638ebe67..5a3da34242 100644
--- a/types/catho__quantum/components/Input/index.d.ts
+++ b/types/catho__quantum/components/Input/index.d.ts
@@ -1,7 +1,19 @@
 import React = require('react');
 
+import { Validations } from '../Form';
+import { string } from 'prop-types';
+
 export type MaskFunction = (rawValue: string) => string[];
 export type Mask = boolean | RegExp | string | MaskFunction;
+export type Validate =
+    | typeof Validations.Required
+    | typeof Validations.CPF
+    | typeof Validations.CEP
+    | typeof Validations.Date
+    | typeof Validations.MinLength
+    | typeof Validations.MaxLength
+    | typeof Validations.Email;
+export type CustomValidate = ((param?: { value: string }) => string) | { validate: Validate; error: string };
 
 export interface InputProps<T> {
     value?: string;
@@ -13,6 +25,8 @@ export interface InputProps<T> {
     type?: 'email' | 'text' | 'tel' | 'number' | 'password' | 'search';
     error?: string;
     id?: string;
+    name?: string;
+    validate?: Validate | CustomValidate | Array<Validate | CustomValidate>;
     mask?: Mask | Mask[];
     onClean?: React.MouseEventHandler<T>;
     onChange?: React.ChangeEventHandler<T>;
diff --git a/types/catho__quantum/components/Toggle/index.d.ts b/types/catho__quantum/components/Toggle/index.d.ts
index 7e6be7b22a..f02e54a982 100644
--- a/types/catho__quantum/components/Toggle/index.d.ts
+++ b/types/catho__quantum/components/Toggle/index.d.ts
@@ -1,6 +1,7 @@
 import React = require('react');
 
 export interface ToggleProps {
+    id?: string;
     checked?: boolean;
     theme?: {
         colors?: object;