frst-components 0.20.0 → 0.20.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.20.0",
+  "version": "0.20.2",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -12,6 +12,11 @@
     "build-sb": "rimraf storybook-static && build-storybook -s public",
     "deploy-sb": "gh-pages -d storybook-static"
   },
+  "files": [
+    "dist",
+    "public",
+    "package.json"
+  ],
   "dependencies": {
     "@emoji-mart/data": "^1.0.2",
     "@emotion/css": "^11.10.0",

package/.dockerignore

@@ -1,7 +0,0 @@
-# comment
-.github/
-.storybook/
-.vscode/
-dist/
-node_modules/
-storybook-static/

package/.env

@@ -1 +0,0 @@
-SKIP_PREFLIGHT_CHECK=true

package/.github/pull_request_template.md

@@ -1,26 +0,0 @@
-## Description
-
-Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
-
-## Related Issue
-<!--- This project only accepts pull requests related to open issues -->
-<!--- If suggesting a new feature or change, please discuss it in an issue first -->
-<!--- If fixing a bug, there should be an issue describing it with steps to reproduce -->
-<!--- Please link to the issue here: -->
-
-
-## How Has This Been Tested?
-
-Please describe the tests that you ran to verify your changes. Please also note any relevant details for your test configuration.
-
-- [ ] Test A
-- [ ] Test B
-
-## Checklist:
-
-- [ ] My code follows the style guidelines of this project
-- [ ] I have performed a self-review of my own code
-- [ ] I have commented my code, particularly in hard-to-understand areas
-- [ ] I have made corresponding changes to the documentation
-- [ ] My changes generate no new warnings
-- [ ] Any dependent changes have been merged and published in downstream modules

package/.hintrc

@@ -1,41 +0,0 @@
-{
-  "extends": [
-    "development"
-  ],
-  "hints": {
-    "axe/text-alternatives": [
-      "default",
-      {
-        "image-alt": "off"
-      }
-    ],
-    "axe/forms": [
-      "default",
-      {
-        "label": "off",
-        "select-name": "off"
-      }
-    ],
-    "no-inline-styles": "off",
-    "axe/name-role-value": [
-      "default",
-      {
-        "button-name": "off"
-      }
-    ],
-    "compat-api/css": [
-      "default",
-      {
-        "ignore": [
-          "width: fit-content"
-        ]
-      }
-    ],
-    "axe/parsing": [
-      "default",
-      {
-        "duplicate-id-active": "off"
-      }
-    ]
-  }
-}

package/.prettierrc

@@ -1,7 +0,0 @@
-{
-  "semi": false,
-  "trailingComma": "none",
-  "singleQuote": true,
-  "printWidth": 120,
-  "tabWidth": 2
-}

package/.storybook/i18n.js

@@ -1,26 +0,0 @@
-import i18n from 'i18next'
-import { initReactI18next } from 'react-i18next'
-import LanguageDetector from 'i18next-browser-languagedetector'
-
-const supportedLngs = ['pt-BR', 'en-US', 'es']
-const ns = ['common']
-
-i18n
-  .use(LanguageDetector)
-  .use(initReactI18next)
-  .init({
-    lng: 'pt-BR',
-    fallbackLng: 'pt-BR',
-    interpolation: {
-      escapeValue: false
-    },
-    defaultNS: 'common',
-    ns,
-    supportedLngs
-  })
-
-i18n.addResourceBundle('pt-BR', 'common', require('../public/locales/pt-BR.json'))
-i18n.addResourceBundle('en-US', 'common', require('../public/locales/en-US.json'))
-i18n.addResourceBundle('es', 'common', require('../public/locales/es.json'))
-
-export { i18n }

package/.storybook/main.js

@@ -1,41 +0,0 @@
-const path = require('path')
-
-module.exports = {
-  module: {
-    rules: [
-      {
-        test: /\.(png|jpe?g|gif)$/i,
-        use: [
-          {
-            loader: 'file-loader',
-          },
-        ],
-      },
-    ],
-  },
-  typescript: {
-    extends: '../tsconfig.json',
-    reactDocgen: 'react-docgen-typescript',
-    reactDocgenTypescriptOptions: {
-      compilerOptions: {
-        allowSyntheticDefaultImports: false,
-        esModuleInterop: false
-      }
-    }
-  },
-  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials', 'storybook-react-i18next'],
-  framework: '@storybook/react',
-  core: {
-    builder: 'webpack5'
-  },
-  webpackFinal: async (config, { configType }) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      '@shared': path.resolve(__dirname, '../src/shared'),
-      '@public': path.resolve(__dirname, '../public'),
-      '@components': path.resolve(__dirname, '../src/components')
-    }
-    return config
-  }
-}

