@verdaccio/ui-components 3.0.0-next-7.7 → 3.0.0-next-7.8

package/build/sections/Header/RegistryInfoDialog/styles.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Title = exports.TextContent = exports.Content = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Title = exports.Title = /*#__PURE__*/(0, _base.default)(_DialogTitle.default, process.env.NODE_ENV === "production" ? {
-  target: "e1gzb7522"
-} : {
-  target: "e1gzb7522",
-  label: "Title"
-})(props => {
-  var _props$theme, _props$theme2, _props$theme3;
-  return {
-    backgroundColor: (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.palette.primary.main,
-    color: (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.palette.white,
-    fontSize: (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.fontSize.lg
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zZWN0aW9ucy9IZWFkZXIvUmVnaXN0cnlJbmZvRGlhbG9nL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNcUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3NlY3Rpb25zL0hlYWRlci9SZWdpc3RyeUluZm9EaWFsb2cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9EaWFsb2dDb250ZW50JztcbmltcG9ydCBEaWFsb2dUaXRsZSBmcm9tICdAbXVpL21hdGVyaWFsL0RpYWxvZ1RpdGxlJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSBzdHlsZWQoRGlhbG9nVGl0bGUpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUucHJpbWFyeS5tYWluLFxuICBjb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gIGZvbnRTaXplOiBwcm9wcy50aGVtZT8uZm9udFNpemUubGcsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkKERpYWxvZ0NvbnRlbnQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBwYWRkaW5nOiAnMCAyNHB4JyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZT8ucGFsZXR0ZS5iYWNrZ3JvdW5kLmRlZmF1bHQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6ICcxMHB4IDI0cHgnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lPy5wYWxldHRlLmJhY2tncm91bmQuZGVmYXVsdCxcbn0pKTtcbiJdfQ== */");
-const Content = exports.Content = /*#__PURE__*/(0, _base.default)(_DialogContent.default, process.env.NODE_ENV === "production" ? {
-  target: "e1gzb7521"
-} : {
-  target: "e1gzb7521",
-  label: "Content"
-})(({
-  theme
-}) => ({
-  padding: '0 24px',
-  backgroundColor: theme === null || theme === void 0 ? void 0 : theme.palette.background.default
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zZWN0aW9ucy9IZWFkZXIvUmVnaXN0cnlJbmZvRGlhbG9nL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3NlY3Rpb25zL0hlYWRlci9SZWdpc3RyeUluZm9EaWFsb2cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9EaWFsb2dDb250ZW50JztcbmltcG9ydCBEaWFsb2dUaXRsZSBmcm9tICdAbXVpL21hdGVyaWFsL0RpYWxvZ1RpdGxlJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSBzdHlsZWQoRGlhbG9nVGl0bGUpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUucHJpbWFyeS5tYWluLFxuICBjb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gIGZvbnRTaXplOiBwcm9wcy50aGVtZT8uZm9udFNpemUubGcsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkKERpYWxvZ0NvbnRlbnQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBwYWRkaW5nOiAnMCAyNHB4JyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZT8ucGFsZXR0ZS5iYWNrZ3JvdW5kLmRlZmF1bHQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6ICcxMHB4IDI0cHgnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lPy5wYWxldHRlLmJhY2tncm91bmQuZGVmYXVsdCxcbn0pKTtcbiJdfQ== */");
-const TextContent = exports.TextContent = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
-  target: "e1gzb7520"
-} : {
-  target: "e1gzb7520",
-  label: "TextContent"
-})(({
-  theme
-}) => ({
-  padding: '10px 24px',
-  backgroundColor: theme === null || theme === void 0 ? void 0 : theme.palette.background.default
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zZWN0aW9ucy9IZWFkZXIvUmVnaXN0cnlJbmZvRGlhbG9nL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjJCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9zZWN0aW9ucy9IZWFkZXIvUmVnaXN0cnlJbmZvRGlhbG9nL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBEaWFsb2dDb250ZW50IGZyb20gJ0BtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudCc7XG5pbXBvcnQgRGlhbG9nVGl0bGUgZnJvbSAnQG11aS9tYXRlcmlhbC9EaWFsb2dUaXRsZSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vJztcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkKERpYWxvZ1RpdGxlKTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbixcbiAgY29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLndoaXRlLFxuICBmb250U2l6ZTogcHJvcHMudGhlbWU/LmZvbnRTaXplLmxnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgcGFkZGluZzogJzAgMjRweCcsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWU/LnBhbGV0dGUuYmFja2dyb3VuZC5kZWZhdWx0LFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGV4dENvbnRlbnQgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBwYWRkaW5nOiAnMTBweCAyNHB4JyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZT8ucGFsZXR0ZS5iYWNrZ3JvdW5kLmRlZmF1bHQsXG59KSk7XG4iXX0= */");
-//# sourceMappingURL=styles.js.map

package/build/sections/Header/RegistryInfoDialog/types.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map

package/build/src/components/Developers/styles.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const Details: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const Fab: import("@emotion/styled").StyledComponent<any, {}, {}>;

package/build/src/components/Distribution/utils.d.ts

@@ -1,7 +0,0 @@
-import { LicenseInterface } from '../../types/packageMeta';
-/**
- * Formats license field for webui.
- * @see https://docs.npmjs.com/files/package.json#license
- */
-export declare function formatLicense(license: string | LicenseInterface): string | undefined;
-export declare function fileSizeSI(a: number, b?: typeof Math, c?: (p: number) => number, d?: number, e?: number): string;

package/build/src/components/Package/Tag/Tag.d.ts

@@ -1,6 +0,0 @@
-import React, { ReactNode } from 'react';
-interface Props {
-    children: ReactNode;
-}
-declare const Tag: React.FC<Props>;
-export default Tag;

package/build/src/components/Package/Tag/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Tag';

package/build/src/components/Package/Tag/styles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/src/sections/Header/RegistryInfoDialog/RegistryInfoDialog.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-declare const RegistryInfoDialog: React.FC<Props>;
-export default RegistryInfoDialog;

package/build/src/sections/Header/RegistryInfoDialog/index.d.ts

@@ -1 +0,0 @@
-export { default } from './RegistryInfoDialog';

package/build/src/sections/Header/RegistryInfoDialog/styles.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare const Title: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<import("@mui/material/DialogContent").DialogContentProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    theme?: import("@mui/material").Theme | undefined;
-}, {}, {}>;
-export declare const TextContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    theme?: import("@mui/material").Theme | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/src/sections/Header/RegistryInfoDialog/types.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export interface Props {
-    children: ReactNode;
-    open: boolean;
-    title: string;
-    onClose: () => void;
-}

package/src/components/Developers/styles.ts

@@ -1,31 +0,0 @@
-import styled from '@emotion/styled';
-import FabMUI from '@mui/material/Fab';
-import Typography from '@mui/material/Typography';
-
-import { Theme } from '../../Theme';
-
-export const Details = styled('span')({
-  display: 'flex',
-  flexDirection: 'column',
-  alignItems: 'center',
-});
-
-export const Content = styled('div')({
-  margin: '10px 0 10px 0',
-  display: 'flex',
-  flexWrap: 'wrap',
-  '> *': {
-    margin: '5px',
-  },
-});
-
-export const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({
-  fontWeight: props.theme?.fontWeight.bold,
-  marginBottom: '10px',
-  textTransform: 'capitalize',
-}));
-
-export const Fab = styled(FabMUI)<{ theme?: Theme }>((props) => ({
-  backgroundColor: props.theme?.palette.primary.main,
-  color: props.theme?.palette.white,
-}));

package/src/components/Distribution/utils.ts

@@ -1,32 +0,0 @@
-import { LicenseInterface } from '../../types/packageMeta';
-
-/**
- * Formats license field for webui.
- * @see https://docs.npmjs.com/files/package.json#license
- */
-// License should use type License defined above, but conflicts with the unit test that provide array or empty object
-export function formatLicense(license: string | LicenseInterface): string | undefined {
-  if (typeof license === 'string') {
-    return license;
-  }
-
-  if (license?.type) {
-    return license.type;
-  }
-
-  return;
-}
-
-export function fileSizeSI(
-  a: number,
-  b?: typeof Math,
-  c?: (p: number) => number,
-  d?: number,
-  e?: number
-): string {
-  return (
-    ((b = Math), (c = b.log), (d = 1e3), (e = (c(a) / c(d)) | 0), a / b.pow(d, e)).toFixed(2) +
-    ' ' +
-    (e ? 'kMGTPEZY'[--e] + 'B' : 'Bytes')
-  );
-}

package/src/components/Distribution/utilts.spec.ts

@@ -1,17 +0,0 @@
-import { fileSizeSI, formatLicense } from './utils';
-
-test('formatLicense as  string', () => {
-  expect(formatLicense('MIT')).toEqual('MIT');
-});
-
-test('formatLicense as format object', () => {
-  expect(formatLicense({ type: 'MIT' })).toEqual('MIT');
-});
-
-test('fileSizeSI as number 1000', () => {
-  expect(fileSizeSI(1000)).toEqual('1.00 kB');
-});
-
-test('fileSizeSI as number 0', () => {
-  expect(fileSizeSI(0)).toEqual('0.00 Bytes');
-});

package/src/components/Package/Tag/Tag.test.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import { render } from '../../../test/test-react-testing-library';
-import Tag from './Tag';
-
-describe('<Tag /> component', () => {
-  test('should load the component in default state', () => {
-    const { container } = render(
-      <Tag>
-        <span>{'I am a child'}</span>
-      </Tag>
-    );
-    expect(container.firstChild).toMatchSnapshot();
-  });
-});

package/src/components/Package/Tag/Tag.tsx

@@ -1,11 +0,0 @@
-import React, { ReactNode } from 'react';
-
-import { Wrapper } from './styles';
-
-interface Props {
-  children: ReactNode;
-}
-
-const Tag: React.FC<Props> = ({ children }) => <Wrapper>{children}</Wrapper>;
-
-export default Tag;

package/src/components/Package/Tag/index.ts

@@ -1 +0,0 @@
-export { default } from './Tag';

package/src/components/Package/Tag/styles.ts

@@ -1,11 +0,0 @@
-import styled from '@emotion/styled';
-
-export const Wrapper = styled('span')({
-  verticalAlign: 'middle',
-  lineHeight: '22px',
-  borderRadius: '2px',
-  color: '#485a3e',
-  backgroundColor: '#f3f4f2',
-  padding: '0.22rem 0.4rem',
-  margin: '8px 8px 0 0',
-});

package/src/components/Search/AutoComplete/styles.tsx

@@ -1,42 +0,0 @@
-import styled from '@emotion/styled';
-
-import { TextField, Theme } from '../../../';
-
-export interface InputFieldProps {
-  color: string;
-}
-
-export const Wrapper = styled('div')({
-  width: '100%',
-  position: 'relative',
-  zIndex: 1,
-});
-
-export const StyledTextField = styled(TextField)<{ theme?: Theme }>((props) => ({
-  '& .MuiInputBase-root': {
-    ':before': {
-      content: "''",
-      border: 'none',
-    },
-    ':after': {
-      borderColor: props.theme?.palette.white,
-    },
-    ':hover:before': {
-      content: 'none',
-    },
-    ':hover:after': {
-      content: 'none',
-      transform: 'scaleX(1)',
-    },
-    [`@media screen and (min-width: ${props.theme?.breakPoints.medium}px)`]: {
-      ':hover:after': {
-        content: "''",
-      },
-    },
-  },
-  '& .MuiInputBase-input': {
-    [`@media screen and (min-width: ${props.theme?.breakPoints.medium}px)`]: {
-      color: props.theme?.palette.white,
-    },
-  },
-}));

package/src/sections/Header/RegistryInfoDialog/RegistryInfoDialog.tsx

@@ -1,31 +0,0 @@
-import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { Content, Title } from './styles';
-import { Props } from './types';
-
-const RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose, title = '' }) => {
-  const { t } = useTranslation();
-  return (
-    <Dialog
-      data-testid={'registryInfo--dialog'}
-      id="registryInfo--dialog-container"
-      maxWidth="sm"
-      onClose={onClose}
-      open={open}
-    >
-      <Title>{title}</Title>
-      <Content>{children}</Content>
-      <DialogActions>
-        <Button color="inherit" id="registryInfo--dialog-close" onClick={onClose}>
-          {t('button.close')}
-        </Button>
-      </DialogActions>
-    </Dialog>
-  );
-};
-
-export default RegistryInfoDialog;

package/src/sections/Header/RegistryInfoDialog/index.ts

@@ -1 +0,0 @@
-export { default } from './RegistryInfoDialog';

package/src/sections/Header/RegistryInfoDialog/styles.ts

@@ -1,21 +0,0 @@
-import styled from '@emotion/styled';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-
-import { Theme } from '../../../';
-
-export const Title = styled(DialogTitle)<{ theme?: Theme }>((props) => ({
-  backgroundColor: props.theme?.palette.primary.main,
-  color: props.theme?.palette.white,
-  fontSize: props.theme?.fontSize.lg,
-}));
-
-export const Content = styled(DialogContent)<{ theme?: Theme }>(({ theme }) => ({
-  padding: '0 24px',
-  backgroundColor: theme?.palette.background.default,
-}));
-
-export const TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({
-  padding: '10px 24px',
-  backgroundColor: theme?.palette.background.default,
-}));

package/src/sections/Header/RegistryInfoDialog/types.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface Props {
-  children: ReactNode;
-  open: boolean;
-  title: string;
-  onClose: () => void;
-}