@dxos/plugin-deck 0.7.3-staging.971cd8d → 0.7.3-staging.d887a4b

package/dist/lib/browser/index.mjs

@@ -33,7 +33,7 @@ import { Sidebar as MenuIcon } from "@phosphor-icons/react";
 import { untracked } from "@preact/signals-core";
 import React14, { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo5, useRef as useRef2, Fragment as Fragment2 } from "react";
 import { Surface as Surface9, firstIdInPart, usePlugin } from "@dxos/app-framework";
-import { Button as Button3, Dialog, Main as Main3, Popover as Popover2, useOnTransition, useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { AlertDialog, Button as Button3, Dialog as NaturalDialog, Main as Main3, Popover as Popover2, useOnTransition, useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { Stack, StackContext as StackContext2, DEFAULT_HORIZONTAL_SIZE } from "@dxos/react-ui-stack";
 import { getSize, mainPaddingTransitions as mainPaddingTransitions2 } from "@dxos/react-ui-theme";
 
@@ -786,7 +786,7 @@ var PlankSeparator = ({ index }) => index > 0 ? /* @__PURE__ */ React14.createEl
 }) : null;
 var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismissToast }) => {
   const context = useLayout();
-  const { layoutMode, sidebarOpen, complementarySidebarOpen, dialogOpen, dialogContent, dialogBlockAlign, popoverOpen, popoverContent, popoverAnchorId } = context;
+  const { layoutMode, sidebarOpen, complementarySidebarOpen, dialogOpen, dialogContent, dialogBlockAlign, dialogType, popoverOpen, popoverContent, popoverAnchorId } = context;
   const { t } = useTranslation5(DECK_PLUGIN);
   const { plankSizing } = useDeckContext();
   const attentionPlugin = usePlugin("dxos.org/plugin/attention");
@@ -836,6 +836,7 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
     overscroll,
     layoutParts.main
   ]);
+  const Dialog = dialogType === "alert" ? AlertDialog : NaturalDialog;
   return /* @__PURE__ */ React14.createElement(Popover2.Root, {
     modal: true,
     open: !!(popoverAnchorId && popoverOpen),
@@ -1241,6 +1242,7 @@ var DeckPlugin = ({ observability } = {}) => {
     dialogContent: null,
     dialogOpen: false,
     dialogBlockAlign: void 0,
+    dialogType: void 0,
     popoverContent: null,
     popoverAnchorId: void 0,
     popoverOpen: false,
@@ -1262,7 +1264,7 @@ var DeckPlugin = ({ observability } = {}) => {
   const layoutModeHistory = create({
     values: []
   });
-  const handleSetLayout = ({ element, state, component, subject, anchorId, dialogBlockAlign }) => {
+  const handleSetLayout = ({ element, state, component, subject, anchorId, dialogBlockAlign, dialogType }) => {
     switch (element) {
       case "sidebar": {
         layout.values.sidebarOpen = state ?? !layout.values.sidebarOpen;
@@ -1283,6 +1285,7 @@ var DeckPlugin = ({ observability } = {}) => {
           subject
         } : null;
         layout.values.dialogBlockAlign = dialogBlockAlign ?? "center";
+        layout.values.dialogType = dialogType;
         return {
           data: true
         };
@@ -1561,7 +1564,7 @@ var DeckPlugin = ({ observability } = {}) => {
                 } else {
                   log.warn("Invalid layout mode", intent?.data?.layoutMode, {
                     F: __dxlog_file,
-                    L: 409,
+                    L: 412,
                     S: void 0,
                     C: (f, a) => f(...a)
                   });