Merge pull request #602 from filipedeschamps/dependencies-frontend

Atualiza todas as dependências do Frontend
filipedeschamps · Jul 29, 2022 · 281515b · 281515b · vercel · Jul 29, 2022
2 parents 3d84a77 + 1c0f3b6
commit 281515b
Show file tree

Hide file tree

Showing 7 changed files with 1,022 additions and 626 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,21 +1,21 @@
 {
   "dependencies": {
-    "@bytemd/plugin-breaks": "1.15.0",
-    "@bytemd/plugin-gemoji": "1.15.0",
-    "@bytemd/plugin-gfm": "1.15.0",
-    "@bytemd/plugin-highlight-ssr": "1.15.0",
-    "@bytemd/plugin-mermaid": "1.15.0",
-    "@bytemd/react": "1.15.0",
-    "@primer/octicons-react": "17.1.0",
-    "@primer/react": "35.2.1",
+    "@bytemd/plugin-breaks": "1.17.2",
+    "@bytemd/plugin-gemoji": "1.17.2",
+    "@bytemd/plugin-gfm": "1.17.2",
+    "@bytemd/plugin-highlight-ssr": "1.17.2",
+    "@bytemd/plugin-mermaid": "1.17.2",
+    "@bytemd/react": "1.17.2",
+    "@primer/octicons-react": "17.4.0",
+    "@primer/react": "35.5.0",
     "@resvg/resvg-js": "2.1.0",
     "async-retry": "1.3.3",
     "bcryptjs": "2.4.3",
     "cookie": "0.5.0",
     "cross-fetch": "3.1.5",
-    "date-fns": "2.28.0",
+    "date-fns": "2.29.1",
     "github-markdown-css": "5.1.0",
-    "highlight.js": "11.5.1",
+    "highlight.js": "11.6.0",
     "joi": "17.6.0",
     "next": "12.2.3",
     "next-connect": "0.13.0",
@@ -25,11 +25,11 @@
     "pg": "8.7.3",
     "pino": "8.3.1",
     "react": "17.0.2",
-    "react-confetti": "6.0.1",
+    "react-confetti": "6.1.0",
     "react-dom": "17.0.2",
-    "react-icons": "4.3.1",
+    "react-icons": "4.4.0",
     "react-rewards": "2.0.4",
-    "recharts": "2.1.9",
+    "recharts": "2.1.12",
     "remove-markdown": "0.5.0",
     "set-cookie-parser": "2.5.1",
     "slug": "5.3.0",

diff --git a/pages/cadastro/index.public.js b/pages/cadastro/index.public.js
@@ -123,6 +123,7 @@ function SignUpForm() {
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck={false}
+            block={true}
             aria-label="Seu nome de usuário"
           />
           {errorObject?.key === 'username' && (
@@ -143,6 +144,7 @@ function SignUpForm() {
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck={false}
+            block={true}
             aria-label="Seu email"
           />
           {errorObject?.key === 'email' && (
@@ -163,6 +165,7 @@ function SignUpForm() {
             autoCapitalize="off"
             spellCheck={false}
             size="large"
+            block={true}
             aria-label="Sua senha"
           />
           {capsLockWarningMessage && (
@@ -184,6 +187,7 @@ function SignUpForm() {
             autoCapitalize="off"
             spellCheck={false}
             size="large"
+            block={true}
             aria-label="Repita a senha"
           />
           {errorObject?.key === 'password_confirm' && (
@@ -192,7 +196,13 @@ function SignUpForm() {
         </FormControl>
         <FormControl>
           <FormControl.Label visuallyHidden>Criar cadastro</FormControl.Label>
-          <Button variant="primary" size="large" type="submit" disabled={isLoading} aria-label="Criar cadastro">
+          <Button
+            variant="primary"
+            size="large"
+            type="submit"
+            disabled={isLoading}
+            sx={{ width: '100%' }}
+            aria-label="Criar cadastro">
             Criar cadastro
           </Button>
         </FormControl>

diff --git a/pages/cadastro/recuperar/[token].public.js b/pages/cadastro/recuperar/[token].public.js
@@ -120,6 +120,7 @@ function RecoverPasswordForm() {
             autoCapitalize="off"
             spellCheck={false}
             size="large"
+            block={true}
             aria-label="Sua senha"
           />
           {capsLockWarningMessage && (
@@ -144,6 +145,7 @@ function RecoverPasswordForm() {
             autoCapitalize="off"
             spellCheck={false}
             size="large"
+            block={true}
             aria-label="Repita a senha"
           />
           {errorObject?.key === 'password_confirm' && (
@@ -152,7 +154,13 @@ function RecoverPasswordForm() {
         </FormControl>
         <FormControl>
           <FormControl.Label visuallyHidden>Alterar senha</FormControl.Label>
-          <Button variant="primary" size="large" type="submit" disabled={isLoading} aria-label="Alterar senha">
+          <Button
+            variant="primary"
+            size="large"
+            type="submit"
+            disabled={isLoading}
+            sx={{ width: '100%' }}
+            aria-label="Alterar senha">
             Alterar senha
           </Button>
         </FormControl>

diff --git a/pages/cadastro/recuperar/index.public.js b/pages/cadastro/recuperar/index.public.js
@@ -103,6 +103,7 @@ function RecoverPasswordForm() {
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck={false}
+            block={true}
             aria-label="Seu usuário ou e-mail"
           />
           {['userInput', 'email', 'username'].includes(errorObject?.key) && (
@@ -115,7 +116,13 @@ function RecoverPasswordForm() {
         </FormControl>
         <FormControl>
           <FormControl.Label visuallyHidden>Recuperar</FormControl.Label>
-          <Button variant="primary" size="large" type="submit" disabled={isLoading} aria-label="Recuperar">
+          <Button
+            variant="primary"
+            size="large"
+            type="submit"
+            disabled={isLoading}
+            sx={{ width: '100%' }}
+            aria-label="Recuperar">
             Recuperar
           </Button>
         </FormControl>

diff --git a/pages/interface/components/Content/index.js b/pages/interface/components/Content/index.js
@@ -434,6 +434,7 @@ function EditMode({ contentObject, setContentObject, setComponentMode, localStor
                 aria-label="Título"
                 // eslint-disable-next-line jsx-a11y/no-autofocus
                 autoFocus={true}
+                block={true}
                 value={newData.title}
               />
 
@@ -446,7 +447,7 @@ function EditMode({ contentObject, setContentObject, setComponentMode, localStor
           {/* <Editor> is not part of Primer, so error messages and styling need to be created manually */}
           <FormControl id="body">
             <FormControl.Label visuallyHidden>Corpo</FormControl.Label>
-            <Box ref={editorRef} className={errorObject?.key === 'body' ? 'is-invalid' : ''}>
+            <Box sx={{ width: '100%' }} ref={editorRef} className={errorObject?.key === 'body' ? 'is-invalid' : ''}>
               <Editor value={newData.body} plugins={bytemdPluginList} onChange={handleChange} mode="tab" />
             </Box>
 
@@ -468,6 +469,7 @@ function EditMode({ contentObject, setContentObject, setComponentMode, localStor
                 spellCheck={false}
                 placeholder="Fonte (opcional)"
                 aria-label="Fonte (opcional)"
+                block={true}
                 value={newData.source_url}
               />
 
@@ -498,11 +500,13 @@ function EditMode({ contentObject, setContentObject, setComponentMode, localStor
           height: ${mode === 'edit' ? 'calc(100vh - 350px)' : 'calc(100vh - 600px)'};
           min-height: 200px;
           border-radius: 6px;
+          padding: 1px;
+          border: 1px solid #d0d7de;
         }
 
         .bytemd:focus-within {
           border-color: #0969da;
-          box-shadow: 0 0 0 3px rgb(9 105 218 / 30%);
+          box-shadow: inset 0 0 0 1px #0969da;
         }
 
         .is-invalid .bytemd {

diff --git a/pages/login/index.public.js b/pages/login/index.public.js
@@ -113,6 +113,7 @@ function LoginForm() {
               autoCorrect="off"
               autoCapitalize="off"
               spellCheck={false}
+              block={true}
               aria-label="Seu email"
             />
             {errorObject?.key === 'email' && (
@@ -132,6 +133,7 @@ function LoginForm() {
               autoCapitalize="off"
               spellCheck={false}
               size="large"
+              block={true}
               aria-label="Sua senha"
             />
             {capsLockWarningMessage && (
@@ -143,7 +145,13 @@ function LoginForm() {
           </FormControl>
           <FormControl>
             <FormControl.Label visuallyHidden>Login</FormControl.Label>
-            <Button variant="primary" size="large" type="submit" disabled={isLoading} aria-label="Login">
+            <Button
+              variant="primary"
+              size="large"
+              type="submit"
+              disabled={isLoading}
+              sx={{ width: '100%' }}
+              aria-label="Login">
               Login
             </Button>
           </FormControl>