feat: open doc links in new tab in case of drawers/modals

Author: RohitRaj011

src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/SelectMergeStrategy.tsx

@@ -103,7 +103,7 @@ const SelectMergeStrategy = ({
                         {PatchStrategyTooltipInfo && <PatchStrategyTooltipInfo />}
                     </OverrideStrategyTippyContent>
                 }
-                documentationLink="HOME_PAGE"
+                documentationLink="DOC_HOME_PAGE"
             />
 
             {renderContent()}

src/Pages/GlobalConfigurations/DeploymentCharts/List/UploadChartModal.tsx

@@ -206,6 +206,7 @@ const UploadChartModal = ({ closeUploadPopup }: UploadChartModalType) => {
                         docLinkKey="GLOBAL_CONFIG_CUSTOM_CHART_PRE_REQUISITES"
                         text="View documentation"
                         dataTestId="learn-more-about-custom-chart-pre-requisites-link"
+                        openInNewTab
                     />
                 </div>
             </div>

src/components/CIPipelineN/PluginDetailHeader/PluginDetailHeader.component.tsx

@@ -111,7 +111,8 @@ const PluginDetailHeader = ({ handlePluginVersionChange }: PluginDetailHeaderPro
                     interactive
                     documentationLink={docLink as keyof typeof DOCUMENTATION}
                     documentationLinkText="View documentation"
-                    isExternalLink
+                    isExternalLink={stepType !== PluginType.INLINE}
+                    openInNewTab
                 >
                     <button
                         type="button"

src/components/CIPipelineN/Sidebar.tsx

@@ -454,6 +454,7 @@ export const Sidebar = ({
                         docLinkKey={helpData.docLink}
                         text={helpData.helpText}
                         dataTestId="learn-more-about-ci-pipeline-workflow-editor-link"
+                        openInNewTab
                     />
                 </div>
             )}

src/components/ciConfig/CIBuildpackBuildOptions.tsx

@@ -160,6 +160,7 @@ const BuilderTippy = () => {
             documentationLinkText={CI_BUILDPACK_OPTION_TEXTS.BuilderTippyContent.documentationLinkText}
             documentationLink="APP_CI_CONFIG_BUILD_WITHOUT_DOCKER"
             iconClassName="icon-dim-16 fcn-6 ml-4"
+            openInNewTab
         />
     )
 }

src/components/ciPipeline/Webhook/WebhookDetailsModal.tsx

@@ -477,6 +477,7 @@ export const WebhookDetailsModal = ({ close, isTemplateView }: WebhookDetailType
                     docLinkKey="GLOBAL_CONFIG_API_TOKEN"
                     text="How to generate API tokens?"
                     dataTestId="learn-more-about-generating-api-tokens"
+                    openInNewTab
                 />
             )
         }

src/components/cluster/ClusterInfoStepsModal.tsx

@@ -107,6 +107,7 @@ export default function ClusterInfoStepsModal({ subTitle, command, clusterName }
                     text="View documentation"
                     dataTestId="cluster-info-step-view-documentation"
                     showExternalIcon
+                    openInNewTab
                 />
             </div>
         </div>

src/components/common/SidePanel/SidePanelDocumentation.tsx

@@ -25,9 +25,8 @@ export const SidePanelDocumentation = ({ onClose }: SidePanelDocumentationProps)
                 <h2 className="m-0 fs-16 lh-1-5 fw-6 cn-9 flex-grow-1">Documentation</h2>
                 <div className="flex dc__gap-8">
                     <Button
-                        dataTestId="side-doc-open-link"
-                        ariaLabel="side-doc-open-link"
-                        showAriaLabelInTippy={false}
+                        dataTestId="open-in-new-tab-button"
+                        ariaLabel="Open in new tab"
                         icon={<Icon name="ic-arrow-square-out" color={null} />}
                         variant={ButtonVariantType.borderLess}
                         style={ButtonStyleType.neutral}
@@ -38,8 +37,8 @@ export const SidePanelDocumentation = ({ onClose }: SidePanelDocumentationProps)
                         }}
                     />
                     <Button
-                        dataTestId="side-doc-close-btn"
-                        ariaLabel="side-doc-close-btn"
+                        dataTestId="close-side-panel-button"
+                        ariaLabel="close-side-panel-button"
                         showAriaLabelInTippy={false}
                         icon={<Icon name="ic-close-large" color={null} />}
                         variant={ButtonVariantType.borderLess}
@@ -58,6 +57,8 @@ export const SidePanelDocumentation = ({ onClose }: SidePanelDocumentationProps)
                         src={`${docLink}&theme=${appTheme}`}
                         width="100%"
                         height="100%"
+                        sandbox="allow-same-origin allow-scripts"
+                        referrerPolicy="no-referrer"
                     />
                 )}
             </div>

src/components/gitOps/UpdateConfirmationDialog.tsx

@@ -79,6 +79,7 @@ const UpdateConfirmationDialog = ({
                         docLinkKey="GLOBAL_CONFIG_GITOPS"
                         text="Know more"
                         dataTestId="know-more-about-git-ops-link"
+                        fullWidth={false}
                     />
                 </p>
 

src/components/v2/appDetails/k8Resource/nodeDetail/EphemeralContainerDrawer.tsx

@@ -187,6 +187,7 @@ const EphemeralContainerDrawer = ({
                         iconClassName="icon-dim-20 fcn-6 ml-8"
                         documentationLink="APP_EPHEMERAL_CONTAINER"
                         documentationLinkText="View Documentation"
+                        openInNewTab
                     />
                 </h2>
                 <button