@dxos/plugin-deck 0.7.0 → 0.7.1-staging.7f6f91c

package/dist/lib/browser/index.mjs

@@ -150,7 +150,8 @@ var PlankControl = ({ icon, label, ...props }) => {
   }, /* @__PURE__ */ React2.createElement("span", {
     className: "sr-only"
   }, label), /* @__PURE__ */ React2.createElement(Icon, {
-    icon
+    icon,
+    size: 4
   }))), /* @__PURE__ */ React2.createElement(Tooltip.Portal, null, /* @__PURE__ */ React2.createElement(Tooltip.Content, {
     side: "bottom",
     classNames: "z-[70]"
@@ -158,7 +159,7 @@ var PlankControl = ({ icon, label, ...props }) => {
 };
 var PlankControls = /* @__PURE__ */ forwardRef(({ onClick, variant = "default", capabilities: can, isSolo, pin, close = false, children, ...props }, forwardedRef) => {
   const { t } = useTranslation(DECK_PLUGIN);
-  const buttonClassNames = variant === "hide-disabled" ? "disabled:hidden !p-1" : "!p-1";
+  const buttonClassNames = variant === "hide-disabled" ? "disabled:hidden !pli-2 !plb-3" : "!pli-2 !plb-3";
   return /* @__PURE__ */ React2.createElement(ButtonGroup, {
     ...props,
     ref: forwardedRef
@@ -172,10 +173,10 @@ var PlankControls = /* @__PURE__ */ forwardRef(({ onClick, variant = "default",
     onClick: () => onClick?.("pin-start"),
     icon: "ph--caret-line-left--regular"
   }), can.solo && /* @__PURE__ */ React2.createElement(PlankControl, {
-    label: t("solo plank label"),
+    label: isSolo ? t("show deck plank label") : t("show solo plank label"),
     classNames: buttonClassNames,
     onClick: () => onClick?.("solo"),
-    icon: isSolo ? "ph--arrows-in--regular" : "ph--arrows-out--regular"
+    icon: isSolo ? "ph--vibrate--regular" : "ph--arrows-out--regular"
   }), !isSolo && can.solo && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(PlankControl, {
     label: t("increment start label"),
     disabled: !can.incrementStart,
@@ -201,7 +202,7 @@ var PlankControls = /* @__PURE__ */ forwardRef(({ onClick, variant = "default",
     classNames: buttonClassNames,
     onClick: () => onClick?.("close"),
     "data-testid": "plankHeading.close",
-    icon: close === "minify-start" ? "ph--caret-line-left--regular" : close === "minify-end" ? "ph--caret-line-right--regular" : "ph--minus--regular"
+    icon: close === "minify-start" ? "ph--caret-line-left--regular" : close === "minify-end" ? "ph--caret-line-right--regular" : "ph--x--regular"
   }), children);
 });
 
@@ -247,7 +248,7 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementSta
     canIncrementEnd
   ]);
   return /* @__PURE__ */ React3.createElement(StackItem.Heading, {
-    classNames: "pie-1"
+    classNames: "pie-1 border-be border-separator"
   }, /* @__PURE__ */ React3.createElement(ActionRoot, null, node ? /* @__PURE__ */ React3.createElement(StackItem.Sigil, {
     icon,
     related: layoutPart === "complementary",
@@ -345,8 +346,9 @@ var NodePlankHeading = /* @__PURE__ */ memo(({ coordinate, node, canIncrementSta
     onClick: () => layoutContext.complementarySidebarOpen = !layoutContext.complementarySidebarOpen,
     variant: "ghost",
     label: t("open complementary sidebar label"),
-    classNames: "!p-1 -scale-x-100",
-    icon: "ph--sidebar--regular",
+    classNames: "!pli-2 !plb-3 [&>svg]:-scale-x-100",
+    icon: "ph--sidebar-simple--regular",
+    size: 4,
     tooltipZIndex: "70"
   })));
 });
@@ -436,12 +438,12 @@ var ComplementarySidebar = ({ panels, current }) => {
     value: {
       size: "contain",
       orientation: "horizontal",
-      separators: true,
+      separators: false,
       rail: true
     }
   }, /* @__PURE__ */ React6.createElement("div", {
     role: "none",
-    className: mx2(railGridHorizontal, "grid-cols-1 bs-full divide-y divide-separator")
+    className: mx2(railGridHorizontal, "grid-cols-1 bs-full")
   }, /* @__PURE__ */ React6.createElement(NodePlankHeading, {
     coordinate,
     node,
@@ -609,7 +611,7 @@ var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order
     popoverAnchorId
   ]);
   const placeholder = useMemo3(() => /* @__PURE__ */ React10.createElement(PlankLoading, null), []);
-  const className = mx4("attention-surface relative", isSolo && mainIntrinsicSize, isSolo && railGridHorizontal2, isSolo && "grid absolute inset-0 divide-separator divide-y", last && "!border-li border-separator");
+  const className = mx4("attention-surface relative", isSolo && mainIntrinsicSize, isSolo && railGridHorizontal2, isSolo ? "grid absolute inset-0" : "!border-separator border-li");
   return /* @__PURE__ */ React10.createElement(Root, {
     ref: rootElement,
     "data-testid": "deck.plank",
@@ -886,6 +888,7 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
       inert: ""
     }
   }, /* @__PURE__ */ React14.createElement(Stack, {
+    separators: false,
     orientation: "horizontal",
     size: "contain",
     classNames: [
@@ -917,7 +920,7 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
     value: {
       size: "contain",
       orientation: "horizontal",
-      separators: true,
+      separators: false,
       rail: true
     }
   }, /* @__PURE__ */ React14.createElement(Plank, {
@@ -959,7 +962,7 @@ var DeckLayout = ({ layoutParts, toasts, overscroll, showHints, panels, onDismis
 // packages/plugins/plugin-deck/src/components/LayoutSettings.tsx
 import React15 from "react";
 import { Input, Select, useTranslation as useTranslation6 } from "@dxos/react-ui";
-import { DeprecatedFormInput } from "@dxos/react-ui-data";
+import { DeprecatedFormInput } from "@dxos/react-ui-form";
 var isSocket = !!globalThis.__args;
 var LayoutSettings = ({ settings }) => {
   const { t } = useTranslation6(DECK_PLUGIN);
@@ -1158,7 +1161,7 @@ var translations_default = [
       [DECK_PLUGIN]: {
         "main header label": "Main header",
         "open navigation sidebar label": "Open navigation sidebar",
-        "open complementary sidebar label": "Open complementary sidebar",
+        "open complementary sidebar label": "Open sidebar",
         "plugin error message": "Content failed to render.",
         "content fallback message": "Unsupported",
         "content fallback description": "No plugin had a response for the address you navigated\xA0to. Double-check the URL, and ensure you\u2019ve enabled a plugin that supports the\xA0object.",
@@ -1186,7 +1189,8 @@ var translations_default = [
         "pin end label": "Pin to the right sidebar",
         "increment start label": "Move to the left",
         "increment end label": "Move to the right",
-        "solo plank label": "Toggle solo mode",
+        "show deck plank label": "Show deck",
+        "show solo plank label": "Maximize",
         "close label": "Close",
         "minify label": "Minify",
         "settings overscroll label": "Plank Overscrolling",
@@ -1391,6 +1395,7 @@ var DeckPlugin = ({ observability } = {}) => {
         const layoutFromUri = uriToSoloPart(pathname);
         if (!layoutFromUri) {
           handleSetLocation(startingLayout);
+          layout.values.layoutMode = "deck";
           return;
         }
         handleSetLocation(mergeLayoutParts(layoutFromUri, startingLayout));
@@ -1515,7 +1520,7 @@ var DeckPlugin = ({ observability } = {}) => {
                 } else {
                   log.warn("Invalid layout mode", intent?.data?.layoutMode, {
                     F: __dxlog_file,
-                    L: 378,
+                    L: 379,
                     S: void 0,
                     C: (f, a) => f(...a)
                   });