@dxos/plugin-preview 0.8.4-main.406dc2a → 0.8.4-main.548089c
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/chunk-CEWM5LJG.mjs +17 -0
- package/dist/lib/browser/chunk-CEWM5LJG.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +5 -5
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-X56QWACK.mjs → react-surface-ZAOGRCMT.mjs} +238 -159
- package/dist/lib/browser/react-surface-ZAOGRCMT.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-L3IZVX56.mjs → chunk-Q5MUNELK.mjs} +6 -1
- package/dist/lib/node-esm/chunk-Q5MUNELK.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +5 -5
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-4P7UCMK7.mjs → react-surface-X76BTDM5.mjs} +238 -159
- package/dist/lib/node-esm/react-surface-X76BTDM5.mjs.map +7 -0
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/cards/OrganizationCard.d.ts +5 -0
- package/dist/types/src/cards/OrganizationCard.d.ts.map +1 -0
- package/dist/types/src/cards/PersonCard.d.ts +5 -0
- package/dist/types/src/cards/PersonCard.d.ts.map +1 -0
- package/dist/types/src/cards/ProjectCard.d.ts +5 -0
- package/dist/types/src/cards/ProjectCard.d.ts.map +1 -0
- package/dist/types/src/{components → cards}/TaskCard.d.ts +2 -2
- package/dist/types/src/cards/TaskCard.d.ts.map +1 -0
- package/dist/types/src/cards/index.d.ts +5 -0
- package/dist/types/src/cards/index.d.ts.map +1 -0
- package/dist/types/src/components/CardComponents.d.ts +16 -0
- package/dist/types/src/components/CardComponents.d.ts.map +1 -0
- package/dist/types/src/components/CardSubjectMenu.d.ts +3 -7
- package/dist/types/src/components/CardSubjectMenu.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +2 -3
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/stories/Card.stories.d.ts +0 -1
- package/dist/types/src/stories/Card.stories.d.ts.map +1 -1
- package/dist/types/src/stories/testing.d.ts +2 -1
- package/dist/types/src/stories/testing.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +4 -3
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +27 -26
- package/src/PreviewPlugin.tsx +2 -2
- package/src/capabilities/react-surface.tsx +44 -27
- package/src/cards/OrganizationCard.tsx +29 -0
- package/src/cards/PersonCard.tsx +63 -0
- package/src/cards/ProjectCard.tsx +24 -0
- package/src/{components → cards}/TaskCard.tsx +6 -6
- package/src/cards/index.ts +8 -0
- package/src/components/CardComponents.tsx +67 -0
- package/src/components/CardSubjectMenu.tsx +61 -40
- package/src/components/index.ts +2 -3
- package/src/meta.ts +5 -0
- package/src/stories/Card.stories.tsx +5 -2
- package/src/stories/testing.tsx +19 -19
- package/src/types.ts +5 -4
- package/dist/lib/browser/chunk-XKCIQK3C.mjs +0 -12
- package/dist/lib/browser/chunk-XKCIQK3C.mjs.map +0 -7
- package/dist/lib/browser/react-surface-X56QWACK.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-L3IZVX56.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-4P7UCMK7.mjs.map +0 -7
- package/dist/types/src/components/ContactCard.d.ts +0 -7
- package/dist/types/src/components/ContactCard.d.ts.map +0 -1
- package/dist/types/src/components/OrganizationCard.d.ts +0 -5
- package/dist/types/src/components/OrganizationCard.d.ts.map +0 -1
- package/dist/types/src/components/ProjectCard.d.ts +0 -5
- package/dist/types/src/components/ProjectCard.d.ts.map +0 -1
- package/dist/types/src/components/TaskCard.d.ts.map +0 -1
- package/src/components/ContactCard.tsx +0 -78
- package/src/components/OrganizationCard.tsx +0 -44
- package/src/components/ProjectCard.tsx +0 -28
package/src/stories/testing.tsx
CHANGED
|
@@ -7,15 +7,13 @@ import React, { type FC } from 'react';
|
|
|
7
7
|
import { Obj, Ref } from '@dxos/echo';
|
|
8
8
|
import { faker } from '@dxos/random';
|
|
9
9
|
import { CardContainer } from '@dxos/react-ui-stack/testing';
|
|
10
|
-
import {
|
|
10
|
+
import { Organization, Person, Task } from '@dxos/types';
|
|
11
|
+
import { Project } from '@dxos/types';
|
|
11
12
|
|
|
12
|
-
import {
|
|
13
|
-
import { TaskCard } from '../components/TaskCard';
|
|
13
|
+
import { OrganizationCard, PersonCard, ProjectCard, TaskCard } from '../cards';
|
|
14
14
|
import { type PreviewProps } from '../types';
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
type CardProps<T extends object> = {
|
|
16
|
+
type CardProps<T extends Obj.Any> = {
|
|
19
17
|
Component: FC<PreviewProps<T>>;
|
|
20
18
|
subject: T;
|
|
21
19
|
icon?: string;
|
|
@@ -29,14 +27,16 @@ export type DefaultstoryProps = {
|
|
|
29
27
|
|
|
30
28
|
export const Defaultstory = ({ role, cards }: DefaultstoryProps) => {
|
|
31
29
|
return (
|
|
32
|
-
<div className='
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
<
|
|
36
|
-
<
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
30
|
+
<div className='flex bs-full'>
|
|
31
|
+
<div className='flex shrink-0 gap-8 overflow-x-auto pbe-4'>
|
|
32
|
+
{cards.map(({ Component, icon, image, subject }, i) => (
|
|
33
|
+
<div key={i} className='flex is-[24rem] justify-center'>
|
|
34
|
+
<CardContainer icon={icon} role={role}>
|
|
35
|
+
<Component role={role} subject={image ? subject : omitImage(subject)} />
|
|
36
|
+
</CardContainer>
|
|
37
|
+
</div>
|
|
38
|
+
))}
|
|
39
|
+
</div>
|
|
40
40
|
</div>
|
|
41
41
|
);
|
|
42
42
|
};
|
|
@@ -45,7 +45,7 @@ export const omitImage = ({ image: _, ...rest }: any) => rest;
|
|
|
45
45
|
|
|
46
46
|
// TODO(burdon): Test data should exercise the standard data generators.
|
|
47
47
|
export const createCards = (image = true): CardProps<any>[] => {
|
|
48
|
-
const organization = Obj.make(
|
|
48
|
+
const organization = Obj.make(Organization.Organization, {
|
|
49
49
|
name: faker.company.name(),
|
|
50
50
|
image:
|
|
51
51
|
'https://plus.unsplash.com/premium_photo-1672116452571-896980a801c8?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
|
@@ -53,7 +53,7 @@ export const createCards = (image = true): CardProps<any>[] => {
|
|
|
53
53
|
description: faker.lorem.paragraph(),
|
|
54
54
|
});
|
|
55
55
|
|
|
56
|
-
const contact = Obj.make(
|
|
56
|
+
const contact = Obj.make(Person.Person, {
|
|
57
57
|
fullName: faker.person.fullName(),
|
|
58
58
|
image:
|
|
59
59
|
'https://plus.unsplash.com/premium_photo-1664536392779-049ba8fde933?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
|
@@ -74,13 +74,13 @@ export const createCards = (image = true): CardProps<any>[] => {
|
|
|
74
74
|
],
|
|
75
75
|
});
|
|
76
76
|
|
|
77
|
-
const project =
|
|
77
|
+
const project = Project.make({
|
|
78
78
|
name: faker.person.fullName(),
|
|
79
79
|
image: 'https://dxos.network/dxos-logotype-blue.png',
|
|
80
80
|
description: faker.lorem.paragraph(),
|
|
81
81
|
});
|
|
82
82
|
|
|
83
|
-
const task = Obj.make(
|
|
83
|
+
const task = Obj.make(Task.Task, {
|
|
84
84
|
title: faker.lorem.sentence(),
|
|
85
85
|
status: faker.helpers.arrayElement(['todo', 'in-progress', 'done']),
|
|
86
86
|
});
|
|
@@ -93,7 +93,7 @@ export const createCards = (image = true): CardProps<any>[] => {
|
|
|
93
93
|
image,
|
|
94
94
|
},
|
|
95
95
|
{
|
|
96
|
-
Component:
|
|
96
|
+
Component: PersonCard,
|
|
97
97
|
subject: contact,
|
|
98
98
|
icon: 'ph--user--regular',
|
|
99
99
|
image,
|
package/src/types.ts
CHANGED
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
// Copyright 2025 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import type * as Schema from 'effect/Schema';
|
|
6
5
|
import { type PropsWithChildren } from 'react';
|
|
7
6
|
|
|
7
|
+
import { type Obj } from '@dxos/echo';
|
|
8
8
|
import { type Space } from '@dxos/react-client/echo';
|
|
9
9
|
|
|
10
|
-
export type PreviewProps<T extends
|
|
11
|
-
subject: T;
|
|
10
|
+
export type PreviewProps<T extends Obj.Any = Obj.Any> = PropsWithChildren<{
|
|
12
11
|
role?: string;
|
|
13
|
-
|
|
12
|
+
subject: T;
|
|
13
|
+
activeSpace?: Space; // TODO(burdon): Why "active" space?
|
|
14
|
+
onSelect?: (obj: Obj.Any) => void;
|
|
14
15
|
}>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// src/meta.ts
|
|
2
|
-
var meta = {
|
|
3
|
-
id: "dxos.org/plugin/preview",
|
|
4
|
-
name: "Preview",
|
|
5
|
-
icon: "ph--eye--regular",
|
|
6
|
-
source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export {
|
|
10
|
-
meta
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=chunk-XKCIQK3C.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/meta.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/preview',\n name: 'Preview',\n icon: 'ph--eye--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n"],
|
|
5
|
-
"mappings": ";AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;",
|
|
6
|
-
"names": ["meta", "id", "name", "icon", "source"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/CardSubjectMenu.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx", "../../../src/components/TaskCard.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\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 { Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { useActiveSpace } from '@dxos/plugin-space';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType, type ProjectionModel } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { TaskCard } from '../components/TaskCard';\nimport { meta } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n //\n // Specific schema types.\n //\n createSurface({\n id: `${meta.id}/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 { dispatchPromise: dispatch } = useIntentDispatcher();\n const space = getSpace(data.subject);\n const activeSpace = useActiveSpace();\n const handleOrgClick = useCallback(\n (org: DataType.Organization) =>\n dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [fullyQualifiedId(org)],\n options: {\n workspace: space?.id,\n },\n }),\n ),\n [dispatch],\n );\n\n return (\n <ContactCard role={role} subject={data.subject} activeSpace={activeSpace} onOrgClick={handleOrgClick}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </ContactCard>\n );\n },\n }),\n createSurface({\n id: `${meta.id}/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 const activeSpace = useActiveSpace();\n\n return (\n <OrganizationCard role={role} subject={data.subject} activeSpace={activeSpace}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </OrganizationCard>\n );\n },\n }),\n createSurface({\n id: `${meta.id}/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 }) => {\n const activeSpace = useActiveSpace();\n\n return <ProjectCard subject={data.subject} role={role} activeSpace={activeSpace} />;\n },\n }),\n createSurface({\n id: `${meta.id}/schema-popover--task`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Task } => Obj.instanceOf(DataType.Task, data.subject),\n component: ({ data, role }) => <TaskCard subject={data.subject} role={role} />,\n }),\n\n //\n // Fallback for any object.\n //\n createSurface({\n id: `${meta.id}/fallback-popover`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Any; projection?: ProjectionModel } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n const schema = getSchema(data.subject);\n const { t } = useTranslation(meta.id);\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 projection={data.projection}\n values={data.subject}\n readonly={role === 'card--popover' ? 'static' : false}\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 { Avatar, Button, Icon } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ContactCard = ({\n children,\n subject,\n activeSpace,\n onOrgClick,\n role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n const { fullName, image, organization, emails } = subject;\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 flex items-center'>\n <Avatar.Label asChild>\n <h2 className={mx(cardHeading, 'grow')}>{fullName}</h2>\n </Avatar.Label>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\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 {emails?.length && (\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 <span className='sr-only'>{label}</span>\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 )}\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React from 'react';\n\nimport { LayoutAction, createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { ACTION_TYPE } from '@dxos/app-graph';\nimport { Obj } from '@dxos/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { type Space, fullyQualifiedId } from '@dxos/react-client/echo';\nimport { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';\nimport { type ActionGraphProps, DropdownMenu, MenuProvider, useMenuActions } from '@dxos/react-ui-menu';\n\nimport { meta } from '../meta';\n\nconst useSubjectMenuGroupItems = (subject: Obj.Any, activeSpace?: Space) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const result: ActionGraphProps = { edges: [], nodes: [] };\n\n result.nodes.push({\n type: ACTION_TYPE,\n id: `${subject.id}/open`,\n data: () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [fullyQualifiedId(subject)] })),\n properties: {\n label: ['open object label', { ns: meta.id }],\n icon: 'ph--arrow-right--regular',\n },\n });\n\n if (activeSpace && Obj.getDXN(subject).asQueueDXN()) {\n result.nodes.push({\n type: ACTION_TYPE,\n id: `${subject.id}/add-to-space`,\n // TODO(wittjosiah): Update reference to point to db object when adding?\n data: () => dispatch(createIntent(SpaceAction.AddObject, { object: subject, target: activeSpace, hidden: true })),\n properties: {\n label: ['add object to space label', { ns: meta.id }],\n icon: 'ph--file-plus--regular',\n },\n });\n }\n\n result.nodes.forEach(({ id: target }) => {\n result.edges.push({ source: 'root', target });\n });\n\n return useMenuActions(Rx.make(result));\n};\n\n/**\n * This is a generic menu for objects that tries to infer common actions.\n */\nexport const CardSubjectMenu = ({\n subject,\n activeSpace,\n ...props\n}: Omit<IconButtonProps, 'icon' | 'label'> & { subject: Obj.Any; activeSpace?: Space }) => {\n const { t } = useTranslation(meta.id);\n const menuProps = useSubjectMenuGroupItems(subject, activeSpace);\n\n if (!activeSpace) {\n return null;\n }\n\n return (\n <MenuProvider {...menuProps}>\n <DropdownMenu.Root>\n <DropdownMenu.Trigger asChild>\n <IconButton\n iconOnly\n variant='ghost'\n icon='ph--dots-three-vertical--bold'\n label={t('more options label')}\n {...props}\n />\n </DropdownMenu.Trigger>\n </DropdownMenu.Root>\n </MenuProvider>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card, cardNoSpacing, cardSpacing } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const OrganizationCard = ({ children, subject, role, activeSpace }: PreviewProps<DataType.Organization>) => {\n const { name, image, description, website } = subject;\n return (\n <Card.SurfaceRoot role={role}>\n <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\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='min-is-0 flex-1 truncate'>{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 { Obj } from '@dxos/echo';\nimport { Card, cardNoSpacing, cardSpacing } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ProjectCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Project>) => {\n const { name, image, description } = subject;\n return (\n <Card.SurfaceRoot role={role}>\n {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as SchemaAST from 'effect/SchemaAST';\nimport React from 'react';\n\nimport { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\n// TODO(thure): Should this move upstream as a helper? Is there an easier way to get options?\nconst getActiveStatusOption = (status?: string) => {\n const properties = SchemaAST.getPropertySignatures(DataType.Task.ast);\n const statusProperty = properties.find((p) => p.name === 'status');\n const statusMeta = SchemaAST.getAnnotation<PropertyMetaAnnotation>(PropertyMetaAnnotationId)(\n // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.\n (statusProperty!.type as any).types[0],\n );\n const options = // TODO(thure): Typescript asserts `statusMeta` doesn’t have `.value`, but in runtime it does.\n (statusMeta as any).value.singleSelect.options as { id: string; title: string; color: string }[];\n return options.find(({ id }) => id === status);\n};\n\nexport const TaskCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Task>) => {\n const { title, status } = subject;\n const statusOption = getActiveStatusOption(status);\n return (\n <Card.SurfaceRoot role={role}>\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={[cardNoSpacing, 'min-is-0 flex-1 truncate']}>{title}</Card.Heading>\n {statusOption && (\n <span className='dx-tag' data-hue={statusOption.color}>\n {statusOption.title}\n </span>\n )}\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n </Card.SurfaceRoot>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Obj", "setValue", "useActiveSpace", "useTranslation", "Form", "Card", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Avatar", "Button", "Icon", "Card", "cardHeading", "cardText", "mx", "Rx", "React", "LayoutAction", "createIntent", "useIntentDispatcher", "ACTION_TYPE", "Obj", "SpaceAction", "fullyQualifiedId", "IconButton", "useTranslation", "DropdownMenu", "MenuProvider", "useMenuActions", "useSubjectMenuGroupItems", "subject", "activeSpace", "dispatchPromise", "dispatch", "useIntentDispatcher", "result", "edges", "nodes", "push", "type", "ACTION_TYPE", "id", "data", "createIntent", "LayoutAction", "Open", "part", "fullyQualifiedId", "properties", "label", "ns", "meta", "icon", "Obj", "getDXN", "asQueueDXN", "SpaceAction", "AddObject", "object", "target", "hidden", "forEach", "source", "useMenuActions", "Rx", "make", "CardSubjectMenu", "props", "t", "useTranslation", "menuProps", "MenuProvider", "DropdownMenu", "Root", "Trigger", "asChild", "IconButton", "iconOnly", "variant", "ContactCard", "children", "subject", "activeSpace", "onOrgClick", "role", "fullName", "image", "organization", "emails", "organizationName", "target", "name", "React", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "mx", "cardHeading", "CardSubjectMenu", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "length", "dl", "cardText", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "cardNoSpacing", "cardSpacing", "mx", "OrganizationCard", "children", "subject", "role", "activeSpace", "name", "image", "description", "website", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "Chrome", "a", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Obj", "Card", "cardNoSpacing", "cardSpacing", "mx", "ProjectCard", "subject", "role", "activeSpace", "name", "image", "description", "React", "Card", "SurfaceRoot", "Poster", "alt", "Obj", "getLabel", "aspect", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "SchemaAST", "React", "PropertyMetaAnnotationId", "Card", "cardNoSpacing", "cardSpacing", "mx", "DataType", "getActiveStatusOption", "status", "properties", "getPropertySignatures", "DataType", "Task", "ast", "statusProperty", "find", "p", "name", "statusMeta", "getAnnotation", "PropertyMetaAnnotationId", "type", "types", "options", "value", "singleSelect", "id", "TaskCard", "subject", "role", "activeSpace", "title", "statusOption", "React", "Card", "SurfaceRoot", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "span", "data-hue", "color", "CardSubjectMenu", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatchPromise", "dispatch", "useIntentDispatcher", "space", "getSpace", "activeSpace", "useActiveSpace", "handleOrgClick", "useCallback", "org", "createIntent", "LayoutAction", "Open", "part", "fullyQualifiedId", "options", "workspace", "React", "ContactCard", "onOrgClick", "Surface", "Organization", "OrganizationCard", "Project", "ProjectCard", "Task", "TaskCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "SurfaceRoot", "Form", "projection", "readonly", "onSave", "autoSave", "outerSpacing"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/meta.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/preview',\n name: 'Preview',\n icon: 'ph--eye--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n"],
|
|
5
|
-
"mappings": ";;;AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;",
|
|
6
|
-
"names": ["meta", "id", "name", "icon", "source"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/CardSubjectMenu.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx", "../../../src/components/TaskCard.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\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 { Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { useActiveSpace } from '@dxos/plugin-space';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType, type ProjectionModel } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { TaskCard } from '../components/TaskCard';\nimport { meta } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n //\n // Specific schema types.\n //\n createSurface({\n id: `${meta.id}/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 { dispatchPromise: dispatch } = useIntentDispatcher();\n const space = getSpace(data.subject);\n const activeSpace = useActiveSpace();\n const handleOrgClick = useCallback(\n (org: DataType.Organization) =>\n dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [fullyQualifiedId(org)],\n options: {\n workspace: space?.id,\n },\n }),\n ),\n [dispatch],\n );\n\n return (\n <ContactCard role={role} subject={data.subject} activeSpace={activeSpace} onOrgClick={handleOrgClick}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </ContactCard>\n );\n },\n }),\n createSurface({\n id: `${meta.id}/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 const activeSpace = useActiveSpace();\n\n return (\n <OrganizationCard role={role} subject={data.subject} activeSpace={activeSpace}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </OrganizationCard>\n );\n },\n }),\n createSurface({\n id: `${meta.id}/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 }) => {\n const activeSpace = useActiveSpace();\n\n return <ProjectCard subject={data.subject} role={role} activeSpace={activeSpace} />;\n },\n }),\n createSurface({\n id: `${meta.id}/schema-popover--task`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Task } => Obj.instanceOf(DataType.Task, data.subject),\n component: ({ data, role }) => <TaskCard subject={data.subject} role={role} />,\n }),\n\n //\n // Fallback for any object.\n //\n createSurface({\n id: `${meta.id}/fallback-popover`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Any; projection?: ProjectionModel } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n const schema = getSchema(data.subject);\n const { t } = useTranslation(meta.id);\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 projection={data.projection}\n values={data.subject}\n readonly={role === 'card--popover' ? 'static' : false}\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 { Avatar, Button, Icon } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ContactCard = ({\n children,\n subject,\n activeSpace,\n onOrgClick,\n role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n const { fullName, image, organization, emails } = subject;\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 flex items-center'>\n <Avatar.Label asChild>\n <h2 className={mx(cardHeading, 'grow')}>{fullName}</h2>\n </Avatar.Label>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\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 {emails?.length && (\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 <span className='sr-only'>{label}</span>\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 )}\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React from 'react';\n\nimport { LayoutAction, createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { ACTION_TYPE } from '@dxos/app-graph';\nimport { Obj } from '@dxos/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { type Space, fullyQualifiedId } from '@dxos/react-client/echo';\nimport { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';\nimport { type ActionGraphProps, DropdownMenu, MenuProvider, useMenuActions } from '@dxos/react-ui-menu';\n\nimport { meta } from '../meta';\n\nconst useSubjectMenuGroupItems = (subject: Obj.Any, activeSpace?: Space) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const result: ActionGraphProps = { edges: [], nodes: [] };\n\n result.nodes.push({\n type: ACTION_TYPE,\n id: `${subject.id}/open`,\n data: () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [fullyQualifiedId(subject)] })),\n properties: {\n label: ['open object label', { ns: meta.id }],\n icon: 'ph--arrow-right--regular',\n },\n });\n\n if (activeSpace && Obj.getDXN(subject).asQueueDXN()) {\n result.nodes.push({\n type: ACTION_TYPE,\n id: `${subject.id}/add-to-space`,\n // TODO(wittjosiah): Update reference to point to db object when adding?\n data: () => dispatch(createIntent(SpaceAction.AddObject, { object: subject, target: activeSpace, hidden: true })),\n properties: {\n label: ['add object to space label', { ns: meta.id }],\n icon: 'ph--file-plus--regular',\n },\n });\n }\n\n result.nodes.forEach(({ id: target }) => {\n result.edges.push({ source: 'root', target });\n });\n\n return useMenuActions(Rx.make(result));\n};\n\n/**\n * This is a generic menu for objects that tries to infer common actions.\n */\nexport const CardSubjectMenu = ({\n subject,\n activeSpace,\n ...props\n}: Omit<IconButtonProps, 'icon' | 'label'> & { subject: Obj.Any; activeSpace?: Space }) => {\n const { t } = useTranslation(meta.id);\n const menuProps = useSubjectMenuGroupItems(subject, activeSpace);\n\n if (!activeSpace) {\n return null;\n }\n\n return (\n <MenuProvider {...menuProps}>\n <DropdownMenu.Root>\n <DropdownMenu.Trigger asChild>\n <IconButton\n iconOnly\n variant='ghost'\n icon='ph--dots-three-vertical--bold'\n label={t('more options label')}\n {...props}\n />\n </DropdownMenu.Trigger>\n </DropdownMenu.Root>\n </MenuProvider>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card, cardNoSpacing, cardSpacing } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const OrganizationCard = ({ children, subject, role, activeSpace }: PreviewProps<DataType.Organization>) => {\n const { name, image, description, website } = subject;\n return (\n <Card.SurfaceRoot role={role}>\n <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\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='min-is-0 flex-1 truncate'>{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 { Obj } from '@dxos/echo';\nimport { Card, cardNoSpacing, cardSpacing } 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\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ProjectCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Project>) => {\n const { name, image, description } = subject;\n return (\n <Card.SurfaceRoot role={role}>\n {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as SchemaAST from 'effect/SchemaAST';\nimport React from 'react';\n\nimport { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\n// TODO(thure): Should this move upstream as a helper? Is there an easier way to get options?\nconst getActiveStatusOption = (status?: string) => {\n const properties = SchemaAST.getPropertySignatures(DataType.Task.ast);\n const statusProperty = properties.find((p) => p.name === 'status');\n const statusMeta = SchemaAST.getAnnotation<PropertyMetaAnnotation>(PropertyMetaAnnotationId)(\n // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.\n (statusProperty!.type as any).types[0],\n );\n const options = // TODO(thure): Typescript asserts `statusMeta` doesn’t have `.value`, but in runtime it does.\n (statusMeta as any).value.singleSelect.options as { id: string; title: string; color: string }[];\n return options.find(({ id }) => id === status);\n};\n\nexport const TaskCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Task>) => {\n const { title, status } = subject;\n const statusOption = getActiveStatusOption(status);\n return (\n <Card.SurfaceRoot role={role}>\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={[cardNoSpacing, 'min-is-0 flex-1 truncate']}>{title}</Card.Heading>\n {statusOption && (\n <span className='dx-tag' data-hue={statusOption.color}>\n {statusOption.title}\n </span>\n )}\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n </Card.SurfaceRoot>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Obj", "setValue", "useActiveSpace", "useTranslation", "Form", "Card", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Avatar", "Button", "Icon", "Card", "cardHeading", "cardText", "mx", "Rx", "React", "LayoutAction", "createIntent", "useIntentDispatcher", "ACTION_TYPE", "Obj", "SpaceAction", "fullyQualifiedId", "IconButton", "useTranslation", "DropdownMenu", "MenuProvider", "useMenuActions", "useSubjectMenuGroupItems", "subject", "activeSpace", "dispatchPromise", "dispatch", "useIntentDispatcher", "result", "edges", "nodes", "push", "type", "ACTION_TYPE", "id", "data", "createIntent", "LayoutAction", "Open", "part", "fullyQualifiedId", "properties", "label", "ns", "meta", "icon", "Obj", "getDXN", "asQueueDXN", "SpaceAction", "AddObject", "object", "target", "hidden", "forEach", "source", "useMenuActions", "Rx", "make", "CardSubjectMenu", "props", "t", "useTranslation", "menuProps", "MenuProvider", "DropdownMenu", "Root", "Trigger", "asChild", "IconButton", "iconOnly", "variant", "ContactCard", "children", "subject", "activeSpace", "onOrgClick", "role", "fullName", "image", "organization", "emails", "organizationName", "target", "name", "React", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "mx", "cardHeading", "CardSubjectMenu", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "length", "dl", "cardText", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "cardNoSpacing", "cardSpacing", "mx", "OrganizationCard", "children", "subject", "role", "activeSpace", "name", "image", "description", "website", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "Chrome", "a", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Obj", "Card", "cardNoSpacing", "cardSpacing", "mx", "ProjectCard", "subject", "role", "activeSpace", "name", "image", "description", "React", "Card", "SurfaceRoot", "Poster", "alt", "Obj", "getLabel", "aspect", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "SchemaAST", "React", "PropertyMetaAnnotationId", "Card", "cardNoSpacing", "cardSpacing", "mx", "DataType", "getActiveStatusOption", "status", "properties", "getPropertySignatures", "DataType", "Task", "ast", "statusProperty", "find", "p", "name", "statusMeta", "getAnnotation", "PropertyMetaAnnotationId", "type", "types", "options", "value", "singleSelect", "id", "TaskCard", "subject", "role", "activeSpace", "title", "statusOption", "React", "Card", "SurfaceRoot", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "span", "data-hue", "color", "CardSubjectMenu", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatchPromise", "dispatch", "useIntentDispatcher", "space", "getSpace", "activeSpace", "useActiveSpace", "handleOrgClick", "useCallback", "org", "createIntent", "LayoutAction", "Open", "part", "fullyQualifiedId", "options", "workspace", "React", "ContactCard", "onOrgClick", "Surface", "Organization", "OrganizationCard", "Project", "ProjectCard", "Task", "TaskCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "SurfaceRoot", "Form", "projection", "readonly", "onSave", "autoSave", "outerSpacing"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type DataType } from '@dxos/schema';
|
|
3
|
-
import { type PreviewProps } from '../types';
|
|
4
|
-
export declare const ContactCard: ({ children, subject, activeSpace, onOrgClick, role, }: PreviewProps<DataType.Person> & {
|
|
5
|
-
onOrgClick?: (org: DataType.Organization) => void;
|
|
6
|
-
}) => React.JSX.Element;
|
|
7
|
-
//# sourceMappingURL=ContactCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContactCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ContactCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,WAAW,GAAI,uDAMzB,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,KAAK,IAAI,CAAA;CAAE,sBAwDvF,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type DataType } from '@dxos/schema';
|
|
3
|
-
import { type PreviewProps } from '../types';
|
|
4
|
-
export declare const OrganizationCard: ({ children, subject, role, activeSpace }: PreviewProps<DataType.Organization>) => React.JSX.Element;
|
|
5
|
-
//# sourceMappingURL=OrganizationCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrganizationCard.d.ts","sourceRoot":"","sources":["../../../../src/components/OrganizationCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,gBAAgB,GAAI,0CAA0C,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,sBA4B7G,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type DataType } from '@dxos/schema';
|
|
3
|
-
import { type PreviewProps } from '../types';
|
|
4
|
-
export declare const ProjectCard: ({ subject, role, activeSpace }: PreviewProps<DataType.Project>) => React.JSX.Element;
|
|
5
|
-
//# sourceMappingURL=ProjectCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ProjectCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,WAAW,GAAI,gCAAgC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,sBAYzF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/components/TaskCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAiB7C,eAAO,MAAM,QAAQ,GAAI,gCAAgC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,sBAgBnF,CAAC"}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import React, { Fragment } from 'react';
|
|
6
|
-
|
|
7
|
-
import { Avatar, Button, Icon } from '@dxos/react-ui';
|
|
8
|
-
import { Card, cardHeading, cardText } from '@dxos/react-ui-stack';
|
|
9
|
-
import { mx } from '@dxos/react-ui-theme';
|
|
10
|
-
import { type DataType } from '@dxos/schema';
|
|
11
|
-
|
|
12
|
-
import { type PreviewProps } from '../types';
|
|
13
|
-
|
|
14
|
-
import { CardSubjectMenu } from './CardSubjectMenu';
|
|
15
|
-
|
|
16
|
-
export const ContactCard = ({
|
|
17
|
-
children,
|
|
18
|
-
subject,
|
|
19
|
-
activeSpace,
|
|
20
|
-
onOrgClick,
|
|
21
|
-
role,
|
|
22
|
-
}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {
|
|
23
|
-
const { fullName, image, organization, emails } = subject;
|
|
24
|
-
const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;
|
|
25
|
-
return (
|
|
26
|
-
<Card.SurfaceRoot role={role}>
|
|
27
|
-
<Avatar.Root>
|
|
28
|
-
<Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>
|
|
29
|
-
<Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />
|
|
30
|
-
<div role='none' className='bs-min self-center flex items-center'>
|
|
31
|
-
<Avatar.Label asChild>
|
|
32
|
-
<h2 className={mx(cardHeading, 'grow')}>{fullName}</h2>
|
|
33
|
-
</Avatar.Label>
|
|
34
|
-
<CardSubjectMenu subject={subject} activeSpace={activeSpace} />
|
|
35
|
-
</div>
|
|
36
|
-
</Card.Text>
|
|
37
|
-
</Avatar.Root>
|
|
38
|
-
{organizationName && (
|
|
39
|
-
<Card.Chrome>
|
|
40
|
-
{typeof organization === 'object' && onOrgClick ? (
|
|
41
|
-
<Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>
|
|
42
|
-
<Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />
|
|
43
|
-
<span className='min-is-0 flex-1 truncate'>{organizationName}</span>
|
|
44
|
-
<Icon icon='ph--arrow-right--regular' />
|
|
45
|
-
</Button>
|
|
46
|
-
) : (
|
|
47
|
-
<p className='dx-button gap-2' data-variant='ghost'>
|
|
48
|
-
<Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />
|
|
49
|
-
<span className='min-is-0 flex-1 truncate'>{organizationName}</span>
|
|
50
|
-
</p>
|
|
51
|
-
)}
|
|
52
|
-
</Card.Chrome>
|
|
53
|
-
)}
|
|
54
|
-
{emails?.length && (
|
|
55
|
-
<dl
|
|
56
|
-
className={mx(
|
|
57
|
-
cardText,
|
|
58
|
-
'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',
|
|
59
|
-
)}
|
|
60
|
-
>
|
|
61
|
-
{emails?.length &&
|
|
62
|
-
emails.map(({ label, value }) => (
|
|
63
|
-
<Fragment key={value}>
|
|
64
|
-
<dt>
|
|
65
|
-
<span className='sr-only'>{label}</span>
|
|
66
|
-
<Icon icon='ph--at--regular' size={5} />
|
|
67
|
-
</dt>
|
|
68
|
-
<dd key={value} className='break-words'>
|
|
69
|
-
{value}
|
|
70
|
-
</dd>
|
|
71
|
-
</Fragment>
|
|
72
|
-
))}
|
|
73
|
-
</dl>
|
|
74
|
-
)}
|
|
75
|
-
{children}
|
|
76
|
-
</Card.SurfaceRoot>
|
|
77
|
-
);
|
|
78
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import React from 'react';
|
|
6
|
-
|
|
7
|
-
import { Icon } from '@dxos/react-ui';
|
|
8
|
-
import { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';
|
|
9
|
-
import { mx } from '@dxos/react-ui-theme';
|
|
10
|
-
import { type DataType } from '@dxos/schema';
|
|
11
|
-
|
|
12
|
-
import { type PreviewProps } from '../types';
|
|
13
|
-
|
|
14
|
-
import { CardSubjectMenu } from './CardSubjectMenu';
|
|
15
|
-
|
|
16
|
-
export const OrganizationCard = ({ children, subject, role, activeSpace }: PreviewProps<DataType.Organization>) => {
|
|
17
|
-
const { name, image, description, website } = subject;
|
|
18
|
-
return (
|
|
19
|
-
<Card.SurfaceRoot role={role}>
|
|
20
|
-
<Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />
|
|
21
|
-
<div role='none' className={mx('flex items-center gap-2', cardSpacing)}>
|
|
22
|
-
<Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>
|
|
23
|
-
<CardSubjectMenu subject={subject} activeSpace={activeSpace} />
|
|
24
|
-
</div>
|
|
25
|
-
{description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}
|
|
26
|
-
{website && (
|
|
27
|
-
<Card.Chrome>
|
|
28
|
-
<a
|
|
29
|
-
className='dx-button dx-focus-ring gap-2'
|
|
30
|
-
data-variant='ghost'
|
|
31
|
-
href={website}
|
|
32
|
-
target='_blank'
|
|
33
|
-
rel='noreferrer'
|
|
34
|
-
>
|
|
35
|
-
<Icon icon='ph--link--regular' size={5} classNames='text-subdued' />
|
|
36
|
-
<span className='min-is-0 flex-1 truncate'>{website}</span>
|
|
37
|
-
<Icon icon='ph--arrow-square-out--regular' />
|
|
38
|
-
</a>
|
|
39
|
-
</Card.Chrome>
|
|
40
|
-
)}
|
|
41
|
-
{children}
|
|
42
|
-
</Card.SurfaceRoot>
|
|
43
|
-
);
|
|
44
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import React from 'react';
|
|
6
|
-
|
|
7
|
-
import { Obj } from '@dxos/echo';
|
|
8
|
-
import { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';
|
|
9
|
-
import { mx } from '@dxos/react-ui-theme';
|
|
10
|
-
import { type DataType } from '@dxos/schema';
|
|
11
|
-
|
|
12
|
-
import { type PreviewProps } from '../types';
|
|
13
|
-
|
|
14
|
-
import { CardSubjectMenu } from './CardSubjectMenu';
|
|
15
|
-
|
|
16
|
-
export const ProjectCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Project>) => {
|
|
17
|
-
const { name, image, description } = subject;
|
|
18
|
-
return (
|
|
19
|
-
<Card.SurfaceRoot role={role}>
|
|
20
|
-
{image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}
|
|
21
|
-
<div role='none' className={mx('flex items-center gap-2', cardSpacing)}>
|
|
22
|
-
<Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>
|
|
23
|
-
<CardSubjectMenu subject={subject} activeSpace={activeSpace} />
|
|
24
|
-
</div>
|
|
25
|
-
{description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}
|
|
26
|
-
</Card.SurfaceRoot>
|
|
27
|
-
);
|
|
28
|
-
};
|