package/.storybook/preview.js

@@ -1,23 +0,0 @@
-import { i18n } from './i18n.js'
-
-export const parameters = {
-  i18n,
-  locale: 'pt-BR',
-  locales: {
-    'pt-BR': 'Portuguese (BR)',
-    'en-US': 'English',
-    es: 'Spanish'
-  },
-
-  backgrounds: {
-    default: 'dark'
-  },
-
-  actions: { argTypesRegex: '^on[A-Z].*' },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/
-    }
-  }
-}

package/.vscode/settings.json

@@ -1,2 +0,0 @@
-{
-}

package/Dockerfile

@@ -1,22 +0,0 @@
-FROM docker.io/node:16.13.2-alpine3.14 as DEPS
-
-ENV NPM_AUTH_TOKEN=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
-ENV APP_VERSION=0.17.2
-ENV BUILD_ENV=development
-
-WORKDIR /opt/frst/app
-
-COPY package*.json ./
-
-RUN npm i
-
-FROM DEPS as BUILD
-
-COPY --from=DEPS /opt/frst/app/node_modules ./node_modules
-COPY . .
-
-RUN touch /opt/frst/app/.npmrc
-RUN echo "//registry.npmjs.org/:_authToken=${NPM_AUTH_TOKEN}" > /opt/frst/app/.npmrc
-RUN npm version $APP_VERSION
-RUN npm run build
-RUN npm publish --access public

package/declarations.d.ts

@@ -1,4 +0,0 @@
-declare module "*.css" {
-    const content: { [className: string]: string };
-    export = content;
-}

package/images.d.ts

@@ -1,4 +0,0 @@
-declare module "*.png";
-declare module "*.svg";
-declare module "*.jpeg";
-declare module "*.jpg";

package/index.tsx

