@meduza/ui-kit-2 0.1.42 → 0.1.45

package/dist/Image/Image.types.d.ts

@@ -14,10 +14,7 @@ export interface ImageProps {
     height?: number;
     source?: string[];
     lazy?: boolean;
-    fullscreen?: {
-        mobile: boolean;
-        desktop: boolean;
-    };
+    fullscreen?: boolean;
     ratio?: number;
     styleContext?: string[] | string;
 }

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

@@ -303,13 +303,6 @@ var BlockContext = /*#__PURE__*/React__default.createContext({
 });
 var BlockProvider = BlockContext.Provider;
 
-var viewportSize = (function () {
-  return {
-    width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
-    height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
-  };
-});
-
 var POST_MESSAGE_PREFIX = 'mdzKitMsg';
 
 var postMessage = function postMessage(category, element, action) {
@@ -325,29 +318,6 @@ var postMessage = function postMessage(category, element, action) {
   }
 };
 
-var MediaQuerySizes = {
-  MOBILE: 512,
-  PORTRAIT_TABLET: 768,
-  LANDSCAPE_TABLET: 1024,
-  DESKTOP: 1010,
-  WIDE_DESKTOP: 1200
-};
-var imageBreakpoints = {
-  325: '(min-width: 0)',
-  520: '(min-width: 325px)',
-  600: '(min-width: 600px)',
-  650: '(min-width: 650px)',
-  980: '(min-width: 1000px)',
-  1335: '(min-width: 1000px)'
-};
-var imageConditionalKeys = {
-  xs: [325],
-  superFull: [1335, 650, 520, 325],
-  full: [980, 650, 520, 325],
-  "default": [650, 520, 325],
-  narrow: [600, 325]
-};
-
 var styles$3 = {"root":"Lazy-module_root__2Z72l"};
 
 var Lazy = function Lazy(_ref) {
@@ -382,6 +352,29 @@ var Lazy = function Lazy(_ref) {
   }, visible && children);
 };
 
+var MediaQuerySizes = {
+  MOBILE: 512,
+  PORTRAIT_TABLET: 768,
+  LANDSCAPE_TABLET: 1024,
+  DESKTOP: 1010,
+  WIDE_DESKTOP: 1200
+};
+var imageBreakpoints = {
+  325: '(min-width: 0)',
+  520: '(min-width: 325px)',
+  600: '(min-width: 600px)',
+  650: '(min-width: 650px)',
+  980: '(min-width: 1000px)',
+  1335: '(min-width: 1000px)'
+};
+var imageConditionalKeys = {
+  xs: [325],
+  superFull: [1335, 650, 520, 325],
+  full: [980, 650, 520, 325],
+  "default": [650, 520, 325],
+  narrow: [600, 325]
+};
+
 var toCamel = function toCamel(s) {
   return s.replace(/([_][a-z])/gi, function (str) {
     return str.toUpperCase().replace('_', '');
@@ -450,7 +443,8 @@ var Image = function Image(_ref) {
       height = _ref.height,
       source = _ref.source,
       lazy = _ref.lazy,
-      fullscreen = _ref.fullscreen,
+      _ref$fullscreen = _ref.fullscreen,
+      fullscreen = _ref$fullscreen === void 0 ? true : _ref$fullscreen,
       ratio = _ref.ratio,
       styleContext = _ref.styleContext;
 
@@ -462,17 +456,7 @@ var Image = function Image(_ref) {
       setIsLoaded = _useState[1];
 
   var handleClick = function handleClick() {
-    if (!fullscreen || !lightBox || optimized && !optimized.original) {
-      return;
-    }
-
-    var _viewportSize = viewportSize(),
-        viewportWidth = _viewportSize.width;
-
-    var disableFullscreenDesktop = viewportWidth >= MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen.desktop;
-    var disableFullscreenMobile = viewportWidth < MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen.mobile;
-
-    if (disableFullscreenDesktop || disableFullscreenMobile) {
+    if (!lightBox || optimized && !optimized.original) {
       return;
     }
 
@@ -489,7 +473,7 @@ var Image = function Image(_ref) {
   /* fallback w325 url until w6 was released */
 
   var fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
-  var classNames = [[styles$4.root, true], [styles$4.isLoaded, isLoaded], [styles$4.fullscreen, fullscreen && fullscreen.desktop]];
+  var classNames = [[styles$4.root, true], [styles$4.isLoaded, isLoaded], [styles$4.fullscreen, fullscreen]];
 
   if (styleContext) {
     classNames = makeStyleContext(classNames, styleContext, styles$4);
@@ -643,6 +627,13 @@ var Footnote = function Footnote(_ref) {
   }, children));
 };
 
+var viewportSize = (function () {
+  return {
+    width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
+    height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
+  };
+});
+
 var styles$7 = {"root":"DotsOnImage-module_root__2XP3Q","isVisible":"DotsOnImage-module_isVisible__Wqqqt","marker":"DotsOnImage-module_marker__lH5cP","show":"DotsOnImage-module_show__2TMBv","dot":"DotsOnImage-module_dot__H1wua","isActive":"DotsOnImage-module_isActive__3hh31","popover":"DotsOnImage-module_popover__35Cpj","isRight":"DotsOnImage-module_isRight__2RsJe","isTop":"DotsOnImage-module_isTop__3zmSK","isLeft":"DotsOnImage-module_isLeft__3quc9","isBottom":"DotsOnImage-module_isBottom__3Nk1T"};
 
 var DotsOnImage = function DotsOnImage(_ref) {
@@ -761,10 +752,7 @@ var DotsOnImage = function DotsOnImage(_ref) {
     height: height,
     alt: credit,
     display: display,
-    fullscreen: {
-      mobile: false,
-      desktop: false
-    }
+    fullscreen: false
   }), React__default.createElement("div", {
     ref: container
   }, dots.map(function (dot) {
@@ -1279,10 +1267,6 @@ var EmbedBlock = function EmbedBlock(_ref) {
           return React__default.createElement("div", {
             className: styles$i.figure
           }, React__default.createElement(Image, {
-            fullscreen: {
-              desktop: block.data.fullscreen,
-              mobile: true
-            },
             source: !optimized && [small, large],
             optimized: block.data.optimized,
             width: block.data.width,