@dxos/plugin-preview 0.8.4-main.c1de068 → 0.8.4-main.fd6878d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-preview",
-  "version": "0.8.4-main.c1de068",
+  "version": "0.8.4-main.fd6878d",
   "description": "Preview plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,6 +10,7 @@
   "type": "module",
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs"
     }
@@ -24,34 +25,34 @@
   ],
   "dependencies": {
     "@preact-signals/safe-react": "^0.9.0",
-    "@dxos/app-framework": "0.8.4-main.c1de068",
-    "@dxos/async": "0.8.4-main.c1de068",
-    "@dxos/client": "0.8.4-main.c1de068",
-    "@dxos/echo": "0.8.4-main.c1de068",
-    "@dxos/keys": "0.8.4-main.c1de068",
-    "@dxos/lit-ui": "0.8.4-main.c1de068",
-    "@dxos/log": "0.8.4-main.c1de068",
-    "@dxos/echo-schema": "0.8.4-main.c1de068",
-    "@dxos/plugin-attention": "0.8.4-main.c1de068",
-    "@dxos/plugin-client": "0.8.4-main.c1de068",
-    "@dxos/plugin-deck": "0.8.4-main.c1de068",
-    "@dxos/react-client": "0.8.4-main.c1de068",
-    "@dxos/react-ui": "0.8.4-main.c1de068",
-    "@dxos/react-ui-editor": "0.8.4-main.c1de068",
-    "@dxos/react-ui-form": "0.8.4-main.c1de068",
-    "@dxos/react-ui-stack": "0.8.4-main.c1de068",
-    "@dxos/react-ui-table": "0.8.4-main.c1de068",
-    "@dxos/react-ui-theme": "0.8.4-main.c1de068",
-    "@dxos/schema": "0.8.4-main.c1de068",
-    "@dxos/util": "0.8.4-main.c1de068"
+    "@dxos/app-framework": "0.8.4-main.fd6878d",
+    "@dxos/async": "0.8.4-main.fd6878d",
+    "@dxos/echo": "0.8.4-main.fd6878d",
+    "@dxos/client": "0.8.4-main.fd6878d",
+    "@dxos/keys": "0.8.4-main.fd6878d",
+    "@dxos/lit-ui": "0.8.4-main.fd6878d",
+    "@dxos/echo-schema": "0.8.4-main.fd6878d",
+    "@dxos/log": "0.8.4-main.fd6878d",
+    "@dxos/plugin-attention": "0.8.4-main.fd6878d",
+    "@dxos/plugin-client": "0.8.4-main.fd6878d",
+    "@dxos/plugin-deck": "0.8.4-main.fd6878d",
+    "@dxos/react-ui": "0.8.4-main.fd6878d",
+    "@dxos/react-client": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-editor": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-form": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-stack": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-table": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-theme": "0.8.4-main.fd6878d",
+    "@dxos/schema": "0.8.4-main.fd6878d",
+    "@dxos/util": "0.8.4-main.fd6878d"
   },
   "devDependencies": {
-    "effect": "3.17.0",
+    "effect": "3.17.7",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.4-main.c1de068",
-    "@dxos/storybook-utils": "0.8.4-main.c1de068"
+    "@dxos/storybook-utils": "0.8.4-main.fd6878d",
+    "@dxos/random": "0.8.4-main.fd6878d"
   },
   "peerDependencies": {
     "effect": "^3.13.3",

package/src/capabilities/preview-popover.ts

@@ -2,10 +2,10 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Capabilities, LayoutAction, contributes, createIntent, type PluginContext } from '@dxos/app-framework';
+import { Capabilities, LayoutAction, type PluginContext, contributes, createIntent } from '@dxos/app-framework';
 import { addEventListener } from '@dxos/async';
 import { type Client, resolveRef } from '@dxos/client';
-import { parseId, type Space } from '@dxos/client/echo';
+import { type Space, parseId } from '@dxos/client/echo';
 import { DXN } from '@dxos/keys';
 import { type DxRefTagActivate } from '@dxos/lit-ui';
 import { log } from '@dxos/log';

package/src/components/ContactCard.tsx

