react-aspect-ratio - npm Package Compare versions

Comparing version 1.0.41 to 1.0.42

dist/__tests__/index.js

@@ -11,3 +11,3 @@ "use strict";
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -14,0 +14,0 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

dist/es/__tests__/index.js

@@ -11,3 +11,3 @@ "use strict";
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -14,0 +14,0 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

dist/es/react-15.6.js

@@ -10,3 +10,3 @@ "use strict";
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -62,6 +62,8 @@ 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); }
 
-    return _react.default.createElement("div", _extends({
-      ref: this.setNode,
-      style: newStyle
-    }, otherProps), children);
+    return (// $FlowFixMe
+      _react.default.createElement("div", _extends({
+        ref: this.setNode,
+        style: newStyle
+      }, otherProps), children)
+    );
   }
@@ -68,0 +70,0 @@

dist/es/react-latest.js

@@ -30,5 +30,7 @@ "use strict";
 
-  return _react.default.createElement("div", _extends({
-    style: newStyle
-  }, otherProps), children);
+  return (// $FlowFixMe
+    _react.default.createElement("div", _extends({
+      style: newStyle
+    }, otherProps), children)
+  );
 };
@@ -35,0 +37,0 @@

dist/es/stories/index.js

 "use strict";
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
@@ -13,6 +13,4 @@ var _react2 = require("@storybook/react");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // import JSXAddon from 'storybook-addon-jsx';
@@ -56,5 +54,5 @@ // setAddon(JSXAddon);
 
-(0, _react2.storiesOf)('AspectRatio', module).add('Image', () => _react.default.createElement(_react.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
+(0, _react2.storiesOf)('AspectRatio', module).add('Image', () => _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
   titleText: "Image with Aspect Ratio",
-  contentNode: _react.default.createElement(_react.Fragment, null, _react.default.createElement(_index.AspectRatio, {
+  contentNode: _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_index.AspectRatio, {
     ratio: "300/165",
@@ -69,3 +67,3 @@ style: {
   })), _react.default.createElement("p", null, lorem))
-}))).add('Image with number', () => _react.default.createElement(_react.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
+}))).add('Image with number', () => _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
   titleText: "Image with Aspect Ratio (pass number as props)",
@@ -81,3 +79,3 @@ contentNode: _react.default.createElement(_index.AspectRatio, {
   }))
