ame-miniapp-components

MiniApp Components

Consiste em uma coletânea de componentes para construção de mini-apps.

Documentação dos Componentes

Acesso a Documentação dos componentes em:

Click aqui!

Changelog

2.23.0 (04-07-2022)

• Melhorias
  • Componente Input recebe propriedade maskList que permite receber um array de strings declarativas de máscara

2.22.3 (23-06-2022)

• Melhorias
  • Componente Text com multiline teve sua fonte corrigida
  • Atualização de bibliotecas internas para melhor desempenho e segurança

2.22.2 (25-04-2022)

• Melhorias
  • Componente CheckItem com melhoria nos alinhamentos
  • Componente CheckItem perdeu comportamento de ficar bold ao selecionar (provocava screen flickering)

2.22.2 (25-04-2022)

Features

• Novas propriedades de placeholder no Destination
  • originInputPlaceholder
  • destinyInputPlaceholder
• Componente DatePicker
  • Agora pode receber vazio na propriedade value
  • Nova propriedade placeholder
• Bugfix
  • Componente DetailList estava sobreponde os textos de descrição quando os mesmos eram muito grandes

2.22.0 (23-03-2022)

Features

• Alterado o componente Destination para modificação dos títulos e aceitar children.

2.21.0 (08-02-2022)

Features

• Inserido display inline-block nos ícones para eliminar o espaço em branco abaixo dos ícones
• Propriedade checked para o componente ExpandableCard
• Componentes em Typescript [TimePicker, Video, Toggle, Steps, SpringLayout, Skeleton, SecureInput]

Bugfix

• Corrigido o Cypress para o componente CurrencyInput
• Alguns ícones não estavam abrindo, atualizamos a lista espelhando o que está na documentação

2.20.0 (25-01-2022)

Bugfix

• Corrigido o tamanho dos bullets para o componente Destination
• Corrigido o tamanho dos ícones no componente Card
• Componente SelectCard alterando a cor da borda quando selecionado

Features

• Nova documentação [ImageFlatCard, FlatCard, ExpandableCard, SelectCard, ScrollView, Datasheet]
• Componentes em Typescript [Slider, ProductCard, PullToRefresh, PriceFormat, ImageFlatCard, OptIn, InvoiceInput, Nav, ListView, Loading, Information, InfiniteScroll, Illustration, ScrollView]

2.19.0 (11-01-2022)

Bugfix

• Removida propriedades que não existem no exemplo da doc no ListView

Features

• Adionado exemplo na Doc para itens checked no Radio, simulando dados vindo de api ou localStorage
• Trocado o Paragraph por Text no componente DetailList
• Trocado o AmeIcon pelo Image no componente Nav
• Trocada a estrutura de diretórios para acompanhar os outros projetos de componentes
• Nova documentação [ProductCard, Card, InfiniteScroll, BoxShadow, Steps, Block, Nav, ScrollView, SpringLayout, Touchable, Destination, ADS]
• Componentes em Typescript [Spacing, TextLink, Modal, Hint, Grid, DestinationMap, BoxShadow]

2.18.0 (28-12-2021)

Bugfix

• Corrigido o erro no componente group para quando não tem um children
• Corrigido erro com o traço que liga o componente Steps
• Corrigido erro no Radio para atualizações no estado do componente

Features

• Agora o texto é colocado como children no textLink ao invés de usar a prop text e foi adicionada a propriedade disabled
• Autocomplete off e type number no CurrencyInput para desativar o autocomplete

2.17.0 (14-12-2021)

Bugfix

• Correção de gramática na documentação do Touchable.
• Tag aberta na documentação do TextLink.

Features

• Criado testes automatizados com Cypress para os componentes: Image, Touchable, Skeleton, SelectCard, ScrollView.
• Inserido as propriedades de border-radius para todos os lados da View(V2, V3, Web).
• Adicionado as propriedades de border-radius para todos os lados na documentação da View(V2).
• Inserido O PriceFormat no sidebar da documentação .
• Refatorado a documentação do Map, SecureInput, TimePicker, DatePicker.
• Deprecated para o componente Information e redirecionar para o Modal.
• Inserido os tamanhos em px relativos dos tokens na documentação.
• Apresentar um aviso no DropDown com poucas opções.
• Refatorado o componente DatePicker para Typescript.