@@ -4,7 +4,7 @@
 
 import React, { Fragment } from 'react';
 
-import { Icon, Avatar, Button } from '@dxos/react-ui';
+import { Avatar, Button, Icon } from '@dxos/react-ui';
 import { Card, cardHeading, cardText } from '@dxos/react-ui-stack';
 import { mx } from '@dxos/react-ui-theme';
 import { type DataType } from '@dxos/schema';
@@ -46,24 +46,26 @@ export const ContactCard = ({
           )}
         </Card.Chrome>
       )}
-      <dl
-        className={mx(
-          cardText,
-          'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',
-        )}
-      >
-        {emails?.length &&
-          emails.map(({ label, value }) => (
-            <Fragment key={value}>
-              <dt>
-                <Icon icon='ph--at--regular' size={5} />
-              </dt>
-              <dd key={value} className='break-words'>
-                {value}
-              </dd>
-            </Fragment>
-          ))}
-      </dl>
+      {emails?.length && (
+        <dl
+          className={mx(
+            cardText,
+            'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',
+          )}
+        >
+          {emails?.length &&
+            emails.map(({ label, value }) => (
+              <Fragment key={value}>
+                <dt>
+                  <Icon icon='ph--at--regular' size={5} />
+                </dt>
+                <dd key={value} className='break-words'>
+                  {value}
+                </dd>
+              </Fragment>
+            ))}
+        </dl>
+      )}
       {children}
     </Card.SurfaceRoot>
   );

package/src/stories/Card.stories.tsx

@@ -0,0 +1,53 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import '@dxos-theme';
+
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+
+import { withLayout, withTheme } from '@dxos/storybook-utils';
+
+import { translations } from '../translations';
+
+import { Defaultstory, type DefaultstoryProps, createCards } from './testing';
+
+const meta: Meta<DefaultstoryProps> = {
+  title: 'plugins/plugin-preview/Card',
+  render: Defaultstory,
+  decorators: [withTheme, withLayout({ fullscreen: true, classNames: 'flex flex-col justify-center' })],
+  parameters: { translations },
+  tags: ['cards'],
+};
+
+export default meta;
+
+type Story = StoryObj<DefaultstoryProps>;
+
+export const Popover = {
+  args: {
+    role: 'card--popover',
+    cards: createCards(),
+  },
+} satisfies Story;
+
+export const Intrinsic = {
+  args: {
+    role: 'card--intrinsic',
+    cards: createCards(),
+  },
+} satisfies Story;
+
+export const Extrinsic = {
+  args: {
+    role: 'card--extrinsic',
+    cards: createCards(),
+  },
+} satisfies Story;
+
+export const ExtrinsicNoImage = {
+  args: {
+    role: 'card--extrinsic',
+    cards: createCards(false),
+  },
+} satisfies Story;

package/src/{testing/util.tsx → stories/testing.tsx}

@@ -10,36 +10,41 @@ import { faker } from '@dxos/random';
 import { CardContainer } from '@dxos/react-ui-stack/testing';
 import { DataType } from '@dxos/schema';
 
-import type { PreviewProps } from '../types';
+import { ContactCard, OrganizationCard, ProjectCard } from '../components';
+import { type PreviewProps } from '../types';
 
 faker.seed(1234);
 
