Merge pull request Enegrecer#297 from AlissonPereiraNeves/waffle-295

Ajustar os nomes dos campos e dos forms, e reposicionar os forms no c…

src/components/comum/combobox/index.js

@@ -42,7 +42,7 @@ combobox.defaultProps = {
   label: '',
   divClasse: '',
   itens: [],
-  valorPadrao: '',
+  valorPadrao: 'Selecione',
   state: '',
   onChange: () => {}
 };

src/components/comum/comboboxEstado/__snapshots__/ComboboxEstado.test.js.snap

@@ -35,7 +35,7 @@ exports[`Combo Estado deve possuir estrutura definida  1`] = `
       "TO",
     ]
   }
-  label="Selecione o Estado:"
+  label="Estado"
   onChange={[Function]}
   state="estado"
   valorPadrao="Selecione"

src/components/comum/comboboxEstado/index.js

@@ -11,8 +11,7 @@ const comboEstado = ({
     id={id}
     itens={estados}
     divClasse={divClasse}
-    label="Selecione o Estado:"
-    valorPadrao="Selecione"
+    label="Estado"
     onChange={onChange}
   />
 );

src/components/comum/comboboxRaca/__snapshots__/ComboboxRaca.test.js.snap

@@ -10,10 +10,10 @@ exports[`Combobox Raça deve conter somente as raças Pardo e Negro quando somen
       "Parda",
     ]
   }
-  label="Selecione a Raça:"
+  label="Raça"
   onChange={[Function]}
   state="raca-testemunha"
-  valorPadrao="Selecione a Raça:"
+  valorPadrao="Selecione"
 />
 `;
 
@@ -30,9 +30,9 @@ exports[`Combobox Raça deve conter todas as raças quando somenteRacasVitima é
       "Preta",
     ]
   }
-  label="Selecione a Raça:"
+  label="Raça"
   onChange={[Function]}
   state="raca-testemunha"
-  valorPadrao="Selecione a Raça:"
+  valorPadrao="Selecione"
 />
 `;

src/components/comum/comboboxRaca/index.js

@@ -12,8 +12,7 @@ const comboRaca = ({
     id={id}
     itens={(somenteRacasVitima) ? racasVitima : racasTestemunha}
     divClasse={divClasse}
-    label="Selecione a Raça:"
-    valorPadrao="Selecione a Raça:"
+    label="Raça"
   />
 );
 

src/components/comum/genero/__snapshots__/Genero.test.js.snap

@@ -13,6 +13,6 @@ exports[`Genero deve possuir estrutura definida  1`] = `
   label="Gênero"
   onChange={[Function]}
   state="genero"
-  valorPadrao="Selecione seu gênero"
+  valorPadrao="Selecione"
 />
 `;

src/components/comum/genero/index.js

@@ -9,7 +9,6 @@ const genero = ({ id, divClasse, state }) => (
     label="Gênero"
     divClasse={divClasse}
     itens={['Feminino', 'Masculino']}
-    valorPadrao="Selecione seu gênero"
   />
 );
 

src/components/comum/nome/__snapshots__/Nome.test.js.snap

@@ -11,10 +11,10 @@ exports[`Nome deve seguir a estrutura definida  1`] = `
   <campoTexto
     divClasse="input-field col s12 m6 l6"
     id="3"
-    label="Nome (máximo de 40 caracteres)"
+    label="Nome"
     maxLen={40}
     onChange={[Function]}
