frst-components 0.20.1 → 0.20.2

package/src/components/cardLT/BannerProblem/BannerProblem.d.ts

@@ -1,98 +0,0 @@
-import React from "react"
-
-///-----------------------------------------
-/// Interface do Componente
-interface IBannerProblemParams {
-    /**
-     * @prop {React.CSSProperties} style: Styles de CSS adicional
-     */
-    style?: React.CSSProperties
-
-    company?: string,
-    topHeaderTagColor?: string
-    topHeaderTagBgColor?: string
-    topHeaderTagText?: string
-
-    problema: string
-    cargo: string
-    nome: string
-    avatar: string
-    area: string
-    email: string
-    tags?: string[]
-    typeMessagem: number
-    message: string
-    dataCriacao: string
-    qtdeAvaliacao: number
-    notaAvaliacao: number
-    descriptionImpacto: string
-    qtdeRelevancia: number
-    notaRelevancia: number
-    descriptionRelevancia: string
-    curtidas?: number
-    stepProblem: number
-    stepActive: number
-    isVerified?: boolean
-    verifiedTooltipContent?: any
-    onSelectedStep: (step: number) => void
-    onClickSave:([]) => void
-    /**
-     * @prop {object} trilhaData: A listagem de Trilhas no Select [{label: 'trilha1', value: 'id1'}]
-     */
-    trilhaData?: any
-    /**
-     * @prop {string} trilha: Descrição da Trilha Selecionada
-     */
-    trilha: string
-    /**
-     * @prop {string} trilhaId: Id da Trilha Selecionada, que será usado para selecionar o select quando for editar
-     */
-    trilhaId?: any
-    isEditable?: boolean
-    isVisibleEditTrail?: boolean
-    isVisibleEditTags?: boolean
-    /**
-     * @prop {object} tagData: A listagem de Tags no Select [{label: 'TAG1', value: 'id1'}]
-     */
-    tagData?: any
-    children: React.ReactNode
-    showButtonInvite?: boolean
-    onClickMessage: () => void
-    showButtonViews?: boolean
-    onClickViewsBtn: () => void
-
-    /**
-    * @prop {() => void} onClickContinue: Função executada no botão de continuar desafio
-    */
-    onClickContinue?: () => void
-  }
-
-  ///-----------------------------------------
-  /// Componente
-
-
-
-  /**
-   *
-   * @componente
-   */
-
-export interface IBannerProgressTranslate  extends IBannerProblemParams{
-    textTrailLabel ?: string
-    textTitleProblem?: string
-    textButtonLinkEdit?: string
-    textButtonLinkEditSave?: string
-    placeholderSelectTrail?: string
-    textIconDescription?: string
-    textContentInput?: string
-    placeholderSelectTag?: string
-    missionIdioma?: 'pt-BR' | 'pt-PT' | 'en-US' | 'es'
-    ratingTitleImpact?: string
-    ratingTitleRelevance?: string
-    ratingTitleLikes?: string
-    ratingLikesEvaluation?: string
-    ratingLikesDescription?: string
-    ratingNavegationAnt?: string
-    textGoalInviteBtn?: string
-    textGoalViewsBtn?: string
-}

package/src/components/cardLT/BannerProblem/BannerProblem.module.css

@@ -1,113 +0,0 @@
-.container {
-  padding: 50px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-  flex-direction: row;
-  flex-wrap: wrap;
-  background-color: white;
-  font-family: 'Work Sans';
-  font-style: normal;
-
-}
-
-.titleProblem{
-  font-weight: 700;
-  font-size: 18px;
-  word-wrap: break-word;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 4px;
-}
-
-.created{
-  font-size: 12px;
-
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  /* identical to box height, or 117% */
-
-  display: flex;
-  align-items: center;
-  letter-spacing: -0.02em;
-
-  color: #757575;
-}
-
-.description{
-  font-style: normal;
-  font-weight: 600;
-  font-size: 32px;
-  text-align: left;
-  display: flex;
-  margin-top: 8px;
-  width: 100%;
-  color: #FF4D0D;
-  margin-bottom: 0px;
-}
-
-@media(max-width: 880px){
-  .description{
-    word-wrap: break-word;
-  }
-}
-
-.missaoTitle{
-  font-style: normal;
-  font-weight: 600;
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  
-  color: #0645AD;
-}
-
-h2{
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 700;
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin-top: 16;
-  margin-bottom: 0;
-}
-
-h3{
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 21px;
-  margin: 0;
-  word-wrap: break-word;
-}
-
-.contentInput {
-  background-color: #F2F2F2; 
-  border-width: 1px; 
-  border-radius: 4px;
-  padding: 24px 16px 24px 16px;
-  border: 1px solid #BDBDBD;
-}
-
-.contentInput input {
-  width: 100% !important;
-  margin: 4px;
-  padding: 16px;
-  border-radius: 8px;
-  border: 1px solid #BDBDBD;
-  background-color: white;
-}
-
-.goal_invite svg {
-  max-width: none;
-  max-height: none !important;
-}

