@meduza/ui-kit-2 0.1.7 → 0.1.8

package/dist/MaterialTitle/MaterialTitle.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface MaterialTitleProps {
-    children?: JSX.Element[] | JSX.Element;
+    children?: React.ReactNode;
 }

package/dist/Popover/Popover.types.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export interface PopoverProps {
-    children: JSX.Element[] | JSX.Element;
+    children: React.ReactNode;
     onClose: () => void;
 }

package/dist/Tag/Tag.types.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TagSizes = 'small' | 'large';
 export declare type TagThemes = 'dark' | 'gold' | 'gray' | 'light' | 'inherit';
 export declare type TagStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown';
 export interface TagProps {
-    children: JSX.Element[] | JSX.Element;
+    children: React.ReactNode | JSX.Element[] | JSX.Element;
     styleContext?: string | string[];
     theme: TagThemes;
     size: TagSizes;

package/dist/ui-kit-2.cjs.development.js

@@ -439,8 +439,6 @@ var Image = function Image(_ref) {
   var _useContext = React.useContext(BlockContext),
       lightBox = _useContext.lightBox;
 
-  console.log(React.useContext(BlockContext));
-
   var handleClick = function handleClick() {
     var _viewportSize = viewportSize(),
         viewportWidth = _viewportSize.width;
@@ -1005,21 +1003,20 @@ var DangerousHTML = function DangerousHTML(_ref) {
     });
   }, []);
   React.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__default.createElement(TagName // @ts-ignore
-  , {
-    // @ts-ignore
-    ref: element,
+  }, [canRenderHtml, element, html, replaceScriptElementsRecursive, prepareAnchors]);
+  return React__default.createElement("div", {
+    ref: element
+  }, React__default.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"};
@@ -1333,15 +1330,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__default.createElement("div", {
     "data-testid": "chapter-block",
     className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn]])
-  }, React__default.createElement(DangerousHTML, {
+  }, React__default.createElement("div", {
     className: makeClassName([[styles$k.subtitle, true], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]]),
-    html: block.data
+    dangerouslySetInnerHTML: {
+      __html: data
+    }
   }));
 };
 
@@ -1404,7 +1404,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) {
@@ -1417,24 +1417,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__default.createElement(DangerousHTML, {
+  return React__default.createElement(TagName, {
     className: makeClassName(classNames),
-    html: data || '',
-    tagName: tagName
+    dangerouslySetInnerHTML: {
+      __html: data
+    }
   });
 };
 
@@ -1456,10 +1457,11 @@ var ListBlock = function ListBlock(_ref) {
   return React__default.createElement(TagName, {
     className: makeClassName(classNames)
   }, data.map(function (item, index) {
-    return React__default.createElement(DangerousHTML, {
+    return React__default.createElement("li", {
       key: index,
-      html: item,
-      tagName: "li"
+      dangerouslySetInnerHTML: {
+        __html: item
+      }
     });
   }));
 };
@@ -1525,10 +1527,11 @@ var SourceBlock = function SourceBlock(_ref) {
     target: "_blank",
     rel: "noopener noreferrer"
   }, quote.map(function (item, index) {
-    return React__default.createElement(DangerousHTML, {
+    return React__default.createElement("p", {
       key: index,
-      html: item.data,
-      tagName: "p"
+      dangerouslySetInnerHTML: {
+        __html: item.data
+      }
     });
   }), React__default.createElement("footer", null, React__default.createElement("cite", {
     className: styles$r.origin