@dxos/plugin-space 0.8.4-main.c4373fc → 0.8.4-main.c85a9c8dae

package/dist/lib/node-esm/JoinDialog-XEOLJZVN.mjs

@@ -0,0 +1,118 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-SL4BJSUG.mjs";
+
+// src/containers/JoinDialog/JoinDialog.tsx
+import React, { useCallback } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
+import { Trigger } from "@dxos/async";
+import { Graph } from "@dxos/plugin-graph";
+import { ObservabilityOperation } from "@dxos/plugin-observability/types";
+import { useClient } from "@dxos/react-client";
+import { Dialog, useTranslation } from "@dxos/react-ui";
+import { JoinPanel } from "@dxos/shell/react";
+import { osTranslations } from "@dxos/ui-theme";
+var JOIN_DIALOG = `${meta.id}/JoinDialog`;
+var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
+  const { invokePromise } = useOperationInvoker();
+  const client = useClient();
+  const { graph } = useAppGraph();
+  const { t } = useTranslation(meta.id);
+  const handleDone = useCallback(async (result) => {
+    const spaceKey = result?.spaceKey;
+    if (!spaceKey) {
+      return;
+    }
+    await Promise.all([
+      invokePromise(LayoutOperation.AddToast, {
+        id: `${meta.id}/join-success`,
+        duration: 5e3,
+        title: [
+          "join success label",
+          {
+            ns: meta.id
+          }
+        ],
+        closeLabel: [
+          "dismiss label",
+          {
+            ns: meta.id
+          }
+        ]
+      }),
+      invokePromise(LayoutOperation.UpdateDialog, {
+        state: false
+      })
+    ]);
+    let space = client.spaces.get(spaceKey);
+    if (!space) {
+      const trigger = new Trigger();
+      client.spaces.subscribe(() => {
+        const space2 = client.spaces.get(spaceKey);
+        if (space2) {
+          trigger.wake(space2);
+        }
+      });
+      space = await trigger.wait();
+    }
+    await invokePromise(LayoutOperation.SwitchWorkspace, {
+      subject: space.id
+    });
+    const target = result?.target || (navigableCollections ? space?.id : void 0);
+    if (target) {
+      await Graph.waitForPath(graph, {
+        target
+      }).catch(() => {
+      });
+      await Promise.all([
+        invokePromise(LayoutOperation.Open, {
+          subject: [
+            target
+          ]
+        }),
+        invokePromise(LayoutOperation.Expose, {
+          subject: target
+        })
+      ]);
+    }
+    await onDone?.(result);
+    if (space) {
+      await invokePromise(ObservabilityOperation.SendEvent, {
+        name: "space.join",
+        properties: {
+          spaceId: space.id
+        }
+      });
+    }
+  }, [
+    invokePromise,
+    client,
+    graph,
+    navigableCollections,
+    onDone
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Title, {
+    classNames: "sr-only"
+  }, t("join space label", {
+    ns: osTranslations
+  })), /* @__PURE__ */ React.createElement(JoinPanel, {
+    ...props,
+    exitActionParent: /* @__PURE__ */ React.createElement(Dialog.Close, {
+      asChild: true
+    }),
+    doneActionParent: /* @__PURE__ */ React.createElement(Dialog.Close, {
+      asChild: true
+    }),
+    onDone: handleDone
+  }));
+};
+
+// src/containers/JoinDialog/index.ts
+var JoinDialog_default = JoinDialog;
+export {
+  JoinDialog_default as default
+};
+//# sourceMappingURL=JoinDialog-XEOLJZVN.mjs.map

