@storybook/addon-viewport - npm Package Compare versions

Comparing version 4.0.0-alpha.16 to 4.0.0-alpha.17

dist/manager/components/Panel.js

@@ -1,64 +0,48 @@
-'use strict';
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Panel = undefined;
+exports.Panel = void 0;
 
-var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _entries = require('babel-runtime/core-js/object/entries');
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _entries2 = _interopRequireDefault(_entries);
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _createClass2 = require('babel-runtime/helpers/createClass');
+var _react = _interopRequireWildcard(require("react"));
 
-var _createClass3 = _interopRequireDefault(_createClass2);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+var _global = require("global");
 
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+var _reactEmotion = _interopRequireDefault(require("react-emotion"));
 
-var _inherits2 = require('babel-runtime/helpers/inherits');
+var _components = require("@storybook/components");
 
-var _inherits3 = _interopRequireDefault(_inherits2);
+var _viewportInfo = require("./viewportInfo");
 
-var _keys = require('babel-runtime/core-js/object/keys');
+var _shared = require("../../shared");
 
-var _keys2 = _interopRequireDefault(_keys);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _global = require('global');
-
-var _reactEmotion = require('react-emotion');
-
-var _reactEmotion2 = _interopRequireDefault(_reactEmotion);
-
-var _components = require('@storybook/components');
-
-var _viewportInfo = require('./viewportInfo');
-
-var _shared = require('../../shared');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var storybookIframe = 'storybook-preview-iframe';
-var Container = (0, _reactEmotion2.default)('div')({
+var Container =
+/*#__PURE__*/
+(0, _reactEmotion.default)('div', {
+  target: "ejagn3f0"
+})({
   padding: 15,
@@ -71,24 +55,29 @@ width: '100%',
 var getDefaultViewport = function getDefaultViewport(viewports, candidateViewport) {
-  return candidateViewport in viewports ? candidateViewport : (0, _keys2.default)(viewports)[0];
+  return candidateViewport in viewports ? candidateViewport : Object.keys(viewports)[0];
 };
 
 var getViewports = function getViewports(viewports) {
-  return (0, _keys2.default)(viewports).length > 0 ? viewports : _shared.INITIAL_VIEWPORTS;
+  return Object.keys(viewports).length > 0 ? viewports : _shared.INITIAL_VIEWPORTS;
 };
 
-var Panel = exports.Panel = function (_Component) {
-  (0, _inherits3.default)(Panel, _Component);
+var Panel =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2.default)(Panel, _Component);
 
   function Panel() {
-    var _ref;
+    var _getPrototypeOf2;
 
-    var _temp, _this, _ret;
+    var _this;
 
-    (0, _classCallCheck3.default)(this, Panel);
+    (0, _classCallCheck2.default)(this, Panel);
 
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Panel.__proto__ || (0, _getPrototypeOf2.default)(Panel)).call.apply(_ref, [this].concat(args))), _this), _this.iframe = undefined, _this.previousViewport = _shared.DEFAULT_VIEWPORT, _this.state = {
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(Panel)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "iframe", undefined);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "previousViewport", _shared.DEFAULT_VIEWPORT);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "state", {
       viewport: _shared.DEFAULT_VIEWPORT,
@@ -98,5 +87,5 @@ defaultViewport: _shared.DEFAULT_VIEWPORT,
       isLandscape: false
-    }, _this.setStoryDefaultViewport = function (viewport) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "setStoryDefaultViewport", function (viewport) {
       var viewports = _this.state.viewports;
-
       var defaultViewport = getDefaultViewport(viewports, viewport);
@@ -107,6 +96,7 @@
       });
+
       _this.changeViewport(defaultViewport);
-    }, _this.configure = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "configure", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Panel.defaultOptions;
-
       var viewports = getViewports(options.viewports);
@@ -120,6 +110,6 @@ var defaultViewport = getDefaultViewport(viewports, options.defaultViewport);
       }, _this.updateIframe);
