@hig/radio-button - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

build/index.es.js

 import { cx, css } from 'emotion';
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
@@ -299,54 +299,30 @@ 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; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var ButtonPresenter = function ButtonPresenter(props) {
+  var customStylesheet = props.stylesheet,
+      otherProps = _objectWithoutProperties(props, ["stylesheet"]);
 
-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 className = otherProps.className;
 
-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; }
+  var radioButtonWrapperClassName = createCustomClassNames(className, "radio-button-wrapper");
 
-var ButtonPresenter = function (_Component) {
-  _inherits(ButtonPresenter, _Component);
+  return React.createElement(
+    ThemeContext.Consumer,
+    null,
+    function (_ref) {
+      var resolvedRoles = _ref.resolvedRoles,
+          metadata = _ref.metadata;
 
-  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)
-          });
-        }
-      );
+      var styles = stylesheet(_extends({
+        stylesheet: customStylesheet
+      }, props), resolvedRoles, metadata.colorSchemeId);
+      return React.createElement("span", {
+        className: cx(css(styles.radioButtonWrapper), radioButtonWrapperClassName)
+      });
     }
-  }]);
+  );
+};
 
-  return ButtonPresenter;
-}(Component);
+ButtonPresenter.displayName = "ButtonPresenter";
 
@@ -375,75 +351,51 @@ 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; }
 
-function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _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; }
+  return React.createElement(
+    ThemeContext.Consumer,
+    null,
+    function (_ref) {
+      var resolvedRoles = _ref.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 styles = stylesheet(_extends$1({
+        isPressed: isPressed,
+        hasFocus: hasFocus,
+        hasHover: hasHover,
+        disabled: disabled,
+        stylesheet: customStylesheet
+      }, props), resolvedRoles);
 
-var RadioButtonPresenter = function (_Component) {
-  _inherits$1(RadioButtonPresenter, _Component);
+      var className = otherProps.className;
 
-  function RadioButtonPresenter() {
-    _classCallCheck$1(this, RadioButtonPresenter);
+      var radioButtonInputClassName = createCustomClassNames(className, "radio-button-input");
 
-    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(
-        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
-            }))
-          );
-        }
+        "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
+        }))
       );
     }
-  }]);
+  );
+};
 
-  return RadioButtonPresenter;
-}(Component);
+RadioButtonPresenter.displayName = "RadioButtonPresenter";
 
@@ -450,0 +402,0 @@ RadioButtonPresenter.propTypes = {

build/index.js

@@ -8,4 +8,3 @@ 'use strict';
 var emotion = require('emotion');
-var React = require('react');
-var React__default = _interopDefault(React);
+var React = _interopDefault(require('react'));
 var PropTypes = _interopDefault(require('prop-types'));
@@ -307,54 +306,30 @@ 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; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var ButtonPresenter = function ButtonPresenter(props) {
+  var customStylesheet = props.stylesheet,
+      otherProps = _objectWithoutProperties(props, ["stylesheet"]);
 
-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 className = otherProps.className;
 
-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; }
+  var radioButtonWrapperClassName = createCustomClassNames(className, "radio-button-wrapper");
 
-var ButtonPresenter = function (_Component) {
-  _inherits(ButtonPresenter, _Component);
+  return React.createElement(
+    themeContext.ThemeContext.Consumer,
+    null,
+    function (_ref) {
+      var resolvedRoles = _ref.resolvedRoles,
+          metadata = _ref.metadata;
 
-  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)
-          });
-        }
-      );
+      var styles = stylesheet(_extends({
+        stylesheet: customStylesheet
+      }, props), resolvedRoles, metadata.colorSchemeId);
+      return React.createElement("span", {
+        className: emotion.cx(emotion.css(styles.radioButtonWrapper), radioButtonWrapperClassName)
+      });
     }
-  }]);
+  );
+};
 
-  return ButtonPresenter;
-}(React.Component);
+ButtonPresenter.displayName = "ButtonPresenter";
 
@@ -383,75 +358,51 @@ 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; }
 
-function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _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; }
+  return React.createElement(
+    themeContext.ThemeContext.Consumer,
+    null,
+    function (_ref) {
+      var resolvedRoles = _ref.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 styles = stylesheet(_extends$1({
+        isPressed: isPressed,
+        hasFocus: hasFocus,
+        hasHover: hasHover,
+        disabled: disabled,
+        stylesheet: customStylesheet
+      }, props), resolvedRoles);
 
-var RadioButtonPresenter = function (_Component) {
-  _inherits$1(RadioButtonPresenter, _Component);
+      var className = otherProps.className;
 
-  function RadioButtonPresenter() {
-    _classCallCheck$1(this, RadioButtonPresenter);
+      var radioButtonInputClassName = createCustomClassNames(className, "radio-button-input");
 
-    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
-            }))
-          );
-        }
+      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 RadioButtonPresenter;
-}(React.Component);
+RadioButtonPresenter.displayName = "RadioButtonPresenter";
 
@@ -568,3 +519,3 @@ RadioButtonPresenter.propTypes = {
 
-  return React__default.createElement(
+  return React.createElement(
     behaviors.ControlBehavior,
@@ -589,3 +540,3 @@ {
           handleMouseUp = _ref.onMouseUp;
-      return React__default.createElement(RadioButtonPresenter, _extends$2({
+      return React.createElement(RadioButtonPresenter, _extends$2({
         hasFocus: hasFocus,
@@ -592,0 +543,0 @@ hasHover: hasHover,

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [@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)
+
+
+### Bug Fixes
+
+*  react v. in peerDependencies instead of dependencies ([4701332](https://github.com/Autodesk/hig/commit/4701332))
+
 # [@hig/radio-button-v1.1.0](https://github.com/Autodesk/hig/compare/@hig/radio-button@1.0.9...@hig/radio-button@1.1.0) (2020-12-07)
@@ -2,0 +9,0 @@

package.json

 {
   "name": "@hig/radio-button",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "HIG Radio Button",
@@ -26,5 +26,5 @@ "author": "Autodesk Inc.",
   "peerDependencies": {
-    "@hig/theme-context": "^3.0.1",
-    "@hig/theme-data": "^2.19.0",
-    "react": "^15.4.1 || ^16.3.2"
+    "@hig/theme-context": "^3.0.2",
+    "@hig/theme-data": "^2.22.0",
+    "react": "^17.0.0"
   },
@@ -35,6 +35,6 @@ "devDependencies": {
     "@hig/jest-preset": "^0.1.0",
-    "@hig/label": "^1.0.3",
+    "@hig/label": "^1.2.1",
     "@hig/scripts": "^0.1.2",
     "@hig/semantic-release-config": "^0.1.0",
-    "@hig/spacer": "^1.0.8"
+    "@hig/spacer": "^1.1.1"
   },
@@ -41,0 +41,0 @@ "scripts": {

No alert changes

Worsened metrics

Total package byte prevSize

42175

decreased by-15.7%

Lines of code

985

decreased by-6.9%

No dependency changes