@@ -1,178 +0,0 @@
-// EXPORT COMPONENTS HERE
-// EXPORT COMPONENTS HERE
-
-// Icons
-export {
-  AlertCicle,
-  DoubleCheck,
-  MoreDotsHorizontal,
-  CheckInCicle,
-  TrashIcon,
-  TrashIconNew,
-  HomeLineIcon,
-  HomeFilledIcon,
-  CalendarLineIcon,
-  CalendarFilledIcon,
-  PencilLineIcon,
-  PencilFilledIcon,
-  LampLineIcon,
-  LampFilledIcon,
-  MedalLineIcon,
-  MedalFilledIcon,
-  PlayLineIcon,
-  PlayFilledIcon,
-  IconNotification,
-  InstagramIcon,
-  LinkedinIcon,
-  PodCastIcon,
-  SiteIcon,
-  SpotifyIcon,
-  YoutubeIcon,
-  Content,
-  AddIcon,
-  Channel,
-  ExitArrow,
-  StepCicleOne,
-  StepCheckInCicle,
-  StepCicleTwo,
-  StepCicleThree,
-  StepCicleFour,
-  Books,
-  Diamond,
-  Challenge,
-  ChangeAccount,
-  EyeOff,
-  OpenedEye,
-  StarFavorite,
-  CheckIconSimple,
-  IconContent
-} from './src/shared/icons'
-
-// Base
-export { default as Tag } from './src/components/tag'
-export { default as BaseCard } from './src/components/cards/base'
-export { default as AudioPlayer } from './src/components/audio-player'
-export { default as QuantidadeDesafios } from './src/components/quantidadeDesafios'
-
-// CARDS
-export { default as UserCard } from './src/components/cards/user'
-export { default as CalendarCard } from './src/components/calendar'
-export { default as BannerProblem } from './src/components/cardLT/BannerProblem'
-export { default as MessageBox } from './src/components/cardLT/MessageBox'
-
-// Buttons
-export { default as Button } from './src/components/buttons'
-export { default as ButtonGroup } from './src/components/EBR/buttons-group'
-export { default as TextField } from './src/components/form-elements/textfield'
-export { default as TextArea } from './src/components/form-elements/textarea'
-export { default as Avatar } from './src/components/avatar'
-export { default as InputComment } from './src/components/input-comment'
-export { default as CommentaryBox } from './src/components/commentary-box'
-export { default as Checkmark } from './src/components/checkmark'
-export { default as ScrollContainer } from './src/components/scroll-container'
-export { default as LearningSteps } from './src/components/learning-steps'
-export { default as TotalizerCard } from './src/components/totalizer-card'
-
-// Quasar design system
-export { default as Tooltip } from './src/components/DS/tooltip'
-export { default as Select } from './src/components/DS/select'
-export { default as Modal } from './src/components/DS/modal'
-export { default as Loading } from './src/components/DS/loading'
-
-export { default as SearchField } from './src/components/search-field'
-export { default as FilterAccordionCheckbox } from './src/components/filter-accordion-checkbox'
-
-export { default as ModalStatusProblema } from './src/components/modal/statusProblema'
-export { default as ModalLearningTech } from './src/components/modal/modalLearningTech'
-export { default as ModalVideo } from './src/components/modal/modalVideo'
-
-export { default as CardProblemGestor } from './src/components/cards/cardProblemGestor'
-export { default as CardProblem } from './src/components/cards/cardProblem'
-export { default as CardDefinicaoProblema } from './src/components/cards/cardDefinicaoProblema'
-export { default as CardResultConquista } from './src/components/cards/cardResultConquista'
-
-export { default as ExclusiveClassCard } from './src/components/exclusive-class'
-export { default as ConquistaCarrossel } from './src/components/conquistaCarrossel'
-export { default as Steps } from './src/components/cardLT/StepsMission/Steps'
-export { default as StepsMission } from './src/components/cardLT/StepsMission/StepMission'
-
-export { default as Rating } from './src/components/EBR/rating'
-
-export { default as Stepper } from './src/components/EBR/stepper/stepper'
-export { default as StepperItem } from './src/components/EBR/stepper/stepperItem'
-
-export { default as ObjectiveStep } from './src/components/EBR/objective-step'
-export { default as SpecialistContact } from './src/components/EBR/specialist-contact'
-export { default as GroupStatistics } from './src/components/EBR/group-statistics'
-export { default as TrailList } from './src/components/EBR/trail-list'
-
-export { default as Favorite } from './src/components/IJ/favorite'
-export { default as ContentCycle } from './src/components/IJ/ContentCycle'
-export { default as ListContentCycle } from './src/components/IJ/ListContentCycle'
-export { default as StepLearningCycle } from './src/components/IJ/StepLearningCycle'
-export { default as DateRangePicker } from './src/components/IJ/StepLearningCycle'
-
-// LXP
-export { default as AvatarChannel } from './src/components/LXP/avatarChannel'
-export { default as AvatarAssociatedChannel } from './src/components/LXP/avatarAssociatedChannel'
-export { default as BannerLxp } from './src/components/LXP/bannerLxp'
-export { default as ButtonContent } from './src/components/LXP/buttonContent'
-export { default as ColorPicker } from './src/components/LXP/colorpicker'
-export { default as ContentSwitcher } from './src/components/LXP/contentSwitcher'
-export { default as ContentThumbnails } from './src/components/LXP/contentThumbnails'
-export { default as FileUpload } from './src/components/LXP/fileUpload'
-export { default as HeaderContent } from './src/components/LXP/headerContent'
-export { default as PopOver } from './src/components/LXP/popOver'
-export { default as PopOverLXP } from './src/components/LXP/popOverLXP-antigo'
-export { default as ProgressBar } from './src/components/LXP/progressBar'
-export { default as SearchResults } from './src/components/LXP/searchResults'
-export { default as StarMetric } from './src/components/LXP/star-metric'
-export { default as CalendarLxp } from './src/components/LXP/calendarLxp'
-export { default as Video } from './src/components/LXP/video'
-export { default as GlobalMenu } from './src/components/global-menu'
-export { default as ExtraContent } from './src/components/LXP/extraContent'
-export { default as LoginLxp } from './src/components/LXP/login'
-export { default as AccordionTrackList } from './src/components/LXP/accordionTrack/accordionTrackList'
-export { default as ManageLearningCicles } from './src/components/LXP/manageLerningCicles'
-export { default as ThumbnailsDraggable } from './src/components/LXP/thumbnails/thumbnailsDraggable'
-
-export { default as Thumbnails } from './src/components/LXP/thumbnails/thumbnails'
-export { default as SelectLXP } from './src/components/LXP/selectLXP'
-export { default as ParticipantThumbnails } from './src/components/LXP/participantThumbnails'
-export { default as ParticipantThumbnailsList } from './src/components/LXP/participantThumbnailsList'
-//export { default as DropdownSelectMultiple } from './src/components/LXP/DropdownSelectMultiple'
-
-// FI
-export { default as CardTrail } from './src/components/card-trail'
-export { default as CardsTrailsCarousel } from './src/components/card-trail-carousel'
-export { default as ChallengeCard } from './src/components/challenge-cards'
-export { default as SearchBox } from './src/components/FI/searchBox'
-export { default as BannerSRG } from './src/components/FI/bannerSRG'
-export { default as LateralMenu } from './src/components/lateral-menu'
-export { default as BannerProblemFeed } from './src/components/FI/bannerProblemFeed'
-export { default as FeedInteraction } from './src/components/FI/feedInteraction'
-export { default as SessionFilters } from './src/components/FI/sessionFilters'
-export { default as SmallSRGBanner } from './src/components/FI/smallSRGBanner'
-export { default as PostFeed } from './src/components/FI/postFeed'
-export { default as NotificationCard } from './src/components/FI/notificationCard'
-export { default as NotificationPopOver } from './src/components/FI/notificationPopOver'
-export { default as InteractionsModal } from './src/components/FI/interactionsModal'
-
-export { default as Pagination } from './src/components/IJ/pagination'
-export { default as ThumbListContent } from './src/components/IJ/thumbListContent'
-export { default as ListSelector } from './src/components/IJ/listSelector'
-export { default as ParticipantCard } from './src/components/IJ/participantCardOld'
-export { default as ParticipantCardNew } from './src/components/IJ/participantCard'
-export { default as LearningCycleCard } from './src/components/IJ/learningCycleCard'
-
-// TP
-export { default as HeaderChallenge } from './src/components/headerChallenge'
-
-// Hall
-export { default as LogoFRST } from './src/components/LogoFRST'
-
-//Demo
-export { default as StepController } from './src/components/demo/stepController'
-
-//Brainstorm
-export { default as MenuMore } from './src/components/menu-more'

