@verdaccio/ui-theme 6.0.0-6-next.12 → 6.0.0-6-next.13

package/src/i18n/download_translations/it-IT/ui.json

@@ -1,170 +1,170 @@
 {
-  "copy-to-clipboard": "Copy to clipboard",
-  "author-anonymous": "Anonymous",
-  "author-unknown": "Unknown",
+  "copy-to-clipboard": "Copia negli appunti",
+  "author-anonymous": "Anonimo",
+  "author-unknown": "Sconosciuto",
   "action-bar-action": {
-    "visit-home-page": "Visit homepage",
-    "open-an-issue": "Open an issue",
-    "download-tarball": "Download tarball"
+    "visit-home-page": "Visita la homepage",
+    "open-an-issue": "Apri una questione",
+    "download-tarball": "Scarica tarball"
   },
   "dialog": {
     "registry-info": {
-      "title": "Registry Info"
+      "title": "Info del Registro"
     }
   },
   "header": {
-    "documentation": "Documentation",
-    "registry-info": "Registry Information",
-    "registry-info-link": "Learn more",
-    "registry-no-conf": "No configurations available",
-    "greetings": "Hi "
+    "documentation": "Documentazione",
+    "registry-info": "Informazioni del Registro",
+    "registry-info-link": "Scopri di più",
+    "registry-no-conf": "Nessuna configurazione disponibile",
+    "greetings": "Ciao "
   },
   "search": {
-    "packages": "Search Packages"
+    "packages": "Cerca i Pacchetti"
   },
   "autoComplete": {
-    "loading": "Loading...",
-    "no-results-found": "No results found",
-    "clear": "Clear",
-    "expand": "Expand",
-    "collapse": "Collapse"
+    "loading": "Caricamento...",
+    "no-results-found": "Nessun risultato trovato",
+    "clear": "Cancella",
+    "expand": "Espandi",
+    "collapse": "Comprimi"
   },
   "tab": {
     "uplinks": "Uplink",
     "versions": "Versioni",
-    "dependencies": "Dependencies",
+    "dependencies": "Dipendenze",
     "readme": "Readme"
   },
   "uplinks": {
     "title": "Uplink",
-    "no-items": "{{name}} has no uplinks."
+    "no-items": "{{name}} non ha uplink."
   },
   "versions": {
-    "current-tags": "Current Tags",
-    "version-history": "Version history",
-    "not-available": "Not available"
+    "current-tags": "Tag Correnti",
+    "version-history": "Cronologia delle versioni",
+    "not-available": "Non disponibile"
   },
   "package": {
-    "published-on": "Published on {{time}} •",
+    "published-on": "Pubblicato alle {{time}} •",
     "version": "v{{version}}",
-    "visit-home-page": "Visit homepage",
+    "visit-home-page": "Visita la homepage",
     "homepage": "Homepage",
-    "open-an-issue": "Open an issue",
-    "bugs": "Bugs",
-    "download": "Download {{what}}",
-    "the-tar-file": "the tar file",
+    "open-an-issue": "Apri una questione",
+    "bugs": "Bug",
+    "download": "Scarica {{what}}",
+    "the-tar-file": "il file tar",
     "tarball": "Tarball"
   },
   "dependencies": {
-    "has-no-dependencies": "{{package}} has no dependencies.",
+    "has-no-dependencies": "{{package}} non ha alcuna dipendenza.",
     "dependency-block": "{{package}}@{{version}}"
   },
   "form": {
-    "username": "Username",
+    "username": "Nome Utente",
     "password": "Password"
   },
   "form-placeholder": {
-    "username": "Your username",
-    "password": "Your strong password"
+    "username": "Il tuo nome utente",
+    "password": "La tua password forte"
   },
   "form-validation": {
-    "required-field": "This field is required",
-    "required-min-length": "This field required the min length of {{length}}",
-    "unable-to-sign-in": "Unable to sign in",
-    "username-or-password-cant-be-empty": "Username or password can't be empty!"
+    "required-field": "Questo campo è necessario",
+    "required-min-length": "Questo campo richiedeva la lunghezza minima di {{length}}",
+    "unable-to-sign-in": "Impossibile accedere",
+    "username-or-password-cant-be-empty": "Il nome utente o la password non possono essere vuoti!"
   },
   "help": {
-    "title": "No Package Published Yet.",
-    "sub-title": "To publish your first package just:",
-    "first-step": "1. Login",
+    "title": "Ancora Nessun Pacchetto Pubblicato.",
+    "sub-title": "Per pubblicare il tuo primo pacchetto, basta:",
+    "first-step": "1. Accedi",
     "first-step-command-line": "npm adduser --registry {{registryUrl}}",
-    "second-step": "2. Publish",
+    "second-step": "2. Pubblica",
     "second-step-command-line": "npm publish --registry {{registryUrl}}",
-    "third-step": "3. Refresh this page"
+    "third-step": "3. Ricarica questa pagina"
   },
   "sidebar": {
     "detail": {
-      "latest-version": "Latest v{{version}}",
+      "latest-version": "Ultima v{{version}}",
       "version": "v{{version}}"
     },
     "installation": {
       "title": "Installazione",
-      "install-using-yarn": "Install using yarn",
+      "install-using-yarn": "Installa usando yarn",
       "install-using-yarn-command": "yarn add {{packageName}}",
-      "install-using-npm": "Install using npm",
+      "install-using-npm": "Installa usando npm",
       "install-using-npm-command": "npm install {{packageName}}",
-      "install-using-pnpm": "Install using pnpm",
+      "install-using-pnpm": "Installa usando pnpm",
       "install-using-pnpm-command": "pnpm install {{packageName}}"
     },
     "repository": {
       "title": "Repository"
     },
     "author": {
-      "title": "Author"
+      "title": "Autore"
     },
     "distribution": {
-      "title": "Latest Distribution",
-      "license": "License",
-      "size": "Size",
-      "file-count": "file count"
+      "title": "Ultima Distribuzione",
+      "license": "Licenza",
+      "size": "Dimensioni",
+      "file-count": "conteggio dei file"
     },
     "maintainers": {
-      "title": "Maintainers"
+      "title": "Manutentori"
     },
     "contributors": {
       "title": "Collaboratori"
     },
     "engines": {
-      "npm-version": "NPM Version",
+      "npm-version": "Versione NPM",
       "node-js": "NODE JS"
     }
   },
   "footer": {
-    "powered-by": "Powered by",
-    "made-with-love-on": "Made with <0>♥</0> on"
+    "powered-by": "Sviluppato da",
+    "made-with-love-on": "Creato con <0>♥</0> il"
   },
   "button": {
     "close": "Chiudi",
-    "cancel": "Cancel",
-    "login": "Login",
-    "logout": "Logout",
-    "go-to-the-home-page": "Go to the home page",
-    "learn-more": "Learn More",
-    "fund-this-package": "<0>Fund</0> this package"
+    "cancel": "Annulla",
+    "login": "Accedi",
+    "logout": "Disconnettiti",
+    "go-to-the-home-page": "Vai alla home page",
+    "learn-more": "Scopri di Più",
+    "fund-this-package": "<0>Finanzia</0> questo pacchetto"
   },
   "error": {
-    "unspecific": "Something went wrong.",
+    "unspecific": "Qualcosa è andato storto.",
     "404": {
-      "page-not-found": "404 - Page not found",
-      "sorry-we-could-not-find-it": "Sorry, we couldn't find it..."
+      "page-not-found": "404 - Pagina non trovata",
+      "sorry-we-could-not-find-it": "Spiacenti, non siamo riusciti a trovarla..."
     },
-    "app-context-not-correct-used": "The app context was not used correctly",
-    "theme-context-not-correct-used": "The theme context was not used correctly",
-    "package-meta-is-required-at-detail-context": "packageMeta is required at DetailContext"
+    "app-context-not-correct-used": "Il contesto dell'app non è stato usato correttamente",
+    "theme-context-not-correct-used": "Il contesto del tema non è stato usato correttamente",
+    "package-meta-is-required-at-detail-context": "packageMeta è necessario in DetailContext"
   },
   "lng": {
     "english": "Inglese",
-    "czech": "Czech",
+    "czech": "Ceco",
     "japanese": "Giapponese",
-    "portuguese": "Portuguese",
+    "portuguese": "Portoghese",
     "spanish": "Spagnolo",
     "german": "Tedesco",
     "chinese": "Cinese",
-    "chineseTraditional": "Chinese (Traditional)",
+    "chineseTraditional": "Cinese (Tradizionale)",
     "french": "Francese",
-    "russian": "Russian",
-    "turkish": "Turkish",
-    "ukraine": "Ukraine",
+    "russian": "Russo",
+    "turkish": "Turco",
+    "ukraine": "Ucraino",
     "khmer": "Khmer"
   },
   "flag": {
     "austria": "Austria",
-    "brazil": "Brazil",
-    "spain": "Spain",
+    "brazil": "Brasile",
+    "spain": "Spagna",
     "nicaragua": "Nicaragua",
     "india": "India",
-    "china": "China",
-    "germany": "Germany",
+    "china": "Cina",
+    "germany": "Germania",
     "taiwan": "Taiwan"
   }
 }

package/src/i18n/download_translations/tr-TR/ui.json

@@ -1,7 +1,7 @@
 {
   "copy-to-clipboard": "Panoya kopyala",
-  "author-anonymous": "Anonymous",
-  "author-unknown": "Unknown",
+  "author-anonymous": "Anonim",
+  "author-unknown": "Bilinmeyen",
   "action-bar-action": {
     "visit-home-page": "Visit homepage",
     "open-an-issue": "Open an issue",
@@ -31,7 +31,7 @@
   },
   "tab": {
     "uplinks": "Uplinks",
-    "versions": "Versions",
+    "versions": "Versiyonlar",
     "dependencies": "Dependencies",
     "readme": "Readme"
   },
@@ -89,11 +89,11 @@
     },
     "installation": {
       "title": "Installation",
-      "install-using-yarn": "Install using yarn",
+      "install-using-yarn": "Yarn kullanarak indir",
       "install-using-yarn-command": "yarn add {{packageName}}",
-      "install-using-npm": "Install using npm",
+      "install-using-npm": "Npm kullanarak indir",
       "install-using-npm-command": "npm install {{packageName}}",
-      "install-using-pnpm": "Install using pnpm",
+      "install-using-pnpm": "Pnpm kullanarak indir",
       "install-using-pnpm-command": "pnpm install {{packageName}}"
     },
     "repository": {

package/src/i18n/download_translations/vi-VN/ui.json

@@ -31,7 +31,7 @@
   },
   "tab": {
     "uplinks": "Uplinks",
-    "versions": "Versions",
+    "versions": "Phiên bản",
     "dependencies": "Dependencies",
     "readme": "Readme"
   },
