@dxos/react-ui 0.1.24-next.6b1f434 → 0.1.24

package/dist/types/src/components/SpaceList/SpaceListItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { Space } from '@dxos/client';
-export declare const SpaceListItem: React.ForwardRefExoticComponent<{
-    space: Space;
-    onClick?: (() => void) | undefined;
-} & React.RefAttributes<HTMLLIElement>>;
-//# sourceMappingURL=SpaceListItem.d.ts.map

package/dist/types/src/components/SpaceList/SpaceListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpaceListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceList/SpaceListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAI1C,eAAO,MAAM,aAAa;WACM,KAAK;qBAAkB,IAAI;uCAoB1D,CAAC"}

package/dist/types/src/components/SpaceList/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SpaceListItem';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/SpaceList/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceList/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

package/dist/types/src/composites/DevicesDialog/DevicesDialog.d.ts

@@ -1,6 +0,0 @@
-import { PanelDialogProps } from '../../layouts';
-import { DevicesPanelProps } from '../../panels';
-export interface DevicesDialogProps extends Omit<PanelDialogProps, 'titleId' | 'children'>, Omit<DevicesPanelProps, 'doneActionParent'> {
-}
-export declare const DevicesDialog: ({ slots, ...devicesDialogProps }: DevicesDialogProps) => JSX.Element;
-//# sourceMappingURL=DevicesDialog.d.ts.map

package/dist/types/src/composites/DevicesDialog/DevicesDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevicesDialog.d.ts","sourceRoot":"","sources":["../../../../../src/composites/DevicesDialog/DevicesDialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,UAAU,CAAC,EACpD,IAAI,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;CAAG;AAElD,eAAO,MAAM,aAAa,qCAAsC,kBAAkB,gBAqBjF,CAAC"}

package/dist/types/src/composites/DevicesDialog/index.d.ts

@@ -1,2 +0,0 @@
-export * from './DevicesDialog';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/composites/DevicesDialog/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/composites/DevicesDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

package/dist/types/src/composites/Shell/Shell.d.ts

@@ -1,6 +0,0 @@
-import { ShellRuntime } from '@dxos/client';
-export declare const Shell: ({ runtime, origin }: {
-    runtime: ShellRuntime;
-    origin: string;
-}) => JSX.Element | null;
-//# sourceMappingURL=Shell.d.ts.map

package/dist/types/src/composites/Shell/Shell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Shell.d.ts","sourceRoot":"","sources":["../../../../../src/composites/Shell/Shell.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ5C,eAAO,MAAM,KAAK;aAAoC,YAAY;YAAU,MAAM;wBA6EjF,CAAC"}

package/dist/types/src/composites/Shell/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Shell';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/composites/Shell/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/composites/Shell/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}

package/dist/types/src/composites/SpaceDialog/SpaceDialog.d.ts

@@ -1,6 +0,0 @@
-import { PanelDialogProps } from '../../layouts';
-import { SpacePanelProps } from '../../panels';
-export interface SpaceDialogProps extends Omit<PanelDialogProps, 'titleId' | 'children'>, Omit<SpacePanelProps, 'doneActionParent'> {
-}
-export declare const SpaceDialog: ({ slots, ...spacePanelProps }: SpaceDialogProps) => JSX.Element;
-//# sourceMappingURL=SpaceDialog.d.ts.map

package/dist/types/src/composites/SpaceDialog/SpaceDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpaceDialog.d.ts","sourceRoot":"","sources":["../../../../../src/composites/SpaceDialog/SpaceDialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,UAAU,CAAC,EACpD,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC;CAAG;AAEhD,eAAO,MAAM,WAAW,kCAAmC,gBAAgB,gBAqB1E,CAAC"}

package/dist/types/src/composites/SpaceDialog/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SpaceDialog';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/composites/SpaceDialog/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/composites/SpaceDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}

package/dist/types/src/layouts/PanelDialog/PanelDialog.d.ts

