From 294929851e2f9ab74dee99c7a5b8724e3bdacce7 Mon Sep 17 00:00:00 2001
From: Inomdzhon Mirdzhamolov <i.mirdzhamolov@vk.team>
Date: Fri, 27 Dec 2024 12:27:08 +0300
Subject: [PATCH] fix(ImageBase): support elementtiming (#8127)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

h2. Release notes
h2. Исправления
- ImageBase: добавлено свойство `elementTiming` для поддержки [elementtiming](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/elementtiming)
- Avatar: добавлено свойство `elementTiming` для поддержки [elementtiming](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/elementtiming)
- Image: добавлено свойство `elementTiming` для поддержки [elementtiming](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/elementtiming)
---
 packages/vkui/src/components/ImageBase/ImageBase.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/vkui/src/components/ImageBase/ImageBase.tsx b/packages/vkui/src/components/ImageBase/ImageBase.tsx
index 5fd019b0ae..3353d243ed 100644
--- a/packages/vkui/src/components/ImageBase/ImageBase.tsx
+++ b/packages/vkui/src/components/ImageBase/ImageBase.tsx
@@ -111,6 +111,10 @@ export interface ImageBaseProps
    * Для корректной работы необходимо задать размеры хотя бы одной стороны картинки
    */
   keepAspectRatio?: boolean;
+  /**
+   * см. https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/elementtiming
+   */
+  elementTiming?: string;
 }
 
 const getObjectFitClassName = (objectFit: React.CSSProperties['objectFit']) => {
@@ -175,6 +179,7 @@ export const ImageBase: React.FC<ImageBaseProps> & {
   objectPosition,
   keepAspectRatio = false,
   getRootRef,
+  elementTiming,
   ...restProps
 }: ImageBaseProps) => {
   const size = sizeProp ?? minOr([sizeToNumber(widthSize), sizeToNumber(heightSize)], defaultSize);
@@ -301,6 +306,8 @@ export const ImageBase: React.FC<ImageBaseProps> & {
             height={heightImg}
             onLoad={handleImageLoad}
             onError={handleImageError}
+            // @ts-expect-error: TS2322 отсутствует в @types/react
+            elementtiming={elementTiming} // eslint-disable-line react/no-unknown-property
             {...getFetchPriorityProp(fetchPriority)}
           />
         )}