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
TypeScript icon, indicating that this package has built-in type declarations

1.1.18 • Public • Published

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

Package Sidebar

Install

npm i @tce-ap/react-components

Weekly Downloads

1

Version

1.1.18

License

ISC

Unpacked Size

119 kB

Total Files

131

Last publish

Collaborators

  • npm