@@ -1,14 +0,0 @@
-import * as Dialog from '@radix-ui/react-dialog';
-import { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
-export interface PanelDialogSlots {
-    root: ComponentPropsWithoutRef<typeof Dialog.Root>;
-    overlay: ComponentPropsWithoutRef<typeof Dialog.Overlay>;
-    content: ComponentPropsWithoutRef<typeof Dialog.Content>;
-    trigger: ComponentPropsWithoutRef<typeof Dialog.Trigger>;
-}
-export declare type PanelDialogProps = PropsWithChildren<{
-    titleId: string;
-    slots?: Partial<PanelDialogSlots>;
-}>;
-export declare const PanelDialog: ({ titleId, slots, children }: PanelDialogProps) => JSX.Element;
-//# sourceMappingURL=PanelDialog.d.ts.map

package/dist/types/src/layouts/PanelDialog/PanelDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelDialog.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/PanelDialog/PanelDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAc,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;IACzD,OAAO,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;IACzD,OAAO,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;CAC1D;AAED,oBAAY,gBAAgB,GAAG,iBAAiB,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,iCAAuC,gBAAgB,gBAe9E,CAAC"}

package/dist/types/src/layouts/PanelDialog/index.d.ts

@@ -1,2 +0,0 @@
-export * from './PanelDialog';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/layouts/PanelDialog/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/PanelDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}

package/dist/types/src/panels/DevicesPanel/DevicesPanel.d.ts

@@ -1,10 +0,0 @@
-import { cloneElement } from 'react';
-export declare type DevicesPanelProps = {
-    titleId?: string;
-    createInvitationUrl: (invitationCode: string) => string;
-    doneActionParent?: Parameters<typeof cloneElement>[0];
-    onDone?: () => void;
-};
-export declare type DevicesView = 'device list';
-export declare const DevicesPanel: (props: DevicesPanelProps) => JSX.Element;
-//# sourceMappingURL=DevicesPanel.d.ts.map

package/dist/types/src/panels/DevicesPanel/DevicesPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevicesPanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/DevicesPanel/DevicesPanel.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAQxD,oBAAY,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,WAAW,GAAG,aAAa,CAAC;AA8DxC,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAepD,CAAC"}

package/dist/types/src/panels/DevicesPanel/index.d.ts

@@ -1,2 +0,0 @@
-export * from './DevicesPanel';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/panels/DevicesPanel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/panels/DevicesPanel/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC"}

package/dist/types/src/panels/SpacePanel/SpacePanel.d.ts

@@ -1,18 +0,0 @@
-import { cloneElement } from 'react';
-import { Space, SpaceMember } from '@dxos/client';
-export declare type SpacePanelProps = {
-    titleId?: string;
-    space?: Space;
-    initialState?: SpaceView;
-    createInvitationUrl: (invitationCode: string) => string;
-    onClickJoinSpace?: () => void;
-    onClickMember?: (member: SpaceMember) => void;
-    doneActionParent?: Parameters<typeof cloneElement>[0];
-    onDone?: (result: Space | null) => void;
-};
-export declare type SpaceView = 'current space' | 'space list';
-export declare type SpaceState = {
-    activeView: SpaceView;
-};
-export declare const SpacePanel: (props: SpacePanelProps) => JSX.Element;
-//# sourceMappingURL=SpacePanel.d.ts.map

package/dist/types/src/panels/SpacePanel/SpacePanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpacePanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAOlD,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,GAAG,YAAY,CAAC;AAEvD,oBAAY,UAAU,GAAG;IACvB,UAAU,EAAE,SAAS,CAAC;CACvB,CAAC;AAoHF,eAAO,MAAM,UAAU,UAAW,eAAe,gBA4BhD,CAAC"}

package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts

@@ -1,9 +0,0 @@
-import { StoryContext, StoryFn } from '@storybook/react';
-declare const _default: {
-    component: (props: import("./SpacePanel").SpacePanelProps) => JSX.Element;
-};
-export default _default;
-export declare const Default: {
-    decorators: ((Story: StoryFn, { args }: StoryContext) => JSX.Element)[];
-};
-//# sourceMappingURL=SpacePanel.stories.d.ts.map

package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpacePanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;;;;AAUzD,wBAEE;AAkCF,eAAO,MAAM,OAAO;yBAhCW,OAAO,YAAY,YAAY;CAkC7D,CAAC"}

package/dist/types/src/panels/SpacePanel/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SpacePanel';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/panels/SpacePanel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}

package/dist/types/src/styles/dialogStyles.d.ts

@@ -1,3 +0,0 @@
-export declare const defaultOverlay = "fixed inset-0 backdrop-blur z-50 overflow-auto grid place-items-center p-2 md:p-4 lg:p-8";
-export declare const defaultDialogContent = "is-full min-is-[260px] max-is-[320px] rounded-md shadow-md backdrop-blur-md";
-//# sourceMappingURL=dialogStyles.d.ts.map

package/dist/types/src/styles/dialogStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogStyles.d.ts","sourceRoot":"","sources":["../../../../src/styles/dialogStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,6FACiE,CAAC;AAE7F,eAAO,MAAM,oBAAoB,gFAAgF,CAAC"}

