gantri-components 2.119.4 → 2.120.0

package/dist/components/image/image.types.d.ts

@@ -83,4 +83,4 @@ export interface StyledImageContainerProps extends Pick<ImageProps, 'containerAs
 }
 export interface StyledImageProps extends Pick<ImageProps, 'objectFit' | 'objectPosition'> {
 }
-export type TransformationType = 'image' | 'video';
+export type TransformationType = 'image' | 'video' | 'video-poster';

package/dist/components/index.d.ts

@@ -41,4 +41,5 @@ export * from './text-field';
 export * from './toggle';
 export * from './tooltip';
 export * from './typography';
+export * from './video';
 export * from './components.types';

package/dist/components/video/video.presets.d.ts

@@ -1,3 +1,2 @@
-import { Transformations, VideoProps } from './video.types';
+import { VideoProps } from './video.types';
 export declare const VideoPresets: Partial<VideoProps>;
-export declare const TransformationPresets: Partial<Transformations>;

package/dist/components/video/video.styles.d.ts

@@ -1,3 +1,18 @@
-import { StyledImageContainerProps } from './video.types';
-export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledImageContainerProps, never>;
-export declare const StyledVideo: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+import { Property } from 'csstype';
+import { Color } from '../../styles';
+import { Optional } from '../../types/common';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { AspectRatio, ImageDimension } from '../image/image.types';
+export interface StyledVideoContainerProps {
+    $containerAspectRatio?: ResolutionAwareProp<AspectRatio>;
+    $fallbackColor?: Optional<Color>;
+    $height?: Optional<ResolutionAwareProp<ImageDimension>>;
+    $maxHeight?: Optional<ResolutionAwareProp<Property.MaxHeight>>;
+    $maxWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
+    $minHeight?: Optional<ResolutionAwareProp<Property.MinHeight>>;
+    $minWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
+    $width?: Optional<ResolutionAwareProp<ImageDimension>>;
+}
+export declare const StyledVideoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledVideoContainerProps>> & string;
+export declare const StyledPoster: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/video/video.types.d.ts

@@ -1,33 +1,34 @@
 import { Property } from 'csstype';
+import { CSSProperties, ReactEventHandler, VideoHTMLAttributes } from 'react';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-import { Color } from '../../styles';
 import { Optional } from '../../types/common';
-export interface VideoProps {
-    aspectRatio?: Optional<ResolutionAwareProp<string>>;
-    commonTransformations?: Optional<Transformations>;
+import { Color } from '../../styles';
+import { AspectRatio, ImageDimension } from '../image/image.types';
+export interface VideoDefaultProps extends Pick<VideoHTMLAttributes<HTMLVideoElement>, 'autoPlay' | 'loop' | 'playsInline'> {
+    muted: boolean;
+}
+export interface VideoProps extends Partial<VideoDefaultProps>, Omit<VideoHTMLAttributes<HTMLVideoElement>, 'height' | 'width' | 'src'> {
+    className?: string;
+    containerAspectRatio?: ResolutionAwareProp<AspectRatio>;
+    containerClassName?: string;
     fallbackColor?: Optional<Color>;
-    height?: Optional<ResolutionAwareProp<string | number>>;
-    immediateAvailable?: Optional<boolean>;
+    height?: Optional<ResolutionAwareProp<ImageDimension>>;
+    immediateAvailable?: boolean;
     maxHeight?: Optional<ResolutionAwareProp<Property.MaxHeight>>;
     maxWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
     minHeight?: Optional<ResolutionAwareProp<Property.MinHeight>>;
     minWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
-    mode?: Optional<ResolutionAwareProp<TransformationMode>>;
-    name: ResolutionAwareProp<string>;
-    quality?: Optional<TransformationQuality>;
-    showLoadingIndicator?: Optional<boolean>;
-    source?: Optional<ImageSource>;
-    transformations?: Optional<ResolutionAwareProp<Transformations>>;
-    width?: Optional<ResolutionAwareProp<string | number>>;
-}
-export interface Transformations {
-    aspectRatio?: Optional<string>;
-    height?: Optional<number>;
-    mode?: Optional<TransformationMode>;
-    width?: Optional<number>;
+    objectFit?: Optional<ResolutionAwareProp<Property.ObjectFit>>;
+    objectPosition?: Optional<ResolutionAwareProp<Property.ObjectPosition>>;
+    observerMargin?: string;
+    onLoad?: ReactEventHandler<HTMLVideoElement>;
+    src: ResolutionAwareProp<string>;
+    style?: CSSProperties;
+    transformations?: VideoTransformations;
+    width?: Optional<ResolutionAwareProp<ImageDimension>>;
 }
-export declare type ImageSource = 'static' | 'dynamic' | 'absolute';
-export declare type TransformationMode = 'scale' | 'limitFit' | 'limitFill' | 'limitPad' | 'fill' | 'fit' | 'crop' | 'pad' | 'imaggaCrop' | 'imaggaScale' | 'minimumFit' | 'minimumPad' | 'fillPad';
-export declare type TransformationQuality = 'auto' | 'autoBest' | 'autoEco' | 'autoGood' | 'autoLow' | 'jpegmini' | 'jpegminiBest' | 'jpegminiHigh' | 'jpegminiMedium';
-export interface StyledImageContainerProps extends Pick<VideoProps, 'aspectRatio' | 'width' | 'height' | 'fallbackColor' | 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'> {
+export interface VideoTransformations {
+    aspectRatio?: Optional<ResolutionAwareProp<AspectRatio>>;
+    height?: Optional<ResolutionAwareProp<number>>;
+    width?: Optional<ResolutionAwareProp<number>>;
 }