code7-leia 0.1.19 → 0.1.21

package/dist/code7-leia.cjs.development.js

@@ -218,11 +218,11 @@ var getLanguage = function getLanguage(language) {
 };
 
 var _templateObject$1;
-var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n"])));
+var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  padding-top: 16px;\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: space-evenly;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n"])));
 
 var _templateObject$2, _templateObject2$1, _templateObject3;
 var TableWrapper = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n"])));
-var Table = /*#__PURE__*/styled.table(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  line-height: 143%;\n  color: var(--neutral-3);\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: var(--neutral-3);\n    text-align: left;\n    padding: 0px 0px 8px 0px;\n  }\n\n  thead tr {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  tbody tr:not(:last-child) {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  &.small td {\n    padding: 4px 0px;\n  }\n\n  &.medium td {\n    padding: 8px 0px;\n  }\n\n  &.large td {\n    padding: var(--spacement-medium) 0px;\n  }\n"])));
+var Table = /*#__PURE__*/styled.table(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  line-height: 143%;\n  background: #dadce3;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n    border-radius: 4px;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n"])));
 var TableLoadingWrapper = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n"])));
 
 var _templateObject$3;
@@ -296,7 +296,7 @@ var FileArea = function FileArea() {
     var tagsSplit = tags.split(',');
     var html = '';
     html += tagsSplit.map(function (tag) {
-      return "<p className='tag'>" + tag + "</p>";
+      return "<p class='tag'>" + tag + "</p>";
     }).join('');
     return html;
   };
@@ -304,7 +304,7 @@ var FileArea = function FileArea() {
     if (files.length === 0) {
       return null;
     }
-    return React__default.createElement(Table$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
+    return React__default.createElement(Container, null, React__default.createElement(Table$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
       className: "th_file_name"
     }, t.fileArea.fileName), React__default.createElement("th", {
       className: "th_pressets"
@@ -312,11 +312,16 @@ var FileArea = function FileArea() {
       className: "th_actions"
     }, t.fileArea.actions))), React__default.createElement("tbody", null, files.map(function (object) {
       return React__default.createElement("tr", null, React__default.createElement("td", null, object.name), React__default.createElement("td", {
+        className: 'tags',
         dangerouslySetInnerHTML: {
           __html: presset(object.tags)
         }
-      }), React__default.createElement("td", null, t.buttons["delete"]));
-    })));
+      }), React__default.createElement("td", null, React__default.createElement("div", {
+        className: 'divDelete'
+      }, React__default.createElement("button", {
+        className: 'buttonDelete'
+      }, t.buttons["delete"]))));
+    }))));
   };
   return React__default.createElement(Container, null, renderFiles());
 };

