@verdaccio/ui-components 2.0.0-6-next.10 → 3.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/README.md +1 -1
  3. package/build/components/CopyClipboard/CopyToClipBoard.js +1 -1
  4. package/build/components/Install/Install.js +2 -2
  5. package/build/components/Install/InstallListItem.js +2 -2
  6. package/build/components/Link/Link.js +1 -1
  7. package/build/components/Search/Search.js +2 -2
  8. package/build/src/components/Search/AutoComplete/styles.d.ts +1 -1
  9. package/build/src/components/Search/styles.d.ts +1 -1
  10. package/build/src/components/TextField/TextField.d.ts +1 -1
  11. package/build/src/sections/Header/HeaderMenu.d.ts +1 -1
  12. package/build/store/models/configuration.js +2 -2
  13. package/package.json +8 -8
  14. package/src/sections/Header/HeaderMenu.tsx +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,50 @@
1
1
  # @verdaccio/ui-components
2
2
 
3
+ ## 3.0.0-next.0
4
+
5
+ ### Major Changes
6
+
7
+ - feat!: bump to v7
8
+
9
+ ## 2.0.0
10
+
11
+ ### Major Changes
12
+
13
+ - 999787974: feat(web): components for custom user interfaces
14
+
15
+ Provides a package that includes all components from the user interface, instead being embedded at the `@verdaccio/ui-theme` package.
16
+
17
+ ```
18
+ npm i -D @verdaccio/ui-components
19
+ ```
20
+
21
+ The package contains
22
+
23
+ - Components
24
+ - Providers
25
+ - Redux Storage
26
+ - Layouts (precomposed layouts ready to use)
27
+ - Custom Material Theme
28
+
29
+ The `@verdaccio/ui-theme` will consume this package and will use only those are need it.
30
+
31
+ > Prerequisites are using Redux, Material-UI and Translations with `i18next`.
32
+
33
+ Users could have their own Material UI theme and build custom layouts, adding new features without the need to modify the default project.
34
+
35
+ - 781ac9ac2: fix package configuration issues
36
+
37
+ ### Minor Changes
38
+
39
+ - 974cd8c19: fix: startup messages improved and logs support on types
40
+ - 7344a7fcf: feat: ui bugfixes and improvements
41
+ - ddb6a2239: feat: signature package
42
+
43
+ ### Patch Changes
44
+
45
+ - 7ef599cc4: fix: missing version on footer
46
+ - 0dafa9826: fix: undefined field on missing count
47
+
3
48
  ## 2.0.0-6-next.10
4
49
 
5
50
  ### Minor Changes
package/README.md CHANGED
@@ -11,7 +11,7 @@ A collection of components ready to use for building complex user interfaces.
11
11
  - `hooks`: A collection of useful React hooks.
12
12
 
13
13
  ```bash
14
- npm i -D @verdaccio/ui-components@6-next
14
+ npm i -D @verdaccio/ui-components@7-next
15
15
  ```
16
16
 
17
17
  ## Requirements
