@hig/radio-button - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

build/index.es.js

 import { cx, css } from 'emotion';
-import React from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -299,30 +299,54 @@ 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 ButtonPresenter = function ButtonPresenter(props) {
-  var customStylesheet = props.stylesheet,
-      otherProps = _objectWithoutProperties(props, ["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 radioButtonWrapperClassName = createCustomClassNames(className, "radio-button-wrapper");
+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,
-          metadata = _ref.metadata;
+var ButtonPresenter = function (_Component) {
+  _inherits(ButtonPresenter, _Component);
 
-      var styles = stylesheet(_extends({
-        stylesheet: customStylesheet
-      }, props), resolvedRoles, metadata.colorSchemeId);
-      return React.createElement("span", {
-        className: cx(css(styles.radioButtonWrapper), radioButtonWrapperClassName)
-      });
+  function ButtonPresenter() {
+    _classCallCheck(this, ButtonPresenter);
+
+    return _possibleConstructorReturn(this, (ButtonPresenter.__proto__ || Object.getPrototypeOf(ButtonPresenter)).apply(this, arguments));
+  }
+
+  _createClass(ButtonPresenter, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          customStylesheet = _props.stylesheet,
+          otherProps = _objectWithoutProperties(_props, ["stylesheet"]);
+
+      var className = otherProps.className;
+
+      var radioButtonWrapperClassName = createCustomClassNames(className, "radio-button-wrapper");
+
+      return React.createElement(
+        ThemeContext.Consumer,
+        null,
+        function (_ref) {
+          var resolvedRoles = _ref.resolvedRoles,
+              metadata = _ref.metadata;
+
+          var styles = stylesheet(_extends({
+            stylesheet: customStylesheet
+          }, _this2.props), resolvedRoles, metadata.colorSchemeId);
+          return React.createElement("span", {
+            className: cx(css(styles.radioButtonWrapper), radioButtonWrapperClassName)
+          });
+        }
+      );
     }
-  );
-};
+  }]);
 
-ButtonPresenter.displayName = "ButtonPresenter";
+  return ButtonPresenter;
+}(Component);
 