package/dist/code7-leia.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"code7-leia.cjs.development.js","sources":["../src/components/Tabs/styles.tsx","../src/components/Tabs/index.tsx","../src/utils/getLanguage.tsx","../src/components/FileArea/styles.tsx","../src/components/FileArea/components/Table/styles.tsx","../src/components/FileArea/components/Spinner/styles.tsx","../src/components/FileArea/components/Spinner/index.tsx","../src/components/FileArea/components/Table/index.tsx","../src/components/FileArea/index.tsx","../src/components/TestArea/index.tsx","../src/Leia.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { ReactNode } from 'react';\n\ninterface TabProps {\n  children: ReactNode;\n}\n\ninterface OptionProps {\n  children: ReactNode;\n  onClick: () => void;\n}\n\nexport const TabsPane = styled.ul`\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n`;\n\nexport const Tab = styled.li<TabProps>`\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n`;\n\nexport const DropdownContainer = styled.div`\n  position: absolute;\n  left: 0px;\n  top: 40px;\n  display: flex;\n  flex-direction: column;\n\n  background: #ffffff;\n\n  border: 1px solid #979aa5;\n  box-sizing: border-box;\n  box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12),\n    0px 8px 24px -4px rgba(24, 39, 75, 0.08);\n  border-radius: 4px;\n  padding: 8px;\n  z-index: 2;\n`;\n\nexport const Option = styled.div<OptionProps>`\n  padding: 8px;\n  font-size: 14px;\n  border-radius: 4px;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    background-color: var(--primary-800-light);\n    color: white;\n  }\n`;\n","import React, { ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\ninterface TabProps {\n  children: ReactNode;\n  active?: boolean;\n}\n\ninterface ITabsProps {\n  children: ReactNode;\n  value: string | number;\n  onChange: (e: any) => void;\n  active?: boolean;\n}\n\nexport const Tab = ({ active, children, ...rest }: TabProps) => {\n  return (\n    <S.Tab className={cc({ active })} {...rest}>\n      {children}\n    </S.Tab>\n  );\n};\n\nTab.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.node,\n  ]).isRequired,\n  onChange: PropTypes.func,\n  value: PropTypes.string,\n  active: PropTypes.bool,\n};\n\nTab.defaultProps = {\n  onChange: () => {},\n  value: '',\n  active: false,\n};\n\nexport const Tabs = ({ children: childrenProp, value, onChange, ...rest }: ITabsProps) => {\n  const children = React.Children.map(childrenProp, (child) => {\n    if (!React.isValidElement(child)) {\n      return null;\n    }\n\n    if (Array.isArray(child.props?.children)) {\n      return React.cloneElement(child as React.ReactElement<any>, {\n        active: child.props?.value === value,\n        value,\n        onChange,\n      });\n    }\n\n    return React.cloneElement(child as React.ReactElement<any>, {\n      active: child.props?.value === value,\n      onClick: () => onChange(child.props?.value),\n    });\n  });\n\n  return <S.TabsPane {...rest}>{children}</S.TabsPane>;\n};\n\nTabs.propTypes = {\n  children: PropTypes.node.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n","\nimport { Language } from '../interface/Language'\n\nconst defaultLanguage: Language = {\n  files: 'Files',\n  test: 'Test',\n  fileArea: {\n    description: 'bla bla bla bla bla',\n    fileName: 'File name',\n    presset: 'Presset',\n    actions: 'Actions',\n    search: 'Search',\n    fileUpload: 'File upload',\n    emptyState: {\n      title: 'No data',\n      description: 'bla bla bla bla bla',\n    },\n    modal: {\n      descriptionUpload: 'Drag and drop files here or',\n      chooseFile: 'Choose a file',\n    },\n  },\n  buttons: {\n    cancel: 'Cancel',\n    send: 'Send',\n    delete: 'Delete',\n    test: 'Test',\n  },\n  testArea: {\n    description: 'bla bla bla bla bla',\n    typeSentence: 'Type a sentence',\n    selectPersona: 'Select a Persona',\n    selectPresset: 'Select a presset',\n    emptyState: {\n      title: 'No data for analysis',\n      description: 'Do a search, click the \"Test\" button.',\n    },\n  },\n};\n\nexport const getLanguage = (language: keyof Record<'en' | 'pt-br' | 'es', Language>): Language => {\n  const languages = {\n    en: defaultLanguage,\n    'pt-br': {\n      files: 'Arquivos',\n      test: 'Teste',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nome do arquivo',\n        presset: 'Presset',\n        actions: 'Ações',\n        search: 'Pesquisar',\n        fileUpload: 'Upload de arquivo',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sem dados',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arraste e solte os arquivos aqui ou',\n          chooseFile: 'Escolha um arquivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Excluir',\n        test: 'Testar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Digite uma frase',\n        selectPersona: 'Selecione uma Persona',\n        selectPresset: 'Selecione uma predefinição',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sem dados para análise',\n          description: 'Faça uma pesquisa, clique no botão \"Teste\".',\n        },\n      },\n    },\n    es: {\n      ...defaultLanguage,\n      files: 'Archivos',\n      test: 'Prueba',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nombre del archivo',\n        presset: 'Presset',\n        actions: 'Acciones',\n        search: 'Buscar',\n        fileUpload: 'Carga de archivos',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sin datos',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arrastre y suelte los archivos aquí o',\n          chooseFile: 'Elegir un archivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Eliminar',\n        test: 'Probar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Escribe una oración',\n        selectPersona: 'Seleccionar una Persona',\n        selectPresset: 'Seleccionar una configuración preestablecida',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sin datos para el análisis',\n          description: 'Realiza una búsqueda, haz clic en el botón \"Prueba\".',\n        },\n      },\n    },\n  };\n\n  return languages[language] || defaultLanguage;\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n","import styled from 'styled-components';\n\nexport const TableWrapper = styled.div`\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n`;\n\nexport const Table = styled.table`\n  font-size: 14px;\n  line-height: 143%;\n  color: var(--neutral-3);\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: var(--neutral-3);\n    text-align: left;\n    padding: 0px 0px 8px 0px;\n  }\n\n  thead tr {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  tbody tr:not(:last-child) {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  &.small td {\n    padding: 4px 0px;\n  }\n\n  &.medium td {\n    padding: 8px 0px;\n  }\n\n  &.large td {\n    padding: var(--spacement-medium) 0px;\n  }\n`;\n\nexport const TableLoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n`;\n","import styled from 'styled-components';\n\nexport const SpinnerWrapper = styled.span`\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${(props) => `var(--${props.color})`} transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n","import React from 'react';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\nimport { SpinnerProps } from '../../../../interface/Table'\n\nconst Spinner: React.FC<SpinnerProps> = ({ color = 'neutral-3', size = 'md', className }) => {\n  return (\n    <S.SpinnerWrapper\n      color={color}\n      className={cc([`spinner--${size}`, className])}\n    >\n      <span />\n      <span />\n      <span />\n      <span />\n    </S.SpinnerWrapper>\n  );\n};\n\nexport default Spinner;\n","import React, { forwardRef, Ref } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\nimport Spinner from '../Spinner';\n\nimport { TableProps } from '../../../../interface/Table'\n\nconst Table = forwardRef(\n  ({ size = 'medium', children, isLoading = false, className = '', ...props }: TableProps, ref: Ref<HTMLTableElement>) => {\n    return (\n      <S.TableWrapper className={className}>\n        {isLoading ? (\n          <S.TableLoadingWrapper>\n            <Spinner />\n          </S.TableLoadingWrapper>\n        ) : null}\n        <S.Table className={cc([size])} ref={ref} {...props}>\n          {children}\n        </S.Table>\n      </S.TableWrapper>\n    );\n  }\n);\n\nTable.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  isLoading: PropTypes.bool,\n};\n\nexport default Table;\n","import React, { useEffect, useState} from 'react';\n\n// import { formatAxios } from '../../utils/formatAxios'\n\nimport { useLocation } from 'react-router-dom';\n\nimport type { FileData } from '../../interface/FileData'\n\nimport { getLanguage } from '../../utils/getLanguage'\n\nimport * as S from './styles';\nimport Table from './components/Table';\n\nexport const FileArea = () => {\n  const [files, setFiles] = useState<FileData[]>([]);\n  const { pathname } = useLocation();\n  const id = pathname.split('/')[4]\n  const t = getLanguage('pt-br')\n\n  useEffect(() => {\n    setFiles([\n        {\n          \"name\": \"Documentação conceitual Code7_v3\",\n          \"tags\": \"boteria, code7\"\n        },\n        {\n          \"name\": \"PAE_Programa_Apoio_ao_Empregado\",\n          \"tags\": \"pae, vr\"\n        },\n        {\n          \"name\": \"Vidalink\",\n          \"tags\": \"vidalink, vr\"\n        },\n        {\n          \"name\": \"[GUIA PRÁTICO] Como criar o chatbot perfeito\",\n          \"tags\": \"ebook, code7\"\n        }\n      ])\n  }, [])\n\n  useEffect(() => {\n    console.log('files, id, t: ', files, id, t)\n  }, [files])\n\n  const presset = (tags: string) => {\n    const tagsSplit = tags.split(',');\n    let html = '';\n\n    html += tagsSplit.map(tag => {\n      return `<p className='tag'>${tag}</p>`;\n    }).join('');\n\n    return html;\n}\n\n  const renderFiles = () => {\n    if (files.length === 0) {\n      return null;\n    }\n  \n    return (\n      <Table>\n        <thead>\n          <tr>\n            <th className=\"th_file_name\">\n              {t.fileArea.fileName}\n            </th>\n            <th className=\"th_pressets\">\n            {t.fileArea.presset}\n            </th>\n            <th className=\"th_actions\">\n            {t.fileArea.actions}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody>\n          {files.map((object) => (\n            <tr>\n              <td>{object.name}</td>\n              <td dangerouslySetInnerHTML={{ __html: presset(object.tags) }} />\n              <td>{t.buttons.delete}</td>\n            </tr>\n          ))}\n        </tbody>\n      </Table>\n    );\n  }\n\n  return (\n    <S.Container>\n      {renderFiles()}\n    </S.Container>\n  );\n};","import React from 'react';\n\nexport const TestArea = () => {\n  return (\n    <div>\n      <p>Teste Area</p>\n      \n    </div>\n  );\n};","import React, { useMemo, Suspense } from 'react';\n\nimport { Route, useLocation, useRouteMatch, useHistory, Switch as SwitchRoute } from 'react-router-dom';\n\nimport type { Props } from './index';\nimport { Tab, Tabs } from './components/Tabs'\n\nimport { getLanguage } from './utils/getLanguage'\n\nimport { FileArea } from './components/FileArea';\nimport { TestArea } from './components/TestArea';\n\nexport const Leia = (props: Props) => {\n  const match = useRouteMatch();\n  const { pathname } = useLocation();\n  const history = useHistory();\n\n  const t = getLanguage(props.language)\n\n  const activeTab = useMemo(() => {\n    return pathname.split('/')[5] || 'files';\n  }, [pathname]);\n\n  return (\n    <>\n      <Tabs\n        value={activeTab}\n        onChange={(value) => history.push(`${match.url}/${value}`)}\n      >\n        <Tab value=\"files\">{t.files}</Tab>\n        <Tab value=\"test\">{t.test}</Tab>\n      </Tabs>\n      <Suspense fallback={props.loading}>\n        <SwitchRoute>\n          <Route path={`${match.path}`} exact component={FileArea} />\n          <Route path={`${match.path}/files`} component={FileArea} />\n          <Route path={`${match.path}/test`} component={TestArea} />\n        </SwitchRoute>\n      </Suspense>\n    </>\n  );\n};","import type { PropsWithChildren, ReactElement } from 'react';\nimport React from 'react';\nimport { Leia } from './Leia';\n\nexport type Props = PropsWithChildren<{\n  id: string;\n  activeTab: string;\n  language: \"en\" | \"pt-br\" | \"es\";\n  loading: ReactElement\n}>;\n\nexport function Code7(props: Props) {\n  return <Leia {...props} />;\n}"],"names":["TabsPane","styled","ul","_templateObject","_taggedTemplateLiteralLoose","Tab","li","_templateObject2","_ref","active","children","rest","_objectWithoutPropertiesLoose","_excluded","React","S","className","cc","propTypes","PropTypes","oneOfType","string","element","node","isRequired","onChange","func","value","bool","defaultProps","Tabs","_ref2","childrenProp","_excluded2","Children","map","child","isValidElement","Array","isArray","_child$props","props","_child$props2","cloneElement","_child$props3","onClick","_child$props4","number","defaultLanguage","files","test","fileArea","description","fileName","presset","actions","search","fileUpload","emptyState","title","modal","descriptionUpload","chooseFile","buttons","cancel","send","testArea","typeSentence","selectPersona","selectPresset","getLanguage","language","languages","en","_extends","es","Container","div","TableWrapper","Table","table","TableLoadingWrapper","_templateObject3","SpinnerWrapper","span","color","Spinner","_ref$color","_ref$size","size","forwardRef","ref","_ref$isLoading","isLoading","_ref$className","oneOf","FileArea","_useState","useState","setFiles","_useLocation","useLocation","pathname","id","split","t","useEffect","console","log","tags","tagsSplit","html","tag","join","renderFiles","length","object","name","dangerouslySetInnerHTML","__html","TestArea","Leia","match","useRouteMatch","history","useHistory","activeTab","useMemo","push","url","Suspense","fallback","loading","SwitchRoute","Route","path","exact","component","Code7"],"mappings":"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"}
+{"version":3,"file":"code7-leia.cjs.development.js","sources":["../src/components/Tabs/styles.tsx","../src/components/Tabs/index.tsx","../src/utils/getLanguage.tsx","../src/components/FileArea/styles.tsx","../src/components/FileArea/components/Table/styles.tsx","../src/components/FileArea/components/Spinner/styles.tsx","../src/components/FileArea/components/Spinner/index.tsx","../src/components/FileArea/components/Table/index.tsx","../src/components/FileArea/index.tsx","../src/components/TestArea/index.tsx","../src/Leia.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { ReactNode } from 'react';\n\ninterface TabProps {\n  children: ReactNode;\n}\n\ninterface OptionProps {\n  children: ReactNode;\n  onClick: () => void;\n}\n\nexport const TabsPane = styled.ul`\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n`;\n\nexport const Tab = styled.li<TabProps>`\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n`;\n\nexport const DropdownContainer = styled.div`\n  position: absolute;\n  left: 0px;\n  top: 40px;\n  display: flex;\n  flex-direction: column;\n\n  background: #ffffff;\n\n  border: 1px solid #979aa5;\n  box-sizing: border-box;\n  box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12),\n    0px 8px 24px -4px rgba(24, 39, 75, 0.08);\n  border-radius: 4px;\n  padding: 8px;\n  z-index: 2;\n`;\n\nexport const Option = styled.div<OptionProps>`\n  padding: 8px;\n  font-size: 14px;\n  border-radius: 4px;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    background-color: var(--primary-800-light);\n    color: white;\n  }\n`;\n","import React, { ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\ninterface TabProps {\n  children: ReactNode;\n  active?: boolean;\n}\n\ninterface ITabsProps {\n  children: ReactNode;\n  value: string | number;\n  onChange: (e: any) => void;\n  active?: boolean;\n}\n\nexport const Tab = ({ active, children, ...rest }: TabProps) => {\n  return (\n    <S.Tab className={cc({ active })} {...rest}>\n      {children}\n    </S.Tab>\n  );\n};\n\nTab.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.node,\n  ]).isRequired,\n  onChange: PropTypes.func,\n  value: PropTypes.string,\n  active: PropTypes.bool,\n};\n\nTab.defaultProps = {\n  onChange: () => {},\n  value: '',\n  active: false,\n};\n\nexport const Tabs = ({ children: childrenProp, value, onChange, ...rest }: ITabsProps) => {\n  const children = React.Children.map(childrenProp, (child) => {\n    if (!React.isValidElement(child)) {\n      return null;\n    }\n\n    if (Array.isArray(child.props?.children)) {\n      return React.cloneElement(child as React.ReactElement<any>, {\n        active: child.props?.value === value,\n        value,\n        onChange,\n      });\n    }\n\n    return React.cloneElement(child as React.ReactElement<any>, {\n      active: child.props?.value === value,\n      onClick: () => onChange(child.props?.value),\n    });\n  });\n\n  return <S.TabsPane {...rest}>{children}</S.TabsPane>;\n};\n\nTabs.propTypes = {\n  children: PropTypes.node.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n","\nimport { Language } from '../interface/Language'\n\nconst defaultLanguage: Language = {\n  files: 'Files',\n  test: 'Test',\n  fileArea: {\n    description: 'bla bla bla bla bla',\n    fileName: 'File name',\n    presset: 'Presset',\n    actions: 'Actions',\n    search: 'Search',\n    fileUpload: 'File upload',\n    emptyState: {\n      title: 'No data',\n      description: 'bla bla bla bla bla',\n    },\n    modal: {\n      descriptionUpload: 'Drag and drop files here or',\n      chooseFile: 'Choose a file',\n    },\n  },\n  buttons: {\n    cancel: 'Cancel',\n    send: 'Send',\n    delete: 'Delete',\n    test: 'Test',\n  },\n  testArea: {\n    description: 'bla bla bla bla bla',\n    typeSentence: 'Type a sentence',\n    selectPersona: 'Select a Persona',\n    selectPresset: 'Select a presset',\n    emptyState: {\n      title: 'No data for analysis',\n      description: 'Do a search, click the \"Test\" button.',\n    },\n  },\n};\n\nexport const getLanguage = (language: keyof Record<'en' | 'pt-br' | 'es', Language>): Language => {\n  const languages = {\n    en: defaultLanguage,\n    'pt-br': {\n      files: 'Arquivos',\n      test: 'Teste',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nome do arquivo',\n        presset: 'Presset',\n        actions: 'Ações',\n        search: 'Pesquisar',\n        fileUpload: 'Upload de arquivo',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sem dados',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arraste e solte os arquivos aqui ou',\n          chooseFile: 'Escolha um arquivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Excluir',\n        test: 'Testar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Digite uma frase',\n        selectPersona: 'Selecione uma Persona',\n        selectPresset: 'Selecione uma predefinição',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sem dados para análise',\n          description: 'Faça uma pesquisa, clique no botão \"Teste\".',\n        },\n      },\n    },\n    es: {\n      ...defaultLanguage,\n      files: 'Archivos',\n      test: 'Prueba',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nombre del archivo',\n        presset: 'Presset',\n        actions: 'Acciones',\n        search: 'Buscar',\n        fileUpload: 'Carga de archivos',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sin datos',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arrastre y suelte los archivos aquí o',\n          chooseFile: 'Elegir un archivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Eliminar',\n        test: 'Probar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Escribe una oración',\n        selectPersona: 'Seleccionar una Persona',\n        selectPresset: 'Seleccionar una configuración preestablecida',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sin datos para el análisis',\n          description: 'Realiza una búsqueda, haz clic en el botón \"Prueba\".',\n        },\n      },\n    },\n  };\n\n  return languages[language] || defaultLanguage;\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  display: flex;\n  justify-content: center;\n  padding-top: 16px;\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: space-evenly;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n`;\n","import styled from 'styled-components';\n\nexport const TableWrapper = styled.div`\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n`;\n\nexport const Table = styled.table`\n  font-size: 14px;\n  line-height: 143%;\n  background: #dadce3;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n    border-radius: 4px;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n`;\n\nexport const TableLoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n`;\n","import styled from 'styled-components';\n\nexport const SpinnerWrapper = styled.span`\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${(props) => `var(--${props.color})`} transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n","import React from 'react';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\nimport { SpinnerProps } from '../../../../interface/Table'\n\nconst Spinner: React.FC<SpinnerProps> = ({ color = 'neutral-3', size = 'md', className }) => {\n  return (\n    <S.SpinnerWrapper\n      color={color}\n      className={cc([`spinner--${size}`, className])}\n    >\n      <span />\n      <span />\n      <span />\n      <span />\n    </S.SpinnerWrapper>\n  );\n};\n\nexport default Spinner;\n","import React, { forwardRef, Ref } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\nimport Spinner from '../Spinner';\n\nimport { TableProps } from '../../../../interface/Table'\n\nconst Table = forwardRef(\n  ({ size = 'medium', children, isLoading = false, className = '', ...props }: TableProps, ref: Ref<HTMLTableElement>) => {\n    return (\n      <S.TableWrapper className={className}>\n        {isLoading ? (\n          <S.TableLoadingWrapper>\n            <Spinner />\n          </S.TableLoadingWrapper>\n        ) : null}\n        <S.Table className={cc([size])} ref={ref} {...props}>\n          {children}\n        </S.Table>\n      </S.TableWrapper>\n    );\n  }\n);\n\nTable.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  isLoading: PropTypes.bool,\n};\n\nexport default Table;\n","import React, { useEffect, useState} from 'react';\n\n// import { formatAxios } from '../../utils/formatAxios'\n\nimport { useLocation } from 'react-router-dom';\n\nimport type { FileData } from '../../interface/FileData'\n\nimport { getLanguage } from '../../utils/getLanguage'\n\nimport * as S from './styles';\nimport Table from './components/Table';\n\nexport const FileArea = () => {\n  const [files, setFiles] = useState<FileData[]>([]);\n  const { pathname } = useLocation();\n  const id = pathname.split('/')[4]\n  const t = getLanguage('pt-br')\n\n  useEffect(() => {\n    setFiles([\n        {\n          \"name\": \"Documentação conceitual Code7_v3\",\n          \"tags\": \"boteria, code7\"\n        },\n        {\n          \"name\": \"PAE_Programa_Apoio_ao_Empregado\",\n          \"tags\": \"pae, vr\"\n        },\n        {\n          \"name\": \"Vidalink\",\n          \"tags\": \"vidalink, vr\"\n        },\n        {\n          \"name\": \"[GUIA PRÁTICO] Como criar o chatbot perfeito\",\n          \"tags\": \"ebook, code7\"\n        }\n      ])\n  }, [])\n\n  useEffect(() => {\n    console.log('files, id, t: ', files, id, t)\n  }, [files])\n\n  const presset = (tags: string) => {\n    const tagsSplit = tags.split(',');\n    let html = '';\n\n    html += tagsSplit.map(tag => {\n      return `<p class='tag'>${tag}</p>`;\n    }).join('');\n\n    return html;\n}\n\n  const renderFiles = () => {\n    if (files.length === 0) {\n      return null;\n    }\n  \n    return (\n      <S.Container>\n        <Table>\n          <thead>\n            <tr>\n              <th className=\"th_file_name\">\n                {t.fileArea.fileName}\n              </th>\n              <th className=\"th_pressets\">\n              {t.fileArea.presset}\n              </th>\n              <th className=\"th_actions\">\n              {t.fileArea.actions}\n              </th>\n            </tr>\n          </thead>\n\n          <tbody>\n            {files.map((object) => (\n              <tr>\n                <td>{object.name}</td>\n                <td className='tags' dangerouslySetInnerHTML={{ __html: presset(object.tags) }} />\n                <td>\n                  <div className='divDelete'>\n                    <button className='buttonDelete'>{t.buttons.delete}</button>\n                  </div>\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </Table>\n      </S.Container>\n    );\n  }\n\n  return (\n    <S.Container>\n      {renderFiles()}\n    </S.Container>\n  );\n};","import React from 'react';\n\nexport const TestArea = () => {\n  return (\n    <div>\n      <p>Teste Area</p>\n      \n    </div>\n  );\n};","import React, { useMemo, Suspense } from 'react';\n\nimport { Route, useLocation, useRouteMatch, useHistory, Switch as SwitchRoute } from 'react-router-dom';\n\nimport type { Props } from './index';\nimport { Tab, Tabs } from './components/Tabs'\n\nimport { getLanguage } from './utils/getLanguage'\n\nimport { FileArea } from './components/FileArea';\nimport { TestArea } from './components/TestArea';\n\nexport const Leia = (props: Props) => {\n  const match = useRouteMatch();\n  const { pathname } = useLocation();\n  const history = useHistory();\n\n  const t = getLanguage(props.language)\n\n  const activeTab = useMemo(() => {\n    return pathname.split('/')[5] || 'files';\n  }, [pathname]);\n\n  return (\n    <>\n      <Tabs\n        value={activeTab}\n        onChange={(value) => history.push(`${match.url}/${value}`)}\n      >\n        <Tab value=\"files\">{t.files}</Tab>\n        <Tab value=\"test\">{t.test}</Tab>\n      </Tabs>\n      <Suspense fallback={props.loading}>\n        <SwitchRoute>\n          <Route path={`${match.path}`} exact component={FileArea} />\n          <Route path={`${match.path}/files`} component={FileArea} />\n          <Route path={`${match.path}/test`} component={TestArea} />\n        </SwitchRoute>\n      </Suspense>\n    </>\n  );\n};","import type { PropsWithChildren, ReactElement } from 'react';\nimport React from 'react';\nimport { Leia } from './Leia';\n\nexport type Props = PropsWithChildren<{\n  id: string;\n  activeTab: string;\n  language: \"en\" | \"pt-br\" | \"es\";\n  loading: ReactElement\n}>;\n\nexport function Code7(props: Props) {\n  return <Leia {...props} />;\n}"],"names":["TabsPane","styled","ul","_templateObject","_taggedTemplateLiteralLoose","Tab","li","_templateObject2","_ref","active","children","rest","_objectWithoutPropertiesLoose","_excluded","React","S","className","cc","propTypes","PropTypes","oneOfType","string","element","node","isRequired","onChange","func","value","bool","defaultProps","Tabs","_ref2","childrenProp","_excluded2","Children","map","child","isValidElement","Array","isArray","_child$props","props","_child$props2","cloneElement","_child$props3","onClick","_child$props4","number","defaultLanguage","files","test","fileArea","description","fileName","presset","actions","search","fileUpload","emptyState","title","modal","descriptionUpload","chooseFile","buttons","cancel","send","testArea","typeSentence","selectPersona","selectPresset","getLanguage","language","languages","en","_extends","es","Container","div","TableWrapper","Table","table","TableLoadingWrapper","_templateObject3","SpinnerWrapper","span","color","Spinner","_ref$color","_ref$size","size","forwardRef","ref","_ref$isLoading","isLoading","_ref$className","oneOf","FileArea","_useState","useState","setFiles","_useLocation","useLocation","pathname","id","split","t","useEffect","console","log","tags","tagsSplit","html","tag","join","renderFiles","length","object","name","dangerouslySetInnerHTML","__html","TestArea","Leia","match","useRouteMatch","history","useHistory","activeTab","useMemo","push","url","Suspense","fallback","loading","SwitchRoute","Route","path","exact","component","Code7"],"mappings":"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"}

