gantri-components 1.131.0 → 1.133.0

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

@@ -1,4 +1,5 @@
 import { Property } from 'csstype';
+import { CSSProperties } from 'react';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { Color } from '../../styles';
 import { Optional } from '../../types/common';
@@ -6,6 +7,7 @@ export declare type ImageTransformationsVariant = 'f' | 'h' | 'q' | 'ffh' | 'hff
 export interface ImageProps {
     alt: string;
     aspectRatio?: Optional<ResolutionAwareProp<string>>;
+    className?: string;
     commonTransformations?: Optional<Transformations>;
     dpr?: Optional<number>;
     fallbackColor?: Optional<Color>;
@@ -19,10 +21,12 @@ export interface ImageProps {
     objectFit?: Optional<ResolutionAwareProp<Property.ObjectFit>>;
     objectPosition?: Optional<ResolutionAwareProp<Property.ObjectPosition>>;
     observerMargin?: string;
+    onClick?: () => void;
     quality?: Optional<TransformationQuality>;
     showLoadingIndicator?: Optional<boolean>;
     source?: Optional<ImageSource>;
     src: ResolutionAwareProp<string>;
+    style?: CSSProperties;
     transformations?: Optional<ResolutionAwareProp<Transformations>>;
     /**
      * Used to define common transformation for images.

package/dist/components/in-view/in-view.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { InViewProps } from './in-view.types';
+export declare const InView: FC<PropsWithChildren<InViewProps>>;

package/dist/components/in-view/in-view.presets.d.ts

@@ -0,0 +1,2 @@
+import { InViewProps } from './in-view.types';
+export declare const InViewPresets: InViewProps;

package/dist/components/in-view/in-view.types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * rootMargin, threshold should be specified according to the specifications of IntersectionObserver api
+ * https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
+ * */
+export interface InViewProps {
+    rootMargin?: string;
+    threshold?: number;
+    /**
+     * If true, the observer will stop executing after it actives once
+     * */
+    triggerOnce?: boolean;
+}

package/dist/components/in-view/index.d.ts

@@ -0,0 +1 @@
+export * from './in-view';

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export * from './formik-input';
 export * from './grid';
 export * from './icon';
 export * from './image';
+export * from './in-view';
 export * from './linear-progress';
 export * from './modal';
 export * from './overlay';