package/dist/lib/node-esm/JoinDialog-XEOLJZVN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/JoinDialog/JoinDialog.tsx", "../../../src/containers/JoinDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Trigger } from '@dxos/async';\nimport { Graph } from '@dxos/plugin-graph';\nimport { ObservabilityOperation } from '@dxos/plugin-observability/types';\nimport { useClient } from '@dxos/react-client';\nimport { type Space } from '@dxos/react-client/echo';\nimport { type InvitationResult } from '@dxos/react-client/invitations';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { JoinPanel, type JoinPanelProps } from '@dxos/shell/react';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport const JOIN_DIALOG = `${meta.id}/JoinDialog`;\n\nexport type JoinDialogProps = JoinPanelProps & {\n  navigableCollections?: boolean;\n};\n\nexport const JoinDialog = ({ navigableCollections, onDone, ...props }: JoinDialogProps) => {\n  const { invokePromise } = useOperationInvoker();\n  const client = useClient();\n  const { graph } = useAppGraph();\n  const { t } = useTranslation(meta.id);\n\n  const handleDone = useCallback(\n    async (result: InvitationResult | null) => {\n      const spaceKey = result?.spaceKey;\n      if (!spaceKey) {\n        return;\n      }\n\n      await Promise.all([\n        invokePromise(LayoutOperation.AddToast, {\n          id: `${meta.id}/join-success`,\n          duration: 5_000,\n          title: ['join success label', { ns: meta.id }],\n          closeLabel: ['dismiss label', { ns: meta.id }],\n        }),\n        invokePromise(LayoutOperation.UpdateDialog, { state: false }),\n      ]);\n\n      let space = client.spaces.get(spaceKey);\n      if (!space) {\n        // TODO(wittjosiah): Add api to wait for a space.\n        const trigger = new Trigger<Space>();\n        client.spaces.subscribe(() => {\n          const space = client.spaces.get(spaceKey);\n          if (space) {\n            trigger.wake(space);\n          }\n        });\n        space = await trigger.wait();\n      }\n\n      await invokePromise(LayoutOperation.SwitchWorkspace, { subject: space.id });\n\n      // TODO(wittjosiah): If navigableCollections is false and there's no target,\n      //   should try to navigate to the first object of the space replicates.\n      //   Potentially this could also be done on the inviters side to ensure there's always a target.\n      const target = result?.target || (navigableCollections ? space?.id : undefined);\n      if (target) {\n        // Wait before navigating to the target node.\n        // If the target has not yet replicated, this will trigger a loading toast.\n        await Graph.waitForPath(graph, { target }).catch(() => {});\n        await Promise.all([\n          invokePromise(LayoutOperation.Open, { subject: [target] }),\n          invokePromise(LayoutOperation.Expose, { subject: target }),\n        ]);\n      }\n\n      await onDone?.(result);\n\n      if (space) {\n        await invokePromise(ObservabilityOperation.SendEvent, {\n          name: 'space.join',\n          properties: {\n            spaceId: space.id,\n          },\n        });\n      }\n    },\n    [invokePromise, client, graph, navigableCollections, onDone],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Title classNames='sr-only'>{t('join space label', { ns: osTranslations })}</Dialog.Title>\n      <JoinPanel\n        {...props}\n        exitActionParent={<Dialog.Close asChild />}\n        doneActionParent={<Dialog.Close asChild />}\n        onDone={handleDone}\n      />\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { JoinDialog } from './JoinDialog';\n\nexport default JoinDialog;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,SAASC,mBAAmB;AAEnC,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,aAAa;AACtB,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAG1B,SAASC,QAAQC,sBAAsB;AACvC,SAASC,iBAAsC;AAC/C,SAASC,sBAAsB;AAIxB,IAAMC,cAAc,GAAGC,KAAKC,EAAE;AAM9B,IAAMC,aAAa,CAAC,EAAEC,sBAAsBC,QAAQ,GAAGC,MAAAA,MAAwB;AACpF,QAAM,EAAEC,cAAa,IAAKC,oBAAAA;AAC1B,QAAMC,SAASC,UAAAA;AACf,QAAM,EAAEC,MAAK,IAAKC,YAAAA;AAClB,QAAM,EAAEC,EAAC,IAAKC,eAAeb,KAAKC,EAAE;AAEpC,QAAMa,aAAaC,YACjB,OAAOC,WAAAA;AACL,UAAMC,WAAWD,QAAQC;AACzB,QAAI,CAACA,UAAU;AACb;IACF;AAEA,UAAMC,QAAQC,IAAI;MAChBb,cAAcc,gBAAgBC,UAAU;QACtCpB,IAAI,GAAGD,KAAKC,EAAE;QACdqB,UAAU;QACVC,OAAO;UAAC;UAAsB;YAAEC,IAAIxB,KAAKC;UAAG;;QAC5CwB,YAAY;UAAC;UAAiB;YAAED,IAAIxB,KAAKC;UAAG;;MAC9C,CAAA;MACAK,cAAcc,gBAAgBM,cAAc;QAAEC,OAAO;MAAM,CAAA;KAC5D;AAED,QAAIC,QAAQpB,OAAOqB,OAAOC,IAAIb,QAAAA;AAC9B,QAAI,CAACW,OAAO;AAEV,YAAMG,UAAU,IAAIC,QAAAA;AACpBxB,aAAOqB,OAAOI,UAAU,MAAA;AACtB,cAAML,SAAQpB,OAAOqB,OAAOC,IAAIb,QAAAA;AAChC,YAAIW,QAAO;AACTG,kBAAQG,KAAKN,MAAAA;QACf;MACF,CAAA;AACAA,cAAQ,MAAMG,QAAQI,KAAI;IAC5B;AAEA,UAAM7B,cAAcc,gBAAgBgB,iBAAiB;MAAEC,SAAST,MAAM3B;IAAG,CAAA;AAKzE,UAAMqC,SAAStB,QAAQsB,WAAWnC,uBAAuByB,OAAO3B,KAAKsC;AACrE,QAAID,QAAQ;AAGV,YAAME,MAAMC,YAAY/B,OAAO;QAAE4B;MAAO,CAAA,EAAGI,MAAM,MAAA;MAAO,CAAA;AACxD,YAAMxB,QAAQC,IAAI;QAChBb,cAAcc,gBAAgBuB,MAAM;UAAEN,SAAS;YAACC;;QAAQ,CAAA;QACxDhC,cAAcc,gBAAgBwB,QAAQ;UAAEP,SAASC;QAAO,CAAA;OACzD;IACH;AAEA,UAAMlC,SAASY,MAAAA;AAEf,QAAIY,OAAO;AACT,YAAMtB,cAAcuC,uBAAuBC,WAAW;QACpDC,MAAM;QACNC,YAAY;UACVC,SAASrB,MAAM3B;QACjB;MACF,CAAA;IACF;EACF,GACA;IAACK;IAAeE;IAAQE;IAAOP;IAAsBC;GAAO;AAG9D,SACE,sBAAA,cAAC8C,OAAOC,SAAO,MACb,sBAAA,cAACD,OAAOE,OAAK;IAACC,YAAW;KAAWzC,EAAE,oBAAoB;IAAEY,IAAI8B;EAAe,CAAA,CAAA,GAC/E,sBAAA,cAACC,WAAAA;IACE,GAAGlD;IACJmD,kBAAkB,sBAAA,cAACN,OAAOO,OAAK;MAACC,SAAAA;;IAChCC,kBAAkB,sBAAA,cAACT,OAAOO,OAAK;MAACC,SAAAA;;IAChCtD,QAAQU;;AAIhB;;;AClGA,IAAA,qBAAe8C;",
+  "names": ["React", "useCallback", "useOperationInvoker", "LayoutOperation", "useAppGraph", "Trigger", "Graph", "ObservabilityOperation", "useClient", "Dialog", "useTranslation", "JoinPanel", "osTranslations", "JOIN_DIALOG", "meta", "id", "JoinDialog", "navigableCollections", "onDone", "props", "invokePromise", "useOperationInvoker", "client", "useClient", "graph", "useAppGraph", "t", "useTranslation", "handleDone", "useCallback", "result", "spaceKey", "Promise", "all", "LayoutOperation", "AddToast", "duration", "title", "ns", "closeLabel", "UpdateDialog", "state", "space", "spaces", "get", "trigger", "Trigger", "subscribe", "wake", "wait", "SwitchWorkspace", "subject", "target", "undefined", "Graph", "waitForPath", "catch", "Open", "Expose", "ObservabilityOperation", "SendEvent", "name", "properties", "spaceId", "Dialog", "Content", "Title", "classNames", "osTranslations", "JoinPanel", "exitActionParent", "Close", "asChild", "doneActionParent", "JoinDialog"]
+}

package/dist/lib/node-esm/MembersContainer-UQZLW3YA.mjs

@@ -0,0 +1,258 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  COMPOSER_SPACE_LOCK
+} from "./chunk-WW6YYBRG.mjs";
+import {
+  SpaceOperation
+} from "./chunk-3DWZCVVQ.mjs";
+import {
+  meta
+} from "./chunk-SL4BJSUG.mjs";
+
+// src/containers/MembersContainer/MembersContainer.tsx
+import React, { useCallback, useMemo, useState } from "react";
+import { QR } from "react-qr-rounded";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { Obj } from "@dxos/echo";
+import { Collection } from "@dxos/echo";
+import { log } from "@dxos/log";
+import { useConfig } from "@dxos/react-client";
+import { useSpaceInvitations } from "@dxos/react-client/echo";
+import { Invitation, InvitationEncoder } from "@dxos/react-client/invitations";
+import { Button, Clipboard, Icon, Input, useId, useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+import { AuthCode, BifurcatedAction, Centered, Emoji, InvitationList, SpaceMemberList, Viewport, translationKey as shellTranslationKey } from "@dxos/shell/react";
+import { hexToEmoji } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/MembersContainer/MembersContainer.tsx";
+var activeActionKey = "dxos:react-shell/space-manager/active-action";
+var handleInvitationEvent = (invitation, subscription) => {
+  const invitationCode = InvitationEncoder.encode(invitation);
+  if (invitation.state === Invitation.State.CONNECTING) {
+    log.info(JSON.stringify({
+      invitationCode,
+      authCode: invitation.authCode
+    }), void 0, {
+      F: __dxlog_file,
+      L: 40,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+    subscription.unsubscribe();
+  }
+};
+var MembersContainer = ({ space, createInvitationUrl }) => {
+  const { t } = useTranslation(meta.id);
+  const config = useConfig();
+  const { invokePromise } = useOperationInvoker();
+  const invitations = useSpaceInvitations(space.key);
+  const visibleInvitations = invitations?.filter((invitation) => ![
+    Invitation.State.CANCELLED
+  ].includes(invitation.get().state));
+  const [activeAction, setInternalActiveAction] = useState(localStorage.getItem(activeActionKey) ?? "inviteMany");
+  const setActiveAction = (nextAction) => {
+    setInternalActiveAction(nextAction);
+    localStorage.setItem(activeActionKey, nextAction);
+  };
+  const target = space.properties[Collection.Collection.typename]?.target?.objects[0]?.target;
+  const locked = space.properties[COMPOSER_SPACE_LOCK];
+  const handleChangeLocked = useCallback(() => {
+    Obj.change(space.properties, (p) => {
+      p[COMPOSER_SPACE_LOCK] = !locked;
+    });
+  }, [
+    locked,
+    space
+  ]);
+  const inviteActions = useMemo(() => ({
+    inviteOne: {
+      label: t("invite one label", {
+        ns: shellTranslationKey
+      }),
+      description: t("invite one description", {
+        ns: shellTranslationKey
+      }),
+      icon: "ph--user-plus--regular",
+      testId: "membersContainer.inviteOne",
+      onClick: async () => {
+        const { data: invitation } = await invokePromise(SpaceOperation.Share, {
+          space,
+          type: Invitation.Type.INTERACTIVE,
+          authMethod: Invitation.AuthMethod.SHARED_SECRET,
+          multiUse: false,
+          target: target && Obj.getDXN(target).toString()
+        });
+        if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
+          const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
+        }
+      }
+    },
+    inviteMany: {
+      label: t("invite many label", {
+        ns: shellTranslationKey
+      }),
+      description: t("invite many description", {
+        ns: shellTranslationKey
+      }),
+      icon: "ph--users-three--regular",
+      testId: "membersContainer.inviteMany",
+      onClick: async () => {
+        const { data: invitation } = await invokePromise(SpaceOperation.Share, {
+          space,
+          type: Invitation.Type.DELEGATED,
+          authMethod: Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
+          multiUse: true,
+          target: target && Obj.getDXN(target).toString()
+        });
+        if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
+          const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
+        }
+      }
+    }
+  }), [
+    t,
+    space,
+    target,
+    invokePromise
+  ]);
+  const [selectedInvitation, setSelectedInvitation] = useState(null);
+  const handleSend = (event) => {
+    setSelectedInvitation(event.invitation);
+  };
+  const handleBack = () => {
+    setSelectedInvitation(null);
+  };
+  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("members verbose label"),
+    description: t("members description")
+  }, /* @__PURE__ */ React.createElement(Settings.Frame, null, /* @__PURE__ */ React.createElement(Settings.FrameItem, {
+    title: t("members label")
+  }, /* @__PURE__ */ React.createElement(SpaceMemberList, {
+    spaceKey: space.key,
+    includeSelf: true
+  })), locked && /* @__PURE__ */ React.createElement(Settings.FrameItem, {
+    title: t("invitations label")
+  }, /* @__PURE__ */ React.createElement("p", {
+    className: "text-description mb-2"
+  }, t("locked space description"))), !locked && /* @__PURE__ */ React.createElement(Settings.FrameItem, {
+    title: t("invitations label")
+  }, selectedInvitation && /* @__PURE__ */ React.createElement(InvitationSection, {
+    ...selectedInvitation,
+    onBack: handleBack
+  }), !selectedInvitation && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
+    className: "text-description mb-2"
+  }, t("space invitation description")), /* @__PURE__ */ React.createElement(InvitationList, {
+    className: "mb-2",
+    send: handleSend,
+    invitations: visibleInvitations ?? [],
+    onClickRemove: (invitation) => invitation.cancel(),
+    createInvitationUrl
+  }), /* @__PURE__ */ React.createElement(BifurcatedAction, {
+    actions: inviteActions,
+    activeAction,
+    onChangeActiveAction: setActiveAction,
+    "data-testid": "membersContainer.createInvitation"
+  })))), /* @__PURE__ */ React.createElement("div", {
+    className: "justify-center p-0 mt-4 grid grid-cols-1 md:grid-cols-[1fr_min-content]"
+  }, /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("space locked label"),
+    description: t("space locked description")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: locked,
+    onCheckedChange: handleChangeLocked,
+    classNames: "justify-self-end"
+  }))))));
+};
+var InvitationSection = ({ state = Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
+  const activeView = state < 0 ? "init" : state >= Invitation.State.CANCELLED ? "complete" : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode ? "auth-code" : "qr-code";
+  return /* @__PURE__ */ React.createElement(Viewport.Root, {
+    activeView
+  }, /* @__PURE__ */ React.createElement(Viewport.Views, null, /* @__PURE__ */ React.createElement(Viewport.View, {
+    id: "init"
+  }), /* @__PURE__ */ React.createElement(Viewport.View, {
+    id: "complete"
+  }, /* @__PURE__ */ React.createElement(InvitationComplete, {
+    statusValue: state
+  })), /* @__PURE__ */ React.createElement(Viewport.View, {
+    id: "auth-code"
+  }, /* @__PURE__ */ React.createElement(InvitationAuthCode, {
+    id: invitationId,
+    code: authCode ?? "never",
+    onCancel: onBack
+  })), /* @__PURE__ */ React.createElement(Viewport.View, {
+    id: "qr-code"
+  }, /* @__PURE__ */ React.createElement(InvitationQR, {
+    id: invitationId,
+    url,
+    onCancel: onBack
+  }))));
+};
+var InvitationQR = ({ id, url, onCancel }) => {
+  const { t } = useTranslation(shellTranslationKey);
+  const qrLabel = useId("members-container__qr-code");
+  const emoji = hexToEmoji(id);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
+    className: "text-description"
+  }, t("qr code description", {
+    ns: meta.id
+  })), /* @__PURE__ */ React.createElement("div", {
+    role: "group",
+    className: "grid grid-cols-[1fr_min-content] my-2 gap-2"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "w-full aspect-square relative text-description"
+  }, /* @__PURE__ */ React.createElement(QR, {
+    rounding: 100,
+    backgroundColor: "transparent",
+    color: "currentColor",
+    "aria-labelledby": qrLabel,
+    errorCorrectionLevel: "Q",
+    cutout: true
+  }, url ?? "never"), /* @__PURE__ */ React.createElement(Centered, null, /* @__PURE__ */ React.createElement(Emoji, {
+    text: emoji
+  }))), /* @__PURE__ */ React.createElement("span", {
+    id: qrLabel,
+    className: "sr-only"
+  }, t("qr label")), /* @__PURE__ */ React.createElement(Clipboard.Button, {
+    value: url ?? "never"
+  })), /* @__PURE__ */ React.createElement(Button, {
+    variant: "ghost",
+    onClick: onCancel
+  }, t("cancel label")));
+};
+var InvitationAuthCode = ({ id, code, onCancel }) => {
+  const { t } = useTranslation(shellTranslationKey);
+  const emoji = hexToEmoji(id);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
+    className: "text-description"
+  }, t("auth other device emoji message")), emoji && /* @__PURE__ */ React.createElement(Emoji, {
+    text: emoji,
+    className: "mx-auto my-2 text-center"
+  }), /* @__PURE__ */ React.createElement("p", {
+    className: "text-description"
+  }, t("auth code message")), /* @__PURE__ */ React.createElement(AuthCode, {
+    code,
+    large: true,
+    classNames: "mx-auto my-2 text-center grow"
+  }), /* @__PURE__ */ React.createElement(Button, {
+    variant: "ghost",
+    onClick: onCancel
+  }, t("cancel label")));
+};
+var InvitationComplete = ({ statusValue }) => {
+  return statusValue > 0 ? /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--check--regular",
+    size: 6,
+    classNames: "m-1.5"
+  }) : /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--x--regular",
+    size: 6,
+    classNames: "m-1.5"
+  });
+};
+
+// src/containers/MembersContainer/index.ts
+var MembersContainer_default = MembersContainer;
+export {
+  MembersContainer_default as default
+};
+//# sourceMappingURL=MembersContainer-UQZLW3YA.mjs.map

