@uiw/react-shields - npm Package Compare versions

Comparing version 1.3.1 to 1.3.2

cjs/common/Base.d.ts

@@ -16,4 +16,5 @@ import React, { Component } from 'react';
     constructor(props: BaseProps & T, defaultState: BaseProps & T, forceState?: BaseProps & T);
+    componentDidUpdate(prevProps: Readonly<BaseProps & T>, prevState: Readonly<BaseState & T>, snapshot?: any): void;
     getUrl: () => string;
     render(): import("react/jsx-runtime").JSX.Element;
 }

cjs/common/Base.js

@@ -32,2 +32,9 @@ "use strict";
   (0, _createClass2["default"])(Base, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState, snapshot) {
+      if (prevProps !== this.props) {
+        this.setState((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, this.state), this.props));
+      }
+    }
+  }, {
     key: "render",
@@ -34,0 +41,0 @@ value: function render() {

cjs/coverages/Codacy.d.ts

@@ -16,4 +16,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Codacy extends Base<CodacyProps> {
+    static defaultProps: BaseProps;
     constructor(props: CodacyProps);
     getUrl: () => string;
 }

cjs/coverages/Codacy.js

@@ -39,2 +39,6 @@ "use strict";
 exports["default"] = Codacy;
+(0, _defineProperty2["default"])(Codacy, "defaultProps", {
+  platform: 'coveralls',
+  base: 'https://img.shields.io'
+});
 module.exports = exports.default;

cjs/coverages/Coverages.d.ts

@@ -22,4 +22,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Coverages extends Base<CoveragesProps> {
+    static defaultProps: BaseProps;
     constructor(props: CoveragesProps);
     getUrl: () => string;
 }

cjs/coverages/Coverages.js

@@ -41,2 +41,6 @@ "use strict";
 exports["default"] = Coverages;
+(0, _defineProperty2["default"])(Coverages, "defaultProps", {
+  platform: 'coveralls',
+  base: 'https://img.shields.io'
+});
 module.exports = exports.default;

cjs/npm/Downloads.d.ts

@@ -18,4 +18,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Downloads extends Base<DownloadProps> {
+    static defaultProps: BaseProps;
     constructor(props: DownloadProps);
     getUrl: () => string;
 }

cjs/npm/Downloads.js

@@ -56,2 +56,6 @@ "use strict";
 exports["default"] = Downloads;
+(0, _defineProperty2["default"])(Downloads, "defaultProps", {
+  platform: 'npm',
+  base: 'https://img.shields.io'
+});
 module.exports = exports.default;

cjs/npm/Size.d.ts

@@ -25,4 +25,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Size extends Base<SizeProps> {
+    static defaultProps: BaseProps;
     constructor(props: SizeProps);
     getUrl: () => string;
 }

cjs/npm/Size.js

@@ -72,2 +72,6 @@ "use strict";
 exports["default"] = Size;
+(0, _defineProperty2["default"])(Size, "defaultProps", {
+  platform: 'npm',
+  base: 'https://img.shields.io'
+});
 module.exports = exports.default;

cjs/npm/Version.d.ts

@@ -51,4 +51,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Version extends Base<VersionProps> {
+    static defaultProps: BaseProps;
     constructor(props: VersionProps);
     getUrl: () => string;
 }

cjs/npm/Version.js

@@ -120,2 +120,6 @@ "use strict";
 exports["default"] = Version;
+(0, _defineProperty2["default"])(Version, "defaultProps", {
+  platform: 'npm',
+  base: 'https://img.shields.io'
+});
 module.exports = exports.default;

esm/common/Base.d.ts

@@ -16,4 +16,5 @@ import React, { Component } from 'react';
     constructor(props: BaseProps & T, defaultState: BaseProps & T, forceState?: BaseProps & T);
+    componentDidUpdate(prevProps: Readonly<BaseProps & T>, prevState: Readonly<BaseState & T>, snapshot?: any): void;
     getUrl: () => string;
     render(): import("react/jsx-runtime").JSX.Element;
 }

esm/common/Base.js

@@ -11,2 +11,7 @@ import _extends from "@babel/runtime/helpers/extends";
   }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (prevProps !== this.props) {
+      this.setState(_extends({}, this.state, this.props));
+    }
+  }
   render() {
@@ -13,0 +18,0 @@ var {

esm/coverages/Codacy.d.ts

@@ -16,4 +16,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Codacy extends Base<CodacyProps> {
+    static defaultProps: BaseProps;
     constructor(props: CodacyProps);
     getUrl: () => string;
 }

esm/coverages/Codacy.js

@@ -19,2 +19,6 @@ import Base from '../common/Base';
   }
-}
+}
+Codacy.defaultProps = {
+  platform: 'coveralls',
+  base: 'https://img.shields.io'
+};