2.16.0 (30-11-2021)

Bugfix

• Corrigida o erro de CORS ao carregar vários ícones no Image.
• Corrigido componente Image no sidebar da documentação.

Features

• Separar a documentação em um novo repositório.
• Na documentação a página de estrutura foi movida para a parte de Conceitos.
• Foi trocado todos os ImeIcon por pelo componente Image detro dos componentes que usam o mesmo.
• Criado nova propriedade target no componente Text.
• Refatorado a documentação do bbCode, Bullet, Animator, Banner, Video, SegmentedControl, DroprownButton, CurrencyInput, Input, Modal, OptIn e CheckItem.

2.15.0 (16-11-2021)

Bugfix

• Corrigida a propriedade titleIcon no ExpandableCard
• Corrigida documentação do ScrollView que continha tags erradas

Features

• Novo componente Image que permite inserir imagens e ícones alterando as cores e tamanhos
• Nova Documentação do Grid e Spacing
• Exemplos de templates adicionados no Storybook

2.14.2 (01-11-2021)

Bugfix

• Corrigida a nomenclatura da propriedade slidePosition no Carousel
• Revisto os tamanhos de paddings e margins nos tokens da biblioteca
• Arredondamento nos cantos do componente ProductCard
• Corrigidas as propriedades backgroundColor, iconColor e sticky no componente Nav
• Borda inferior não acompanhava o tamanho total do ListView

2.14.1 (19-10-2021)

Bugfix

• Tirado o console.warn que aparecia no bbCode
• Corrigido o size que não alterava o tamanho da fonte no textLink

2.14.0 (27-09-2021)

Bugfix

• Corrigidos vários problemas com o ScrollView
• Footer do Datasheet agora pode ser feito com alinhamento vertical
• Espaçamento entre o title e o description no ExpandableCard
• Resolvido o scroll para o Accordion

Features

• Testes no Cypress (PullToRefresh, Nav, PriceFormat)
• Nova Documentação para o Button

2.13.0 (08-09-2021)

Bugfix

• FontSize no CurrencyInput versão flat padronizada com o Input
• Correções e melhorias no InfinitScroll
• Atualização e criação dos markers do map
• Scroll na ancora do Accordion
• Propriedade placeholder escrito errado na doc do Input
• View não quebra textos grandes sem espaço e adiciona scroll lateral

Features

• Testes no Cypress (View, Ads, InfinitScroll, DetailList, Illustration, Animator)
• Componentes em Typescript (Banner, Animator, Ads)
• Sombra no último item do dropDown para dar uma sensação no usuário de que existem mais opções no scroll
• Instalação e implementação do Plop para adicionar arquivos de contrução de novos componentes
• Componente Text com todas as propriedades para construção de textos, títulos entre outros tipos
• bbCode aceita os tokens de cor dos componentes
• Typescript para propriedades base dos componentes
• Revisão da metodologia BEM para os scss de base

2.12.0 (08-09-2021)

Bugfix

• Na doc do card foi corrigida a nomenclatura da propriedade rightIconColor
• defaultActiveTab corrigida no segmentedControl
• Bullet quando tinha a propriedade flat retornava o children duplicado
• Propriedade getMap no componente Maps não estava funcionando
• Carousel não estava retornando para a posição 0 do array
• Propriedade Visibility estava errada na doc

Features

• Inserimos várias propriedades novas na View para auxiliar na construção de telas
• Retorno dos testes em Cypress
• FlatCard para Typescript
• Propriedades para controle de tamanho de fonte e altura da linha no componente Bullet
• Componente Touchable para inserir click em qualquer componente da tela
• Nova padronização para a documentação na View e alguns exemplos de construção de componentes
• CurrencyInput para Typescript
• ExpandableCard para Typescript
• DataSheet para Typescript
• Carousel para Typescript
• Accordion para Typescript