package/dist/code7-leia.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t,a=require("react"),r=e(a),l=require("react-router-dom"),i=e(require("prop-types")),o=e(require("classcat")),s=e(require("styled-components"));function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}function u(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n.indexOf(t=l[a])>=0||(r[t]=e[t]);return r}function p(e,n){return n||(n=e.slice(0)),e.raw=n,e}var d=s.ul(n||(n=p(["\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n"]))),m=s.li(t||(t=p(["\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n"]))),f=["active","children"],h=["children","value","onChange"],b=function(e){var n=e.active,t=e.children,a=u(e,f);return r.createElement(m,Object.assign({className:o({active:n})},a),t)};b.propTypes={children:i.oneOfType([i.string,i.element,i.node]).isRequired,onChange:i.func,value:i.string,active:i.bool},b.defaultProps={onChange:function(){},value:"",active:!1};var v=function(e){var n=e.children,t=e.value,a=e.onChange,l=u(e,h),i=r.Children.map(n,(function(e){var n,l,i;return r.isValidElement(e)?Array.isArray(null==(n=e.props)?void 0:n.children)?r.cloneElement(e,{active:(null==(i=e.props)?void 0:i.value)===t,value:t,onChange:a}):r.cloneElement(e,{active:(null==(l=e.props)?void 0:l.value)===t,onClick:function(){var n;return a(null==(n=e.props)?void 0:n.value)}}):null}));return r.createElement(d,Object.assign({},l),i)};v.propTypes={children:i.node.isRequired,value:i.oneOfType([i.string,i.number]).isRequired,onChange:i.func.isRequired};var g,y,E,x,A,S={files:"Files",test:"Test",fileArea:{description:"bla bla bla bla bla",fileName:"File name",presset:"Presset",actions:"Actions",search:"Search",fileUpload:"File upload",emptyState:{title:"No data",description:"bla bla bla bla bla"},modal:{descriptionUpload:"Drag and drop files here or",chooseFile:"Choose a file"}},buttons:{cancel:"Cancel",send:"Send",delete:"Delete",test:"Test"},testArea:{description:"bla bla bla bla bla",typeSentence:"Type a sentence",selectPersona:"Select a Persona",selectPresset:"Select a presset",emptyState:{title:"No data for analysis",description:'Do a search, click the "Test" button.'}}},P=function(e){return{en:S,"pt-br":{files:"Arquivos",test:"Teste",fileArea:c({},S.fileArea,{fileName:"Nome do arquivo",presset:"Presset",actions:"Ações",search:"Pesquisar",fileUpload:"Upload de arquivo",emptyState:c({},S.fileArea.emptyState,{title:"Sem dados"}),modal:c({},S.fileArea.modal,{descriptionUpload:"Arraste e solte os arquivos aqui ou",chooseFile:"Escolha um arquivo"})}),buttons:c({},S.buttons,{cancel:"Cancelar",send:"Enviar",delete:"Excluir",test:"Testar"}),testArea:c({},S.testArea,{description:"bla bla bla bla bla",typeSentence:"Digite uma frase",selectPersona:"Selecione uma Persona",selectPresset:"Selecione uma predefinição",emptyState:c({},S.testArea.emptyState,{title:"Sem dados para análise",description:'Faça uma pesquisa, clique no botão "Teste".'})})},es:c({},S,{files:"Archivos",test:"Prueba",fileArea:c({},S.fileArea,{fileName:"Nombre del archivo",presset:"Presset",actions:"Acciones",search:"Buscar",fileUpload:"Carga de archivos",emptyState:c({},S.fileArea.emptyState,{title:"Sin datos"}),modal:c({},S.fileArea.modal,{descriptionUpload:"Arrastre y suelte los archivos aquí o",chooseFile:"Elegir un archivo"})}),buttons:c({},S.buttons,{cancel:"Cancelar",send:"Enviar",delete:"Eliminar",test:"Probar"}),testArea:c({},S.testArea,{description:"bla bla bla bla bla",typeSentence:"Escribe una oración",selectPersona:"Seleccionar una Persona",selectPresset:"Seleccionar una configuración preestablecida",emptyState:c({},S.testArea.emptyState,{title:"Sin datos para el análisis",description:'Realiza una búsqueda, haz clic en el botón "Prueba".'})})})}[e]||S},q=s.div(g||(g=p(["\n  display: flex;\n  justify-content: center;\n"]))),N=s.div(y||(y=p(["\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n"]))),C=s.table(E||(E=p(["\n  font-size: 14px;\n  line-height: 143%;\n  color: var(--neutral-3);\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: var(--neutral-3);\n    text-align: left;\n    padding: 0px 0px 8px 0px;\n  }\n\n  thead tr {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  tbody tr:not(:last-child) {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  &.small td {\n    padding: 4px 0px;\n  }\n\n  &.medium td {\n    padding: 8px 0px;\n  }\n\n  &.large td {\n    padding: var(--spacement-medium) 0px;\n  }\n"]))),O=s.div(x||(x=p(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n"]))),T=s.span(A||(A=p(["\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: "," transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])),(function(e){return"var(--"+e.color+")"})),j=function(e){var n=e.color,t=e.size;return r.createElement(T,{color:void 0===n?"neutral-3":n,className:o(["spinner--"+(void 0===t?"md":t),e.className])},r.createElement("span",null),r.createElement("span",null),r.createElement("span",null),r.createElement("span",null))},w=["size","children","isLoading","className"],_=a.forwardRef((function(e,n){var t=e.size,a=void 0===t?"medium":t,l=e.children,i=e.isLoading,s=void 0!==i&&i,c=e.className,p=void 0===c?"":c,d=u(e,w);return r.createElement(N,{className:p},s?r.createElement(O,null,r.createElement(j,null)):null,r.createElement(C,Object.assign({className:o([a]),ref:n},d),l))}));_.propTypes={children:i.node.isRequired,className:i.string,size:i.oneOf(["small","medium","large"]),isLoading:i.bool};var k=function(){var e=a.useState([]),n=e[0],t=e[1],i=l.useLocation().pathname.split("/")[4],o=P("pt-br");return a.useEffect((function(){t([{name:"Documentação conceitual Code7_v3",tags:"boteria, code7"},{name:"PAE_Programa_Apoio_ao_Empregado",tags:"pae, vr"},{name:"Vidalink",tags:"vidalink, vr"},{name:"[GUIA PRÁTICO] Como criar o chatbot perfeito",tags:"ebook, code7"}])}),[]),a.useEffect((function(){console.log("files, id, t: ",n,i,o)}),[n]),r.createElement(q,null,0===n.length?null:r.createElement(_,null,r.createElement("thead",null,r.createElement("tr",null,r.createElement("th",{className:"th_file_name"},o.fileArea.fileName),r.createElement("th",{className:"th_pressets"},o.fileArea.presset),r.createElement("th",{className:"th_actions"},o.fileArea.actions))),r.createElement("tbody",null,n.map((function(e){return r.createElement("tr",null,r.createElement("td",null,e.name),r.createElement("td",{dangerouslySetInnerHTML:{__html:(n=e.tags,t="",t+=n.split(",").map((function(e){return"<p className='tag'>"+e+"</p>"})).join(""))}}),r.createElement("td",null,o.buttons.delete));var n,t})))))},R=function(){return r.createElement("div",null,r.createElement("p",null,"Teste Area"))},z=function(e){var n=l.useRouteMatch(),t=l.useLocation().pathname,i=l.useHistory(),o=P(e.language),s=a.useMemo((function(){return t.split("/")[5]||"files"}),[t]);return r.createElement(r.Fragment,null,r.createElement(v,{value:s,onChange:function(e){return i.push(n.url+"/"+e)}},r.createElement(b,{value:"files"},o.files),r.createElement(b,{value:"test"},o.test)),r.createElement(a.Suspense,{fallback:e.loading},r.createElement(l.Switch,null,r.createElement(l.Route,{path:""+n.path,exact:!0,component:k}),r.createElement(l.Route,{path:n.path+"/files",component:k}),r.createElement(l.Route,{path:n.path+"/test",component:R}))))};exports.Code7=function(e){return r.createElement(z,Object.assign({},e))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t,a=require("react"),r=e(a),l=require("react-router-dom"),i=e(require("prop-types")),o=e(require("classcat")),s=e(require("styled-components"));function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}function d(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n.indexOf(t=l[a])>=0||(r[t]=e[t]);return r}function p(e,n){return n||(n=e.slice(0)),e.raw=n,e}var u=s.ul(n||(n=p(["\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n"]))),m=s.li(t||(t=p(["\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n"]))),f=["active","children"],h=["children","value","onChange"],b=function(e){var n=e.active,t=e.children,a=d(e,f);return r.createElement(m,Object.assign({className:o({active:n})},a),t)};b.propTypes={children:i.oneOfType([i.string,i.element,i.node]).isRequired,onChange:i.func,value:i.string,active:i.bool},b.defaultProps={onChange:function(){},value:"",active:!1};var g=function(e){var n=e.children,t=e.value,a=e.onChange,l=d(e,h),i=r.Children.map(n,(function(e){var n,l,i;return r.isValidElement(e)?Array.isArray(null==(n=e.props)?void 0:n.children)?r.cloneElement(e,{active:(null==(i=e.props)?void 0:i.value)===t,value:t,onChange:a}):r.cloneElement(e,{active:(null==(l=e.props)?void 0:l.value)===t,onClick:function(){var n;return a(null==(n=e.props)?void 0:n.value)}}):null}));return r.createElement(u,Object.assign({},l),i)};g.propTypes={children:i.node.isRequired,value:i.oneOfType([i.string,i.number]).isRequired,onChange:i.func.isRequired};var v,y,E,x,A,S={files:"Files",test:"Test",fileArea:{description:"bla bla bla bla bla",fileName:"File name",presset:"Presset",actions:"Actions",search:"Search",fileUpload:"File upload",emptyState:{title:"No data",description:"bla bla bla bla bla"},modal:{descriptionUpload:"Drag and drop files here or",chooseFile:"Choose a file"}},buttons:{cancel:"Cancel",send:"Send",delete:"Delete",test:"Test"},testArea:{description:"bla bla bla bla bla",typeSentence:"Type a sentence",selectPersona:"Select a Persona",selectPresset:"Select a presset",emptyState:{title:"No data for analysis",description:'Do a search, click the "Test" button.'}}},N=function(e){return{en:S,"pt-br":{files:"Arquivos",test:"Teste",fileArea:c({},S.fileArea,{fileName:"Nome do arquivo",presset:"Presset",actions:"Ações",search:"Pesquisar",fileUpload:"Upload de arquivo",emptyState:c({},S.fileArea.emptyState,{title:"Sem dados"}),modal:c({},S.fileArea.modal,{descriptionUpload:"Arraste e solte os arquivos aqui ou",chooseFile:"Escolha um arquivo"})}),buttons:c({},S.buttons,{cancel:"Cancelar",send:"Enviar",delete:"Excluir",test:"Testar"}),testArea:c({},S.testArea,{description:"bla bla bla bla bla",typeSentence:"Digite uma frase",selectPersona:"Selecione uma Persona",selectPresset:"Selecione uma predefinição",emptyState:c({},S.testArea.emptyState,{title:"Sem dados para análise",description:'Faça uma pesquisa, clique no botão "Teste".'})})},es:c({},S,{files:"Archivos",test:"Prueba",fileArea:c({},S.fileArea,{fileName:"Nombre del archivo",presset:"Presset",actions:"Acciones",search:"Buscar",fileUpload:"Carga de archivos",emptyState:c({},S.fileArea.emptyState,{title:"Sin datos"}),modal:c({},S.fileArea.modal,{descriptionUpload:"Arrastre y suelte los archivos aquí o",chooseFile:"Elegir un archivo"})}),buttons:c({},S.buttons,{cancel:"Cancelar",send:"Enviar",delete:"Eliminar",test:"Probar"}),testArea:c({},S.testArea,{description:"bla bla bla bla bla",typeSentence:"Escribe una oración",selectPersona:"Seleccionar una Persona",selectPresset:"Seleccionar una configuración preestablecida",emptyState:c({},S.testArea.emptyState,{title:"Sin datos para el análisis",description:'Realiza una búsqueda, haz clic en el botón "Prueba".'})})})}[e]||S},P=s.div(v||(v=p(["\n  display: flex;\n  justify-content: center;\n  padding-top: 16px;\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: space-evenly;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n"]))),q=s.div(y||(y=p(["\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n"]))),C=s.table(E||(E=p(["\n  font-size: 14px;\n  line-height: 143%;\n  background: #dadce3;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n    border-radius: 4px;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n"]))),k=s.div(x||(x=p(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n"]))),j=s.span(A||(A=p(["\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: "," transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])),(function(e){return"var(--"+e.color+")"})),O=function(e){var n=e.color,t=e.size;return r.createElement(j,{color:void 0===n?"neutral-3":n,className:o(["spinner--"+(void 0===t?"md":t),e.className])},r.createElement("span",null),r.createElement("span",null),r.createElement("span",null),r.createElement("span",null))},T=["size","children","isLoading","className"],w=a.forwardRef((function(e,n){var t=e.size,a=void 0===t?"medium":t,l=e.children,i=e.isLoading,s=void 0!==i&&i,c=e.className,p=void 0===c?"":c,u=d(e,T);return r.createElement(q,{className:p},s?r.createElement(k,null,r.createElement(O,null)):null,r.createElement(C,Object.assign({className:o([a]),ref:n},u),l))}));w.propTypes={children:i.node.isRequired,className:i.string,size:i.oneOf(["small","medium","large"]),isLoading:i.bool};var _=function(){var e=a.useState([]),n=e[0],t=e[1],i=l.useLocation().pathname.split("/")[4],o=N("pt-br");return a.useEffect((function(){t([{name:"Documentação conceitual Code7_v3",tags:"boteria, code7"},{name:"PAE_Programa_Apoio_ao_Empregado",tags:"pae, vr"},{name:"Vidalink",tags:"vidalink, vr"},{name:"[GUIA PRÁTICO] Como criar o chatbot perfeito",tags:"ebook, code7"}])}),[]),a.useEffect((function(){console.log("files, id, t: ",n,i,o)}),[n]),r.createElement(P,null,0===n.length?null:r.createElement(P,null,r.createElement(w,null,r.createElement("thead",null,r.createElement("tr",null,r.createElement("th",{className:"th_file_name"},o.fileArea.fileName),r.createElement("th",{className:"th_pressets"},o.fileArea.presset),r.createElement("th",{className:"th_actions"},o.fileArea.actions))),r.createElement("tbody",null,n.map((function(e){return r.createElement("tr",null,r.createElement("td",null,e.name),r.createElement("td",{className:"tags",dangerouslySetInnerHTML:{__html:(n=e.tags,t="",t+=n.split(",").map((function(e){return"<p class='tag'>"+e+"</p>"})).join(""))}}),r.createElement("td",null,r.createElement("div",{className:"divDelete"},r.createElement("button",{className:"buttonDelete"},o.buttons.delete))));var n,t}))))))},R=function(){return r.createElement("div",null,r.createElement("p",null,"Teste Area"))},z=function(e){var n=l.useRouteMatch(),t=l.useLocation().pathname,i=l.useHistory(),o=N(e.language),s=a.useMemo((function(){return t.split("/")[5]||"files"}),[t]);return r.createElement(r.Fragment,null,r.createElement(g,{value:s,onChange:function(e){return i.push(n.url+"/"+e)}},r.createElement(b,{value:"files"},o.files),r.createElement(b,{value:"test"},o.test)),r.createElement(a.Suspense,{fallback:e.loading},r.createElement(l.Switch,null,r.createElement(l.Route,{path:""+n.path,exact:!0,component:_}),r.createElement(l.Route,{path:n.path+"/files",component:_}),r.createElement(l.Route,{path:n.path+"/test",component:R}))))};exports.Code7=function(e){return r.createElement(z,Object.assign({},e))};
 //# sourceMappingURL=code7-leia.cjs.production.min.js.map