-    placeholder="Nome (máximo de 40 caracteres)"
+    placeholder=" "
     state=""
     type="text"
     validacoes={
@@ -31,15 +31,15 @@ exports[`Nome deve seguir a estrutura definida  1`] = `
       <input
         id="3"
         maxLength={40}
-        placeholder="Nome (máximo de 40 caracteres)"
+        placeholder=" "
         type="text"
       />
       <label
         className="active"
         data-success="right"
         htmlFor="3"
       >
-        Nome (máximo de 40 caracteres)
+        Nome
       </label>
     </div>
   </campoTexto>

src/components/comum/nome/index.js

@@ -7,9 +7,9 @@ const nome = ({
   id, state, onChange, validacoes, divClasse
 }) => (<CampoTexto
   id={id}
-  label="Nome (máximo de 40 caracteres)"
+  label="Nome"
   maxLen={40}
-  placeholder="Nome (máximo de 40 caracteres)"
+  placeholder=" "
   type="text"
   divClasse={`input-field ${divClasse}`}
   onChange={onChange}

src/components/comum/validacoes/Validacoes.test.js

@@ -20,14 +20,14 @@ describe('Validacoes: limite do é 255 cararcteres', () => {
 });
 
 describe('Validacoes: Campo obrigatório', () => {
-  it('deve retornar mensagem de erro quando o campo está vazio  ', () => {
+  it('deve retornar mensagem de erro quando o campo está vazio', () => {
     const mensagem = campoObrigatorio('');
-    assert.equal('Campo Obrigatório', mensagem);
+    assert.equal('Campo obrigatório.', mensagem);
   });
 
-  it('deve retornar mensagem de erro quando o campo é undefined ', () => {
+  it('deve retornar mensagem de erro quando o campo é undefined', () => {
     const mensagem = campoObrigatorio(undefined);
-    assert.equal('Campo Obrigatório', mensagem);
+    assert.equal('Campo obrigatório.', mensagem);
   });
 
   it('deve retornar undefined quando o campo é preenchido', () => {

src/components/comum/validacoes/index.js

@@ -1,4 +1,4 @@
-export const campoObrigatorio = campo => (campo ? undefined : 'Campo Obrigatório');
+export const campoObrigatorio = campo => (campo ? undefined : 'Campo obrigatório.');
 
 export const campoMaiorQue255Caracteres = (campo) => {
   if (campo && campo.length > 255) {

src/components/denuncias/NovaDenunciaForm.js

@@ -11,29 +11,21 @@ import DenuncianteContainer from '../../containers/denuncias/denunciante/Denunci
 
 const secoesForm = [
   {
-    titulo: 'Dados do denunciante',
+    titulo: 'Dados do Denunciante',
     subtitulo: 'Você poderia nos passar algumas informações suas?',
     texto: `Não se preocupe sua identidade será mantida em sigilo.
     Essas informações são importantes para futuramente darmos um retorno das
     medidas que estão sendo tomadas contra esse agressor.`,
     formulario: <DenuncianteContainer />
   },
   {
-    titulo: 'Dados da vítima',
+    titulo: 'Dados da Vítima',
     subtitulo: 'Me conte um pouco sobre a vítima',
     texto: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nisl mi, egestas
     ac ipsum sit amet, blandit posuere metus. Donec imperdiet ut mi sed posuere. Pellentesque
     et varius sapien.`,
     formulario: <NovaVitimaContainer />
   },
-  {
-    titulo: 'Informações Legais',
-    subtitulo: `Você conseguiu realizar um boletim de ocorrência? Ou tem informações caso
-    você não seja a vítima?`,
-    texto: `Essas informações são importantes para conseguirmos identificar a quantidade de
-    vítimas que conseguem reportar esse crime.`,
-    formulario: <FormInformacoesLegais />
-  },
   {
     titulo: 'Dados do Agressor',
     subtitulo: 'Você se sente confortável em dividir conosco informações sobre o agressor?',
@@ -43,11 +35,19 @@ const secoesForm = [
     formulario: <AgressorForm />
   },
   {
-    titulo: 'Descrição da agressão',
+    titulo: 'Descrição da Agressão',
     subtitulo: 'Compreendemos o quanto é difícil externalizar a agressão em palavras.',
     texto: `Mas, é importante para que futuramente consigamos trabalhar para que essas agressões
     tenham um fim.`,
     formulario: <Descricao />
+  },
+  {
+    titulo: 'Informações Legais',
+    subtitulo: `Você conseguiu realizar um boletim de ocorrência? Ou tem informações caso
+    você não seja a vítima?`,
+    texto: `Essas informações são importantes para conseguirmos identificar a quantidade de
+    vítimas que conseguem reportar esse crime.`,
+    formulario: <FormInformacoesLegais />
   }
 ];
 

src/components/denuncias/agressor/AgressorForm.js

