@react-md/progress - npm Package Compare versions

Comparing version 2.0.0-alpha.15 to 2.0.0-beta.0

es/CircularProgress.js

@@ -28,3 +28,3 @@ var __assign = (this && this.__assign) || function () {
 var block = bem("rmd-circular-progress");
-function CircularProgress(_a, ref) {
+var CircularProgress = forwardRef(function CircularProgress(_a, ref) {
     var className = _a.className, propSvgStyle = _a.svgStyle, svgClassName = _a.svgClassName, propCircleStyle = _a.circleStyle, circleClassName = _a.circleClassName, value = _a.value, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.radius, radius = _d === void 0 ? 30 : _d, _e = _a.center, center = _e === void 0 ? 33 : _e, _f = _a.viewBox, viewBox = _f === void 0 ? "0 0 66 66" : _f, _g = _a.dashoffset, dashoffset = _g === void 0 ? 187 : _g, _h = _a.animate, animate = _h === void 0 ? true : _h, _j = _a.centered, centered = _j === void 0 ? true : _j, _k = _a.maxRotation, maxRotation = _k === void 0 ? 360 * 1.75 : _k, props = __rest(_a, ["className", "svgStyle", "svgClassName", "circleStyle", "circleClassName", "value", "min", "max", "radius", "center", "viewBox", "dashoffset", "animate", "centered", "maxRotation"]);
@@ -62,9 +62,9 @@ var progress = getProgress(min, max, value);
                 }), circleClassName), r: radius, cx: center, cy: center }))));
-}
-var ForwardedCircularProgress = forwardRef(CircularProgress);
+});
 if (process.env.NODE_ENV !== "production") {
     try {
         var PropTypes = require("prop-types");
-        ForwardedCircularProgress.propTypes = {
+        CircularProgress.propTypes = {
             id: PropTypes.string.isRequired,
+            className: PropTypes.string,
             min: PropTypes.number,
@@ -88,3 +88,3 @@ max: PropTypes.number,
 }
-export default ForwardedCircularProgress;
+export default CircularProgress;
 //# sourceMappingURL=CircularProgress.js.map

es/LinearProgress.js

@@ -28,3 +28,3 @@ var __assign = (this && this.__assign) || function () {
 var block = bem("rmd-linear-progress");
-function LinearProgress(_a, ref) {
+var LinearProgress = forwardRef(function LinearProgress(_a, ref) {
     var propStyle = _a.style, className = _a.className, propBarStyle = _a.barStyle, barClassName = _a.barClassName, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, value = _a.value, _d = _a.reverse, reverse = _d === void 0 ? false : _d, _e = _a.animate, animate = _e === void 0 ? true : _e, _f = _a.vertical, vertical = _f === void 0 ? false : _f, _g = _a.verticalHeight, verticalHeight = _g === void 0 ? 240 : _g, props = __rest(_a, ["style", "className", "barStyle", "barClassName", "min", "max", "value", "reverse", "animate", "vertical", "verticalHeight"]);
@@ -67,9 +67,10 @@ var style = useMemo(function () {
             }), barClassName) })));
-}
-var ForwardedLinearProgress = forwardRef(LinearProgress);
+});
 if (process.env.NODE_ENV !== "production") {
     try {
         var PropTypes = require("prop-types");
-        ForwardedLinearProgress.propTypes = {
+        LinearProgress.propTypes = {
             id: PropTypes.string.isRequired,
+            style: PropTypes.object,
+            className: PropTypes.string,
             min: PropTypes.number,
@@ -88,3 +89,3 @@ max: PropTypes.number,
 }
-export default ForwardedLinearProgress;
+export default LinearProgress;
 //# sourceMappingURL=LinearProgress.js.map

lib/CircularProgress.d.ts

@@ -61,3 +61,3 @@ import React, { CSSProperties, HTMLAttributes } from "react";
 }
-declare const ForwardedCircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLSpanElement>>;
-export default ForwardedCircularProgress;
+declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLSpanElement>>;
+export default CircularProgress;

lib/CircularProgress.js

@@ -40,3 +40,3 @@ "use strict";
 var block = utils_1.bem("rmd-circular-progress");
-function CircularProgress(_a, ref) {
+var CircularProgress = react_1.forwardRef(function CircularProgress(_a, ref) {
     var className = _a.className, propSvgStyle = _a.svgStyle, svgClassName = _a.svgClassName, propCircleStyle = _a.circleStyle, circleClassName = _a.circleClassName, value = _a.value, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.radius, radius = _d === void 0 ? 30 : _d, _e = _a.center, center = _e === void 0 ? 33 : _e, _f = _a.viewBox, viewBox = _f === void 0 ? "0 0 66 66" : _f, _g = _a.dashoffset, dashoffset = _g === void 0 ? 187 : _g, _h = _a.animate, animate = _h === void 0 ? true : _h, _j = _a.centered, centered = _j === void 0 ? true : _j, _k = _a.maxRotation, maxRotation = _k === void 0 ? 360 * 1.75 : _k, props = __rest(_a, ["className", "svgStyle", "svgClassName", "circleStyle", "circleClassName", "value", "min", "max", "radius", "center", "viewBox", "dashoffset", "animate", "centered", "maxRotation"]);
@@ -74,9 +74,9 @@ var progress = getProgress_1.default(min, max, value);
                 }), circleClassName), r: radius, cx: center, cy: center }))));