package/publish.sh

@@ -1,19 +0,0 @@
-#! /bin/sh
-
-# setup for npm credentials
-echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > ~/.npmrc
-
-
-if [ "$TAG_NEXT" == "true" ]; then
-  # if we want to publish a testing version
-  cd /opt/frst/app \
-    && npm install --unsafe-perm --no-optional \
-    && npm run build \
-    && npm publish --tag next
-else
-  # production publish, uses version in package.json
-  cd /opt/frst/app \
-    && npm install --unsafe-perm --no-optional \
-    && npm run build \
-    && npm publish
-fi

package/rollup.config.js

@@ -1,15 +0,0 @@
-import typescript from 'rollup-plugin-typescript2'
-import postcss from 'rollup-plugin-postcss'
-import image from 'rollup-plugin-img'
-import pkg from './package.json'
-
-// eslint-disable-next-line import/no-anonymous-default-export
-export default {
-  input: './index.tsx',
-  output: {
-    file: pkg.main,
-    format: 'cjs'
-  },
-  external: [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.peerDependencies || {})],
-  plugins: [typescript(), postcss({ plugins: [] }), image({ limit: 1000000 })]
-}

package/src/components/DS/loading/index.tsx

@@ -1,70 +0,0 @@
-import { FRSTTheme } from "../../../theme";
-import { ThemeProvider } from "styled-components";
-import * as Styles from './loadingStyle'
-import { useEffect, useState } from "react";
-import { Load } from "@shared/icons";
-
-type loadSizes = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large' 
-type loadPosition = 'right' | 'bottom' | 'left' | 'top'
-interface ILoading {
-    /** 
-     * @prop {loadSizes} sizeLoading: extra-small: 16px | small: 20px | medium: 24px | large: 32px | extra-large: 40px
-     */
-    sizeLoading?: loadSizes
-    loadColor?: string
-    loadText?: string
-    loadTextColor?: string
-    /** 
-     * @prop {loadPosition} positionLoadingText: position of the load text: right, bottom, left or top
-     */
-    positionLoadingText?: loadPosition
-    style?: React.CSSProperties
-}
-
-export default function Loading ( props : ILoading) {
-    const [Size, setSize] = useState('24');
-    const [Color, setColor] = useState(props.loadColor ? props.loadColor : '');
-    const [PositionTextLoad, setPositionTextLoad] = useState(props.positionLoadingText ? props.positionLoadingText : 'bottom');
-    const [LoadText, setLoadText] = useState(props.loadText ? props.loadText : '');
-
-    useEffect(() => {
-        setLoadText(props.loadText)
-    }, [props.loadText]);
-
-    useEffect(() => {
-        setColor(props.loadColor)
-    }, [props.loadColor]);
-
-    useEffect(() => {
-        setPositionTextLoad(props.positionLoadingText)
-    }, [props.positionLoadingText]);
-
-    useEffect(() => {
-        if(props.sizeLoading === 'extra-small'){
-            setSize('16')
-        }else if(props.sizeLoading === 'small'){
-            setSize('20')
-        }else if(props.sizeLoading === 'medium'){
-            setSize('24')
-        }else if(props.sizeLoading === 'large'){
-            setSize('32')
-        }else if(props.sizeLoading === 'extra-large'){
-            setSize('40')
-        }else{
-            setSize('24')
-        }
-    }, [props.sizeLoading]);
-    
-    return(
-        <ThemeProvider theme={FRSTTheme}>
-            <Styles.container textPosition={PositionTextLoad} style={{...props.style}} >
-                <Styles.loader >
-                    <Load width={Size} height={Size} fill={Color !== '' && Color} />
-                </Styles.loader>
-                <Styles.loadText style={{color: props.loadTextColor ? props.loadTextColor : 'white'}}>
-                    {LoadText}
-                </Styles.loadText>
-            </Styles.container>
-        </ThemeProvider>
-    )
-}