-export type StoryProps = {
-  Component: FC<PreviewProps<any>>;
+type CardProps<T extends object> = {
+  Component: FC<PreviewProps<T>>;
+  subject: T;
   icon?: string;
-  withImage?: boolean;
-  subject: 'project' | 'contact' | 'organization';
+  image?: boolean;
+};
+
+export type DefaultstoryProps = {
   role: 'card--popover' | 'card--intrinsic' | 'card--extrinsic' | 'card--transclusion';
+  cards: CardProps<any>[];
 };
 
-export const render: Meta<StoryProps>['render'] = ({
-  Component,
-  icon = 'ph--placeholder--regular',
-  role,
-  withImage,
-  subject,
-  ...args
-}) => {
+export const Defaultstory: Meta<DefaultstoryProps>['render'] = ({ role, cards }) => {
   return (
-    <CardContainer icon={icon} role={role}>
-      <Component {...args} subject={withImage ? data[subject] : omitImage(data[subject])} role={role} />
-    </CardContainer>
+    <div className='grid grid-cols-3'>
+      {cards.map(({ Component, icon, image, subject }, i) => (
+        <div key={i} className='flex justify-center'>
+          <CardContainer icon={icon} role={role}>
+            <Component role={role} subject={image ? subject : omitImage(subject)} />
+          </CardContainer>
+        </div>
+      ))}
+    </div>
   );
 };
 
-export const omitImage = ({ image, ...rest }: any) => rest;
+export const omitImage = ({ image: _, ...rest }: any) => rest;
 
-export const data = (() => {
+// TODO(burdon): Test data should exercise the standard data generators.
+export const createCards = (image = true): CardProps<any>[] => {
   const organization = Obj.make(DataType.Organization, {
     name: faker.company.name(),
     image:
@@ -75,5 +80,24 @@ export const data = (() => {
     description: faker.lorem.paragraph(),
   });
 
-  return { organization, contact, project };
-})();
+  return [
+    {
+      Component: OrganizationCard,
+      subject: organization,
+      icon: 'ph--building-office--regular',
+      image,
+    },
+    {
+      Component: ContactCard,
+      subject: contact,
+      icon: 'ph--user--regular',
+      image,
+    },
+    {
+      Component: ProjectCard,
+      subject: project,
+      icon: 'ph--building--regular',
+      image,
+    },
+  ];
+};

package/src/types.ts

@@ -2,10 +2,10 @@
 // Copyright 2025 DXOS.org
 //
 
+import { type Schema } from 'effect';
 import { type PropsWithChildren } from 'react';
 
-// TODO(burdon): Better place for these defs?
-export type PreviewProps<T extends object> = PropsWithChildren<{
+export type PreviewProps<T extends Schema.Schema.Type<any>> = PropsWithChildren<{
   subject: T;
   role?: string;
 }>;

package/dist/types/src/testing/ExtrinsicPreviews.stories.d.ts

@@ -1,35 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-import { type StoryProps } from './util';
-declare const meta: Meta<StoryProps>;
-export default meta;
-export declare const Contact: {
-    args: {
-        Component: ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role, }: import("..").PreviewProps<import("@dxos/schema").DataType.Person> & {
-            onOrgClick?: (org: import("@dxos/schema").DataType.Organization) => void;
-        }) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-export declare const Organization: {
-    args: {
-        Component: ({ children, subject: { name, image, description, website }, role, }: import("..").PreviewProps<import("@dxos/schema").DataType.Organization>) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-export declare const Project: {
-    args: {
-        Component: ({ subject: { name, image, description }, role }: import("..").PreviewProps<import("@dxos/schema").DataType.Project>) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-//# sourceMappingURL=ExtrinsicPreviews.stories.d.ts.map

package/dist/types/src/testing/ExtrinsicPreviews.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtrinsicPreviews.stories.d.ts","sourceRoot":"","sources":["../../../../src/testing/ExtrinsicPreviews.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,KAAK,UAAU,EAAU,MAAM,QAAQ,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAQ1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;;sBAPV,CAAC;;;;;;;CAeV,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC"}

package/dist/types/src/testing/IntrinsicPreviews.stories.d.ts

@@ -1,35 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-import { type StoryProps } from './util';
-declare const meta: Meta<StoryProps>;
-export default meta;
-export declare const Contact: {
-    args: {
-        Component: ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role, }: import("..").PreviewProps<import("@dxos/schema").DataType.Person> & {
-            onOrgClick?: (org: import("@dxos/schema").DataType.Organization) => void;
-        }) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-export declare const Organization: {
-    args: {
-        Component: ({ children, subject: { name, image, description, website }, role, }: import("..").PreviewProps<import("@dxos/schema").DataType.Organization>) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-export declare const Project: {
-    args: {
-        Component: ({ subject: { name, image, description }, role }: import("..").PreviewProps<import("@dxos/schema").DataType.Project>) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-//# sourceMappingURL=IntrinsicPreviews.stories.d.ts.map

package/dist/types/src/testing/IntrinsicPreviews.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntrinsicPreviews.stories.d.ts","sourceRoot":"","sources":["../../../../src/testing/IntrinsicPreviews.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,KAAK,UAAU,EAAU,MAAM,QAAQ,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAQ1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;;sBAPV,CAAC;;;;;;;CAeV,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC"}

package/dist/types/src/testing/PopoverPreviews.stories.d.ts

@@ -1,35 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-import { type StoryProps } from './util';
-declare const meta: Meta<StoryProps>;
-export default meta;
-export declare const Contact: {
-    args: {
-        Component: ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role, }: import("..").PreviewProps<import("@dxos/schema").DataType.Person> & {
-            onOrgClick?: (org: import("@dxos/schema").DataType.Organization) => void;
-        }) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-export declare const Organization: {
-    args: {
-        Component: ({ children, subject: { name, image, description, website }, role, }: import("..").PreviewProps<import("@dxos/schema").DataType.Organization>) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-export declare const Project: {
-    args: {
-        Component: ({ subject: { name, image, description }, role }: import("..").PreviewProps<import("@dxos/schema").DataType.Project>) => import("react").JSX.Element;
-        icon: string;
-        subject: string;
-        withImage: boolean;
-        role: string;
-    };
-};
-//# sourceMappingURL=PopoverPreviews.stories.d.ts.map

package/dist/types/src/testing/PopoverPreviews.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverPreviews.stories.d.ts","sourceRoot":"","sources":["../../../../src/testing/PopoverPreviews.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,KAAK,UAAU,EAAU,MAAM,QAAQ,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAQ1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;;sBAPR,CAAC;;;;;;;CAeZ,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC"}

package/dist/types/src/testing/util.d.ts

@@ -1,80 +0,0 @@
-import type { Meta } from '@storybook/react-vite';
-import { type FC } from 'react';
-import type { PreviewProps } from '../types';
-export type StoryProps = {
-    Component: FC<PreviewProps<any>>;
-    icon?: string;
-    withImage?: boolean;
-    subject: 'project' | 'contact' | 'organization';
-    role: 'card--popover' | 'card--intrinsic' | 'card--extrinsic' | 'card--transclusion';
-};
-export declare const render: Meta<StoryProps>['render'];
-export declare const omitImage: ({ image, ...rest }: any) => any;
-export declare const data: {
-    organization: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-        image?: string | undefined;
-        id: string;
-        status?: "active" | "prospect" | "qualified" | "commit" | "reject" | undefined;
-        name?: string | undefined;
-        description?: string | undefined;
-        website?: string | undefined;
-    }>;
-    contact: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-        fields?: {
-            readonly label: string;
-            readonly category?: string | undefined;
-            readonly value: string;
-        }[] | undefined;
-        fullName?: string | undefined;
-        preferredName?: string | undefined;
-        nickname?: string | undefined;
-        image?: string | undefined;
-        organization?: import("@dxos/echo-schema").Ref<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-            id: string;
-            name?: string | undefined;
-            description?: string | undefined;
-            status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
-            image?: string | undefined;
-            website?: string | undefined;
-        }> | undefined;
-        jobTitle?: string | undefined;
-        department?: string | undefined;
-        notes?: string | undefined;
-        emails?: {
-            readonly label?: string | undefined;
-            readonly value: string;
-        }[] | undefined;
-        identities?: {
-            readonly label?: string | undefined;
-            readonly value: string;
-        }[] | undefined;
-        phoneNumbers?: {
-            readonly label?: string | undefined;
-            readonly value: string;
-        }[] | undefined;
-        addresses?: {
-            readonly label?: string | undefined;
-            readonly value: {
-                readonly street?: string | undefined;
-                readonly extended?: string | undefined;
-                readonly locality?: string | undefined;
-                readonly region?: string | undefined;
-                readonly postalCode?: string | undefined;
-                readonly postOfficeBoxNumber?: string | undefined;
-                readonly country?: string | undefined;
-            };
-        }[] | undefined;
-        urls?: {
-            readonly label?: string | undefined;
-            readonly value: string;
-        }[] | undefined;
-        birthday?: string | undefined;
-    }>;
-    project: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
-        image?: string | undefined;
-        id: string;
-        name: string;
-        description?: string | undefined;
-    }>;
-};
-//# sourceMappingURL=util.d.ts.map

package/dist/types/src/testing/util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/testing/util.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,cAAc,CAAC;IAChD,IAAI,EAAE,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;CACtF,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,CAa7C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,oBAAoB,GAAG,QAAS,CAAC;AAE3D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCb,CAAC"}

package/src/testing/ExtrinsicPreviews.stories.tsx

@@ -1,55 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react-vite';
-
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { type StoryProps, render } from './util';
-import { ContactCard, OrganizationCard, ProjectCard } from '../components';
-import { translations } from '../translations';
-
-const meta: Meta<StoryProps> = {
-  title: 'Cards/plugin-preview/Extrinsic',
-  render,
-  decorators: [withTheme, withLayout()],
-  parameters: {
-    layout: 'centered',
-    translations,
-  },
-};
-
-export default meta;
-
-export const Contact = {
-  args: {
-    Component: ContactCard,
-    icon: 'ph--user--regular',
-    subject: 'contact',
-    withImage: true,
-    role: 'card--extrinsic',
-  },
-};
-
-export const Organization = {
-  args: {
-    Component: OrganizationCard,
-    icon: 'ph--building-office--regular',
-    subject: 'organization',
-    withImage: true,
-    role: 'card--extrinsic',
-  },
-};
-
-export const Project = {
-  args: {
-    Component: ProjectCard,
-    icon: 'ph--building--regular',
-    subject: 'project',
-    withImage: true,
-    role: 'card--extrinsic',
-  },
-};

package/src/testing/IntrinsicPreviews.stories.tsx

@@ -1,55 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react-vite';
-
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { type StoryProps, render } from './util';
-import { ContactCard, OrganizationCard, ProjectCard } from '../components';
-import { translations } from '../translations';
-
-const meta: Meta<StoryProps> = {
-  title: 'Cards/plugin-preview/Intrinsic',
-  render,
-  decorators: [withTheme, withLayout()],
-  parameters: {
-    layout: 'centered',
-    translations,
-  },
-};
-
-export default meta;
-
-export const Contact = {
-  args: {
-    Component: ContactCard,
-    icon: 'ph--user--regular',
-    subject: 'contact',
-    withImage: true,
-    role: 'card--intrinsic',
-  },
-};
-
-export const Organization = {
-  args: {
-    Component: OrganizationCard,
-    icon: 'ph--building-office--regular',
-    subject: 'organization',
-    withImage: true,
-    role: 'card--intrinsic',
-  },
-};
-
-export const Project = {
-  args: {
-    Component: ProjectCard,
-    icon: 'ph--building--regular',
-    subject: 'project',
-    withImage: true,
-    role: 'card--intrinsic',
-  },
-};

package/src/testing/PopoverPreviews.stories.tsx

@@ -1,55 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react-vite';
-
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { type StoryProps, render } from './util';
-import { ContactCard, OrganizationCard, ProjectCard } from '../components';
-import { translations } from '../translations';
-
-const meta: Meta<StoryProps> = {
-  title: 'Cards/plugin-preview/Popover',
-  render,
-  decorators: [withTheme, withLayout()],
-  parameters: {
-    layout: 'centered',
-    translations,
-  },
-};
-
-export default meta;
-
-export const Contact = {
-  args: {
-    Component: ContactCard,
-    icon: 'ph--user--regular',
-    subject: 'contact',
-    withImage: true,
-    role: 'card--popover',
-  },
-};
-
-export const Organization = {
-  args: {
-    Component: OrganizationCard,
-    icon: 'ph--building-office--regular',
-    subject: 'organization',
-    withImage: true,
-    role: 'card--popover',
-  },
-};
-
-export const Project = {
-  args: {
-    Component: ProjectCard,
-    icon: 'ph--building--regular',
-    subject: 'project',
-    withImage: true,
-    role: 'card--popover',
-  },
-};