@meduza/ui-kit-2 0.1.5 → 0.1.7

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

@@ -301,6 +301,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,
@@ -425,6 +439,8 @@ 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;
@@ -1168,26 +1184,24 @@ var EmbedBlock = function EmbedBlock(_ref) {
           })));
         }
     }
-  }; // Убираем из контекста все, что не начинается с приставки isIn,
-  // чтобы не применились лишние модификаторы
-  // TODO: в w6 модификаторы должны передаваться явно
-
-
-  var filteredContext = Object.keys(styleContext).filter(function (key) {
-    return key.startsWith('isIn') && styles$h[key];
-  }).reduce(function (acc, key) {
-    acc.push([styles$h[key], true]);
-    return acc;
-  }, []);
+  };
 
   if (isProportional) {
     style.paddingBottom = block.data.height / block.data.width * 100 + "%";
     style.height = 0;
   }
 
-  var classNames = [[styles$h.root, true], [styles$h.cc, cc], [styles$h[display], !!display && styles$h[display]], [styles$h[provider], !!provider && !!styles$h[provider]], [styles$h[onlyOn], !!onlyOn && styles$h[onlyOn]], [styles$h.mobileFullwidth, mobileFullwidth], [styles$h.proportional, isProportional]];
+  var classNames = [[styles$h.root, true], [styles$h.cc, cc], [styles$h[display], !!display && styles$h[display]], [styles$h[provider], !!provider && !!styles$h[provider]], [styles$h[onlyOn], !!onlyOn && styles$h[onlyOn]], [styles$h.mobileFullwidth, mobileFullwidth], [styles$h.proportional, isProportional]]; // Убираем из контекста все, что не начинается с приставки isIn,
+  // чтобы не применились лишние модификаторы
+  // TODO: в w6 модификаторы должны передаваться явно
 
   if (styleContext) {
+    var filteredContext = Object.keys(styleContext).filter(function (key) {
+      return key.startsWith('isIn') && styles$h[key];
+    }).reduce(function (acc, key) {
+      acc.push([styles$h[key], true]);
+      return acc;
+    }, []);
     classNames = makeStyleContext(classNames, filteredContext, styles$h);
   }
 
@@ -2069,20 +2083,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) {
@@ -2105,7 +2105,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) {
@@ -2114,7 +2114,7 @@ var Spoiler = function Spoiler(_ref) {
         });
       }
     } else {
-      postMessage$1('openSpoiler', 'click');
+      postMessage('openSpoiler', 'click');
     }
   };
 
@@ -2177,10 +2177,12 @@ var RawHtmlBlock = function RawHtmlBlock(_ref) {
 
     case 'spoiler':
       {
-        return React__default.createElement(Spoiler, {
+        return React__default.createElement(BlockProvider, {
+          value: context
+        }, React__default.createElement(Spoiler, {
           block: block,
           styleContext: styleContext
-        });
+        }));
       }
 
     case 'cover':