-}))).add('Background Image', () => _react.default.createElement(_react.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
+}))).add('Background Image', () => _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
   titleText: "Background image with aspect ratio",
@@ -106,3 +104,3 @@ contentNode: _react.default.createElement(_index.AspectRatio, {
   }];
-  return _react.default.createElement(_react.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
     titleText: "Image Gallery with Aspect Ratio",
@@ -121,3 +119,3 @@ contentNode: _react.default.createElement("div", {
   }));
-}).add('Iframe', () => _react.default.createElement(_react.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
+}).add('Iframe', () => _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(PageTitle, null), _react.default.createElement(Card, {
   titleText: "Iframe with aspect ratio",
@@ -124,0 +122,0 @@ contentNode: _react.default.createElement(_index.AspectRatio, {

dist/next/react-15.6.js

@@ -14,5 +14,3 @@ 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); }
 
-var AspectRatio =
-/*#__PURE__*/
-function (_Component) {
+var AspectRatio = /*#__PURE__*/function (_Component) {
   _inheritsLoose(AspectRatio, _Component);
@@ -65,6 +63,8 @@
 
-    return React.createElement("div", _extends({
-      ref: this.setNode,
-      style: newStyle
-    }, otherProps), children);
+    return (// $FlowFixMe
+      React.createElement("div", _extends({
+        ref: this.setNode,
+        style: newStyle
+      }, otherProps), children)
+    );
   };
@@ -71,0 +71,0 @@

dist/next/react-latest.js

@@ -19,5 +19,7 @@ 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); }
 
-  return React.createElement("div", _extends({
-    style: newStyle
-  }, otherProps), children);
+  return (// $FlowFixMe
+    React.createElement("div", _extends({
+      style: newStyle
+    }, otherProps), children)
+  );
 };
@@ -24,0 +26,0 @@

dist/next/stories/index.js

@@ -1,2 +0,2 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 import { storiesOf } from '@storybook/react'; // import JSXAddon from 'storybook-addon-jsx';
@@ -45,5 +45,5 @@
 storiesOf('AspectRatio', module).add('Image', function () {
-  return React.createElement(Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
+  return React.createElement(React.Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
     titleText: "Image with Aspect Ratio",
-    contentNode: React.createElement(Fragment, null, React.createElement(AspectRatio, {
+    contentNode: React.createElement(React.Fragment, null, React.createElement(AspectRatio, {
       ratio: "300/165",
@@ -60,3 +60,3 @@ style: {
 }).add('Image with number', function () {
-  return React.createElement(Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
+  return React.createElement(React.Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
     titleText: "Image with Aspect Ratio (pass number as props)",
@@ -74,3 +74,3 @@ contentNode: React.createElement(AspectRatio, {
 }).add('Background Image', function () {
-  return React.createElement(Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
+  return React.createElement(React.Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
     titleText: "Background image with aspect ratio",
@@ -100,3 +100,3 @@ contentNode: React.createElement(AspectRatio, {
   }];
-  return React.createElement(Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
+  return React.createElement(React.Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
     titleText: "Image Gallery with Aspect Ratio",
@@ -118,3 +118,3 @@ contentNode: React.createElement("div", {
 }).add('Iframe', function () {
-  return React.createElement(Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
+  return React.createElement(React.Fragment, null, React.createElement(PageTitle, null), React.createElement(Card, {
     titleText: "Iframe with aspect ratio",
@@ -121,0 +121,0 @@ contentNode: React.createElement(AspectRatio, {

dist/react-15.6.js

@@ -10,3 +10,3 @@ "use strict";
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -25,5 +25,3 @@ 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); }
 
-var AspectRatio =
-/*#__PURE__*/
-function (_Component) {
+var AspectRatio = /*#__PURE__*/function (_Component) {
   _inheritsLoose(AspectRatio, _Component);
@@ -76,6 +74,8 @@
 
-    return _react["default"].createElement("div", _extends({
-      ref: this.setNode,
-      style: newStyle
-    }, otherProps), children);
+    return (// $FlowFixMe
+      _react["default"].createElement("div", _extends({
+        ref: this.setNode,
+        style: newStyle
+      }, otherProps), children)
+    );
   };
@@ -82,0 +82,0 @@

dist/react-latest.js

@@ -27,5 +27,7 @@ "use strict";
 
-  return _react["default"].createElement("div", _extends({
-    style: newStyle
-  }, otherProps), children);
+  return (// $FlowFixMe
+    _react["default"].createElement("div", _extends({
+      style: newStyle
+    }, otherProps), children)
+  );
 };
@@ -32,0 +34,0 @@

dist/stories/index.js

 "use strict";
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
@@ -13,6 +13,4 @@ var _react2 = require("@storybook/react");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // import JSXAddon from 'storybook-addon-jsx';
@@ -57,5 +55,5 @@ // setAddon(JSXAddon);
 (0, _react2.storiesOf)('AspectRatio', module).add('Image', function () {
-  return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
     titleText: "Image with Aspect Ratio",
-    contentNode: _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(_index.AspectRatio, {
+    contentNode: _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_index.AspectRatio, {
       ratio: "300/165",
@@ -72,3 +70,3 @@ style: {
 }).add('Image with number', function () {
-  return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
     titleText: "Image with Aspect Ratio (pass number as props)",
@@ -86,3 +84,3 @@ contentNode: _react["default"].createElement(_index.AspectRatio, {
 }).add('Background Image', function () {
-  return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
     titleText: "Background image with aspect ratio",
@@ -112,3 +110,3 @@ contentNode: _react["default"].createElement(_index.AspectRatio, {
   }];
-  return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
     titleText: "Image Gallery with Aspect Ratio",
@@ -130,3 +128,3 @@ contentNode: _react["default"].createElement("div", {
 }).add('Iframe', function () {
-  return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
     titleText: "Iframe with aspect ratio",
@@ -133,0 +131,0 @@ contentNode: _react["default"].createElement(_index.AspectRatio, {

dist/umd/__tests__/index.js

@@ -13,3 +13,3 @@ (function (global, factory) {
   }
-})(this, function (_react, _reactTestRenderer, _index) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_react, _reactTestRenderer, _index) {
   "use strict";
@@ -23,3 +23,3 @@
 
-  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -26,0 +26,0 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

dist/umd/index.js

@@ -13,3 +13,3 @@ (function (global, factory) {
   }
-})(this, function (_exports, _react, _reactLatest) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _reactLatest) {
   "use strict";
@@ -16,0 +16,0 @@

dist/umd/react-15.6.js

@@ -13,3 +13,3 @@ (function (global, factory) {
   }
-})(this, function (_exports, _react) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
   "use strict";
@@ -23,3 +23,3 @@
 
-  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -38,5 +38,3 @@ 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); }
 
-  var AspectRatio =
-  /*#__PURE__*/
-  function (_Component) {
+  var AspectRatio = /*#__PURE__*/function (_Component) {
     _inheritsLoose(AspectRatio, _Component);
@@ -89,6 +87,8 @@
 
-      return _react["default"].createElement("div", _extends({
-        ref: this.setNode,
-        style: newStyle
-      }, otherProps), children);
+      return (// $FlowFixMe
+        _react["default"].createElement("div", _extends({
+          ref: this.setNode,
+          style: newStyle
+        }, otherProps), children)
+      );
     };
@@ -95,0 +95,0 @@

dist/umd/react-latest.js

@@ -13,3 +13,3 @@ (function (global, factory) {
   }
-})(this, function (_exports, _react) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
   "use strict";
@@ -40,5 +40,7 @@
 
-    return _react["default"].createElement("div", _extends({
-      style: newStyle
-    }, otherProps), children);
+    return (// $FlowFixMe
+      _react["default"].createElement("div", _extends({
+        style: newStyle
+      }, otherProps), children)
+    );
   };
@@ -45,0 +47,0 @@

dist/umd/stories/index.js

@@ -13,11 +13,9 @@ (function (global, factory) {
   }
-})(this, function (_react, _react2, _index, _aspectRatio, _theme) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_react, _react2, _index, _aspectRatio, _theme) {
   "use strict";
 
-  _react = _interopRequireWildcard(_react);
+  _react = _interopRequireDefault(_react);
 
-  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
   // import JSXAddon from 'storybook-addon-jsx';
@@ -62,5 +60,5 @@ // setAddon(JSXAddon);
   (0, _react2.storiesOf)('AspectRatio', module).add('Image', function () {
-    return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+    return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
       titleText: "Image with Aspect Ratio",
-      contentNode: _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(_index.AspectRatio, {
+      contentNode: _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_index.AspectRatio, {
         ratio: "300/165",
@@ -77,3 +75,3 @@ style: {
   }).add('Image with number', function () {
-    return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+    return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
       titleText: "Image with Aspect Ratio (pass number as props)",
@@ -91,3 +89,3 @@ contentNode: _react["default"].createElement(_index.AspectRatio, {
   }).add('Background Image', function () {
-    return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+    return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
       titleText: "Background image with aspect ratio",
@@ -117,3 +115,3 @@ contentNode: _react["default"].createElement(_index.AspectRatio, {
     }];
-    return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+    return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
       titleText: "Image Gallery with Aspect Ratio",
@@ -135,3 +133,3 @@ contentNode: _react["default"].createElement("div", {
   }).add('Iframe', function () {
-    return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
+    return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(PageTitle, null), _react["default"].createElement(Card, {
       titleText: "Iframe with aspect ratio",
@@ -138,0 +136,0 @@ contentNode: _react["default"].createElement(_index.AspectRatio, {

package.json

 {
   "name": "react-aspect-ratio",
-  "version": "1.0.41",
+  "version": "1.0.42",
   "description": "React Aspect Ratio Component",
@@ -41,18 +41,18 @@ "author": "Roderick Hsiao <[e-mail]>",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^24.1.0",
+    "babel-jest": "^25.1.0",
     "babel-loader": "^8.0.5",
-    "babel-preset-react-app": "^8.0.0",
+    "babel-preset-react-app": "^9.1.1",
     "babel-runtime": "^6.11.6",
     "bundlesize": "^0.18.0",
-    "eslint": "^5.11.1",
-    "eslint-config-airbnb": "^17.1.0",
-    "eslint-plugin-flowtype": "^3.2.0",
+    "eslint": "^6.8.0",
+    "eslint-config-airbnb": "^18.0.1",
+    "eslint-plugin-flowtype": "^4.0.0",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^6.1.2",
     "eslint-plugin-react": "^7.0.0",
-    "flow-bin": "^0.98.0",
+    "flow-bin": "^0.119.0",
     "git-url-parse": "^11.1.1",
-    "jest": "^24.1.0",
-    "jest-cli": "^24.1.0",
-    "jest-junit": "^6.3.0",
+    "jest": "^25.1.0",
+    "jest-cli": "^25.1.0",
+    "jest-junit": "^10.0.0",
     "react": "^16.0.0",
@@ -68,5 +68,2 @@ "react-dom": "^16.0.0",
   "main": "dist/index.js",
-  "engines": {
-    "npm": "^3.0.0 || ^5.0.0"
-  },
   "sideEffects": false,
@@ -73,0 +70,0 @@ "bundlesize": [

README.md

@@ -30,3 +30,3 @@ <p align="center">
 
-* Chrome is developing [Intrinsic size attribute](https://www.chromestatus.com/feature/4704436815396864) which potentially will act the same as what this library does. However, its very early stage and no other vendors showing signals of development yet.
+~~* Chrome is developing [Intrinsic size attribute](https://www.chromestatus.com/feature/4704436815396864) which potentially will act the same as what this library does. However, its very early stage and no other vendors showing signals of development yet.~~ (Spec deprecated)
 
@@ -33,0 +33,0 @@ ## How

No alert changes

Improved metrics

Lines of code

1330

increased by0.08%

Worsened metrics

Total package byte prevSize

82231

decreased by-1.2%

No dependency changes