This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@tce-ap/react-components

TCE - AP

Esta biblioteca está em fase de desenvolvimento.

Começando

npm i @tce-ap/react-components

Métodos do SSO

Biblioteca de autenticação do TCE.

Authorize

Descrição:

Método de autenticação para os sistemas do TCE.

Amostras

Parâmetros:

Variável	Tipo de valor	Obrigatoriedade	Notas
username	String	✔️	Usuário da rede
password	String	✔️	Senha da rede
applicationToken	String	✔️	Token de autenticação criado no painel do SSO

GetToken

Descrição:

Método para pegar o token de autenticação do usuário.

Amostras

Parâmetros:

Variável	Tipo de valor	Obrigatoriedade	Notas
authorization_code	String	✔️	Token de autenticação que retornou do Authorize
username	String	✔️	Usuário da rede
password	String	✔️	Senha da rede

GetUser

Descrição:

Método que retorna os dados do usuário.

Amostras

Parâmetros:

Variável	Tipo de valor	Obrigatoriedade	Notas
cpf	String	✔️	CPF do usuário
token	String	✔️	Token decodificado que retornou do método GetToken

Exemplo:

import { Authorize, GetToken, GetUser } from "@tce-ap/react-components";
import jwt_decode from "jwt-decode";
const signIn = async (username: string, password: string) => {
  const applicationToken = process.env.REACT_APP_APPLICATION_TOKEN || "";
  try {
    const { data } = await Authorize(username, password, applicationToken);
    const response = await GetToken(data.AuthorizationCode, username, password);
    let decoded: any = jwt_decode(response.data);
    const me = await GetUser(
      decoded.data.guards.api.user.cpf,
      decoded.token.token
    );
  } catch (error: any) {
    console.log(error.message);
  }
};

GetAllFuncionarios

Descrição:

Método que retorna os dados de todos os usuários do TCE-AP paginados de 10 em 10.

Amostras

Parâmetros:

Variável	Tipo de valor	Obrigatoriedade	Notas
all	Boolean	❌	Retorna todos sem paginação

GetFuncionarioPorCPF

Descrição:

Método para buscar funcionário por CPF

Amostras

Parâmetros:

Variável	Tipo de valor	Obrigatoriedade	Notas
cpf	Boolean	✔️	Retorna todos os dados de um funcionário

SearchGovBrPessoaFisica

Descrição:

Método para buscar os dados de uma pessoa no GovBr

Amostras

Parâmetros:

Variável	Tipo de valor	Obrigatoriedade	Notas
cpf	String	✔️	Retorna todos os dados de uma pessoa cadastrada no GovBr

Login

Descrição:

Método de autenticação para os sistemas do TCE.

Amostras

Parâmetros:

Variável	Tipo de valor	Obrigatoriedade	Notas
username	String	✔️	Usuário da rede
password	String	✔️	Senha da rede

Exemplos:

ts

Admin LTE baseado em React Componentes

Conceitos desta biblioteca:

• Baseado em bootstrap 4;
• Componentes podem (e devem) ser estendidos e estilizados usando estilos, de forma flexível;
• Baseado no princípio KISS (Keep It Simple, Stupid);
• Foco na reutilização e flexibilidade;

Components

Button

Descrição:

Este é um componente clicável e pode executar funções passadas como argumento (onClick). Aceita ícones e textos como parâmetros.

Amostras

Props:

Variável	Tipo de valor	Padrão	Obrigatoriedade	Notas
buttonType	String	_	❌	_
text	String	_	✔️	Este é a descrição do botão
type	String	button	❌	Tipo de botão o botão usa
icon	String	_	❌	Ícone que o botão pode ter
disabled	boolean	false	❌	Opção para desabilitar o botão ou não

ButtonCardGroup

ButtonCardNew

ButtonGroup

Checkbox

DateInput

FileInput

Form

GraficoBarra

GraficoPizza

Image

Loading

MessageUL

Modal

PasswordInput

Search

ShowCard

SmallBox

Tab

TableResponsive

TextInput

Layouts

Dashboard

Footer

Header

Menu