@micromag/screen-title 0.3.423 → 0.3.429

package/es/index.js

@@ -68,7 +68,6 @@ var defaultProps$2 = {
   className: null
 };
 var TitleScreen = function TitleScreen(_ref) {
-  var _ref4;
   var layout = _ref.layout,
     title = _ref.title,
     subtitle = _ref.subtitle,
@@ -166,7 +165,7 @@ var TitleScreen = function TitleScreen(_ref) {
     isEmpty: !hasDescription
   }, hasDescription ? /*#__PURE__*/React.createElement(Text, description) : null) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
+    className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
     "data-screen-ready": true
   }, /*#__PURE__*/React.createElement(Container, {
     width: width,

package/lib/index.js

@@ -25,45 +25,26 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var appleNews = require('@micromag/transforms/apple-news');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
-var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
-var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
-var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
-var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
-var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
 var styles = {"container":"micromag-screen-title-container","background":"micromag-screen-title-background","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyTitle":"micromag-screen-title-emptyTitle","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyDescription":"micromag-screen-title-emptyDescription","title":"micromag-screen-title-title","withMargin":"micromag-screen-title-withMargin","subtitle":"micromag-screen-title-subtitle","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
 
 var propTypes$2 = {
-  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
+  layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
   title: core.PropTypes.headingElement,
   subtitle: core.PropTypes.headingElement,
   description: core.PropTypes.textElement,
   boxStyle: core.PropTypes.boxStyle,
-  withSubtitle: PropTypes__default["default"].bool,
-  withDescription: PropTypes__default["default"].bool,
-  withBox: PropTypes__default["default"].bool,
-  spacing: PropTypes__default["default"].number,
+  withSubtitle: PropTypes.bool,
+  withDescription: PropTypes.bool,
+  withBox: PropTypes.bool,
+  spacing: PropTypes.number,
   descriptionEmptyLabel: core.PropTypes.label,
   header: core.PropTypes.header,
   footer: core.PropTypes.footer,
   background: core.PropTypes.backgroundElement,
-  current: PropTypes__default["default"].bool,
-  active: PropTypes__default["default"].bool,
-  transitionStagger: PropTypes__default["default"].number,
-  className: PropTypes__default["default"].string
+  current: PropTypes.bool,
+  active: PropTypes.bool,
+  transitionStagger: PropTypes.number,
+  className: PropTypes.string
 };
 var defaultProps$2 = {
   layout: 'top',
@@ -75,7 +56,7 @@ var defaultProps$2 = {
   withDescription: false,
   withBox: false,
   spacing: 20,
-  descriptionEmptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+  descriptionEmptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
     id: "507VAi",
     defaultMessage: [{
       "type": 0,
@@ -91,7 +72,6 @@ var defaultProps$2 = {
   className: null
 };
 var TitleScreen = function TitleScreen(_ref) {
-  var _ref4;
   var layout = _ref.layout,
     title = _ref.title,
     subtitle = _ref.subtitle,
@@ -147,10 +127,10 @@ var TitleScreen = function TitleScreen(_ref) {
     openWebView: openWebView,
     isPreview: isPreview
   });
-  var titleElement = /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+  var titleElement = /*#__PURE__*/React.createElement(components.ScreenElement, {
     key: "title",
     placeholder: "title",
-    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "2ZOPe+",
       defaultMessage: [{
         "type": 0,
@@ -159,15 +139,15 @@ var TitleScreen = function TitleScreen(_ref) {
     }),
     emptyClassName: styles.emptyTitle,
     isEmpty: !hasTitle
-  }, hasTitle ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
-    className: classNames__default["default"]([styles.title, _defineProperty__default["default"]({}, styles.withMargin, titleWithMargin)])
+  }, hasTitle ? /*#__PURE__*/React.createElement(Heading, Object.assign({
+    className: classNames([styles.title, _defineProperty({}, styles.withMargin, titleWithMargin)])
   }, title, {
     size: 1
   })) : null);
-  var subtitleElement = withSubtitle ? /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+  var subtitleElement = withSubtitle ? /*#__PURE__*/React.createElement(components.ScreenElement, {
     key: "subtitle",
     placeholder: "subtitle",
-    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "d60tSn",
       defaultMessage: [{
         "type": 0,
@@ -176,26 +156,26 @@ var TitleScreen = function TitleScreen(_ref) {
     }),
     emptyClassName: styles.emptySubtitle,
     isEmpty: !hasSubtitle
-  }, hasSubtitle ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
-    className: classNames__default["default"]([styles.subtitle, _defineProperty__default["default"]({}, styles.withMargin, subtitleWithMargin)])
+  }, hasSubtitle ? /*#__PURE__*/React.createElement(Heading, Object.assign({
+    className: classNames([styles.subtitle, _defineProperty({}, styles.withMargin, subtitleWithMargin)])
   }, subtitle, {
     size: 2
   })) : null) : null;
-  var descriptionElement = withDescription ? /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+  var descriptionElement = withDescription ? /*#__PURE__*/React.createElement(components.ScreenElement, {
     key: "description",
     placeholder: "shortText",
     emptyLabel: descriptionEmptyLabel,
     emptyClassName: styles.emptyDescription,
     isEmpty: !hasDescription
-  }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], description) : null) : null;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
+  }, hasDescription ? /*#__PURE__*/React.createElement(Text, description) : null) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
     "data-screen-ready": true
-  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
+  }, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height,
     className: styles.content
-  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
+  }, /*#__PURE__*/React.createElement(Layout, {
     className: styles.layout,
     fullscreen: true,
     verticalAlign: verticalAlign,
@@ -204,45 +184,45 @@ var TitleScreen = function TitleScreen(_ref) {
       paddingTop: (!isPreview ? viewerTopHeight : 0) + (hasHeader ? spacing / 2 : spacing),
       paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (hasFooter ? spacing / 2 : spacing)
     } : null
-  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
     style: {
       paddingBottom: spacing
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, !isPlaceholder && hasFooter && isMiddleLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }, /*#__PURE__*/React.createElement(Header, header)) : null, !isPlaceholder && hasFooter && isMiddleLayout ? /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer-cta-top"
-  }) : null, !isPlaceholder && hasHeader && isBottomLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }) : null, !isPlaceholder && hasHeader && isBottomLayout ? /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer-cta-top"
-  }) : null, !isPlaceholder && hasHeader && !hasFooter && isMiddleLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }) : null, !isPlaceholder && hasHeader && !hasFooter && isMiddleLayout ? /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer-cta-top"
-  }) : null, withBox && !isSplitted ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }) : null, withBox && !isSplitted ? /*#__PURE__*/React.createElement("div", {
     className: styles.box,
     style: isEdit || isPlaceholder || hasTitle || hasSubtitle || hasDescription ? utils.getStyleFromBox(boxStyle) : null
-  }, [titleElement, subtitleElement, descriptionElement]) : null, withBox && isSplitted ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, [titleElement, subtitleElement, descriptionElement]) : null, withBox && isSplitted ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: styles.box,
     key: "top",
     style: isEdit || isPlaceholder || hasTitle || withDescription && verticalAlign === 'top' && hasSubtitle ? utils.getStyleFromBox(boxStyle) : null