package/dist/code7-leia.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"code7-leia.cjs.production.min.js","sources":["../src/components/Tabs/styles.tsx","../src/components/Tabs/index.tsx","../src/utils/getLanguage.tsx","../src/components/FileArea/styles.tsx","../src/components/FileArea/components/Table/styles.tsx","../src/components/FileArea/components/Spinner/styles.tsx","../src/components/FileArea/components/Spinner/index.tsx","../src/components/FileArea/components/Table/index.tsx","../src/components/FileArea/index.tsx","../src/components/TestArea/index.tsx","../src/Leia.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { ReactNode } from 'react';\n\ninterface TabProps {\n  children: ReactNode;\n}\n\ninterface OptionProps {\n  children: ReactNode;\n  onClick: () => void;\n}\n\nexport const TabsPane = styled.ul`\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n`;\n\nexport const Tab = styled.li<TabProps>`\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n`;\n\nexport const DropdownContainer = styled.div`\n  position: absolute;\n  left: 0px;\n  top: 40px;\n  display: flex;\n  flex-direction: column;\n\n  background: #ffffff;\n\n  border: 1px solid #979aa5;\n  box-sizing: border-box;\n  box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12),\n    0px 8px 24px -4px rgba(24, 39, 75, 0.08);\n  border-radius: 4px;\n  padding: 8px;\n  z-index: 2;\n`;\n\nexport const Option = styled.div<OptionProps>`\n  padding: 8px;\n  font-size: 14px;\n  border-radius: 4px;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    background-color: var(--primary-800-light);\n    color: white;\n  }\n`;\n","import React, { ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\ninterface TabProps {\n  children: ReactNode;\n  active?: boolean;\n}\n\ninterface ITabsProps {\n  children: ReactNode;\n  value: string | number;\n  onChange: (e: any) => void;\n  active?: boolean;\n}\n\nexport const Tab = ({ active, children, ...rest }: TabProps) => {\n  return (\n    <S.Tab className={cc({ active })} {...rest}>\n      {children}\n    </S.Tab>\n  );\n};\n\nTab.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.node,\n  ]).isRequired,\n  onChange: PropTypes.func,\n  value: PropTypes.string,\n  active: PropTypes.bool,\n};\n\nTab.defaultProps = {\n  onChange: () => {},\n  value: '',\n  active: false,\n};\n\nexport const Tabs = ({ children: childrenProp, value, onChange, ...rest }: ITabsProps) => {\n  const children = React.Children.map(childrenProp, (child) => {\n    if (!React.isValidElement(child)) {\n      return null;\n    }\n\n    if (Array.isArray(child.props?.children)) {\n      return React.cloneElement(child as React.ReactElement<any>, {\n        active: child.props?.value === value,\n        value,\n        onChange,\n      });\n    }\n\n    return React.cloneElement(child as React.ReactElement<any>, {\n      active: child.props?.value === value,\n      onClick: () => onChange(child.props?.value),\n    });\n  });\n\n  return <S.TabsPane {...rest}>{children}</S.TabsPane>;\n};\n\nTabs.propTypes = {\n  children: PropTypes.node.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n","\nimport { Language } from '../interface/Language'\n\nconst defaultLanguage: Language = {\n  files: 'Files',\n  test: 'Test',\n  fileArea: {\n    description: 'bla bla bla bla bla',\n    fileName: 'File name',\n    presset: 'Presset',\n    actions: 'Actions',\n    search: 'Search',\n    fileUpload: 'File upload',\n    emptyState: {\n      title: 'No data',\n      description: 'bla bla bla bla bla',\n    },\n    modal: {\n      descriptionUpload: 'Drag and drop files here or',\n      chooseFile: 'Choose a file',\n    },\n  },\n  buttons: {\n    cancel: 'Cancel',\n    send: 'Send',\n    delete: 'Delete',\n    test: 'Test',\n  },\n  testArea: {\n    description: 'bla bla bla bla bla',\n    typeSentence: 'Type a sentence',\n    selectPersona: 'Select a Persona',\n    selectPresset: 'Select a presset',\n    emptyState: {\n      title: 'No data for analysis',\n      description: 'Do a search, click the \"Test\" button.',\n    },\n  },\n};\n\nexport const getLanguage = (language: keyof Record<'en' | 'pt-br' | 'es', Language>): Language => {\n  const languages = {\n    en: defaultLanguage,\n    'pt-br': {\n      files: 'Arquivos',\n      test: 'Teste',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nome do arquivo',\n        presset: 'Presset',\n        actions: 'Ações',\n        search: 'Pesquisar',\n        fileUpload: 'Upload de arquivo',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sem dados',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arraste e solte os arquivos aqui ou',\n          chooseFile: 'Escolha um arquivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Excluir',\n        test: 'Testar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Digite uma frase',\n        selectPersona: 'Selecione uma Persona',\n        selectPresset: 'Selecione uma predefinição',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sem dados para análise',\n          description: 'Faça uma pesquisa, clique no botão \"Teste\".',\n        },\n      },\n    },\n    es: {\n      ...defaultLanguage,\n      files: 'Archivos',\n      test: 'Prueba',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nombre del archivo',\n        presset: 'Presset',\n        actions: 'Acciones',\n        search: 'Buscar',\n        fileUpload: 'Carga de archivos',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sin datos',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arrastre y suelte los archivos aquí o',\n          chooseFile: 'Elegir un archivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Eliminar',\n        test: 'Probar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Escribe una oración',\n        selectPersona: 'Seleccionar una Persona',\n        selectPresset: 'Seleccionar una configuración preestablecida',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sin datos para el análisis',\n          description: 'Realiza una búsqueda, haz clic en el botón \"Prueba\".',\n        },\n      },\n    },\n  };\n\n  return languages[language] || defaultLanguage;\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n","import styled from 'styled-components';\n\nexport const TableWrapper = styled.div`\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n`;\n\nexport const Table = styled.table`\n  font-size: 14px;\n  line-height: 143%;\n  color: var(--neutral-3);\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: var(--neutral-3);\n    text-align: left;\n    padding: 0px 0px 8px 0px;\n  }\n\n  thead tr {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  tbody tr:not(:last-child) {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  &.small td {\n    padding: 4px 0px;\n  }\n\n  &.medium td {\n    padding: 8px 0px;\n  }\n\n  &.large td {\n    padding: var(--spacement-medium) 0px;\n  }\n`;\n\nexport const TableLoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n`;\n","import styled from 'styled-components';\n\nexport const SpinnerWrapper = styled.span`\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${(props) => `var(--${props.color})`} transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n","import React from 'react';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\nimport { SpinnerProps } from '../../../../interface/Table'\n\nconst Spinner: React.FC<SpinnerProps> = ({ color = 'neutral-3', size = 'md', className }) => {\n  return (\n    <S.SpinnerWrapper\n      color={color}\n      className={cc([`spinner--${size}`, className])}\n    >\n      <span />\n      <span />\n      <span />\n      <span />\n    </S.SpinnerWrapper>\n  );\n};\n\nexport default Spinner;\n","import React, { forwardRef, Ref } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\nimport Spinner from '../Spinner';\n\nimport { TableProps } from '../../../../interface/Table'\n\nconst Table = forwardRef(\n  ({ size = 'medium', children, isLoading = false, className = '', ...props }: TableProps, ref: Ref<HTMLTableElement>) => {\n    return (\n      <S.TableWrapper className={className}>\n        {isLoading ? (\n          <S.TableLoadingWrapper>\n            <Spinner />\n          </S.TableLoadingWrapper>\n        ) : null}\n        <S.Table className={cc([size])} ref={ref} {...props}>\n          {children}\n        </S.Table>\n      </S.TableWrapper>\n    );\n  }\n);\n\nTable.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  isLoading: PropTypes.bool,\n};\n\nexport default Table;\n","import React, { useEffect, useState} from 'react';\n\n// import { formatAxios } from '../../utils/formatAxios'\n\nimport { useLocation } from 'react-router-dom';\n\nimport type { FileData } from '../../interface/FileData'\n\nimport { getLanguage } from '../../utils/getLanguage'\n\nimport * as S from './styles';\nimport Table from './components/Table';\n\nexport const FileArea = () => {\n  const [files, setFiles] = useState<FileData[]>([]);\n  const { pathname } = useLocation();\n  const id = pathname.split('/')[4]\n  const t = getLanguage('pt-br')\n\n  useEffect(() => {\n    setFiles([\n        {\n          \"name\": \"Documentação conceitual Code7_v3\",\n          \"tags\": \"boteria, code7\"\n        },\n        {\n          \"name\": \"PAE_Programa_Apoio_ao_Empregado\",\n          \"tags\": \"pae, vr\"\n        },\n        {\n          \"name\": \"Vidalink\",\n          \"tags\": \"vidalink, vr\"\n        },\n        {\n          \"name\": \"[GUIA PRÁTICO] Como criar o chatbot perfeito\",\n          \"tags\": \"ebook, code7\"\n        }\n      ])\n  }, [])\n\n  useEffect(() => {\n    console.log('files, id, t: ', files, id, t)\n  }, [files])\n\n  const presset = (tags: string) => {\n    const tagsSplit = tags.split(',');\n    let html = '';\n\n    html += tagsSplit.map(tag => {\n      return `<p className='tag'>${tag}</p>`;\n    }).join('');\n\n    return html;\n}\n\n  const renderFiles = () => {\n    if (files.length === 0) {\n      return null;\n    }\n  \n    return (\n      <Table>\n        <thead>\n          <tr>\n            <th className=\"th_file_name\">\n              {t.fileArea.fileName}\n            </th>\n            <th className=\"th_pressets\">\n            {t.fileArea.presset}\n            </th>\n            <th className=\"th_actions\">\n            {t.fileArea.actions}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody>\n          {files.map((object) => (\n            <tr>\n              <td>{object.name}</td>\n              <td dangerouslySetInnerHTML={{ __html: presset(object.tags) }} />\n              <td>{t.buttons.delete}</td>\n            </tr>\n          ))}\n        </tbody>\n      </Table>\n    );\n  }\n\n  return (\n    <S.Container>\n      {renderFiles()}\n    </S.Container>\n  );\n};","import React from 'react';\n\nexport const TestArea = () => {\n  return (\n    <div>\n      <p>Teste Area</p>\n      \n    </div>\n  );\n};","import React, { useMemo, Suspense } from 'react';\n\nimport { Route, useLocation, useRouteMatch, useHistory, Switch as SwitchRoute } from 'react-router-dom';\n\nimport type { Props } from './index';\nimport { Tab, Tabs } from './components/Tabs'\n\nimport { getLanguage } from './utils/getLanguage'\n\nimport { FileArea } from './components/FileArea';\nimport { TestArea } from './components/TestArea';\n\nexport const Leia = (props: Props) => {\n  const match = useRouteMatch();\n  const { pathname } = useLocation();\n  const history = useHistory();\n\n  const t = getLanguage(props.language)\n\n  const activeTab = useMemo(() => {\n    return pathname.split('/')[5] || 'files';\n  }, [pathname]);\n\n  return (\n    <>\n      <Tabs\n        value={activeTab}\n        onChange={(value) => history.push(`${match.url}/${value}`)}\n      >\n        <Tab value=\"files\">{t.files}</Tab>\n        <Tab value=\"test\">{t.test}</Tab>\n      </Tabs>\n      <Suspense fallback={props.loading}>\n        <SwitchRoute>\n          <Route path={`${match.path}`} exact component={FileArea} />\n          <Route path={`${match.path}/files`} component={FileArea} />\n          <Route path={`${match.path}/test`} component={TestArea} />\n        </SwitchRoute>\n      </Suspense>\n    </>\n  );\n};","import type { PropsWithChildren, ReactElement } from 'react';\nimport React from 'react';\nimport { Leia } from './Leia';\n\nexport type Props = PropsWithChildren<{\n  id: string;\n  activeTab: string;\n  language: \"en\" | \"pt-br\" | \"es\";\n  loading: ReactElement\n}>;\n\nexport function Code7(props: Props) {\n  return <Leia {...props} />;\n}"],"names":["TabsPane","styled","ul","_templateObject","_taggedTemplateLiteralLoose","Tab","li","_templateObject2","_ref","active","children","rest","_objectWithoutPropertiesLoose","_excluded","React","S","className","cc","propTypes","PropTypes","oneOfType","string","element","node","isRequired","onChange","func","value","bool","defaultProps","Tabs","_ref2","childrenProp","_excluded2","Children","map","child","_child$props2","isValidElement","Array","isArray","_child$props","props","cloneElement","_child$props3","onClick","_child$props4","number","defaultLanguage","files","test","fileArea","description","fileName","presset","actions","search","fileUpload","emptyState","title","modal","descriptionUpload","chooseFile","buttons","cancel","send","delete","testArea","typeSentence","selectPersona","selectPresset","getLanguage","language","en","pt-br","_extends","es","Container","div","TableWrapper","Table","table","TableLoadingWrapper","_templateObject3","SpinnerWrapper","span","color","Spinner","_ref$size","size","_ref$color","forwardRef","ref","_ref$isLoading","isLoading","_ref$className","oneOf","FileArea","_useState","useState","setFiles","id","useLocation","pathname","split","t","useEffect","name","tags","console","log","length","object","dangerouslySetInnerHTML","__html","html","tag","join","TestArea","Leia","match","useRouteMatch","history","useHistory","activeTab","useMemo","push","url","Suspense","fallback","loading","SwitchRoute","Route","path","exact","component"],"mappings":"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"}
+{"version":3,"file":"code7-leia.cjs.production.min.js","sources":["../src/components/Tabs/styles.tsx","../src/components/Tabs/index.tsx","../src/utils/getLanguage.tsx","../src/components/FileArea/styles.tsx","../src/components/FileArea/components/Table/styles.tsx","../src/components/FileArea/components/Spinner/styles.tsx","../src/components/FileArea/components/Spinner/index.tsx","../src/components/FileArea/components/Table/index.tsx","../src/components/FileArea/index.tsx","../src/components/TestArea/index.tsx","../src/Leia.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { ReactNode } from 'react';\n\ninterface TabProps {\n  children: ReactNode;\n}\n\ninterface OptionProps {\n  children: ReactNode;\n  onClick: () => void;\n}\n\nexport const TabsPane = styled.ul`\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n`;\n\nexport const Tab = styled.li<TabProps>`\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n`;\n\nexport const DropdownContainer = styled.div`\n  position: absolute;\n  left: 0px;\n  top: 40px;\n  display: flex;\n  flex-direction: column;\n\n  background: #ffffff;\n\n  border: 1px solid #979aa5;\n  box-sizing: border-box;\n  box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12),\n    0px 8px 24px -4px rgba(24, 39, 75, 0.08);\n  border-radius: 4px;\n  padding: 8px;\n  z-index: 2;\n`;\n\nexport const Option = styled.div<OptionProps>`\n  padding: 8px;\n  font-size: 14px;\n  border-radius: 4px;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    background-color: var(--primary-800-light);\n    color: white;\n  }\n`;\n","import React, { ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\ninterface TabProps {\n  children: ReactNode;\n  active?: boolean;\n}\n\ninterface ITabsProps {\n  children: ReactNode;\n  value: string | number;\n  onChange: (e: any) => void;\n  active?: boolean;\n}\n\nexport const Tab = ({ active, children, ...rest }: TabProps) => {\n  return (\n    <S.Tab className={cc({ active })} {...rest}>\n      {children}\n    </S.Tab>\n  );\n};\n\nTab.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.node,\n  ]).isRequired,\n  onChange: PropTypes.func,\n  value: PropTypes.string,\n  active: PropTypes.bool,\n};\n\nTab.defaultProps = {\n  onChange: () => {},\n  value: '',\n  active: false,\n};\n\nexport const Tabs = ({ children: childrenProp, value, onChange, ...rest }: ITabsProps) => {\n  const children = React.Children.map(childrenProp, (child) => {\n    if (!React.isValidElement(child)) {\n      return null;\n    }\n\n    if (Array.isArray(child.props?.children)) {\n      return React.cloneElement(child as React.ReactElement<any>, {\n        active: child.props?.value === value,\n        value,\n        onChange,\n      });\n    }\n\n    return React.cloneElement(child as React.ReactElement<any>, {\n      active: child.props?.value === value,\n      onClick: () => onChange(child.props?.value),\n    });\n  });\n\n  return <S.TabsPane {...rest}>{children}</S.TabsPane>;\n};\n\nTabs.propTypes = {\n  children: PropTypes.node.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n","\nimport { Language } from '../interface/Language'\n\nconst defaultLanguage: Language = {\n  files: 'Files',\n  test: 'Test',\n  fileArea: {\n    description: 'bla bla bla bla bla',\n    fileName: 'File name',\n    presset: 'Presset',\n    actions: 'Actions',\n    search: 'Search',\n    fileUpload: 'File upload',\n    emptyState: {\n      title: 'No data',\n      description: 'bla bla bla bla bla',\n    },\n    modal: {\n      descriptionUpload: 'Drag and drop files here or',\n      chooseFile: 'Choose a file',\n    },\n  },\n  buttons: {\n    cancel: 'Cancel',\n    send: 'Send',\n    delete: 'Delete',\n    test: 'Test',\n  },\n  testArea: {\n    description: 'bla bla bla bla bla',\n    typeSentence: 'Type a sentence',\n    selectPersona: 'Select a Persona',\n    selectPresset: 'Select a presset',\n    emptyState: {\n      title: 'No data for analysis',\n      description: 'Do a search, click the \"Test\" button.',\n    },\n  },\n};\n\nexport const getLanguage = (language: keyof Record<'en' | 'pt-br' | 'es', Language>): Language => {\n  const languages = {\n    en: defaultLanguage,\n    'pt-br': {\n      files: 'Arquivos',\n      test: 'Teste',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nome do arquivo',\n        presset: 'Presset',\n        actions: 'Ações',\n        search: 'Pesquisar',\n        fileUpload: 'Upload de arquivo',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sem dados',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arraste e solte os arquivos aqui ou',\n          chooseFile: 'Escolha um arquivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Excluir',\n        test: 'Testar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Digite uma frase',\n        selectPersona: 'Selecione uma Persona',\n        selectPresset: 'Selecione uma predefinição',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sem dados para análise',\n          description: 'Faça uma pesquisa, clique no botão \"Teste\".',\n        },\n      },\n    },\n    es: {\n      ...defaultLanguage,\n      files: 'Archivos',\n      test: 'Prueba',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nombre del archivo',\n        presset: 'Presset',\n        actions: 'Acciones',\n        search: 'Buscar',\n        fileUpload: 'Carga de archivos',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sin datos',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arrastre y suelte los archivos aquí o',\n          chooseFile: 'Elegir un archivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Eliminar',\n        test: 'Probar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Escribe una oración',\n        selectPersona: 'Seleccionar una Persona',\n        selectPresset: 'Seleccionar una configuración preestablecida',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sin datos para el análisis',\n          description: 'Realiza una búsqueda, haz clic en el botón \"Prueba\".',\n        },\n      },\n    },\n  };\n\n  return languages[language] || defaultLanguage;\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  display: flex;\n  justify-content: center;\n  padding-top: 16px;\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: space-evenly;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n`;\n","import styled from 'styled-components';\n\nexport const TableWrapper = styled.div`\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n`;\n\nexport const Table = styled.table`\n  font-size: 14px;\n  line-height: 143%;\n  background: #dadce3;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n    border-radius: 4px;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n`;\n\nexport const TableLoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n`;\n","import styled from 'styled-components';\n\nexport const SpinnerWrapper = styled.span`\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${(props) => `var(--${props.color})`} transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n","import React from 'react';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\nimport { SpinnerProps } from '../../../../interface/Table'\n\nconst Spinner: React.FC<SpinnerProps> = ({ color = 'neutral-3', size = 'md', className }) => {\n  return (\n    <S.SpinnerWrapper\n      color={color}\n      className={cc([`spinner--${size}`, className])}\n    >\n      <span />\n      <span />\n      <span />\n      <span />\n    </S.SpinnerWrapper>\n  );\n};\n\nexport default Spinner;\n","import React, { forwardRef, Ref } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\nimport Spinner from '../Spinner';\n\nimport { TableProps } from '../../../../interface/Table'\n\nconst Table = forwardRef(\n  ({ size = 'medium', children, isLoading = false, className = '', ...props }: TableProps, ref: Ref<HTMLTableElement>) => {\n    return (\n      <S.TableWrapper className={className}>\n        {isLoading ? (\n          <S.TableLoadingWrapper>\n            <Spinner />\n          </S.TableLoadingWrapper>\n        ) : null}\n        <S.Table className={cc([size])} ref={ref} {...props}>\n          {children}\n        </S.Table>\n      </S.TableWrapper>\n    );\n  }\n);\n\nTable.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  isLoading: PropTypes.bool,\n};\n\nexport default Table;\n","import React, { useEffect, useState} from 'react';\n\n// import { formatAxios } from '../../utils/formatAxios'\n\nimport { useLocation } from 'react-router-dom';\n\nimport type { FileData } from '../../interface/FileData'\n\nimport { getLanguage } from '../../utils/getLanguage'\n\nimport * as S from './styles';\nimport Table from './components/Table';\n\nexport const FileArea = () => {\n  const [files, setFiles] = useState<FileData[]>([]);\n  const { pathname } = useLocation();\n  const id = pathname.split('/')[4]\n  const t = getLanguage('pt-br')\n\n  useEffect(() => {\n    setFiles([\n        {\n          \"name\": \"Documentação conceitual Code7_v3\",\n          \"tags\": \"boteria, code7\"\n        },\n        {\n          \"name\": \"PAE_Programa_Apoio_ao_Empregado\",\n          \"tags\": \"pae, vr\"\n        },\n        {\n          \"name\": \"Vidalink\",\n          \"tags\": \"vidalink, vr\"\n        },\n        {\n          \"name\": \"[GUIA PRÁTICO] Como criar o chatbot perfeito\",\n          \"tags\": \"ebook, code7\"\n        }\n      ])\n  }, [])\n\n  useEffect(() => {\n    console.log('files, id, t: ', files, id, t)\n  }, [files])\n\n  const presset = (tags: string) => {\n    const tagsSplit = tags.split(',');\n    let html = '';\n\n    html += tagsSplit.map(tag => {\n      return `<p class='tag'>${tag}</p>`;\n    }).join('');\n\n    return html;\n}\n\n  const renderFiles = () => {\n    if (files.length === 0) {\n      return null;\n    }\n  \n    return (\n      <S.Container>\n        <Table>\n          <thead>\n            <tr>\n              <th className=\"th_file_name\">\n                {t.fileArea.fileName}\n              </th>\n              <th className=\"th_pressets\">\n              {t.fileArea.presset}\n              </th>\n              <th className=\"th_actions\">\n              {t.fileArea.actions}\n              </th>\n            </tr>\n          </thead>\n\n          <tbody>\n            {files.map((object) => (\n              <tr>\n                <td>{object.name}</td>\n                <td className='tags' dangerouslySetInnerHTML={{ __html: presset(object.tags) }} />\n                <td>\n                  <div className='divDelete'>\n                    <button className='buttonDelete'>{t.buttons.delete}</button>\n                  </div>\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </Table>\n      </S.Container>\n    );\n  }\n\n  return (\n    <S.Container>\n      {renderFiles()}\n    </S.Container>\n  );\n};","import React from 'react';\n\nexport const TestArea = () => {\n  return (\n    <div>\n      <p>Teste Area</p>\n      \n    </div>\n  );\n};","import React, { useMemo, Suspense } from 'react';\n\nimport { Route, useLocation, useRouteMatch, useHistory, Switch as SwitchRoute } from 'react-router-dom';\n\nimport type { Props } from './index';\nimport { Tab, Tabs } from './components/Tabs'\n\nimport { getLanguage } from './utils/getLanguage'\n\nimport { FileArea } from './components/FileArea';\nimport { TestArea } from './components/TestArea';\n\nexport const Leia = (props: Props) => {\n  const match = useRouteMatch();\n  const { pathname } = useLocation();\n  const history = useHistory();\n\n  const t = getLanguage(props.language)\n\n  const activeTab = useMemo(() => {\n    return pathname.split('/')[5] || 'files';\n  }, [pathname]);\n\n  return (\n    <>\n      <Tabs\n        value={activeTab}\n        onChange={(value) => history.push(`${match.url}/${value}`)}\n      >\n        <Tab value=\"files\">{t.files}</Tab>\n        <Tab value=\"test\">{t.test}</Tab>\n      </Tabs>\n      <Suspense fallback={props.loading}>\n        <SwitchRoute>\n          <Route path={`${match.path}`} exact component={FileArea} />\n          <Route path={`${match.path}/files`} component={FileArea} />\n          <Route path={`${match.path}/test`} component={TestArea} />\n        </SwitchRoute>\n      </Suspense>\n    </>\n  );\n};","import type { PropsWithChildren, ReactElement } from 'react';\nimport React from 'react';\nimport { Leia } from './Leia';\n\nexport type Props = PropsWithChildren<{\n  id: string;\n  activeTab: string;\n  language: \"en\" | \"pt-br\" | \"es\";\n  loading: ReactElement\n}>;\n\nexport function Code7(props: Props) {\n  return <Leia {...props} />;\n}"],"names":["TabsPane","styled","ul","_templateObject","_taggedTemplateLiteralLoose","Tab","li","_templateObject2","_ref","active","children","rest","_objectWithoutPropertiesLoose","_excluded","React","S","className","cc","propTypes","PropTypes","oneOfType","string","element","node","isRequired","onChange","func","value","bool","defaultProps","Tabs","_ref2","childrenProp","_excluded2","Children","map","child","_child$props2","isValidElement","Array","isArray","_child$props","props","cloneElement","_child$props3","onClick","_child$props4","number","defaultLanguage","files","test","fileArea","description","fileName","presset","actions","search","fileUpload","emptyState","title","modal","descriptionUpload","chooseFile","buttons","cancel","send","delete","testArea","typeSentence","selectPersona","selectPresset","getLanguage","language","en","pt-br","_extends","es","Container","div","TableWrapper","Table","table","TableLoadingWrapper","_templateObject3","SpinnerWrapper","span","color","Spinner","_ref$size","size","_ref$color","forwardRef","ref","_ref$isLoading","isLoading","_ref$className","oneOf","FileArea","_useState","useState","setFiles","id","useLocation","pathname","split","t","useEffect","name","tags","console","log","length","object","dangerouslySetInnerHTML","__html","html","tag","join","TestArea","Leia","match","useRouteMatch","history","useHistory","activeTab","useMemo","push","url","Suspense","fallback","loading","SwitchRoute","Route","path","exact","component"],"mappings":"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"}

