1.3.31 • Published 6 months ago

top-gun-library v1.3.31

Weekly downloads
-
License
MIT
Repository
-
Last release
6 months ago

Top Gun Library

Libería de componentes.

Top Gun library es un conjunto de componentes desarrollados en React que permiten optimizar y acelerar los desarrollos en VST Seguros.

Features

FechaVersiónTicketFeature
07 - 10 - 20221.0.0SQTGS-664Creación proyecto más migración de componentes de Chile
21 - 11 - 20221.0.1SQTGS-813Creación componente Pre Header
29 - 11 - 20221.0.2SQTGS-794Creación componente Header
29 - 11 - 20221.0.3SQTGS-810Creación componente Footer
30 - 11 - 20221.0.4SQTGS-796Creación componente Carrusel
01 - 12 - 20221.0.5SQTGS-798Creación componente Reportar Siniestro
12 - 12 - 20221.0.6SQTGS-732Creación componente Accordion y Accordion Section
14 - 12 - 20221.0.7SQTGS-799Creación componente Canales de Atención
20 - 12 - 20221.0.8SQTGS-731Creación componente Logos aseguradora.
23 - 12 - 20221.0.9SQTGS-851Creación componente Barra Fija Cotizar.
28 - 12 - 20221.1.0SQTGS-821Creación componente Detalles del seguro.
28 - 12 - 20221.1.1SQTGS-861Ajuste componente Header.
16 - 12 - 20221.1.2SQTGS-795Creación componente Banner.
05 - 01 - 20231.1.3SQTGS-859Creación componente Formulario Diversificador.
16 - 12 - 20221.1.4SQSEG-313Creación subcomponente CarouselBanner.
10 - 01 - 20231.1.5SQTGS-797Creación componente Tabla dinámica.
13 - 02 - 20231.1.6SQTGS-850Creación componente Modal Dinámico Contentful.
27 - 02 - 20231.1.7SQSEG-431Creación componente Toolbar.
27 - 03 - 20231.1.8SQSEG-457Creación componente DetailsList.
28 - 03 - 20231.1.9SQSEG-435Creación componente Paginator.
15 - 05 - 20231.2.0SQSEG-562Creación componente Sidebar.
22 - 05 - 20231.2.1SQTGS-1400Ajuste css tabla comparativa y componente modal.
23 - 05 - 20231.2.2SQTGS-1359Cambios de estilos y agregar campo de color de fondo para ajuste en página en componentes: Accordion, AttentionChannel, Carousel, DynamicTable, footer, InsuranceDetails, Page. Cambio de estructuración de html en componente Page y además se agregó un wrapper(1130px). Ajuste de campos opcionales: FixedBar y parseData(Page). Creación nuevo componente TextDetails.
25 - 05 - 20231.2.3SQTGS-1359Ajustes en componentes
23 - 06 - 20231.2.4SQTGS-1450Ajustes visuales en componentes y agregado de lazy imports en componente Page.
27 - 05 - 20231.2.5SQTGS-1507Ajustes en padding boton componente CheckboxFilter.
29 - 05 - 20231.2.6SQTGS-1507Ajuste en condiciónes para desplegar contentful modal del banner en componente Page.
12 - 06 - 20231.2.7SQSEG-603Desarrollo componente Datepicker y ajustes en componentes.
02 - 08 - 20231.2.8SQTGS-1746Desarrollo componente Botón Flotante de Contacto
08 - 08 - 20231.2.9SQTGS-1746Se agregan interfaces útiles a exportar
09 - 08 - 20231.3.0SQSEG-736Ajuste de componente DatePicker
25 - 08 - 20231.3.1SQTGS-1602Ajuste de componente Page, agregar nuevo componente Swiper, CardList y SideBySide.
28 - 08 - 20231.3.2SQTGS-1851Se agregan interfaces útiles a exportar
30 - 08 - 20231.3.3SQTGS-1851Componente Modal ahora siempre crea un elemento contenedor
7 - 09 - 20231.3.4SQTGS-1801Se agregaron nuevos componentes y se agregaron al componente Page.
14 - 09 - 20231.3.5SQTGS-1902Mejoras varias rediseño
14 - 09 - 20231.3.6SQTGS-1918Cambio interfaz modal y scss.
21 - 09 - 20231.3.11SQTGS-2019Cambio comportamiento Card List
25 - 09 - 20231.3.11SQTGS-2080Se devuelve el modal default al regular
26 - 09 - 20231.3.12SQTGS-1918Ajuste estilo header y agregar boton al componente.
26 - 09 - 20231.3.13SQTGS-2054Ajuste tamaño cards parrilla
27 - 09 - 20231.3.14SQTGS-2054Fix varios estilos
28 - 09 - 20231.3.15SQSEG-854Ajuste formato DatePicker y nuevo componente RangeSlider
29 - 09 - 20231.3.16SQTGS-2114Fix estilos Acordeón y Canales de Atención
02 - 10 - 20231.3.17SQTGS-2100Fix estilo Cards del Carrusel
02 - 10 - 20231.3.18SQTGS-2113Fix formulario de contacto en modal no se cierra en caso de éxito
02 - 10 - 20231.3.19SQTGS-2101Fix Insurance Details ancho cards responsive
03 - 10 - 20231.3.20SQTGS-2102Fix varios en estilos
04 - 10 - 20231.3.21SQTGS-2102Fix varios en estilos
05 - 10 - 20231.3.22SQTGS-2070Fix swiper, header estilos.
05 - 10 - 20231.3.23SQTGS-2070Fix estilos banner cross selling
05 - 10 - 20231.3.24SQTGS-2070Fix estilos baner y header.
05 - 10 - 20231.3.25SQTGS-2131Fix h1 a h2 en Flow Header
19 - 10 - 20231.3.26SQTGS-2143Fix Header styles and new termns component.
31 - 10 - 20231.3.27SQTGS-2049Se agrega nueva versión de card para flujo de auto
02 - 11 - 20231.3.28SQTGS-2208Se agrega los números clickeables en "Nuestros Canales de atención"
03 - 11 - 20231.3.29SQTGS-2050Se agrega nuevo componente "CarInsuranceMoreDetails".
02 - 11 - 20231.3.30SQTGS-2169Se sincroniza con contentful los componentes "LegalTerms" y algunas funciones del "Header".
06 - 11 - 20231.3.31SQTGS-2253Se realizan ajustes de estilo al componente de card v2