package/src/components/IdentityList/DeviceList.tsx

@@ -1,31 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { DeviceInfo } from '@dxos/protocols/proto/dxos/halo/credentials/identity';
-
-import { IdentityListItem } from './IdentityListItem';
-
-export interface DeviceListProps {
-  devices: DeviceInfo[];
-  onSelect?: (device: DeviceInfo) => void;
-}
-
-export const DeviceList = ({ devices, onSelect }: DeviceListProps) => {
-  return (
-    <ul className='flex flex-col gap-2'>
-      {devices.map((device) => {
-        const identity = { identityKey: device.publicKey, displayName: device.displayName };
-        return (
-          <IdentityListItem
-            key={device.publicKey.toHex()}
-            identity={identity}
-            onClick={onSelect && (() => onSelect(device))}
-          />
-        );
-      })}
-    </ul>
-  );
-};

package/src/components/SpaceList/SpaceListItem.tsx

@@ -1,32 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { ForwardedRef, forwardRef } from 'react';
-
-import type { Space } from '@dxos/client';
-import { Avatar, mx } from '@dxos/react-components';
-import { humanize } from '@dxos/util';
-
-export const SpaceListItem = forwardRef(
-  ({ space, onClick }: { space: Space; onClick?: () => void }, ref: ForwardedRef<HTMLLIElement>) => {
-    return (
-      <li
-        className={mx('flex gap-2 items-center', onClick && 'cursor-pointer')}
-        onClick={() => onClick?.()}
-        ref={ref}
-        data-testid='space-list-item'
-      >
-        <Avatar
-          {...{
-            variant: 'circle',
-            size: 9,
-            fallbackValue: space.key.toHex(),
-            label: <p className='text-sm truncate'>{space.properties.name ?? humanize(space.key)}</p>,
-            slots: { labels: { className: 'block shrink overflow-hidden' }, root: { className: 'shrink-0' } }
-          }}
-        />
-      </li>
-    );
-  }
-);

package/src/components/SpaceList/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './SpaceListItem';

package/src/composites/DevicesDialog/DevicesDialog.tsx

@@ -1,38 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Close } from '@radix-ui/react-dialog';
-import React from 'react';
-
-import { ThemeContext, useId } from '@dxos/react-components';
-
-import { PanelDialog, PanelDialogProps } from '../../layouts';
-import { DevicesPanel, DevicesPanelProps } from '../../panels';
-
-export interface DevicesDialogProps
-  extends Omit<PanelDialogProps, 'titleId' | 'children'>,
-    Omit<DevicesPanelProps, 'doneActionParent'> {}
-
-export const DevicesDialog = ({ slots, ...devicesDialogProps }: DevicesDialogProps) => {
-  const titleId = useId('spaceDialog__title');
-
-  return (
-    <PanelDialog
-      {...{
-        slots: { ...slots, root: { onOpenChange: (open) => open || devicesDialogProps.onDone?.(), ...slots?.root } },
-        titleId
-      }}
-    >
-      <ThemeContext.Provider value={{ themeVariant: 'os' }}>
-        <DevicesPanel
-          {...{
-            ...devicesDialogProps,
-            titleId,
-            doneActionParent: <Close asChild />
-          }}
-        />
-      </ThemeContext.Provider>
-    </PanelDialog>
-  );
-};

package/src/composites/DevicesDialog/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './DevicesDialog';

package/src/composites/Shell/Shell.tsx