@@ -351,51 +375,75 @@ ButtonPresenter.propTypes = {
 
+var _createClass$1 = 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$1(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 RadioButtonPresenter = function RadioButtonPresenter(props) {
-  var disabled = props.disabled,
-      hasFocus = props.hasFocus,
-      hasHover = props.hasHover,
-      isPressed = props.isPressed,
-      customStylesheet = props.stylesheet,
-      otherProps = _objectWithoutProperties$1(props, ["disabled", "hasFocus", "hasHover", "isPressed", "stylesheet"]);
+function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  return React.createElement(
-    ThemeContext.Consumer,
-    null,
-    function (_ref) {
-      var resolvedRoles = _ref.resolvedRoles;
+function _possibleConstructorReturn$1(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 styles = stylesheet(_extends$1({
-        isPressed: isPressed,
-        hasFocus: hasFocus,
-        hasHover: hasHover,
-        disabled: disabled,
-        stylesheet: customStylesheet
-      }, props), resolvedRoles);
+function _inherits$1(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; }
 
-      var className = otherProps.className;
+var RadioButtonPresenter = function (_Component) {
+  _inherits$1(RadioButtonPresenter, _Component);
 
-      var radioButtonInputClassName = createCustomClassNames(className, "radio-button-input");
+  function RadioButtonPresenter() {
+    _classCallCheck$1(this, RadioButtonPresenter);
 
+    return _possibleConstructorReturn$1(this, (RadioButtonPresenter.__proto__ || Object.getPrototypeOf(RadioButtonPresenter)).apply(this, arguments));
+  }
+
+  _createClass$1(RadioButtonPresenter, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          disabled = _props.disabled,
+          hasFocus = _props.hasFocus,
+          hasHover = _props.hasHover,
+          isPressed = _props.isPressed,
+          customStylesheet = _props.stylesheet,
+          otherProps = _objectWithoutProperties$1(_props, ["disabled", "hasFocus", "hasHover", "isPressed", "stylesheet"]);
+
       return React.createElement(
-        "div",
-        { className: cx(css(styles.radioButtonContainer), className) },
-        React.createElement("input", _extends$1({}, otherProps, {
-          disabled: disabled,
-          type: "radio",
-          className: cx(css(styles.radioButtonInput), radioButtonInputClassName)
-        })),
-        React.createElement(ButtonPresenter, _extends$1({}, otherProps, {
-          hasFocus: hasFocus,
-          hasHover: hasHover,
-          isPressed: isPressed,
-          disabled: disabled,
-          stylesheet: customStylesheet
-        }))
+        ThemeContext.Consumer,
+        null,
+        function (_ref) {
+          var resolvedRoles = _ref.resolvedRoles;
+
+          var styles = stylesheet(_extends$1({
+            isPressed: isPressed,
+            hasFocus: hasFocus,
+            hasHover: hasHover,
+            disabled: disabled,
+            stylesheet: customStylesheet
+          }, _this2.props), resolvedRoles);
+
+          var className = otherProps.className;
+
+          var radioButtonInputClassName = createCustomClassNames(className, "radio-button-input");
+
+          return React.createElement(
+            "div",
+            { className: cx(css(styles.radioButtonContainer), className) },
+            React.createElement("input", _extends$1({}, otherProps, {
+              disabled: disabled,
+              type: "radio",
+              className: cx(css(styles.radioButtonInput), radioButtonInputClassName)
+            })),
+            React.createElement(ButtonPresenter, _extends$1({}, otherProps, {
+              hasFocus: hasFocus,
+              hasHover: hasHover,
+              isPressed: isPressed,
+              disabled: disabled,
+              stylesheet: customStylesheet
+            }))
+          );
+        }
       );
     }
-  );
-};
+  }]);
 
-RadioButtonPresenter.displayName = "RadioButtonPresenter";
+  return RadioButtonPresenter;
+}(Component);
 
@@ -402,0 +450,0 @@ RadioButtonPresenter.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'));
@@ -306,30 +307,54 @@ 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 ButtonPresenter = function ButtonPresenter(props) {
-  var customStylesheet = props.stylesheet,
-      otherProps = _objectWithoutProperties(props, ["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 radioButtonWrapperClassName = createCustomClassNames(className, "radio-button-wrapper");
+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,
-          metadata = _ref.metadata;
+var ButtonPresenter = function (_Component) {
+  _inherits(ButtonPresenter, _Component);
 
-      var styles = stylesheet(_extends({
-        stylesheet: customStylesheet
-      }, props), resolvedRoles, metadata.colorSchemeId);
-      return React.createElement("span", {
-        className: emotion.cx(emotion.css(styles.radioButtonWrapper), radioButtonWrapperClassName)
-      });
+  function ButtonPresenter() {
+    _classCallCheck(this, ButtonPresenter);
+
+    return _possibleConstructorReturn(this, (ButtonPresenter.__proto__ || Object.getPrototypeOf(ButtonPresenter)).apply(this, arguments));
+  }
+
+  _createClass(ButtonPresenter, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          customStylesheet = _props.stylesheet,
+          otherProps = _objectWithoutProperties(_props, ["stylesheet"]);
+
+      var className = otherProps.className;
+
+      var radioButtonWrapperClassName = createCustomClassNames(className, "radio-button-wrapper");
+
+      return React__default.createElement(
+        themeContext.ThemeContext.Consumer,
+        null,
+        function (_ref) {
+          var resolvedRoles = _ref.resolvedRoles,
+              metadata = _ref.metadata;
+
+          var styles = stylesheet(_extends({
+            stylesheet: customStylesheet
+          }, _this2.props), resolvedRoles, metadata.colorSchemeId);
+          return React__default.createElement("span", {
+            className: emotion.cx(emotion.css(styles.radioButtonWrapper), radioButtonWrapperClassName)
+          });
+        }
+      );
     }
-  );
-};
+  }]);
 
-ButtonPresenter.displayName = "ButtonPresenter";
+  return ButtonPresenter;
+}(React.Component);
 
