@dxos/plugin-space 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

package/dist/lib/browser/MembersContainer-GATG7SSA.mjs

@@ -0,0 +1,233 @@
+import "./chunk-TSZGT2UL.mjs";
+import {
+  SpaceOperation
+} from "./chunk-CK64K2SI.mjs";
+import "./chunk-NBJIDVRE.mjs";
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// src/containers/MembersContainer/MembersContainer.tsx
+import React, { useMemo, useState } from "react";
+import { QR } from "react-qr-rounded";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { Collection, Obj } 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, 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: 38,
+      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 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
+  })), /* @__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"
+  })))))));
+};
+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-GATG7SSA.mjs.map

package/dist/lib/browser/MembersContainer-GATG7SSA.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, useMemo, useState } from 'react';\nimport { QR } from 'react-qr-rounded';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { Collection, Obj } 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, 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 '../../operations';\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 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            <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          </Settings.Frame>\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", "useMemo", "useState", "QR", "useOperationInvoker", "Collection", "Obj", "log", "useConfig", "useSpaceInvitations", "Invitation", "InvitationEncoder", "Button", "Clipboard", "Icon", "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", "inviteActions", "useMemo", "inviteOne", "label", "ns", "shellTranslationKey", "description", "icon", "testId", "onClick", "data", "SpaceOperation", "Share", "type", "Type", "INTERACTIVE", "authMethod", "AuthMethod", "SHARED_SECRET", "multiUse", "Obj", "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", "InvitationSection", "onBack", "p", "className", "InvitationList", "send", "onClickRemove", "cancel", "BifurcatedAction", "actions", "onChangeActiveAction", "data-testid", "INIT", "invitationId", "url", "activeView", "READY_FOR_AUTHENTICATION", "Viewport", "Views", "View", "InvitationComplete", "statusValue", "InvitationAuthCode", "code", "onCancel", "InvitationQR", "qrLabel", "useId", "emoji", "hexToEmoji", "div", "role", "QR", "rounding", "backgroundColor", "color", "aria-labelledby", "errorCorrectionLevel", "cutout", "Centered", "Emoji", "text", "span", "Button", "value", "variant", "AuthCode", "large", "classNames", "Icon", "size", "MembersContainer"]
+}

package/dist/lib/browser/MenuFooter-N6MM75PR.mjs

@@ -0,0 +1,37 @@
+import {
+  getSpaceDisplayName
+} from "./chunk-SEETAVUA.mjs";
+import "./chunk-NBJIDVRE.mjs";
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// src/containers/MenuFooter/MenuFooter.tsx
+import React from "react";
+import { isPersonalSpace } from "@dxos/app-toolkit";
+import { getSpace } from "@dxos/client/echo";
+import { DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
+var MenuFooter = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  const space = getSpace(object);
+  const spaceName = space ? getSpaceDisplayName(space, {
+    personal: isPersonalSpace(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-N6MM75PR.mjs.map

package/dist/lib/browser/MenuFooter-N6MM75PR.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 { isPersonalSpace } from '@dxos/app-toolkit';\nimport { getSpace } from '@dxos/client/echo';\nimport { type Obj } from '@dxos/echo';\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 space = getSpace(object);\n  const spaceName = space ? getSpaceDisplayName(space, { personal: isPersonalSpace(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,uBAAuB;AAChC,SAASC,gBAAgB;AAEzB,SAASC,cAAcC,MAAMC,mBAAmBC,sBAAsB;AAK/D,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAA2B;AAC5D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,QAAQC,SAASN,MAAAA;AACvB,QAAMO,YAAYF,QAAQG,oBAAoBH,OAAO;IAAEI,UAAUC,gBAAgBL,KAAAA;EAAO,CAAA,IAAK;AAC7F,SAAOA,QACL,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACM,aAAaC,WAAS,IAAA,GACvB,sBAAA,cAACD,aAAaE,YAAU,MAAEZ,EAAE,mBAAA,CAAA,GAC5B,sBAAA,cAACa,MAAAA;IAAGC,WAAU;KACZ,sBAAA,cAACC,MAAAA;IAAGD,WAAU;KAAqEd,EAAE,gBAAA,CAAA,GACrF,sBAAA,cAACgB,MAAAA;IAAGF,WAAU;KACZ,sBAAA,cAACG,MAAAA;IAAKC,MAAK;IAAsBC,YAAW;MAC3CC,kBAAkBd,WAAWN,CAAAA,CAAAA,CAAAA,CAAAA,IAIlC;AACN;;;ACzBA,IAAA,qBAAeqB;",
+  "names": ["React", "isPersonalSpace", "getSpace", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "MenuFooter", "object", "t", "useTranslation", "meta", "id", "space", "getSpace", "spaceName", "getSpaceDisplayName", "personal", "isPersonalSpace", "DropdownMenu", "Separator", "GroupLabel", "dl", "className", "dt", "dd", "Icon", "icon", "classNames", "toLocalizedString", "MenuFooter"]
+}

package/dist/lib/browser/ObjectCardStack-PIES4RWL.mjs

@@ -0,0 +1,66 @@
+import {
+  ObjectForm
+} from "./chunk-VCSGEGJC.mjs";
+import "./chunk-6RDIIETA.mjs";
+import "./chunk-SEETAVUA.mjs";
+import "./chunk-TSZGT2UL.mjs";
+import "./chunk-CK64K2SI.mjs";
+import "./chunk-NBJIDVRE.mjs";
+import {
+  meta
+} from "./chunk-CBWGVOJE.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-document",
+    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-PIES4RWL.mjs.map

package/dist/lib/browser/ObjectCardStack-PIES4RWL.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-document' 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;IAAcC,KAAKlC;KACvC,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/browser/ObjectDetails-WKN5IDDC.mjs

@@ -0,0 +1,45 @@
+import {
+  BaseObjectSettings
+} from "./chunk-VCSGEGJC.mjs";
+import "./chunk-6RDIIETA.mjs";
+import "./chunk-SEETAVUA.mjs";
+import "./chunk-TSZGT2UL.mjs";
+import "./chunk-CK64K2SI.mjs";
+import "./chunk-NBJIDVRE.mjs";
+import "./chunk-CBWGVOJE.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-document",
+    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-WKN5IDDC.mjs.map

package/dist/lib/browser/ObjectDetails-WKN5IDDC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ObjectDetails/ObjectDetails.tsx", "../../../src/containers/ObjectDetails/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { type Obj } from '@dxos/echo';\nimport { Panel, Toolbar } from '@dxos/react-ui';\n\nimport { BaseObjectSettings } from '../../components';\n\nexport type ObjectDetailsProps = SurfaceComponentProps<Obj.Unknown>;\n\nexport const ObjectDetails = forwardRef<HTMLDivElement, ObjectDetailsProps>(\n  ({ role, subject: object }, forwardedRef) => {\n    const data = useMemo(() => ({ subject: object }), [object]);\n\n    return (\n      <Panel.Root role={role} className='dx-document' ref={forwardedRef}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <BaseObjectSettings object={object}>\n            <Surface.Surface role='base-object-settings' data={data} />\n            <Surface.Surface role='object-settings' data={data} />\n            {/* TODO(wittjosiah): Remove (or add as surface)? */}\n            {/* <AdvancedObjectSettings object={object} /> */}\n          </BaseObjectSettings>\n        </Panel.Content>\n      </Panel.Root>\n    );\n  },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectDetails } from './ObjectDetails';\n\nexport default ObjectDetails;\n"],
+  "mappings": ";;;;;;;;;;;AAIA,OAAOA,SAASC,YAAYC,eAAe;AAE3C,SAASC,eAAe;AAGxB,SAASC,OAAOC,eAAe;AAMxB,IAAMC,gBAAgBC,2BAC3B,CAAC,EAAEC,MAAMC,SAASC,OAAM,GAAIC,iBAAAA;AAC1B,QAAMC,OAAOC,QAAQ,OAAO;IAAEJ,SAASC;EAAO,IAAI;IAACA;GAAO;AAE1D,SACE,sBAAA,cAACI,MAAMC,MAAI;IAACP;IAAYQ,WAAU;IAAcC,KAAKN;KACnD,sBAAA,cAACG,MAAMI,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACD,QAAQH,MAAI,IAAA,CAAA,GAEf,sBAAA,cAACD,MAAMM,SAAO;IAACD,SAAAA;KACb,sBAAA,cAACE,oBAAAA;IAAmBX;KAClB,sBAAA,cAACY,QAAQA,SAAO;IAACd,MAAK;IAAuBI;MAC7C,sBAAA,cAACU,QAAQA,SAAO;IAACd,MAAK;IAAkBI;;AAOlD,CAAA;;;AC5BF,IAAA,wBAAeW;",
+  "names": ["React", "forwardRef", "useMemo", "Surface", "Panel", "Toolbar", "ObjectDetails", "forwardRef", "role", "subject", "object", "forwardedRef", "data", "useMemo", "Panel", "Root", "className", "ref", "Toolbar", "asChild", "Content", "BaseObjectSettings", "Surface", "ObjectDetails"]
+}

