cf-component-card - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

lib/Card.js

 "use strict";
 
-exports.__esModule = true;
+var React = require('react');
 
-var _react = require("react");
+function Card(props) {
+  return React.createElement(
+    "section",
+    { className: "cf-card" },
+    props.children
+  );
+}
 
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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 Card = (function (_React$Component) {
-  _inherits(Card, _React$Component);
-
-  function Card() {
-    _classCallCheck(this, Card);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-  }
-
-  Card.prototype.render = function render() {
-    return _react2.default.createElement(
-      "section",
-      { className: "cf-card" },
-      this.props.children
-    );
-  };
-
-  return Card;
-})(_react2.default.Component);
-
-exports.default = Card;
+module.exports = Card;

lib/CardContent.js

 "use strict";
 
-exports.__esModule = true;
+var React = require('react');
+var PropTypes = React.PropTypes;
 
-var _react = require("react");
+function CardContent(props) {
+  return React.createElement(
+    "div",
+    { className: "cf-card__content" },
+    React.createElement(
+      "h3",
+      { className: "cf-card__title" },
+      props.title
+    ),
+    props.children
+  );
+}
 
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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 CardContent = (function (_React$Component) {
-  _inherits(CardContent, _React$Component);
-
-  function CardContent() {
-    _classCallCheck(this, CardContent);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-  }
-
-  CardContent.prototype.render = function render() {
-    return _react2.default.createElement(
-      "div",
-      { className: "cf-card__content" },
-      _react2.default.createElement(
-        "h3",
-        { className: "cf-card__title" },
-        this.props.title
-      ),
-      this.props.children
-    );
-  };
-
-  return CardContent;
-})(_react2.default.Component);
-
 CardContent.propTypes = {
-  title: _react2.default.PropTypes.any.isRequired
+  title: PropTypes.any.isRequired
 };
-exports.default = CardContent;
+
+module.exports = CardContent;

lib/CardControl.js

 "use strict";
 
-exports.__esModule = true;
+var React = require('react');
 
-var _react = require("react");
+function CardControl(props) {
+  return React.createElement(
+    "div",
+    { className: "cf-card__control" },
+    props.children
+  );
+}
 
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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 CardControl = (function (_React$Component) {
-  _inherits(CardControl, _React$Component);
-
-  function CardControl() {
-    _classCallCheck(this, CardControl);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-  }
-
-  CardControl.prototype.render = function render() {
-    return _react2.default.createElement(
-      "div",
-      { className: "cf-card__control" },
-      this.props.children
-    );
-  };
-
-  return CardControl;
-})(_react2.default.Component);
-
-exports.default = CardControl;
+module.exports = CardControl;

lib/CardDrawers.js

 'use strict';
 
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _CardSection = require('./CardSection');
-
-var _CardSection2 = _interopRequireDefault(_CardSection);
-
-var _CardToolbar = require('./CardToolbar');
-
-var _CardToolbar2 = _interopRequireDefault(_CardToolbar);
-
-var _CardToolbarLink = require('./CardToolbarLink');
-
-var _CardToolbarLink2 = _interopRequireDefault(_CardToolbarLink);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -29,5 +9,12 @@
 
+var React = require('react');
+var PropTypes = React.PropTypes;
+
+var CardSection = require('./CardSection');
+var CardToolbar = require('./CardToolbar');
+var CardToolbarLink = require('./CardToolbarLink');
+
 var UNIQUE_ID = 0;
 