-    }, _this.changeViewport = function (viewport) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "changeViewport", function (viewport) {
       var previousViewport = _this.state.viewport;
 
-
       if (previousViewport !== viewport) {
@@ -131,6 +121,8 @@ _this.setState({
           _this.updateIframe();
+
           _this.emitViewportChanged();
         });
       }
-    }, _this.emitViewportChanged = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "emitViewportChanged", function () {
       var channel = _this.props.channel;
@@ -141,3 +133,2 @@ var _this$state = _this.state,
 
-
       if (!_this.shouldNotify()) {
@@ -148,17 +139,18 @@ return;
       _this.previousViewport = viewport;
-
       channel.emit(_shared.VIEWPORT_CHANGED_EVENT_ID, {
         viewport: viewports[viewport]
       });
-    }, _this.shouldNotify = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "shouldNotify", function () {
       var viewport = _this.state.viewport;
-
-
       return _this.previousViewport !== viewport;
-    }, _this.toggleLandscape = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "toggleLandscape", function () {
       var isLandscape = _this.state.isLandscape;
 
-
-      _this.setState({ isLandscape: !isLandscape }, _this.updateIframe);
-    }, _this.updateIframe = function () {
+      _this.setState({
+        isLandscape: !isLandscape
+      }, _this.updateIframe);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "updateIframe", function () {
       var _this$state2 = _this.state,
@@ -168,3 +160,2 @@ viewports = _this$state2.viewports,
           isLandscape = _this$state2.isLandscape;
-
       var viewport = viewports[viewportKey] || _viewportInfo.resetViewport;
@@ -176,3 +167,3 @@
 
-      (0, _keys2.default)(viewport.styles).forEach(function (prop) {
+      Object.keys(viewport.styles).forEach(function (prop) {
         _this.iframe.style[prop] = viewport.styles[prop];
@@ -185,22 +176,19 @@ });
       }
-    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+    });
+    return _this;
   }
 
-  (0, _createClass3.default)(Panel, [{
-    key: 'componentDidMount',
+  (0, _createClass2.default)(Panel, [{
+    key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
 
-      var _props = this.props,
-          channel = _props.channel,
-          api = _props.api;
+      var _this$props = this.props,
+          channel = _this$props.channel,
+          api = _this$props.api;
       var defaultViewport = this.state.defaultViewport;
-
-
       this.iframe = _global.document.getElementById(storybookIframe);
-
       channel.on(_shared.UPDATE_VIEWPORT_EVENT_ID, this.changeViewport);
       channel.on(_shared.CONFIGURE_VIEWPORT_EVENT_ID, this.configure);
       channel.on(_shared.SET_STORY_DEFAULT_VIEWPORT_EVENT_ID, this.setStoryDefaultViewport);
-
       this.unsubscribeFromOnStory = api.onStory(function () {
@@ -211,7 +199,6 @@ _this2.setStoryDefaultViewport(defaultViewport);
   }, {
-    key: 'componentWillUnmount',
+    key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var channel = this.props.channel;
 
-
       if (this.unsubscribeFromOnStory) {
@@ -226,66 +213,44 @@ this.unsubscribeFromOnStory();
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _this3 = this;
 
-      var _state = this.state,
-          isLandscape = _state.isLandscape,
-          defaultViewport = _state.defaultViewport,
-          _state$storyDefaultVi = _state.storyDefaultViewport,
-          storyDefaultViewport = _state$storyDefaultVi === undefined ? defaultViewport : _state$storyDefaultVi,
-          viewport = _state.viewport,
-          viewports = _state.viewports;
+      var _this$state3 = this.state,
+          isLandscape = _this$state3.isLandscape,
+          defaultViewport = _this$state3.defaultViewport,
+          _this$state3$storyDef = _this$state3.storyDefaultViewport,
+          storyDefaultViewport = _this$state3$storyDef === void 0 ? defaultViewport : _this$state3$storyDef,
+          viewport = _this$state3.viewport,
+          viewports = _this$state3.viewports;
       var active = this.props.active;
-
-
       var isResponsive = viewport === storyDefaultViewport;
+      return active ? _react.default.createElement(Container, null, _react.default.createElement(_components.Field, {
+        label: "Device"
+      }, _react.default.createElement(_components.Select, {
+        value: viewport,
+        onChange: function onChange(e) {
+          return _this3.changeViewport(e.target.value);
+        },
+        size: "flex"
+      }, Object.entries(viewports).map(function (_ref) {
+        var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+            key = _ref2[0],
+            name = _ref2[1].name;
 
-      return active ? _react2.default.createElement(
-        Container,
-        null,
-        _react2.default.createElement(
-          _components.Field,
-          { label: 'Device' },
-          _react2.default.createElement(
-            _components.Select,
-            { value: viewport, onChange: function onChange(e) {
-                return _this3.changeViewport(e.target.value);
-              }, size: 'flex' },
-            (0, _entries2.default)(viewports).map(function (_ref2) {
-              var _ref3 = (0, _slicedToArray3.default)(_ref2, 2),
-                  key = _ref3[0],
-                  name = _ref3[1].name;
-
-              return _react2.default.createElement(
-                'option',
-                { value: key, key: key },
-                key === defaultViewport ? name + ' (Default)' : name
-              );
-            })
-          )
-        ),
-        !isResponsive ? _react2.default.createElement(
-          _components.Field,
-          { label: 'Rotate' },
-          _react2.default.createElement(
-            _components.Button,
-            { onClick: this.toggleLandscape, active: isLandscape, size: 'flex' },
-            isLandscape ? 'rotate to portrait' : 'rotate to landscape'
-          )
-        ) : null,
-        _react2.default.createElement(
-          _components.ActionBar,
-          null,
-          _react2.default.createElement(
-            _components.ActionButton,
-            {
-              onClick: function onClick() {
-                return _this3.changeViewport(storyDefaultViewport);
-              },
-              disabled: isResponsive
-            },
-            'RESET'
-          )
-        )
-      ) : null;
+        return _react.default.createElement("option", {
+          value: key,
+          key: key
+        }, key === defaultViewport ? "".concat(name, " (Default)") : name);
+      }))), !isResponsive ? _react.default.createElement(_components.Field, {
+        label: "Rotate"
+      }, _react.default.createElement(_components.Button, {
+        onClick: this.toggleLandscape,
+        active: isLandscape,
+        size: "flex"
+      }, isLandscape ? 'rotate to portrait' : 'rotate to landscape')) : null, _react.default.createElement(_components.ActionBar, null, _react.default.createElement(_components.ActionButton, {
+        onClick: function onClick() {
+          return _this3.changeViewport(storyDefaultViewport);
+        },
+        disabled: isResponsive
+      }, "RESET"))) : null;
     }
@@ -296,16 +261,17 @@ }]);
 
-Panel.defaultOptions = {
+exports.Panel = Panel;
+(0, _defineProperty2.default)(Panel, "defaultOptions", {
   viewports: _shared.INITIAL_VIEWPORTS,
   defaultViewport: _shared.DEFAULT_VIEWPORT
-};
-Panel.propTypes = {
-  active: _propTypes2.default.bool.isRequired,
-  api: _propTypes2.default.shape({
-    selectStory: _propTypes2.default.func.isRequired
+});
+(0, _defineProperty2.default)(Panel, "propTypes", {
+  active: _propTypes.default.bool.isRequired,
+  api: _propTypes.default.shape({
+    selectStory: _propTypes.default.func.isRequired
   }).isRequired,
-  channel: _propTypes2.default.shape({
-    on: _propTypes2.default.func,
-    emit: _propTypes2.default.func,
-    removeListener: _propTypes2.default.func
+  channel: _propTypes.default.shape({
+    on: _propTypes.default.func,
+    emit: _propTypes.default.func,
+    removeListener: _propTypes.default.func
   }).isRequired
-};
+});

dist/manager/components/viewportInfo.js

@@ -1,31 +0,22 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.viewportsTransformer = exports.transformViewports = exports.resetViewport = exports.configuredStyles = undefined;
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _keys = require('babel-runtime/core-js/object/keys');
-
-var _keys2 = _interopRequireDefault(_keys);
-
-var _extends3 = require('babel-runtime/helpers/extends');
-
-var _extends4 = _interopRequireDefault(_extends3);
-
 exports.applyStyles = applyStyles;
 exports.applyDefaultStyles = applyDefaultStyles;
+exports.viewportsTransformer = exports.transformViewports = exports.resetViewport = exports.configuredStyles = void 0;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var configuredStyles = exports.configuredStyles = {
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var configuredStyles = {
   display: 'flex',
   boxShadow: 'rgba(0,0,0,0.2) 0px 0px 60px 12px'
 };
-
-var resetViewport = exports.resetViewport = {
+exports.configuredStyles = configuredStyles;
+var resetViewport = {
   name: 'Reset',
@@ -40,7 +31,7 @@ styles: {
 };
+exports.resetViewport = resetViewport;
 
 function applyStyles(viewport, styles) {
-  var mixedStyles = (0, _extends4.default)({}, styles, viewport.styles);
-
-  return (0, _extends4.default)({}, viewport, {
+  var mixedStyles = (0, _objectSpread3.default)({}, styles, viewport.styles);
+  return (0, _objectSpread3.default)({}, viewport, {
     styles: mixedStyles
@@ -54,6 +45,6 @@ });
 
-var transformViewports = exports.transformViewports = function transformViewports(transformer) {
+var transformViewports = function transformViewports(transformer) {
   return function (viewports) {
-    return (0, _keys2.default)(viewports).reduce(function (all, key) {
-      return (0, _extends4.default)({}, all, (0, _defineProperty3.default)({}, key, transformer(viewports[key])));
+    return Object.keys(viewports).reduce(function (all, key) {
+      return (0, _objectSpread3.default)({}, all, (0, _defineProperty2.default)({}, key, transformer(viewports[key])));
     }, {});
@@ -63,2 +54,4 @@ };
 
-var viewportsTransformer = exports.viewportsTransformer = transformViewports(applyDefaultStyles);
+exports.transformViewports = transformViewports;
+var viewportsTransformer = transformViewports(applyDefaultStyles);
+exports.viewportsTransformer = viewportsTransformer;

dist/manager/index.js

@@ -1,25 +0,22 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addChannel = exports.init = undefined;
+exports.addChannel = exports.init = void 0;
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _addons = _interopRequireDefault(require("@storybook/addons"));
 
-var _addons = require('@storybook/addons');
+var _Panel = require("./components/Panel");
 
-var _addons2 = _interopRequireDefault(_addons);
+var _shared = require("../shared");
 
-var _Panel = require('./components/Panel');
+var addChannel = function addChannel(api) {
+  var channel = _addons.default.getChannel();
 
-var _shared = require('../shared');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var addChannel = function addChannel(api) {
-  var channel = _addons2.default.getChannel();
-  _addons2.default.addPanel(_shared.PANEL_ID, {
+  _addons.default.addPanel(_shared.PANEL_ID, {
     title: 'Viewport',
@@ -29,3 +26,7 @@ // eslint-disable-next-line react/prop-types
       var active = _ref.active;
-      return _react2.default.createElement(_Panel.Panel, { channel: channel, api: api, active: active });
+      return _react.default.createElement(_Panel.Panel, {
+        channel: channel,
+        api: api,
+        active: active
+      });
     }
@@ -35,7 +36,8 @@ });
 
+exports.addChannel = addChannel;
+
 var init = function init() {
-  _addons2.default.register(_shared.ADDON_ID, addChannel);
+  _addons.default.register(_shared.ADDON_ID, addChannel);
 };
 
-exports.init = init;
-exports.addChannel = addChannel;
+exports.init = init;

dist/preview/index.js

@@ -1,11 +0,12 @@
-'use strict';
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Viewport = exports.withViewport = exports.DEFAULT_VIEWPORT = exports.INITIAL_VIEWPORTS = undefined;
-
-var _shared = require('../shared');
-
-Object.defineProperty(exports, 'INITIAL_VIEWPORTS', {
+exports.configureViewport = configureViewport;
+Object.defineProperty(exports, "INITIAL_VIEWPORTS", {
   enumerable: true,
@@ -16,3 +17,3 @@ get: function get() {
 });
-Object.defineProperty(exports, 'DEFAULT_VIEWPORT', {
+Object.defineProperty(exports, "DEFAULT_VIEWPORT", {
   enumerable: true,
@@ -23,12 +24,9 @@ get: function get() {
 });
-
-var _withViewport = require('./withViewport');
-
-Object.defineProperty(exports, 'withViewport', {
+Object.defineProperty(exports, "withViewport", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_withViewport).default;
+    return _withViewport.default;
   }
 });
-Object.defineProperty(exports, 'Viewport', {
+Object.defineProperty(exports, "Viewport", {
   enumerable: true,
@@ -39,9 +37,8 @@ get: function get() {
 });
-exports.configureViewport = configureViewport;
 
-var _addons = require('@storybook/addons');
+var _addons = _interopRequireDefault(require("@storybook/addons"));
 
-var _addons2 = _interopRequireDefault(_addons);
+var _shared = require("../shared");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _withViewport = _interopRequireWildcard(require("./withViewport"));
 
@@ -51,3 +48,3 @@ function configureViewport() {
 
-  var channel = _addons2.default.getChannel();
+  var channel = _addons.default.getChannel();
 
@@ -54,0 +51,0 @@ if (channel) {

dist/preview/withViewport.js

@@ -1,37 +0,33 @@
-'use strict';
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Viewport = undefined;
+exports.Viewport = exports.default = void 0;
 
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+var _addons = _interopRequireWildcard(require("@storybook/addons"));
 
-var _addons = require('@storybook/addons');
+var _coreEvents = _interopRequireDefault(require("@storybook/core-events"));
 
-var _addons2 = _interopRequireDefault(_addons);
+var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
 
-var _coreEvents = require('@storybook/core-events');
+var _shared = require("../shared");
 
-var _coreEvents2 = _interopRequireDefault(_coreEvents);
+function noop() {}
 
-var _utilDeprecate = require('util-deprecate');
-
-var _utilDeprecate2 = _interopRequireDefault(_utilDeprecate);
-
-var _shared = require('../shared');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function noop() {}
 var handler = noop;
 
 var callHandler = function callHandler() {
-  return handler.apply(undefined, arguments);
+  return handler.apply(void 0, arguments);
 };
 
 var subscription = function subscription() {
-  var channel = _addons2.default.getChannel();
+  var channel = _addons.default.getChannel();
+
   channel.on(_shared.VIEWPORT_CHANGED_EVENT_ID, callHandler);
@@ -46,7 +42,8 @@ return function () {
 
-  var channel = _addons2.default.getChannel();
+  var channel = _addons.default.getChannel();
 
   handler = options.onViewportChange || noop;
+
   if (options.onViewportChange) {
-    channel.emit(_coreEvents2.default.REGISTER_SUBSCRIPTION, subscription);
+    channel.emit(_coreEvents.default.REGISTER_SUBSCRIPTION, subscription);
   }
@@ -64,5 +61,6 @@
         parameters = _ref.parameters;
-
     var storyOptions = parameters || options;
-    var viewportOptions = typeof storyOptions === 'string' ? { name: storyOptions } : storyOptions;
+    var viewportOptions = typeof storyOptions === 'string' ? {
+      name: storyOptions
+    } : storyOptions;
 
@@ -76,11 +74,10 @@ if (viewportOptions) {
 });
-
-exports.default = withViewport;
-var Viewport = (0, _utilDeprecate2.default)(function (_ref2) {
+var _default = withViewport;
+exports.default = _default;
+var Viewport = (0, _utilDeprecate.default)(function (_ref2) {
   var children = _ref2.children,
-      options = (0, _objectWithoutProperties3.default)(_ref2, ['children']);
-
+      options = (0, _objectWithoutProperties2.default)(_ref2, ["children"]);
   applyViewportOptions(options);
   return children;
-}, '<Viewport> usage is deprecated, use .addParameters({ viewport }) instead');
+}, "<Viewport> usage is deprecated, use .addParameters({ viewport }) instead");
 exports.Viewport = Viewport;

dist/shared/index.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,9 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
-var ADDON_ID = exports.ADDON_ID = 'storybook-addon-viewport';
-var PANEL_ID = exports.PANEL_ID = ADDON_ID + '/addon-panel';
-var UPDATE_VIEWPORT_EVENT_ID = exports.UPDATE_VIEWPORT_EVENT_ID = 'addon:viewport:update';
-var CONFIGURE_VIEWPORT_EVENT_ID = exports.CONFIGURE_VIEWPORT_EVENT_ID = 'addon:viewport:configure';
-var SET_STORY_DEFAULT_VIEWPORT_EVENT_ID = exports.SET_STORY_DEFAULT_VIEWPORT_EVENT_ID = 'addon:viewport:setStoryDefaultViewport';
-var VIEWPORT_CHANGED_EVENT_ID = exports.VIEWPORT_CHANGED_EVENT_ID = 'addon:viewport:viewportChanged';
-var INITIAL_VIEWPORTS = exports.INITIAL_VIEWPORTS = {
+exports.DEFAULT_VIEWPORT = exports.INITIAL_VIEWPORTS = exports.VIEWPORT_CHANGED_EVENT_ID = exports.SET_STORY_DEFAULT_VIEWPORT_EVENT_ID = exports.CONFIGURE_VIEWPORT_EVENT_ID = exports.UPDATE_VIEWPORT_EVENT_ID = exports.PANEL_ID = exports.ADDON_ID = void 0;
+var ADDON_ID = 'storybook-addon-viewport';
+exports.ADDON_ID = ADDON_ID;
+var PANEL_ID = "".concat(ADDON_ID, "/addon-panel");
+exports.PANEL_ID = PANEL_ID;
+var UPDATE_VIEWPORT_EVENT_ID = 'addon:viewport:update';
+exports.UPDATE_VIEWPORT_EVENT_ID = UPDATE_VIEWPORT_EVENT_ID;
+var CONFIGURE_VIEWPORT_EVENT_ID = 'addon:viewport:configure';
+exports.CONFIGURE_VIEWPORT_EVENT_ID = CONFIGURE_VIEWPORT_EVENT_ID;
+var SET_STORY_DEFAULT_VIEWPORT_EVENT_ID = 'addon:viewport:setStoryDefaultViewport';
+exports.SET_STORY_DEFAULT_VIEWPORT_EVENT_ID = SET_STORY_DEFAULT_VIEWPORT_EVENT_ID;
+var VIEWPORT_CHANGED_EVENT_ID = 'addon:viewport:viewportChanged';
+exports.VIEWPORT_CHANGED_EVENT_ID = VIEWPORT_CHANGED_EVENT_ID;
+var INITIAL_VIEWPORTS = {
   responsive: {
@@ -138,2 +145,4 @@ name: 'Responsive',
 };
-var DEFAULT_VIEWPORT = exports.DEFAULT_VIEWPORT = 'responsive';
+exports.INITIAL_VIEWPORTS = INITIAL_VIEWPORTS;
+var DEFAULT_VIEWPORT = 'responsive';
+exports.DEFAULT_VIEWPORT = DEFAULT_VIEWPORT;

package.json

 {
   "name": "@storybook/addon-viewport",
-  "version": "4.0.0-alpha.16",
+  "version": "4.0.0-alpha.17",
   "description": "Storybook addon to change the viewport size to mobile",
@@ -14,6 +14,5 @@ "keywords": [
   "dependencies": {
-    "@storybook/addons": "4.0.0-alpha.16",
-    "@storybook/components": "4.0.0-alpha.16",
-    "@storybook/core-events": "4.0.0-alpha.16",
-    "babel-runtime": "^6.26.0",
+    "@storybook/addons": "4.0.0-alpha.17",
+    "@storybook/components": "4.0.0-alpha.17",
+    "@storybook/core-events": "4.0.0-alpha.17",
     "global": "^4.3.2",
@@ -20,0 +19,0 @@ "prop-types": "^15.6.2",

src/manager/components/tests/Panel.test.js

@@ -1,3 +0,1 @@
-/* eslint-disable react/destructuring-assignment */
-
 import React from 'react';
@@ -4,0 +2,0 @@ import { shallow } from 'enzyme';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

264494

increased by5.82%

Dependency count

8

decreased by-11.11%

Number of package files

27

increased by17.39%

Lines of code

1816

increased by30.84%

Dependency changes

• + Added@storybook/addons@4.0.0-alpha.17(transitive)

• + Added@storybook/channels@4.0.0-alpha.17(transitive)

• + Added@storybook/components@4.0.0-alpha.17(transitive)

• + Added@storybook/core-events@4.0.0-alpha.17(transitive)

• - Removedbabel-runtime@^6.26.0

• - Removed@storybook/addons@4.0.0-alpha.16(transitive)

• - Removed@storybook/channels@4.0.0-alpha.16(transitive)

• - Removed@storybook/components@4.0.0-alpha.16(transitive)

• - Removed@storybook/core-events@4.0.0-alpha.16(transitive)

• Updated@storybook/addons@4.0.0-alpha.17

• Updated@storybook/components@4.0.0-alpha.17

• Updated@storybook/core-events@4.0.0-alpha.17