@micromag/screen-share 0.3.423 → 0.3.430

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-screen-share-container .micromag-screen-share-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-share-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-share-disabled.micromag-screen-share-container{overflow:hidden;pointer-events:none}.micromag-screen-share-hidden.micromag-screen-share-container{display:none;visibility:hidden}.micromag-screen-share-placeholder.micromag-screen-share-container .micromag-screen-share-content{padding:6px;position:relative}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-share-container .micromag-screen-share-background{z-index:0}.micromag-screen-share-container .micromag-screen-share-content{z-index:1}.micromag-screen-share-container .micromag-screen-share-heading{margin-bottom:10px}.micromag-screen-share-layout{overflow-x:hidden;overflow-y:auto;padding:10px}.micromag-screen-share-shareOptions.micromag-screen-share-isCentered{-ms-flex-pack:center;justify-content:center}.micromag-screen-share-shareButton{display:-ms-flexbox;display:flex;width:100%}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{margin:10px auto;padding:10px;width:100%}.micromag-screen-share-emptyOptions{padding:40px}.micromag-screen-share-header{left:0;margin-top:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-share-footer{bottom:0;left:0;margin-top:0;position:absolute;width:100%}
+.micromag-screen-share-container .micromag-screen-share-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-share-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-share-disabled.micromag-screen-share-container{overflow:hidden;pointer-events:none}.micromag-screen-share-hidden.micromag-screen-share-container{display:none;visibility:hidden}.micromag-screen-share-placeholder.micromag-screen-share-container .micromag-screen-share-content{padding:6px;position:relative}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-share-container .micromag-screen-share-background{z-index:0}.micromag-screen-share-container .micromag-screen-share-content{z-index:1}.micromag-screen-share-container .micromag-screen-share-heading{margin-bottom:10px}.micromag-screen-share-layout{overflow-x:hidden;overflow-y:auto;padding:10px}.micromag-screen-share-shareOptions.micromag-screen-share-isCentered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-share-shareButton{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{margin:10px auto;padding:10px;width:100%}.micromag-screen-share-emptyOptions{padding:40px}.micromag-screen-share-header{left:0;margin-top:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-share-footer{bottom:0;left:0;margin-top:0;position:absolute;width:100%}

package/es/index.js

@@ -58,7 +58,6 @@ var defaultProps = {
   className: null
 };
 var ShareScreen = function ShareScreen(_ref) {
-  var _ref3;
   var layout = _ref.layout,
     heading = _ref.heading,
     shareUrl = _ref.shareUrl,
@@ -153,7 +152,7 @@ var ShareScreen = function ShareScreen(_ref) {
     }
   }, [trackEvent]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
+    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

@@ -23,41 +23,25 @@ var ShareOptions = require('@micromag/element-share-options');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 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 _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-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 ShareOptions__default = /*#__PURE__*/_interopDefaultLegacy(ShareOptions);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-
 var styles = {"container":"micromag-screen-share-container","background":"micromag-screen-share-background","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","heading":"micromag-screen-share-heading","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton","header":"micromag-screen-share-header","footer":"micromag-screen-share-footer"};
 
 var propTypes = {
-  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom']),
+  layout: PropTypes.oneOf(['top', 'middle', 'bottom']),
   heading: core.PropTypes.headingElement,
-  shareUrl: PropTypes__default["default"].string,
-  options: PropTypes__default["default"].objectOf(PropTypes__default["default"].bool),
+  shareUrl: PropTypes.string,
+  options: PropTypes.objectOf(PropTypes.bool),
   buttonsStyle: core.PropTypes.boxStyle,
   buttonsTextStyle: core.PropTypes.textStyle,
-  centered: PropTypes__default["default"].bool,
-  spacing: PropTypes__default["default"].number,
+  centered: PropTypes.bool,
+  spacing: PropTypes.number,
   background: core.PropTypes.backgroundElement,
   header: core.PropTypes.header,
   footer: core.PropTypes.footer,
-  id: PropTypes__default["default"].string,
-  index: PropTypes__default["default"].number,
-  current: PropTypes__default["default"].bool,
-  active: PropTypes__default["default"].bool,
-  className: PropTypes__default["default"].string
+  id: PropTypes.string,
+  index: PropTypes.number,
+  current: PropTypes.bool,
+  active: PropTypes.bool,
+  className: PropTypes.string
 };
 var defaultProps = {
   layout: 'top',
@@ -78,7 +62,6 @@ var defaultProps = {
   className: null
 };
 var ShareScreen = function ShareScreen(_ref) {
-  var _ref3;
   var layout = _ref.layout,
     heading = _ref.heading,
     shareUrl = _ref.shareUrl,
@@ -161,7 +144,7 @@ var ShareScreen = function ShareScreen(_ref) {
   var defaultOptions = options !== null ? ['email', 'facebook', 'twitter', 'linkedin', 'whatsapp'] : [];
   var selectedOptions = options !== null ? Object.keys(options).reduce(function (acc, key) {
     if (!options[key]) return acc;
-    return [].concat(_toConsumableArray__default["default"](acc), [key]);
+    return [].concat(_toConsumableArray(acc), [key]);
   }, []) : defaultOptions;
   var trackingEnabled = isView;
   var trackEvent = hooks.useTrackScreenEvent('share');
@@ -172,14 +155,14 @@ var ShareScreen = function ShareScreen(_ref) {
       });
     }
   }, [trackEvent]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
+  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,
     verticalAlign: layout,
     fullscreen: true,
@@ -188,7 +171,7 @@ var ShareScreen = function ShareScreen(_ref) {
       paddingTop: (!isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
       paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
     } : null
-  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
     className: styles.header,
     ref: headerRef,
     style: {
@@ -198,10 +181,10 @@ var ShareScreen = function ShareScreen(_ref) {
       paddingRight: spacing,
       transform: "translate(0px, ".concat(viewerTopHeight, "px)")
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+  }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(components.ScreenElement, {
     key: "title",
     placeholder: "title",
-    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "X7kRRa",
       defaultMessage: [{
         "type": 0,
@@ -210,15 +193,15 @@ var ShareScreen = function ShareScreen(_ref) {
     }),
     emptyClassName: styles.emptyHeading,
     isEmpty: !heading || (heading === null || heading === void 0 ? void 0 : heading.body) === ''
-  }, heading ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
-    className: classNames__default["default"]([styles.heading])
-  }, heading)) : null), /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  }, heading ? /*#__PURE__*/React.createElement(Heading, Object.assign({
+    className: classNames([styles.heading])
+  }, heading)) : null), /*#__PURE__*/React.createElement(Layout.Spacer, {
     key: "spacer",
     size: 5
-  }), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+  }), /*#__PURE__*/React.createElement(components.ScreenElement, {
     key: "share-options",
     placeholder: "share-options",
-    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "RucIeL",
       defaultMessage: [{
         "type": 0,
@@ -227,15 +210,15 @@ var ShareScreen = function ShareScreen(_ref) {
     }),
     emptyClassName: styles.emptyOptions,
     isEmpty: !options
-  }, /*#__PURE__*/React__default["default"].createElement(ShareOptions__default["default"], {
-    className: classNames__default["default"]([styles.shareOptions, _defineProperty__default["default"]({}, styles.isCentered, centered)]),
+  }, /*#__PURE__*/React.createElement(ShareOptions, {
+    className: classNames([styles.shareOptions, _defineProperty({}, styles.isCentered, centered)]),
     buttonClassName: styles.shareButton,
     url: finalShareURL,
     options: selectedOptions,
     onShare: onClickShare,
     buttonsStyle: buttonsStyle,
     buttonsTextStyle: buttonsTextStyle
-  })), !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
+  })), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
     className: styles.footer,
     ref: footerRef,
     style: {
@@ -244,7 +227,7 @@ var ShareScreen = function ShareScreen(_ref) {
       paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
       paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0)
     }