package/dist/lib/node-esm/MembersContainer-UQZLW3YA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MembersContainer/MembersContainer.tsx", "../../../src/containers/MembersContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type Dispatch, type SetStateAction, useCallback, useMemo, useState } from 'react';\nimport { QR } from 'react-qr-rounded';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { Obj } from '@dxos/echo';\nimport { Collection } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { useConfig } from '@dxos/react-client';\nimport { type Space, useSpaceInvitations } from '@dxos/react-client/echo';\nimport { type CancellableInvitationObservable, Invitation, InvitationEncoder } from '@dxos/react-client/invitations';\nimport { Button, Clipboard, Icon, Input, useId, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\nimport {\n  type ActionMenuItem,\n  AuthCode,\n  BifurcatedAction,\n  Centered,\n  Emoji,\n  InvitationList,\n  SpaceMemberList,\n  Viewport,\n  translationKey as shellTranslationKey,\n} from '@dxos/shell/react';\nimport { hexToEmoji } from '@dxos/util';\n\nimport { meta } from '../../meta';\nimport { SpaceOperation } from '../../types';\nimport { COMPOSER_SPACE_LOCK } from '../../util';\n\n// TODO(wittjosiah): Copied from Shell.\nconst activeActionKey = 'dxos:react-shell/space-manager/active-action';\n\nconst handleInvitationEvent = (invitation: Invitation, subscription: ZenObservable.Subscription) => {\n  const invitationCode = InvitationEncoder.encode(invitation);\n  if (invitation.state === Invitation.State.CONNECTING) {\n    log.info(JSON.stringify({ invitationCode, authCode: invitation.authCode }));\n    subscription.unsubscribe();\n  }\n};\n\nexport type MembersContainerProps = {\n  space: Space;\n  createInvitationUrl: (invitationCode: string) => string;\n};\n\nexport const MembersContainer = ({ space, createInvitationUrl }: MembersContainerProps) => {\n  const { t } = useTranslation(meta.id);\n  const config = useConfig();\n  const { invokePromise } = useOperationInvoker();\n  const invitations = useSpaceInvitations(space.key);\n  const visibleInvitations = invitations?.filter(\n    (invitation) => ![Invitation.State.CANCELLED].includes(invitation.get().state),\n  );\n\n  const [activeAction, setInternalActiveAction] = useState(localStorage.getItem(activeActionKey) ?? 'inviteMany');\n\n  const setActiveAction = (nextAction: string) => {\n    setInternalActiveAction(nextAction);\n    localStorage.setItem(activeActionKey, nextAction);\n  };\n\n  // TODO(wittjosiah): Track which was the most recently viewed object.\n  const target = space.properties[Collection.Collection.typename]?.target?.objects[0]?.target;\n\n  const locked = space.properties[COMPOSER_SPACE_LOCK];\n  const handleChangeLocked = useCallback(() => {\n    Obj.change(space.properties, (p) => {\n      p[COMPOSER_SPACE_LOCK] = !locked;\n    });\n  }, [locked, space]);\n\n  const inviteActions = useMemo(\n    (): Record<string, ActionMenuItem> => ({\n      inviteOne: {\n        label: t('invite one label', { ns: shellTranslationKey }),\n        description: t('invite one description', { ns: shellTranslationKey }),\n        icon: 'ph--user-plus--regular',\n        testId: 'membersContainer.inviteOne',\n        onClick: async () => {\n          const { data: invitation } = await invokePromise(SpaceOperation.Share, {\n            space,\n            type: Invitation.Type.INTERACTIVE,\n            authMethod: Invitation.AuthMethod.SHARED_SECRET,\n            multiUse: false,\n            target: target && Obj.getDXN(target).toString(),\n          });\n          if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n            const subscription: ZenObservable.Subscription = (invitation as CancellableInvitationObservable).subscribe(\n              (invitation: Invitation) => handleInvitationEvent(invitation, subscription),\n            );\n          }\n        },\n      },\n      inviteMany: {\n        label: t('invite many label', { ns: shellTranslationKey }),\n        description: t('invite many description', { ns: shellTranslationKey }),\n        icon: 'ph--users-three--regular',\n        testId: 'membersContainer.inviteMany',\n        onClick: async () => {\n          const { data: invitation } = await invokePromise(SpaceOperation.Share, {\n            space,\n            type: Invitation.Type.DELEGATED,\n            authMethod: Invitation.AuthMethod.KNOWN_PUBLIC_KEY,\n            multiUse: true,\n            target: target && Obj.getDXN(target).toString(),\n          });\n          if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n            const subscription: ZenObservable.Subscription = (invitation as CancellableInvitationObservable).subscribe(\n              (invitation: Invitation) => handleInvitationEvent(invitation, subscription),\n            );\n          }\n        },\n      },\n    }),\n    [t, space, target, invokePromise],\n  );\n\n  const [selectedInvitation, setSelectedInvitation] = useState<CancellableInvitationObservable | null>(null);\n  const handleSend = (event: { type: 'selectInvitation'; invitation: CancellableInvitationObservable }) => {\n    setSelectedInvitation(event.invitation);\n  };\n  const handleBack = () => {\n    setSelectedInvitation(null);\n  };\n\n  return (\n    <Clipboard.Provider>\n      <Settings.Root>\n        <Settings.Section title={t('members verbose label')} description={t('members description')}>\n          <Settings.Frame>\n            <Settings.FrameItem title={t('members label')}>\n              <SpaceMemberList spaceKey={space.key} includeSelf />\n            </Settings.FrameItem>\n            {locked && (\n              <Settings.FrameItem title={t('invitations label')}>\n                <p className='text-description mb-2'>{t('locked space description')}</p>\n              </Settings.FrameItem>\n            )}\n            {!locked && (\n              <Settings.FrameItem title={t('invitations label')}>\n                {selectedInvitation && <InvitationSection {...selectedInvitation} onBack={handleBack} />}\n                {!selectedInvitation && (\n                  <>\n                    <p className='text-description mb-2'>{t('space invitation description')}</p>\n                    <InvitationList\n                      className='mb-2'\n                      send={handleSend}\n                      invitations={visibleInvitations ?? []}\n                      onClickRemove={(invitation) => invitation.cancel()}\n                      createInvitationUrl={createInvitationUrl}\n                    />\n                    <BifurcatedAction\n                      actions={inviteActions}\n                      activeAction={activeAction}\n                      onChangeActiveAction={setActiveAction as Dispatch<SetStateAction<string>>}\n                      data-testid='membersContainer.createInvitation'\n                    />\n                  </>\n                )}\n              </Settings.FrameItem>\n            )}\n          </Settings.Frame>\n          {/* TODO(wittjosiah): Make Settings.ItemInput & Settings.Frame compatible. */}\n          <div className='justify-center p-0 mt-4 grid grid-cols-1 md:grid-cols-[1fr_min-content]'>\n            <Settings.ItemInput title={t('space locked label')} description={t('space locked description')}>\n              <Input.Switch checked={locked} onCheckedChange={handleChangeLocked} classNames='justify-self-end' />\n            </Settings.ItemInput>\n          </div>\n        </Settings.Section>\n      </Settings.Root>\n    </Clipboard.Provider>\n  );\n};\n\n// TODO(wittjosiah): Reconcile the below components with DevicesContainer in @dxos/plugin-client.\n\ntype InvitationComponentProps = Partial<\n  Pick<Invitation, 'authCode' | 'invitationId'> & {\n    state: Invitation.State;\n    url: string;\n    onBack: () => void;\n  }\n>;\n\nconst InvitationSection = ({\n  state = Invitation.State.INIT,\n  authCode,\n  invitationId = 'never',\n  url = 'never',\n  onBack,\n}: InvitationComponentProps) => {\n  const activeView =\n    state < 0\n      ? 'init'\n      : state >= Invitation.State.CANCELLED\n        ? 'complete'\n        : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode\n          ? 'auth-code'\n          : 'qr-code';\n  return (\n    <Viewport.Root activeView={activeView}>\n      <Viewport.Views>\n        <Viewport.View id='init'>\n          {/* This view intentionally left blank while conditionally rendering the viewport. */}\n        </Viewport.View>\n        <Viewport.View id='complete'>\n          <InvitationComplete statusValue={state} />\n        </Viewport.View>\n        <Viewport.View id='auth-code'>\n          <InvitationAuthCode id={invitationId} code={authCode ?? 'never'} onCancel={onBack} />\n        </Viewport.View>\n        <Viewport.View id='qr-code'>\n          <InvitationQR id={invitationId} url={url} onCancel={onBack} />\n        </Viewport.View>\n      </Viewport.Views>\n    </Viewport.Root>\n  );\n};\n\nconst InvitationQR = ({ id, url, onCancel }: { id: string; url: string; onCancel?: () => void }) => {\n  const { t } = useTranslation(shellTranslationKey);\n  const qrLabel = useId('members-container__qr-code');\n  const emoji = hexToEmoji(id);\n  return (\n    <>\n      <p className='text-description'>{t('qr code description', { ns: meta.id })}</p>\n      <div role='group' className='grid grid-cols-[1fr_min-content] my-2 gap-2'>\n        <div role='none' className='w-full aspect-square relative text-description'>\n          <QR\n            rounding={100}\n            backgroundColor='transparent'\n            color='currentColor'\n            aria-labelledby={qrLabel}\n            errorCorrectionLevel='Q'\n            cutout={true}\n          >\n            {url ?? 'never'}\n          </QR>\n          <Centered>\n            <Emoji text={emoji} />\n          </Centered>\n        </div>\n        <span id={qrLabel} className='sr-only'>\n          {t('qr label')}\n        </span>\n        <Clipboard.Button value={url ?? 'never'} />\n      </div>\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationAuthCode = ({ id, code, onCancel }: { id: string; code: string; onCancel?: () => void }) => {\n  const { t } = useTranslation(shellTranslationKey);\n  const emoji = hexToEmoji(id);\n\n  return (\n    <>\n      <p className='text-description'>{t('auth other device emoji message')}</p>\n      {emoji && <Emoji text={emoji} className='mx-auto my-2 text-center' />}\n      <p className='text-description'>{t('auth code message')}</p>\n      <AuthCode code={code} large classNames='mx-auto my-2 text-center grow' />\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationComplete = ({ statusValue }: { statusValue: number }) => {\n  return statusValue > 0 ? (\n    <Icon icon='ph--check--regular' size={6} classNames='m-1.5' />\n  ) : (\n    <Icon icon='ph--x--regular' size={6} classNames='m-1.5' />\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MembersContainer } from './MembersContainer';\n\nexport default MembersContainer;\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useState", "QR", "useOperationInvoker", "Obj", "Collection", "log", "useConfig", "useSpaceInvitations", "Invitation", "InvitationEncoder", "Button", "Clipboard", "Icon", "Input", "useId", "useTranslation", "Settings", "AuthCode", "BifurcatedAction", "Centered", "Emoji", "InvitationList", "SpaceMemberList", "Viewport", "translationKey", "shellTranslationKey", "hexToEmoji", "activeActionKey", "handleInvitationEvent", "invitation", "subscription", "invitationCode", "InvitationEncoder", "encode", "state", "Invitation", "State", "CONNECTING", "log", "info", "JSON", "stringify", "authCode", "unsubscribe", "MembersContainer", "space", "createInvitationUrl", "t", "useTranslation", "meta", "id", "config", "useConfig", "invokePromise", "useOperationInvoker", "invitations", "useSpaceInvitations", "key", "visibleInvitations", "filter", "CANCELLED", "includes", "get", "activeAction", "setInternalActiveAction", "useState", "localStorage", "getItem", "setActiveAction", "nextAction", "setItem", "target", "properties", "Collection", "typename", "objects", "locked", "COMPOSER_SPACE_LOCK", "handleChangeLocked", "useCallback", "Obj", "change", "p", "inviteActions", "useMemo", "inviteOne", "label", "ns", "shellTranslationKey", "description", "icon", "testId", "onClick", "data", "SpaceOperation", "Share", "type", "Type", "INTERACTIVE", "authMethod", "AuthMethod", "SHARED_SECRET", "multiUse", "getDXN", "toString", "values", "runtime", "app", "env", "DX_ENVIRONMENT", "subscribe", "inviteMany", "DELEGATED", "KNOWN_PUBLIC_KEY", "selectedInvitation", "setSelectedInvitation", "handleSend", "event", "handleBack", "Clipboard", "Provider", "Settings", "Root", "Section", "title", "Frame", "FrameItem", "SpaceMemberList", "spaceKey", "includeSelf", "className", "InvitationSection", "onBack", "InvitationList", "send", "onClickRemove", "cancel", "BifurcatedAction", "actions", "onChangeActiveAction", "data-testid", "div", "ItemInput", "Input", "Switch", "checked", "onCheckedChange", "classNames", "INIT", "invitationId", "url", "activeView", "READY_FOR_AUTHENTICATION", "Viewport", "Views", "View", "InvitationComplete", "statusValue", "InvitationAuthCode", "code", "onCancel", "InvitationQR", "qrLabel", "useId", "emoji", "hexToEmoji", "role", "QR", "rounding", "backgroundColor", "color", "aria-labelledby", "errorCorrectionLevel", "cutout", "Centered", "Emoji", "text", "span", "Button", "value", "variant", "AuthCode", "large", "Icon", "size", "MembersContainer"]
+}