package/dist/code7-leia.esm.js

@@ -211,11 +211,11 @@ var getLanguage = function getLanguage(language) {
 };
 
 var _templateObject$1;
-var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n"])));
+var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  padding-top: 16px;\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: space-evenly;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n"])));
 
 var _templateObject$2, _templateObject2$1, _templateObject3;
 var TableWrapper = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n"])));
-var Table = /*#__PURE__*/styled.table(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  line-height: 143%;\n  color: var(--neutral-3);\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: var(--neutral-3);\n    text-align: left;\n    padding: 0px 0px 8px 0px;\n  }\n\n  thead tr {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  tbody tr:not(:last-child) {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  &.small td {\n    padding: 4px 0px;\n  }\n\n  &.medium td {\n    padding: 8px 0px;\n  }\n\n  &.large td {\n    padding: var(--spacement-medium) 0px;\n  }\n"])));
+var Table = /*#__PURE__*/styled.table(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  line-height: 143%;\n  background: #dadce3;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n    border-radius: 4px;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n"])));
 var TableLoadingWrapper = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n"])));
 
 var _templateObject$3;
@@ -289,7 +289,7 @@ var FileArea = function FileArea() {
     var tagsSplit = tags.split(',');
     var html = '';
     html += tagsSplit.map(function (tag) {
-      return "<p className='tag'>" + tag + "</p>";
+      return "<p class='tag'>" + tag + "</p>";
     }).join('');
     return html;
   };
@@ -297,7 +297,7 @@ var FileArea = function FileArea() {
     if (files.length === 0) {
       return null;
     }
-    return React.createElement(Table$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
+    return React.createElement(Container, null, React.createElement(Table$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
       className: "th_file_name"
     }, t.fileArea.fileName), React.createElement("th", {
       className: "th_pressets"
@@ -305,11 +305,16 @@ var FileArea = function FileArea() {
       className: "th_actions"
     }, t.fileArea.actions))), React.createElement("tbody", null, files.map(function (object) {
       return React.createElement("tr", null, React.createElement("td", null, object.name), React.createElement("td", {
+        className: 'tags',
         dangerouslySetInnerHTML: {
           __html: presset(object.tags)
         }
-      }), React.createElement("td", null, t.buttons["delete"]));
-    })));
+      }), React.createElement("td", null, React.createElement("div", {
+        className: 'divDelete'
+      }, React.createElement("button", {
+        className: 'buttonDelete'
+      }, t.buttons["delete"]))));
+    }))));
   };
   return React.createElement(Container, null, renderFiles());
 };

