@commercetools-frontend/application-components - npm Package Compare versions

Comparing version 7.3.5-canary.4 to 7.3.5-canary.5

dist/application-components.cjs.js

@@ -7,7 +7,223 @@ 'use strict';
 
-var React = _interopDefault(require('react'));
+var React = require('react');
+var React__default = _interopDefault(React);
 var uiKit = require('@commercetools-frontend/ui-kit');
+require('fbjs/lib/shallowEqual');
+require('hoist-non-react-statics');
+require('change-emitter');
+var warning = _interopDefault(require('warning'));
 var reactIntl = require('react-intl');
 var PageNotFoundSVG = _interopDefault(require('@commercetools-frontend/assets/images/page-not-found.svg'));
 
+function _typeof(obj) {
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a 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);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function symbolObservablePonyfill(root) {
+  var result;
+  var _Symbol = root.Symbol;
+
+  if (typeof _Symbol === 'function') {
+    if (_Symbol.observable) {
+      result = _Symbol.observable;
+    } else {
+      result = _Symbol('observable');
+      _Symbol.observable = result;
+    }
+  } else {
+    result = '@@observable';
+  }
+
+  return result;
+}
+
+/* global window */
+var root;
+
+if (typeof self !== 'undefined') {
+  root = self;
+} else if (typeof window !== 'undefined') {
+  root = window;
+} else if (typeof global !== 'undefined') {
+  root = global;
+} else if (typeof module !== 'undefined') {
+  root = module;
+} else {
+  root = Function('return this')();
+}
+
+var result = symbolObservablePonyfill(root);
+
+var getDisplayName = function getDisplayName(Component$$1) {
+  if (typeof Component$$1 === 'string') {
+    return Component$$1;
+  }
+
+  if (!Component$$1) {
+    return undefined;
+  }
+
+  return Component$$1.displayName || Component$$1.name || 'Component';
+};
+
+var classCallCheck = function classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+};
+
+var inherits = 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 possibleConstructorReturn = 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;
+};
+
+var Nothing = function (_Component) {
+  inherits(Nothing, _Component);
+
+  function Nothing() {
+    classCallCheck(this, Nothing);
+    return possibleConstructorReturn(this, _Component.apply(this, arguments));
+  }
+
+  Nothing.prototype.render = function render() {
+    return null;
+  };
+
+  return Nothing;
+}(React.Component);
+
+function deprecateComponent (_ref) {
+  var _ref$message = _ref.message,
+      message = _ref$message === void 0 ? '' : _ref$message;
+  return function (Component) {
+    var _class, _temp;
+
+    return _temp = _class =
+    /*#__PURE__*/
+    function (_React$PureComponent) {
+      _inherits(DeprecateComponent, _React$PureComponent);
+
+      function DeprecateComponent() {
+        _classCallCheck(this, DeprecateComponent);
+
+        return _possibleConstructorReturn(this, _getPrototypeOf(DeprecateComponent).apply(this, arguments));
+      }
+
+      _createClass(DeprecateComponent, [{
+        key: "componentDidMount",
+        value: function componentDidMount() {
+          var shouldSkipWarning = process.env.NODE_ENV === 'production';
+          warning( // `warning` logs the message when `NODE_ENV` is not 'production'
+          shouldSkipWarning, "`".concat(getDisplayName(Component), "` is no longer supported. ").concat(message));
+        }
+      }, {
+        key: "render",
+        value: function render() {
+          return React__default.createElement(Component, this.props);
+        }
+      }]);
+
+      return DeprecateComponent;
+    }(React__default.PureComponent), _class.displayName = "Deprecated(".concat(getDisplayName(Component), ")"), _temp;
+  };
+}
+
 function styleInject(css, ref) {
@@ -42,22 +258,28 @@ if (ref === void 0) ref = {};
 
-var css = ".service-page-response-layout-mod_container__2uluc{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n  height:100vh;\n  padding:24px;\n  padding:24px;\n  max-width:100vw;\n  overflow:auto;\n  text-align:center;\n}\n\n.service-page-response-layout-mod_content__BKusa{\n  max-width:460px;\n  text-align:center;\n}\n\n.service-page-response-layout-mod_content__BKusa > * + *{\n  margin:24px 0 0;\n  margin:24px 0 0;\n}\n\n.service-page-response-layout-mod_body__3N5vO{\n  display:flex;\n  justify-content:center;\n}\n";
-var styles = {"container":"service-page-response-layout-mod_container__2uluc","content":"service-page-response-layout-mod_content__BKusa","body":"service-page-response-layout-mod_body__3N5vO"};
+var css = ".maintenance-page-layout-mod_container__2eZnR{\n  display:-ms-grid;\n  display:grid;\n  align-items:center;\n  justify-content:center;\n  height:100%;\n  white-space:pre-wrap;\n  text-align:center;\n}\n\n.maintenance-page-layout-mod_body__G5qql{\n  display:flex;\n  justify-content:center;\n}\n";
+var styles = {"container":"maintenance-page-layout-mod_container__2eZnR","body":"maintenance-page-layout-mod_body__G5qql"};
 styleInject(css);
 
-var ServicePageResponseLayout = function ServicePageResponseLayout(props) {
-  return React.createElement("div", {
+var MaintenancePageLayout = function MaintenancePageLayout(props) {
+  return React__default.createElement("div", {
     className: styles.container
-  }, React.createElement("div", {
-    className: styles.content
-  }, React.createElement("div", null, React.createElement("img", {
-    src: props.imageSrc,
-    className: styles.graphic
-  })), React.createElement(uiKit.Text.Headline, {
+  }, React__default.createElement(uiKit.Constraints.Horizontal, {
+    constraint: "l"
+  }, React__default.createElement(uiKit.Spacings.Stack, {
+    scale: "m"
+  }, React__default.createElement("div", null, React__default.createElement("img", {
+    src: props.imageSrc
+  })), React__default.createElement("div", null, React__default.createElement(uiKit.Text.Headline, {
     elementType: "h2"
-  }, props.title), React.createElement(uiKit.Text.Body, null, props.paragraph1), props.bodyContent && React.createElement("div", {
+  }, props.title)), React__default.createElement("div", null, React__default.createElement(uiKit.Text.Body, null, props.paragraph1)), props.bodyContent && React__default.createElement("div", {
     className: styles.body
-  }, props.bodyContent), props.paragraph2 && React.createElement(uiKit.Text.Body, null, props.paragraph2)));
+  }, props.bodyContent), props.paragraph2 && React__default.createElement("div", null, React__default.createElement(uiKit.Text.Body, null, props.paragraph2)))));
 };
 
+MaintenancePageLayout.displayName = 'MaintenancePageLayout';
+var ServicePageResponseLayout = MaintenancePageLayout;
 ServicePageResponseLayout.displayName = 'ServicePageResponseLayout';
+var DeprecatedServicePageResponseLayout = deprecateComponent({
+  message: "The \"ServicePageResponseLayout\" component has been renamed to \"MaintenancePageLayout\". The named export will be removed in the next major release."
+})(ServicePageResponseLayout);
 
@@ -79,27 +301,16 @@ var messages = reactIntl.defineMessages({
 
-var css$1 = ".page-not-found-mod_container__3df27{\n  height:auto;\n  white-space:pre-wrap;\n}\n";
-var styles$1 = {"container":"page-not-found-mod_container__3df27"};
-styleInject(css$1);
-
-var Link = function Link() {
-  return React.createElement("a", {
-    href: 'https://support.commercetools.com',
-    target: "_blank"
-  }, React.createElement(reactIntl.FormattedMessage, messages.helpDesk));
-};
-
-Link.displayName = 'Link';
-
 var PageNotFound = function PageNotFound() {
-  return React.createElement("div", {
-    className: styles$1.container
-  }, React.createElement(ServicePageResponseLayout, {
+  return React__default.createElement(MaintenancePageLayout, {
     imageSrc: PageNotFoundSVG,
-    title: React.createElement(reactIntl.FormattedMessage, messages.title),
-    paragraph1: React.createElement(reactIntl.FormattedMessage, Object.assign({}, messages.paragraph1, {
+    title: React__default.createElement(reactIntl.FormattedMessage, messages.title),
+    paragraph1: React__default.createElement(reactIntl.FormattedMessage, Object.assign({}, messages.paragraph1, {
       values: {
-        link: React.createElement(Link, null)
+        link: React__default.createElement("a", {
+          href: 'https://support.commercetools.com',
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, React__default.createElement(reactIntl.FormattedMessage, messages.helpDesk))
       }
     }))
-  }));
+  });
 };
@@ -111,4 +322,5 @@
 
-exports.ServicePageResponseLayout = ServicePageResponseLayout;
+exports.MaintenancePageLayout = MaintenancePageLayout;
+exports.ServicePageResponseLayout = DeprecatedServicePageResponseLayout;
 exports.PageNotFound = PageNotFound;
 //# sourceMappingURL=application-components.cjs.js.map

dist/application-components.es.js

@@ -1,6 +0,221 @@
-import React from 'react';
-import { Text } from '@commercetools-frontend/ui-kit';
+import React, { Component } from 'react';
+import { Constraints, Spacings, Text } from '@commercetools-frontend/ui-kit';
+import 'fbjs/lib/shallowEqual';
+import 'hoist-non-react-statics';
+import 'change-emitter';
+import warning from 'warning';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import PageNotFoundSVG from '@commercetools-frontend/assets/images/page-not-found.svg';
 
+function _typeof(obj) {
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a 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);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function symbolObservablePonyfill(root) {
+  var result;
+  var _Symbol = root.Symbol;
+
+  if (typeof _Symbol === 'function') {
+    if (_Symbol.observable) {
+      result = _Symbol.observable;
+    } else {
+      result = _Symbol('observable');
+      _Symbol.observable = result;
+    }
+  } else {
+    result = '@@observable';
+  }
+
+  return result;
+}
+
+/* global window */
+var root;
+
+if (typeof self !== 'undefined') {
+  root = self;
+} else if (typeof window !== 'undefined') {
+  root = window;
+} else if (typeof global !== 'undefined') {
+  root = global;
+} else if (typeof module !== 'undefined') {
+  root = module;
+} else {
+  root = Function('return this')();
+}
+
+var result = symbolObservablePonyfill(root);
+
+var getDisplayName = function getDisplayName(Component$$1) {
+  if (typeof Component$$1 === 'string') {
+    return Component$$1;
+  }
+
+  if (!Component$$1) {
+    return undefined;
+  }
+
+  return Component$$1.displayName || Component$$1.name || 'Component';
+};
+
+var classCallCheck = function classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+};
+
+var inherits = 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 possibleConstructorReturn = 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;
+};
+
+var Nothing = function (_Component) {
+  inherits(Nothing, _Component);
+
+  function Nothing() {
+    classCallCheck(this, Nothing);
+    return possibleConstructorReturn(this, _Component.apply(this, arguments));
+  }
+
+  Nothing.prototype.render = function render() {
+    return null;
+  };
+
+  return Nothing;
+}(Component);
+
+function deprecateComponent (_ref) {
+  var _ref$message = _ref.message,
+      message = _ref$message === void 0 ? '' : _ref$message;
+  return function (Component$$1) {
+    var _class, _temp;
+
+    return _temp = _class =
+    /*#__PURE__*/
+    function (_React$PureComponent) {
+      _inherits(DeprecateComponent, _React$PureComponent);
+
+      function DeprecateComponent() {
+        _classCallCheck(this, DeprecateComponent);
+
+        return _possibleConstructorReturn(this, _getPrototypeOf(DeprecateComponent).apply(this, arguments));
+      }
+
+      _createClass(DeprecateComponent, [{
+        key: "componentDidMount",
+        value: function componentDidMount() {
+          var shouldSkipWarning = process.env.NODE_ENV === 'production';
+          warning( // `warning` logs the message when `NODE_ENV` is not 'production'
+          shouldSkipWarning, "`".concat(getDisplayName(Component$$1), "` is no longer supported. ").concat(message));
+        }
+      }, {
+        key: "render",
+        value: function render() {
+          return React.createElement(Component$$1, this.props);
+        }
+      }]);
+
+      return DeprecateComponent;
+    }(React.PureComponent), _class.displayName = "Deprecated(".concat(getDisplayName(Component$$1), ")"), _temp;
+  };
+}
+
 function styleInject(css, ref) {
@@ -35,22 +250,28 @@ if (ref === void 0) ref = {};
 
-var css = ".service-page-response-layout-mod_container__2uluc{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n  height:100vh;\n  padding:24px;\n  padding:24px;\n  max-width:100vw;\n  overflow:auto;\n  text-align:center;\n}\n\n.service-page-response-layout-mod_content__BKusa{\n  max-width:460px;\n  text-align:center;\n}\n\n.service-page-response-layout-mod_content__BKusa > * + *{\n  margin:24px 0 0;\n  margin:24px 0 0;\n}\n\n.service-page-response-layout-mod_body__3N5vO{\n  display:flex;\n  justify-content:center;\n}\n";
-var styles = {"container":"service-page-response-layout-mod_container__2uluc","content":"service-page-response-layout-mod_content__BKusa","body":"service-page-response-layout-mod_body__3N5vO"};
+var css = ".maintenance-page-layout-mod_container__2eZnR{\n  display:-ms-grid;\n  display:grid;\n  align-items:center;\n  justify-content:center;\n  height:100%;\n  white-space:pre-wrap;\n  text-align:center;\n}\n\n.maintenance-page-layout-mod_body__G5qql{\n  display:flex;\n  justify-content:center;\n}\n";
+var styles = {"container":"maintenance-page-layout-mod_container__2eZnR","body":"maintenance-page-layout-mod_body__G5qql"};
 styleInject(css);
 
-var ServicePageResponseLayout = function ServicePageResponseLayout(props) {
+var MaintenancePageLayout = function MaintenancePageLayout(props) {
   return React.createElement("div", {
     className: styles.container
-  }, React.createElement("div", {
-    className: styles.content
+  }, React.createElement(Constraints.Horizontal, {
+    constraint: "l"
+  }, React.createElement(Spacings.Stack, {
+    scale: "m"
   }, React.createElement("div", null, React.createElement("img", {
-    src: props.imageSrc,
-    className: styles.graphic
-  })), React.createElement(Text.Headline, {
+    src: props.imageSrc
+  })), React.createElement("div", null, React.createElement(Text.Headline, {
     elementType: "h2"
-  }, props.title), React.createElement(Text.Body, null, props.paragraph1), props.bodyContent && React.createElement("div", {
+  }, props.title)), React.createElement("div", null, React.createElement(Text.Body, null, props.paragraph1)), props.bodyContent && React.createElement("div", {
     className: styles.body
-  }, props.bodyContent), props.paragraph2 && React.createElement(Text.Body, null, props.paragraph2)));
+  }, props.bodyContent), props.paragraph2 && React.createElement("div", null, React.createElement(Text.Body, null, props.paragraph2)))));
 };
 
+MaintenancePageLayout.displayName = 'MaintenancePageLayout';
+var ServicePageResponseLayout = MaintenancePageLayout;
 ServicePageResponseLayout.displayName = 'ServicePageResponseLayout';
+var DeprecatedServicePageResponseLayout = deprecateComponent({
+  message: "The \"ServicePageResponseLayout\" component has been renamed to \"MaintenancePageLayout\". The named export will be removed in the next major release."
+})(ServicePageResponseLayout);
 
@@ -72,19 +293,4 @@ var messages = defineMessages({
 
-var css$1 = ".page-not-found-mod_container__3df27{\n  height:auto;\n  white-space:pre-wrap;\n}\n";
-var styles$1 = {"container":"page-not-found-mod_container__3df27"};
-styleInject(css$1);
-
-var Link = function Link() {
-  return React.createElement("a", {
-    href: 'https://support.commercetools.com',
-    target: "_blank"
-  }, React.createElement(FormattedMessage, messages.helpDesk));
-};
-
-Link.displayName = 'Link';
-
 var PageNotFound = function PageNotFound() {
-  return React.createElement("div", {
-    className: styles$1.container
-  }, React.createElement(ServicePageResponseLayout, {
+  return React.createElement(MaintenancePageLayout, {
     imageSrc: PageNotFoundSVG,
@@ -94,6 +300,10 @@ title: React.createElement(FormattedMessage, messages.title),
       values: {
-        link: React.createElement(Link, null)
+        link: React.createElement("a", {
+          href: 'https://support.commercetools.com',
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, React.createElement(FormattedMessage, messages.helpDesk))
       }
     }))
-  }));
+  });
 };
@@ -105,3 +315,3 @@
 
-export { ServicePageResponseLayout, PageNotFound };
+export { MaintenancePageLayout, DeprecatedServicePageResponseLayout as ServicePageResponseLayout, PageNotFound };
 //# sourceMappingURL=application-components.es.js.map

package.json

 {
   "name": "@commercetools-frontend/application-components",
-  "version": "7.3.5-canary.4+ae16ab5",
+  "version": "7.3.5-canary.5+09b5a19",
   "description": "Generic components for building Merchant Center applications",
@@ -35,3 +35,5 @@ "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
     "build:es": "cross-env NODE_ENV=production rollup -c ../../rollup.config.js  -f es ./index.js -o dist/application-components.es.js",
-    "build:es:watch": "npm run build:es -- -w"
+    "build:es:watch": "npm run build:es -- -w",
+    "storybook:build": "build-storybook -o .public -s .storybook/assets",
+    "storybook:start": "start-storybook -p 9002 -s .storybook/assets"
   },
@@ -44,6 +46,16 @@ "dependencies": {
     "@commercetools-frontend/ui-kit": "8.3.0",
+    "@storybook/addon-actions": "4.1.11",
+    "@storybook/addon-knobs": "4.1.11",
+    "@storybook/addon-links": "4.1.11",
+    "@storybook/addon-options": "4.1.11",
+    "@storybook/addon-storysource": "4.1.11",
+    "@storybook/react": "4.1.11",
+    "html-loader": "0.5.5",
+    "markdown-loader": "5.0.0",
+    "moment-locales-webpack-plugin": "1.0.7",
     "react": "16.8.2",
     "react-dom": "16.8.2",
     "react-intl": "2.8.0",
-    "react-testing-library": "5.8.0"
+    "react-testing-library": "5.8.0",
+    "storybook-readme": "4.0.5"
   },
@@ -58,3 +70,3 @@ "peerDependencies": {
   },
-  "gitHead": "ae16ab593c8d5fe041e65a1bc6672147f6e86da2"
+  "gitHead": "09b5a19f720f4b70c6048221327949ce941932f4"
 }

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

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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

116191

increased by356.76%

Lines of code

544

increased by180.41%

Worsened metrics

Dev dependency count

16

increased by166.67%

Number of low supply chain risk alerts

2

increased byInfinity%

Number of medium supply chain risk alerts

4

increased by300%

No dependency changes