@storybook/addon-backgrounds - npm Package Compare versions

Comparing version 4.1.0-alpha.11 to 4.1.0-alpha.12

dist/BackgroundPanel.js

@@ -1,21 +0,62 @@
-import "core-js/modules/es6.string.iterator";
-import "core-js/modules/es6.array.from";
-import "core-js/modules/es6.regexp.to-string";
-import "core-js/modules/es6.date.to-string";
-import "core-js/modules/es7.symbol.async-iterator";
-import "core-js/modules/es6.symbol";
-import "core-js/modules/es6.array.is-array";
-import "core-js/modules/es6.object.define-property";
-import "core-js/modules/es6.object.create";
-import "core-js/modules/es6.object.set-prototype-of";
-import "core-js/modules/es6.array.map";
-import "core-js/modules/es6.array.filter";
-import "core-js/modules/es6.function.name";
-import "core-js/modules/es6.array.find";
-import "core-js/modules/es6.array.iterator";
-import "core-js/modules/es6.object.keys";
-import "core-js/modules/web.dom.iterable";
-import "core-js/modules/es6.array.for-each";
-import "core-js/modules/es6.string.trim";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es6.string.iterator");
+
+require("core-js/modules/es6.array.from");
+
+require("core-js/modules/es6.regexp.to-string");
+
+require("core-js/modules/es6.date.to-string");
+
+require("core-js/modules/es7.symbol.async-iterator");
+
+require("core-js/modules/es6.symbol");
+
+require("core-js/modules/es6.array.is-array");
+
+require("core-js/modules/es6.object.define-property");
+
+require("core-js/modules/es6.object.create");
+
+require("core-js/modules/es6.object.set-prototype-of");
+
+require("core-js/modules/es6.array.map");
+
+require("core-js/modules/es6.array.filter");
+
+require("core-js/modules/es6.function.name");
+
+require("core-js/modules/es6.array.find");
+
+require("core-js/modules/es6.array.iterator");
+
+require("core-js/modules/es6.object.keys");
+
+require("core-js/modules/web.dom.iterable");
+
+require("core-js/modules/es6.array.for-each");
+
+require("core-js/modules/es6.string.trim");
+
+var _global = require("global");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _constants = _interopRequireDefault(require("./constants"));
+
+var _Swatch = _interopRequireDefault(require("./Swatch"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
 function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -49,11 +90,5 @@
 
-import { document } from 'global';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import styled from '@emotion/styled';
-import Events from './constants';
-import Swatch from './Swatch';
 var Wrapper =
 /*#__PURE__*/
-styled("div", {
+(0, _styled.default)("div", {
   target: "e137kbae0"
@@ -65,3 +100,3 @@ })({
 /*#__PURE__*/
-styled("h5", {
+(0, _styled.default)("h5", {
   target: "e137kbae1"
@@ -73,3 +108,3 @@ })({
 /*#__PURE__*/
-styled("pre", {
+(0, _styled.default)("pre", {
   target: "e137kbae2"
@@ -88,3 +123,3 @@ })(function (_ref) {
 /*#__PURE__*/
-styled("div", {
+(0, _styled.default)("div", {
   target: "e137kbae3"
@@ -97,3 +132,3 @@ })({
 /*#__PURE__*/
-styled("div", {
+(0, _styled.default)("div", {
   target: "e137kbae4"
@@ -117,3 +152,3 @@ })({
 var Instructions = function Instructions() {
-  return React.createElement(Wrapper, null, React.createElement(Title, null, "Setup Instructions"), React.createElement("p", null, "Please add the background decorator definition to your story. The background decorate accepts an array of items, which should include a name for your color (preferably the css class name) and the corresponding color / image value."), React.createElement("p", null, "Below is an example of how to add the background decorator to your story definition."), React.createElement(Pre, null, React.createElement("code", null, instructionsHtml)));
+  return _react.default.createElement(Wrapper, null, _react.default.createElement(Title, null, "Setup Instructions"), _react.default.createElement("p", null, "Please add the background decorator definition to your story. The background decorate accepts an array of items, which should include a name for your color (preferably the css class name) and the corresponding color / image value."), _react.default.createElement("p", null, "Below is an example of how to add the background decorator to your story definition."), _react.default.createElement(Pre, null, _react.default.createElement("code", null, instructionsHtml)));
 };
@@ -157,3 +192,3 @@
           channel = _this$props.channel;
-      this.iframe = document.getElementById(storybookIframe);
+      this.iframe = _global.document.getElementById(storybookIframe);
 
@@ -167,3 +202,3 @@ if (!this.iframe) {
       });
-      channel.on(Events.SET, function (data) {
+      channel.on(_constants.default.SET, function (data) {
         var backgrounds = _toConsumableArray(data);
@@ -194,3 +229,3 @@
       });
-      channel.on(Events.UNSET, function () {
+      channel.on(_constants.default.UNSET, function () {
         _this2.setState({
@@ -221,3 +256,3 @@ backgrounds: []
 
-      if (!backgrounds.length) return React.createElement(Instructions, null);
+      if (!backgrounds.length) return _react.default.createElement(Instructions, null);
       var hasDefault = backgrounds.filter(function (x) {
@@ -227,8 +262,8 @@ return x.default;
       if (!hasDefault) backgrounds.push(defaultBackground);
-      return React.createElement(List, null, backgrounds.map(function (_ref2) {
+      return _react.default.createElement(List, null, backgrounds.map(function (_ref2) {
         var value = _ref2.value,
             name = _ref2.name;
-        return React.createElement(Item, {
+        return _react.default.createElement(Item, {
           key: "".concat(name, " ").concat(value)
-        }, React.createElement(Swatch, {
+        }, _react.default.createElement(_Swatch.default, {
           value: value,
@@ -243,15 +278,15 @@ name: name,
   return BackgroundPanel;
-}(Component);
+}(_react.Component);
 
-export { BackgroundPanel as default };
+exports.default = BackgroundPanel;
 BackgroundPanel.propTypes = {
-  active: PropTypes.bool.isRequired,
-  api: PropTypes.shape({
-    getQueryParam: PropTypes.func,
-    setQueryParams: PropTypes.func
+  active: _propTypes.default.bool.isRequired,
+  api: _propTypes.default.shape({
+    getQueryParam: _propTypes.default.func,
+    setQueryParams: _propTypes.default.func
   }).isRequired,
-  channel: PropTypes.shape({
-    emit: PropTypes.func,
-    on: PropTypes.func,
-    removeListener: PropTypes.func
+  channel: _propTypes.default.shape({
+    emit: _propTypes.default.func,
+    on: _propTypes.default.func,
+    removeListener: _propTypes.default.func
   })
@@ -258,0 +293,0 @@ };

dist/constants.js

@@ -1,6 +0,17 @@
-export var ADDON_ID = 'storybook-addon-background';
-export var PANEL_ID = "".concat(ADDON_ID, "/background-panel");
-export default {
+"use strict";
+
+require("core-js/modules/es6.object.define-property");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PANEL_ID = exports.ADDON_ID = void 0;
+var ADDON_ID = 'storybook-addon-background';
+exports.ADDON_ID = ADDON_ID;
+var PANEL_ID = "".concat(ADDON_ID, "/background-panel");
+exports.PANEL_ID = PANEL_ID;
+var _default = {
   SET: "".concat(ADDON_ID, ":set"),
   UNSET: "".concat(ADDON_ID, ":unset")
-};
+};
+exports.default = _default;

dist/deprecated.js

@@ -1,3 +0,18 @@
-import deprecate from 'util-deprecate';
-import backgrounds from '.';
-export default deprecate(backgrounds, "addon-backgrounds: framework-specific imports are deprecated, just use `import backgrounds from '@storybook/addon-backgrounds`");
+"use strict";
+
+require("core-js/modules/es6.object.define-property");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
+
+var _ = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = (0, _utilDeprecate.default)(_.default, "addon-backgrounds: framework-specific imports are deprecated, just use `import backgrounds from '@storybook/addon-backgrounds`");
+
+exports.default = _default;

dist/index.js

@@ -1,9 +0,30 @@
-import "core-js/modules/web.dom.iterable";
-import "core-js/modules/es6.array.iterator";
-import "core-js/modules/es7.object.values";
-import "core-js/modules/es6.array.is-array";
-import addons, { makeDecorator } from '@storybook/addons';
-import CoreEvents from '@storybook/core-events';
-import deprecate from 'util-deprecate';
-import Events from './constants';
+"use strict";
+
+require("core-js/modules/es6.object.define-property");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.withBackgrounds = void 0;
+
+require("core-js/modules/web.dom.iterable");
+
+require("core-js/modules/es6.array.iterator");
+
+require("core-js/modules/es7.object.values");
+
+require("core-js/modules/es6.array.is-array");
+
+var _addons = _interopRequireWildcard(require("@storybook/addons"));
+
+var _coreEvents = _interopRequireDefault(require("@storybook/core-events"));
+
+var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
+
+var _constants = _interopRequireDefault(require("./constants"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
 var prevBackgrounds;
@@ -14,7 +35,8 @@
     prevBackgrounds = null;
-    addons.getChannel().emit(Events.UNSET);
+
+    _addons.default.getChannel().emit(_constants.default.UNSET);
   };
 };
 
-export var withBackgrounds = makeDecorator({
+var withBackgrounds = (0, _addons.makeDecorator)({
   name: 'withBackgrounds',
@@ -35,10 +57,16 @@ parameterName: 'backgrounds',
     if (prevBackgrounds !== backgrounds) {
-      addons.getChannel().emit(Events.SET, backgrounds);
+      _addons.default.getChannel().emit(_constants.default.SET, backgrounds);
+
       prevBackgrounds = backgrounds;
     }
 
-    addons.getChannel().emit(CoreEvents.REGISTER_SUBSCRIPTION, subscription);
+    _addons.default.getChannel().emit(_coreEvents.default.REGISTER_SUBSCRIPTION, subscription);
+
     return getStory(context);
   }
 });
-export default deprecate(withBackgrounds, 'The default export of @storybook/addon-backgrounds is deprecated, please `import { withBackgrounds }` instead');
+exports.withBackgrounds = withBackgrounds;
+
+var _default = (0, _utilDeprecate.default)(withBackgrounds, 'The default export of @storybook/addon-backgrounds is deprecated, please `import { withBackgrounds }` instead');
+
+exports.default = _default;

dist/register.js

@@ -1,8 +0,17 @@
-import React from 'react';
-import addons from '@storybook/addons';
-import { ADDON_ID, PANEL_ID } from './constants';
-import BackgroundPanel from './BackgroundPanel';
-addons.register(ADDON_ID, function (api) {
-  var channel = addons.getChannel();
-  addons.addPanel(PANEL_ID, {
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _addons = _interopRequireDefault(require("@storybook/addons"));
+
+var _constants = require("./constants");
+
+var _BackgroundPanel = _interopRequireDefault(require("./BackgroundPanel"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_addons.default.register(_constants.ADDON_ID, function (api) {
+  var channel = _addons.default.getChannel();
+
+  _addons.default.addPanel(_constants.PANEL_ID, {
     title: 'Backgrounds',
@@ -12,3 +21,3 @@ // eslint-disable-next-line react/prop-types
       var active = _ref.active;
-      return React.createElement(BackgroundPanel, {
+      return _react.default.createElement(_BackgroundPanel.default, {
         channel: channel,
@@ -15,0 +24,0 @@ api: api,

dist/Swatch.js

@@ -1,8 +0,23 @@
-import "core-js/modules/es6.function.name";
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from '@emotion/styled';
+"use strict";
+
+require("core-js/modules/es6.object.define-property");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es6.function.name");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var Button =
 /*#__PURE__*/
-styled("button", {
+(0, _styled.default)("button", {
   target: "e1qiy5ry0"
@@ -29,3 +44,3 @@ })(function (_ref) {
 /*#__PURE__*/
-styled("div", {
+(0, _styled.default)("div", {
   target: "e1qiy5ry1"
@@ -46,3 +61,3 @@ })(function (_ref2) {
 /*#__PURE__*/
-styled("div", {
+(0, _styled.default)("div", {
   target: "e1qiy5ry2"
@@ -56,3 +71,3 @@ })({
 /*#__PURE__*/
-styled("h4", {
+(0, _styled.default)("h4", {
   target: "e1qiy5ry3"
@@ -65,3 +80,3 @@ })({
 /*#__PURE__*/
-styled("h4", {
+(0, _styled.default)("h4", {
   target: "e1qiy5ry4"
@@ -77,3 +92,3 @@ })({
       setBackground = _ref3.setBackground;
-  return React.createElement(Button, {
+  return _react.default.createElement(Button, {
     onClick: function onClick() {
@@ -85,12 +100,13 @@ return setBackground(value);
     }
-  }, React.createElement(Block, {
+  }, _react.default.createElement(Block, {
     bg: value
-  }), React.createElement(Box, null, React.createElement(Name, null, name, ":"), React.createElement(Value, null, React.createElement("em", null, value))));
+  }), _react.default.createElement(Box, null, _react.default.createElement(Name, null, name, ":"), _react.default.createElement(Value, null, _react.default.createElement("em", null, value))));
 };
 
 Swatch.propTypes = {
-  name: PropTypes.string.isRequired,
-  value: PropTypes.string.isRequired,
-  setBackground: PropTypes.func.isRequired
+  name: _propTypes.default.string.isRequired,
+  value: _propTypes.default.string.isRequired,
+  setBackground: _propTypes.default.func.isRequired
 };
-export default Swatch;
+var _default = Swatch;
+exports.default = _default;

package.json

 {
   "name": "@storybook/addon-backgrounds",
-  "version": "4.1.0-alpha.11",
+  "version": "4.1.0-alpha.12",
   "description": "A storybook addon to show different backgrounds for your preview",
@@ -28,4 +28,4 @@ "keywords": [
     "@emotion/styled": "^0.10.6",
-    "@storybook/addons": "4.1.0-alpha.11",
-    "@storybook/core-events": "4.1.0-alpha.11",
+    "@storybook/addons": "4.1.0-alpha.12",
+    "@storybook/core-events": "4.1.0-alpha.12",
     "eventemitter3": "^3.1.0",
@@ -42,3 +42,3 @@ "global": "^4.3.2",
   },
-  "gitHead": "1e9e66bd9d89584aa39470e20e49d176962ef082"
+  "gitHead": "4ed93b4baf960fb7d614d55dec7981854cc844ac"
 }

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

42414

9.26%

Lines of code

944

5.24%

Dependency changes

• + Added

  @storybook/addons@4.1.0-alpha.12
  (transitive)

• + Added

  @storybook/channels@4.1.0-alpha.12
  (transitive)

• + Added

  @storybook/components@4.1.0-alpha.12
  (transitive)

• + Added

  @storybook/core-events@4.1.0-alpha.12
  (transitive)

• - Removed

  @storybook/addons@4.1.0-alpha.11
  (transitive)

• - Removed

  @storybook/channels@4.1.0-alpha.11
  (transitive)

• - Removed

  @storybook/components@4.1.0-alpha.11
  (transitive)

• - Removed

  @storybook/core-events@4.1.0-alpha.11
  (transitive)

• Updated

  @storybook/addons@4.1.0-alpha.12

• Updated

  @storybook/core-events@4.1.0-alpha.12