package/src/components/DS/loading/loading.stories.tsx

@@ -1,31 +0,0 @@
-import React from 'react'
-
-import Loading from './index'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'DS/Loading',
-  component: Loading,
-  argTypes: {
-    sizeLoading: {
-      control: 'select',
-      options: ['extra-small', 'small', 'medium', 'large', 'extra-large']
-    },
-    positionLoadingText: {
-      control: 'select',
-      options: ['right', 'bottom', 'left', 'top']
-    }
-  }
-}
-
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template = (args) => <Loading {...args} />
-
-export const normal = Template.bind({})
-normal.args = {
-  sizeLoading: 'medium',
-  loadColor: '',
-  loadText: 'Loading...',
-  loadTextColor: '',
-  positionLoadingText: 'right'
-}

package/src/components/DS/loading/loadingStyle.ts

@@ -1,40 +0,0 @@
-import styled, {css} from "styled-components"
-
-export const container = styled.div<{textPosition: string}>`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: ${({textPosition}) => textPosition === 'left' ? 'row-reverse' 
-        : textPosition === 'right' ? 'row'
-        : textPosition === 'top' ? 'column-reverse'
-        : textPosition === 'bottom' ? 'column'
-        : null
-    };
-    position: relative;
-    width: auto;
-    gap: 8px;
-    padding: 16px;
-`
-
-export const loader = styled.div`
-    
-    svg {
-        animation: load 1.5s infinite linear;
-        
-        @keyframes load {
-            0% {
-                transform: rotate(0deg);
-            }
-            100% {
-                transform: rotate(360deg);
-            }
-        }
-    }
-`
-
-export const loadText = styled.p`
-    font-family: 'Inter';
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 20px;
-`

package/src/components/DS/modal/index.stories.tsx

@@ -1,25 +0,0 @@
-import React from 'react'
-
-import Modal from './index'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'DS/Modal',
-  component: Modal
-}
-
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template = (args: any) => <Modal {...args} />
-
-export const normal = Template.bind({})
-normal.args = {
-  open: true,
-  onClose: () => console.log('closed'),
-  onOpen: () => console.log('opened'),
-  children: <div>Modal Content</div>,
-  animation: 'BlowUp',
-  handleCloseOnIcon: () => {
-    console.log('custom close with handleCloseOnIcon')
-  },
-  showCloseButton: true
-}