@hig/progress-bar - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

build/index.es.js

 import { keyframes, cx, css } from 'emotion';
-import React from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -88,62 +88,84 @@ import { ThemeContext } from '@hig/theme-context';
 
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-var ProgressBar = function ProgressBar(props) {
-  var percentComplete = props.percentComplete,
-      customStylesheet = props.stylesheet,
-      otherProps = _objectWithoutProperties(props, ["percentComplete", "stylesheet"]);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  var className = otherProps.className;
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 
-  var innerWrapperClassNames = createCustomClassNames(className, "progress-bar");
-  var fillClassNames = createCustomClassNames(className, "fill");
-  var polygonClassNames = createCustomClassNames(className, "polygon");
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-  return React.createElement(
-    ThemeContext.Consumer,
-    null,
-    function (_ref) {
-      var resolvedRoles = _ref.resolvedRoles;
+var ProgressBar = function (_Component) {
+  _inherits(ProgressBar, _Component);
 
-      var styles = stylesheet({ percentComplete: percentComplete, stylesheet: customStylesheet }, resolvedRoles);
+  function ProgressBar() {
+    _classCallCheck(this, ProgressBar);
+
+    return _possibleConstructorReturn(this, (ProgressBar.__proto__ || Object.getPrototypeOf(ProgressBar)).apply(this, arguments));
+  }
+
+  _createClass(ProgressBar, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          percentComplete = _props.percentComplete,
+          customStylesheet = _props.stylesheet,
+          otherProps = _objectWithoutProperties(_props, ["percentComplete", "stylesheet"]);
+
+      var className = otherProps.className;
+
+      var innerWrapperClassNames = createCustomClassNames(className, "progress-bar");
+      var fillClassNames = createCustomClassNames(className, "fill");
+      var polygonClassNames = createCustomClassNames(className, "polygon");
+
       return React.createElement(
-        "div",
-        {
-          className: cx(css(styles.wrapper), className),
-          role: "progressbar",
-          "aria-valuemin": "0",
-          "aria-valuemax": "100",
-          "aria-valuenow": percentComplete
-        },
-        React.createElement(
-          "div",
-          {
-            className: cx(css(styles.progressBar), innerWrapperClassNames)
-          },
-          React.createElement("div", {
-            className: cx(css(styles.progressBarFill), fillClassNames)
-          }),
-          React.createElement(
-            "svg",
+        ThemeContext.Consumer,
+        null,
+        function (_ref) {
+          var resolvedRoles = _ref.resolvedRoles;
+
+          var styles = stylesheet({ percentComplete: percentComplete, stylesheet: customStylesheet }, resolvedRoles);
+          return React.createElement(
+            "div",
             {
-              width: "3px",
-              height: "4px",
-              viewBox: "0 0 3 4",
-              version: "1.1",
-              xmlns: "http://www.w3.org/2000/svg",
-              xmlnsXlink: "http://www.w3.org/1999/xlink"
+              className: cx(css(styles.wrapper), className),
+              role: "progressbar",
+              "aria-valuemin": "0",
+              "aria-valuemax": "100",
+              "aria-valuenow": percentComplete
             },
-            React.createElement("polygon", {
-              className: cx(css(styles.polygon), polygonClassNames),
-              id: "end-right",
-              points: "0 0 2.68 0 1 4 0 4"
-            })
-          )
-        )
+            React.createElement(
+              "div",
+              {
+                className: cx(css(styles.progressBar), innerWrapperClassNames)
+              },
+              React.createElement("div", {
+                className: cx(css(styles.progressBarFill), fillClassNames)
+              }),
+              React.createElement(
+                "svg",
+                {
+                  width: "3px",
+                  height: "4px",
+                  viewBox: "0 0 3 4",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  xmlnsXlink: "http://www.w3.org/1999/xlink"
+                },
+                React.createElement("polygon", {
+                  className: cx(css(styles.polygon), polygonClassNames),
+                  id: "end-right",
+                  points: "0 0 2.68 0 1 4 0 4"
+                })
+              )
+            )
+          );
+        }
       );
     }
-  );
-};
+  }]);
 
-ProgressBar.displayName = "ProgressBar";
+  return ProgressBar;
+}(Component);
 