package/dist/lib/node-esm/MenuFooter-2QB3453Y.mjs

@@ -0,0 +1,39 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  getSpaceDisplayName
+} from "./chunk-WW6YYBRG.mjs";
+import "./chunk-3DWZCVVQ.mjs";
+import {
+  meta
+} from "./chunk-SL4BJSUG.mjs";
+
+// src/containers/MenuFooter/MenuFooter.tsx
+import React from "react";
+import { getSpace } from "@dxos/client/echo";
+import { useClient } from "@dxos/react-client";
+import { DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
+var MenuFooter = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  const client = useClient();
+  const space = getSpace(object);
+  const spaceName = space ? getSpaceDisplayName(space, {
+    personal: client.spaces.default === space
+  }) : "";
+  return space ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React.createElement(DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ React.createElement("dl", {
+    className: "ps-2 mb-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
+  }, /* @__PURE__ */ React.createElement("dt", {
+    className: "uppercase text-[.75em] tracking-wide font-medium mt-px self-start"
+  }, t("location label")), /* @__PURE__ */ React.createElement("dd", {
+    className: "line-clamp-3"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--planet--regular",
+    classNames: "inline-block me-1"
+  }), toLocalizedString(spaceName, t)))) : null;
+};
+
+// src/containers/MenuFooter/index.ts
+var MenuFooter_default = MenuFooter;
+export {
+  MenuFooter_default as default
+};
+//# sourceMappingURL=MenuFooter-2QB3453Y.mjs.map