-  }, /*#__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,
@@ -259,7 +242,7 @@ var ShareScreen = function ShareScreen(_ref) {
 };
 ShareScreen.propTypes = propTypes;
 ShareScreen.defaultProps = defaultProps;
-var ShareScreen$1 = /*#__PURE__*/React__default["default"].memo(ShareScreen);
+var ShareScreen$1 = /*#__PURE__*/React.memo(ShareScreen);
 
 var transform = function transform(newStory, _ref) {
   var text = _ref.text,
@@ -270,11 +253,11 @@ var transform = function transform(newStory, _ref) {
   var _Text = appleNews.Text(titleStory, text),
     textStory = _Text.story,
     textComponent = _Text.component;
-  var _Container = appleNews.Container(textStory, [].concat(_toConsumableArray__default["default"](titleComponent ? [titleComponent] : []), _toConsumableArray__default["default"](textComponent ? [textComponent] : []))),
+  var _Container = appleNews.Container(textStory, [].concat(_toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(textComponent ? [textComponent] : []))),
     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] : []))
   });
 };
 
@@ -518,4 +501,4 @@ var definition = {
 };
 
 exports.ShareScreen = ShareScreen$1;
-exports["default"] = definition;
+exports.default = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-share",
-    "version": "0.3.423",
+    "version": "0.3.430",
     "private": false,
     "description": "",
     "keywords": [
@@ -36,6 +36,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",
@@ -54,16 +62,16 @@
     },
     "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-share-options": "^0.3.423",
-        "@micromag/element-text": "^0.3.423",
-        "@micromag/transforms": "^0.3.423",
+        "@micromag/core": "^0.3.430",
+        "@micromag/element-background": "^0.3.430",
+        "@micromag/element-container": "^0.3.430",
+        "@micromag/element-footer": "^0.3.430",
+        "@micromag/element-header": "^0.3.430",
+        "@micromag/element-heading": "^0.3.430",
+        "@micromag/element-layout": "^0.3.430",
+        "@micromag/element-share-options": "^0.3.430",
+        "@micromag/element-text": "^0.3.430",
+        "@micromag/transforms": "^0.3.430",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -74,5 +82,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
 }