@axinom/mosaic-ui 0.32.0-rc.5 → 0.32.0-rc.7

package/src/components/PageHeader/PageHeaderAction/PageHeaderAction.tsx

@@ -8,7 +8,7 @@ import {
   ConfirmDialog,
   useConfirmationDelay,
 } from '../../ConfirmDialog';
-import { Icons } from '../../Icons';
+import { IconName, Icons } from '../../Icons';
 import {
   PageHeaderActionProps,
   PageHeaderActionType,
@@ -183,13 +183,16 @@ const PageHeaderJSAction: React.FC<PageHeaderJsActionProps> = ({
  * Page header action rendered as anchor tag
  */
 const PageHeaderNavigationAction: React.FC<PageHeaderNavigationActionProps> = ({
-  label,
+  className,
+  disabled,
   icon,
   imgAlt,
-  disabled,
-  className,
+  label,
+  openInNewTab = false,
   path,
 }) => {
+  const headerIcon = icon ? icon : openInNewTab ? IconName.External : undefined;
+
   return (
     <Link
       className={clsx(
@@ -200,12 +203,13 @@ const PageHeaderNavigationAction: React.FC<PageHeaderNavigationActionProps> = ({
       )}
       data-test-id="action"
       to={path}
+      target={openInNewTab ? '_blank' : undefined}
     >
       <div className={classes.icon}>
-        {typeof icon === 'string' ? (
-          <img src={icon} alt={imgAlt} />
+        {typeof headerIcon === 'string' ? (
+          <img src={headerIcon} alt={imgAlt} />
         ) : (
-          <Icons icon={icon} className={classes.pageHeaderActionsIcons} />
+          <Icons icon={headerIcon} className={classes.pageHeaderActionsIcons} />
         )}
       </div>
       <div className={classes.label}>

package/src/components/models.ts

@@ -1,3 +1,4 @@
+import { LocationDescriptor } from 'history';
 import React from 'react';
 import { ConfirmationConfig, ConfirmationMode } from './ConfirmDialog';
 import { MessageBarProps } from './MessageBar';
@@ -26,8 +27,10 @@ export type ErrorType = StationError | string | Object | Error;
 
 /** Properties to generate a link */
 export interface LinkAction {
-  /** Path to navigate to when the action is clicked. */
-  path: string;
+  /** Where to navigate to when the action is clicked. */
+  path: LocationDescriptor<unknown>;
+  /** If set to true, the link will open in a new tab. */
+  openInNewTab?: boolean;
 }
 
 /**