package/dist/lib/node-esm/MenuFooter-2QB3453Y.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MenuFooter/MenuFooter.tsx", "../../../src/containers/MenuFooter/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { getSpace } from '@dxos/client/echo';\nimport { type Obj } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../../meta';\nimport { getSpaceDisplayName } from '../../util';\n\nexport const MenuFooter = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const space = getSpace(object);\n  const spaceName = space ? getSpaceDisplayName(space, { personal: client.spaces.default === space }) : '';\n  return space ? (\n    <>\n      <DropdownMenu.Separator />\n      <DropdownMenu.GroupLabel>{t('menu footer label')}</DropdownMenu.GroupLabel>\n      <dl className='ps-2 mb-2 text-xs grid grid-cols-[max-content_1fr] gap-2'>\n        <dt className='uppercase text-[.75em] tracking-wide font-medium mt-px self-start'>{t('location label')}</dt>\n        <dd className='line-clamp-3'>\n          <Icon icon='ph--planet--regular' classNames='inline-block me-1' />\n          {toLocalizedString(spaceName, t)}\n        </dd>\n      </dl>\n    </>\n  ) : null;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { MenuFooter } from './MenuFooter';\n\nexport default MenuFooter;\n"],
+  "mappings": ";;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,gBAAgB;AAEzB,SAASC,iBAAiB;AAC1B,SAASC,cAAcC,MAAMC,mBAAmBC,sBAAsB;AAK/D,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAA2B;AAC5D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,SAASC,UAAAA;AACf,QAAMC,QAAQC,SAASR,MAAAA;AACvB,QAAMS,YAAYF,QAAQG,oBAAoBH,OAAO;IAAEI,UAAUN,OAAOO,OAAOC,YAAYN;EAAM,CAAA,IAAK;AACtG,SAAOA,QACL,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACO,aAAaC,WAAS,IAAA,GACvB,sBAAA,cAACD,aAAaE,YAAU,MAAEf,EAAE,mBAAA,CAAA,GAC5B,sBAAA,cAACgB,MAAAA;IAAGC,WAAU;KACZ,sBAAA,cAACC,MAAAA;IAAGD,WAAU;KAAqEjB,EAAE,gBAAA,CAAA,GACrF,sBAAA,cAACmB,MAAAA;IAAGF,WAAU;KACZ,sBAAA,cAACG,MAAAA;IAAKC,MAAK;IAAsBC,YAAW;MAC3CC,kBAAkBf,WAAWR,CAAAA,CAAAA,CAAAA,CAAAA,IAIlC;AACN;;;AC1BA,IAAA,qBAAewB;",
+  "names": ["React", "getSpace", "useClient", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "MenuFooter", "object", "t", "useTranslation", "meta", "id", "client", "useClient", "space", "getSpace", "spaceName", "getSpaceDisplayName", "personal", "spaces", "default", "DropdownMenu", "Separator", "GroupLabel", "dl", "className", "dt", "dd", "Icon", "icon", "classNames", "toLocalizedString", "MenuFooter"]
+}

