MINOR: beautify png image export error in case of size limit (#20795)

* beautify png image export error in case of size limit

* minor fix

* minor fix

openmetadata-ui/src/main/resources/ui/src/context/LineageProvider/LineageProvider.tsx

@@ -463,6 +463,7 @@ const LineageProvider = ({ children }: LineageProviderProps) => {
               name: decodedFqn,
               exportTypes: [ExportTypes.CSV, ExportTypes.PNG],
             }),
+        title: t('label.lineage'),
         documentSelector: LINEAGE_EXPORT_SELECTOR,
         viewport: getViewportForLineageExport(nodes, LINEAGE_EXPORT_SELECTOR),
         onExport: exportLineageData,

openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Konfigurieren Sie Anwendungen und Bots, um die Produktivität zu steigern.",
     "invalid-object-key": "Ungültiger Objektschlüssel. Muss mit einem Buchstaben, einem Unterstrich oder einem Dollarzeichen beginnen, gefolgt von Buchstaben, Unterstrichen, Dollarzeichen oder Ziffern.",
     "invalid-property-name": "Ungültiger Eigenschaftsname.",
+    "invalid-string-length-error": "Das {{exportType}}-Bild konnte aufgrund einer zu großen {{entity}} nicht generiert werden.",
     "invalid-unix-epoch-time-milliseconds": "Ungültige Unix-Epochenzeit in Millisekunden",
     "jwt-token": "Das von Ihnen generierte Token, das zum Zugriff auf die OpenMetadata-API verwendet werden kann.",
     "jwt-token-expiry-time-message": "JWT-Token-Ablaufzeit in Sekunden.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configure applications and bots to amplify productivity.",
     "invalid-object-key": "Invalid object key. Must start with a letter, underscore, or dollar sign, followed by letters, underscores, dollar signs, or digits.",
     "invalid-property-name": "Invalid Property Name",
+    "invalid-string-length-error": "{{exportType}} image could not be generated due to an excessively large {{entity}}.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "Token you have generated that can be used to access the OpenMetadata API.",
     "jwt-token-expiry-time-message": "JWT token expiry timer in seconds.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configure aplicaciones y bots para amplificar la productividad.",
     "invalid-object-key": "Clave de objeto no válida. Debe comenzar con una letra, un guion bajo o un signo de dólar, seguido de letras, guiones bajos, signos de dólar o dígitos.",
     "invalid-property-name": "Nombre de propiedad no válido",
+    "invalid-string-length-error": "No se pudo generar la imagen {{exportType}} debido a un {{entity}} excesivamente grande.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "Token que ha generado que se puede utilizar para acceder a la API de OpenMetadata.",
     "jwt-token-expiry-time-message": "JWT token expiry timer in seconds.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configureez les applications et bots pour augmenter votre productivité.",
     "invalid-object-key": "Clé d'objet non valide. Doit commencer par une lettre, un underscore ou signe dollar, suivi de lettres, underscores, signes dollars, ou chiffres.",
     "invalid-property-name": "Nom de propriété non valide",
+    "invalid-string-length-error": "L'image {{exportType}} n'a pas pu être générée en raison d'une taille excessive de {{entity}}.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "Le Jeton que vous avez généré peut être utilisé pour accéder à l'API OpenMetadata.",
     "jwt-token-expiry-time-message": "Délai d'expiration du jeton JWT en secondes.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configura aplicacións e bots para amplificar a produtividade.",
     "invalid-object-key": "Clave de obxecto non válida. Debe comezar cunha letra, subliñado ou símbolo de dólar, seguido de letras, subliñados, signos de dólar ou díxitos.",
     "invalid-property-name": "Nome de propiedade non válido",
+    "invalid-string-length-error": "Non se puido xerar a imaxe {{exportType}} debido a un {{entity}} excesivamente grande.",
     "invalid-unix-epoch-time-milliseconds": "Tempo da época Unix en milisegundos non válido",
     "jwt-token": "Token que xeraches e que se pode usar para acceder á API de OpenMetadata.",
     "jwt-token-expiry-time-message": "Temporizador de caducidade do token JWT en segundos",

openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configure applications and bots to amplify productivity.",
     "invalid-object-key": "מפתח אובייקט לא חוקי. חייב להתחיל עם אות, קו תחתון או סימן דולר, ולפניו אות, קו תחתון או סימן דולר או ספרות.",
     "invalid-property-name": "שם מאפיין לא חוקי",
