@cloudflare/component-dynamic-content - npm Package Compare versions

Comparing version 1.0.8 to 1.0.10

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+<a name="1.0.10"></a>
+## [1.0.10](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-dynamic-content@1.0.8...@cloudflare/component-dynamic-content@1.0.10) (2018-06-07)
+
+
+
+
+**Note:** Version bump only for package @cloudflare/component-dynamic-content
+
 <a name="1.0.8"></a>
@@ -8,0 +16,0 @@ ## [1.0.8](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-dynamic-content@1.0.6...@cloudflare/component-dynamic-content@1.0.8) (2018-06-07)

es/DynamicContent.js

@@ -1,19 +0,3 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
 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; }; }();
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _styleContainer = require('@cloudflare/style-container');
-
-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"); } }
@@ -25,2 +9,6 @@
 
+import React from 'react';
+import PropTypes from 'prop-types';
+import { createComponent } from '@cloudflare/style-container';
+
 var styles = function styles(_ref) {
@@ -45,3 +33,3 @@ var theme = _ref.theme;
     value: function render() {
-      return _react2.default.createElement('div', {
+      return React.createElement('div', {
         className: this.props.className,
@@ -54,8 +42,8 @@ dangerouslySetInnerHTML: this.props.dangerouslySetInnerHTML
   return DynamicContent;
-}(_react2.default.Component);
+}(React.Component);
 
 DynamicContent.propTypes = {
-  className: _propTypes2.default.string,
-  dangerouslySetInnerHTML: _propTypes2.default.shape({
-    __html: _propTypes2.default.string.isRequired
+  className: PropTypes.string,
+  dangerouslySetInnerHTML: PropTypes.shape({
+    __html: PropTypes.string.isRequired
   }).isRequired
@@ -65,2 +53,2 @@ };
 DynamicContent.displayName = 'DynamicContent';
-exports.default = (0, _styleContainer.createComponent)(styles, DynamicContent);
+export default createComponent(styles, DynamicContent);

es/DynamicContentTheme.js

@@ -1,8 +0,4 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
 
-exports.default = function (_ref) {
+export default (function (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -13,2 +9,2 @@
   };
-};
+});

es/index.js

@@ -1,22 +0,8 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicContentTheme = exports.DynamicContentUnstyled = exports.DynamicContent = undefined;
+import { applyTheme } from '@cloudflare/style-container';
 
-var _styleContainer = require('@cloudflare/style-container');
+import DynamicContentUnstyled from './DynamicContent';
+import DynamicContentTheme from './DynamicContentTheme';
 
-var _DynamicContent = require('./DynamicContent');
+var DynamicContent = applyTheme(DynamicContentUnstyled, DynamicContentTheme);
 
-var _DynamicContent2 = _interopRequireDefault(_DynamicContent);
-
-var _DynamicContentTheme = require('./DynamicContentTheme');
-
-var _DynamicContentTheme2 = _interopRequireDefault(_DynamicContentTheme);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var DynamicContent = (0, _styleContainer.applyTheme)(_DynamicContent2.default, _DynamicContentTheme2.default);
-
-exports.DynamicContent = DynamicContent;
-exports.DynamicContentUnstyled = _DynamicContent2.default;
-exports.DynamicContentTheme = _DynamicContentTheme2.default;
+export { DynamicContent, DynamicContentUnstyled, DynamicContentTheme };

lib/DynamicContent.js

@@ -7,4 +7,2 @@ 'use strict';
 
-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; }; }();
-
 var _react = require('react');
@@ -22,37 +20,15 @@
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+const styles = ({ theme }) => ({
+  display: theme.display
+});
 
-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 styles = function styles(_ref) {
-  var theme = _ref.theme;
-  return {
-    display: theme.display
-  };
-};
-
-var DynamicContent = function (_React$Component) {
-  _inherits(DynamicContent, _React$Component);
-
-  function DynamicContent() {
-    _classCallCheck(this, DynamicContent);
-
-    return _possibleConstructorReturn(this, (DynamicContent.__proto__ || Object.getPrototypeOf(DynamicContent)).apply(this, arguments));
+class DynamicContent extends _react2.default.Component {
+  render() {
+    return _react2.default.createElement('div', {
+      className: this.props.className,
+      dangerouslySetInnerHTML: this.props.dangerouslySetInnerHTML
+    });
   }
+}
 
-  _createClass(DynamicContent, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement('div', {
-        className: this.props.className,
-        dangerouslySetInnerHTML: this.props.dangerouslySetInnerHTML
-      });
-    }
-  }]);
-
-  return DynamicContent;
-}(_react2.default.Component);
-
 DynamicContent.propTypes = {
@@ -59,0 +35,0 @@ className: _propTypes2.default.string,

lib/DynamicContentTheme.js

@@ -7,10 +7,4 @@ 'use strict';
 
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
-exports.default = function (_ref) {
-  _objectDestructuringEmpty(_ref);
-
-  return {
-    display: 'initial'
-  };
-};
+exports.default = ({}) => ({
+  display: 'initial'
+});

lib/index.js

@@ -20,3 +20,3 @@ 'use strict';
 
-var DynamicContent = (0, _styleContainer.applyTheme)(_DynamicContent2.default, _DynamicContentTheme2.default);
+const DynamicContent = (0, _styleContainer.applyTheme)(_DynamicContent2.default, _DynamicContentTheme2.default);
 
@@ -23,0 +23,0 @@ exports.DynamicContent = DynamicContent;

package.json

 {
   "name": "@cloudflare/component-dynamic-content",
   "description": "Cloudflare Dynamic Content Component",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "main": "lib/index.js",
@@ -15,3 +15,3 @@ "module": "es/index.js",
   "dependencies": {
-    "@cloudflare/style-container": "^1.0.8",
+    "@cloudflare/style-container": "^1.0.10",
     "prop-types": "^15.6.0"
@@ -18,0 +18,0 @@ },

No alert changes

Worsened metrics

Total package byte prevSize

15730

-14.89%

Lines of code

129

-23.67%

Dependency changes

• Updated

  @cloudflare/style-container@^1.0.10