package/dist/lib/node-esm/ObjectCardStack-UXEWG6RV.mjs

@@ -0,0 +1,65 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  ObjectForm
+} from "./chunk-GWUPFA7J.mjs";
+import "./chunk-OSFH2XKO.mjs";
+import "./chunk-WW6YYBRG.mjs";
+import "./chunk-3DWZCVVQ.mjs";
+import {
+  meta
+} from "./chunk-SL4BJSUG.mjs";
+
+// src/containers/ObjectCardStack/ObjectCardStack.tsx
+import React, { forwardRef, useState } from "react";
+import { Obj } from "@dxos/echo";
+import { Filter, useQuery, useSchema } from "@dxos/react-client/echo";
+import { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { useSelected } from "@dxos/react-ui-attention";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { getTypenameFromQuery } from "@dxos/schema";
+import { isNonNullable } from "@dxos/util";
+var ObjectCardStack = /* @__PURE__ */ forwardRef(({ objectId, view }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const db = Obj.getDatabase(view);
+  const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
+  const schema = useSchema(db, typename);
+  const queriedObjects = useQuery(db, schema ? Filter.type(schema) : Filter.nothing());
+  const selectedRows = useSelected(objectId, "multi");
+  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
+  const [viewport, setViewport] = useState(null);
+  if (!schema) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    className: "dx-article",
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, null, selectedObjects.length === 0 ? /* @__PURE__ */ React.createElement(Message.Root, null, /* @__PURE__ */ React.createElement(Message.Title, null, t("row details no selection label"))) : /* @__PURE__ */ React.createElement(Mosaic.Root, null, /* @__PURE__ */ React.createElement(Mosaic.Container, {
+    asChild: true,
+    orientation: "vertical",
+    autoScroll: viewport,
+    eventHandler: {
+      id: objectId,
+      canDrop: () => true
+    }
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    ref: setViewport
+  }, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
+    items: selectedObjects,
+    getId: (obj) => obj.id,
+    Tile: ({ ...props }) => /* @__PURE__ */ React.createElement(Mosaic.Tile, props, /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(ObjectForm, {
+      object: props.data,
+      schema
+    })))
+  })))))));
+});
+
+// src/containers/ObjectCardStack/index.ts
+var ObjectCardStack_default = ObjectCardStack;
+export {
+  ObjectCardStack_default as default
+};
+//# sourceMappingURL=ObjectCardStack-UXEWG6RV.mjs.map