@@ -124,7 +124,7 @@
     "made-with-love-on": "Made with <0>♥</0> on"
   },
   "button": {
-    "close": "Close",
+    "close": "Đóng",
     "cancel": "Cancel",
     "login": "Login",
     "logout": "Logout",

package/src/i18n/loadTranslationFile.ts

@@ -0,0 +1,14 @@
+/**
+ * In development mode translations files might be not available,
+ * crowdin translations are only available in CI.
+ */
+export function loadTranslationFile(lng) {
+  try {
+    return require(`./download_translations/${lng}/ui.json`);
+  } catch {
+    // eslint-disable-next-line no-console
+    console.warn(`language ${lng} file not found, fallback to en-US`);
+    // in case the file is not there, fallback to en-US
+    return require(`./crowdin/ui.json`);
+  }
+}

package/src/index.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { AppContainer } from 'react-hot-loader';
 import { Provider } from 'react-redux';
-
 import AppConfigurationContext from 'verdaccio-ui/providers/config';
 
 import App from './App';
@@ -29,7 +28,9 @@ const renderApp = (Component: React.ElementType): void => {
 
 renderApp(App);
 
+// @ts-expect-error
 if (module.hot) {
+  // @ts-expect-error
   module.hot.accept('./App', () => {
     renderApp(App);
   });

package/src/pages/Version/DetailContainer/Dependencies/Dependencies.test.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import { HashRouter } from 'react-router-dom';
-
 import { render } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import { DetailContextProvider } from '../../context';
-
 import Dependencies from './Dependencies';
 
 describe('<Dependencies /> component', () => {

package/src/pages/Version/DetailContainer/Dependencies/Dependencies.tsx

@@ -1,14 +1,12 @@
 import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
-
 import CardContent from 'verdaccio-ui/components/CardContent';
 
 import { PackageDependencies } from '../../../../../types/packageMeta';
 import { DetailContext } from '../../context';
 import NoItems from '../NoItems';
-
-import { CardWrap, StyledText, Tags, Tag } from './styles';
+import { CardWrap, StyledText, Tag, Tags } from './styles';
 
 interface DependencyBlockProps {
   title: string;

package/src/pages/Version/DetailContainer/Dependencies/styles.ts

@@ -1,5 +1,4 @@
 import styled from '@emotion/styled';
-
 import Card from 'verdaccio-ui/components/Card';
 import Chip from 'verdaccio-ui/components/Chip';
 import Text from 'verdaccio-ui/components/Text';

package/src/pages/Version/DetailContainer/Deprecated/Deprecated.test.tsx

@@ -1,9 +1,7 @@
 import React from 'react';
-
-import { render, cleanup, screen } from 'verdaccio-ui/utils/test-react-testing-library';
+import { cleanup, render, screen } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import { DetailContextProvider } from '../../context';
-
 import Deprecated from './Deprecated';
 
 describe('test Deprecated', () => {

package/src/pages/Version/DetailContainer/Deprecated/Deprecated.tsx

@@ -1,8 +1,7 @@
 import styled from '@emotion/styled';
-import Card from '@material-ui/core/Card';
-import CardContent from '@material-ui/core/CardContent';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
 import React from 'react';
-
 import { Theme } from 'verdaccio-ui/design-tokens/theme';
 
 export const CardStyled = styled(Card)<{ theme?: Theme }>(({ theme }) => {

package/src/pages/Version/DetailContainer/DetailContainer.test.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import { render } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import DetailContainer from './DetailContainer';

package/src/pages/Version/DetailContainer/DetailContainer.tsx

@@ -1,9 +1,7 @@
-import React, { useState, useContext } from 'react';
-
+import React, { useContext, useState } from 'react';
 import Box from 'verdaccio-ui/components/Box';
 
 import { DetailContext } from '../context';
-
 import Deprecated from './Deprecated';
 import DetailContainerContent from './DetailContainerContent';
 import DetailContainerTabs from './DetailContainerTabs';

package/src/pages/Version/DetailContainer/DetailContainerContent.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 
 import loadable from '../../../App/utils/loadable';
-
 import DetailContainerContentReadme from './DetailContainerContentReadme';
 
 export enum TabPosition {

package/src/pages/Version/DetailContainer/DetailContainerContentReadme.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import { preventXSS } from 'verdaccio-ui/utils/sec-utils';
 
 import Readme from './Readme';

package/src/pages/Version/DetailContainer/DetailContainerTabs.tsx

@@ -1,7 +1,6 @@
 import styled from '@emotion/styled';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-
 import Tab from 'verdaccio-ui/components/Tab';
 import { default as MuiTabs } from 'verdaccio-ui/components/Tabs';
 import { Theme } from 'verdaccio-ui/design-tokens/theme';

package/src/pages/Version/DetailContainer/NoItems/NoItems.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import Text from 'verdaccio-ui/components/Text';
 
 interface Props {

package/src/pages/Version/DetailContainer/NoItems/Noitems.test.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import { render } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import NoItems from './NoItems';

package/src/pages/Version/DetailContainer/NoItems/__snapshots__/Noitems.test.tsx.snap

@@ -1,8 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<NoItem /> component should load the component in default state 1`] = `
+.emotion-0 {
+  margin: 0;
+  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.75;
+  margin-bottom: 0.35em;
+}
+
 <span
-  class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-gutterBottom"
+  class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-gutterBottom emotion-0"
 >
   test
 </span>

package/src/pages/Version/DetailContainer/Readme/Readme.spec.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-
-import { render, cleanup } from 'verdaccio-ui/utils/test-react-testing-library';
+import { cleanup, render } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import Readme from './Readme';
 

package/src/pages/Version/DetailContainer/Readme/Readme.tsx

@@ -1,7 +1,6 @@
 import styled from '@emotion/styled';
-import React from 'react';
 import 'github-markdown-css';
-
+import React from 'react';
 import { Theme } from 'verdaccio-ui/design-tokens/theme';
 
 import { Props } from './types';

package/src/pages/Version/DetailContainer/UpLinks/UpLinks.test.tsx

@@ -1,9 +1,7 @@
 import React from 'react';
-
-import { render, cleanup } from 'verdaccio-ui/utils/test-react-testing-library';
+import { cleanup, render } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import { DetailContext } from '../../context';
-
 import UpLinks from './UpLinks';
 
 describe('<UpLinks /> component', () => {

package/src/pages/Version/DetailContainer/UpLinks/UpLinks.tsx

@@ -1,14 +1,12 @@
 import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-
 import List from 'verdaccio-ui/components/List';
 import ListItem from 'verdaccio-ui/components/ListItem';
 import { formatDateDistance } from 'verdaccio-ui/utils/package';
 
 import { DetailContext } from '../..';
 import NoItems from '../NoItems';
-
-import { StyledText, Spacer, ListItemText } from './styles';
+import { ListItemText, Spacer, StyledText } from './styles';
 
 const UpLinks: React.FC = () => {
   const { packageMeta } = useContext(DetailContext);