package/dist/lib/browser/ObjectRenamePopover-JNPJIFIR.mjs

@@ -0,0 +1,70 @@
+import {
+  meta
+} from "./chunk-CBWGVOJE.mjs";
+
+// src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx
+import React, { useCallback, useRef, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Obj } from "@dxos/echo";
+import { log } from "@dxos/log";
+import { Button, Input, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx";
+var OBJECT_RENAME_POPOVER = `${meta.id}.ObjectRenamePopover`;
+var ObjectRenamePopover = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  const doneButton = useRef(null);
+  const [name, setName] = useState(Obj.getLabel(object));
+  const { invokePromise } = useOperationInvoker();
+  const handleDone = useCallback(() => {
+    try {
+      name && Obj.change(object, () => Obj.setLabel(object, name));
+    } catch (err) {
+      log.error("Failed to rename object", {
+        err
+      }, {
+        F: __dxlog_file,
+        L: 28,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+    void invokePromise(LayoutOperation.UpdatePopover, {
+      anchorId: "",
+      state: false
+    });
+  }, [
+    object,
+    name,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "p-2 flex gap-2"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex-1"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
+    srOnly: true
+  }, t("object name label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: t("object placeholder"),
+    value: name,
+    "data-testid": "spacePlugin.renameObject.input",
+    onChange: ({ target: { value } }) => setName(value),
+    onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
+  }))), /* @__PURE__ */ React.createElement(Button, {
+    ref: doneButton,
+    classNames: "self-stretch",
+    onClick: handleDone
+  }, t("done label", {
+    ns: osTranslations
+  })));
+};
+
+// src/containers/ObjectRenamePopover/index.ts
+var ObjectRenamePopover_default = ObjectRenamePopover;
+export {
+  ObjectRenamePopover_default as default
+};
+//# sourceMappingURL=ObjectRenamePopover-JNPJIFIR.mjs.map