esm/coverages/Coverages.d.ts

@@ -22,4 +22,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Coverages extends Base<CoveragesProps> {
+    static defaultProps: BaseProps;
     constructor(props: CoveragesProps);
     getUrl: () => string;
 }

esm/coverages/Coverages.js

@@ -21,2 +21,6 @@ import Base from '../common/Base';
   }
-}
+}
+Coverages.defaultProps = {
+  platform: 'coveralls',
+  base: 'https://img.shields.io'
+};

esm/npm/Downloads.d.ts

@@ -18,4 +18,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Downloads extends Base<DownloadProps> {
+    static defaultProps: BaseProps;
     constructor(props: DownloadProps);
     getUrl: () => string;
 }

esm/npm/Downloads.js

@@ -36,2 +36,6 @@ import Base from '../common/Base';
   }
-}
+}
+Downloads.defaultProps = {
+  platform: 'npm',
+  base: 'https://img.shields.io'
+};

esm/npm/Size.d.ts

@@ -25,4 +25,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Size extends Base<SizeProps> {
+    static defaultProps: BaseProps;
     constructor(props: SizeProps);
     getUrl: () => string;
 }

esm/npm/Size.js

@@ -52,2 +52,6 @@ import Base from '../common/Base';
   }
-}
+}
+Size.defaultProps = {
+  platform: 'npm',
+  base: 'https://img.shields.io'
+};

esm/npm/Version.d.ts

@@ -51,4 +51,5 @@ import Base, { BaseProps } from '../common/Base';
 export default class Version extends Base<VersionProps> {
+    static defaultProps: BaseProps;
     constructor(props: VersionProps);
     getUrl: () => string;
 }

esm/npm/Version.js

@@ -102,2 +102,6 @@ import Base from '../common/Base';
   }
-}
+}
+Version.defaultProps = {
+  platform: 'npm',
+  base: 'https://img.shields.io'
+};

package.json

 {
   "name": "@uiw/react-shields",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Shields.io for react component, Quality metadata badges for open source projects.",
@@ -5,0 +5,0 @@ "author": "Kenny Wong <[e-mail]>",

README.md

@@ -126,2 +126,21 @@ react-shields
 
+```jsx mdx:preview
+import React from 'react';
+import Npm from '@uiw/react-shields/npm';
+
+export default function Demo() {
+  const [scope, setScope] = React.useState('@uiw');
+  const [packageName, setPackageName] = React.useState('react-shields');
+  return (
+    <>
+      <Npm.Size scope={scope} packageName={packageName} />
+      <div>
+        <button onClick={() => setPackageName('react-shields')}>react-shields</button>
+        <button onClick={() => setPackageName('react-codemirror')}>react-codemirror</button>
+      </div>
+    </>
+  );
+}
+```
+
 ### Npm.Downloads
@@ -128,0 +147,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

131719

increased by2.58%

Lines of code

3371

increased by2.71%

Number of lines in readme file

369

increased by5.43%

No dependency changes