@meduza/ui-kit-2 0.1.6 → 0.1.8

package/dist/ui-kit-2.esm.js

@@ -294,6 +294,20 @@ var viewportSize = (function () {
   };
 });
 
+var POST_MESSAGE_PREFIX = 'mdzKitMsg';
+
+var postMessage = function postMessage(element, action) {
+  var target = window.top;
+  var msg = POST_MESSAGE_PREFIX + "=" + JSON.stringify({
+    element: element,
+    action: action
+  });
+
+  if (typeof target !== 'undefined') {
+    target.postMessage(msg, '*');
+  }
+};
+
 var MediaQuerySizes = {
   MOBILE: 512,
   PORTRAIT_TABLET: 768,
@@ -982,21 +996,20 @@ var DangerousHTML = function DangerousHTML(_ref) {
     });
   }, []);
   useEffect(function () {
-    if (canRenderHtml && html.indexOf('script') > -1 && element.current) {
-      element.current.innerHTML = html;
-      replaceScriptElementsRecursive(element.current);
+    if (canRenderHtml && html.indexOf('script') > -1 && element.current.firstChild) {
+      element.current.firstElementChild.innerHTML = html;
+      replaceScriptElementsRecursive(element.current.firstChild);
       prepareAnchors();
     }
-  }, [canRenderHtml, element, html]);
-  return React.createElement(TagName // @ts-ignore
-  , {
-    // @ts-ignore
-    ref: element,
+  }, [canRenderHtml, element, html, replaceScriptElementsRecursive, prepareAnchors]);
+  return React.createElement("div", {
+    ref: element
+  }, React.createElement(TagName, {
     className: className,
     dangerouslySetInnerHTML: {
       __html: html
     }
-  });
+  }));
 };
 
 var styles$h = {"root":"EmbedBlock-module_root__28k9U","object":"EmbedBlock-module_object__2_UZ7","objectWrap":"EmbedBlock-module_objectWrap__1aDVd","proportional":"EmbedBlock-module_proportional__3lAv4","attachment":"EmbedBlock-module_attachment__2pE0t","default":"EmbedBlock-module_default__LSDny","xs":"EmbedBlock-module_xs__1hFgW","full":"EmbedBlock-module_full__1TEjx","super_full":"EmbedBlock-module_super_full__1Fn9A","figure":"EmbedBlock-module_figure__vAvcN","dark":"EmbedBlock-module_dark__1be2G","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__3r_i-","gameEmbed":"EmbedBlock-module_gameEmbed__AZQSo","mobile":"EmbedBlock-module_mobile__1P-eo","desktop":"EmbedBlock-module_desktop__SF5a_","control":"EmbedBlock-module_control__xr8dZ","raw_html":"EmbedBlock-module_raw_html__MQoAA","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__QFFLH","card":"EmbedBlock-module_card__KTbvp","slide":"EmbedBlock-module_slide__3cL3M","cc":"EmbedBlock-module_cc__1BQ5g","isInAnswer":"EmbedBlock-module_isInAnswer__tLlgs","picture":"EmbedBlock-module_picture__186q0","wrapper":"EmbedBlock-module_wrapper__33XvX"};
@@ -1310,15 +1323,18 @@ var CardTitle = function CardTitle(_ref) {
 var styles$k = {"root":"ChapterBlock-module_root__1WyVn","subtitle":"ChapterBlock-module_subtitle__3TXll","mobile":"ChapterBlock-module_mobile__CiO0w","desktop":"ChapterBlock-module_desktop__tk1Nk"};
 
 var ChapterBlock = function ChapterBlock(_ref) {
-  var block = _ref.block,
-      onlyOn = _ref.block.only_on,
+  var _ref$block = _ref.block,
+      data = _ref$block.data,
+      onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
   return React.createElement("div", {
     "data-testid": "chapter-block",
     className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn]])
-  }, React.createElement(DangerousHTML, {
+  }, React.createElement("div", {
     className: makeClassName([[styles$k.subtitle, true], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]]),
-    html: block.data
+    dangerouslySetInnerHTML: {
+      __html: data
+    }
   }));
 };
 