package/build/components/CopyClipboard/CopyToClipBoard.js CHANGED
@@ -47,7 +47,7 @@ function CopyToClipBoard({
47
47
  title,
48
48
  ...props
49
49
  }) {
50
- return /*#__PURE__*/_react.default.createElement(Wrapper, props, /*#__PURE__*/_react.default.createElement(Content, null, children ?? text), title ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
50
+ return /*#__PURE__*/_react.default.createElement(Wrapper, props, /*#__PURE__*/_react.default.createElement(Content, null, children !== null && children !== void 0 ? children : text), title ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
51
51
  disableFocusListener: true,
52
52
  title: title
53
53
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
package/build/components/Install/Install.js CHANGED
@@ -33,7 +33,7 @@ const Install = ({
33
33
  packageName,
34
34
  configOptions
35
35
  }) => {
36
- var _configOptions$pkgMan, _configOptions$pkgMan2, _configOptions$pkgMan3;
36
+ var _configOptions$pkgMan, _configOptions$pkgMan2, _configOptions$pkgMan3, _configOptions$pkgMan4;
37
37
  const {
38
38
  t
39
39
  } = (0, _reactI18next.useTranslation)();
@@ -43,7 +43,7 @@ const Install = ({
43
43
  }
44
44
  const hasNpm = configOptions === null || configOptions === void 0 ? void 0 : (_configOptions$pkgMan = configOptions.pkgManagers) === null || _configOptions$pkgMan === void 0 ? void 0 : _configOptions$pkgMan.includes('npm');
45
45
  const hasYarn = configOptions === null || configOptions === void 0 ? void 0 : (_configOptions$pkgMan2 = configOptions.pkgManagers) === null || _configOptions$pkgMan2 === void 0 ? void 0 : _configOptions$pkgMan2.includes('yarn');
46
- const hasPnpm = (configOptions === null || configOptions === void 0 ? void 0 : (_configOptions$pkgMan3 = configOptions.pkgManagers) === null || _configOptions$pkgMan3 === void 0 ? void 0 : _configOptions$pkgMan3.includes('pnpm')) ?? true;
46
+ const hasPnpm = (_configOptions$pkgMan3 = configOptions === null || configOptions === void 0 ? void 0 : (_configOptions$pkgMan4 = configOptions.pkgManagers) === null || _configOptions$pkgMan4 === void 0 ? void 0 : _configOptions$pkgMan4.includes('pnpm')) !== null && _configOptions$pkgMan3 !== void 0 ? _configOptions$pkgMan3 : true;
47
47
  const hasPkgManagers = hasNpm || hasPnpm || hasYarn;
48
48
  return hasPkgManagers ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
49
49
  container: true,
package/build/components/Install/InstallListItem.js CHANGED
@@ -68,14 +68,14 @@ const InstallListItem = ({
68
68
  packageName,
69
69
  dependencyManager
70
70
  }) => {
71
- var _localSettings$packag;
71
+ var _localSettings$packag, _localSettings$packag2;
72
72
  const {
73
73
  t
74
74
  } = (0, _reactI18next.useTranslation)();
75
75
  const {
76
76
  localSettings
77
77
  } = (0, _PersistenceSettingProvider.useSettings)();
78
- const isGlobal = ((_localSettings$packag = localSettings[packageName]) === null || _localSettings$packag === void 0 ? void 0 : _localSettings$packag.global) ?? false;
78
+ const isGlobal = (_localSettings$packag = (_localSettings$packag2 = localSettings[packageName]) === null || _localSettings$packag2 === void 0 ? void 0 : _localSettings$packag2.global) !== null && _localSettings$packag !== void 0 ? _localSettings$packag : false;
79
79
  const pkgName = isGlobal ? `-g ${packageName}` : packageName;
80
80
  switch (dependencyManager) {
81
81
  case DependencyManager.NPM:
package/build/components/Link/Link.js CHANGED
@@ -41,7 +41,7 @@ const Link = /*#__PURE__*/_react.default.forwardRef(function LinkFunction({
41
41
  rel: "noopener noreferrer",
42
42
  target: "_blank"
43
43
  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
44
- variant: variant ?? 'caption'
44
+ variant: variant !== null && variant !== void 0 ? variant : 'caption'
45
45
  }, children)) : /*#__PURE__*/_react.default.createElement(CustomRouterLink, {
46
46
  className: className,
47
47
  innerRef: ref,
package/build/components/Search/Search.js CHANGED
@@ -111,8 +111,8 @@ const Search = ({
111
111
  const getOptionLabel = () => {
112
112
  if (searchRemote) {
113
113
  return option => {
114
- var _option$package;
115
- return (option === null || option === void 0 ? void 0 : (_option$package = option.package) === null || _option$package === void 0 ? void 0 : _option$package.name) ?? '';
114
+ var _option$package$name, _option$package;
115
+ return (_option$package$name = option === null || option === void 0 ? void 0 : (_option$package = option.package) === null || _option$package === void 0 ? void 0 : _option$package.name) !== null && _option$package$name !== void 0 ? _option$package$name : '';
116
116
  };
117
117
  } else {
118
118
  return option => {
package/build/src/components/Search/AutoComplete/styles.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
6
6
  theme?: import("@emotion/react").Theme | undefined;
7
7
  as?: import("react").ElementType<any> | undefined;
8
8
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
- export declare const StyledTextField: import("@emotion/styled").StyledComponent<(((Pick<import("@mui/material").StandardTextFieldProps, keyof import("@mui/material").StandardTextFieldProps> | Pick<import("@mui/material").FilledTextFieldProps, keyof import("@mui/material").FilledTextFieldProps> | Pick<import("@mui/material").OutlinedTextFieldProps, keyof import("@mui/material").OutlinedTextFieldProps>) & import("react").RefAttributes<HTMLDivElement>) & {
9
+ export declare const StyledTextField: import("@emotion/styled").StyledComponent<(((Pick<import("@mui/material").OutlinedTextFieldProps, keyof import("@mui/material").OutlinedTextFieldProps> | Pick<import("@mui/material").FilledTextFieldProps, keyof import("@mui/material").FilledTextFieldProps> | Pick<import("@mui/material").StandardTextFieldProps, keyof import("@mui/material").StandardTextFieldProps>) & import("react").RefAttributes<HTMLDivElement>) & {
10
10
  theme?: import("@emotion/react").Theme | undefined;
11
11
  }) & {
12
12
  theme?: import("@mui/material").Theme | undefined;
package/build/src/components/Search/styles.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  export interface InputFieldProps {
3
3
  color: string;
4
4
  }
5
- export declare const StyledTextField: import("@emotion/styled").StyledComponent<(((Pick<import("@mui/material").StandardTextFieldProps, keyof import("@mui/material").StandardTextFieldProps> | Pick<import("@mui/material").FilledTextFieldProps, keyof import("@mui/material").FilledTextFieldProps> | Pick<import("@mui/material").OutlinedTextFieldProps, keyof import("@mui/material").OutlinedTextFieldProps>) & import("react").RefAttributes<HTMLDivElement>) & {
5
+ export declare const StyledTextField: import("@emotion/styled").StyledComponent<(((Pick<import("@mui/material").OutlinedTextFieldProps, keyof import("@mui/material").OutlinedTextFieldProps> | Pick<import("@mui/material").FilledTextFieldProps, keyof import("@mui/material").FilledTextFieldProps> | Pick<import("@mui/material").StandardTextFieldProps, keyof import("@mui/material").StandardTextFieldProps>) & import("react").RefAttributes<HTMLDivElement>) & {
6
6
  theme?: import("@emotion/react").Theme | undefined;
7
7
  }) & {
8
8
  theme?: import("@mui/material").Theme | undefined;
package/build/src/components/TextField/TextField.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- declare const TextField: React.ForwardRefExoticComponent<(Pick<import("@mui/material/TextField").StandardTextFieldProps, keyof import("@mui/material/TextField").StandardTextFieldProps> | Pick<import("@mui/material/TextField").FilledTextFieldProps, keyof import("@mui/material/TextField").FilledTextFieldProps> | Pick<import("@mui/material/TextField").OutlinedTextFieldProps, keyof import("@mui/material/TextField").OutlinedTextFieldProps>) & React.RefAttributes<HTMLDivElement>>;
2
+ declare const TextField: React.ForwardRefExoticComponent<(Pick<import("@mui/material/TextField").OutlinedTextFieldProps, keyof import("@mui/material/TextField").OutlinedTextFieldProps> | Pick<import("@mui/material/TextField").FilledTextFieldProps, keyof import("@mui/material/TextField").FilledTextFieldProps> | Pick<import("@mui/material/TextField").StandardTextFieldProps, keyof import("@mui/material/TextField").StandardTextFieldProps>) & React.RefAttributes<HTMLDivElement>>;
3
3
  export default TextField;
package/build/src/sections/Header/HeaderMenu.d.ts CHANGED
@@ -2,7 +2,7 @@ import React, { MouseEvent } from 'react';
2
2
  interface Props {
3
3
  username: string;
4
4
  isMenuOpen: boolean;
5
- anchorEl?: Element | ((element: Element) => Element) | null | undefined;
5
+ anchorEl?: Element | null | undefined;
6
6
  onLogout: () => void;
7
7
  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;
8
8
  onLoggedInMenuClose: () => void;
package/build/store/models/configuration.js CHANGED
@@ -22,8 +22,8 @@ const defaultValues = {
22
22
  title: 'Verdaccio'
23
23
  };
24
24
  function getConfiguration() {
25
- var _window;
26
- const uiConfiguration = ((_window = window) === null || _window === void 0 ? void 0 : _window.__VERDACCIO_BASENAME_UI_OPTIONS) ?? defaultValues;
25
+ var _window$__VERDACCIO_B, _window;
26
+ const uiConfiguration = (_window$__VERDACCIO_B = (_window = window) === null || _window === void 0 ? void 0 : _window.__VERDACCIO_BASENAME_UI_OPTIONS) !== null && _window$__VERDACCIO_B !== void 0 ? _window$__VERDACCIO_B : defaultValues;
27
27
  if ((0, _isNil.default)(uiConfiguration.primaryColor) || (0, _isEmpty.default)(uiConfiguration.primaryColor)) {
28
28
  uiConfiguration.primaryColor = _Theme.colors.PRIMARY_COLOR;
29
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@verdaccio/ui-components",
3
- "version": "2.0.0-6-next.10",
3
+ "version": "3.0.0-next.0",
4
4
  "description": "theme ui component",
5
5
  "author": "Juan Picado <juanpicado19@gmail.com>",
6
6
  "license": "MIT",
@@ -12,17 +12,17 @@
12
12
  "@emotion/styled": "^11.10.6",
13
13
  "@fontsource/material-icons": "^4.5.4",
14
14
  "@fontsource/roboto": "^4.5.8",
15
- "@mui/icons-material": "5.11.16",
16
- "@mui/material": "5.12.0",
17
- "@mui/styles": "5.12.0",
18
- "@mui/system": "5.12.0",
15
+ "@mui/icons-material": "5.13.7",
16
+ "@mui/material": "5.13.7",
17
+ "@mui/styles": "5.13.7",
18
+ "@mui/system": "5.13.7",
19
19
  "@rematch/core": "2.2.0",
20
20
  "@rematch/loading": "2.1.2",
21
21
  "@rematch/persist": "2.1.2",
22
22
  "country-flag-icons": "1.5.5",
23
23
  "dayjs": "1.11.7",
24
24
  "dompurify": "2.4.5",
25
- "github-markdown-css": "5.1.0",
25
+ "github-markdown-css": "5.2.0",
26
26
  "highlight.js": "11.7.0",
27
27
  "history": "4.10.1",
28
28
  "i18next": "20.6.1",
@@ -62,10 +62,10 @@
62
62
  "@types/hast": "^2.0.0",
63
63
  "@types/react-router": "^5.1.20",
64
64
  "@types/unist": "^2.0.0",
65
- "@verdaccio/types": "11.0.0-6-next.25",
65
+ "@verdaccio/types": "12.0.0-next.0",
66
66
  "babel-loader": "^8.3.0",
67
67
  "mockdate": "3.0.5",
68
- "msw": "0.49.2"
68
+ "msw": "0.49.3"
69
69
  },
70
70
  "msw": {
71
71
  "workerDirectory": "public"
package/src/sections/Header/HeaderMenu.tsx CHANGED
@@ -10,7 +10,7 @@ import HeaderGreetings from './HeaderGreetings';
10
10
  interface Props {
11
11
  username: string;
12
12
  isMenuOpen: boolean;
13
- anchorEl?: Element | ((element: Element) => Element) | null | undefined;
13
+ anchorEl?: Element | null | undefined;
14
14
  onLogout: () => void;
15
15
  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;
16
16
  onLoggedInMenuClose: () => void;