@dxos/plugin-preview 0.8.4-main.67995b8 → 0.8.4-main.f5c0578
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{preview-popover-2UCEZUQW.mjs → preview-popover-MAIBTJKJ.mjs} +1 -1
- package/dist/lib/browser/{preview-popover-2UCEZUQW.mjs.map → preview-popover-MAIBTJKJ.mjs.map} +2 -2
- package/dist/lib/browser/{react-surface-CZMUEWPV.mjs → react-surface-H4RYYXVQ.mjs} +133 -57
- package/dist/lib/browser/react-surface-H4RYYXVQ.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{preview-popover-OSHWR2YE.mjs → preview-popover-LZGHYW23.mjs} +1 -1
- package/dist/lib/node-esm/{preview-popover-OSHWR2YE.mjs.map → preview-popover-LZGHYW23.mjs.map} +2 -2
- package/dist/lib/node-esm/{react-surface-IPZBISWS.mjs → react-surface-4C44XCLH.mjs} +133 -57
- package/dist/lib/node-esm/react-surface-4C44XCLH.mjs.map +7 -0
- package/dist/types/src/capabilities/preview-popover.d.ts.map +1 -1
- package/dist/types/src/components/CardSubjectMenu.d.ts +10 -0
- package/dist/types/src/components/CardSubjectMenu.d.ts.map +1 -0
- package/dist/types/src/components/ContactCard.d.ts +1 -1
- package/dist/types/src/components/ContactCard.d.ts.map +1 -1
- package/dist/types/src/components/OrganizationCard.d.ts +1 -1
- package/dist/types/src/components/OrganizationCard.d.ts.map +1 -1
- package/dist/types/src/components/ProjectCard.d.ts +1 -1
- package/dist/types/src/components/ProjectCard.d.ts.map +1 -1
- package/dist/types/src/stories/Card.stories.d.ts +50 -0
- package/dist/types/src/stories/Card.stories.d.ts.map +1 -0
- package/dist/types/src/stories/testing.d.ts +18 -0
- package/dist/types/src/stories/testing.d.ts.map +1 -0
- package/dist/types/src/types.d.ts +2 -1
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +29 -26
- package/src/capabilities/preview-popover.ts +2 -2
- package/src/components/CardSubjectMenu.tsx +56 -0
- package/src/components/ContactCard.tsx +28 -22
- package/src/components/OrganizationCard.tsx +10 -7
- package/src/components/ProjectCard.tsx +10 -3
- package/src/stories/Card.stories.tsx +53 -0
- package/src/{testing/util.tsx → stories/testing.tsx} +44 -20
- package/src/types.ts +2 -2
- package/dist/lib/browser/react-surface-CZMUEWPV.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-IPZBISWS.mjs.map +0 -7
- package/dist/types/src/testing/ExtrinsicPreviews.stories.d.ts +0 -35
- package/dist/types/src/testing/ExtrinsicPreviews.stories.d.ts.map +0 -1
- package/dist/types/src/testing/IntrinsicPreviews.stories.d.ts +0 -35
- package/dist/types/src/testing/IntrinsicPreviews.stories.d.ts.map +0 -1
- package/dist/types/src/testing/PopoverPreviews.stories.d.ts +0 -35
- package/dist/types/src/testing/PopoverPreviews.stories.d.ts.map +0 -1
- package/dist/types/src/testing/util.d.ts +0 -80
- package/dist/types/src/testing/util.d.ts.map +0 -1
- package/src/testing/ExtrinsicPreviews.stories.tsx +0 -55
- package/src/testing/IntrinsicPreviews.stories.tsx +0 -55
- package/src/testing/PopoverPreviews.stories.tsx +0 -55
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-preview",
|
|
3
|
-
"version": "0.8.4-main.
|
|
3
|
+
"version": "0.8.4-main.f5c0578",
|
|
4
4
|
"description": "Preview plugin",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
"type": "module",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
+
"source": "./src/index.ts",
|
|
13
14
|
"types": "./dist/types/src/index.d.ts",
|
|
14
|
-
"browser": "./dist/lib/browser/index.mjs"
|
|
15
|
-
"source": "./src/index.ts"
|
|
15
|
+
"browser": "./dist/lib/browser/index.mjs"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"types": "dist/types/src/index.d.ts",
|
|
@@ -24,35 +24,38 @@
|
|
|
24
24
|
"src"
|
|
25
25
|
],
|
|
26
26
|
"dependencies": {
|
|
27
|
+
"@effect-rx/rx-react": "0.38.0",
|
|
27
28
|
"@preact-signals/safe-react": "^0.9.0",
|
|
28
|
-
"@dxos/app-framework": "0.8.4-main.
|
|
29
|
-
"@dxos/
|
|
30
|
-
"@dxos/
|
|
31
|
-
"@dxos/client": "0.8.4-main.
|
|
32
|
-
"@dxos/
|
|
33
|
-
"@dxos/
|
|
34
|
-
"@dxos/
|
|
35
|
-
"@dxos/log": "0.8.4-main.
|
|
36
|
-
"@dxos/plugin-attention": "0.8.4-main.
|
|
37
|
-
"@dxos/plugin-
|
|
38
|
-
"@dxos/
|
|
39
|
-
"@dxos/plugin-
|
|
40
|
-
"@dxos/react-
|
|
41
|
-
"@dxos/react-ui
|
|
42
|
-
"@dxos/react-ui-
|
|
43
|
-
"@dxos/react-ui-
|
|
44
|
-
"@dxos/react-ui-
|
|
45
|
-
"@dxos/react-ui-theme": "0.8.4-main.
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/
|
|
29
|
+
"@dxos/app-framework": "0.8.4-main.f5c0578",
|
|
30
|
+
"@dxos/app-graph": "0.8.4-main.f5c0578",
|
|
31
|
+
"@dxos/async": "0.8.4-main.f5c0578",
|
|
32
|
+
"@dxos/client": "0.8.4-main.f5c0578",
|
|
33
|
+
"@dxos/keys": "0.8.4-main.f5c0578",
|
|
34
|
+
"@dxos/lit-ui": "0.8.4-main.f5c0578",
|
|
35
|
+
"@dxos/echo": "0.8.4-main.f5c0578",
|
|
36
|
+
"@dxos/log": "0.8.4-main.f5c0578",
|
|
37
|
+
"@dxos/plugin-attention": "0.8.4-main.f5c0578",
|
|
38
|
+
"@dxos/plugin-client": "0.8.4-main.f5c0578",
|
|
39
|
+
"@dxos/echo-schema": "0.8.4-main.f5c0578",
|
|
40
|
+
"@dxos/plugin-deck": "0.8.4-main.f5c0578",
|
|
41
|
+
"@dxos/react-client": "0.8.4-main.f5c0578",
|
|
42
|
+
"@dxos/react-ui": "0.8.4-main.f5c0578",
|
|
43
|
+
"@dxos/react-ui-editor": "0.8.4-main.f5c0578",
|
|
44
|
+
"@dxos/react-ui-form": "0.8.4-main.f5c0578",
|
|
45
|
+
"@dxos/react-ui-stack": "0.8.4-main.f5c0578",
|
|
46
|
+
"@dxos/react-ui-theme": "0.8.4-main.f5c0578",
|
|
47
|
+
"@dxos/react-ui-table": "0.8.4-main.f5c0578",
|
|
48
|
+
"@dxos/react-ui-menu": "0.8.4-main.f5c0578",
|
|
49
|
+
"@dxos/schema": "0.8.4-main.f5c0578",
|
|
50
|
+
"@dxos/util": "0.8.4-main.f5c0578"
|
|
48
51
|
},
|
|
49
52
|
"devDependencies": {
|
|
50
|
-
"effect": "3.17.
|
|
53
|
+
"effect": "3.17.7",
|
|
51
54
|
"react": "~18.2.0",
|
|
52
55
|
"react-dom": "~18.2.0",
|
|
53
56
|
"vite": "5.4.7",
|
|
54
|
-
"@dxos/random": "0.8.4-main.
|
|
55
|
-
"@dxos/storybook-utils": "0.8.4-main.
|
|
57
|
+
"@dxos/random": "0.8.4-main.f5c0578",
|
|
58
|
+
"@dxos/storybook-utils": "0.8.4-main.f5c0578"
|
|
56
59
|
},
|
|
57
60
|
"peerDependencies": {
|
|
58
61
|
"effect": "^3.13.3",
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
// Copyright 2025 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { Capabilities, LayoutAction, contributes, createIntent
|
|
5
|
+
import { Capabilities, LayoutAction, type PluginContext, contributes, createIntent } from '@dxos/app-framework';
|
|
6
6
|
import { addEventListener } from '@dxos/async';
|
|
7
7
|
import { type Client, resolveRef } from '@dxos/client';
|
|
8
|
-
import {
|
|
8
|
+
import { type Space, parseId } from '@dxos/client/echo';
|
|
9
9
|
import { DXN } from '@dxos/keys';
|
|
10
10
|
import { type DxRefTagActivate } from '@dxos/lit-ui';
|
|
11
11
|
import { log } from '@dxos/log';
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import { Rx } from '@effect-rx/rx-react';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
|
|
8
|
+
// import { useIntentDispatcher } from '@dxos/app-framework';
|
|
9
|
+
import { ACTION_TYPE } from '@dxos/app-graph';
|
|
10
|
+
import { type AnyEchoObject } from '@dxos/echo-schema';
|
|
11
|
+
import { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';
|
|
12
|
+
import { type ActionGraphProps, DropdownMenu, MenuProvider, useMenuActions } from '@dxos/react-ui-menu';
|
|
13
|
+
|
|
14
|
+
const useSubjectMenuGroupItems = (subject: AnyEchoObject) => {
|
|
15
|
+
// const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
16
|
+
const result: ActionGraphProps = { edges: [], nodes: [] };
|
|
17
|
+
result.nodes.push({
|
|
18
|
+
type: ACTION_TYPE,
|
|
19
|
+
id: `${subject.id}/add-to-space`,
|
|
20
|
+
data: () => console.log('[TO DO]', 'add object to space', subject),
|
|
21
|
+
properties: {
|
|
22
|
+
label: ['add object to space label', { ns: 'os' }],
|
|
23
|
+
icon: 'ph--file-plus--regular',
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
result.nodes.forEach(({ id: target }) => {
|
|
27
|
+
result.edges.push({ source: 'root', target });
|
|
28
|
+
});
|
|
29
|
+
return useMenuActions(Rx.make(result));
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* This is a generic menu for objects that tries to infer common actions.
|
|
34
|
+
*/
|
|
35
|
+
export const CardSubjectMenu = ({
|
|
36
|
+
subject,
|
|
37
|
+
...props
|
|
38
|
+
}: Omit<IconButtonProps, 'icon' | 'label'> & { subject: AnyEchoObject }) => {
|
|
39
|
+
const { t } = useTranslation('os');
|
|
40
|
+
const menuProps = useSubjectMenuGroupItems(subject);
|
|
41
|
+
return (
|
|
42
|
+
<MenuProvider {...menuProps}>
|
|
43
|
+
<DropdownMenu.Root>
|
|
44
|
+
<DropdownMenu.Trigger asChild>
|
|
45
|
+
<IconButton
|
|
46
|
+
iconOnly
|
|
47
|
+
variant='ghost'
|
|
48
|
+
icon='ph--dots-three-vertical--bold'
|
|
49
|
+
label={t('more options label')}
|
|
50
|
+
{...props}
|
|
51
|
+
/>
|
|
52
|
+
</DropdownMenu.Trigger>
|
|
53
|
+
</DropdownMenu.Root>
|
|
54
|
+
</MenuProvider>
|
|
55
|
+
);
|
|
56
|
+
};
|
|
@@ -4,29 +4,33 @@
|
|
|
4
4
|
|
|
5
5
|
import React, { Fragment } from 'react';
|
|
6
6
|
|
|
7
|
-
import {
|
|
7
|
+
import { Avatar, Button, Icon } from '@dxos/react-ui';
|
|
8
8
|
import { Card, cardHeading, cardText } from '@dxos/react-ui-stack';
|
|
9
9
|
import { mx } from '@dxos/react-ui-theme';
|
|
10
10
|
import { type DataType } from '@dxos/schema';
|
|
11
11
|
|
|
12
12
|
import { type PreviewProps } from '../types';
|
|
13
13
|
|
|
14
|
+
import { CardSubjectMenu } from './CardSubjectMenu';
|
|
15
|
+
|
|
14
16
|
export const ContactCard = ({
|
|
15
17
|
children,
|
|
16
|
-
subject
|
|
18
|
+
subject,
|
|
17
19
|
onOrgClick,
|
|
18
20
|
role,
|
|
19
21
|
}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {
|
|
22
|
+
const { fullName, image, organization, emails } = subject;
|
|
20
23
|
const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;
|
|
21
24
|
return (
|
|
22
25
|
<Card.SurfaceRoot role={role}>
|
|
23
26
|
<Avatar.Root>
|
|
24
27
|
<Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>
|
|
25
28
|
<Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />
|
|
26
|
-
<div role='none' className='bs-min self-center'>
|
|
29
|
+
<div role='none' className='bs-min self-center flex items-center'>
|
|
27
30
|
<Avatar.Label asChild>
|
|
28
|
-
<h2 className={cardHeading}>{fullName}</h2>
|
|
31
|
+
<h2 className={mx(cardHeading, 'grow')}>{fullName}</h2>
|
|
29
32
|
</Avatar.Label>
|
|
33
|
+
<CardSubjectMenu subject={subject} />
|
|
30
34
|
</div>
|
|
31
35
|
</Card.Text>
|
|
32
36
|
</Avatar.Root>
|
|
@@ -46,24 +50,26 @@ export const ContactCard = ({
|
|
|
46
50
|
)}
|
|
47
51
|
</Card.Chrome>
|
|
48
52
|
)}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
emails
|
|
57
|
-
|
|
58
|
-
<
|
|
59
|
-
<
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
{value}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
53
|
+
{emails?.length && (
|
|
54
|
+
<dl
|
|
55
|
+
className={mx(
|
|
56
|
+
cardText,
|
|
57
|
+
'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',
|
|
58
|
+
)}
|
|
59
|
+
>
|
|
60
|
+
{emails?.length &&
|
|
61
|
+
emails.map(({ label, value }) => (
|
|
62
|
+
<Fragment key={value}>
|
|
63
|
+
<dt>
|
|
64
|
+
<Icon icon='ph--at--regular' size={5} />
|
|
65
|
+
</dt>
|
|
66
|
+
<dd key={value} className='break-words'>
|
|
67
|
+
{value}
|
|
68
|
+
</dd>
|
|
69
|
+
</Fragment>
|
|
70
|
+
))}
|
|
71
|
+
</dl>
|
|
72
|
+
)}
|
|
67
73
|
{children}
|
|
68
74
|
</Card.SurfaceRoot>
|
|
69
75
|
);
|
|
@@ -5,20 +5,23 @@
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
|
|
7
7
|
import { Icon } from '@dxos/react-ui';
|
|
8
|
-
import { Card } from '@dxos/react-ui-stack';
|
|
8
|
+
import { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';
|
|
9
|
+
import { mx } from '@dxos/react-ui-theme';
|
|
9
10
|
import { type DataType } from '@dxos/schema';
|
|
10
11
|
|
|
11
12
|
import { type PreviewProps } from '../types';
|
|
12
13
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}: PreviewProps<DataType.Organization>) => {
|
|
14
|
+
import { CardSubjectMenu } from './CardSubjectMenu';
|
|
15
|
+
|
|
16
|
+
export const OrganizationCard = ({ children, subject, role }: PreviewProps<DataType.Organization>) => {
|
|
17
|
+
const { name, image, description, website } = subject;
|
|
18
18
|
return (
|
|
19
19
|
<Card.SurfaceRoot role={role}>
|
|
20
20
|
<Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />
|
|
21
|
-
<
|
|
21
|
+
<div role='none' className={mx('flex items-center gap-2', cardSpacing)}>
|
|
22
|
+
<Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>
|
|
23
|
+
<CardSubjectMenu subject={subject} />
|
|
24
|
+
</div>
|
|
22
25
|
{description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}
|
|
23
26
|
{website && (
|
|
24
27
|
<Card.Chrome>
|
|
@@ -4,16 +4,23 @@
|
|
|
4
4
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
|
|
7
|
-
import { Card } from '@dxos/react-ui-stack';
|
|
7
|
+
import { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';
|
|
8
|
+
import { mx } from '@dxos/react-ui-theme';
|
|
8
9
|
import { type DataType } from '@dxos/schema';
|
|
9
10
|
|
|
10
11
|
import { type PreviewProps } from '../types';
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
import { CardSubjectMenu } from './CardSubjectMenu';
|
|
14
|
+
|
|
15
|
+
export const ProjectCard = ({ subject, role }: PreviewProps<DataType.Project>) => {
|
|
16
|
+
const { name, image, description } = subject;
|
|
13
17
|
return (
|
|
14
18
|
<Card.SurfaceRoot role={role}>
|
|
15
19
|
{image && <Card.Poster image={image} alt={name} aspect='auto' />}
|
|
16
|
-
<
|
|
20
|
+
<div role='none' className={mx('flex items-center gap-2', cardSpacing)}>
|
|
21
|
+
<Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>
|
|
22
|
+
<CardSubjectMenu subject={subject} />
|
|
23
|
+
</div>
|
|
17
24
|
{description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}
|
|
18
25
|
</Card.SurfaceRoot>
|
|
19
26
|
);
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2023 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import '@dxos-theme';
|
|
6
|
+
|
|
7
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
8
|
+
|
|
9
|
+
import { withLayout, withTheme } from '@dxos/storybook-utils';
|
|
10
|
+
|
|
11
|
+
import { translations } from '../translations';
|
|
12
|
+
|
|
13
|
+
import { Defaultstory, type DefaultstoryProps, createCards } from './testing';
|
|
14
|
+
|
|
15
|
+
const meta: Meta<DefaultstoryProps> = {
|
|
16
|
+
title: 'plugins/plugin-preview/Card',
|
|
17
|
+
render: Defaultstory,
|
|
18
|
+
decorators: [withTheme, withLayout({ fullscreen: true, classNames: 'flex flex-col justify-center' })],
|
|
19
|
+
parameters: { translations },
|
|
20
|
+
tags: ['cards'],
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export default meta;
|
|
24
|
+
|
|
25
|
+
type Story = StoryObj<DefaultstoryProps>;
|
|
26
|
+
|
|
27
|
+
export const Popover = {
|
|
28
|
+
args: {
|
|
29
|
+
role: 'card--popover',
|
|
30
|
+
cards: createCards(),
|
|
31
|
+
},
|
|
32
|
+
} satisfies Story;
|
|
33
|
+
|
|
34
|
+
export const Intrinsic = {
|
|
35
|
+
args: {
|
|
36
|
+
role: 'card--intrinsic',
|
|
37
|
+
cards: createCards(),
|
|
38
|
+
},
|
|
39
|
+
} satisfies Story;
|
|
40
|
+
|
|
41
|
+
export const Extrinsic = {
|
|
42
|
+
args: {
|
|
43
|
+
role: 'card--extrinsic',
|
|
44
|
+
cards: createCards(),
|
|
45
|
+
},
|
|
46
|
+
} satisfies Story;
|
|
47
|
+
|
|
48
|
+
export const ExtrinsicNoImage = {
|
|
49
|
+
args: {
|
|
50
|
+
role: 'card--extrinsic',
|
|
51
|
+
cards: createCards(false),
|
|
52
|
+
},
|
|
53
|
+
} satisfies Story;
|
|
@@ -10,36 +10,41 @@ import { faker } from '@dxos/random';
|
|
|
10
10
|
import { CardContainer } from '@dxos/react-ui-stack/testing';
|
|
11
11
|
import { DataType } from '@dxos/schema';
|
|
12
12
|
|
|
13
|
-
import
|
|
13
|
+
import { ContactCard, OrganizationCard, ProjectCard } from '../components';
|
|
14
|
+
import { type PreviewProps } from '../types';
|
|
14
15
|
|
|
15
16
|
faker.seed(1234);
|
|
16
17
|
|
|
17
|
-
|
|
18
|
-
Component: FC<PreviewProps<
|
|
18
|
+
type CardProps<T extends object> = {
|
|
19
|
+
Component: FC<PreviewProps<T>>;
|
|
20
|
+
subject: T;
|
|
19
21
|
icon?: string;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
+
image?: boolean;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export type DefaultstoryProps = {
|
|
22
26
|
role: 'card--popover' | 'card--intrinsic' | 'card--extrinsic' | 'card--transclusion';
|
|
27
|
+
cards: CardProps<any>[];
|
|
23
28
|
};
|
|
24
29
|
|
|
25
|
-
export const
|
|
26
|
-
Component,
|
|
27
|
-
icon = 'ph--placeholder--regular',
|
|
28
|
-
role,
|
|
29
|
-
withImage,
|
|
30
|
-
subject,
|
|
31
|
-
...args
|
|
32
|
-
}) => {
|
|
30
|
+
export const Defaultstory: Meta<DefaultstoryProps>['render'] = ({ role, cards }) => {
|
|
33
31
|
return (
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
<div className='grid grid-cols-3'>
|
|
33
|
+
{cards.map(({ Component, icon, image, subject }, i) => (
|
|
34
|
+
<div key={i} className='flex justify-center'>
|
|
35
|
+
<CardContainer icon={icon} role={role}>
|
|
36
|
+
<Component role={role} subject={image ? subject : omitImage(subject)} />
|
|
37
|
+
</CardContainer>
|
|
38
|
+
</div>
|
|
39
|
+
))}
|
|
40
|
+
</div>
|
|
37
41
|
);
|
|
38
42
|
};
|
|
39
43
|
|
|
40
|
-
export const omitImage = ({ image, ...rest }: any) => rest;
|
|
44
|
+
export const omitImage = ({ image: _, ...rest }: any) => rest;
|
|
41
45
|
|
|
42
|
-
|
|
46
|
+
// TODO(burdon): Test data should exercise the standard data generators.
|
|
47
|
+
export const createCards = (image = true): CardProps<any>[] => {
|
|
43
48
|
const organization = Obj.make(DataType.Organization, {
|
|
44
49
|
name: faker.company.name(),
|
|
45
50
|
image:
|
|
@@ -75,5 +80,24 @@ export const data = (() => {
|
|
|
75
80
|
description: faker.lorem.paragraph(),
|
|
76
81
|
});
|
|
77
82
|
|
|
78
|
-
return
|
|
79
|
-
|
|
83
|
+
return [
|
|
84
|
+
{
|
|
85
|
+
Component: OrganizationCard,
|
|
86
|
+
subject: organization,
|
|
87
|
+
icon: 'ph--building-office--regular',
|
|
88
|
+
image,
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
Component: ContactCard,
|
|
92
|
+
subject: contact,
|
|
93
|
+
icon: 'ph--user--regular',
|
|
94
|
+
image,
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
Component: ProjectCard,
|
|
98
|
+
subject: project,
|
|
99
|
+
icon: 'ph--building--regular',
|
|
100
|
+
image,
|
|
101
|
+
},
|
|
102
|
+
];
|
|
103
|
+
};
|
package/src/types.ts
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
// Copyright 2025 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
+
import { type Schema } from 'effect';
|
|
5
6
|
import { type PropsWithChildren } from 'react';
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
export type PreviewProps<T extends object> = PropsWithChildren<{
|
|
8
|
+
export type PreviewProps<T extends Schema.Schema.Type<any>> = PropsWithChildren<{
|
|
9
9
|
subject: T;
|
|
10
10
|
role?: string;
|
|
11
11
|
}>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Effect } from 'effect';\nimport React, { useCallback } from 'react';\n\nimport {\n Capabilities,\n LayoutAction,\n Surface,\n contributes,\n createIntent,\n createSurface,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, getSchema, getSpace } from '@dxos/client/echo';\nimport { Filter, Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { AttentionAction } from '@dxos/plugin-attention/types';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { useQuery, useSpace } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { TableView } from '@dxos/react-ui-table/types';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { PREVIEW_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n //\n // Specific schema types.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--contact`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),\n component: ({ data, role }) => {\n const { dispatch } = useIntentDispatcher();\n const space = getSpace(data.subject);\n const defaultSpace = useSpace();\n\n const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));\n const currentSpaceViews = useQuery(space, Filter.type(DataType.View));\n const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));\n const currentSpaceOrgTable = currentSpaceViews.find(\n (view) =>\n view.query.typename === DataType.Organization.typename &&\n Obj.instanceOf(TableView, view.presentation.target),\n );\n const defaultSpaceOrgTable = defaultSpaceViews.find(\n (view) =>\n view.query.typename === DataType.Organization.typename &&\n Obj.instanceOf(TableView, view.presentation.target),\n );\n\n // TODO(wittjosiah): Generalized way of handling related objects navigation.\n const handleOrgClick = useCallback(\n (org: DataType.Organization) =>\n Effect.gen(function* () {\n const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;\n yield* dispatch(\n createIntent(LayoutAction.UpdatePopover, {\n part: 'popover',\n options: {\n state: false,\n anchorId: '',\n },\n }),\n );\n if (view) {\n const id = fullyQualifiedId(view);\n yield* dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [id],\n options: { workspace: space?.id },\n }),\n );\n yield* dispatch(\n createIntent(DeckAction.ChangeCompanion, {\n primary: id,\n companion: [id, 'selected-objects'].join(ATTENDABLE_PATH_SEPARATOR),\n }),\n );\n yield* dispatch(\n createIntent(AttentionAction.Select, {\n contextId: id,\n selection: { mode: 'multi', ids: [org.id] },\n }),\n );\n }\n }).pipe(Effect.runPromise),\n [dispatch, currentSpaceOrgs, currentSpaceOrgTable, defaultSpaceOrgTable],\n );\n\n return (\n <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </ContactCard>\n );\n },\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--organization`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n component: ({ data, role }) => (\n <OrganizationCard role={role} subject={data.subject}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </OrganizationCard>\n ),\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--project`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),\n component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,\n }),\n\n //\n // Fallback for any object.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/fallback-popover`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n const schema = getSchema(data.subject);\n const { t } = useTranslation(PREVIEW_PLUGIN);\n if (!schema) {\n // TODO(burdon): Use Alert.\n return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n }\n\n const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n for (const path of changedPaths) {\n const value = values[path];\n setValue(data.subject, path as JsonPath, value);\n }\n }, []);\n\n return (\n <Card.SurfaceRoot role={role}>\n <Form\n schema={schema}\n values={data.subject}\n readonly={role === 'card--popover'}\n onSave={handleSave}\n autoSave\n {...(role === 'card--intrinsic' && { outerSpacing: 'blockStart-0' })}\n />\n </Card.SurfaceRoot>\n );\n },\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Icon, Avatar, Button } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ContactCard = ({\n children,\n subject: { fullName, image, organization, emails },\n onOrgClick,\n role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n return (\n <Card.SurfaceRoot role={role}>\n <Avatar.Root>\n <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>\n <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n <div role='none' className='bs-min self-center'>\n <Avatar.Label asChild>\n <h2 className={cardHeading}>{fullName}</h2>\n </Avatar.Label>\n </div>\n </Card.Text>\n </Avatar.Root>\n {organizationName && (\n <Card.Chrome>\n {typeof organization === 'object' && onOrgClick ? (\n <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n <Icon icon='ph--arrow-right--regular' />\n </Button>\n ) : (\n <p className='dx-button gap-2' data-variant='ghost'>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n </p>\n )}\n </Card.Chrome>\n )}\n <dl\n className={mx(\n cardText,\n 'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n )}\n >\n {emails?.length &&\n emails.map(({ label, value }) => (\n <Fragment key={value}>\n <dt>\n <Icon icon='ph--at--regular' size={5} />\n </dt>\n <dd key={value} className='break-words'>\n {value}\n </dd>\n </Fragment>\n ))}\n </dl>\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({\n children,\n subject: { name, image, description, website },\n role,\n}: PreviewProps<DataType.Organization>) => {\n return (\n <Card.SurfaceRoot role={role}>\n <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n {website && (\n <Card.Chrome>\n <a\n className='dx-button dx-focus-ring gap-2'\n data-variant='ghost'\n href={website}\n target='_blank'\n rel='noreferrer'\n >\n <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n <span className='grow'>{website}</span>\n <Icon icon='ph--arrow-square-out--regular' />\n </a>\n </Card.Chrome>\n )}\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => {\n return (\n <Card.SurfaceRoot role={role}>\n {image && <Card.Poster image={image} alt={name} aspect='auto' />}\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n </Card.SurfaceRoot>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Effect", "React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Filter", "Obj", "setValue", "AttentionAction", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "useQuery", "useSpace", "useTranslation", "Form", "Card", "TableView", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Icon", "Avatar", "Button", "Card", "cardHeading", "cardText", "mx", "ContactCard", "children", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "role", "organizationName", "target", "name", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "cardHeading", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "dl", "mx", "cardText", "length", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "OrganizationCard", "children", "subject", "name", "image", "description", "website", "role", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "Heading", "Text", "classNames", "Chrome", "a", "className", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Card", "ProjectCard", "subject", "name", "image", "description", "role", "React", "Card", "SurfaceRoot", "Poster", "alt", "aspect", "Heading", "Text", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatch", "useIntentDispatcher", "space", "getSpace", "defaultSpace", "useSpace", "currentSpaceOrgs", "useQuery", "Filter", "type", "Organization", "currentSpaceViews", "View", "defaultSpaceViews", "currentSpaceOrgTable", "find", "view", "query", "typename", "TableView", "presentation", "target", "defaultSpaceOrgTable", "handleOrgClick", "useCallback", "org", "Effect", "gen", "includes", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "fullyQualifiedId", "Open", "workspace", "DeckAction", "ChangeCompanion", "primary", "companion", "join", "ATTENDABLE_PATH_SEPARATOR", "AttentionAction", "Select", "contextId", "selection", "mode", "ids", "pipe", "runPromise", "React", "ContactCard", "onOrgClick", "Surface", "OrganizationCard", "Project", "ProjectCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "SurfaceRoot", "Form", "readonly", "onSave", "autoSave", "outerSpacing"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Effect } from 'effect';\nimport React, { useCallback } from 'react';\n\nimport {\n Capabilities,\n LayoutAction,\n Surface,\n contributes,\n createIntent,\n createSurface,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, getSchema, getSpace } from '@dxos/client/echo';\nimport { Filter, Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { AttentionAction } from '@dxos/plugin-attention/types';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { useQuery, useSpace } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { TableView } from '@dxos/react-ui-table/types';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { PREVIEW_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n //\n // Specific schema types.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--contact`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),\n component: ({ data, role }) => {\n const { dispatch } = useIntentDispatcher();\n const space = getSpace(data.subject);\n const defaultSpace = useSpace();\n\n const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));\n const currentSpaceViews = useQuery(space, Filter.type(DataType.View));\n const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));\n const currentSpaceOrgTable = currentSpaceViews.find(\n (view) =>\n view.query.typename === DataType.Organization.typename &&\n Obj.instanceOf(TableView, view.presentation.target),\n );\n const defaultSpaceOrgTable = defaultSpaceViews.find(\n (view) =>\n view.query.typename === DataType.Organization.typename &&\n Obj.instanceOf(TableView, view.presentation.target),\n );\n\n // TODO(wittjosiah): Generalized way of handling related objects navigation.\n const handleOrgClick = useCallback(\n (org: DataType.Organization) =>\n Effect.gen(function* () {\n const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;\n yield* dispatch(\n createIntent(LayoutAction.UpdatePopover, {\n part: 'popover',\n options: {\n state: false,\n anchorId: '',\n },\n }),\n );\n if (view) {\n const id = fullyQualifiedId(view);\n yield* dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [id],\n options: { workspace: space?.id },\n }),\n );\n yield* dispatch(\n createIntent(DeckAction.ChangeCompanion, {\n primary: id,\n companion: [id, 'selected-objects'].join(ATTENDABLE_PATH_SEPARATOR),\n }),\n );\n yield* dispatch(\n createIntent(AttentionAction.Select, {\n contextId: id,\n selection: { mode: 'multi', ids: [org.id] },\n }),\n );\n }\n }).pipe(Effect.runPromise),\n [dispatch, currentSpaceOrgs, currentSpaceOrgTable, defaultSpaceOrgTable],\n );\n\n return (\n <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </ContactCard>\n );\n },\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--organization`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n component: ({ data, role }) => (\n <OrganizationCard role={role} subject={data.subject}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </OrganizationCard>\n ),\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--project`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),\n component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,\n }),\n\n //\n // Fallback for any object.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/fallback-popover`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n const schema = getSchema(data.subject);\n const { t } = useTranslation(PREVIEW_PLUGIN);\n if (!schema) {\n // TODO(burdon): Use Alert.\n return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n }\n\n const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n for (const path of changedPaths) {\n const value = values[path];\n setValue(data.subject, path as JsonPath, value);\n }\n }, []);\n\n return (\n <Card.SurfaceRoot role={role}>\n <Form\n schema={schema}\n values={data.subject}\n readonly={role === 'card--popover'}\n onSave={handleSave}\n autoSave\n {...(role === 'card--intrinsic' && { outerSpacing: 'blockStart-0' })}\n />\n </Card.SurfaceRoot>\n );\n },\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Icon, Avatar, Button } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ContactCard = ({\n children,\n subject: { fullName, image, organization, emails },\n onOrgClick,\n role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n return (\n <Card.SurfaceRoot role={role}>\n <Avatar.Root>\n <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>\n <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n <div role='none' className='bs-min self-center'>\n <Avatar.Label asChild>\n <h2 className={cardHeading}>{fullName}</h2>\n </Avatar.Label>\n </div>\n </Card.Text>\n </Avatar.Root>\n {organizationName && (\n <Card.Chrome>\n {typeof organization === 'object' && onOrgClick ? (\n <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n <Icon icon='ph--arrow-right--regular' />\n </Button>\n ) : (\n <p className='dx-button gap-2' data-variant='ghost'>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n </p>\n )}\n </Card.Chrome>\n )}\n <dl\n className={mx(\n cardText,\n 'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n )}\n >\n {emails?.length &&\n emails.map(({ label, value }) => (\n <Fragment key={value}>\n <dt>\n <Icon icon='ph--at--regular' size={5} />\n </dt>\n <dd key={value} className='break-words'>\n {value}\n </dd>\n </Fragment>\n ))}\n </dl>\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({\n children,\n subject: { name, image, description, website },\n role,\n}: PreviewProps<DataType.Organization>) => {\n return (\n <Card.SurfaceRoot role={role}>\n <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n {website && (\n <Card.Chrome>\n <a\n className='dx-button dx-focus-ring gap-2'\n data-variant='ghost'\n href={website}\n target='_blank'\n rel='noreferrer'\n >\n <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n <span className='grow'>{website}</span>\n <Icon icon='ph--arrow-square-out--regular' />\n </a>\n </Card.Chrome>\n )}\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => {\n return (\n <Card.SurfaceRoot role={role}>\n {image && <Card.Poster image={image} alt={name} aspect='auto' />}\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n </Card.SurfaceRoot>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Effect", "React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Filter", "Obj", "setValue", "AttentionAction", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "useQuery", "useSpace", "useTranslation", "Form", "Card", "TableView", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Icon", "Avatar", "Button", "Card", "cardHeading", "cardText", "mx", "ContactCard", "children", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "role", "organizationName", "target", "name", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "cardHeading", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "dl", "mx", "cardText", "length", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "OrganizationCard", "children", "subject", "name", "image", "description", "website", "role", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "Heading", "Text", "classNames", "Chrome", "a", "className", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Card", "ProjectCard", "subject", "name", "image", "description", "role", "React", "Card", "SurfaceRoot", "Poster", "alt", "aspect", "Heading", "Text", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatch", "useIntentDispatcher", "space", "getSpace", "defaultSpace", "useSpace", "currentSpaceOrgs", "useQuery", "Filter", "type", "Organization", "currentSpaceViews", "View", "defaultSpaceViews", "currentSpaceOrgTable", "find", "view", "query", "typename", "TableView", "presentation", "target", "defaultSpaceOrgTable", "handleOrgClick", "useCallback", "org", "Effect", "gen", "includes", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "fullyQualifiedId", "Open", "workspace", "DeckAction", "ChangeCompanion", "primary", "companion", "join", "ATTENDABLE_PATH_SEPARATOR", "AttentionAction", "Select", "contextId", "selection", "mode", "ids", "pipe", "runPromise", "React", "ContactCard", "onOrgClick", "Surface", "OrganizationCard", "Project", "ProjectCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "SurfaceRoot", "Form", "readonly", "onSave", "autoSave", "outerSpacing"]
|
|
7
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import '@dxos-theme';
|
|
2
|
-
import { type Meta } from '@storybook/react-vite';
|
|
3
|
-
import { type StoryProps } from './util';
|
|
4
|
-
declare const meta: Meta<StoryProps>;
|
|
5
|
-
export default meta;
|
|
6
|
-
export declare const Contact: {
|
|
7
|
-
args: {
|
|
8
|
-
Component: ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role, }: import("..").PreviewProps<import("@dxos/schema").DataType.Person> & {
|
|
9
|
-
onOrgClick?: (org: import("@dxos/schema").DataType.Organization) => void;
|
|
10
|
-
}) => import("react").JSX.Element;
|
|
11
|
-
icon: string;
|
|
12
|
-
subject: string;
|
|
13
|
-
withImage: boolean;
|
|
14
|
-
role: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export declare const Organization: {
|
|
18
|
-
args: {
|
|
19
|
-
Component: ({ children, subject: { name, image, description, website }, role, }: import("..").PreviewProps<import("@dxos/schema").DataType.Organization>) => import("react").JSX.Element;
|
|
20
|
-
icon: string;
|
|
21
|
-
subject: string;
|
|
22
|
-
withImage: boolean;
|
|
23
|
-
role: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export declare const Project: {
|
|
27
|
-
args: {
|
|
28
|
-
Component: ({ subject: { name, image, description }, role }: import("..").PreviewProps<import("@dxos/schema").DataType.Project>) => import("react").JSX.Element;
|
|
29
|
-
icon: string;
|
|
30
|
-
subject: string;
|
|
31
|
-
withImage: boolean;
|
|
32
|
-
role: string;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
//# sourceMappingURL=ExtrinsicPreviews.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|