@@ -1,92 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useEffect, useState } from 'react';
-
-import { ShellRuntime } from '@dxos/client';
-import { LayoutRequest, ShellDisplay, ShellLayout } from '@dxos/protocols/proto/dxos/iframe';
-import { useClient, useSpace, useSpaces } from '@dxos/react-client';
-
-import { DevicesDialog } from '../DevicesDialog';
-import { JoinDialog } from '../JoinDialog';
-import { SpaceDialog } from '../SpaceDialog';
-
-export const Shell = ({ runtime, origin }: { runtime: ShellRuntime; origin: string }) => {
-  const client = useClient();
-  const spaces = useSpaces();
-
-  const [{ layout, invitationCode, spaceKey }, setLayout] = useState<LayoutRequest>({
-    layout: runtime.layout,
-    invitationCode: runtime.invitationCode,
-    spaceKey: runtime.spaceKey
-  });
-  const space = useSpace(spaceKey);
-
-  useEffect(() => {
-    return runtime.layoutUpdate.on((request) => setLayout(request));
-  }, []);
-
-  switch (layout) {
-    case ShellLayout.AUTH:
-      return (
-        <JoinDialog
-          mode='halo-only'
-          initialInvitationCode={invitationCode}
-          onDone={async () => {
-            // TODO(wittjosiah): Is this app-specific?
-            const space = spaces[0] ?? (await client.echo.createSpace());
-            await runtime.setAppContext({ display: ShellDisplay.NONE, spaceKey: space.key });
-            runtime.setLayout(ShellLayout.DEFAULT);
-          }}
-        />
-      );
-
-    case ShellLayout.CURRENT_SPACE:
-    case ShellLayout.SPACE_LIST:
-      return (
-        <SpaceDialog
-          space={space}
-          initialState={layout === ShellLayout.SPACE_LIST ? 'space list' : 'current space'}
-          createInvitationUrl={(invitationCode) => `${origin}?spaceInvitationCode=${invitationCode}`}
-          onClickJoinSpace={() => runtime.setLayout(ShellLayout.JOIN_SPACE, { spaceKey: space?.key })}
-          onClickMember={() => runtime.setLayout(ShellLayout.DEVICES_LIST, { spaceKey: space?.key })}
-          onDone={async (space) => {
-            // TODO(wittjosiah): If space is newly created the app won't yet know about it.
-            //   This is a bug that needs to be fixed when upgrading the space service.
-            await runtime.setAppContext({ display: ShellDisplay.NONE, spaceKey: space ? space.key : spaceKey });
-            runtime.setLayout(ShellLayout.DEFAULT);
-          }}
-        />
-      );
-
-    case ShellLayout.JOIN_SPACE:
-      return (
-        <JoinDialog
-          initialInvitationCode={invitationCode}
-          onDone={async (result) => {
-            await runtime.setAppContext({ display: ShellDisplay.NONE, spaceKey: result?.spaceKey ?? undefined });
-            runtime.setLayout(ShellLayout.DEFAULT);
-          }}
-          onExit={async () => {
-            await runtime.setAppContext({ display: ShellDisplay.NONE, spaceKey: runtime.spaceKey });
-            runtime.setLayout(ShellLayout.DEFAULT);
-          }}
-        />
-      );
-
-    case ShellLayout.DEVICES_LIST:
-      return (
-        <DevicesDialog
-          createInvitationUrl={(invitationCode) => `${origin}?haloInvitationCode=${invitationCode}`}
-          onDone={async () => {
-            await runtime.setAppContext({ display: ShellDisplay.NONE, spaceKey: runtime.spaceKey });
-            runtime.setLayout(ShellLayout.DEFAULT);
-          }}
-        />
-      );
-
-    default:
-      return null;
-  }
-};

package/src/composites/Shell/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './Shell';

package/src/composites/SpaceDialog/SpaceDialog.tsx

@@ -1,38 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Close } from '@radix-ui/react-dialog';
-import React from 'react';
-
-import { ThemeContext, useId } from '@dxos/react-components';
-
-import { PanelDialog, PanelDialogProps } from '../../layouts';
-import { SpacePanel, SpacePanelProps } from '../../panels';
-
-export interface SpaceDialogProps
-  extends Omit<PanelDialogProps, 'titleId' | 'children'>,
-    Omit<SpacePanelProps, 'doneActionParent'> {}
-
-export const SpaceDialog = ({ slots, ...spacePanelProps }: SpaceDialogProps) => {
-  const titleId = useId('spaceDialog__title');
-
-  return (
-    <PanelDialog
-      {...{
-        slots: { ...slots, root: { onOpenChange: (open) => open || spacePanelProps.onDone?.(null), ...slots?.root } },
-        titleId
-      }}
-    >
-      <ThemeContext.Provider value={{ themeVariant: 'os' }}>
-        <SpacePanel
-          {...{
-            ...spacePanelProps,
-            titleId,
-            doneActionParent: <Close asChild />
-          }}
-        />
-      </ThemeContext.Provider>
-    </PanelDialog>
-  );
-};

package/src/composites/SpaceDialog/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './SpaceDialog';

package/src/layouts/PanelDialog/PanelDialog.tsx