+    "invalid-string-length-error": "לא ניתן היה לייצר את התמונה {{exportType}} עקב {{entity}} גדול מדי.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "אסימון שיצרת שימוש בו כדי לגשת ל-OpenMetadata API.",
     "jwt-token-expiry-time-message": "JWT token expiry timer in seconds.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configure applications and bots to amplify productivity.",
     "invalid-object-key": "Invalid object key. Must start with a letter, underscore, or dollar sign, followed by letters, underscores, dollar signs, or digits.",
     "invalid-property-name": "無効なプロパティ名",
+    "invalid-string-length-error": "{{exportType}} イメージは、{{entity}} が大きすぎるため生成できませんでした。",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "Token you have generated that can be used to access the OpenMetadata API.",
     "jwt-token-expiry-time-message": "JWT token expiry timer in seconds.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json

@@ -1798,6 +1798,7 @@
     "integration-description": "생산성을 향상시키기 위해 애플리케이션 및 봇을 구성하세요.",
     "invalid-object-key": "유효하지 않은 객체 키입니다. 문자, 밑줄 또는 달러 기호로 시작한 후 문자, 밑줄, 달러 기호 또는 숫자가 올 수 있습니다.",
     "invalid-property-name": "유효하지 않은 속성 이름입니다.",
+    "invalid-string-length-error": "{{exportType}} 이미지는 {{entity}} 가 너무 커서 생성할 수 없습니다.",
     "invalid-unix-epoch-time-milliseconds": "유효하지 않은 Unix 시간(밀리초)",
     "jwt-token": "생성된 토큰을 사용하여 OpenMetadata API에 접근할 수 있습니다.",
     "jwt-token-expiry-time-message": "JWT 토큰 만료 시간이 초 단위로 설정되어 있습니다.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json

@@ -1798,6 +1798,7 @@
     "integration-description": "उत्पादकता वाढवण्यासाठी अनुप्रयोग आणि बॉट्स कॉन्फिगर करा.",
     "invalid-object-key": "अवैध ऑब्जेक्ट की. अक्षर, अंडरस्कोर किंवा डॉलर चिन्हाने सुरू होणे आवश्यक आहे, त्यानंतर अक्षरे, अंडरस्कोर्स, डॉलर चिन्हे किंवा अंक.",
     "invalid-property-name": "अवैध गुणधर्म नाव",
+    "invalid-string-length-error": "{{exportType}} प्रतिमा अत्यंत मोठ्या {{entity}} मुळे तयार केली जाऊ शकली नाही.",
     "invalid-unix-epoch-time-milliseconds": "अवैध युनिक्स युग वेळ मिलीसेकंदात",
     "jwt-token": "तुम्ही व्युत्पन्न केलेले टोकन जे OpenMetadata API वर प्रवेश करण्यासाठी वापरले जाऊ शकते.",
     "jwt-token-expiry-time-message": "JWT टोकन समाप्ती वेळ सेकंदात.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configureer applicaties en bots voor hogere productiviteit.",
     "invalid-object-key": "Ongeldige objectnaam. Moet beginnen met een letter, underscore of dollarteken, gevolgd door letters, underscores, dollartekens of cijfers.",
     "invalid-property-name": "Ongeldige eigenschapsnaam",
+    "invalid-string-length-error": "De {{exportType}} afbeelding kon niet worden gegenereerd vanwege een te grote {{entity}}.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "Token dat je hebt gegenereerd en dat kan worden gebruikt om toegang te krijgen tot de OpenMetadata API.",
     "jwt-token-expiry-time-message": "JWT token expiry timer in seconds.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json

@@ -1798,6 +1798,7 @@
     "integration-description": "برنامه‌ها و بات‌ها را پیکربندی کنید تا بهره‌وری را افزایش دهید.",
     "invalid-object-key": "کلید شیء نامعتبر است. باید با یک حرف، زیرخط یا علامت دلار شروع شود و پس از آن حروف، زیرخط‌ها، علامت‌های دلار یا اعداد قرار گیرد.",
     "invalid-property-name": "نام ویژگی نامعتبر است.",
+    "invalid-string-length-error": "تصویر {{exportType}} به دلیل بزرگ بودن بیش از حد {{entity}} قابل تولید نیست.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "توکنی که ایجاد کرده‌اید و می‌توان از آن برای دسترسی به API OpenMetadata استفاده کرد.",
     "jwt-token-expiry-time-message": "تایمر انقضای توکن JWT به ثانیه.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configure aplicações e bots para melhorar a produtividade.",
     "invalid-object-key": "Chave de objeto inválida. Deve começar com uma letra, sublinhado ou cifrão, seguido por letras, sublinhados, cifrões ou dígitos.",
     "invalid-property-name": "Nome de Propriedade Inválido",