package/dist/code7-leia.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"code7-leia.esm.js","sources":["../src/components/Tabs/styles.tsx","../src/components/Tabs/index.tsx","../src/utils/getLanguage.tsx","../src/components/FileArea/styles.tsx","../src/components/FileArea/components/Table/styles.tsx","../src/components/FileArea/components/Spinner/styles.tsx","../src/components/FileArea/components/Spinner/index.tsx","../src/components/FileArea/components/Table/index.tsx","../src/components/FileArea/index.tsx","../src/components/TestArea/index.tsx","../src/Leia.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { ReactNode } from 'react';\n\ninterface TabProps {\n  children: ReactNode;\n}\n\ninterface OptionProps {\n  children: ReactNode;\n  onClick: () => void;\n}\n\nexport const TabsPane = styled.ul`\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n`;\n\nexport const Tab = styled.li<TabProps>`\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n`;\n\nexport const DropdownContainer = styled.div`\n  position: absolute;\n  left: 0px;\n  top: 40px;\n  display: flex;\n  flex-direction: column;\n\n  background: #ffffff;\n\n  border: 1px solid #979aa5;\n  box-sizing: border-box;\n  box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12),\n    0px 8px 24px -4px rgba(24, 39, 75, 0.08);\n  border-radius: 4px;\n  padding: 8px;\n  z-index: 2;\n`;\n\nexport const Option = styled.div<OptionProps>`\n  padding: 8px;\n  font-size: 14px;\n  border-radius: 4px;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    background-color: var(--primary-800-light);\n    color: white;\n  }\n`;\n","import React, { ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\ninterface TabProps {\n  children: ReactNode;\n  active?: boolean;\n}\n\ninterface ITabsProps {\n  children: ReactNode;\n  value: string | number;\n  onChange: (e: any) => void;\n  active?: boolean;\n}\n\nexport const Tab = ({ active, children, ...rest }: TabProps) => {\n  return (\n    <S.Tab className={cc({ active })} {...rest}>\n      {children}\n    </S.Tab>\n  );\n};\n\nTab.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.node,\n  ]).isRequired,\n  onChange: PropTypes.func,\n  value: PropTypes.string,\n  active: PropTypes.bool,\n};\n\nTab.defaultProps = {\n  onChange: () => {},\n  value: '',\n  active: false,\n};\n\nexport const Tabs = ({ children: childrenProp, value, onChange, ...rest }: ITabsProps) => {\n  const children = React.Children.map(childrenProp, (child) => {\n    if (!React.isValidElement(child)) {\n      return null;\n    }\n\n    if (Array.isArray(child.props?.children)) {\n      return React.cloneElement(child as React.ReactElement<any>, {\n        active: child.props?.value === value,\n        value,\n        onChange,\n      });\n    }\n\n    return React.cloneElement(child as React.ReactElement<any>, {\n      active: child.props?.value === value,\n      onClick: () => onChange(child.props?.value),\n    });\n  });\n\n  return <S.TabsPane {...rest}>{children}</S.TabsPane>;\n};\n\nTabs.propTypes = {\n  children: PropTypes.node.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n","\nimport { Language } from '../interface/Language'\n\nconst defaultLanguage: Language = {\n  files: 'Files',\n  test: 'Test',\n  fileArea: {\n    description: 'bla bla bla bla bla',\n    fileName: 'File name',\n    presset: 'Presset',\n    actions: 'Actions',\n    search: 'Search',\n    fileUpload: 'File upload',\n    emptyState: {\n      title: 'No data',\n      description: 'bla bla bla bla bla',\n    },\n    modal: {\n      descriptionUpload: 'Drag and drop files here or',\n      chooseFile: 'Choose a file',\n    },\n  },\n  buttons: {\n    cancel: 'Cancel',\n    send: 'Send',\n    delete: 'Delete',\n    test: 'Test',\n  },\n  testArea: {\n    description: 'bla bla bla bla bla',\n    typeSentence: 'Type a sentence',\n    selectPersona: 'Select a Persona',\n    selectPresset: 'Select a presset',\n    emptyState: {\n      title: 'No data for analysis',\n      description: 'Do a search, click the \"Test\" button.',\n    },\n  },\n};\n\nexport const getLanguage = (language: keyof Record<'en' | 'pt-br' | 'es', Language>): Language => {\n  const languages = {\n    en: defaultLanguage,\n    'pt-br': {\n      files: 'Arquivos',\n      test: 'Teste',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nome do arquivo',\n        presset: 'Presset',\n        actions: 'Ações',\n        search: 'Pesquisar',\n        fileUpload: 'Upload de arquivo',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sem dados',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arraste e solte os arquivos aqui ou',\n          chooseFile: 'Escolha um arquivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Excluir',\n        test: 'Testar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Digite uma frase',\n        selectPersona: 'Selecione uma Persona',\n        selectPresset: 'Selecione uma predefinição',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sem dados para análise',\n          description: 'Faça uma pesquisa, clique no botão \"Teste\".',\n        },\n      },\n    },\n    es: {\n      ...defaultLanguage,\n      files: 'Archivos',\n      test: 'Prueba',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nombre del archivo',\n        presset: 'Presset',\n        actions: 'Acciones',\n        search: 'Buscar',\n        fileUpload: 'Carga de archivos',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sin datos',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arrastre y suelte los archivos aquí o',\n          chooseFile: 'Elegir un archivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Eliminar',\n        test: 'Probar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Escribe una oración',\n        selectPersona: 'Seleccionar una Persona',\n        selectPresset: 'Seleccionar una configuración preestablecida',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sin datos para el análisis',\n          description: 'Realiza una búsqueda, haz clic en el botón \"Prueba\".',\n        },\n      },\n    },\n  };\n\n  return languages[language] || defaultLanguage;\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n","import styled from 'styled-components';\n\nexport const TableWrapper = styled.div`\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n`;\n\nexport const Table = styled.table`\n  font-size: 14px;\n  line-height: 143%;\n  color: var(--neutral-3);\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: var(--neutral-3);\n    text-align: left;\n    padding: 0px 0px 8px 0px;\n  }\n\n  thead tr {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  tbody tr:not(:last-child) {\n    border-bottom: 1px solid var(--neutral-1);\n  }\n\n  &.small td {\n    padding: 4px 0px;\n  }\n\n  &.medium td {\n    padding: 8px 0px;\n  }\n\n  &.large td {\n    padding: var(--spacement-medium) 0px;\n  }\n`;\n\nexport const TableLoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n`;\n","import styled from 'styled-components';\n\nexport const SpinnerWrapper = styled.span`\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${(props) => `var(--${props.color})`} transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n","import React from 'react';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\nimport { SpinnerProps } from '../../../../interface/Table'\n\nconst Spinner: React.FC<SpinnerProps> = ({ color = 'neutral-3', size = 'md', className }) => {\n  return (\n    <S.SpinnerWrapper\n      color={color}\n      className={cc([`spinner--${size}`, className])}\n    >\n      <span />\n      <span />\n      <span />\n      <span />\n    </S.SpinnerWrapper>\n  );\n};\n\nexport default Spinner;\n","import React, { forwardRef, Ref } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\nimport Spinner from '../Spinner';\n\nimport { TableProps } from '../../../../interface/Table'\n\nconst Table = forwardRef(\n  ({ size = 'medium', children, isLoading = false, className = '', ...props }: TableProps, ref: Ref<HTMLTableElement>) => {\n    return (\n      <S.TableWrapper className={className}>\n        {isLoading ? (\n          <S.TableLoadingWrapper>\n            <Spinner />\n          </S.TableLoadingWrapper>\n        ) : null}\n        <S.Table className={cc([size])} ref={ref} {...props}>\n          {children}\n        </S.Table>\n      </S.TableWrapper>\n    );\n  }\n);\n\nTable.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  isLoading: PropTypes.bool,\n};\n\nexport default Table;\n","import React, { useEffect, useState} from 'react';\n\n// import { formatAxios } from '../../utils/formatAxios'\n\nimport { useLocation } from 'react-router-dom';\n\nimport type { FileData } from '../../interface/FileData'\n\nimport { getLanguage } from '../../utils/getLanguage'\n\nimport * as S from './styles';\nimport Table from './components/Table';\n\nexport const FileArea = () => {\n  const [files, setFiles] = useState<FileData[]>([]);\n  const { pathname } = useLocation();\n  const id = pathname.split('/')[4]\n  const t = getLanguage('pt-br')\n\n  useEffect(() => {\n    setFiles([\n        {\n          \"name\": \"Documentação conceitual Code7_v3\",\n          \"tags\": \"boteria, code7\"\n        },\n        {\n          \"name\": \"PAE_Programa_Apoio_ao_Empregado\",\n          \"tags\": \"pae, vr\"\n        },\n        {\n          \"name\": \"Vidalink\",\n          \"tags\": \"vidalink, vr\"\n        },\n        {\n          \"name\": \"[GUIA PRÁTICO] Como criar o chatbot perfeito\",\n          \"tags\": \"ebook, code7\"\n        }\n      ])\n  }, [])\n\n  useEffect(() => {\n    console.log('files, id, t: ', files, id, t)\n  }, [files])\n\n  const presset = (tags: string) => {\n    const tagsSplit = tags.split(',');\n    let html = '';\n\n    html += tagsSplit.map(tag => {\n      return `<p className='tag'>${tag}</p>`;\n    }).join('');\n\n    return html;\n}\n\n  const renderFiles = () => {\n    if (files.length === 0) {\n      return null;\n    }\n  \n    return (\n      <Table>\n        <thead>\n          <tr>\n            <th className=\"th_file_name\">\n              {t.fileArea.fileName}\n            </th>\n            <th className=\"th_pressets\">\n            {t.fileArea.presset}\n            </th>\n            <th className=\"th_actions\">\n            {t.fileArea.actions}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody>\n          {files.map((object) => (\n            <tr>\n              <td>{object.name}</td>\n              <td dangerouslySetInnerHTML={{ __html: presset(object.tags) }} />\n              <td>{t.buttons.delete}</td>\n            </tr>\n          ))}\n        </tbody>\n      </Table>\n    );\n  }\n\n  return (\n    <S.Container>\n      {renderFiles()}\n    </S.Container>\n  );\n};","import React from 'react';\n\nexport const TestArea = () => {\n  return (\n    <div>\n      <p>Teste Area</p>\n      \n    </div>\n  );\n};","import React, { useMemo, Suspense } from 'react';\n\nimport { Route, useLocation, useRouteMatch, useHistory, Switch as SwitchRoute } from 'react-router-dom';\n\nimport type { Props } from './index';\nimport { Tab, Tabs } from './components/Tabs'\n\nimport { getLanguage } from './utils/getLanguage'\n\nimport { FileArea } from './components/FileArea';\nimport { TestArea } from './components/TestArea';\n\nexport const Leia = (props: Props) => {\n  const match = useRouteMatch();\n  const { pathname } = useLocation();\n  const history = useHistory();\n\n  const t = getLanguage(props.language)\n\n  const activeTab = useMemo(() => {\n    return pathname.split('/')[5] || 'files';\n  }, [pathname]);\n\n  return (\n    <>\n      <Tabs\n        value={activeTab}\n        onChange={(value) => history.push(`${match.url}/${value}`)}\n      >\n        <Tab value=\"files\">{t.files}</Tab>\n        <Tab value=\"test\">{t.test}</Tab>\n      </Tabs>\n      <Suspense fallback={props.loading}>\n        <SwitchRoute>\n          <Route path={`${match.path}`} exact component={FileArea} />\n          <Route path={`${match.path}/files`} component={FileArea} />\n          <Route path={`${match.path}/test`} component={TestArea} />\n        </SwitchRoute>\n      </Suspense>\n    </>\n  );\n};","import type { PropsWithChildren, ReactElement } from 'react';\nimport React from 'react';\nimport { Leia } from './Leia';\n\nexport type Props = PropsWithChildren<{\n  id: string;\n  activeTab: string;\n  language: \"en\" | \"pt-br\" | \"es\";\n  loading: ReactElement\n}>;\n\nexport function Code7(props: Props) {\n  return <Leia {...props} />;\n}"],"names":["TabsPane","styled","ul","_templateObject","_taggedTemplateLiteralLoose","Tab","li","_templateObject2","_ref","active","children","rest","_objectWithoutPropertiesLoose","_excluded","React","S","className","cc","propTypes","PropTypes","oneOfType","string","element","node","isRequired","onChange","func","value","bool","defaultProps","Tabs","_ref2","childrenProp","_excluded2","Children","map","child","isValidElement","Array","isArray","_child$props","props","_child$props2","cloneElement","_child$props3","onClick","_child$props4","number","defaultLanguage","files","test","fileArea","description","fileName","presset","actions","search","fileUpload","emptyState","title","modal","descriptionUpload","chooseFile","buttons","cancel","send","testArea","typeSentence","selectPersona","selectPresset","getLanguage","language","languages","en","_extends","es","Container","div","TableWrapper","Table","table","TableLoadingWrapper","_templateObject3","SpinnerWrapper","span","color","Spinner","_ref$color","_ref$size","size","forwardRef","ref","_ref$isLoading","isLoading","_ref$className","oneOf","FileArea","_useState","useState","setFiles","_useLocation","useLocation","pathname","id","split","t","useEffect","console","log","tags","tagsSplit","html","tag","join","renderFiles","length","object","name","dangerouslySetInnerHTML","__html","TestArea","Leia","match","useRouteMatch","history","useHistory","activeTab","useMemo","push","url","Suspense","fallback","loading","SwitchRoute","Route","path","exact","component","Code7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,IAAMA,QAAQ,gBAAGC,MAAM,CAACC,EAAE,CAAAC,eAAA,KAAAA,eAAA,gBAAAC,2BAAA,yHAKhC;AAEM,IAAMC,GAAG,gBAAGJ,MAAM,CAACK,EAAE,CAAAC,gBAAA,KAAAA,gBAAA,gBAAAH,2BAAA,8lBAkC3B;;;;ACrDD,AAkBO,IAAMC,KAAG,GAAG,SAANA,KAAGA,CAAAG,IAAA;MAAMC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC7C,OACEC,oBAACC,GAAK;IAACC,SAAS,EAAEC,EAAE,CAAC;MAAER,MAAM,EAANA;KAAQ;KAAOE,IAAI,GACvCD,QAAQ,CACH;AAEZ,CAAC;AAEDL,KAAG,CAACa,SAAS,GAAG;EACdR,QAAQ,eAAES,SAAS,CAACC,SAAS,CAAC,CAC5BD,SAAS,CAACE,MAAM,EAChBF,SAAS,CAACG,OAAO,EACjBH,SAAS,CAACI,IAAI,CACf,CAAC,CAACC,UAAU;EACbC,QAAQ,EAAEN,SAAS,CAACO,IAAI;EACxBC,KAAK,EAAER,SAAS,CAACE,MAAM;EACvBZ,MAAM,EAAEU,SAAS,CAACS;CACnB;AAEDvB,KAAG,CAACwB,YAAY,GAAG;EACjBJ,QAAQ,EAAE,SAAAA,aAAQ;EAClBE,KAAK,EAAE,EAAE;EACTlB,MAAM,EAAE;CACT;AAED,AAAO,IAAMqB,IAAI,GAAG,SAAPA,IAAIA,CAAAC,KAAA;MAAgBC,YAAY,GAAAD,KAAA,CAAtBrB,QAAQ;IAAgBiB,KAAK,GAAAI,KAAA,CAALJ,KAAK;IAAEF,QAAQ,GAAAM,KAAA,CAARN,QAAQ;IAAKd,IAAI,GAAAC,6BAAA,CAAAmB,KAAA,EAAAE,UAAA;EACrE,IAAMvB,QAAQ,GAAGI,KAAK,CAACoB,QAAQ,CAACC,GAAG,CAACH,YAAY,EAAE,UAACI,KAAK;;IACtD,IAAI,CAACtB,KAAK,CAACuB,cAAc,CAACD,KAAK,CAAC,EAAE;MAChC,OAAO,IAAI;;IAGb,IAAIE,KAAK,CAACC,OAAO,EAAAC,YAAA,GAACJ,KAAK,CAACK,KAAK,qBAAXD,YAAA,CAAa9B,QAAQ,CAAC,EAAE;MAAA,IAAAgC,aAAA;MACxC,OAAO5B,KAAK,CAAC6B,YAAY,CAACP,KAAgC,EAAE;QAC1D3B,MAAM,EAAE,EAAAiC,aAAA,GAAAN,KAAK,CAACK,KAAK,qBAAXC,aAAA,CAAaf,KAAK,MAAKA,KAAK;QACpCA,KAAK,EAALA,KAAK;QACLF,QAAQ,EAARA;OACD,CAAC;;IAGJ,OAAOX,KAAK,CAAC6B,YAAY,CAACP,KAAgC,EAAE;MAC1D3B,MAAM,EAAE,EAAAmC,aAAA,GAAAR,KAAK,CAACK,KAAK,qBAAXG,aAAA,CAAajB,KAAK,MAAKA,KAAK;MACpCkB,OAAO,EAAE,SAAAA;QAAA,IAAAC,aAAA;QAAA,OAAMrB,QAAQ,EAAAqB,aAAA,GAACV,KAAK,CAACK,KAAK,qBAAXK,aAAA,CAAanB,KAAK,CAAC;;KAC5C,CAAC;GACH,CAAC;EAEF,OAAOb,oBAACC,QAAU,oBAAKJ,IAAI,GAAGD,QAAQ,CAAc;AACtD,CAAC;AAEDoB,IAAI,CAACZ,SAAS,GAAG;EACfR,QAAQ,EAAES,SAAS,CAACI,IAAI,CAACC,UAAU;EACnCG,KAAK,eAAER,SAAS,CAACC,SAAS,CAAC,CAACD,SAAS,CAACE,MAAM,EAAEF,SAAS,CAAC4B,MAAM,CAAC,CAAC,CAACvB,UAAU;EAC3EC,QAAQ,EAAEN,SAAS,CAACO,IAAI,CAACF;CAC1B;;ACnED,IAAMwB,eAAe,GAAa;EAChCC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE;IACRC,WAAW,EAAE,qBAAqB;IAClCC,QAAQ,EAAE,WAAW;IACrBC,OAAO,EAAE,SAAS;IAClBC,OAAO,EAAE,SAAS;IAClBC,MAAM,EAAE,QAAQ;IAChBC,UAAU,EAAE,aAAa;IACzBC,UAAU,EAAE;MACVC,KAAK,EAAE,SAAS;MAChBP,WAAW,EAAE;KACd;IACDQ,KAAK,EAAE;MACLC,iBAAiB,EAAE,6BAA6B;MAChDC,UAAU,EAAE;;GAEf;EACDC,OAAO,EAAE;IACPC,MAAM,EAAE,QAAQ;IAChBC,IAAI,EAAE,MAAM;IACZ,UAAQ,QAAQ;IAChBf,IAAI,EAAE;GACP;EACDgB,QAAQ,EAAE;IACRd,WAAW,EAAE,qBAAqB;IAClCe,YAAY,EAAE,iBAAiB;IAC/BC,aAAa,EAAE,kBAAkB;IACjCC,aAAa,EAAE,kBAAkB;IACjCX,UAAU,EAAE;MACVC,KAAK,EAAE,sBAAsB;MAC7BP,WAAW,EAAE;;;CAGlB;AAED,AAAO,IAAMkB,WAAW,GAAG,SAAdA,WAAWA,CAAIC,QAAuD;EACjF,IAAMC,SAAS,GAAG;IAChBC,EAAE,EAAEzB,eAAe;IACnB,OAAO,EAAE;MACPC,KAAK,EAAE,UAAU;MACjBC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAAuB,QAAA,KACH1B,eAAe,CAACG,QAAQ;QAC3BE,QAAQ,EAAE,iBAAiB;QAC3BC,OAAO,EAAE,SAAS;QAClBC,OAAO,EAAE,OAAO;QAChBC,MAAM,EAAE,WAAW;QACnBC,UAAU,EAAE,mBAAmB;QAC/BC,UAAU,EAAAgB,QAAA,KACL1B,eAAe,CAACG,QAAQ,CAACO,UAAU;UACtCC,KAAK,EAAE;UACR;QACDC,KAAK,EAAAc,QAAA,KACA1B,eAAe,CAACG,QAAQ,CAACS,KAAK;UACjCC,iBAAiB,EAAE,qCAAqC;UACxDC,UAAU,EAAE;;QAEf;MACDC,OAAO,EAAAW,QAAA,KACF1B,eAAe,CAACe,OAAO;QAC1BC,MAAM,EAAE,UAAU;QAClBC,IAAI,EAAE,QAAQ;QACd,UAAQ,SAAS;QACjBf,IAAI,EAAE;QACP;MACDgB,QAAQ,EAAAQ,QAAA,KACH1B,eAAe,CAACkB,QAAQ;QAC3Bd,WAAW,EAAE,qBAAqB;QAClCe,YAAY,EAAE,kBAAkB;QAChCC,aAAa,EAAE,uBAAuB;QACtCC,aAAa,EAAE,4BAA4B;QAC3CX,UAAU,EAAAgB,QAAA,KACL1B,eAAe,CAACkB,QAAQ,CAACR,UAAU;UACtCC,KAAK,EAAE,wBAAwB;UAC/BP,WAAW,EAAE;;;KAGlB;IACDuB,EAAE,EAAAD,QAAA,KACG1B,eAAe;MAClBC,KAAK,EAAE,UAAU;MACjBC,IAAI,EAAE,QAAQ;MACdC,QAAQ,EAAAuB,QAAA,KACH1B,eAAe,CAACG,QAAQ;QAC3BE,QAAQ,EAAE,oBAAoB;QAC9BC,OAAO,EAAE,SAAS;QAClBC,OAAO,EAAE,UAAU;QACnBC,MAAM,EAAE,QAAQ;QAChBC,UAAU,EAAE,mBAAmB;QAC/BC,UAAU,EAAAgB,QAAA,KACL1B,eAAe,CAACG,QAAQ,CAACO,UAAU;UACtCC,KAAK,EAAE;UACR;QACDC,KAAK,EAAAc,QAAA,KACA1B,eAAe,CAACG,QAAQ,CAACS,KAAK;UACjCC,iBAAiB,EAAE,uCAAuC;UAC1DC,UAAU,EAAE;;QAEf;MACDC,OAAO,EAAAW,QAAA,KACF1B,eAAe,CAACe,OAAO;QAC1BC,MAAM,EAAE,UAAU;QAClBC,IAAI,EAAE,QAAQ;QACd,UAAQ,UAAU;QAClBf,IAAI,EAAE;QACP;MACDgB,QAAQ,EAAAQ,QAAA,KACH1B,eAAe,CAACkB,QAAQ;QAC3Bd,WAAW,EAAE,qBAAqB;QAClCe,YAAY,EAAE,qBAAqB;QACnCC,aAAa,EAAE,yBAAyB;QACxCC,aAAa,EAAE,8CAA8C;QAC7DX,UAAU,EAAAgB,QAAA,KACL1B,eAAe,CAACkB,QAAQ,CAACR,UAAU;UACtCC,KAAK,EAAE,4BAA4B;UACnCP,WAAW,EAAE;;;;GAIpB;EAED,OAAOoB,SAAS,CAACD,QAAQ,CAAC,IAAIvB,eAAe;AAC/C,CAAC;;;AC/HD,AAEO,IAAM4B,SAAS,gBAAG3E,MAAM,CAAC4E,GAAG,CAAA1E,iBAAA,KAAAA,iBAAA,gBAAAC,2BAAA,wDAGlC;;;ACLD,AAEO,IAAM0E,YAAY,gBAAG7E,MAAM,CAAC4E,GAAG,CAAA1E,iBAAA,KAAAA,iBAAA,gBAAAC,2BAAA,8FAKrC;AAED,AAAO,IAAM2E,KAAK,gBAAG9E,MAAM,CAAC+E,KAAK,CAAAzE,kBAAA,KAAAA,kBAAA,gBAAAH,2BAAA,opBAqChC;AAED,AAAO,IAAM6E,mBAAmB,gBAAGhF,MAAM,CAAC4E,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,gBAAA9E,2BAAA,yLAU5C;;;AC1DD,AAEO,IAAM+E,cAAc,gBAAGlF,MAAM,CAACmF,IAAI,CAAAjF,iBAAA,KAAAA,iBAAA,gBAAAC,2BAAA,09BAgCrB,UAACqC,KAAK;EAAA,kBAAcA,KAAK,CAAC4C,KAAK;AAAA,CAAG,CAwBrD;;ACnDD,IAAMC,OAAO,GAA2B,SAAlCA,OAAOA,CAAA9E,IAAA;wBAA8B6E,KAAK;IAALA,KAAK,GAAAE,UAAA,cAAG,WAAW,GAAAA,UAAA;IAAAC,SAAA,GAAAhF,IAAA,CAAEiF,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IAAExE,SAAS,GAAAR,IAAA,CAATQ,SAAS;EACpF,OACEF,oBAACC,cAAgB;IACfsE,KAAK,EAAEA,KAAK;IACZrE,SAAS,EAAEC,EAAE,CAAC,eAAawE,IAAI,EAAIzE,SAAS,CAAC;KAE7CF,iCAAQ,EACRA,iCAAQ,EACRA,iCAAQ,EACRA,iCAAQ,CACS;AAEvB,CAAC;;;ACnBD,AASA,IAAMiE,OAAK,gBAAGW,UAAU,CACtB,UAAAlF,IAAA,EAAyFmF,GAA0B;uBAAhHF,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IAAE9E,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAkF,cAAA,GAAApF,IAAA,CAAEqF,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,cAAA,GAAAtF,IAAA,CAAEQ,SAAS;IAATA,SAAS,GAAA8E,cAAA,cAAG,EAAE,GAAAA,cAAA;IAAKrD,KAAK,GAAA7B,6BAAA,CAAAJ,IAAA,EAAAK,WAAA;EACvE,OACEC,oBAACC,YAAc;IAACC,SAAS,EAAEA;KACxB6E,SAAS,GACR/E,oBAACC,mBAAqB,QACpBD,oBAACwE,OAAO,OAAG,CACW,GACtB,IAAI,EACRxE,oBAACC,KAAO;IAACC,SAAS,EAAEC,EAAE,CAAC,CAACwE,IAAI,CAAC,CAAC;IAAEE,GAAG,EAAEA;KAASlD,KAAK,GAChD/B,QAAQ,CACD,CACK;AAErB,CAAC,CACF;AAEDqE,OAAK,CAAC7D,SAAS,GAAG;EAChBR,QAAQ,EAAES,SAAS,CAACI,IAAI,CAACC,UAAU;EACnCR,SAAS,EAAEG,SAAS,CAACE,MAAM;EAC3BoE,IAAI,eAAEtE,SAAS,CAAC4E,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACnDF,SAAS,EAAE1E,SAAS,CAACS;CACtB;;AClBM,IAAMoE,QAAQ,GAAG,SAAXA,QAAQA;EACnB,IAAAC,SAAA,GAA0BC,QAAQ,CAAa,EAAE,CAAC;IAA3CjD,KAAK,GAAAgD,SAAA;IAAEE,QAAQ,GAAAF,SAAA;EACtB,IAAAG,YAAA,GAAqBC,WAAW,EAAE;IAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;EAChB,IAAMC,EAAE,GAAGD,QAAQ,CAACE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;EACjC,IAAMC,CAAC,GAAGnC,WAAW,CAAC,OAAO,CAAC;EAE9BoC,SAAS,CAAC;IACRP,QAAQ,CAAC,CACL;MACE,MAAM,EAAE,kCAAkC;MAC1C,MAAM,EAAE;KACT,EACD;MACE,MAAM,EAAE,iCAAiC;MACzC,MAAM,EAAE;KACT,EACD;MACE,MAAM,EAAE,UAAU;MAClB,MAAM,EAAE;KACT,EACD;MACE,MAAM,EAAE,8CAA8C;MACtD,MAAM,EAAE;KACT,CACF,CAAC;GACL,EAAE,EAAE,CAAC;EAENO,SAAS,CAAC;IACRC,OAAO,CAACC,GAAG,CAAC,gBAAgB,EAAE3D,KAAK,EAAEsD,EAAE,EAAEE,CAAC,CAAC;GAC5C,EAAE,CAACxD,KAAK,CAAC,CAAC;EAEX,IAAMK,OAAO,GAAG,SAAVA,OAAOA,CAAIuD,IAAY;IAC3B,IAAMC,SAAS,GAAGD,IAAI,CAACL,KAAK,CAAC,GAAG,CAAC;IACjC,IAAIO,IAAI,GAAG,EAAE;IAEbA,IAAI,IAAID,SAAS,CAAC3E,GAAG,CAAC,UAAA6E,GAAG;MACvB,+BAA6BA,GAAG;KACjC,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;IAEX,OAAOF,IAAI;GACd;EAEC,IAAMG,WAAW,GAAG,SAAdA,WAAWA;IACf,IAAIjE,KAAK,CAACkE,MAAM,KAAK,CAAC,EAAE;MACtB,OAAO,IAAI;;IAGb,OACErG,oBAACiE,OAAK,QACJjE,mCACEA,gCACEA;MAAIE,SAAS,EAAC;OACXyF,CAAC,CAACtD,QAAQ,CAACE,QAAQ,CACjB,EACLvC;MAAIE,SAAS,EAAC;OACbyF,CAAC,CAACtD,QAAQ,CAACG,OAAO,CACd,EACLxC;MAAIE,SAAS,EAAC;OACbyF,CAAC,CAACtD,QAAQ,CAACI,OAAO,CACd,CACF,CACC,EAERzC,mCACGmC,KAAK,CAACd,GAAG,CAAC,UAACiF,MAAM;MAAA,OAChBtG,gCACEA,gCAAKsG,MAAM,CAACC,IAAI,CAAM,EACtBvG;QAAIwG,uBAAuB,EAAE;UAAEC,MAAM,EAAEjE,OAAO,CAAC8D,MAAM,CAACP,IAAI;;QAAO,EACjE/F,gCAAK2F,CAAC,CAAC1C,OAAO,UAAO,CAAM,CACxB;KACN,CAAC,CACI,CACF;GAEX;EAED,OACEjD,oBAACC,SAAW,QACTmG,WAAW,EAAE,CACF;AAElB,CAAC;;AC5FM,IAAMM,QAAQ,GAAG,SAAXA,QAAQA;EACnB,OACE1G,iCACEA,4CAAiB,CAEb;AAEV,CAAC;;ACGM,IAAM2G,IAAI,GAAG,SAAPA,IAAIA,CAAIhF,KAAY;EAC/B,IAAMiF,KAAK,GAAGC,aAAa,EAAE;EAC7B,IAAAvB,YAAA,GAAqBC,WAAW,EAAE;IAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;EAChB,IAAMsB,OAAO,GAAGC,UAAU,EAAE;EAE5B,IAAMpB,CAAC,GAAGnC,WAAW,CAAC7B,KAAK,CAAC8B,QAAQ,CAAC;EAErC,IAAMuD,SAAS,GAAGC,OAAO,CAAC;IACxB,OAAOzB,QAAQ,CAACE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO;GACzC,EAAE,CAACF,QAAQ,CAAC,CAAC;EAEd,OACExF,0CACEA,oBAACgB,IAAI;IACHH,KAAK,EAAEmG,SAAS;IAChBrG,QAAQ,EAAE,SAAAA,SAACE,KAAK;MAAA,OAAKiG,OAAO,CAACI,IAAI,CAAIN,KAAK,CAACO,GAAG,SAAItG,KAAO,CAAC;;KAE1Db,oBAACT,KAAG;IAACsB,KAAK,EAAC;KAAS8E,CAAC,CAACxD,KAAK,CAAO,EAClCnC,oBAACT,KAAG;IAACsB,KAAK,EAAC;KAAQ8E,CAAC,CAACvD,IAAI,CAAO,CAC3B,EACPpC,oBAACoH,QAAQ;IAACC,QAAQ,EAAE1F,KAAK,CAAC2F;KACxBtH,oBAACuH,MAAW,QACVvH,oBAACwH,KAAK;IAACC,IAAI,OAAKb,KAAK,CAACa,IAAM;IAAEC,KAAK;IAACC,SAAS,EAAEzC;IAAY,EAC3DlF,oBAACwH,KAAK;IAACC,IAAI,EAAKb,KAAK,CAACa,IAAI,WAAQ;IAAEE,SAAS,EAAEzC;IAAY,EAC3DlF,oBAACwH,KAAK;IAACC,IAAI,EAAKb,KAAK,CAACa,IAAI,UAAO;IAAEE,SAAS,EAAEjB;IAAY,CAC9C,CACL,CACV;AAEP,CAAC;;SC9BekB,KAAKA,CAACjG,KAAY;EAChC,OAAO3B,oBAAC2G,IAAI,oBAAKhF,KAAK,EAAI;AAC5B;;;;"}
+{"version":3,"file":"code7-leia.esm.js","sources":["../src/components/Tabs/styles.tsx","../src/components/Tabs/index.tsx","../src/utils/getLanguage.tsx","../src/components/FileArea/styles.tsx","../src/components/FileArea/components/Table/styles.tsx","../src/components/FileArea/components/Spinner/styles.tsx","../src/components/FileArea/components/Spinner/index.tsx","../src/components/FileArea/components/Table/index.tsx","../src/components/FileArea/index.tsx","../src/components/TestArea/index.tsx","../src/Leia.tsx","../src/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { ReactNode } from 'react';\n\ninterface TabProps {\n  children: ReactNode;\n}\n\ninterface OptionProps {\n  children: ReactNode;\n  onClick: () => void;\n}\n\nexport const TabsPane = styled.ul`\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n`;\n\nexport const Tab = styled.li<TabProps>`\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n`;\n\nexport const DropdownContainer = styled.div`\n  position: absolute;\n  left: 0px;\n  top: 40px;\n  display: flex;\n  flex-direction: column;\n\n  background: #ffffff;\n\n  border: 1px solid #979aa5;\n  box-sizing: border-box;\n  box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12),\n    0px 8px 24px -4px rgba(24, 39, 75, 0.08);\n  border-radius: 4px;\n  padding: 8px;\n  z-index: 2;\n`;\n\nexport const Option = styled.div<OptionProps>`\n  padding: 8px;\n  font-size: 14px;\n  border-radius: 4px;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    background-color: var(--primary-800-light);\n    color: white;\n  }\n`;\n","import React, { ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\ninterface TabProps {\n  children: ReactNode;\n  active?: boolean;\n}\n\ninterface ITabsProps {\n  children: ReactNode;\n  value: string | number;\n  onChange: (e: any) => void;\n  active?: boolean;\n}\n\nexport const Tab = ({ active, children, ...rest }: TabProps) => {\n  return (\n    <S.Tab className={cc({ active })} {...rest}>\n      {children}\n    </S.Tab>\n  );\n};\n\nTab.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.node,\n  ]).isRequired,\n  onChange: PropTypes.func,\n  value: PropTypes.string,\n  active: PropTypes.bool,\n};\n\nTab.defaultProps = {\n  onChange: () => {},\n  value: '',\n  active: false,\n};\n\nexport const Tabs = ({ children: childrenProp, value, onChange, ...rest }: ITabsProps) => {\n  const children = React.Children.map(childrenProp, (child) => {\n    if (!React.isValidElement(child)) {\n      return null;\n    }\n\n    if (Array.isArray(child.props?.children)) {\n      return React.cloneElement(child as React.ReactElement<any>, {\n        active: child.props?.value === value,\n        value,\n        onChange,\n      });\n    }\n\n    return React.cloneElement(child as React.ReactElement<any>, {\n      active: child.props?.value === value,\n      onClick: () => onChange(child.props?.value),\n    });\n  });\n\n  return <S.TabsPane {...rest}>{children}</S.TabsPane>;\n};\n\nTabs.propTypes = {\n  children: PropTypes.node.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n","\nimport { Language } from '../interface/Language'\n\nconst defaultLanguage: Language = {\n  files: 'Files',\n  test: 'Test',\n  fileArea: {\n    description: 'bla bla bla bla bla',\n    fileName: 'File name',\n    presset: 'Presset',\n    actions: 'Actions',\n    search: 'Search',\n    fileUpload: 'File upload',\n    emptyState: {\n      title: 'No data',\n      description: 'bla bla bla bla bla',\n    },\n    modal: {\n      descriptionUpload: 'Drag and drop files here or',\n      chooseFile: 'Choose a file',\n    },\n  },\n  buttons: {\n    cancel: 'Cancel',\n    send: 'Send',\n    delete: 'Delete',\n    test: 'Test',\n  },\n  testArea: {\n    description: 'bla bla bla bla bla',\n    typeSentence: 'Type a sentence',\n    selectPersona: 'Select a Persona',\n    selectPresset: 'Select a presset',\n    emptyState: {\n      title: 'No data for analysis',\n      description: 'Do a search, click the \"Test\" button.',\n    },\n  },\n};\n\nexport const getLanguage = (language: keyof Record<'en' | 'pt-br' | 'es', Language>): Language => {\n  const languages = {\n    en: defaultLanguage,\n    'pt-br': {\n      files: 'Arquivos',\n      test: 'Teste',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nome do arquivo',\n        presset: 'Presset',\n        actions: 'Ações',\n        search: 'Pesquisar',\n        fileUpload: 'Upload de arquivo',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sem dados',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arraste e solte os arquivos aqui ou',\n          chooseFile: 'Escolha um arquivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Excluir',\n        test: 'Testar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Digite uma frase',\n        selectPersona: 'Selecione uma Persona',\n        selectPresset: 'Selecione uma predefinição',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sem dados para análise',\n          description: 'Faça uma pesquisa, clique no botão \"Teste\".',\n        },\n      },\n    },\n    es: {\n      ...defaultLanguage,\n      files: 'Archivos',\n      test: 'Prueba',\n      fileArea: {\n        ...defaultLanguage.fileArea,\n        fileName: 'Nombre del archivo',\n        presset: 'Presset',\n        actions: 'Acciones',\n        search: 'Buscar',\n        fileUpload: 'Carga de archivos',\n        emptyState: {\n          ...defaultLanguage.fileArea.emptyState,\n          title: 'Sin datos',\n        },\n        modal: {\n          ...defaultLanguage.fileArea.modal,\n          descriptionUpload: 'Arrastre y suelte los archivos aquí o',\n          chooseFile: 'Elegir un archivo',\n        },\n      },\n      buttons: {\n        ...defaultLanguage.buttons,\n        cancel: 'Cancelar',\n        send: 'Enviar',\n        delete: 'Eliminar',\n        test: 'Probar',\n      },\n      testArea: {\n        ...defaultLanguage.testArea,\n        description: 'bla bla bla bla bla',\n        typeSentence: 'Escribe una oración',\n        selectPersona: 'Seleccionar una Persona',\n        selectPresset: 'Seleccionar una configuración preestablecida',\n        emptyState: {\n          ...defaultLanguage.testArea.emptyState,\n          title: 'Sin datos para el análisis',\n          description: 'Realiza una búsqueda, haz clic en el botón \"Prueba\".',\n        },\n      },\n    },\n  };\n\n  return languages[language] || defaultLanguage;\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  display: flex;\n  justify-content: center;\n  padding-top: 16px;\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: space-evenly;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n`;\n","import styled from 'styled-components';\n\nexport const TableWrapper = styled.div`\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n`;\n\nexport const Table = styled.table`\n  font-size: 14px;\n  line-height: 143%;\n  background: #dadce3;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n    border-radius: 4px;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n`;\n\nexport const TableLoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n`;\n","import styled from 'styled-components';\n\nexport const SpinnerWrapper = styled.span`\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${(props) => `var(--${props.color})`} transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n","import React from 'react';\nimport cc from 'classcat';\n\nimport * as S from './styles';\n\nimport { SpinnerProps } from '../../../../interface/Table'\n\nconst Spinner: React.FC<SpinnerProps> = ({ color = 'neutral-3', size = 'md', className }) => {\n  return (\n    <S.SpinnerWrapper\n      color={color}\n      className={cc([`spinner--${size}`, className])}\n    >\n      <span />\n      <span />\n      <span />\n      <span />\n    </S.SpinnerWrapper>\n  );\n};\n\nexport default Spinner;\n","import React, { forwardRef, Ref } from 'react';\nimport PropTypes from 'prop-types';\nimport cc from 'classcat';\n\nimport * as S from './styles';\nimport Spinner from '../Spinner';\n\nimport { TableProps } from '../../../../interface/Table'\n\nconst Table = forwardRef(\n  ({ size = 'medium', children, isLoading = false, className = '', ...props }: TableProps, ref: Ref<HTMLTableElement>) => {\n    return (\n      <S.TableWrapper className={className}>\n        {isLoading ? (\n          <S.TableLoadingWrapper>\n            <Spinner />\n          </S.TableLoadingWrapper>\n        ) : null}\n        <S.Table className={cc([size])} ref={ref} {...props}>\n          {children}\n        </S.Table>\n      </S.TableWrapper>\n    );\n  }\n);\n\nTable.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  isLoading: PropTypes.bool,\n};\n\nexport default Table;\n","import React, { useEffect, useState} from 'react';\n\n// import { formatAxios } from '../../utils/formatAxios'\n\nimport { useLocation } from 'react-router-dom';\n\nimport type { FileData } from '../../interface/FileData'\n\nimport { getLanguage } from '../../utils/getLanguage'\n\nimport * as S from './styles';\nimport Table from './components/Table';\n\nexport const FileArea = () => {\n  const [files, setFiles] = useState<FileData[]>([]);\n  const { pathname } = useLocation();\n  const id = pathname.split('/')[4]\n  const t = getLanguage('pt-br')\n\n  useEffect(() => {\n    setFiles([\n        {\n          \"name\": \"Documentação conceitual Code7_v3\",\n          \"tags\": \"boteria, code7\"\n        },\n        {\n          \"name\": \"PAE_Programa_Apoio_ao_Empregado\",\n          \"tags\": \"pae, vr\"\n        },\n        {\n          \"name\": \"Vidalink\",\n          \"tags\": \"vidalink, vr\"\n        },\n        {\n          \"name\": \"[GUIA PRÁTICO] Como criar o chatbot perfeito\",\n          \"tags\": \"ebook, code7\"\n        }\n      ])\n  }, [])\n\n  useEffect(() => {\n    console.log('files, id, t: ', files, id, t)\n  }, [files])\n\n  const presset = (tags: string) => {\n    const tagsSplit = tags.split(',');\n    let html = '';\n\n    html += tagsSplit.map(tag => {\n      return `<p class='tag'>${tag}</p>`;\n    }).join('');\n\n    return html;\n}\n\n  const renderFiles = () => {\n    if (files.length === 0) {\n      return null;\n    }\n  \n    return (\n      <S.Container>\n        <Table>\n          <thead>\n            <tr>\n              <th className=\"th_file_name\">\n                {t.fileArea.fileName}\n              </th>\n              <th className=\"th_pressets\">\n              {t.fileArea.presset}\n              </th>\n              <th className=\"th_actions\">\n              {t.fileArea.actions}\n              </th>\n            </tr>\n          </thead>\n\n          <tbody>\n            {files.map((object) => (\n              <tr>\n                <td>{object.name}</td>\n                <td className='tags' dangerouslySetInnerHTML={{ __html: presset(object.tags) }} />\n                <td>\n                  <div className='divDelete'>\n                    <button className='buttonDelete'>{t.buttons.delete}</button>\n                  </div>\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </Table>\n      </S.Container>\n    );\n  }\n\n  return (\n    <S.Container>\n      {renderFiles()}\n    </S.Container>\n  );\n};","import React from 'react';\n\nexport const TestArea = () => {\n  return (\n    <div>\n      <p>Teste Area</p>\n      \n    </div>\n  );\n};","import React, { useMemo, Suspense } from 'react';\n\nimport { Route, useLocation, useRouteMatch, useHistory, Switch as SwitchRoute } from 'react-router-dom';\n\nimport type { Props } from './index';\nimport { Tab, Tabs } from './components/Tabs'\n\nimport { getLanguage } from './utils/getLanguage'\n\nimport { FileArea } from './components/FileArea';\nimport { TestArea } from './components/TestArea';\n\nexport const Leia = (props: Props) => {\n  const match = useRouteMatch();\n  const { pathname } = useLocation();\n  const history = useHistory();\n\n  const t = getLanguage(props.language)\n\n  const activeTab = useMemo(() => {\n    return pathname.split('/')[5] || 'files';\n  }, [pathname]);\n\n  return (\n    <>\n      <Tabs\n        value={activeTab}\n        onChange={(value) => history.push(`${match.url}/${value}`)}\n      >\n        <Tab value=\"files\">{t.files}</Tab>\n        <Tab value=\"test\">{t.test}</Tab>\n      </Tabs>\n      <Suspense fallback={props.loading}>\n        <SwitchRoute>\n          <Route path={`${match.path}`} exact component={FileArea} />\n          <Route path={`${match.path}/files`} component={FileArea} />\n          <Route path={`${match.path}/test`} component={TestArea} />\n        </SwitchRoute>\n      </Suspense>\n    </>\n  );\n};","import type { PropsWithChildren, ReactElement } from 'react';\nimport React from 'react';\nimport { Leia } from './Leia';\n\nexport type Props = PropsWithChildren<{\n  id: string;\n  activeTab: string;\n  language: \"en\" | \"pt-br\" | \"es\";\n  loading: ReactElement\n}>;\n\nexport function Code7(props: Props) {\n  return <Leia {...props} />;\n}"],"names":["TabsPane","styled","ul","_templateObject","_taggedTemplateLiteralLoose","Tab","li","_templateObject2","_ref","active","children","rest","_objectWithoutPropertiesLoose","_excluded","React","S","className","cc","propTypes","PropTypes","oneOfType","string","element","node","isRequired","onChange","func","value","bool","defaultProps","Tabs","_ref2","childrenProp","_excluded2","Children","map","child","isValidElement","Array","isArray","_child$props","props","_child$props2","cloneElement","_child$props3","onClick","_child$props4","number","defaultLanguage","files","test","fileArea","description","fileName","presset","actions","search","fileUpload","emptyState","title","modal","descriptionUpload","chooseFile","buttons","cancel","send","testArea","typeSentence","selectPersona","selectPresset","getLanguage","language","languages","en","_extends","es","Container","div","TableWrapper","Table","table","TableLoadingWrapper","_templateObject3","SpinnerWrapper","span","color","Spinner","_ref$color","_ref$size","size","forwardRef","ref","_ref$isLoading","isLoading","_ref$className","oneOf","FileArea","_useState","useState","setFiles","_useLocation","useLocation","pathname","id","split","t","useEffect","console","log","tags","tagsSplit","html","tag","join","renderFiles","length","object","name","dangerouslySetInnerHTML","__html","TestArea","Leia","match","useRouteMatch","history","useHistory","activeTab","useMemo","push","url","Suspense","fallback","loading","SwitchRoute","Route","path","exact","component","Code7"],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.19",
+  "version": "0.1.21",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/FileArea/components/Table/styles.tsx

@@ -10,7 +10,8 @@ export const TableWrapper = styled.div`
 export const Table = styled.table`
   font-size: 14px;
   line-height: 143%;
-  color: var(--neutral-3);
+  background: #dadce3;
+  color: black;
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
@@ -20,29 +21,30 @@ export const Table = styled.table`
     font-size: 14px;
     line-height: 143%;
     letter-spacing: 0.018em;
-    color: var(--neutral-3);
+    color: #5A5D68;
     text-align: left;
-    padding: 0px 0px 8px 0px;
+    padding: 8px;
+    border-radius: 4px;
   }
 
   thead tr {
-    border-bottom: 1px solid var(--neutral-1);
+    background: #dadce3;
   }
 
-  tbody tr:not(:last-child) {
-    border-bottom: 1px solid var(--neutral-1);
+  tbody tr {
+    border: 1px solid #dadce3;
   }
 
   &.small td {
-    padding: 4px 0px;
+    padding: 4px;
   }
 
   &.medium td {
-    padding: 8px 0px;
+    padding: 8px;
   }
 
   &.large td {
-    padding: var(--spacement-medium) 0px;
+    padding: 16px;
   }
 `;
 

package/src/components/FileArea/index.tsx

@@ -47,7 +47,7 @@ export const FileArea = () => {
     let html = '';
 
     html += tagsSplit.map(tag => {
-      return `<p className='tag'>${tag}</p>`;
+      return `<p class='tag'>${tag}</p>`;
     }).join('');
 
     return html;
@@ -59,31 +59,37 @@ export const FileArea = () => {
     }
   
     return (
-      <Table>
-        <thead>
-          <tr>
-            <th className="th_file_name">
-              {t.fileArea.fileName}
-            </th>
-            <th className="th_pressets">
-            {t.fileArea.presset}
-            </th>
-            <th className="th_actions">
-            {t.fileArea.actions}
-            </th>
-          </tr>
-        </thead>
-
-        <tbody>
-          {files.map((object) => (
+      <S.Container>
+        <Table>
+          <thead>
             <tr>
-              <td>{object.name}</td>
-              <td dangerouslySetInnerHTML={{ __html: presset(object.tags) }} />
-              <td>{t.buttons.delete}</td>
+              <th className="th_file_name">
+                {t.fileArea.fileName}
+              </th>
+              <th className="th_pressets">
+              {t.fileArea.presset}
+              </th>
+              <th className="th_actions">
+              {t.fileArea.actions}
+              </th>
             </tr>
-          ))}
-        </tbody>
-      </Table>
+          </thead>
+
+          <tbody>
+            {files.map((object) => (
+              <tr>
+                <td>{object.name}</td>
+                <td className='tags' dangerouslySetInnerHTML={{ __html: presset(object.tags) }} />
+                <td>
+                  <div className='divDelete'>
+                    <button className='buttonDelete'>{t.buttons.delete}</button>
+                  </div>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </Table>
+      </S.Container>
     );
   }
 

package/src/components/FileArea/styles.tsx

@@ -3,4 +3,30 @@ import styled from 'styled-components';
 export const Container = styled.div`
   display: flex;
   justify-content: center;
+  padding-top: 16px;
+
+  .tag {
+    padding: 4px 8px 4px 8px;
+    background: #C7F9ED;
+    border-radius: 4px;
+  }
+
+  .tags {
+    display: flex;
+    justify-content: space-evenly;
+  }
+
+  .divDelete {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+  }
+
+  .buttonDelete {
+    color: #5b0a1f;
+    background: #fae0d2;
+    padding: 12px 20px;
+    border-radius: 4px;
+  }
 `;