package/dist/lib/node-esm/ObjectCardStack-UXEWG6RV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ObjectCardStack/ObjectCardStack.tsx", "../../../src/containers/ObjectCardStack/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useState } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { type View } from '@dxos/echo';\nimport { Filter, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { useSelected } from '@dxos/react-ui-attention';\nimport { Mosaic } from '@dxos/react-ui-mosaic';\nimport { getTypenameFromQuery } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { ObjectForm } from '../../components';\nimport { meta } from '../../meta';\n\nexport type ObjectCardStackProps = {\n  view: View.View;\n  objectId: string;\n};\n\n/**\n * @deprecated Use Mosaic Board components.\n */\nexport const ObjectCardStack = forwardRef<HTMLDivElement, ObjectCardStackProps>(({ objectId, view }, forwardedRef) => {\n  const { t } = useTranslation(meta.id);\n  const db = Obj.getDatabase(view);\n  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;\n  const schema = useSchema(db, typename);\n\n  const queriedObjects = useQuery(db, schema ? Filter.type(schema) : Filter.nothing());\n  const selectedRows = useSelected(objectId, 'multi');\n  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);\n\n  const [viewport, setViewport] = useState<HTMLElement | null>(null);\n\n  if (!schema) {\n    return null;\n  }\n\n  return (\n    <Panel.Root className='dx-article' ref={forwardedRef}>\n      <Panel.Toolbar asChild>\n        <Toolbar.Root />\n      </Panel.Toolbar>\n      <Panel.Content>\n        {selectedObjects.length === 0 ? (\n          <Message.Root>\n            <Message.Title>{t('row details no selection label')}</Message.Title>\n          </Message.Root>\n        ) : (\n          <Mosaic.Root>\n            <Mosaic.Container\n              asChild\n              orientation='vertical'\n              autoScroll={viewport}\n              eventHandler={{ id: objectId, canDrop: () => true }}\n            >\n              <ScrollArea.Root orientation='vertical'>\n                <ScrollArea.Viewport ref={setViewport}>\n                  <Mosaic.Stack\n                    items={selectedObjects}\n                    getId={(obj) => obj.id}\n                    Tile={({ ...props }) => (\n                      <Mosaic.Tile {...props}>\n                        <Card.Root>\n                          <ObjectForm object={props.data} schema={schema} />\n                        </Card.Root>\n                      </Mosaic.Tile>\n                    )}\n                  />\n                </ScrollArea.Viewport>\n              </ScrollArea.Root>\n            </Mosaic.Container>\n          </Mosaic.Root>\n        )}\n      </Panel.Content>\n    </Panel.Root>\n  );\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectCardStack } from './ObjectCardStack';\n\nexport default ObjectCardStack;\n"],
+  "mappings": ";;;;;;;;;;;;AAIA,OAAOA,SAASC,YAAYC,gBAAgB;AAE5C,SAASC,WAAW;AAEpB,SAASC,QAAQC,UAAUC,iBAAiB;AAC5C,SAASC,MAAMC,SAASC,OAAOC,YAAYC,SAASC,sBAAsB;AAC1E,SAASC,mBAAmB;AAC5B,SAASC,cAAc;AACvB,SAASC,4BAA4B;AACrC,SAASC,qBAAqB;AAavB,IAAMC,kBAAkBC,2BAAiD,CAAC,EAAEC,UAAUC,KAAI,GAAIC,iBAAAA;AACnG,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,KAAKC,IAAIC,YAAYR,IAAAA;AAC3B,QAAMS,WAAWT,KAAKU,QAAQC,qBAAqBX,KAAKU,MAAME,GAAG,IAAIC;AACrE,QAAMC,SAASC,UAAUT,IAAIG,QAAAA;AAE7B,QAAMO,iBAAiBC,SAASX,IAAIQ,SAASI,OAAOC,KAAKL,MAAAA,IAAUI,OAAOE,QAAO,CAAA;AACjF,QAAMC,eAAeC,YAAYvB,UAAU,OAAA;AAC3C,QAAMwB,kBAAkBF,aAAaG,IAAI,CAACnB,OAAOW,eAAeS,KAAK,CAACC,QAAQA,IAAIrB,OAAOA,EAAAA,CAAAA,EAAKsB,OAAOC,aAAAA;AAErG,QAAM,CAACC,UAAUC,WAAAA,IAAeC,SAA6B,IAAA;AAE7D,MAAI,CAACjB,QAAQ;AACX,WAAO;EACT;AAEA,SACE,sBAAA,cAACkB,MAAMC,MAAI;IAACC,WAAU;IAAaC,KAAKlC;KACtC,sBAAA,cAAC+B,MAAMI,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACD,QAAQH,MAAI,IAAA,CAAA,GAEf,sBAAA,cAACD,MAAMM,SAAO,MACXf,gBAAgBgB,WAAW,IAC1B,sBAAA,cAACC,QAAQP,MAAI,MACX,sBAAA,cAACO,QAAQC,OAAK,MAAEvC,EAAE,gCAAA,CAAA,CAAA,IAGpB,sBAAA,cAACwC,OAAOT,MAAI,MACV,sBAAA,cAACS,OAAOC,WAAS;IACfN,SAAAA;IACAO,aAAY;IACZC,YAAYhB;IACZiB,cAAc;MAAEzC,IAAIN;MAAUgD,SAAS,MAAM;IAAK;KAElD,sBAAA,cAACC,WAAWf,MAAI;IAACW,aAAY;KAC3B,sBAAA,cAACI,WAAWC,UAAQ;IAACd,KAAKL;KACxB,sBAAA,cAACY,OAAOQ,OAAK;IACXC,OAAO5B;IACP6B,OAAO,CAAC1B,QAAQA,IAAIrB;IACpBgD,MAAM,CAAC,EAAE,GAAGC,MAAAA,MACV,sBAAA,cAACZ,OAAOW,MAASC,OACf,sBAAA,cAACC,KAAKtB,MAAI,MACR,sBAAA,cAACuB,YAAAA;MAAWC,QAAQH,MAAMI;MAAM5C;;;AAa1D,CAAA;;;AC3EA,IAAA,0BAAe6C;",
+  "names": ["React", "forwardRef", "useState", "Obj", "Filter", "useQuery", "useSchema", "Card", "Message", "Panel", "ScrollArea", "Toolbar", "useTranslation", "useSelected", "Mosaic", "getTypenameFromQuery", "isNonNullable", "ObjectCardStack", "forwardRef", "objectId", "view", "forwardedRef", "t", "useTranslation", "meta", "id", "db", "Obj", "getDatabase", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "schema", "useSchema", "queriedObjects", "useQuery", "Filter", "type", "nothing", "selectedRows", "useSelected", "selectedObjects", "map", "find", "obj", "filter", "isNonNullable", "viewport", "setViewport", "useState", "Panel", "Root", "className", "ref", "Toolbar", "asChild", "Content", "length", "Message", "Title", "Mosaic", "Container", "orientation", "autoScroll", "eventHandler", "canDrop", "ScrollArea", "Viewport", "Stack", "items", "getId", "Tile", "props", "Card", "ObjectForm", "object", "data", "ObjectCardStack"]
+}

package/dist/lib/node-esm/ObjectDetails-26PVHUQL.mjs

@@ -0,0 +1,44 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  BaseObjectSettings
+} from "./chunk-GWUPFA7J.mjs";
+import "./chunk-OSFH2XKO.mjs";
+import "./chunk-WW6YYBRG.mjs";
+import "./chunk-3DWZCVVQ.mjs";
+import "./chunk-SL4BJSUG.mjs";
+
+// src/containers/ObjectDetails/ObjectDetails.tsx
+import React, { forwardRef, useMemo } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { Panel, Toolbar } from "@dxos/react-ui";
+var ObjectDetails = /* @__PURE__ */ forwardRef(({ role, subject: object }, forwardedRef) => {
+  const data = useMemo(() => ({
+    subject: object
+  }), [
+    object
+  ]);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    className: "dx-article",
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(BaseObjectSettings, {
+    object
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "base-object-settings",
+    data
+  }), /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "object-settings",
+    data
+  }))));
+});
+
+// src/containers/ObjectDetails/index.ts
+var ObjectDetails_default = ObjectDetails;
+export {
+  ObjectDetails_default as default
+};
+//# sourceMappingURL=ObjectDetails-26PVHUQL.mjs.map