handle openInNewTab front

Author: aguingand

resources/js/commands/CommandManager.ts

@@ -41,25 +41,27 @@ export class CommandManager {
 
     get defaultCommandResponseHandlers(): CommandResponseHandlers {
         return {
-            info: async ({ message, reload }, { formModal }) => {
-                await showAlert(message, {
+            info: async (data, { formModal }) => {
+                await showAlert(data.message, {
                     title: __('sharp::modals.command.info.title'),
                 });
                 if(formModal.shouldReopen) {
                     formModal.reloadAndReopen();
-                } else if(reload) {
+                } else if(data.reload) {
                     await this.handleCommandResponse({ action: 'reload' });
                 }
             },
-            link: ({ link }, { formModal }) => {
+            link: (data, { formModal }) => {
                 if(formModal.shouldReopen) {
                     formModal.reloadAndReopen();
                     return;
                 }
-                if(isSharpLink(link)) {
-                    router.visit(link);
+                if(data.openInNewTab) {
+                    window.open(data.link, '_blank');
+                } else if(isSharpLink(data.link)) {
+                    router.visit(data.link);
                 } else {
-                    location.href = link;
+                    location.href = data.link;
                 }
             },
             reload: (data, { formModal }) => {

resources/js/types/generated.d.ts

@@ -65,7 +65,7 @@ export type CommandFormData = {
   pageAlert: PageAlertData | null;
 };
 export type CommandResponseData =
-  | { action: "link"; link: string }
+  | { action: "link"; link: string; openInNewTab: boolean }
   | { action: "info"; message: string; reload: boolean }
   | { action: "refresh"; items?: Array<{ [key: string]: any }> }
   | { action: "reload" }
@@ -140,9 +140,6 @@ export type EmbedFormData = {
   fields: { [key: string]: FormFieldData };
   layout: FormLayoutData | null;
 };
-export type EmbeddedFieldAuthorizationsData = {
-  view: boolean;
-};
 export type EntityListAuthorizationsData = {
   create: boolean;
   reorder: boolean;
@@ -811,7 +808,7 @@ export type ShowDashboardFieldData = {
   dashboardKey: string;
   hiddenCommands: Array<string>;
   endpointUrl: string;
-  authorizations: EmbeddedFieldAuthorizationsData;
+  authorizations: ShowFieldAuthorizationsData;
   label: string | null;
   hiddenFilters: { [key: string]: any } | null;
 };
@@ -838,10 +835,13 @@ export type ShowEntityListFieldData = {
   showSearchField: boolean;
   showCount: boolean;
   endpointUrl: string;
-  authorizations: EmbeddedFieldAuthorizationsData;
+  authorizations: ShowFieldAuthorizationsData;
   label: string | null;
   hiddenFilters: { [key: string]: any } | null;
 };
+export type ShowFieldAuthorizationsData = {
+  view: boolean;
+};
 export type ShowFieldData =
   | ShowDashboardFieldData
   | ShowEntityListFieldData