-  }, titleElement, withDescription && verticalAlign === 'top' ? subtitleElement : null), /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }, titleElement, withDescription && verticalAlign === 'top' ? subtitleElement : null), /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer1"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: styles.box,
     key: "bottom",
     style: isEdit || isPlaceholder || hasDescription || (!withDescription || verticalAlign === 'bottom') && hasSubtitle ? utils.getStyleFromBox(boxStyle) : null
-  }, !withDescription || verticalAlign === 'bottom' ? subtitleElement : null, descriptionElement)) : null, !withBox ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, titleElement, isSplitted && (!withDescription || verticalAlign === 'bottom') && /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }, !withDescription || verticalAlign === 'bottom' ? subtitleElement : null, descriptionElement)) : null, !withBox ? /*#__PURE__*/React.createElement(React.Fragment, null, titleElement, isSplitted && (!withDescription || verticalAlign === 'bottom') && /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer1"
-  }), subtitleElement, isSplitted && withDescription && verticalAlign === 'top' && /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }), subtitleElement, isSplitted && withDescription && verticalAlign === 'top' && /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer2"
-  }), descriptionElement) : null, !isPlaceholder && hasFooter && (isTopLayout || isMiddleLayout) ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }), descriptionElement) : null, !isPlaceholder && hasFooter && (isTopLayout || isMiddleLayout) ? /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer-cta-bottom"
-  }) : null, !isPlaceholder && hasHeader && !hasFooter && isMiddleLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }) : null, !isPlaceholder && hasHeader && !hasFooter && isMiddleLayout ? /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer-cta-bottom"
-  }) : null, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }) : null, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
     key: "call-to-action",
     style: {
       paddingTop: spacing,
       paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
       paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
+  }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
     background: background,
     width: width,
     height: height,
@@ -257,11 +237,11 @@ var TitleScreen = function TitleScreen(_ref) {
 };
 TitleScreen.propTypes = propTypes$2;
 TitleScreen.defaultProps = defaultProps$2;
