@meduza/ui-kit-2 0.1.51 → 0.1.52

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.51",
+  "version": "0.1.52",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/EmbedBlock/EmbedBlock.tsx

@@ -70,7 +70,6 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
               alt={block.data.caption}
               display={block.data.display}
               lazy={block.data.lazy}
-              fullscreen={block.data.fullscreen}
               styleContext={styleContext}
             />
           </div>

package/src/Image/Image.types.ts

@@ -16,7 +16,6 @@ export interface ImageProps {
   source?: string[]
   lazy?: boolean
   ratio?: number
-  fullscreen?: boolean | undefined
   styleContext?: string[] | string
 }
 

package/src/Image/index.tsx

@@ -4,9 +4,6 @@ import { makeClassName, ClassNames } from '../utils/makeClassName'
 import makeStyleContext from '../utils/makeStyleContext'
 import BlockContext from '../utils/BlockContext'
 import postMessage from '../utils/postMessage'
-import viewportSize from '../utils/viewportSize'
-import { MediaQuerySizes } from '../constants'
-
 import { Lazy } from '../Lazy'
 import RenderPicture from './RenderPicture'
 
@@ -21,22 +18,13 @@ export const Image: React.FC<ImageProps> = ({
   source,
   lazy,
   ratio,
-  styleContext,
-  fullscreen
+  styleContext
 }) => {
   const { lightBox } = useContext(BlockContext)
   const [isLoaded, setIsLoaded] = useState(lazy ? false : true)
 
   const handleClick = (): void => {
-    const { width: viewportWidth } = viewportSize()
-    const disableFullscreenDesktop =
-      viewportWidth >= MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen
-
-    if (
-      disableFullscreenDesktop ||
-      !lightBox ||
-      (optimized && !optimized.original)
-    ) {
+    if (!lightBox || (optimized && !optimized.original)) {
       return
     }
 
@@ -61,10 +49,7 @@ export const Image: React.FC<ImageProps> = ({
   let classNames: ClassNames = [
     [styles.root, true],
     [styles.isLoaded, isLoaded],
-    [
-      styles.fullscreen,
-      fullscreen && lightBox && optimized && optimized.original
-    ]
+    [styles.fullscreen, lightBox && optimized && optimized.original]
   ]
 
   if (styleContext) {

package/src/Spoiler/index.tsx

@@ -4,7 +4,7 @@ import { makeClassName, ClassNames } from '../utils/makeClassName'
 import makeStyleContext from '../utils/makeStyleContext'
 
 import postMessage from '../utils/postMessage'
-import { RawHtmlBlock } from '../RawHtmlBlock'
+import { RenderBlocks } from '../RenderBlocks'
 import { Button } from '../Button'
 import { SvgSymbol } from '../SvgSymbol'
 
@@ -60,7 +60,7 @@ export const Spoiler: React.FC<SpoilerProps> = ({
       <div className={styles.header}>{title && <h3>{title}</h3>}</div>
       <div className={styles.body}>
         {blocks.map((item) => (
-          <RawHtmlBlock key={item.id} block={item} styleContext={context} />
+          <RenderBlocks key={item.id} block={item} styleContext={context} />
         ))}
       </div>
       <div className={styles.footer}>