@meduza/ui-kit-2 0.1.58 → 0.1.60

package/package.json

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

package/src/DotsOnImage/index.tsx

@@ -110,6 +110,7 @@ export const DotsOnImage: React.FC<DotsOnImageProps> = ({
       ref={ref}
     >
       <Image
+        fullscreen={false}
         optimized={optimized}
         width={width}
         height={height}

package/src/Image/Image.types.ts

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

package/src/Image/index.tsx

@@ -18,13 +18,14 @@ export const Image: React.FC<ImageProps> = ({
   source,
   lazy,
   ratio,
-  styleContext
+  styleContext,
+  fullscreen = true
 }) => {
   const { lightBox } = useContext(BlockContext)
   const [isLoaded, setIsLoaded] = useState(lazy ? false : true)
 
   const handleClick = (): void => {
-    if (!lightBox || (optimized && !optimized.original)) {
+    if (!lightBox || !fullscreen || (optimized && !optimized.original)) {
       return
     }
 
@@ -49,7 +50,10 @@ export const Image: React.FC<ImageProps> = ({
   let classNames: ClassNames = [
     [styles.root, true],
     [styles.isLoaded, isLoaded],
-    [styles.fullscreen, lightBox && optimized && optimized.original]
+    [
+      styles.fullscreen,
+      lightBox && optimized && optimized.original && fullscreen
+    ]
   ]
 
   if (styleContext) {

package/src/Meta/Meta.types.ts

@@ -1,11 +1,12 @@
 import React from 'react'
+import { CallToActions } from '../types'
 export interface MetaContainerProps {
   block: any
   styleContext: string[] | string
   isRead: boolean | undefined
   isListened: boolean | undefined
   isInBookmarks: boolean | undefined
-  bookmarkAction?: (service: string, place: string) => void
+  bookmarkAction?: (service: CallToActions, place: string) => void
   lightBox?: () => void
   lang: 'ru' | 'en'
 }

package/src/RawHtmlBlock/RawHtmlBlock.types.ts

@@ -1,4 +1,5 @@
 import { ImageProps } from '../Image/Image.types'
+import { CallToActions, LightboxContext } from '../types'
 
 export type lightBox = {
   show: (image?: ImageProps['optimized'], alt?: ImageProps['alt']) => void
@@ -12,6 +13,6 @@ export interface RawHtmlBlockProps {
   isRead?: boolean | undefined
   isListened?: boolean | undefined
   isInBookmarks?: boolean | undefined
-  bookmarkAction?: (service: string, place: string) => void
-  lightBox?: lightBox | null
+  bookmarkAction?: (service: CallToActions, place: string) => void
+  lightBox?: LightboxContext | null | undefined
 }

package/src/RenderBlocks/RenderBlocks.types.ts

@@ -1,17 +1,12 @@
-import { ImageProps } from '../Image/Image.types'
+import { CallToActions, LightboxContext } from '../types'
 
-export type lightBox = {
-  show: (image?: ImageProps['optimized'], alt?: ImageProps['alt']) => void
-  hide: () => void
-  visible: boolean
-}
 export interface RenderBlocksProps {
   block: any
   styleContext?: any
   isRead?: boolean
   isListened?: boolean
   isInBookmarks?: boolean
-  bookmarkAction?: (service: string, place: string) => void
-  lightBox?: lightBox | null
+  bookmarkAction?: (service: CallToActions, place: string) => void
+  lightBox?: LightboxContext | null | undefined
   lang?: 'ru' | 'en'
 }

package/src/types.ts

@@ -4,3 +4,20 @@ export interface OptimizedImageItem {
   '1x_webp': string
   '2x_webp': string
 }
+
+export type CallToActions =
+  | 'fb'
+  | 'tw'
+  | 'vk'
+  | 'ok'
+  | 'tg'
+  | 'wp'
+  | 'reaction'
+  | 'bookmark'
+  | 'cross'
+
+export interface LightboxContext {
+  show: (image?: OptimizedImageItem, alt?: string) => void
+  hide: () => void
+  visible: boolean
+}