Tech

  • Node 12.21+
  • Npm 6.14+
  • React 18+

Changes

Pasos para generar un cambio en el proyecto

Paso 1 - Clonar el repositorio: git clone git@bitbucket.org:banco_ripley/top_gun_library.git
Paso 2 - Dirigirse a la rama Development: git checkout development
Paso 3 - Crear el feature según la tarea Jira o modificación que se necesite: git checkout -b feature/[ticket-jira]
Paso 4 - Modificar el README con los cambios realizados en la sección Feature.
Paso 5 - Modificar la versión del Package.json.
Paso 6 - Realizar el PR
Paso 7 - Realizar correcciones de Sonar y/o comentarios.
Paso 8 - Merge hacia Development

Installation

Local

Instalar la librería en tu proyecto React/NextJs

  1. En el proyecto Top_Gun_Library debes poner el siguiente código:
npm link
npm run start
  1. En el proyecto que necesites ocupar la librería debes poner el siguiente código en tu TERMINAL:
npm link top-gun-library
  1. En el proyecto que se necesite ocupar la librería deber poner el siguiente código en donde se necesite utilizar:
import { COMPONENTS_1, COMPONENTS_2, COMPONENTS_3, COMPONENTS_N } from 'top-gun-library';

DEV / PP / PROD

TODO

Documentation

ComponenteURL
Accordionhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25069945083/Accordion
Accordion Sectionhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25071257524/AccordionSection
Stepper - Stephttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24839520322/Stepper+-+Step
Generic Cardhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24840044545/Generic+Card
Buttonhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24840044558/Button
Info Badgehttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24843059201/Info+Badge
Selecthttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24841224193/Select
Promotional Barhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24858787841/Promotional+Bar
Loadinghttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24860360716/Loading
Inputhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24862752782/Input
Checkboxhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24865112181/Checkbox
Checkbox Grouphttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24866324515
Modalhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24869011558/Modal.
Contentful Dynamic Modalhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25165168710/Contentful+Dynamic+Modal
Custom Cardhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24875630665/Custom+Card
Car Insurance Cardhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24875598017/Car+Insurance+Card
Comparison Tablehttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24879661138/Comparison+Table.
Contentful Modalhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24880906241/Contentful+Modal
Car Insurance Comparatorhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24891523120/Car+Insurance+Comparator
Switchhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24899747841/Switch
InfoBoxhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24899911890/InfoBox
Tarjeta Resumenhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24900501509/Tarjeta+resumen
Radio Grouphttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24900567230/Radio+Group
Selección Método de pagohttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24900272437/Selecci+n+M+todo+de+pago
Checkbox filterhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24921505856/Checkbox+filter
Price sort selecthttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24923471956/Price+sort+select
Car insurance Filterhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/24923177108/Car+Insurance+Filter
Pre Headerhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25065619773/Sombrero+del+Header
Headerhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25065717990/Header
Footerhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25065947339/Footer
Carruselhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25066242146/Carrusel+Im+genes
Reportar Siniestrohttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25076957222/Secci+n+Reportar+Siniestro
Logotype listhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25085902849/Compa+ia+Logos
Canales de Atenciónhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25080267052/Secci+n+Canales+de+Atenci+n
Bannerhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25072927822/Banner
Detalles del segurohttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25102518021/Detalles+del+seguro
Barra Fija Cotizarhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25098978076/Barra+Fija
Diversification Formhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25109760310/Diversification+Form
Tabla dinámicahttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25119981569/Dynamic+Comparison+Table
Toolbarhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25187778603/Toolbar
DetailsListhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25218056249/DetailsList
Paginatorhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25219366968/Paginator
TextDetailshttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25284902992/Text+Details
Sidebarhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25221038159/Sidebar
Datepickerhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25336676353/Datepicker
Floating Contact Buttonhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25366986761/Floating+Contact+Button
RangeSliderhttps://bancoripley1.atlassian.net/wiki/spaces/S/pages/25428754434/RangeSlider

SonarCloud ☁️

SonarCloud project link. SonarCloud project documentation.