2.11.0 (24-08-2021)

Bugfix

• Corrigido a cor do Title quando selecionado no SelectCard
• Number nos texts são transformados em string
• Corrigido alinhamento no componente Steps para o iPhone
• Corrigido na doc do componente InfiniteScroll de Text para Paragraph
• Correção do click no componente Map
• Trocada a biblioteca do Animator para a oficial dos LottieFiles para correção de erros em determinados json de LottieFile

Features

• Textos dentro dos componentes alterados para o Paragraph
• Componente Circle convertido para Typescript
• Componente CheckItem convertido para Typescript
• Componente BulletAnimation convertido para Typescript
• Componente Bullet convertido para Typescript
• Componente Button convertido para Typescript
• Componente SegmentedControl convertido para Typescript
• Componente View convertido para Typescript
• Componente DropDown convertido para Typescript
• Componente Input convertido para Typescript
• Propriedade para esconder o Search no DropDown
• bbCode aceita Strike
• Value do DropDown aceita objetos, agora é possível trocar a key do label
• Link do storybook na documentação, tanto uma sessão só para ele quanto links em cada componente

2.10.0 (10-08-2021)

Bugfix

• Corrigido os componentes de text que quando recebem null quebram o miniapp
• Alinhamento do Texto com ícone nos Cards
• Efeito do SegmentedControl para a tab ativa no carregamento
• NextInputId no componente input
• Erro de português na documentação para as propriedades Opcionais

Features

• Testes com o Jest no input
• Testes com Jest no AmeIcon
• Possibilidade de edição do Children para o Subtitle, Header e Paragraph no Storybook
• Propriedade defaultActiveTab no segmentedControl
• Componentes em ordem alfabética nas exportações e example
• Componente SelectCard converitido para Typescript
• Componente Card convertido para Typescript
• Componente Circle agora usa o AmeIcon e aceita os tokens de ícones
• Tirado o botão de próximo na Documentação
• Implementado Sanitize nos inputs e componentes que utilizam setInnerHtml
• Jest implementado no pipeline

2.9.0 (27-07-2021)

Bugfix

• Removida a borda quando o input está com disabled
• Função de onClick no AmeIcon não existia, foi colocada novamente nessa versão
• Tamanho do ícone do componente Bullet que ficava achatado foi corrigido
• Spacing com tamanho giant não funcionava por conta de um erro de digitação no scss
• Accordion renderizava de forma estranha em textos com muitos caracteres
• Button com className retornando como undefined

Features

• Implementado o Jest para testes unitários
• Documentação do bbCode
• nextInputId para o dropDown permite pular usando o next do teclado
• SelectCard com a alura maior
• Propriedade defaultTabActive no SegmentedControl
• Propriedade para ajustar o tamanho da imagem nos Cards
• DropDown refazendo a pesquisa quando apaga os caracteres, antes dessa versão ele só funcionava enquanto digitava novas coisas
• Propriedade de selecionado para o SelectCard
• Padronizada as propriedades da documentação e inserido o type correspondente

2.8.0 (13-07-2021)

Bugfix

• Removida a borda quando o input está com disabled
• Corrigida importação do AmeIcon no componente DataSheet, esse erro começou no desenvolvimento dessa versão após renomearmos o AmeIcon
• Corrigido erro no accordion quando popula o data após ele ter sido renderizado
• DropDown com altura automática no modo multiline
• SelectCard com largura igual dentro do Grid
• Button Quartenary com opacidade menor no ícone para a propriedade disabled
• Corrigido erro do console no slider

Features

• Componente DetailList, pode ser usado principalmente para telas de extrato
• Componente RadioButton
• Melhorias no pipeline com a separação dos scripts
• Propriedade light no Divisor para deixar a linha mais clara
• Propriedade search foi colocado no inputMode
• AmeIcon foi renomeado para seguirmos o novo padrão de arquitetura (AmeIcon.component.tsx, AmeIcon.stories.tsx, AmeIcon.types.ts, ...) além do diretório ficando AmeIcon
• SegmentedControl só pode ter 3 abas e ficou com a fonte maior
• Componente Divisor em TS