@@ -1,39 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import * as Dialog from '@radix-ui/react-dialog';
-import React, { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
-
-import { mx } from '@dxos/react-components';
-
-import { defaultDialogContent, defaultOverlay } from '../../styles';
-
-export interface PanelDialogSlots {
-  root: ComponentPropsWithoutRef<typeof Dialog.Root>;
-  overlay: ComponentPropsWithoutRef<typeof Dialog.Overlay>;
-  content: ComponentPropsWithoutRef<typeof Dialog.Content>;
-  trigger: ComponentPropsWithoutRef<typeof Dialog.Trigger>;
-}
-
-export type PanelDialogProps = PropsWithChildren<{
-  titleId: string;
-  slots?: Partial<PanelDialogSlots>;
-}>;
-
-export const PanelDialog = ({ titleId, slots = {}, children }: PanelDialogProps) => {
-  return (
-    <Dialog.Root defaultOpen {...slots.root}>
-      {slots.trigger && <Dialog.Trigger {...slots.trigger} />}
-      <Dialog.Overlay {...slots.overlay} className={mx(defaultOverlay, 'z-40', slots.overlay?.className)}>
-        <Dialog.Content
-          {...slots.content}
-          aria-labelledby={titleId}
-          className={mx(defaultDialogContent, slots.content?.className)}
-        >
-          {children}
-        </Dialog.Content>
-      </Dialog.Overlay>
-    </Dialog.Root>
-  );
-};

package/src/layouts/PanelDialog/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './PanelDialog';

package/src/panels/DevicesPanel/DevicesPanel.tsx

@@ -1,98 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { UserPlus, X } from 'phosphor-react';
-import React, { cloneElement, useReducer } from 'react';
-
-import { useClient, useDevices, useHaloInvitations, useIdentity } from '@dxos/react-client';
-import { Button, getSize, mx, Tooltip, useTranslation } from '@dxos/react-components';
-
-import { DeviceList, InvitationList, PanelSeparator } from '../../components';
-import { defaultSurface, subduedSurface } from '../../styles';
-
-export type DevicesPanelProps = {
-  titleId?: string;
-  createInvitationUrl: (invitationCode: string) => string;
-  doneActionParent?: Parameters<typeof cloneElement>[0];
-  onDone?: () => void;
-};
-
-export type DevicesView = 'device list';
-
-const DeviceListView = ({ createInvitationUrl, titleId, onDone, doneActionParent }: DevicesPanelProps) => {
-  const { t } = useTranslation('os');
-  const client = useClient();
-  const identity = useIdentity();
-  const devices = useDevices();
-  const invitations = useHaloInvitations();
-  const displayName = identity?.displayName;
-
-  if (!identity) {
-    return null;
-  }
-
-  const doneButton = (
-    <Button compact variant='ghost' onClick={() => onDone?.()} data-testid='show-all-spaces'>
-      <X className={getSize(4)} weight='bold' />
-    </Button>
-  );
-
-  return (
-    <div role='none' className='flex flex-col'>
-      <div role='none' className={mx(subduedSurface, 'rounded-bs-md flex items-center p-2 gap-2')}>
-        {/* TODO(wittjosiah): Label this as the identity panel. */}
-        <h2 id={titleId} className={mx('grow font-system-medium', !displayName && 'font-mono')}>
-          {displayName ?? identity.identityKey.truncate()}
-        </h2>
-        <Tooltip content={t('close label')} zIndex='z-50'>
-          {doneActionParent ? cloneElement(doneActionParent, {}, doneButton) : doneButton}
-        </Tooltip>
-      </div>
-      <div role='region' className={mx(defaultSurface, 'rounded-be-md p-2')}>
-        <InvitationList
-          invitations={invitations}
-          onClickRemove={({ invitation }) => invitation && client.halo.removeInvitation(invitation.invitationId!)}
-          createInvitationUrl={createInvitationUrl}
-        />
-        <Button
-          className='is-full flex gap-2 mbs-2'
-          compact
-          onClick={() => client.halo.createInvitation()}
-          data-testid='create-space-invitation'
-        >
-          <span>{t('create space invitation label')}</span>
-          <UserPlus className={getSize(4)} weight='bold' />
-        </Button>
-        <PanelSeparator />
-        <DeviceList devices={devices} />
-      </div>
-    </div>
-  );
-};
-
-type DevicesPanelState = {
-  activeView: DevicesView;
-};
-
-type DevicesPanelAction = {
-  type: null;
-};
-
-// TODO(wittjosiah): Rename identity panel and include other views?
-export const DevicesPanel = (props: DevicesPanelProps) => {
-  const reducer = (state: DevicesPanelState, action: DevicesPanelAction) => {
-    const nextState = { ...state };
-    switch (action.type) {
-      case null:
-    }
-    return nextState;
-  };
-
-  const [panelState] = useReducer(reducer, {
-    activeView: 'device list'
-  });
-
-  // TODO(wittjosiah): Use ViewState or similar.
-  return <>{panelState.activeView === 'device list' ? <DeviceListView {...props} /> : null}</>;
-};

package/src/panels/DevicesPanel/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './DevicesPanel';