@@ -1381,7 +1397,7 @@ var SimpleBlock = function SimpleBlock(_ref) {
       type = _ref$block.type,
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
-  var tagName;
+  var TagName;
   var classNames = [[styles$o[type], !!type && !!styles$o[type]], [styles$o[onlyOn], true]];
 
   if (styleContext) {
@@ -1394,24 +1410,25 @@ var SimpleBlock = function SimpleBlock(_ref) {
     case 'note_caption':
     case 'note_credit':
       {
-        tagName = 'p';
+        TagName = 'p';
         break;
       }
 
     case 'lead_hr':
       {
-        tagName = 'div';
+        TagName = 'div';
         break;
       }
 
     default:
-      tagName = type;
+      TagName = type;
   }
 
-  return React.createElement(DangerousHTML, {
+  return React.createElement(TagName, {
     className: makeClassName(classNames),
-    html: data || '',
-    tagName: tagName
+    dangerouslySetInnerHTML: {
+      __html: data
+    }
   });
 };
 
@@ -1433,10 +1450,11 @@ var ListBlock = function ListBlock(_ref) {
   return React.createElement(TagName, {
     className: makeClassName(classNames)
   }, data.map(function (item, index) {
-    return React.createElement(DangerousHTML, {
+    return React.createElement("li", {
       key: index,
-      html: item,
-      tagName: "li"
+      dangerouslySetInnerHTML: {
+        __html: item
+      }
     });
   }));
 };
@@ -1502,10 +1520,11 @@ var SourceBlock = function SourceBlock(_ref) {
     target: "_blank",
     rel: "noopener noreferrer"
   }, quote.map(function (item, index) {
-    return React.createElement(DangerousHTML, {
+    return React.createElement("p", {
       key: index,
-      html: item.data,
-      tagName: "p"
+      dangerouslySetInnerHTML: {
+        __html: item.data
+      }
     });
   }), React.createElement("footer", null, React.createElement("cite", {
     className: styles$r.origin
@@ -2060,20 +2079,6 @@ var ImportantLead = function ImportantLead(_ref) {
   }));
 };
 
-var POST_MESSAGE_PREFIX = 'mdzKitMsg';
-
-var postMessage$1 = function postMessage(element, action) {
-  var target = window.top;
-  var msg = POST_MESSAGE_PREFIX + "=" + JSON.stringify({
-    element: element,
-    action: action
-  });
-
-  if (typeof target !== 'undefined') {
-    target.postMessage(msg, '*');
-  }
-};
-
 var styles$y = {"root":"Spoiler-module_root__1OfSR","header":"Spoiler-module_header__1rZUs","body":"Spoiler-module_body__Q1e_c","spoiled":"Spoiler-module_spoiled__1A5r4","footer":"Spoiler-module_footer__23mh7","spoilerSticky":"Spoiler-module_spoilerSticky__3Kd30","center":"Spoiler-module_center__tq1m0","full":"Spoiler-module_full__1QFqR","default":"Spoiler-module_default__2Kjx8","mobile":"Spoiler-module_mobile__2BPt8","desktop":"Spoiler-module_desktop__1BIFJ"};
 
 var Spoiler = function Spoiler(_ref) {
@@ -2096,7 +2101,7 @@ var Spoiler = function Spoiler(_ref) {
     setSpoiled(!spoiled);
 
     if (spoiled) {
-      postMessage$1('closeSpoiler', 'click');
+      postMessage('closeSpoiler', 'click');
       var rect = ref.current.getBoundingClientRect();
 
       if (rect.top < 0) {
@@ -2105,7 +2110,7 @@ var Spoiler = function Spoiler(_ref) {
         });
       }
     } else {
-      postMessage$1('openSpoiler', 'click');
+      postMessage('openSpoiler', 'click');
     }
   };