npm.io
1.1.18 • Published 4 years ago

@tce-ap/react-components

Licence
ISC
Version
1.1.18
Deps
22
Size
116 kB
Vulns
21
Weekly
0
DeprecatedThis package is deprecated

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

ShowCard

SmallBox

Tab

TableResponsive

TextInput

Layouts

Dashboard

Header

Menu