@@ -150,0 +172,0 @@ ProgressBar.propTypes = {

build/index.js

@@ -8,3 +8,4 @@ 'use strict';
 var emotion = require('emotion');
-var React = _interopDefault(require('react'));
+var React = require('react');
+var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
@@ -95,62 +96,84 @@ var themeContext = require('@hig/theme-context');
 
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-var ProgressBar = function ProgressBar(props) {
-  var percentComplete = props.percentComplete,
-      customStylesheet = props.stylesheet,
-      otherProps = _objectWithoutProperties(props, ["percentComplete", "stylesheet"]);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  var className = otherProps.className;
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 
-  var innerWrapperClassNames = utils.createCustomClassNames(className, "progress-bar");
-  var fillClassNames = utils.createCustomClassNames(className, "fill");
-  var polygonClassNames = utils.createCustomClassNames(className, "polygon");
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-  return React.createElement(
-    themeContext.ThemeContext.Consumer,
-    null,
-    function (_ref) {
-      var resolvedRoles = _ref.resolvedRoles;
+var ProgressBar = function (_Component) {
+  _inherits(ProgressBar, _Component);
 
-      var styles = stylesheet({ percentComplete: percentComplete, stylesheet: customStylesheet }, resolvedRoles);
-      return React.createElement(
-        "div",
-        {
-          className: emotion.cx(emotion.css(styles.wrapper), className),
-          role: "progressbar",
-          "aria-valuemin": "0",
-          "aria-valuemax": "100",
-          "aria-valuenow": percentComplete
-        },
-        React.createElement(
-          "div",
-          {
-            className: emotion.cx(emotion.css(styles.progressBar), innerWrapperClassNames)
-          },
-          React.createElement("div", {
-            className: emotion.cx(emotion.css(styles.progressBarFill), fillClassNames)
-          }),
-          React.createElement(
-            "svg",
+  function ProgressBar() {
+    _classCallCheck(this, ProgressBar);
+
+    return _possibleConstructorReturn(this, (ProgressBar.__proto__ || Object.getPrototypeOf(ProgressBar)).apply(this, arguments));
+  }
+
+  _createClass(ProgressBar, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          percentComplete = _props.percentComplete,
+          customStylesheet = _props.stylesheet,
+          otherProps = _objectWithoutProperties(_props, ["percentComplete", "stylesheet"]);
+
+      var className = otherProps.className;
+
+      var innerWrapperClassNames = utils.createCustomClassNames(className, "progress-bar");
+      var fillClassNames = utils.createCustomClassNames(className, "fill");
+      var polygonClassNames = utils.createCustomClassNames(className, "polygon");
+
+      return React__default.createElement(
+        themeContext.ThemeContext.Consumer,
+        null,
+        function (_ref) {
+          var resolvedRoles = _ref.resolvedRoles;
+
+          var styles = stylesheet({ percentComplete: percentComplete, stylesheet: customStylesheet }, resolvedRoles);
+          return React__default.createElement(
+            "div",
             {
-              width: "3px",
-              height: "4px",
-              viewBox: "0 0 3 4",
-              version: "1.1",
-              xmlns: "http://www.w3.org/2000/svg",
-              xmlnsXlink: "http://www.w3.org/1999/xlink"
+              className: emotion.cx(emotion.css(styles.wrapper), className),
+              role: "progressbar",
+              "aria-valuemin": "0",
+              "aria-valuemax": "100",
+              "aria-valuenow": percentComplete
             },
-            React.createElement("polygon", {
-              className: emotion.cx(emotion.css(styles.polygon), polygonClassNames),
-              id: "end-right",
-              points: "0 0 2.68 0 1 4 0 4"
-            })
-          )
-        )
+            React__default.createElement(
+              "div",
+              {
+                className: emotion.cx(emotion.css(styles.progressBar), innerWrapperClassNames)
+              },
+              React__default.createElement("div", {
+                className: emotion.cx(emotion.css(styles.progressBarFill), fillClassNames)
+              }),
+              React__default.createElement(
+                "svg",
+                {
+                  width: "3px",
+                  height: "4px",
+                  viewBox: "0 0 3 4",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  xmlnsXlink: "http://www.w3.org/1999/xlink"
+                },
+                React__default.createElement("polygon", {
+                  className: emotion.cx(emotion.css(styles.polygon), polygonClassNames),
+                  id: "end-right",
+                  points: "0 0 2.68 0 1 4 0 4"
+                })
+              )
+            )
+          );
+        }
       );
     }
-  );
-};
+  }]);
 
-ProgressBar.displayName = "ProgressBar";
+  return ProgressBar;
+}(React.Component);
 
@@ -157,0 +180,0 @@ ProgressBar.propTypes = {

CHANGELOG.md

@@ -0,1 +1,13 @@
+# [@hig/progress-bar-v1.1.3](https://github.com/Autodesk/hig/compare/@hig/progress-bar@1.1.2...@hig/progress-bar@1.1.3) (2022-01-12)
+
+
+### Bug Fixes
+
+* Forcing semantic release by editing readmes ([d39b61f](https://github.com/Autodesk/hig/commit/d39b61f))
+
+
+### Reverts
+
+* "Revert "Revert "feat : Migrate all repository to React v17.0 """ ([bf78986](https://github.com/Autodesk/hig/commit/bf78986))
+
 # [@hig/progress-bar-v1.1.2](https://github.com/Autodesk/hig/compare/@hig/progress-bar@1.1.1...@hig/progress-bar@1.1.2) (2022-01-12)
@@ -2,0 +14,0 @@

package.json

 {
   "name": "@hig/progress-bar",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "HIG Progress Bar",
@@ -20,3 +20,3 @@ "author": "Autodesk Inc.",
   "dependencies": {
-    "@hig/utils": "^0.4.0",
+    "@hig/utils": "^0.4.1",
     "emotion": "^10.0.0",
@@ -26,5 +26,5 @@ "prop-types": "^15.7.1"
   "peerDependencies": {
-    "@hig/theme-context": "^3.0.2",
+    "@hig/theme-context": "^3.0.3",
     "@hig/theme-data": "^2.22.0",
-    "react": "^17.0.0"
+    "react": "^15.4.1 || ^16.3.2"
   },
@@ -31,0 +31,0 @@ "devDependencies": {

README.md

@@ -7,2 +7,3 @@ # Progress Bar
 
+
 ## Getting started
@@ -9,0 +10,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

21796

increased by26.36%

Lines of code

356

increased by10.9%

Number of lines in readme file

52

increased by1.96%

Dependency changes

• - Removedreact@17.0.2(transitive)

• Updated@hig/utils@^0.4.1