+    "invalid-string-length-error": "A imagem {{exportType}} não pôde ser gerada devido a um {{entity}} excessivamente grande.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "Token que você gerou que pode ser usado para acessar a API do OpenMetadata.",
     "jwt-token-expiry-time-message": "JWT token expiry timer in seconds.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configure aplicações e bots para melhorar a produtividade.",
     "invalid-object-key": "Chave de objeto inválida. Deve começar com uma letra, sublinhado ou cifrão, seguido por letras, sublinhados, cifrões ou dígitos.",
     "invalid-property-name": "Nome de Propriedade Inválido",
+    "invalid-string-length-error": "A imagem {{exportType}} não pôde ser gerada devido a um {{entity}} excessivamente grande.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "Token que você gerou que pode ser usado para acessar a API do OpenMetadata.",
     "jwt-token-expiry-time-message": "JWT token expiry timer in seconds.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json

@@ -1798,6 +1798,7 @@
     "integration-description": "Configure applications and bots to amplify productivity.",
     "invalid-object-key": "Неверный ключ объекта. Должен начинаться с буквы, знака подчеркивания или знака доллара, за которыми следуют буквы, знаки подчеркивания, знаки доллара или цифры.",
     "invalid-property-name": "Недопустимое имя свойства",
+    "invalid-string-length-error": "Не удалось сгенерировать изображение {{exportType}} из-за слишком большого {{entity}}.",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "Сгенерированный вами токен, который можно использовать для доступа к API OpenMetadata.",
     "jwt-token-expiry-time-message": "JWT token expiry timer in seconds.",

openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json

@@ -1798,6 +1798,7 @@
     "integration-description": "กำหนดค่าแอปพลิเคชันและบอทเพื่อเพิ่มผลผลิต",
     "invalid-object-key": "คีย์วัตถุไม่ถูกต้อง ต้องเริ่มต้นด้วยตัวอักษร, ขีดล่าง, หรือเครื่องหมายดอลลาร์ ตามด้วยตัวอักษร, ขีดล่าง, เครื่องหมายดอลลาร์, หรือหลักฐาน",
     "invalid-property-name": "ชื่อคุณสมบัติไม่ถูกต้อง",
+    "invalid-string-length-error": "ไม่สามารถสร้างภาพ {{exportType}} ได้เนื่องจาก {{entity}} ใหญ่เกินไป",
     "invalid-unix-epoch-time-milliseconds": "เวลายุค Unix ที่ไม่ถูกต้องในมิลลิวินาที",
     "jwt-token": "โทเค็นที่คุณสร้างขึ้นซึ่งสามารถใช้ในการเข้าถึง OpenMetadata API",
     "jwt-token-expiry-time-message": "เวลาหมดอายุโทเค็น JWT วัดเป็นวินาที",

openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json

@@ -1798,6 +1798,7 @@
     "integration-description": "配置应用和机器人以提高生产力",
     "invalid-object-key": "无效的对象键名, 命名首字母必须由字母、下划线、美元符号开始, 再跟随字母、下划线、美元符号或数字",
     "invalid-property-name": "无效属性名称",
+    "invalid-string-length-error": "由于 {{entity}} 过大，无法生成 {{exportType}} 图像。",
     "invalid-unix-epoch-time-milliseconds": "Invalid Unix epoch time in milliseconds",
     "jwt-token": "您生成的, 用于访问 OpenMetadata API 的令牌",
     "jwt-token-expiry-time-message": "JWT 令牌到期计时器(秒)",

openmetadata-ui/src/main/resources/ui/src/utils/Export/ExportUtils.ts

@@ -71,11 +71,26 @@ export const exportPNGImageFromElement = async (exportData: ExportData) => {
       downloadImageFromBase64(base64Image, name, ExportTypes.PNG);
     })
     .catch((error) => {
-      showErrorToast(
+      const errorMessage = (error as Error).message ?? '';
-        error as AxiosError,
+      const isInvalidStringLength = errorMessage.includes(
-        i18n.t('message.error-generating-export-type', {
+        'Invalid string length'
-          exportType: ExportTypes.PNG,
-        })
       );
+
+      if (isInvalidStringLength) {
+        showErrorToast(
+          error as AxiosError,
+          i18n.t('message.invalid-string-length-error', {
+            exportType: ExportTypes.PNG,
+            entity: exportData.title,
+          })
+        );
+      } else {
+        showErrorToast(
+          error as AxiosError,
+          i18n.t('message.error-generating-export-type', {
+            exportType: ExportTypes.PNG,
+          })
+        );
+      }
     });
 };