updated ikContextprops

Author: ANKUR DWIVEDI

src/components/IKImage/combinedProps.ts

@@ -1,15 +1,31 @@
-import { UrlOptionsPath, UrlOptionsSrc } from 'imagekit-javascript/dist/src/interfaces/UrlOptions';
-import { InferProps } from 'prop-types';
+import { UrlOptionsPath, UrlOptionsSrc } from "imagekit-javascript/dist/src/interfaces/UrlOptions";
+import { InferProps } from "prop-types";
 import COMMON_PROPS from "../IKContext/props";
-import Props from './props';
+import Props from "./props";
 
 const COMBINED_IMAGE_PROP_TYPES = {
-    ...COMMON_PROPS,
-    ...Props
+  ...COMMON_PROPS,
+  ...Props,
+};
+
+type Lqip = {
+  active?: boolean;
+  quality?: number;
+  threshold?: number;
+  blur?: number;
+  raw?: string;
+} | null;
+
+export type IKImageProps = Omit<InferProps<typeof COMBINED_IMAGE_PROP_TYPES>, "src" | "path" | "lqip"> &
+  (UrlOptionsPath | UrlOptionsSrc) &
+  React.ImgHTMLAttributes<HTMLImageElement> & {
+    lqip?: Lqip;
+    loading?: 'lazy';
   };
-  
-  export type IKImageProps = Omit<InferProps<typeof COMBINED_IMAGE_PROP_TYPES>, 'src' | 'path'> & (UrlOptionsPath | UrlOptionsSrc) & React.ImgHTMLAttributes<HTMLImageElement>;
 
-  export type IKImageBaseProps = InferProps<typeof Props>;
-  
-  export default COMBINED_IMAGE_PROP_TYPES;
+export type IKImageBaseProps = Omit<InferProps<typeof Props>, "lqip"> & {
+  lqip?: Lqip;
+  loading?: 'lazy';
+};
+
+export default COMBINED_IMAGE_PROP_TYPES;

src/components/IKUpload/props.ts

@@ -57,7 +57,7 @@ const Props = {
     overwriteAITags: PropTypes.bool,
     overwriteTags: PropTypes.bool,
     overwriteCustomMetadata: PropTypes.bool,
-    customMetadata: PropTypes.any,
+    customMetadata: PropTypes.oneOf([PropTypes.string, PropTypes.object]),
     onError: PropTypes.func,
     onSuccess: PropTypes.func,
     onUploadStart: PropTypes.func,
@@ -67,7 +67,7 @@ const Props = {
     transformation: PropTypes.object,
 }
 
-export type IKUploadProps = InferProps<typeof Props> & {
+export type IKUploadProps = Omit<InferProps<typeof Props>, "customMetadata" | "transformation"> & {
     useUniqueFileName?: boolean;
     tags?: Array<string>;
     folder?: string;