@xh/hoist 71.0.0-SNAPSHOT.1736120910674 → 71.0.0-SNAPSHOT.1736123831690

package/desktop/cmp/viewmanager/dialog/ManageDialogModel.ts

@@ -220,13 +220,21 @@ export class ManageDialogModel extends HoistModel {
     }
 
     private async doMakeGlobalAsync(view: ViewInfo) {
-        const {globalDisplayName, typeDisplayName} = this.viewManagerModel,
-            {typedName} = view,
-            msgs = [
-                `The ${typedName} will become a ${globalDisplayName} ${typeDisplayName} visible to all other ${XH.appName} users.`,
-                strong('Are you sure you want to proceed?')
-            ];
+        const {globalDisplayName, typeDisplayName, globalViews} = this.viewManagerModel,
+            {typedName} = view;
+
+        if (some(globalViews, {name: view.name})) {
+            XH.alert({
+                title: 'Alert',
+                message: `There is already a ${globalDisplayName} ${typedName}. Please rename or edit it instead.`
+            });
+            return;
+        }
 
+        const msgs = [
+            `The ${typedName} will become a ${globalDisplayName} ${typeDisplayName} visible to all other ${XH.appName} users.`,
+            strong('Are you sure you want to proceed?')
+        ];
         const confirmed = await XH.confirm({
             message: fragment(msgs.map(m => p(m))),
             confirmProps: {

package/desktop/cmp/viewmanager/dialog/ViewPanel.ts

@@ -16,7 +16,7 @@ import {ViewPanelModel} from '@xh/hoist/desktop/cmp/viewmanager/dialog/ViewPanel
 import {getGroupOptions} from '@xh/hoist/desktop/cmp/viewmanager/dialog/Utils';
 import {fmtDateTime} from '@xh/hoist/format';
 import {Icon} from '@xh/hoist/icon';
-import {capitalize} from 'lodash';
+import {capitalize, some} from 'lodash';
 
 /**
  * Form to edit or view details on a single saved view within the ViewManager manage dialog.
@@ -128,7 +128,7 @@ const formButtons = hoistCmp.factory<ViewPanelModel>({
             });
         }
 
-        const {enableGlobal, globalDisplayName, manageGlobal, typeDisplayName} =
+        const {enableGlobal, globalDisplayName, manageGlobal, typeDisplayName, globalViews} =
             parent.viewManagerModel;
         return vbox({
             style: {gap: 10, alignItems: 'center'},
@@ -148,6 +148,7 @@ const formButtons = hoistCmp.factory<ViewPanelModel>({
                     icon: Icon.globe(),
                     width: 200,
                     outlined: true,
+                    disabled: some(globalViews, {name: view.name}),
                     omit: readonly || view.isGlobal || !enableGlobal || !manageGlobal,
                     onClick: () => parent.makeGlobalAsync(view)
                 }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "71.0.0-SNAPSHOT.1736120910674",
+  "version": "71.0.0-SNAPSHOT.1736123831690",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",