2.7.0 (29-06-2021)

Bugfix

• Cor do botão do slider trocado para branco
• Corrigido erro no console ao usar o ScrollView
• Corrigida a propriedade multiline no input
• Trocado path por icon em todos os componentes que usam AmeIcon, com isso resolve o erro deprecated no console
• Corrigida propriedade para tornar um texto selecionável no MiniApp
• Estrutura da versão 3.0

Features

• Melhorias na navegação do Storybook
• Pipelines usando yarn ao invés de npm
• Build no pipeline para o Storybook
• Storybook abrindo no modo mobile como default
• Arquivos de estilo sendo importados dentro dos componentes
• fontSize do OptIn alterado para 12px
• Adicionada propriedade para subdescription nos cards

2.6.1 (15-06-2021)

Bugfix

• Corrigido o Divisor com propriedade line

2.6.0 (15-06-2021)

Features

• Storybook em produção
• Accordion com scroll para a aba aberta atual
• Propriedade no Divisor para ficar apenas um risco
• Busca no dropdown mesmo sem acento na palavra
• Propriedade para resetar o radio do ExpandableCard
• Propriedade para definir colunas no grid e evitar a abertura e fechamento repetitivo da tag

Bugfix

• Corrigido o erro com key no ExpandableCard

2.5.0 (01-06-2021)

Features

• Opções de cores nos icones do Card e ListView
• Atualização da listagem de tokens no componete e doc do AmeIcon
• Segmented Control retornar qual é a tab ativa com a propriedade onActiveTab
• Novo componente SelectCard para seleção
• Propriedade para ícones no TextLink
• Propriedade para numérico ou monetário no Slider
• Steps com propriedade para exibir ícones

Bugfix

• Corrigido problema no id do ExpandableCard que não selecionava o Card
• Value do input agora é reativo
• Insere o zero no final do valor para o CurrencyInput no caso de receber 170.9

2.4.1 (19-05-2021)

Bugfix

• Corrige o id do ExpandableCard para quando for utilizado dois componentes na mesma página

2.4.0 (18-05-2021)

Features

• SegmentedControl agora aceita componentes via children
• Opção para cor vermelha no AmeIcon
• Título dos Steps bold
• Documentação para o componente Spacing
• Prop de ícone no botão Tertiary
• Configuração do StoryBook
• Configuração do Jest

Bugfix

• Tirado o bold no CurrencyInput para a propriedade flat
• Corrigido o exemplo de images na documentação do banner
• Corrigido o value do Expandable Card

2.3.0 (04-05-2021)

Features

• Propriedade para exibir caracteres do SecureInput
• Propriedade no Illustration para exibir base64
• Propriedade fontSize no TextLink, também agora ele segue o fontSize do paragraph se nenhum parâmetro for passado
• Propriedade color para o TextLink com opção que deixa o texto branco
• Componente Youtube foi descontinuado, no lugar o componente de vídeos agora aceita url do youtube

Bugfix

• Corrigido muted na doc de vídeos que estava como imagem de capa
• Corrigida as propriedades da View que tinham sido tiradas na versão anterior
• Corrigidos erros no Cypress

2.2.0 (20-04-2021)

Features

• Componentes para function(Vídeo, Window, Nav, Base, Input, Steps, PriceFormat, ScrollView, SegmentedControl, Skeleton, PullToRefresh, TimePicker, View e Map)
• Estruturação nos diretórios de imagens da documentação, agora as imagens são separadas por versões
• Propriedade para setar qual a tab ativa no carregamento do SegmentedControl
• Criado componente para Loading
• Criado componente ExpandebleCard
• Accordion aceita outros componentes como Children
• Propriedade Flat no CurrencyInput que deixa com a mesma aparência dos inputs
• Tags de versão de acordo com semver.org

Bugfix

• Corrigido link das imagens em versões antigas na documentação
• Correção na numeração do Card na documentação
• Correção da prop Icon no ListView para aceitar require
• Corrigida a cor do Placeholder no DropDown