@@ -358,51 +383,75 @@ ButtonPresenter.propTypes = {
 
+var _createClass$1 = 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$1(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 RadioButtonPresenter = function RadioButtonPresenter(props) {
-  var disabled = props.disabled,
-      hasFocus = props.hasFocus,
-      hasHover = props.hasHover,
-      isPressed = props.isPressed,
-      customStylesheet = props.stylesheet,
-      otherProps = _objectWithoutProperties$1(props, ["disabled", "hasFocus", "hasHover", "isPressed", "stylesheet"]);
+function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  return React.createElement(
-    themeContext.ThemeContext.Consumer,
-    null,
-    function (_ref) {
-      var resolvedRoles = _ref.resolvedRoles;
+function _possibleConstructorReturn$1(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 styles = stylesheet(_extends$1({
-        isPressed: isPressed,
-        hasFocus: hasFocus,
-        hasHover: hasHover,
-        disabled: disabled,
-        stylesheet: customStylesheet
-      }, props), resolvedRoles);
+function _inherits$1(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; }
 
-      var className = otherProps.className;
+var RadioButtonPresenter = function (_Component) {
+  _inherits$1(RadioButtonPresenter, _Component);
 
-      var radioButtonInputClassName = createCustomClassNames(className, "radio-button-input");
+  function RadioButtonPresenter() {
+    _classCallCheck$1(this, RadioButtonPresenter);
 
-      return React.createElement(
-        "div",
-        { className: emotion.cx(emotion.css(styles.radioButtonContainer), className) },
-        React.createElement("input", _extends$1({}, otherProps, {
-          disabled: disabled,
-          type: "radio",
-          className: emotion.cx(emotion.css(styles.radioButtonInput), radioButtonInputClassName)
-        })),
-        React.createElement(ButtonPresenter, _extends$1({}, otherProps, {
-          hasFocus: hasFocus,
-          hasHover: hasHover,
-          isPressed: isPressed,
-          disabled: disabled,
-          stylesheet: customStylesheet
-        }))
+    return _possibleConstructorReturn$1(this, (RadioButtonPresenter.__proto__ || Object.getPrototypeOf(RadioButtonPresenter)).apply(this, arguments));
+  }
+
+  _createClass$1(RadioButtonPresenter, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          disabled = _props.disabled,
+          hasFocus = _props.hasFocus,
+          hasHover = _props.hasHover,
+          isPressed = _props.isPressed,
+          customStylesheet = _props.stylesheet,
+          otherProps = _objectWithoutProperties$1(_props, ["disabled", "hasFocus", "hasHover", "isPressed", "stylesheet"]);
+
+      return React__default.createElement(
+        themeContext.ThemeContext.Consumer,
+        null,
+        function (_ref) {
+          var resolvedRoles = _ref.resolvedRoles;
+
+          var styles = stylesheet(_extends$1({
+            isPressed: isPressed,
+            hasFocus: hasFocus,
+            hasHover: hasHover,
+            disabled: disabled,
+            stylesheet: customStylesheet
+          }, _this2.props), resolvedRoles);
+
+          var className = otherProps.className;
+
+          var radioButtonInputClassName = createCustomClassNames(className, "radio-button-input");
+
+          return React__default.createElement(
+            "div",
+            { className: emotion.cx(emotion.css(styles.radioButtonContainer), className) },
+            React__default.createElement("input", _extends$1({}, otherProps, {
+              disabled: disabled,
+              type: "radio",
+              className: emotion.cx(emotion.css(styles.radioButtonInput), radioButtonInputClassName)
+            })),
+            React__default.createElement(ButtonPresenter, _extends$1({}, otherProps, {
+              hasFocus: hasFocus,
+              hasHover: hasHover,
+              isPressed: isPressed,
+              disabled: disabled,
+              stylesheet: customStylesheet
+            }))
+          );
+        }
       );
     }
-  );
-};
+  }]);
 
-RadioButtonPresenter.displayName = "RadioButtonPresenter";
+  return RadioButtonPresenter;
+}(React.Component);
 
@@ -519,3 +568,3 @@ RadioButtonPresenter.propTypes = {
 
-  return React.createElement(
+  return React__default.createElement(
     behaviors.ControlBehavior,
@@ -540,3 +589,3 @@ {
           handleMouseUp = _ref.onMouseUp;
-      return React.createElement(RadioButtonPresenter, _extends$2({
+      return React__default.createElement(RadioButtonPresenter, _extends$2({
         hasFocus: hasFocus,
@@ -543,0 +592,0 @@ hasHover: hasHover,

CHANGELOG.md

@@ -0,1 +1,13 @@
+# [@hig/radio-button-v1.1.2](https://github.com/Autodesk/hig/compare/@hig/radio-button@1.1.1...@hig/radio-button@1.1.2) (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/radio-button-v1.1.1](https://github.com/Autodesk/hig/compare/@hig/radio-button@1.1.0...@hig/radio-button@1.1.1) (2022-01-12)
@@ -2,0 +14,0 @@

package.json

 {
   "name": "@hig/radio-button",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "HIG Radio Button",
@@ -20,3 +20,3 @@ "author": "Autodesk Inc.",
   "dependencies": {
-    "@hig/behaviors": "^1.1.1",
+    "@hig/behaviors": "^1.1.2",
     "emotion": "^10.0.0",
@@ -27,5 +27,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"
   },
@@ -36,6 +36,6 @@ "devDependencies": {
     "@hig/jest-preset": "^0.1.0",
-    "@hig/label": "^1.2.1",
+    "@hig/label": "^1.2.2",
     "@hig/scripts": "^0.1.2",
     "@hig/semantic-release-config": "^0.1.0",
-    "@hig/spacer": "^1.1.1"
+    "@hig/spacer": "^1.1.2"
   },
@@ -42,0 +42,0 @@ "scripts": {

README.md

@@ -7,2 +7,3 @@ # Radio Button
 
+
 ## Getting started
@@ -51,2 +52,2 @@
 }
-```
+```

No alert changes

Improved metrics

Total package byte prevSize

50699

increased by20.21%

Lines of code

1058

increased by7.41%

Number of lines in readme file

52

increased by4%

Dependency changes

• - Removedreact@17.0.2(transitive)

• Updated@hig/behaviors@^1.1.2