-}
-var ForwardedCircularProgress = react_1.forwardRef(CircularProgress);
+});
 if (process.env.NODE_ENV !== "production") {
     try {
         var PropTypes = require("prop-types");
-        ForwardedCircularProgress.propTypes = {
+        CircularProgress.propTypes = {
             id: PropTypes.string.isRequired,
+            className: PropTypes.string,
             min: PropTypes.number,
@@ -100,3 +100,3 @@ max: PropTypes.number,
 }
-exports.default = ForwardedCircularProgress;
+exports.default = CircularProgress;
 //# sourceMappingURL=CircularProgress.js.map

lib/getProgressA11y.d.ts

@@ -1,2 +0,2 @@
-interface ProgressA11y {
+export interface ProgressA11y {
     "aria-busy": true;
@@ -13,2 +13,1 @@ "aria-describedby": string;
 export default function getProgressA11y(progressId: string, progressing: boolean): ProgressA11y | undefined;
-export {};

lib/index.d.ts

@@ -5,2 +5,2 @@ export { default as LinearProgress } from "./LinearProgress";
 export * from "./CircularProgress";
-export { default as getProgressA11y } from "./getProgressA11y";
+export { default as getProgressA11y, ProgressA11y } from "./getProgressA11y";

lib/LinearProgress.d.ts

@@ -35,3 +35,3 @@ import React, { CSSProperties, HTMLAttributes } from "react";
 }
-declare const ForwardedLinearProgress: React.ForwardRefExoticComponent<LinearProgressProps & React.RefAttributes<HTMLSpanElement>>;
-export default ForwardedLinearProgress;
+declare const LinearProgress: React.ForwardRefExoticComponent<LinearProgressProps & React.RefAttributes<HTMLSpanElement>>;
+export default LinearProgress;

lib/LinearProgress.js

@@ -40,3 +40,3 @@ "use strict";
 var block = utils_1.bem("rmd-linear-progress");
-function LinearProgress(_a, ref) {
+var LinearProgress = react_1.forwardRef(function LinearProgress(_a, ref) {
     var propStyle = _a.style, className = _a.className, propBarStyle = _a.barStyle, barClassName = _a.barClassName, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, value = _a.value, _d = _a.reverse, reverse = _d === void 0 ? false : _d, _e = _a.animate, animate = _e === void 0 ? true : _e, _f = _a.vertical, vertical = _f === void 0 ? false : _f, _g = _a.verticalHeight, verticalHeight = _g === void 0 ? 240 : _g, props = __rest(_a, ["style", "className", "barStyle", "barClassName", "min", "max", "value", "reverse", "animate", "vertical", "verticalHeight"]);
@@ -79,9 +79,10 @@ var style = react_1.useMemo(function () {
             }), barClassName) })));
-}
-var ForwardedLinearProgress = react_1.forwardRef(LinearProgress);
+});
 if (process.env.NODE_ENV !== "production") {
     try {
         var PropTypes = require("prop-types");
-        ForwardedLinearProgress.propTypes = {
+        LinearProgress.propTypes = {
             id: PropTypes.string.isRequired,
+            style: PropTypes.object,
+            className: PropTypes.string,
             min: PropTypes.number,
@@ -100,3 +101,3 @@ max: PropTypes.number,
 }
-exports.default = ForwardedLinearProgress;
+exports.default = LinearProgress;
 //# sourceMappingURL=LinearProgress.js.map

package.json

 {
   "name": "@react-md/progress",
-  "version": "2.0.0-alpha.15",
+  "version": "2.0.0-beta.0",
   "description": "Create horizontal, vertical, and circular progress indicators",
@@ -38,5 +38,5 @@ "scripts": {
   "dependencies": {
-    "@react-md/theme": "^2.0.0-alpha.15",
-    "@react-md/transition": "^2.0.0-alpha.15",
-    "@react-md/utils": "^2.0.0-alpha.15",
+    "@react-md/theme": "^2.0.0-beta.0",
+    "@react-md/transition": "^2.0.0-beta.0",
+    "@react-md/utils": "^2.0.0-beta.0",
     "classnames": "^2.2.6"
@@ -53,3 +53,3 @@ },
   },
-  "gitHead": "c20671308497530c59f6563eafd1914b55122b8c"
+  "gitHead": "8d754a2c2734ee98eaf571e348a836cf12a9f104"
 }

src/getProgressA11y.ts

@@ -1,2 +0,2 @@
-interface ProgressA11y {
+export interface ProgressA11y {
   "aria-busy": true;
@@ -3,0 +3,0 @@ "aria-describedby": string;

src/index.ts

@@ -7,2 +7,2 @@ export { default as LinearProgress } from "./LinearProgress";
 
-export { default as getProgressA11y } from "./getProgressA11y";
+export { default as getProgressA11y, ProgressA11y } from "./getProgressA11y";

types/CircularProgress.d.ts

@@ -61,3 +61,3 @@ import React, { CSSProperties, HTMLAttributes } from "react";
 }
-declare const ForwardedCircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLSpanElement>>;
-export default ForwardedCircularProgress;
+declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLSpanElement>>;
+export default CircularProgress;

types/getProgressA11y.d.ts

@@ -1,2 +0,2 @@
-interface ProgressA11y {
+export interface ProgressA11y {
     "aria-busy": true;
@@ -13,2 +13,1 @@ "aria-describedby": string;
 export default function getProgressA11y(progressId: string, progressing: boolean): ProgressA11y | undefined;
-export {};

types/index.d.ts

@@ -5,2 +5,2 @@ export { default as LinearProgress } from "./LinearProgress";
 export * from "./CircularProgress";
-export { default as getProgressA11y } from "./getProgressA11y";
+export { default as getProgressA11y, ProgressA11y } from "./getProgressA11y";

types/LinearProgress.d.ts

@@ -35,3 +35,3 @@ import React, { CSSProperties, HTMLAttributes } from "react";
 }
-declare const ForwardedLinearProgress: React.ForwardRefExoticComponent<LinearProgressProps & React.RefAttributes<HTMLSpanElement>>;
-export default ForwardedLinearProgress;
+declare const LinearProgress: React.ForwardRefExoticComponent<LinearProgressProps & React.RefAttributes<HTMLSpanElement>>;
+export default LinearProgress;

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

145259

increased by0.45%

Worsened metrics

Lines of code

1637

decreased by-0.24%

Dependency changes

• Updated@react-md/theme@^2.0.0-beta.0

• Updated@react-md/transition@^2.0.0-beta.0

• Updated@react-md/utils@^2.0.0-beta.0