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

package/src/i18n/download_translations/zh-TW/ui.json

@@ -0,0 +1,170 @@
+{
+  "copy-to-clipboard": "Copy to clipboard",
+  "author-anonymous": "Anonymous",
+  "author-unknown": "Unknown",
+  "action-bar-action": {
+    "visit-home-page": "Visit homepage",
+    "open-an-issue": "Open an issue",
+    "download-tarball": "Download tarball"
+  },
+  "dialog": {
+    "registry-info": {
+      "title": "Registry Info"
+    }
+  },
+  "header": {
+    "documentation": "Documentation",
+    "registry-info": "Registry Information",
+    "registry-info-link": "Learn more",
+    "registry-no-conf": "No configurations available",
+    "greetings": "Hi "
+  },
+  "search": {
+    "packages": "Search Packages"
+  },
+  "autoComplete": {
+    "loading": "Loading...",
+    "no-results-found": "No results found",
+    "clear": "Clear",
+    "expand": "Expand",
+    "collapse": "Collapse"
+  },
+  "tab": {
+    "uplinks": "Uplinks",
+    "versions": "Versions",
+    "dependencies": "Dependencies",
+    "readme": "Readme"
+  },
+  "uplinks": {
+    "title": "Uplinks",
+    "no-items": "{{name}} has no uplinks."
+  },
+  "versions": {
+    "current-tags": "Current Tags",
+    "version-history": "Version history",
+    "not-available": "Not available"
+  },
+  "package": {
+    "published-on": "Published on {{time}} •",
+    "version": "v{{version}}",
+    "visit-home-page": "Visit homepage",
+    "homepage": "Homepage",
+    "open-an-issue": "Open an issue",
+    "bugs": "Bugs",
+    "download": "Download {{what}}",
+    "the-tar-file": "the tar file",
+    "tarball": "Tarball"
+  },
+  "dependencies": {
+    "has-no-dependencies": "{{package}} has no dependencies.",
+    "dependency-block": "{{package}}@{{version}}"
+  },
+  "form": {
+    "username": "Username",
+    "password": "Password"
+  },
+  "form-placeholder": {
+    "username": "Your username",
+    "password": "Your strong password"
+  },
+  "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!"
+  },
+  "help": {
+    "title": "No Package Published Yet.",
+    "sub-title": "To publish your first package just:",
+    "first-step": "1. Login",
+    "first-step-command-line": "npm adduser --registry {{registryUrl}}",
+    "second-step": "2. Publish",
+    "second-step-command-line": "npm publish --registry {{registryUrl}}",
+    "third-step": "3. Refresh this page"
+  },
+  "sidebar": {
+    "detail": {
+      "latest-version": "Latest v{{version}}",
+      "version": "v{{version}}"
+    },
+    "installation": {
+      "title": "Installation",
+      "install-using-yarn": "Install using yarn",
+      "install-using-yarn-command": "yarn add {{packageName}}",
+      "install-using-npm": "Install using npm",
+      "install-using-npm-command": "npm install {{packageName}}",
+      "install-using-pnpm": "Install using pnpm",
+      "install-using-pnpm-command": "pnpm install {{packageName}}"
+    },
+    "repository": {
+      "title": "Repository"
+    },
+    "author": {
+      "title": "Author"
+    },
+    "distribution": {
+      "title": "Latest Distribution",
+      "license": "License",
+      "size": "Size",
+      "file-count": "file count"
+    },
+    "maintainers": {
+      "title": "Maintainers"
+    },
+    "contributors": {
+      "title": "Contributors"
+    },
+    "engines": {
+      "npm-version": "NPM Version",
+      "node-js": "NODE JS"
+    }
+  },
+  "footer": {
+    "powered-by": "Powered by",
+    "made-with-love-on": "Made with <0>♥</0> on"
+  },
+  "button": {
+    "close": "Close",
+    "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"
+  },
+  "error": {
+    "unspecific": "Something went wrong.",
+    "404": {
+      "page-not-found": "404 - Page not found",
+      "sorry-we-could-not-find-it": "Sorry, we couldn't find it..."
+    },
+    "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"
+  },
+  "lng": {
+    "english": "English",
+    "czech": "Czech",
+    "japanese": "Japanese",
+    "portuguese": "Portuguese",
+    "spanish": "Spanish",
+    "german": "German",
+    "chinese": "Chinese",
+    "chineseTraditional": "Chinese (Traditional)",
+    "french": "French",
+    "russian": "Russian",
+    "turkish": "Turkish",
+    "ukraine": "Ukraine",
+    "khmer": "Khmer"
+  },
+  "flag": {
+    "austria": "Austria",
+    "brazil": "Brazil",
+    "spain": "Spain",
+    "nicaragua": "Nicaragua",
+    "india": "India",
+    "china": "China",
+    "germany": "Germany",
+    "taiwan": "Taiwan"
+  }
+}