package/src/components/cardLT/BannerProblem/BannerProblem.stories.tsx

@@ -1,191 +0,0 @@
-import React from 'react'
-import { placeholderCSS } from 'react-select/dist/declarations/src/components/Placeholder'
-import BannerProblem from './index'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-    title: 'Card LT/BannerProblem',
-    component: BannerProblem,
-}
-
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template = (args) => <BannerProblem {...args} />
-
-export const ShowData = Template.bind({
-
-})
-ShowData.args = {
-    onClickMessage: () => { alert('Opa!')},
-    onClickViewsBtn: () => { alert('Views Btn!')},
-    onClickSave: (nome) => {alert(nome)},
-    onClickContinue: () => { alert('Continuar desafio!')},
-    isVerified: true,
-    verifiedTooltipContent: 'Este desafio consta como verificado pois o objetivo dele está alinhado às metas da empresa a qual ele pertence',
-    problema: "Aumentar o engajamento dos alunos na plataforma",
-    company: "FRST Falconi",
-    topHeaderTagText: 'Convite recebido para aprovação',
-    nome: "Avatar",
-    avatar: "https://observatoriodocinema.uol.com.br/wp-content/uploads/2019/07/neytiri_in_avatar_2-wide-do-we-really-need-avatar-2.jpeg",
-    cargo: "Estudante/Universitário",
-    area: "Tecnologia da Informação",
-    email: "robertolima@empresa.com.br",
-    trilha: "Ainda não está vinculado a uma trilha",
-    tags: [
-        "Customer Success",
-        "Experiência do usuário",
-        "CSAT"
-    ],
-    typeMessagem: 1,
-    showButtonInvite: true,
-    textGoalInviteBtn: "Ver convites enviados",
-
-    showButtonViews: true,
-    textGoalViewsBtn: "Visualizações",
-
-    message: "Problema aprovado - 30 de Abr. 2022",
-    dataCriacao: "Criado em 20 de abr. 2022 - Atualizado em 04 de mai. 2022",
-    qtdeAvaliacao: 19,
-    notaAvaliacao: 4.6,
-    descriptionImpacto: 'Ótimo',
-    qtdeRelevancia: 21,
-    notaRelevancia: 3.8,
-    descriptionRelevancia: 'Bom',
-    curtidas: 19,
-    stepProblem: 5,
-    stepActive: 1,
-    isEditable: true,
-    isVisibleEditTrail: true,
-    isVisibleEditTags: true,
-    trilhaData: [
-        {label: 'trilha1', value: '1'},
-        {label: 'trilha2', value: '2'},
-        {label: 'trilha3', value: '3'},
-    ],
-    tagData: [
-        {label: 'Financeiro', value: 'Financeiro'},
-        {label: 'Otimização de processos', value: 'Otimização de processos'},
-        {label: 'Automação de processos', value: 'Automação de processos'},
-        {label: 'Vendas', value: 'Vendas'},
-        {label: 'Marketing', value: 'Marketing'},
-        {label: 'Cultura', value: 'Cultura'},
-        {label: 'Liderança', value: 'Liderança'},
-        {label: 'Recrutamento', value: 'Recrutamento'},
-        {label: 'Produto digital', value: 'Produto digital'},
-        {label: 'Comunicação', value: 'Comunicação'},
-        {label: 'Cliente', value: 'Cliente'},
-        {label: 'Customer Success', value: 'Customer Success'},
-        {label: 'Experiência do usuário', value: 'Experiência do usuário'},
-        {label: 'CSAT', value: 'CSAT'},
-      ],    
-    children: 
-        <>
-            <h2 style={{fontSize: 24}}>Missão 1: Marte - Definição do Problema</h2>
-
-            <h2>Indicador:</h2>
-            <h3>Tempo de uso da plataforma</h3>
-
-            <h2>Situação atual do indicador:</h2>
-            <h3>No último quarter (Q1 - 2022) os alunos usaram a plataforma em média 8 horas.</h3>
-
-            <h2>Qual é a sua meta e o prazo final para alcançá-la?</h2>
-            <h3>No próximo quarter (Q2 - 2022) os alunos usarão a plataforma em média 12 horas.</h3>
-
-            <h2>CERTEZAS: O que eu já sei sobre esse problema?</h2>
-            <h3>A presença, comprometimento e engajamento dos alunos na plataforma é algo fundamental para que os mesmos tenham um bom aproveitamento da trilha e assim, incrementando suas skills.</h3>
-
-            <h2>DÚVIDAS: O que eu preciso descobrir sobre esse problema?</h2>
-            <h3>O tempo ideal de engajamento é de 12 horas. É necessário investigar quais fatores influenciaram negativamente essa questão e como podemos reverter e alcançar um melhor resultado.</h3>
-
-        </>
-}
-
-export const ShowDataTranslate = Template.bind({
-
-})
-ShowDataTranslate.args = {
-    onClickMessage: () => { alert('Opa!')},
-    onClickSave: (nome) => {alert(nome)},
-    problema: "Increase student engagement on the platform",
-    nome: "Avatar",
-    avatar: "https://observatoriodocinema.uol.com.br/wp-content/uploads/2019/07/neytiri_in_avatar_2-wide-do-we-really-need-avatar-2.jpeg",
-    cargo: "University/student",
-    area: "Infromation Technology",
-    email: "robertolima@empresa.com.br",
-    trilha: "Not yet linked to a track",
-    tags: [
-        "Customer Success",
-        "User experience",
-        "CSAT"
-    ],
-    typeMessagem: 1,
-    message: "Issue approved - 30 de Apr. 2022",
-    dataCriacao: "Created 20 apr. 2022 - Updated 04 de may. 2022",
-    qtdeAvaliacao: 19,
-    notaAvaliacao: 4.6,
-    descriptionImpacto: 'Excellent',
-    qtdeRelevancia: 21,
-    notaRelevancia: 3.8,
-    descriptionRelevancia: 'Good',
-    curtidas: 19,
-    stepProblem: 5,
-    stepActive: 1,
-    isEditable: true,
-    isVisibleEditTrail: true,
-    isVisibleEditTags: true,
-    trilhaData: [
-        {label: 'trilha1', value: '1'},
-        {label: 'trilha2', value: '2'},
-        {label: 'trilha3', value: '3'},
-    ],
-    tagData: [
-        {label: 'Financeiro', value: 'Financeiro'},
-        {label: 'Otimização de processos', value: 'Otimização de processos'},
-        {label: 'Automação de processos', value: 'Automação de processos'},
-        {label: 'Vendas', value: 'Vendas'},
-        {label: 'Marketing', value: 'Marketing'},
-        {label: 'Cultura', value: 'Cultura'},
-        {label: 'Liderança', value: 'Liderança'},
-        {label: 'Recrutamento', value: 'Recrutamento'},
-        {label: 'Produto digital', value: 'Produto digital'},
-        {label: 'Comunicação', value: 'Comunicação'},
-        {label: 'Cliente', value: 'Cliente'},
-        {label: 'Customer Success', value: 'Customer Success'},
-        {label: 'Experiência do usuário', value: 'Experiência do usuário'},
-        {label: 'CSAT', value: 'CSAT'},
-      ],    
-    children: 
-        <>
-            <h2 style={{fontSize: 24}}>Mission 1: Mars - Problem definition</h2>
-
-            <h2>Indicator:</h2>
-            <h3>Platform usage time</h3>
-
-            <h2>Current status of the indicator:</h2>
-            <h3>In the last quarter (Q1 - 2022) students used the platform an average of 8 hours.</h3>
-
-            <h2>What is your goal and the deadline for achieving it?</h2>
-            <h3>In the next quarter (Q2 - 2022) students will use the platform an average of 12 hours.</h3>
-
-            <h2>ASSURANCE: What I Already Know About This Problem?</h2>
-            <h3>The presence, commitment and engagement of students on the platform is fundamental for them to have a good use of the trail and thus, increasing their skills.</h3>
-
-            <h2>QUESTIONS: What do I need to find out about this problem?</h2>
-            <h3>The ideal engagement time is 12 hours. It is necessary to investigate which factors negatively influenced this issue and how we can reverse and achieve a better result.</h3>
-
-        </>,
-
-    textTitleProblem: 'Problem',
-    textButtonLinkEdit: 'To edit',
-    textButtonLinkEditSave: 'Save editions',
-    placeholderSelectTrail: 'Select a trail',
-    textIconDescription: 'Not yet linked to a track',
-    textContentInput: 'Search and select up to three keywords',
-    placeholderSelectTag: 'Select a Tag',
-    missionIdioma: 'en-US',
-    ratingTitleImpact: 'Impact',
-    ratingTitleRelevance: 'Relevance',
-    ratingTitleLikes: 'Likes',
-    ratingLikesEvaluation: 'evaluation',
-    ratingLikesDescription: 'people',
-    ratingNavegationAnt: 'Previos'
-}