package/dist/lib/browser/ObjectRenamePopover-JNPJIFIR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx", "../../../src/containers/ObjectRenamePopover/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport const OBJECT_RENAME_POPOVER = `${meta.id}.ObjectRenamePopover`;\n\nexport const ObjectRenamePopover = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const doneButton = useRef<HTMLButtonElement>(null);\n  const [name, setName] = useState(Obj.getLabel(object));\n  const { invokePromise } = useOperationInvoker();\n\n  const handleDone = useCallback(() => {\n    try {\n      name && Obj.change(object, () => Obj.setLabel(object, name));\n    } catch (err) {\n      log.error('Failed to rename object', { err });\n    }\n    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });\n  }, [object, name, invokePromise]);\n\n  return (\n    <div role='none' className='p-2 flex gap-2'>\n      <div role='none' className='flex-1'>\n        <Input.Root>\n          <Input.Label srOnly>{t('object name label')}</Input.Label>\n          <Input.TextInput\n            placeholder={t('object placeholder')}\n            value={name}\n            data-testid='spacePlugin.renameObject.input'\n            onChange={({ target: { value } }) => setName(value)}\n            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}\n          />\n        </Input.Root>\n      </div>\n      <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>\n        {t('done label', { ns: osTranslations })}\n      </Button>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ObjectRenamePopover } from './ObjectRenamePopover';\n\nexport default ObjectRenamePopover;\n"],
+  "mappings": ";;;;;AAIA,OAAOA,SAASC,aAAaC,QAAQC,gBAAgB;AAErD,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,QAAQC,OAAOC,sBAAsB;AAC9C,SAASC,sBAAsB;;AAIxB,IAAMC,wBAAwB,GAAGC,KAAKC,EAAE;AAExC,IAAMC,sBAAsB,CAAC,EAAEC,OAAM,MAA2B;AACrE,QAAM,EAAEC,EAAC,IAAKC,eAAeL,KAAKC,EAAE;AACpC,QAAMK,aAAaC,OAA0B,IAAA;AAC7C,QAAM,CAACC,MAAMC,OAAAA,IAAWC,SAASC,IAAIC,SAAST,MAAAA,CAAAA;AAC9C,QAAM,EAAEU,cAAa,IAAKC,oBAAAA;AAE1B,QAAMC,aAAaC,YAAY,MAAA;AAC7B,QAAI;AACFR,cAAQG,IAAIM,OAAOd,QAAQ,MAAMQ,IAAIO,SAASf,QAAQK,IAAAA,CAAAA;IACxD,SAASW,KAAK;AACZC,UAAIC,MAAM,2BAA2B;QAAEF;MAAI,GAAA;;;;;;IAC7C;AACA,SAAKN,cAAcS,gBAAgBC,eAAe;MAAEC,UAAU;MAAIC,OAAO;IAAM,CAAA;EACjF,GAAG;IAACtB;IAAQK;IAAMK;GAAc;AAEhC,SACE,sBAAA,cAACa,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,OAAK;IAACC,QAAAA;KAAQ5B,EAAE,mBAAA,CAAA,GACvB,sBAAA,cAACyB,MAAMI,WAAS;IACdC,aAAa9B,EAAE,oBAAA;IACf+B,OAAO3B;IACP4B,eAAY;IACZC,UAAU,CAAC,EAAEC,QAAQ,EAAEH,MAAK,EAAE,MAAO1B,QAAQ0B,KAAAA;IAC7CI,WAAW,CAAC,EAAEC,IAAG,MAAOA,QAAQ,WAAWlC,WAAWmC,SAASC,MAAAA;QAIrE,sBAAA,cAACC,QAAAA;IAAOC,KAAKtC;IAAYuC,YAAW;IAAeC,SAAS/B;KACzDX,EAAE,cAAc;IAAE2C,IAAIC;EAAe,CAAA,CAAA,CAAA;AAI9C;;;AC7CA,IAAA,8BAAeC;",
+  "names": ["React", "useCallback", "useRef", "useState", "useOperationInvoker", "LayoutOperation", "Obj", "log", "Button", "Input", "useTranslation", "osTranslations", "OBJECT_RENAME_POPOVER", "meta", "id", "ObjectRenamePopover", "object", "t", "useTranslation", "doneButton", "useRef", "name", "setName", "useState", "Obj", "getLabel", "invokePromise", "useOperationInvoker", "handleDone", "useCallback", "change", "setLabel", "err", "log", "error", "LayoutOperation", "UpdatePopover", "anchorId", "state", "div", "role", "className", "Input", "Root", "Label", "srOnly", "TextInput", "placeholder", "value", "data-testid", "onChange", "target", "onKeyDown", "key", "current", "click", "Button", "ref", "classNames", "onClick", "ns", "osTranslations", "ObjectRenamePopover"]
+}