package/src/i18n/enabledLanguages.ts

@@ -0,0 +1,35 @@
+import Flags from 'country-flag-icons/react/3x2';
+import React from 'react';
+
+export const DEFAULT_LANGUAGE = 'en-US';
+
+export type LanguageConfiguration = {
+  lng: string;
+  menuKey: string;
+  icon: React.ReactElement;
+};
+
+export const listLanguages: LanguageConfiguration[] = [
+  { lng: DEFAULT_LANGUAGE, icon: Flags.US, menuKey: 'lng.english' },
+  { lng: 'cs-CZ', icon: Flags.CZ, menuKey: 'lng.czech' },
+  { lng: 'pt-BR', icon: Flags.BR, menuKey: 'lng.portuguese' },
+  { lng: 'es-ES', icon: Flags.ES, menuKey: 'lng.spanish' },
+  { lng: 'de-DE', icon: Flags.DE, menuKey: 'lng.german' },
+  { lng: 'fr-FR', icon: Flags.FR, menuKey: 'lng.french' },
+  { lng: 'zh-CN', icon: Flags.CN, menuKey: 'lng.chinese' },
+  { lng: 'ja-JP', icon: Flags.JP, menuKey: 'lng.japanese' },
+  { lng: 'ru-RU', icon: Flags.RU, menuKey: 'lng.russian' },
+  { lng: 'tr-TR', icon: Flags.TR, menuKey: 'lng.turkish' },
+  { lng: 'uk-UA', icon: Flags.UA, menuKey: 'lng.ukraine' },
+  { lng: 'km-KH', icon: Flags.KH, menuKey: 'lng.khme' },
+  { lng: 'zh-TW', icon: Flags.TW, menuKey: 'lng.chineseTraditional' },
+];
+
+const languages = listLanguages.reduce((acc, item: LanguageConfiguration) => {
+  acc.push(item.lng);
+  return acc;
+}, [] as string[]);
+
+export const listLanguagesAsString = languages;
+
+export type Language = keyof typeof listLanguagesAsString;

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

@@ -1,34 +1,36 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { AppContainer } from 'react-hot-loader';
-
-import APIProvider from 'verdaccio-ui/providers/API/APIProvider';
+import { Provider } from 'react-redux';
 import AppConfigurationContext from 'verdaccio-ui/providers/config';
 
 import App from './App';
 import StyleBaseline from './design-tokens/StyleBaseline';
 import ThemeProvider from './design-tokens/ThemeProvider';
+import { store } from './store';
 
 const rootNode = document.getElementById('root');
 const renderApp = (Component: React.ElementType): void => {
   ReactDOM.render(
-    <AppContainer>
-      <AppConfigurationContext>
-        <ThemeProvider>
-          <StyleBaseline />
-          <APIProvider>
+    <Provider store={store}>
+      <AppContainer>
+        <AppConfigurationContext>
+          <ThemeProvider>
+            <StyleBaseline />
             <Component />
-          </APIProvider>
-        </ThemeProvider>
-      </AppConfigurationContext>
-    </AppContainer>,
+          </ThemeProvider>
+        </AppConfigurationContext>
+      </AppContainer>
+    </Provider>,
     rootNode
   );
 };
 
 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,20 +1,12 @@
 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', () => {
   beforeEach(cleanup);
 
-  test('should return null without packageMeta', () => {
-    const wrapper = render(<UpLinks />);
-    wrapper.debug();
-    // expect(wrapper).toBeNull();
-  });
-
   test('should render the component when there is no uplink', () => {
     const packageMeta = {
       latest: {

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);