@aws/mynah-ui - npm Package Compare versions

Comparing version 4.21.6 to 4.22.0

dist/helper/test-ids.d.ts

@@ -105,2 +105,3 @@ declare const _default: {
         title: string;
+        description: string;
         optionsSelectWrapper: string;
@@ -107,0 +108,0 @@ optionsSelect: string;

dist/main.d.ts

@@ -69,2 +69,3 @@ /*!
     onInfoLinkClick?: (tabId: string, link: string, mouseEvent?: MouseEvent, eventId?: string) => void;
+    onFormLinkClick?: (link: string, mouseEvent?: MouseEvent, eventId?: string) => void;
     onSendFeedback?: (tabId: string, feedbackPayload: FeedbackPayload, eventId?: string) => void;
@@ -71,0 +72,0 @@ onCustomFormAction?: (tabId: string, action: {

dist/static.d.ts

@@ -139,2 +139,3 @@ /*!
     INFO_LINK_CLICK = "infoLinkClick",
+    FORM_LINK_CLICK = "formLinkClick",
     LINK_CLICK = "linkClick",
@@ -441,2 +442,3 @@ CHAT_ITEM_ENGAGEMENT = "chatItemEngagement",
     feedbackFormTitle: string;
+    feedbackFormDescription: string;
     feedbackFormOptionsLabel: string;
@@ -443,0 +445,0 @@ feedbackFormCommentLabel: string;

docs/CONFIG.md

@@ -15,2 +15,3 @@ # MynahUI Config
         feedbackFormTitle?: string;
+        feedbackFormDescription?: string;
         feedbackFormOptionsLabel?: string;
@@ -128,3 +129,3 @@ feedbackFormCommentLabel?: string;
 
-## feedbackFormTitle, feedbackFormOptionsLabel, feedbackFormCommentLabel, submit, cancel
+## feedbackFormTitle, feedbackFormDescription, feedbackFormOptionsLabel, feedbackFormCommentLabel, submit, cancel
 <p align="center">
@@ -131,0 +132,0 @@ <img src="./img/texts/feedbackForm.png" alt="feedbackForm" style="max-width:500px; width:100%;border: 1px solid #e0e0e0;">

docs/PROPERTIES.md

@@ -105,2 +105,6 @@ # Mynah UI Constructor Properties
     eventId?: string) => void;
+  onFormLinkClick?: (
+    link: string,
+    mouseEvent?: MouseEvent,
+    eventId?: string) => void;
   onInfoLinkClick?: (
@@ -749,2 +753,26 @@ tabId: string,
 
+### `onFormLinkClick`
+
+This event will be fired when user clicks a link inside the description field on feedback or custom forms. It will pass `link`, for the clicked link and the `mouseEvent` and the to check userIntent the `eventId`.
+
+**Note:** For example, JetBrains JCEF WebView opens the links in a new browser view of its own. However to prevent this action and navigate to user's own preferred browser to open the links, you may want to cancel the default behaviour and run your own function to open the OS default browser.
+
+
+<p align="center">
+  <img src="./img/onFormLinkClick.png" alt="onFormLinkClick" style="max-width:500px; width:100%;border: 1px solid #e0e0e0;">
+</p>
+
+```typescript
+...
+onFormLinkClick?: (
+    link: string,
+    mouseEvent?: MouseEvent):void => {
+      console.log(`Sent from Form`);
+      console.log(`link: ${link}`);
+      // mouseEvent.preventDefault();
+    }
+...
+```
+---
+
 ### `onInfoLinkClick`
@@ -751,0 +779,0 @@

package.json

 {
     "name": "@aws/mynah-ui",
     "displayName": "AWS Mynah UI",
-    "version": "4.21.6",
+    "version": "4.22.0",
     "description": "AWS Toolkit VSCode and Intellij IDE Extension Mynah UI",
@@ -6,0 +6,0 @@ "publisher": "Amazon Web Services",

No alert changes

Improved metrics

Total package byte prevSize

32718160

increased by0.42%

Number of package files

211

increased by0.48%

Lines of code

17318

increased by0.09%

No dependency changes