@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.
Files changed (129) hide show
  1. package/LICENSE +102 -5
  2. package/dist/lib/neutral/PreviewPlugin.mjs +9 -0
  3. package/dist/lib/neutral/PreviewPlugin.mjs.map +7 -0
  4. package/dist/lib/neutral/PreviewPlugin.node.mjs +17 -0
  5. package/dist/lib/neutral/PreviewPlugin.node.mjs.map +7 -0
  6. package/dist/lib/neutral/PreviewPlugin.workerd.mjs +17 -0
  7. package/dist/lib/neutral/PreviewPlugin.workerd.mjs.map +7 -0
  8. package/dist/lib/neutral/capabilities/index.mjs +9 -0
  9. package/dist/lib/neutral/capabilities/index.mjs.map +7 -0
  10. package/dist/lib/neutral/chunk-3SWUVHXJ.mjs +28 -0
  11. package/dist/lib/neutral/chunk-3SWUVHXJ.mjs.map +7 -0
  12. package/dist/lib/neutral/chunk-XD3EYTHF.mjs +21 -0
  13. package/dist/lib/neutral/chunk-XD3EYTHF.mjs.map +7 -0
  14. package/dist/lib/neutral/index.mjs +7 -0
  15. package/dist/lib/neutral/index.mjs.map +7 -0
  16. package/dist/lib/neutral/meta.json +1 -0
  17. package/dist/lib/neutral/meta.mjs +7 -0
  18. package/dist/lib/neutral/meta.mjs.map +7 -0
  19. package/dist/lib/neutral/plugin.mjs +11 -0
  20. package/dist/lib/neutral/plugin.mjs.map +7 -0
  21. package/dist/lib/neutral/preview-popover-F33UBSBM.mjs +80 -0
  22. package/dist/lib/neutral/preview-popover-F33UBSBM.mjs.map +7 -0
  23. package/dist/lib/neutral/react-surface-3UPRCM4X.mjs +408 -0
  24. package/dist/lib/neutral/react-surface-3UPRCM4X.mjs.map +7 -0
  25. package/dist/lib/neutral/testing.mjs +7 -0
  26. package/dist/lib/neutral/testing.mjs.map +7 -0
  27. package/dist/lib/neutral/translations.mjs +21 -0
  28. package/dist/lib/neutral/translations.mjs.map +7 -0
  29. package/dist/types/src/PreviewPlugin.d.ts +3 -1
  30. package/dist/types/src/PreviewPlugin.d.ts.map +1 -1
  31. package/dist/types/src/PreviewPlugin.node.d.ts +4 -0
  32. package/dist/types/src/PreviewPlugin.node.d.ts.map +1 -0
  33. package/dist/types/src/PreviewPlugin.test.d.ts +2 -0
  34. package/dist/types/src/PreviewPlugin.test.d.ts.map +1 -0
  35. package/dist/types/src/PreviewPlugin.workerd.d.ts +4 -0
  36. package/dist/types/src/PreviewPlugin.workerd.d.ts.map +1 -0
  37. package/dist/types/src/capabilities/index.d.ts +3 -2
  38. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  39. package/dist/types/src/capabilities/preview-popover.d.ts +3 -2
  40. package/dist/types/src/capabilities/preview-popover.d.ts.map +1 -1
  41. package/dist/types/src/capabilities/react-surface.d.ts +3 -2
  42. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  43. package/dist/types/src/cards/ExpandoCard.d.ts +4 -0
  44. package/dist/types/src/cards/ExpandoCard.d.ts.map +1 -0
  45. package/dist/types/src/cards/FormCard.d.ts +17 -0
  46. package/dist/types/src/cards/FormCard.d.ts.map +1 -0
  47. package/dist/types/src/cards/JsonCard.d.ts +5 -0
  48. package/dist/types/src/cards/JsonCard.d.ts.map +1 -0
  49. package/dist/types/src/cards/OrganizationCard.d.ts +3 -3
  50. package/dist/types/src/cards/OrganizationCard.d.ts.map +1 -1
  51. package/dist/types/src/cards/PersonCard.d.ts +5 -0
  52. package/dist/types/src/cards/PersonCard.d.ts.map +1 -0
  53. package/dist/types/src/cards/ProjectCard.d.ts +3 -3
  54. package/dist/types/src/cards/ProjectCard.d.ts.map +1 -1
  55. package/dist/types/src/cards/TaskCard.d.ts +3 -3
  56. package/dist/types/src/cards/TaskCard.d.ts.map +1 -1
  57. package/dist/types/src/cards/index.d.ts +4 -1
  58. package/dist/types/src/cards/index.d.ts.map +1 -1
  59. package/dist/types/src/index.d.ts +0 -2
  60. package/dist/types/src/index.d.ts.map +1 -1
  61. package/dist/types/src/meta.d.ts +2 -2
  62. package/dist/types/src/meta.d.ts.map +1 -1
  63. package/dist/types/src/plugin.d.ts +3 -0
  64. package/dist/types/src/plugin.d.ts.map +1 -0
  65. package/dist/types/src/stories/Card.stories.d.ts +42 -14
  66. package/dist/types/src/stories/Card.stories.d.ts.map +1 -1
  67. package/dist/types/src/stories/testing.d.ts +52 -12
  68. package/dist/types/src/stories/testing.d.ts.map +1 -1
  69. package/dist/types/src/testing.d.ts +2 -0
  70. package/dist/types/src/testing.d.ts.map +1 -0
  71. package/dist/types/src/translations.d.ts +8 -9
  72. package/dist/types/src/translations.d.ts.map +1 -1
  73. package/dist/types/tsconfig.tsbuildinfo +1 -1
  74. package/package.json +92 -39
  75. package/src/PreviewPlugin.node.ts +16 -0
  76. package/src/PreviewPlugin.test.ts +25 -0
  77. package/src/PreviewPlugin.tsx +17 -26
  78. package/src/PreviewPlugin.workerd.ts +16 -0
  79. package/src/capabilities/index.ts +3 -3
  80. package/src/capabilities/preview-popover.ts +69 -42
  81. package/src/capabilities/react-surface.tsx +132 -120
  82. package/src/cards/ExpandoCard.tsx +76 -0
  83. package/src/cards/FormCard.tsx +115 -0
  84. package/src/cards/JsonCard.tsx +19 -0
  85. package/src/cards/OrganizationCard.tsx +17 -13
  86. package/src/cards/PersonCard.tsx +65 -0
  87. package/src/cards/ProjectCard.tsx +9 -11
  88. package/src/cards/TaskCard.tsx +27 -28
  89. package/src/cards/index.ts +4 -1
  90. package/src/index.ts +0 -3
  91. package/src/meta.ts +10 -3
  92. package/src/plugin.ts +9 -0
  93. package/src/stories/Card.stories.tsx +139 -24
  94. package/src/stories/testing.tsx +117 -77
  95. package/src/testing.ts +7 -0
  96. package/src/translations.ts +8 -8
  97. package/dist/lib/browser/chunk-XKCIQK3C.mjs +0 -12
  98. package/dist/lib/browser/chunk-XKCIQK3C.mjs.map +0 -7
  99. package/dist/lib/browser/index.mjs +0 -64
  100. package/dist/lib/browser/index.mjs.map +0 -7
  101. package/dist/lib/browser/meta.json +0 -1
  102. package/dist/lib/browser/preview-popover-RKHENTFP.mjs +0 -65
  103. package/dist/lib/browser/preview-popover-RKHENTFP.mjs.map +0 -7
  104. package/dist/lib/browser/react-surface-CPGRW3OV.mjs +0 -493
  105. package/dist/lib/browser/react-surface-CPGRW3OV.mjs.map +0 -7
  106. package/dist/lib/node-esm/chunk-L3IZVX56.mjs +0 -14
  107. package/dist/lib/node-esm/chunk-L3IZVX56.mjs.map +0 -7
  108. package/dist/lib/node-esm/index.mjs +0 -65
  109. package/dist/lib/node-esm/index.mjs.map +0 -7
  110. package/dist/lib/node-esm/meta.json +0 -1
  111. package/dist/lib/node-esm/preview-popover-TZKX67EY.mjs +0 -67
  112. package/dist/lib/node-esm/preview-popover-TZKX67EY.mjs.map +0 -7
  113. package/dist/lib/node-esm/react-surface-XJKNWCPR.mjs +0 -494
  114. package/dist/lib/node-esm/react-surface-XJKNWCPR.mjs.map +0 -7
  115. package/dist/types/src/cards/ContactCard.d.ts +0 -5
  116. package/dist/types/src/cards/ContactCard.d.ts.map +0 -1
  117. package/dist/types/src/components/CardComponents.d.ts +0 -16
  118. package/dist/types/src/components/CardComponents.d.ts.map +0 -1
  119. package/dist/types/src/components/CardSubjectMenu.d.ts +0 -8
  120. package/dist/types/src/components/CardSubjectMenu.d.ts.map +0 -1
  121. package/dist/types/src/components/index.d.ts +0 -3
  122. package/dist/types/src/components/index.d.ts.map +0 -1
  123. package/dist/types/src/types.d.ts +0 -10
  124. package/dist/types/src/types.d.ts.map +0 -1
  125. package/src/cards/ContactCard.tsx +0 -58
  126. package/src/components/CardComponents.tsx +0 -67
  127. package/src/components/CardSubjectMenu.tsx +0 -91
  128. package/src/components/index.ts +0 -6
  129. 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,3 +0,0 @@
1
- export * from './CardComponents';
2
- export * from './CardSubjectMenu';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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
- };
@@ -1,6 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- export * from './CardComponents';
6
- export * from './CardSubjectMenu';
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
- }>;