@dxos/plugin-preview 0.8.4-main.ead640a → 0.8.4-main.effb148878
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/LICENSE +102 -5
- package/dist/lib/neutral/PreviewPlugin.mjs +9 -0
- package/dist/lib/neutral/PreviewPlugin.mjs.map +7 -0
- package/dist/lib/neutral/PreviewPlugin.node.mjs +17 -0
- package/dist/lib/neutral/PreviewPlugin.node.mjs.map +7 -0
- package/dist/lib/neutral/PreviewPlugin.workerd.mjs +17 -0
- package/dist/lib/neutral/PreviewPlugin.workerd.mjs.map +7 -0
- package/dist/lib/neutral/capabilities/index.mjs +9 -0
- package/dist/lib/neutral/capabilities/index.mjs.map +7 -0
- package/dist/lib/neutral/chunk-3SWUVHXJ.mjs +28 -0
- package/dist/lib/neutral/chunk-3SWUVHXJ.mjs.map +7 -0
- package/dist/lib/neutral/chunk-XD3EYTHF.mjs +21 -0
- package/dist/lib/neutral/chunk-XD3EYTHF.mjs.map +7 -0
- package/dist/lib/neutral/index.mjs +7 -0
- package/dist/lib/neutral/index.mjs.map +7 -0
- package/dist/lib/neutral/meta.json +1 -0
- package/dist/lib/neutral/meta.mjs +7 -0
- package/dist/lib/neutral/meta.mjs.map +7 -0
- package/dist/lib/neutral/plugin.mjs +11 -0
- package/dist/lib/neutral/plugin.mjs.map +7 -0
- package/dist/lib/neutral/preview-popover-F33UBSBM.mjs +80 -0
- package/dist/lib/neutral/preview-popover-F33UBSBM.mjs.map +7 -0
- package/dist/lib/neutral/react-surface-3UPRCM4X.mjs +408 -0
- package/dist/lib/neutral/react-surface-3UPRCM4X.mjs.map +7 -0
- package/dist/lib/neutral/testing.mjs +7 -0
- package/dist/lib/neutral/testing.mjs.map +7 -0
- package/dist/lib/neutral/translations.mjs +21 -0
- package/dist/lib/neutral/translations.mjs.map +7 -0
- package/dist/types/src/PreviewPlugin.d.ts +3 -1
- package/dist/types/src/PreviewPlugin.d.ts.map +1 -1
- package/dist/types/src/PreviewPlugin.node.d.ts +4 -0
- package/dist/types/src/PreviewPlugin.node.d.ts.map +1 -0
- package/dist/types/src/PreviewPlugin.test.d.ts +2 -0
- package/dist/types/src/PreviewPlugin.test.d.ts.map +1 -0
- package/dist/types/src/PreviewPlugin.workerd.d.ts +4 -0
- package/dist/types/src/PreviewPlugin.workerd.d.ts.map +1 -0
- package/dist/types/src/capabilities/index.d.ts +3 -2
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/preview-popover.d.ts +3 -2
- package/dist/types/src/capabilities/preview-popover.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts +3 -2
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/cards/ExpandoCard.d.ts +4 -0
- package/dist/types/src/cards/ExpandoCard.d.ts.map +1 -0
- package/dist/types/src/cards/FormCard.d.ts +17 -0
- package/dist/types/src/cards/FormCard.d.ts.map +1 -0
- package/dist/types/src/cards/JsonCard.d.ts +5 -0
- package/dist/types/src/cards/JsonCard.d.ts.map +1 -0
- package/dist/types/src/cards/OrganizationCard.d.ts +3 -3
- package/dist/types/src/cards/OrganizationCard.d.ts.map +1 -1
- 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 +3 -3
- package/dist/types/src/cards/ProjectCard.d.ts.map +1 -1
- package/dist/types/src/cards/TaskCard.d.ts +3 -3
- package/dist/types/src/cards/TaskCard.d.ts.map +1 -1
- package/dist/types/src/cards/index.d.ts +4 -1
- package/dist/types/src/cards/index.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -2
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +2 -2
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/plugin.d.ts +3 -0
- package/dist/types/src/plugin.d.ts.map +1 -0
- package/dist/types/src/stories/Card.stories.d.ts +42 -14
- package/dist/types/src/stories/Card.stories.d.ts.map +1 -1
- package/dist/types/src/stories/testing.d.ts +52 -12
- package/dist/types/src/stories/testing.d.ts.map +1 -1
- package/dist/types/src/testing.d.ts +2 -0
- package/dist/types/src/testing.d.ts.map +1 -0
- package/dist/types/src/translations.d.ts +8 -9
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +92 -39
- package/src/PreviewPlugin.node.ts +16 -0
- package/src/PreviewPlugin.test.ts +25 -0
- package/src/PreviewPlugin.tsx +17 -26
- package/src/PreviewPlugin.workerd.ts +16 -0
- package/src/capabilities/index.ts +3 -3
- package/src/capabilities/preview-popover.ts +69 -42
- package/src/capabilities/react-surface.tsx +132 -120
- package/src/cards/ExpandoCard.tsx +76 -0
- package/src/cards/FormCard.tsx +115 -0
- package/src/cards/JsonCard.tsx +19 -0
- package/src/cards/OrganizationCard.tsx +17 -13
- package/src/cards/PersonCard.tsx +65 -0
- package/src/cards/ProjectCard.tsx +9 -11
- package/src/cards/TaskCard.tsx +27 -28
- package/src/cards/index.ts +4 -1
- package/src/index.ts +0 -3
- package/src/meta.ts +10 -3
- package/src/plugin.ts +9 -0
- package/src/stories/Card.stories.tsx +139 -24
- package/src/stories/testing.tsx +117 -77
- package/src/testing.ts +7 -0
- package/src/translations.ts +8 -8
- package/dist/lib/browser/chunk-XKCIQK3C.mjs +0 -12
- package/dist/lib/browser/chunk-XKCIQK3C.mjs.map +0 -7
- package/dist/lib/browser/index.mjs +0 -64
- package/dist/lib/browser/index.mjs.map +0 -7
- package/dist/lib/browser/meta.json +0 -1
- package/dist/lib/browser/preview-popover-RKHENTFP.mjs +0 -65
- package/dist/lib/browser/preview-popover-RKHENTFP.mjs.map +0 -7
- package/dist/lib/browser/react-surface-CPGRW3OV.mjs +0 -493
- package/dist/lib/browser/react-surface-CPGRW3OV.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-L3IZVX56.mjs +0 -14
- package/dist/lib/node-esm/chunk-L3IZVX56.mjs.map +0 -7
- package/dist/lib/node-esm/index.mjs +0 -65
- package/dist/lib/node-esm/index.mjs.map +0 -7
- package/dist/lib/node-esm/meta.json +0 -1
- package/dist/lib/node-esm/preview-popover-TZKX67EY.mjs +0 -67
- package/dist/lib/node-esm/preview-popover-TZKX67EY.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-XJKNWCPR.mjs +0 -494
- package/dist/lib/node-esm/react-surface-XJKNWCPR.mjs.map +0 -7
- package/dist/types/src/cards/ContactCard.d.ts +0 -5
- package/dist/types/src/cards/ContactCard.d.ts.map +0 -1
- package/dist/types/src/components/CardComponents.d.ts +0 -16
- package/dist/types/src/components/CardComponents.d.ts.map +0 -1
- package/dist/types/src/components/CardSubjectMenu.d.ts +0 -8
- package/dist/types/src/components/CardSubjectMenu.d.ts.map +0 -1
- package/dist/types/src/components/index.d.ts +0 -3
- package/dist/types/src/components/index.d.ts.map +0 -1
- package/dist/types/src/types.d.ts +0 -10
- package/dist/types/src/types.d.ts.map +0 -1
- package/src/cards/ContactCard.tsx +0 -58
- package/src/components/CardComponents.tsx +0 -67
- package/src/components/CardSubjectMenu.tsx +0 -91
- package/src/components/index.ts +0 -6
- package/src/types.ts +0 -15
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/cards/ContactCard.tsx", "../../../src/components/CardComponents.tsx", "../../../src/components/CardSubjectMenu.tsx", "../../../src/cards/OrganizationCard.tsx", "../../../src/cards/ProjectCard.tsx", "../../../src/cards/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, TaskCard } from '../cards';\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 handleSelect = useCallback(\n (org: Obj.Any) =>\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} onSelect={handleSelect}>\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, 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 { CardRow, CardSubjectMenu, gridRow } from '../components';\nimport { type PreviewProps } from '../types';\n\n// TODO(burdon): Rename PersonCard.\nexport const ContactCard = ({ children, role, subject, activeSpace, onSelect }: PreviewProps<DataType.Person>) => {\n const { fullName, image, organization: { target: organization } = {}, emails } = subject;\n\n return (\n <Card.SurfaceRoot role={role}>\n <Avatar.Root>\n <Card.Text role='group' classNames={mx('grid gap-2 grid-cols-[1fr_min-content]')}>\n <div role='none' className={mx(gridRow, 'grid-rows-2')}>\n {activeSpace ? <CardSubjectMenu subject={subject} activeSpace={activeSpace} /> : <div />}\n <Avatar.Label asChild>\n <h2 className={mx(cardHeading, 'grow truncate')}>{fullName}</h2>\n </Avatar.Label>\n </div>\n <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' variant='square' />\n </Card.Text>\n </Avatar.Root>\n {organization?.name && (\n <CardRow\n icon='ph--buildings--regular'\n label={organization.name}\n onClick={onSelect ? () => onSelect(organization) : undefined}\n />\n )}\n {emails?.length && (\n <dl className={mx(cardText, gridRow, '[&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0')}>\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='col-span-2 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 React from 'react';\n\nimport { Button, Icon } from '@dxos/react-ui';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const gridRow = 'is-full grid grid-cols-[1.5rem_1fr_min-content] gap-2 items-center';\n\n// TODO(burdon): Standardize card grid for common rows.\n\nexport const CardHeader = ({ label, subject, activeSpace }: { label?: string } & PreviewProps) => {\n return (\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={cardNoSpacing}>{label}</Card.Heading>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n );\n};\n\nexport const CardRow = ({ icon, label, onClick }: { icon: string; label: string; onClick?: () => void }) => {\n if (!onClick) {\n return (\n <Card.Chrome>\n <p data-variant='ghost' className={mx(gridRow, 'dx-button')}>\n <Icon icon={icon} size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate col-span-2'>{label}</span>\n </p>\n </Card.Chrome>\n );\n }\n\n return (\n <Card.Chrome>\n <Button variant='ghost' classNames={mx(gridRow, 'text-start')} onClick={onClick}>\n <Icon icon={icon} size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{label}</span>\n <Icon icon='ph--arrow-right--regular' />\n </Button>\n </Card.Chrome>\n );\n};\n\nexport const CardLink = ({ label, href }: { label: string; href: string }) => {\n return (\n <Card.Chrome>\n <a\n className={mx(gridRow, 'dx-button dx-focus-ring')}\n data-variant='ghost'\n href={href}\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'>{label}</span>\n <Icon icon='ph--arrow-square-out--regular' />\n </a>\n </Card.Chrome>\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 { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';\nimport {\n type ActionGraphProps,\n DropdownMenu,\n type MenuActions,\n MenuProvider,\n useMenuActions,\n} from '@dxos/react-ui-menu';\n\nimport { meta } from '../meta';\nimport { type PreviewProps } from '../types';\n\n/**\n * Generic menu for objects; builds menu with common actions.\n */\n// TODO(burdon): Reconcile title and menu with main Card header.\nexport const CardSubjectMenu = ({\n subject,\n activeSpace,\n ...props\n}: PreviewProps & Omit<IconButtonProps, 'icon' | 'label'>) => {\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 variant='ghost'\n icon='ph--dots-three-vertical--bold'\n iconOnly\n label={t('more options label')}\n size={5}\n {...props}\n />\n </DropdownMenu.Trigger>\n </DropdownMenu.Root>\n </MenuProvider>\n );\n};\n\nconst useSubjectMenuGroupItems = ({ subject, activeSpace }: PreviewProps): MenuActions => {\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// 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 { CardHeader, CardLink } from '../components';\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({ children, subject, role, activeSpace }: PreviewProps<DataType.Organization>) => {\n const { name, image, description, website } = subject;\n\n return (\n <Card.SurfaceRoot role={role}>\n <Card.Poster alt={name ?? ''} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <CardHeader label={name} subject={subject} activeSpace={activeSpace} />\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n {website && <CardLink label={website} href={website} />}\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 } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { CardHeader } from '../components';\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Project>) => {\n const { name, image, description } = subject;\n\n return (\n <Card.SurfaceRoot role={role}>\n {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n <CardHeader label={name} subject={subject} activeSpace={activeSpace} />\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 { CardSubjectMenu } from '../components';\nimport { type PreviewProps } from '../types';\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\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", "Icon", "Card", "cardHeading", "cardText", "mx", "React", "Button", "Icon", "Card", "cardNoSpacing", "cardSpacing", "mx", "Rx", "React", "LayoutAction", "createIntent", "useIntentDispatcher", "ACTION_TYPE", "Obj", "SpaceAction", "fullyQualifiedId", "IconButton", "useTranslation", "DropdownMenu", "MenuProvider", "useMenuActions", "CardSubjectMenu", "subject", "activeSpace", "props", "t", "useTranslation", "meta", "id", "menuProps", "useSubjectMenuGroupItems", "MenuProvider", "DropdownMenu", "Root", "Trigger", "asChild", "IconButton", "variant", "icon", "iconOnly", "label", "size", "dispatchPromise", "dispatch", "useIntentDispatcher", "result", "edges", "nodes", "push", "type", "ACTION_TYPE", "data", "createIntent", "LayoutAction", "Open", "part", "fullyQualifiedId", "properties", "ns", "Obj", "getDXN", "asQueueDXN", "SpaceAction", "AddObject", "object", "target", "hidden", "forEach", "source", "useMenuActions", "Rx", "make", "gridRow", "CardHeader", "label", "subject", "activeSpace", "React", "div", "role", "className", "mx", "cardSpacing", "Card", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "CardRow", "icon", "onClick", "Chrome", "p", "data-variant", "Icon", "size", "span", "Button", "variant", "CardLink", "href", "a", "target", "rel", "ContactCard", "children", "role", "subject", "activeSpace", "onSelect", "fullName", "image", "organization", "target", "emails", "React", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "mx", "div", "className", "gridRow", "CardSubjectMenu", "Label", "asChild", "h2", "cardHeading", "Content", "imgSrc", "icon", "size", "hue", "variant", "name", "CardRow", "label", "onClick", "undefined", "length", "dl", "cardText", "map", "value", "Fragment", "key", "dt", "span", "Icon", "dd", "React", "Card", "OrganizationCard", "children", "subject", "role", "activeSpace", "name", "image", "description", "website", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "CardHeader", "label", "Text", "classNames", "CardLink", "href", "React", "Obj", "Card", "ProjectCard", "subject", "role", "activeSpace", "name", "image", "description", "React", "Card", "SurfaceRoot", "Poster", "alt", "Obj", "getLabel", "aspect", "CardHeader", "label", "Text", "classNames", "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", "handleSelect", "useCallback", "org", "createIntent", "LayoutAction", "Open", "part", "fullyQualifiedId", "options", "workspace", "React", "ContactCard", "onSelect", "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,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 ContactCard: ({ children, role, subject, activeSpace, onSelect }: PreviewProps<DataType.Person>) => React.JSX.Element;
|
|
5
|
-
//# sourceMappingURL=ContactCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContactCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/ContactCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,WAAW,GAAI,oDAAoD,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,sBA0C5G,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type PreviewProps } from '../types';
|
|
3
|
-
export declare const gridRow = "is-full grid grid-cols-[1.5rem_1fr_min-content] gap-2 items-center";
|
|
4
|
-
export declare const CardHeader: ({ label, subject, activeSpace }: {
|
|
5
|
-
label?: string;
|
|
6
|
-
} & PreviewProps) => React.JSX.Element;
|
|
7
|
-
export declare const CardRow: ({ icon, label, onClick }: {
|
|
8
|
-
icon: string;
|
|
9
|
-
label: string;
|
|
10
|
-
onClick?: () => void;
|
|
11
|
-
}) => React.JSX.Element;
|
|
12
|
-
export declare const CardLink: ({ label, href }: {
|
|
13
|
-
label: string;
|
|
14
|
-
href: string;
|
|
15
|
-
}) => React.JSX.Element;
|
|
16
|
-
//# sourceMappingURL=CardComponents.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/CardComponents.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,OAAO,uEAAuE,CAAC;AAI5F,eAAO,MAAM,UAAU,GAAI,iCAAiC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,YAAY,sBAO5F,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,0BAA0B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,sBAqBtG,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,iBAAiB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBAgBxE,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type IconButtonProps } from '@dxos/react-ui';
|
|
3
|
-
import { type PreviewProps } from '../types';
|
|
4
|
-
/**
|
|
5
|
-
* Generic menu for objects; builds menu with common actions.
|
|
6
|
-
*/
|
|
7
|
-
export declare const CardSubjectMenu: ({ subject, activeSpace, ...props }: PreviewProps & Omit<IconButtonProps, "icon" | "label">) => React.JSX.Element | null;
|
|
8
|
-
//# sourceMappingURL=CardSubjectMenu.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardSubjectMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/CardSubjectMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAc,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAUlF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C;;GAEG;AAEH,eAAO,MAAM,eAAe,GAAI,oCAI7B,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,6BAwBxD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type PropsWithChildren } from 'react';
|
|
2
|
-
import { type Obj } from '@dxos/echo';
|
|
3
|
-
import { type Space } from '@dxos/react-client/echo';
|
|
4
|
-
export type PreviewProps<T extends Obj.Any = Obj.Any> = PropsWithChildren<{
|
|
5
|
-
subject: T;
|
|
6
|
-
role?: string;
|
|
7
|
-
activeSpace?: Space;
|
|
8
|
-
onSelect?: (obj: Obj.Any) => void;
|
|
9
|
-
}>;
|
|
10
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,iBAAiB,CAAC;IACxE,OAAO,EAAE,CAAC,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,KAAK,IAAI,CAAC;CACnC,CAAC,CAAC"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import React, { Fragment } from 'react';
|
|
6
|
-
|
|
7
|
-
import { Avatar, 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 { CardRow, CardSubjectMenu, gridRow } from '../components';
|
|
13
|
-
import { type PreviewProps } from '../types';
|
|
14
|
-
|
|
15
|
-
// TODO(burdon): Rename PersonCard.
|
|
16
|
-
export const ContactCard = ({ children, role, subject, activeSpace, onSelect }: PreviewProps<DataType.Person>) => {
|
|
17
|
-
const { fullName, image, organization: { target: organization } = {}, emails } = subject;
|
|
18
|
-
|
|
19
|
-
return (
|
|
20
|
-
<Card.SurfaceRoot role={role}>
|
|
21
|
-
<Avatar.Root>
|
|
22
|
-
<Card.Text role='group' classNames={mx('grid gap-2 grid-cols-[1fr_min-content]')}>
|
|
23
|
-
<div role='none' className={mx(gridRow, 'grid-rows-2')}>
|
|
24
|
-
{activeSpace ? <CardSubjectMenu subject={subject} activeSpace={activeSpace} /> : <div />}
|
|
25
|
-
<Avatar.Label asChild>
|
|
26
|
-
<h2 className={mx(cardHeading, 'grow truncate')}>{fullName}</h2>
|
|
27
|
-
</Avatar.Label>
|
|
28
|
-
</div>
|
|
29
|
-
<Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' variant='square' />
|
|
30
|
-
</Card.Text>
|
|
31
|
-
</Avatar.Root>
|
|
32
|
-
{organization?.name && (
|
|
33
|
-
<CardRow
|
|
34
|
-
icon='ph--buildings--regular'
|
|
35
|
-
label={organization.name}
|
|
36
|
-
onClick={onSelect ? () => onSelect(organization) : undefined}
|
|
37
|
-
/>
|
|
38
|
-
)}
|
|
39
|
-
{emails?.length && (
|
|
40
|
-
<dl className={mx(cardText, gridRow, '[&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0')}>
|
|
41
|
-
{emails?.length &&
|
|
42
|
-
emails.map(({ label, value }) => (
|
|
43
|
-
<Fragment key={value}>
|
|
44
|
-
<dt>
|
|
45
|
-
<span className='sr-only'>{label}</span>
|
|
46
|
-
<Icon icon='ph--at--regular' size={5} />
|
|
47
|
-
</dt>
|
|
48
|
-
<dd key={value} className='col-span-2 break-words'>
|
|
49
|
-
{value}
|
|
50
|
-
</dd>
|
|
51
|
-
</Fragment>
|
|
52
|
-
))}
|
|
53
|
-
</dl>
|
|
54
|
-
)}
|
|
55
|
-
{children}
|
|
56
|
-
</Card.SurfaceRoot>
|
|
57
|
-
);
|
|
58
|
-
};
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import React from 'react';
|
|
6
|
-
|
|
7
|
-
import { Button, Icon } from '@dxos/react-ui';
|
|
8
|
-
import { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';
|
|
9
|
-
import { mx } from '@dxos/react-ui-theme';
|
|
10
|
-
|
|
11
|
-
import { type PreviewProps } from '../types';
|
|
12
|
-
|
|
13
|
-
import { CardSubjectMenu } from './CardSubjectMenu';
|
|
14
|
-
|
|
15
|
-
export const gridRow = 'is-full grid grid-cols-[1.5rem_1fr_min-content] gap-2 items-center';
|
|
16
|
-
|
|
17
|
-
// TODO(burdon): Standardize card grid for common rows.
|
|
18
|
-
|
|
19
|
-
export const CardHeader = ({ label, subject, activeSpace }: { label?: string } & PreviewProps) => {
|
|
20
|
-
return (
|
|
21
|
-
<div role='none' className={mx('flex items-center gap-2', cardSpacing)}>
|
|
22
|
-
<Card.Heading classNames={cardNoSpacing}>{label}</Card.Heading>
|
|
23
|
-
<CardSubjectMenu subject={subject} activeSpace={activeSpace} />
|
|
24
|
-
</div>
|
|
25
|
-
);
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export const CardRow = ({ icon, label, onClick }: { icon: string; label: string; onClick?: () => void }) => {
|
|
29
|
-
if (!onClick) {
|
|
30
|
-
return (
|
|
31
|
-
<Card.Chrome>
|
|
32
|
-
<p data-variant='ghost' className={mx(gridRow, 'dx-button')}>
|
|
33
|
-
<Icon icon={icon} size={5} classNames='text-subdued' />
|
|
34
|
-
<span className='min-is-0 flex-1 truncate col-span-2'>{label}</span>
|
|
35
|
-
</p>
|
|
36
|
-
</Card.Chrome>
|
|
37
|
-
);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
return (
|
|
41
|
-
<Card.Chrome>
|
|
42
|
-
<Button variant='ghost' classNames={mx(gridRow, 'text-start')} onClick={onClick}>
|
|
43
|
-
<Icon icon={icon} size={5} classNames='text-subdued' />
|
|
44
|
-
<span className='min-is-0 flex-1 truncate'>{label}</span>
|
|
45
|
-
<Icon icon='ph--arrow-right--regular' />
|
|
46
|
-
</Button>
|
|
47
|
-
</Card.Chrome>
|
|
48
|
-
);
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
export const CardLink = ({ label, href }: { label: string; href: string }) => {
|
|
52
|
-
return (
|
|
53
|
-
<Card.Chrome>
|
|
54
|
-
<a
|
|
55
|
-
className={mx(gridRow, 'dx-button dx-focus-ring')}
|
|
56
|
-
data-variant='ghost'
|
|
57
|
-
href={href}
|
|
58
|
-
target='_blank'
|
|
59
|
-
rel='noreferrer'
|
|
60
|
-
>
|
|
61
|
-
<Icon icon='ph--link--regular' size={5} classNames='text-subdued' />
|
|
62
|
-
<span className='min-is-0 flex-1 truncate'>{label}</span>
|
|
63
|
-
<Icon icon='ph--arrow-square-out--regular' />
|
|
64
|
-
</a>
|
|
65
|
-
</Card.Chrome>
|
|
66
|
-
);
|
|
67
|
-
};
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import { Rx } from '@effect-rx/rx-react';
|
|
6
|
-
import React from 'react';
|
|
7
|
-
|
|
8
|
-
import { LayoutAction, createIntent, useIntentDispatcher } from '@dxos/app-framework';
|
|
9
|
-
import { ACTION_TYPE } from '@dxos/app-graph';
|
|
10
|
-
import { Obj } from '@dxos/echo';
|
|
11
|
-
import { SpaceAction } from '@dxos/plugin-space/types';
|
|
12
|
-
import { fullyQualifiedId } from '@dxos/react-client/echo';
|
|
13
|
-
import { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';
|
|
14
|
-
import {
|
|
15
|
-
type ActionGraphProps,
|
|
16
|
-
DropdownMenu,
|
|
17
|
-
type MenuActions,
|
|
18
|
-
MenuProvider,
|
|
19
|
-
useMenuActions,
|
|
20
|
-
} from '@dxos/react-ui-menu';
|
|
21
|
-
|
|
22
|
-
import { meta } from '../meta';
|
|
23
|
-
import { type PreviewProps } from '../types';
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* Generic menu for objects; builds menu with common actions.
|
|
27
|
-
*/
|
|
28
|
-
// TODO(burdon): Reconcile title and menu with main Card header.
|
|
29
|
-
export const CardSubjectMenu = ({
|
|
30
|
-
subject,
|
|
31
|
-
activeSpace,
|
|
32
|
-
...props
|
|
33
|
-
}: PreviewProps & Omit<IconButtonProps, 'icon' | 'label'>) => {
|
|
34
|
-
const { t } = useTranslation(meta.id);
|
|
35
|
-
const menuProps = useSubjectMenuGroupItems({ subject, activeSpace });
|
|
36
|
-
|
|
37
|
-
if (!activeSpace) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
return (
|
|
42
|
-
<MenuProvider {...menuProps}>
|
|
43
|
-
<DropdownMenu.Root>
|
|
44
|
-
<DropdownMenu.Trigger asChild>
|
|
45
|
-
<IconButton
|
|
46
|
-
variant='ghost'
|
|
47
|
-
icon='ph--dots-three-vertical--bold'
|
|
48
|
-
iconOnly
|
|
49
|
-
label={t('more options label')}
|
|
50
|
-
size={5}
|
|
51
|
-
{...props}
|
|
52
|
-
/>
|
|
53
|
-
</DropdownMenu.Trigger>
|
|
54
|
-
</DropdownMenu.Root>
|
|
55
|
-
</MenuProvider>
|
|
56
|
-
);
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
const useSubjectMenuGroupItems = ({ subject, activeSpace }: PreviewProps): MenuActions => {
|
|
60
|
-
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
61
|
-
const result: ActionGraphProps = { edges: [], nodes: [] };
|
|
62
|
-
|
|
63
|
-
result.nodes.push({
|
|
64
|
-
type: ACTION_TYPE,
|
|
65
|
-
id: `${subject.id}/open`,
|
|
66
|
-
data: () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [fullyQualifiedId(subject)] })),
|
|
67
|
-
properties: {
|
|
68
|
-
label: ['open object label', { ns: meta.id }],
|
|
69
|
-
icon: 'ph--arrow-right--regular',
|
|
70
|
-
},
|
|
71
|
-
});
|
|
72
|
-
|
|
73
|
-
if (activeSpace && Obj.getDXN(subject).asQueueDXN()) {
|
|
74
|
-
result.nodes.push({
|
|
75
|
-
type: ACTION_TYPE,
|
|
76
|
-
id: `${subject.id}/add-to-space`,
|
|
77
|
-
// TODO(wittjosiah): Update reference to point to db object when adding?
|
|
78
|
-
data: () => dispatch(createIntent(SpaceAction.AddObject, { object: subject, target: activeSpace, hidden: true })),
|
|
79
|
-
properties: {
|
|
80
|
-
label: ['add object to space label', { ns: meta.id }],
|
|
81
|
-
icon: 'ph--file-plus--regular',
|
|
82
|
-
},
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
result.nodes.forEach(({ id: target }) => {
|
|
87
|
-
result.edges.push({ source: 'root', target });
|
|
88
|
-
});
|
|
89
|
-
|
|
90
|
-
return useMenuActions(Rx.make(result));
|
|
91
|
-
};
|
package/src/components/index.ts
DELETED
package/src/types.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import { type PropsWithChildren } from 'react';
|
|
6
|
-
|
|
7
|
-
import { type Obj } from '@dxos/echo';
|
|
8
|
-
import { type Space } from '@dxos/react-client/echo';
|
|
9
|
-
|
|
10
|
-
export type PreviewProps<T extends Obj.Any = Obj.Any> = PropsWithChildren<{
|
|
11
|
-
subject: T;
|
|
12
|
-
role?: string;
|
|
13
|
-
activeSpace?: Space;
|
|
14
|
-
onSelect?: (obj: Obj.Any) => void;
|
|
15
|
-
}>;
|