@micromag/transforms 0.3.311 → 0.3.322

package/es/apple-news.js

@@ -9,17 +9,15 @@ import hash from 'object-hash';
 
 var getArticleComponents = function getArticleComponents(story) {
   var _ref = story || {},
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? null : _ref$title,
-      _ref$metadata = _ref.metadata,
-      metadata = _ref$metadata === void 0 ? {} : _ref$metadata,
-      _ref$components = _ref.components,
-      components = _ref$components === void 0 ? [] : _ref$components;
-
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$metadata = _ref.metadata,
+    metadata = _ref$metadata === void 0 ? {} : _ref$metadata,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? [] : _ref$components;
   var _ref2 = metadata || {},
-      _ref2$description = _ref2.description,
-      description = _ref2$description === void 0 ? 'Ma description' : _ref2$description;
-
+    _ref2$description = _ref2.description,
+    description = _ref2$description === void 0 ? 'Ma description' : _ref2$description;
   var heading1 = title ? {
     role: 'heading1',
     text: title,
@@ -36,18 +34,15 @@ var getArticleComponents = function getArticleComponents(story) {
         return next;
       }
     }
-
     return comp;
   }, null);
   var imageComponent = null;
-
   if (titleScreen !== null) {
     var _ref3 = titleScreen || {},
-        _ref3$image = _ref3.image,
-        image = _ref3$image === void 0 ? null : _ref3$image,
-        _ref3$background = _ref3.background,
-        background = _ref3$background === void 0 ? null : _ref3$background;
-
+      _ref3$image = _ref3.image,
+      image = _ref3$image === void 0 ? null : _ref3$image,
+      _ref3$background = _ref3.background,
+      background = _ref3$background === void 0 ? null : _ref3$background;
     if (image !== null) {
       imageComponent = {
         role: 'image',
@@ -60,7 +55,6 @@ var getArticleComponents = function getArticleComponents(story) {
       };
     }
   }
-
   var headerComponents = [imageComponent, heading1, heading2].filter(function (it) {
     return it !== null;
   });
@@ -207,15 +201,14 @@ var TextStyleDefinition = {
 
 var TextStyle = function TextStyle() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$fontFamily = _ref.fontFamily,
-      fontFamily = _ref$fontFamily === void 0 ? null : _ref$fontFamily,
-      _ref$fontSize = _ref.fontSize,
-      fontSize = _ref$fontSize === void 0 ? null : _ref$fontSize,
-      _ref$lineHeight = _ref.lineHeight,
-      lineHeight = _ref$lineHeight === void 0 ? null : _ref$lineHeight,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? null : _ref$color;
-
+    _ref$fontFamily = _ref.fontFamily,
+    fontFamily = _ref$fontFamily === void 0 ? null : _ref$fontFamily,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? null : _ref$fontSize,
+    _ref$lineHeight = _ref.lineHeight,
+    lineHeight = _ref$lineHeight === void 0 ? null : _ref$lineHeight,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? null : _ref$color;
   var content = {
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -229,8 +222,10 @@ var getArticleTextStyles = function getArticleTextStyles() {
   // const { theme = {} } = story || {};
   // const { textStyle = {} } = theme || {};
   // const { heading1 = {}, text = {} } = textStyle || {};
+
   // const titleStyles = TextStyle(heading1);
   // const textStyles = TextStyle(text);
+
   var fontSize = 18;
   var lineHeight = 1.35;
   var titleStyles = TextStyle({
@@ -336,15 +331,14 @@ var LayoutDefinition = {
 
 var Layout = function Layout() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? 8 : _ref$columns,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 768 : _ref$width,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 60 : _ref$margin,
-      _ref$gutter = _ref.gutter,
-      gutter = _ref$gutter === void 0 ? 20 : _ref$gutter;
-
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? 8 : _ref$columns,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 768 : _ref$width,
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 60 : _ref$margin,
+    _ref$gutter = _ref.gutter,
+    gutter = _ref$gutter === void 0 ? 20 : _ref$gutter;
   var content = {
     columns: columns,
     width: width,
@@ -458,15 +452,14 @@ var ComponentLayoutDefinition = {
 
 var ComponentLayout = function ComponentLayout() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$columnStart = _ref.columnStart,
-      columnStart = _ref$columnStart === void 0 ? 0 : _ref$columnStart,
-      _ref$columnSpan = _ref.columnSpan,
-      columnSpan = _ref$columnSpan === void 0 ? 12 : _ref$columnSpan,
-      _ref$marginTop = _ref.marginTop,
-      marginTop = _ref$marginTop === void 0 ? 0 : _ref$marginTop,
-      _ref$marginBottom = _ref.marginBottom,
-      marginBottom = _ref$marginBottom === void 0 ? 20 : _ref$marginBottom;
-
+    _ref$columnStart = _ref.columnStart,
+    columnStart = _ref$columnStart === void 0 ? 0 : _ref$columnStart,
+    _ref$columnSpan = _ref.columnSpan,
+    columnSpan = _ref$columnSpan === void 0 ? 12 : _ref$columnSpan,
+    _ref$marginTop = _ref.marginTop,
+    marginTop = _ref$marginTop === void 0 ? 0 : _ref$marginTop,
+    _ref$marginBottom = _ref.marginBottom,
+    marginBottom = _ref$marginBottom === void 0 ? 20 : _ref$marginBottom;
   var content = {
     columnStart: columnStart,
     columnSpan: columnSpan,
@@ -483,6 +476,7 @@ var getArticleLayouts = function getArticleLayouts() {
   // const { textStyle = {} } = theme || {};
   // const { heading1 = {}, text = {} } = textStyle || {};
   // const titleStyles = TextStyle(heading1);
+
   var layoutStyles = Layout();
   var componentLayoutStyles = ComponentLayout();
   var defaultMargin = 20;
@@ -598,9 +592,8 @@ var DocumentStyleDefinition = {
 
 var DocumentStyle = function DocumentStyle() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? null : _ref$backgroundColor;
-
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? null : _ref$backgroundColor;
   var content = {
     backgroundColor: backgroundColor
   };
@@ -728,45 +721,36 @@ var validate = function validate() {
   var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var definition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var validated = content ? Object.keys(content).reduce(function (values, name) {
-    var value = content[name] || null; // Find the reference
-
+    var value = content[name] || null;
+    // Find the reference
     if (definition && definition.properties) {
       var property = definition.properties.find(function (prop) {
         return prop.name === name;
       }) || null;
-
       if (property !== null) {
         var isValid = true;
-
         switch (property.type) {
           case 'string':
             isValid = isString(value);
             break;
-
           case 'integer':
             isValid = isInteger(value);
             break;
-
           case 'float':
             isValid = isNumber(value);
             break;
-
           default:
             isValid = value !== null;
             break;
-        } // Skip the whole thing it cause it aint gonna work
-
-
+        }
+        // Skip the whole thing it cause it aint gonna work
         if (!isValid && property.required) {
           console.log('VALIDATION ERROR: SKIPPED BECAUSE REQUIRED', content, name); // eslint-disable-line
-
           return null;
         }
-
         if (values !== null && isValid) {
           return _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, name, value));
         }
-
         console.log('VALIDATION ERROR: VALID TYPE', name, content); // eslint-disable-line
       }
     }
@@ -778,13 +762,12 @@ var validate = function validate() {
 
 var Article = function Article(story, settings) {
   // console.log('ARTICLE', story); // eslint-disable-line
-  var _story$title = story.title,
-      title = _story$title === void 0 ? 'Article' : _story$title;
 
+  var _story$title = story.title,
+    title = _story$title === void 0 ? 'Article' : _story$title;
   var _ref = settings || {},
-      _ref$identifier = _ref.identifier,
-      identifier = _ref$identifier === void 0 ? 'testArticle' : _ref$identifier;
-
+    _ref$identifier = _ref.identifier,
+    identifier = _ref$identifier === void 0 ? 'testArticle' : _ref$identifier;
   var content = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     title: title,
     version: "".concat(1, ".0").toString(),
@@ -797,8 +780,9 @@ var Article = function Article(story, settings) {
     componentStyles: {},
     componentTextStyles: {},
     componentLayouts: {}
-  }, getArticleDocumentStyle()), getArticleTextStyles()), getArticleLayouts()), getArticleComponents(story)); // console.log('KONTENT', content);
+  }, getArticleDocumentStyle()), getArticleTextStyles()), getArticleLayouts()), getArticleComponents(story));
 
+  // console.log('KONTENT', content);
 
   return validate(content, ArticleDefinition);
 };
@@ -912,11 +896,9 @@ var MediaElement = function MediaElement(story, media) {
   var role = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'audio';
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = media || {},
-      url = _ref.url;
-
+    url = _ref.url;
   var content = _objectSpread(_objectSpread({
     role: role
   }, componentLayouts[role] ? {
@@ -924,12 +906,10 @@ var MediaElement = function MediaElement(story, media) {
   } : {}), {}, {
     URL: url
   });
-
   var component = validate$1(content, definition);
   return {
     story: story,
     component: role === 'audio' ? component : component // Figure out HLS for videos
-
   };
 };
 
@@ -1047,18 +1027,15 @@ var TextElement = function TextElement(story, text) {
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var props = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = text || {},
-      _ref$body = _ref.body,
-      body = _ref$body === void 0 ? null : _ref$body,
-      _ref$textStyle = _ref.textStyle,
-      textStyle = _ref$textStyle === void 0 ? null : _ref$textStyle;
-
+    _ref$body = _ref.body,
+    body = _ref$body === void 0 ? null : _ref$body,
+    _ref$textStyle = _ref.textStyle,
+    textStyle = _ref$textStyle === void 0 ? null : _ref$textStyle;
   var style = textStyle ? TextStyle(textStyle) : null;
   var styleName = style !== null ? hash(style) : null;
   var hasStyle = style !== null && styleName !== null;
-
   var content = _objectSpread(_objectSpread({
     role: role
   }, componentLayouts[role] ? {
@@ -1067,7 +1044,6 @@ var TextElement = function TextElement(story, text) {
     text: body,
     format: 'html'
   }, props);
-
   var component = definition ? validate$1(content, definition) : null;
   return {
     story: _objectSpread(_objectSpread({}, story), {}, {
@@ -1273,25 +1249,21 @@ var GalleryElement = function GalleryElement(story, gallery) {
   var role = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'gallery';
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = gallery || {},
-      _ref$images = _ref.images,
-      images = _ref$images === void 0 ? [] : _ref$images;
-
+    _ref$images = _ref.images,
+    images = _ref$images === void 0 ? [] : _ref$images;
   var galleryImages = images !== null ? images.map(function (image) {
     if (image == null) {
       return null;
     }
-
     var _ref2 = image || {},
-        _ref2$media = _ref2.media,
-        media = _ref2$media === void 0 ? null : _ref2$media,
-        _ref2$url = _ref2.url,
-        url = _ref2$url === void 0 ? null : _ref2$url,
-        _ref2$caption = _ref2.caption,
-        caption = _ref2$caption === void 0 ? null : _ref2$caption;
-
+      _ref2$media = _ref2.media,
+      media = _ref2$media === void 0 ? null : _ref2$media,
+      _ref2$url = _ref2.url,
+      url = _ref2$url === void 0 ? null : _ref2$url,
+      _ref2$caption = _ref2.caption,
+      caption = _ref2$caption === void 0 ? null : _ref2$caption;
     var mediaUrl = media !== null && media.url ? media.url : null;
     var imageUrl = url !== null ? url : null;
     var hasUrl = imageUrl || mediaUrl;
@@ -1304,7 +1276,6 @@ var GalleryElement = function GalleryElement(story, gallery) {
   }).filter(function (i) {
     return i !== null;
   }) : [];
-
   var content = _objectSpread(_objectSpread({
     role: role
   }, componentLayouts[role] ? {
@@ -1312,7 +1283,6 @@ var GalleryElement = function GalleryElement(story, gallery) {
   } : {}), {}, {
     items: galleryImages
   });
-
   var component = validate$1(content, definition);
   return {
     story: story,
@@ -1548,11 +1518,9 @@ var ImageElement = function ImageElement(story, image) {
   var role = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'image';
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = image || {},
-      url = _ref.url;
-
+    url = _ref.url;
   var content = _objectSpread(_objectSpread({
     role: role
   }, componentLayouts[role] ? {
@@ -1560,7 +1528,6 @@ var ImageElement = function ImageElement(story, image) {
   } : {}), {}, {
     URL: url
   });
-
   var component = validate$1(content, definition);
   return {
     story: story,
@@ -1695,14 +1662,12 @@ var MapElement = function MapElement(story, map) {
   var role = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'map';
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = map || {},
-      _ref$latitude = _ref.latitude,
-      latitude = _ref$latitude === void 0 ? null : _ref$latitude,
-      _ref$longitude = _ref.longitude,
-      longitude = _ref$longitude === void 0 ? null : _ref$longitude;
-
+    _ref$latitude = _ref.latitude,
+    latitude = _ref$latitude === void 0 ? null : _ref$latitude,
+    _ref$longitude = _ref.longitude,
+    longitude = _ref$longitude === void 0 ? null : _ref$longitude;
   var content = _objectSpread(_objectSpread({
     role: role
   }, componentLayouts[role] ? {
@@ -1711,7 +1676,6 @@ var MapElement = function MapElement(story, map) {
     latitude: latitude,
     longitude: longitude
   });
-
   var component = validate$1(content, definition);
   return {
     story: story,

package/es/index.js

@@ -5,22 +5,19 @@ var transformer = function transformer(story, type, settings) {
   if (type === 'appleNews') {
     return Article(story, settings);
   }
-
   return story;
 };
 
 var postProcessor = function postProcessor(story, type) {
   if (type === 'appleNews') {
     var _ref = story || {},
-        components = _ref.components;
-
+      components = _ref.components;
     return _objectSpread(_objectSpread({}, story), {}, {
       components: components.filter(function (c) {
         return c !== null;
       })
     });
   }
-
   return story;
 };
 

package/es/utils.js

@@ -9,45 +9,36 @@ var validate = function validate() {
   var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var definition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var validated = content ? Object.keys(content).reduce(function (values, name) {
-    var value = content[name] || null; // Find the reference
-
+    var value = content[name] || null;
+    // Find the reference
     if (definition && definition.properties) {
       var property = definition.properties.find(function (prop) {
         return prop.name === name;
       }) || null;
-
       if (property !== null) {
         var isValid = true;
-
         switch (property.type) {
           case 'string':
             isValid = isString(value);
             break;
-
           case 'integer':
             isValid = isInteger(value);
             break;
-
           case 'float':
             isValid = isNumber(value);
             break;
-
           default:
             isValid = value !== null;
             break;
-        } // Skip the whole thing it cause it aint gonna work
-
-
+        }
+        // Skip the whole thing it cause it aint gonna work
         if (!isValid && property.required) {
           console.log('VALIDATION ERROR: SKIPPED BECAUSE REQUIRED', content, name); // eslint-disable-line
-
           return null;
         }
-
         if (values !== null && isValid) {
           return _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, name, value));
         }
-
         console.log('VALIDATION ERROR: VALID TYPE', name, content); // eslint-disable-line
       }
     }
@@ -61,7 +52,6 @@ var stripTags = function stripTags(str) {
   if (!str) {
     return null;
   }
-
   return str.replace(/(<([^>]+)>)/gi, '');
 };
 

package/lib/apple-news.js

@@ -23,17 +23,15 @@ var hash__default = /*#__PURE__*/_interopDefaultLegacy(hash);
 
 var getArticleComponents = function getArticleComponents(story) {
   var _ref = story || {},
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? null : _ref$title,
-      _ref$metadata = _ref.metadata,
-      metadata = _ref$metadata === void 0 ? {} : _ref$metadata,
-      _ref$components = _ref.components,
-      components = _ref$components === void 0 ? [] : _ref$components;
-
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$metadata = _ref.metadata,
+    metadata = _ref$metadata === void 0 ? {} : _ref$metadata,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? [] : _ref$components;
   var _ref2 = metadata || {},
-      _ref2$description = _ref2.description,
-      description = _ref2$description === void 0 ? 'Ma description' : _ref2$description;
-
+    _ref2$description = _ref2.description,
+    description = _ref2$description === void 0 ? 'Ma description' : _ref2$description;
   var heading1 = title ? {
     role: 'heading1',
     text: title,
@@ -50,18 +48,15 @@ var getArticleComponents = function getArticleComponents(story) {
         return next;
       }
     }
-
     return comp;
   }, null);
   var imageComponent = null;
-
   if (titleScreen !== null) {
     var _ref3 = titleScreen || {},
-        _ref3$image = _ref3.image,
-        image = _ref3$image === void 0 ? null : _ref3$image,
-        _ref3$background = _ref3.background,
-        background = _ref3$background === void 0 ? null : _ref3$background;
-
+      _ref3$image = _ref3.image,
+      image = _ref3$image === void 0 ? null : _ref3$image,
+      _ref3$background = _ref3.background,
+      background = _ref3$background === void 0 ? null : _ref3$background;
     if (image !== null) {
       imageComponent = {
         role: 'image',
@@ -74,7 +69,6 @@ var getArticleComponents = function getArticleComponents(story) {
       };
     }
   }
-
   var headerComponents = [imageComponent, heading1, heading2].filter(function (it) {
     return it !== null;
   });
@@ -221,15 +215,14 @@ var TextStyleDefinition = {
 
 var TextStyle = function TextStyle() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$fontFamily = _ref.fontFamily,
-      fontFamily = _ref$fontFamily === void 0 ? null : _ref$fontFamily,
-      _ref$fontSize = _ref.fontSize,
-      fontSize = _ref$fontSize === void 0 ? null : _ref$fontSize,
-      _ref$lineHeight = _ref.lineHeight,
-      lineHeight = _ref$lineHeight === void 0 ? null : _ref$lineHeight,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? null : _ref$color;
-
+    _ref$fontFamily = _ref.fontFamily,
+    fontFamily = _ref$fontFamily === void 0 ? null : _ref$fontFamily,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? null : _ref$fontSize,
+    _ref$lineHeight = _ref.lineHeight,
+    lineHeight = _ref$lineHeight === void 0 ? null : _ref$lineHeight,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? null : _ref$color;
   var content = {
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -243,8 +236,10 @@ var getArticleTextStyles = function getArticleTextStyles() {
   // const { theme = {} } = story || {};
   // const { textStyle = {} } = theme || {};
   // const { heading1 = {}, text = {} } = textStyle || {};
+
   // const titleStyles = TextStyle(heading1);
   // const textStyles = TextStyle(text);
+
   var fontSize = 18;
   var lineHeight = 1.35;
   var titleStyles = TextStyle({
@@ -350,15 +345,14 @@ var LayoutDefinition = {
 
 var Layout = function Layout() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? 8 : _ref$columns,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 768 : _ref$width,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 60 : _ref$margin,
-      _ref$gutter = _ref.gutter,
-      gutter = _ref$gutter === void 0 ? 20 : _ref$gutter;
-
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? 8 : _ref$columns,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 768 : _ref$width,
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 60 : _ref$margin,
+    _ref$gutter = _ref.gutter,
+    gutter = _ref$gutter === void 0 ? 20 : _ref$gutter;
   var content = {
     columns: columns,
     width: width,
@@ -472,15 +466,14 @@ var ComponentLayoutDefinition = {
 
 var ComponentLayout = function ComponentLayout() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$columnStart = _ref.columnStart,
-      columnStart = _ref$columnStart === void 0 ? 0 : _ref$columnStart,
-      _ref$columnSpan = _ref.columnSpan,
-      columnSpan = _ref$columnSpan === void 0 ? 12 : _ref$columnSpan,
-      _ref$marginTop = _ref.marginTop,
-      marginTop = _ref$marginTop === void 0 ? 0 : _ref$marginTop,
-      _ref$marginBottom = _ref.marginBottom,
-      marginBottom = _ref$marginBottom === void 0 ? 20 : _ref$marginBottom;
-
+    _ref$columnStart = _ref.columnStart,
+    columnStart = _ref$columnStart === void 0 ? 0 : _ref$columnStart,
+    _ref$columnSpan = _ref.columnSpan,
+    columnSpan = _ref$columnSpan === void 0 ? 12 : _ref$columnSpan,
+    _ref$marginTop = _ref.marginTop,
+    marginTop = _ref$marginTop === void 0 ? 0 : _ref$marginTop,
+    _ref$marginBottom = _ref.marginBottom,
+    marginBottom = _ref$marginBottom === void 0 ? 20 : _ref$marginBottom;
   var content = {
     columnStart: columnStart,
     columnSpan: columnSpan,
@@ -497,6 +490,7 @@ var getArticleLayouts = function getArticleLayouts() {
   // const { textStyle = {} } = theme || {};
   // const { heading1 = {}, text = {} } = textStyle || {};
   // const titleStyles = TextStyle(heading1);
+
   var layoutStyles = Layout();
   var componentLayoutStyles = ComponentLayout();
   var defaultMargin = 20;
@@ -612,9 +606,8 @@ var DocumentStyleDefinition = {
 
 var DocumentStyle = function DocumentStyle() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? null : _ref$backgroundColor;
-
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? null : _ref$backgroundColor;
   var content = {
     backgroundColor: backgroundColor
   };
@@ -742,45 +735,36 @@ var validate = function validate() {
   var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var definition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var validated = content ? Object.keys(content).reduce(function (values, name) {
-    var value = content[name] || null; // Find the reference
-
+    var value = content[name] || null;
+    // Find the reference
     if (definition && definition.properties) {
       var property = definition.properties.find(function (prop) {
         return prop.name === name;
       }) || null;
-
       if (property !== null) {
         var isValid = true;
-
         switch (property.type) {
           case 'string':
             isValid = isString__default["default"](value);
             break;
-
           case 'integer':
             isValid = isInteger__default["default"](value);
             break;
-
           case 'float':
             isValid = isNumber__default["default"](value);
             break;
-
           default:
             isValid = value !== null;
             break;
-        } // Skip the whole thing it cause it aint gonna work
-
-
+        }
+        // Skip the whole thing it cause it aint gonna work
         if (!isValid && property.required) {
           console.log('VALIDATION ERROR: SKIPPED BECAUSE REQUIRED', content, name); // eslint-disable-line
-
           return null;
         }
-
         if (values !== null && isValid) {
           return _objectSpread__default["default"](_objectSpread__default["default"]({}, values), {}, _defineProperty__default["default"]({}, name, value));
         }
-
         console.log('VALIDATION ERROR: VALID TYPE', name, content); // eslint-disable-line
       }
     }
@@ -792,13 +776,12 @@ var validate = function validate() {
 
 var Article = function Article(story, settings) {
   // console.log('ARTICLE', story); // eslint-disable-line
-  var _story$title = story.title,
-      title = _story$title === void 0 ? 'Article' : _story$title;
 
+  var _story$title = story.title,
+    title = _story$title === void 0 ? 'Article' : _story$title;
   var _ref = settings || {},
-      _ref$identifier = _ref.identifier,
-      identifier = _ref$identifier === void 0 ? 'testArticle' : _ref$identifier;
-
+    _ref$identifier = _ref.identifier,
+    identifier = _ref$identifier === void 0 ? 'testArticle' : _ref$identifier;
   var content = _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({
     title: title,
     version: "".concat(1, ".0").toString(),
@@ -811,8 +794,9 @@ var Article = function Article(story, settings) {
     componentStyles: {},
     componentTextStyles: {},
     componentLayouts: {}
-  }, getArticleDocumentStyle()), getArticleTextStyles()), getArticleLayouts()), getArticleComponents(story)); // console.log('KONTENT', content);
+  }, getArticleDocumentStyle()), getArticleTextStyles()), getArticleLayouts()), getArticleComponents(story));
 
+  // console.log('KONTENT', content);
 
   return validate(content, ArticleDefinition);
 };
@@ -926,11 +910,9 @@ var MediaElement = function MediaElement(story, media) {
   var role = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'audio';
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = media || {},
-      url = _ref.url;
-
+    url = _ref.url;
   var content = _objectSpread__default["default"](_objectSpread__default["default"]({
     role: role
   }, componentLayouts[role] ? {
@@ -938,12 +920,10 @@ var MediaElement = function MediaElement(story, media) {
   } : {}), {}, {
     URL: url
   });
-
   var component = utils.validate(content, definition);
   return {
     story: story,
     component: role === 'audio' ? component : component // Figure out HLS for videos
-
   };
 };
 
@@ -1061,18 +1041,15 @@ var TextElement = function TextElement(story, text) {
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var props = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = text || {},
-      _ref$body = _ref.body,
-      body = _ref$body === void 0 ? null : _ref$body,
-      _ref$textStyle = _ref.textStyle,
-      textStyle = _ref$textStyle === void 0 ? null : _ref$textStyle;
-
+    _ref$body = _ref.body,
+    body = _ref$body === void 0 ? null : _ref$body,
+    _ref$textStyle = _ref.textStyle,
+    textStyle = _ref$textStyle === void 0 ? null : _ref$textStyle;
   var style = textStyle ? TextStyle(textStyle) : null;
   var styleName = style !== null ? hash__default["default"](style) : null;
   var hasStyle = style !== null && styleName !== null;
-
   var content = _objectSpread__default["default"](_objectSpread__default["default"]({
     role: role
   }, componentLayouts[role] ? {
@@ -1081,7 +1058,6 @@ var TextElement = function TextElement(story, text) {
     text: body,
     format: 'html'
   }, props);
-
   var component = definition ? utils.validate(content, definition) : null;
   return {
     story: _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
@@ -1287,25 +1263,21 @@ var GalleryElement = function GalleryElement(story, gallery) {
   var role = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'gallery';
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = gallery || {},
-      _ref$images = _ref.images,
-      images = _ref$images === void 0 ? [] : _ref$images;
-
+    _ref$images = _ref.images,
+    images = _ref$images === void 0 ? [] : _ref$images;
   var galleryImages = images !== null ? images.map(function (image) {
     if (image == null) {
       return null;
     }
-
     var _ref2 = image || {},
-        _ref2$media = _ref2.media,
-        media = _ref2$media === void 0 ? null : _ref2$media,
-        _ref2$url = _ref2.url,
-        url = _ref2$url === void 0 ? null : _ref2$url,
-        _ref2$caption = _ref2.caption,
-        caption = _ref2$caption === void 0 ? null : _ref2$caption;
-
+      _ref2$media = _ref2.media,
+      media = _ref2$media === void 0 ? null : _ref2$media,
+      _ref2$url = _ref2.url,
+      url = _ref2$url === void 0 ? null : _ref2$url,
+      _ref2$caption = _ref2.caption,
+      caption = _ref2$caption === void 0 ? null : _ref2$caption;
     var mediaUrl = media !== null && media.url ? media.url : null;
     var imageUrl = url !== null ? url : null;
     var hasUrl = imageUrl || mediaUrl;
@@ -1318,7 +1290,6 @@ var GalleryElement = function GalleryElement(story, gallery) {
   }).filter(function (i) {
     return i !== null;
   }) : [];
-
   var content = _objectSpread__default["default"](_objectSpread__default["default"]({
     role: role
   }, componentLayouts[role] ? {
@@ -1326,7 +1297,6 @@ var GalleryElement = function GalleryElement(story, gallery) {
   } : {}), {}, {
     items: galleryImages
   });
-
   var component = utils.validate(content, definition);
   return {
     story: story,
@@ -1562,11 +1532,9 @@ var ImageElement = function ImageElement(story, image) {
   var role = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'image';
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = image || {},
-      url = _ref.url;
-
+    url = _ref.url;
   var content = _objectSpread__default["default"](_objectSpread__default["default"]({
     role: role
   }, componentLayouts[role] ? {
@@ -1574,7 +1542,6 @@ var ImageElement = function ImageElement(story, image) {
   } : {}), {}, {
     URL: url
   });
-
   var component = utils.validate(content, definition);
   return {
     story: story,
@@ -1709,14 +1676,12 @@ var MapElement = function MapElement(story, map) {
   var role = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'map';
   var definition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var _story$componentLayou = story.componentLayouts,
-      componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
-
+    componentLayouts = _story$componentLayou === void 0 ? {} : _story$componentLayou;
   var _ref = map || {},
-      _ref$latitude = _ref.latitude,
-      latitude = _ref$latitude === void 0 ? null : _ref$latitude,
-      _ref$longitude = _ref.longitude,
-      longitude = _ref$longitude === void 0 ? null : _ref$longitude;
-
+    _ref$latitude = _ref.latitude,
+    latitude = _ref$latitude === void 0 ? null : _ref$latitude,
+    _ref$longitude = _ref.longitude,
+    longitude = _ref$longitude === void 0 ? null : _ref$longitude;
   var content = _objectSpread__default["default"](_objectSpread__default["default"]({
     role: role
   }, componentLayouts[role] ? {
@@ -1725,7 +1690,6 @@ var MapElement = function MapElement(story, map) {
     latitude: latitude,
     longitude: longitude
   });
-
   var component = utils.validate(content, definition);
   return {
     story: story,

package/lib/index.js

@@ -13,22 +13,19 @@ var transformer = function transformer(story, type, settings) {
   if (type === 'appleNews') {
     return appleNews.Article(story, settings);
   }
-
   return story;
 };
 
 var postProcessor = function postProcessor(story, type) {
   if (type === 'appleNews') {
     var _ref = story || {},
-        components = _ref.components;
-
+      components = _ref.components;
     return _objectSpread__default["default"](_objectSpread__default["default"]({}, story), {}, {
       components: components.filter(function (c) {
         return c !== null;
       })
     });
   }
-
   return story;
 };
 

package/lib/utils.js

@@ -22,45 +22,36 @@ var validate = function validate() {
   var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var definition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var validated = content ? Object.keys(content).reduce(function (values, name) {
-    var value = content[name] || null; // Find the reference
-
+    var value = content[name] || null;
+    // Find the reference
     if (definition && definition.properties) {
       var property = definition.properties.find(function (prop) {
         return prop.name === name;
       }) || null;
-
       if (property !== null) {
         var isValid = true;
-
         switch (property.type) {
           case 'string':
             isValid = isString__default["default"](value);
             break;
-
           case 'integer':
             isValid = isInteger__default["default"](value);
             break;
-
           case 'float':
             isValid = isNumber__default["default"](value);
             break;
-
           default:
             isValid = value !== null;
             break;
-        } // Skip the whole thing it cause it aint gonna work
-
-
+        }
+        // Skip the whole thing it cause it aint gonna work
         if (!isValid && property.required) {
           console.log('VALIDATION ERROR: SKIPPED BECAUSE REQUIRED', content, name); // eslint-disable-line
-
           return null;
         }
-
         if (values !== null && isValid) {
           return _objectSpread__default["default"](_objectSpread__default["default"]({}, values), {}, _defineProperty__default["default"]({}, name, value));
         }
-
         console.log('VALIDATION ERROR: VALID TYPE', name, content); // eslint-disable-line
       }
     }
@@ -74,7 +65,6 @@ var stripTags = function stripTags(str) {
   if (!str) {
     return null;
   }
-
   return str.replace(/(<([^>]+)>)/gi, '');
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/transforms",
-    "version": "0.3.311",
+    "version": "0.3.322",
     "description": "",
     "keywords": [
         "javascript"
@@ -62,14 +62,14 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.311",
+        "@micromag/core": "^0.3.322",
         "lodash": "^4.17.21",
         "object-hash": "^2.1.1",
         "prop-types": "^15.7.2",
-        "uuid": "^8.3.2"
+        "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fab297a7ad204611597c749b969f14d992d35d47"
+    "gitHead": "2dfe09ad5a9ac720e4bfbffcb6371fc31c24fa9f"
 }