@@ -11,24 +11,35 @@ import Endereco from '../../comum/endereco';
 const AgressorForm = () => (
   <div>
     <div className="row">
-      <Nome state="nomeAgressor" id="nome-agressor" />
-      <Genero
-        state="generoAgressor"
-        id="genero-agressor"
-        divClasse="col s12 m6 l6"
+      <Nome
+        state="nomeAgressor"
+        id="nome-agressor"
       />
-    </div>
-
-    <Endereco estadoState="estadoAgressor" cidadeState="cidadeAgressor" />
-
-    <div className="row">
       <Data
         state="dataNascimentoAgressor"
         id="data-nascimento-agressor"
         label="Data de Nascimento"
         divClasse={`${ConstantesCSS.CLASSES_DIV_INPUT} col s12 m6 l6`}
       />
-      <Raca id="raca-agressor" state="racaAgressor" divClasse="col s12 m6 l6" somenteRacasVitima={false} />
+    </div>
+
+    <Endereco
+      estadoState="estadoAgressor"
+      cidadeState="cidadeAgressor"
+    />
+
+    <div className="row">
+      <Raca
+        id="raca-agressor"
+        state="racaAgressor"
+        divClasse="col s12 m6 l6"
+        somenteRacasVitima={false}
+      />
+      <Genero
+        state="generoAgressor"
+        id="genero-agressor"
+        divClasse="col s12 m6 l6"
+      />
 
     </div>
 
@@ -38,7 +49,7 @@ const AgressorForm = () => (
         id="descricao-agressor"
         label="Descrição do agressor"
         maxLen={100}
-        placeholder=""
+        placeholder=" "
         type="text"
         divClasse="input-field col s12 m6 l6"
         validacoes={[campoObrigatorio]}

src/components/denuncias/agressor/__snapshots__/AgressorForm.test.js.snap

@@ -12,10 +12,11 @@ exports[`AgressorForm deve seguir a estrutura definida  1`] = `
       state="nomeAgressor"
       validacoes={Array []}
     />
-    <genero
-      divClasse="col s12 m6 l6"
-      id="genero-agressor"
-      state="generoAgressor"
+    <Data
+      divClasse="input-field col s12 m6 l6"
+      id="data-nascimento-agressor"
+      label="Data de Nascimento"
+      state="dataNascimentoAgressor"
     />
   </div>
   <Endereco
@@ -26,18 +27,17 @@ exports[`AgressorForm deve seguir a estrutura definida  1`] = `
   <div
     className="row"
   >
-    <Data
-      divClasse="input-field col s12 m6 l6"
-      id="data-nascimento-agressor"
-      label="Data de Nascimento"
-      state="dataNascimentoAgressor"
-    />
     <comboRaca
       divClasse="col s12 m6 l6"
       id="raca-agressor"
       somenteRacasVitima={false}
       state="racaAgressor"
     />
+    <genero
+      divClasse="col s12 m6 l6"
+      id="genero-agressor"
+      state="generoAgressor"
+    />
   </div>
   <div
     className="row"
@@ -47,7 +47,7 @@ exports[`AgressorForm deve seguir a estrutura definida  1`] = `
       id="descricao-agressor"
       label="Descrição do agressor"
       maxLen={100}
-      placeholder=""
+      placeholder=" "
       state="descricaoAgressor"
       type="text"
       validacoes={

src/components/denuncias/denunciante/DenuncianteForm.js

@@ -46,6 +46,7 @@ class DenuncianteForm extends Component {
             id="nome-vitima"
             state="nomeDenunciante"
             validacoes={[campoObrigatorio]}
+            divClasse={`${ConstantesCSS.CLASSES_DIV_INPUT} col s12 m6 l6`}
           />
           <Data
             id="data-nascimento-denunciante"
@@ -67,10 +68,10 @@ class DenuncianteForm extends Component {
           <CampoTexto
             state="emailDenunciante"
             id="email-denunciante"
-            label="Email"
+            label="E-mail"
             maxLen={40}
             type="text"
-            placeholder="E-mail"
+            placeholder=" "
             validacoes={[campoObrigatorio, emailInvalido]}
             divClasse={`${ConstantesCSS.CLASSES_DIV_INPUT} col s12 m6 l6`}
           />

src/components/denuncias/denunciante/__snapshots__/DenuncianteForm.test.js.snap

@@ -6,7 +6,7 @@ exports[`DenuncianteForm deve seguir a estrutura definida  1`] = `
     className="row"
   >
     <nome
-      divClasse="col s12 m6 l6"
+      divClasse="input-field col s12 m6 l6"
       id="nome-vitima"
       onChange={[Function]}
       state="nomeDenunciante"
@@ -40,9 +40,9 @@ exports[`DenuncianteForm deve seguir a estrutura definida  1`] = `
     <campoTexto
       divClasse="input-field col s12 m6 l6"
       id="email-denunciante"
-      label="Email"
+      label="E-mail"
       maxLen={40}
-      placeholder="E-mail"
+      placeholder=" "
       state="emailDenunciante"
       type="text"
       validacoes={

src/components/denuncias/descricao/FormDescricao.js

@@ -11,9 +11,9 @@ const descricao = () => (
       <Combobox
         state="periodoAgressao"
         id="periodo"
-        itens={[' ', 'Manhã', 'Tarde', 'Noite']}
+        itens={['Manhã', 'Tarde', 'Noite']}
         divClasse="col s12 m6 l6"
-        label="Período*"
+        label="Período"
       />
 
       <Data
@@ -30,7 +30,7 @@ const descricao = () => (
       <CampoTexto
         state="bairroAgressao"
         id="bairro-descricao"
-        label="Bairro*"
+        label="Bairro"
         maxLen={40}
         placeholder=""
         type="text"

src/components/denuncias/descricao/__snapshots__/FormDescricao.test.js.snap

@@ -10,16 +10,15 @@ exports[`Form Descrição deve seguir a estrutura definida  1`] = `
       id="periodo"
       itens={
         Array [
-          " ",
           "Manhã",
           "Tarde",
           "Noite",
         ]
       }
-      label="Período*"
+      label="Período"
       onChange={[Function]}
       state="periodoAgressao"
-      valorPadrao=""
+      valorPadrao="Selecione"
     />
     <Data
       divClasse="input-field col s12 m6 l6"
@@ -39,7 +38,7 @@ exports[`Form Descrição deve seguir a estrutura definida  1`] = `
     <campoTexto
       divClasse="input-field col s12 m6 l6"
       id="bairro-descricao"
-      label="Bairro*"
+      label="Bairro"
       maxLen={40}
       placeholder=""
       state="bairroAgressao"