2.1.10 (06-04-2021)

Features

• Componentes para function (InfiniteScroll, SpringLayout, ListView, TextBase, Header, Paragraph, TextLink, Subtitle, OptIn, Toggle, Illustration, Information, ProductCard, Touchable)
• Novo componente Hint
• Novo componente InvoiceInput
• Pipeline para subir somente a documentação
• Prop para outros ícones no ListView
• Prop para ícone no input com click

Bugfix

• Corrigido FontHeight do Paragraph quando usado com o OptIn
• Corrigido BoxShadow no iPhone
• Corrigida cor da descrição dos Cards
• Corrigida cor do Subtitle
• Corrigida cor do Placeholder
• Tirado a prop multiline na doc do input
• Corrigido o apagar do CurrencyInput

2.1.9 (23-03-2021)

Features

• Componente CurrencyInput refeito
• Propriedade para esconder o botão editar no componente CurrencyInput
• Novo componente Slider
• Novo componente ImageFlatCard
• Atualizaão do miniapp showcase
• Testada vulnerabilidade no input
• Componente FlatCard transformado em function
• Componente DataSheet transformado em function
• Componente Group transformado em function
• Componente DatePicker transformado em function
• Componente Block transformado em function
• Componente Animator transformado em function
• Componente Ads transformado em function
• Componente AmeIcon transformado em function
• Componente Destination transformado em function
• Componente bbCode transformado em function
• Componente Circle transformado em function
• Componente Grid transformado em function

Bugfix

• Inserida imagem do componente bullet com a prop flatBullet e a prop arrow no listView
• Alterado o id na doc do SpringLayout
• Trocada a cor padrão dos textos
• Componente texLink colocado na sidebar da documentação
• Documentação do SegmentedControl estava com a tag TabNavigator
• Tirado Console log do carousel e spacing
• Imagem na documentação do Datasheet corrigida

2.1.8 (08-03-2021)

Features

• Componente CheckItem transformado em function
• Componente Divisor transformado em function
• Componente Spacing transformado em function
• Componente Button transformado em function
• Componente SecureInput transformado em function
• Componente BoxShadow para ser usado em botões de exibir mais por exemplo
• Opção para colocar uma arrow na frente dos cards do listView
• Propriedade flat no componente bullet que renderiza uma lista comum do html
• Propriedade value no CurrencyInput para ser usado com localStorage ou API
• Opção para zerar os markers do componente map
• Componente Banner refeito, agora as props são images e o onClick retorna o index da imagem que foi clicada
• Componente Destination sempre com background branco e borda cinza
• Documentação revisada
• Colocado os ícones ao lado dos tokens na documentação

Bugfix

• Corrigido o value no DropDown
• Corrigido a propriedade children do carrossel que estava repetida dentro do .map
• Corrigido erro no bbCode para o iphone 6 e 8
• Corrigidos problemas com os componentes na versão 49 do Chrome

2.1.7 (23-02-2021)

Features

• Componente Step Bullet Animation, para exibir os steps para os usuários
• Componente Bullet Steps que exibe um check para cada atualização de status
• Componente Accordion para ser usado no estilo FAQ
• Carrosel refeito sem usar bibliotecas externas
• O diretório examples2.0 foi renomeado para pages e o examples foi deletado

Bugfix

• Tamanho das imagens nos cards fixado
• Makers do componente Map iguais ao getMap()
• Corrigido os valores no componente currencyInput
• Corrigida a documentação do DropDown
• Componente Modal colocado na Sidebar da documentação
• Opção para zerar o DropDown, usado para quando tiverem mais de um drop na mesma tela do qual um depende da escolha do outro

2.1.6 (08-02-2021)

• Novo componente de Modal que aceita outros componentes no children
• Novo componente para escolha de origem e destino
• Propriedade do Map que passa o objeto do children para o parent
• Corrigido quebra de linha no description do componente card
• Corrigido a propriedade truncate no componente card
• Atualização na documentação do maps
• Corrigido alguns erros na documentação
• Corrigida nomenclatura da chamada de função do DropDown para onChange