-var TitleScreen$1 = /*#__PURE__*/React__default["default"].memo(TitleScreen);
+var TitleScreen$1 = /*#__PURE__*/React.memo(TitleScreen);
 
 var TitleSubtitleScreen = function TitleSubtitleScreen(_ref) {
-  var props = _extends__default["default"]({}, (_objectDestructuringEmpty__default["default"](_ref), _ref));
-  return /*#__PURE__*/React__default["default"].createElement(TitleScreen$1, Object.assign({}, props, {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(TitleScreen$1, Object.assign({}, props, {
     withSubtitle: true
   }));
 };
@@ -275,12 +255,12 @@ var defaultProps$1 = {
 };
 var TitleSubtitleCreditsScreen = function TitleSubtitleCreditsScreen(_ref) {
   var credits = _ref.credits,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(TitleScreen$1, Object.assign({}, props, {
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(TitleScreen$1, Object.assign({}, props, {
     description: credits,
     withSubtitle: true,
     withDescription: true,
-    descriptionEmptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    descriptionEmptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "/hupzO",
       defaultMessage: [{
         "type": 0,
@@ -296,7 +276,7 @@ TitleSubtitleCreditsScreen.defaultProps = defaultProps$1;
 var propTypes = {};
 var defaultProps = {};
 var TitleWithBoxScreen = function TitleWithBoxScreen(props) {
-  return /*#__PURE__*/React__default["default"].createElement(TitleScreen$1, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(TitleScreen$1, Object.assign({}, props, {
     withSubtitle: true,
     withDescription: true,
     withBox: true
@@ -318,11 +298,11 @@ var transform = function transform(newStory, _ref) {
   var _Text = appleNews.Text(subtitleStory, credits),
     creditsStory = _Text.story,
     creditsComponent = _Text.component;
-  var _Container = appleNews.Container(creditsStory, [].concat(_toConsumableArray__default["default"](titleComponent ? [titleComponent] : []), _toConsumableArray__default["default"](subtitleComponent ? [subtitleComponent] : []), _toConsumableArray__default["default"](creditsComponent ? [creditsComponent] : []))),
+  var _Container = appleNews.Container(creditsStory, [].concat(_toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(subtitleComponent ? [subtitleComponent] : []), _toConsumableArray(creditsComponent ? [creditsComponent] : []))),
     containerStory = _Container.story,
     containerComponent = _Container.component;
-  return _objectSpread__default["default"](_objectSpread__default["default"]({}, containerStory), {}, {
-    components: [].concat(_toConsumableArray__default["default"](newStory.components || []), _toConsumableArray__default["default"](containerComponent ? [containerComponent] : []))
+  return _objectSpread(_objectSpread({}, containerStory), {}, {
+    components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(containerComponent ? [containerComponent] : []))
   });
 };
 
@@ -800,4 +780,4 @@ var definition = [{
 exports.TitleScreen = TitleScreen$1;
 exports.TitleSubtitleCreditsScreen = TitleSubtitleCreditsScreen;
 exports.TitleSubtitleScreen = TitleSubtitleScreen;
-exports["default"] = definition;
+exports.default = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-title",
-    "version": "0.3.423",
+    "version": "0.3.429",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,6 +32,14 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "style": "assets/css/styles.css",
+    "exports": {
+        ".": {
+            "require": "./lib/index.js",
+            "import": "./es/index.js"
+        },
+        "./assets/css/*.css": "./assets/css/*.css"
+    },
     "files": [
         "lib",
         "es",
@@ -50,15 +58,15 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.423",
-        "@micromag/element-background": "^0.3.423",
-        "@micromag/element-container": "^0.3.423",
-        "@micromag/element-footer": "^0.3.423",
-        "@micromag/element-header": "^0.3.423",
-        "@micromag/element-heading": "^0.3.423",
-        "@micromag/element-layout": "^0.3.423",
-        "@micromag/element-text": "^0.3.423",
-        "@micromag/transforms": "^0.3.423",
+        "@micromag/core": "^0.3.429",
+        "@micromag/element-background": "^0.3.429",
+        "@micromag/element-container": "^0.3.429",
+        "@micromag/element-footer": "^0.3.429",
+        "@micromag/element-header": "^0.3.429",
+        "@micromag/element-heading": "^0.3.429",
+        "@micromag/element-layout": "^0.3.429",
+        "@micromag/element-text": "^0.3.429",
+        "@micromag/transforms": "^0.3.429",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -69,5 +77,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
 }