-var CardDrawers = (function (_React$Component) {
+var CardDrawers = function (_React$Component) {
   _inherits(CardDrawers, _React$Component);
@@ -57,4 +44,4 @@
 
-      links.push(_react2.default.createElement(
-        _CardToolbarLink2.default,
+      links.push(React.createElement(
+        CardToolbarLink,
         {
@@ -74,3 +61,3 @@ key: drawer.id,
 
-      drawers.push(_react2.default.createElement(
+      drawers.push(React.createElement(
         'div',
@@ -93,7 +80,7 @@ {
 
-    return _react2.default.createElement(
-      _CardSection2.default,
+    return React.createElement(
+      CardSection,
       null,
-      _react2.default.createElement(_CardToolbar2.default, { controls: this.props.controls, links: links }),
-      _react2.default.createElement(
+      React.createElement(CardToolbar, { controls: this.props.controls, links: links }),
+      React.createElement(
         'div',
@@ -107,17 +94,18 @@ { className: containerClassName },
   return CardDrawers;
-})(_react2.default.Component);
+}(React.Component);
 
 CardDrawers.propTypes = {
-  onClick: _react.PropTypes.func.isRequired,
+  onClick: PropTypes.func.isRequired,
 
-  active: _react.PropTypes.string,
-  drawers: _react.PropTypes.arrayOf(_react.PropTypes.shape({
-    id: _react.PropTypes.string.isRequired,
-    name: _react.PropTypes.string.isRequired,
-    content: _react.PropTypes.any.isRequired
+  active: PropTypes.string,
+  drawers: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+    content: PropTypes.any.isRequired
   })).isRequired,
 
   // for an optional control to put on the left side of the toolbar
-  controls: _react.PropTypes.any
+  controls: PropTypes.any
 };
-exports.default = CardDrawers;
+
+module.exports = CardDrawers;

lib/CardLoadingText.js

 "use strict";
 
-exports.__esModule = true;
+var React = require('react');
 
-var _react = require("react");
+function CardLoadingText(props) {
+  return React.createElement("div", { className: "cf-card__loading_text" });
+}
 
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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 CardLoadingText = (function (_React$Component) {
-  _inherits(CardLoadingText, _React$Component);
-
-  function CardLoadingText() {
-    _classCallCheck(this, CardLoadingText);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-  }
-
-  CardLoadingText.prototype.render = function render() {
-    return _react2.default.createElement("div", { className: "cf-card__loading_text" });
-  };
-
-  return CardLoadingText;
-})(_react2.default.Component);
-
-exports.default = CardLoadingText;
+module.exports = CardLoadingText;

lib/CardMessages.js

 'use strict';
 
-exports.__esModule = true;
+var React = require('react');
+var PropTypes = React.PropTypes;
 
-var _react = require('react');
+function CardMessages(props) {
+  return React.createElement(
+    'div',
+    { className: 'cf-card__messages' },
+    props.messages.map(function (message, index) {
+      return React.createElement(
+        'div',
+        { key: index, role: 'alert', className: 'cf-card__message cf-card__message--' + message.type },
+        message.content
+      );
+    })
+  );
+}
 
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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 CardMessages = (function (_React$Component) {
-  _inherits(CardMessages, _React$Component);
-
-  function CardMessages() {
-    _classCallCheck(this, CardMessages);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-  }
-
-  CardMessages.prototype.render = function render() {
-    return _react2.default.createElement(
-      'div',
-      { className: 'cf-card__messages' },
-      this.props.messages.map(function (message) {
-        return _react2.default.createElement(
-          'div',
-          { role: 'alert', className: 'cf-card__message cf-card__message--' + message.type },
-          message.content
-        );
-      })
-    );
-  };
-
-  return CardMessages;
-})(_react2.default.Component);
-
 CardMessages.propTypes = {
-  messages: _react.PropTypes.arrayOf(_react.PropTypes.shape({
-    type: _react.PropTypes.oneOf(['info', 'success', 'error', 'warning']),
-    content: _react.PropTypes.any.isRequired
-  }))
+  messages: PropTypes.arrayOf(PropTypes.shape({
+    type: PropTypes.oneOf(['info', 'success', 'error', 'warning']),
+    content: PropTypes.any.isRequired
+  })).isRequired
 };
-exports.default = CardMessages;
+
+module.exports = CardMessages;

lib/CardSection.js

 'use strict';
 
-exports.__esModule = true;
+var React = require('react');
+var PropTypes = React.PropTypes;
 
-var _react = require('react');
+function CardSection(props) {
+  return React.createElement(
+    'div',
+    { className: 'cf-card__section cf-card__section--' + props.status },
+    props.children
+  );
+}
 
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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 CardSection = (function (_React$Component) {
-  _inherits(CardSection, _React$Component);
-
-  function CardSection() {
-    _classCallCheck(this, CardSection);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-  }
-
-  CardSection.prototype.render = function render() {
-    return _react2.default.createElement(
-      'div',
-      { className: 'cf-card__section cf-card__section--' + this.props.status },
-      this.props.children
-    );
-  };
-
-  return CardSection;
-})(_react2.default.Component);
-
 CardSection.propTypes = {
-  status: _react2.default.PropTypes.oneOf(['default', 'error'])
+  status: PropTypes.oneOf(['default', 'error'])
 };
@@ -43,2 +20,3 @@ CardSection.defaultProps = {
 };
-exports.default = CardSection;
+
+module.exports = CardSection;

lib/CardToolbar.js

 "use strict";
 
-exports.__esModule = true;
+var React = require('react');
+var PropTypes = React.PropTypes;
 
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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 CardToolbar = (function (_React$Component) {
-  _inherits(CardToolbar, _React$Component);
-
-  function CardToolbar() {
-    _classCallCheck(this, CardToolbar);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-  }
-
-  CardToolbar.prototype.render = function render() {
-    return _react2.default.createElement(
+function CardToolbar(props) {
+  return React.createElement(
+    "div",
+    { className: "cf-card__toolbar" },
+    React.createElement(
       "div",
-      { className: "cf-card__toolbar" },
-      _react2.default.createElement(
-        "div",
-        { className: "cf-card__toolbar_controls" },
-        this.props.controls
-      ),
-      _react2.default.createElement(
-        "div",
-        { className: "cf-card__toolbar_links", role: "tablist" },
-        this.props.links
-      )
-    );
-  };
+      { className: "cf-card__toolbar_controls" },
+      props.controls
+    ),
+    React.createElement(
+      "div",
+      { className: "cf-card__toolbar_links", role: "tablist" },
+      props.links
+    )
+  );
+}
 
-  return CardToolbar;
-})(_react2.default.Component);
-
 CardToolbar.propTypes = {
-  controls: _react2.default.PropTypes.any,
-  links: _react2.default.PropTypes.any
+  controls: PropTypes.any,
+  links: PropTypes.any
 };
-exports.default = CardToolbar;
+
+module.exports = CardToolbar;

lib/CardToolbarLink.js

 'use strict';
 
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -17,3 +9,6 @@
 
-var CardToolbarLink = (function (_React$Component) {
+var React = require('react');
+var PropTypes = React.PropTypes;
+
+var CardToolbarLink = function (_React$Component) {
   _inherits(CardToolbarLink, _React$Component);
@@ -43,3 +38,3 @@
 
-    return _react2.default.createElement(
+    return React.createElement(
       'a',
@@ -52,9 +47,10 @@ { href: '#', role: 'tab', id: this.props.id, className: className, onClick: this.handleClick },
   return CardToolbarLink;
-})(_react2.default.Component);
+}(React.Component);
 
 CardToolbarLink.propTypes = {
-  onClick: _react2.default.PropTypes.func.isRequired,
-  isActive: _react2.default.PropTypes.bool.isRequired,
-  id: _react2.default.PropTypes.string
+  onClick: PropTypes.func.isRequired,
+  isActive: PropTypes.bool.isRequired,
+  id: PropTypes.string
 };
-exports.default = CardToolbarLink;
+
+module.exports = CardToolbarLink;

lib/index.js

 'use strict';
 
-exports.__esModule = true;
-exports.CardSection = exports.CardMessages = exports.CardLoadingText = exports.CardDrawers = exports.CardControl = exports.CardContent = exports.Card = undefined;
-
-var _Card2 = require('./Card');
-
-var _Card3 = _interopRequireDefault(_Card2);
-
-var _CardContent2 = require('./CardContent');
-
-var _CardContent3 = _interopRequireDefault(_CardContent2);
-
-var _CardControl2 = require('./CardControl');
-
-var _CardControl3 = _interopRequireDefault(_CardControl2);
-
-var _CardDrawers2 = require('./CardDrawers');
-
-var _CardDrawers3 = _interopRequireDefault(_CardDrawers2);
-
-var _CardLoadingText2 = require('./CardLoadingText');
-
-var _CardLoadingText3 = _interopRequireDefault(_CardLoadingText2);
-
-var _CardMessages2 = require('./CardMessages');
-
-var _CardMessages3 = _interopRequireDefault(_CardMessages2);
-
-var _CardSection2 = require('./CardSection');
-
-var _CardSection3 = _interopRequireDefault(_CardSection2);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.Card = _Card3.default;
-exports.CardContent = _CardContent3.default;
-exports.CardControl = _CardControl3.default;
-exports.CardDrawers = _CardDrawers3.default;
-exports.CardLoadingText = _CardLoadingText3.default;
-exports.CardMessages = _CardMessages3.default;
-exports.CardSection = _CardSection3.default;
+exports.Card = require('./Card');
+exports.CardContent = require('./CardContent');
+exports.CardControl = require('./CardControl');
+exports.CardDrawers = require('./CardDrawers');
+exports.CardLoadingText = require('./CardLoadingText');
+exports.CardMessages = require('./CardMessages');
+exports.CardSection = require('./CardSection');

package.json

 {
   "name": "cf-component-card",
   "description": "CloudFlare Card Component",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "lib/index.js",
-  "scripts": {
-    "build": "babel src -d lib",
-    "example": "browserify example/script.js -o example/bundle.js -t babelify --debug",
-    "format": "jsfmt -w *.js src/ test/",
-    "lint": "eslint *.js src/ test/",
-    "prepublish": "npm run build",
-    "test": "karma start"
-  },
   "author": "James Kyle <[e-mail]>",
@@ -20,26 +12,5 @@ "license": "BSD-3-Clause",
   "devDependencies": {
-    "babel-cli": "^6.1.1",
-    "babel-core": "^6.0.20",
-    "babel-preset-cf": "^1.2.0",
-    "babelify": "^7.2.0",
-    "browserify-istanbul": "^0.2.1",
-    "chai": "^3.4.1",
-    "defined": "^1.0.0",
-    "eslint": "^1.8.0",
-    "jsfmt": "^0.5.2",
-    "karma": "^0.13.15",
-    "karma-beep-reporter": "^0.1.4",
-    "karma-browserify": "^4.4.0",
-    "karma-chrome-launcher": "^0.2.1",
-    "karma-coverage": "^0.5.3",
-    "karma-firefox-launcher": "^0.1.6",
-    "karma-mocha": "^0.2.0",
-    "karma-mocha-reporter": "^1.1.1",
-    "karma-safari-launcher": "^0.1.1",
-    "karma-sauce-launcher": "^0.3.0",
-    "karma-tape-reporter": "^1.0.3",
-    "minimist": "^1.2.0",
-    "mocha": "^2.3.3",
+    "cf-component-button": "^2.1.0",
     "react-dom": "^0.14.2"
   }
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

2

-91.3%

Worsened metrics

Total package byte prevSize

9291

-61.77%

Number of package files

13

-18.75%

Lines of code

227

-35.51%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes