carbon-react 98.0.1 → 99.0.0

package/lib/components/detail/detail.component.js

@@ -23,88 +23,30 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default);
 
-let Detail = /*#__PURE__*/function (_React$Component) {
-  _inherits(Detail, _React$Component);
-
-  var _super = _createSuper(Detail);
-
-  function Detail(...args) {
-    var _this;
-
-    _classCallCheck(this, Detail);
-
-    _this = _super.call(this, ...args);
-
-    _defineProperty(_assertThisInitialized(_this), "icon", () => {
-      if (!_this.props.icon) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_detail.StyledDetailIcon, {
-        type: _this.props.icon,
-        "data-element": "icon"
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "footnote", () => {
-      if (!_this.props.footnote) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_detail.StyledDetailFootnote, {
-        "data-element": "footnote",
-        hasIcon: _this.props.icon
-      }, _this.props.footnote);
-    });
-
-    return _this;
-  }
-
-  _createClass(Detail, [{
-    key: "render",
-    value:
-    /**
-     * @method render
-     * @return {Object} JSX
-     */
-    function render() {
-      const marginProps = (0, _utils.filterStyledSystemMarginProps)(this.props);
-      return /*#__PURE__*/_react.default.createElement(_detail.StyledDetail, _extends({
-        className: (0, _classnames.default)("carbon-detail", this.props.className),
-        hasIcon: this.props.icon
-      }, (0, _tags.default)("detail", this.props), marginProps), this.icon(), /*#__PURE__*/_react.default.createElement(_detail.StyledDetailContent, {
-        "data-element": "detail-content",
-        hasIcon: this.props.icon
-      }, this.props.children), this.footnote());
-    }
-  }]);
-
-  return Detail;
-}(_react.default.Component);
+const Detail = ({
+  className,
+  icon,
+  footnote,
+  children,
+  ...rest
+}) => {
+  const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);
+  return /*#__PURE__*/_react.default.createElement(_detail.StyledDetail, _extends({
+    className: (0, _classnames.default)("carbon-detail", className),
+    hasIcon: icon
+  }, (0, _tags.default)("detail", rest), marginProps), icon && /*#__PURE__*/_react.default.createElement(_detail.StyledDetailIcon, {
+    type: icon,
+    "data-element": "icon"
+  }), /*#__PURE__*/_react.default.createElement(_detail.StyledDetailContent, {
+    "data-element": "detail-content",
+    hasIcon: icon
+  }, children), footnote && /*#__PURE__*/_react.default.createElement(_detail.StyledDetailFootnote, {
+    "data-element": "footnote",
+    hasIcon: icon
+  }, footnote));
+};
 
 Detail.propTypes = { ...marginPropTypes,
 
@@ -114,7 +56,7 @@ Detail.propTypes = { ...marginPropTypes,
   className: _propTypes.default.string,
 
   /**
-   * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
+   * <a href="https://carbon.sage.com/?path=/docs/icon--list-of-icons#list-of-icons" target="_blank">List of supported icons</a>
    *
    * The type of icon to use.
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "98.0.1",
+  "version": "99.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {