@dxos/plugin-preview 0.8.4-main.7ace549 → 0.8.4-main.9735255

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 (94) hide show
  1. package/dist/lib/browser/{chunk-CEWM5LJG.mjs → chunk-XLN6KTHK.mjs} +1 -1
  2. package/dist/lib/browser/chunk-XLN6KTHK.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +24 -34
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/browser/{preview-popover-4QZ2WDE6.mjs → preview-popover-Y67LE6TV.mjs} +33 -20
  7. package/dist/lib/browser/preview-popover-Y67LE6TV.mjs.map +7 -0
  8. package/dist/lib/browser/react-surface-YCDD5VZC.mjs +263 -0
  9. package/dist/lib/browser/react-surface-YCDD5VZC.mjs.map +7 -0
  10. package/dist/lib/node-esm/{chunk-Q5MUNELK.mjs → chunk-2G4FUGDA.mjs} +1 -1
  11. package/dist/lib/node-esm/chunk-2G4FUGDA.mjs.map +7 -0
  12. package/dist/lib/node-esm/index.mjs +24 -34
  13. package/dist/lib/node-esm/index.mjs.map +4 -4
  14. package/dist/lib/node-esm/meta.json +1 -1
  15. package/dist/lib/node-esm/{preview-popover-FJ2ARIGS.mjs → preview-popover-BGV2P6UX.mjs} +33 -20
  16. package/dist/lib/node-esm/preview-popover-BGV2P6UX.mjs.map +7 -0
  17. package/dist/lib/node-esm/react-surface-MYZZR7AQ.mjs +264 -0
  18. package/dist/lib/node-esm/react-surface-MYZZR7AQ.mjs.map +7 -0
  19. package/dist/types/src/PreviewPlugin.d.ts +2 -1
  20. package/dist/types/src/PreviewPlugin.d.ts.map +1 -1
  21. package/dist/types/src/capabilities/index.d.ts +2 -2
  22. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  23. package/dist/types/src/capabilities/preview-popover/index.d.ts +3 -0
  24. package/dist/types/src/capabilities/preview-popover/index.d.ts.map +1 -0
  25. package/dist/types/src/capabilities/preview-popover/preview-popover.d.ts +5 -0
  26. package/dist/types/src/capabilities/preview-popover/preview-popover.d.ts.map +1 -0
  27. package/dist/types/src/capabilities/react-surface/index.d.ts +3 -0
  28. package/dist/types/src/capabilities/react-surface/index.d.ts.map +1 -0
  29. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +5 -0
  30. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -0
  31. package/dist/types/src/cards/FormCard.d.ts +7 -0
  32. package/dist/types/src/cards/FormCard.d.ts.map +1 -0
  33. package/dist/types/src/cards/OrganizationCard.d.ts +2 -2
  34. package/dist/types/src/cards/OrganizationCard.d.ts.map +1 -1
  35. package/dist/types/src/cards/PersonCard.d.ts +2 -2
  36. package/dist/types/src/cards/PersonCard.d.ts.map +1 -1
  37. package/dist/types/src/cards/ProjectCard.d.ts +2 -2
  38. package/dist/types/src/cards/ProjectCard.d.ts.map +1 -1
  39. package/dist/types/src/cards/TaskCard.d.ts +2 -2
  40. package/dist/types/src/cards/TaskCard.d.ts.map +1 -1
  41. package/dist/types/src/cards/index.d.ts +1 -0
  42. package/dist/types/src/cards/index.d.ts.map +1 -1
  43. package/dist/types/src/index.d.ts +0 -1
  44. package/dist/types/src/index.d.ts.map +1 -1
  45. package/dist/types/src/meta.d.ts +2 -2
  46. package/dist/types/src/meta.d.ts.map +1 -1
  47. package/dist/types/src/stories/Card.stories.d.ts +8 -6
  48. package/dist/types/src/stories/Card.stories.d.ts.map +1 -1
  49. package/dist/types/src/stories/testing.d.ts +13 -12
  50. package/dist/types/src/stories/testing.d.ts.map +1 -1
  51. package/dist/types/tsconfig.tsbuildinfo +1 -1
  52. package/package.json +43 -34
  53. package/src/PreviewPlugin.tsx +10 -22
  54. package/src/capabilities/index.ts +2 -4
  55. package/src/capabilities/preview-popover/index.ts +7 -0
  56. package/src/capabilities/preview-popover/preview-popover.ts +77 -0
  57. package/src/capabilities/react-surface/index.ts +7 -0
  58. package/src/capabilities/react-surface/react-surface.tsx +97 -0
  59. package/src/cards/FormCard.tsx +63 -0
  60. package/src/cards/OrganizationCard.tsx +12 -17
  61. package/src/cards/PersonCard.tsx +35 -51
  62. package/src/cards/ProjectCard.tsx +7 -9
  63. package/src/cards/TaskCard.tsx +17 -23
  64. package/src/cards/index.ts +1 -0
  65. package/src/index.ts +0 -1
  66. package/src/meta.ts +2 -2
  67. package/src/stories/Card.stories.tsx +26 -20
  68. package/src/stories/testing.tsx +41 -71
  69. package/dist/lib/browser/chunk-CEWM5LJG.mjs.map +0 -7
  70. package/dist/lib/browser/preview-popover-4QZ2WDE6.mjs.map +0 -7
  71. package/dist/lib/browser/react-surface-X4KEMECS.mjs +0 -498
  72. package/dist/lib/browser/react-surface-X4KEMECS.mjs.map +0 -7
  73. package/dist/lib/node-esm/chunk-Q5MUNELK.mjs.map +0 -7
  74. package/dist/lib/node-esm/preview-popover-FJ2ARIGS.mjs.map +0 -7
  75. package/dist/lib/node-esm/react-surface-DR3UAH6F.mjs +0 -499
  76. package/dist/lib/node-esm/react-surface-DR3UAH6F.mjs.map +0 -7
  77. package/dist/types/src/capabilities/preview-popover.d.ts +0 -4
  78. package/dist/types/src/capabilities/preview-popover.d.ts.map +0 -1
  79. package/dist/types/src/capabilities/react-surface.d.ts +0 -4
  80. package/dist/types/src/capabilities/react-surface.d.ts.map +0 -1
  81. package/dist/types/src/components/CardComponents.d.ts +0 -16
  82. package/dist/types/src/components/CardComponents.d.ts.map +0 -1
  83. package/dist/types/src/components/CardSubjectMenu.d.ts +0 -8
  84. package/dist/types/src/components/CardSubjectMenu.d.ts.map +0 -1
  85. package/dist/types/src/components/index.d.ts +0 -3
  86. package/dist/types/src/components/index.d.ts.map +0 -1
  87. package/dist/types/src/types.d.ts +0 -12
  88. package/dist/types/src/types.d.ts.map +0 -1
  89. package/src/capabilities/preview-popover.ts +0 -69
  90. package/src/capabilities/react-surface.tsx +0 -157
  91. package/src/components/CardComponents.tsx +0 -67
  92. package/src/components/CardSubjectMenu.tsx +0 -103
  93. package/src/components/index.ts +0 -6
  94. package/src/types.ts +0 -25
@@ -0,0 +1,264 @@
1
+ import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
+ import {
3
+ meta
4
+ } from "./chunk-2G4FUGDA.mjs";
5
+
6
+ // src/capabilities/react-surface/react-surface.tsx
7
+ import * as Effect from "effect/Effect";
8
+ import React6 from "react";
9
+ import { Capability, Common as Common2 } from "@dxos/app-framework";
10
+ import { Surface } from "@dxos/app-framework/react";
11
+ import { Obj as Obj3 } from "@dxos/echo";
12
+ import { Card as Card6 } from "@dxos/react-ui-mosaic";
13
+ import { Organization, Person, Project, Task as Task2 } from "@dxos/types";
14
+
15
+ // src/cards/FormCard.tsx
16
+ import React, { useCallback } from "react";
17
+ import { Common } from "@dxos/app-framework";
18
+ import { useOperationInvoker } from "@dxos/app-framework/react";
19
+ import { Obj } from "@dxos/echo";
20
+ import { splitJsonPath } from "@dxos/effect";
21
+ import { IconButton, useTranslation } from "@dxos/react-ui";
22
+ import { Form, omitId } from "@dxos/react-ui-form";
23
+ import { Card } from "@dxos/react-ui-mosaic";
24
+ import { descriptionMessage, mx } from "@dxos/ui-theme";
25
+ var FormCard = ({ subject, projection }) => {
26
+ const { invokePromise } = useOperationInvoker();
27
+ const schema = Obj.getSchema(subject);
28
+ const { t } = useTranslation(meta.id);
29
+ const handleNavigate = useCallback(async () => {
30
+ await invokePromise(Common.LayoutOperation.UpdatePopover, {
31
+ state: false,
32
+ anchorId: ""
33
+ });
34
+ await invokePromise(Common.LayoutOperation.Open, {
35
+ subject: [
36
+ Obj.getDXN(subject).toString()
37
+ ]
38
+ });
39
+ }, [
40
+ invokePromise,
41
+ subject
42
+ ]);
43
+ if (!schema) {
44
+ return /* @__PURE__ */ React.createElement("p", {
45
+ className: mx(descriptionMessage)
46
+ }, t("unable to create preview message"));
47
+ }
48
+ const handleSave = useCallback((values, { changed }) => {
49
+ const paths = Object.keys(changed).filter((path) => changed[path]);
50
+ Obj.change(subject, () => {
51
+ for (const path of paths) {
52
+ const value = values[path];
53
+ const parts = splitJsonPath(path);
54
+ Obj.setValue(subject, parts, value);
55
+ }
56
+ });
57
+ }, []);
58
+ const label = Obj.getLabel(subject) ?? Obj.getTypename(subject) ?? t("unable to create preview message");
59
+ return /* @__PURE__ */ React.createElement(Card.Root, {
60
+ id: subject.id
61
+ }, /* @__PURE__ */ React.createElement(Card.Heading, {
62
+ classNames: "flex items-center"
63
+ }, label, /* @__PURE__ */ React.createElement("span", {
64
+ className: "grow"
65
+ }), /* @__PURE__ */ React.createElement(IconButton, {
66
+ iconOnly: true,
67
+ icon: "ph--arrow-right--regular",
68
+ label: t("open object label"),
69
+ onClick: handleNavigate
70
+ })), /* @__PURE__ */ React.createElement(Form.Root, {
71
+ schema: omitId(schema),
72
+ projection,
73
+ values: subject,
74
+ autoSave: true,
75
+ onSave: handleSave
76
+ }, /* @__PURE__ */ React.createElement(Form.Viewport, null, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null)))));
77
+ };
78
+
79
+ // src/cards/OrganizationCard.tsx
80
+ import React2 from "react";
81
+ import { Card as Card2 } from "@dxos/react-ui-mosaic";
82
+ var OrganizationCard = ({ subject }) => {
83
+ const { image, description, website } = subject;
84
+ return /* @__PURE__ */ React2.createElement(Card2.Content, null, /* @__PURE__ */ React2.createElement(Card2.Poster, {
85
+ alt: name ?? "",
86
+ ...image ? {
87
+ image
88
+ } : {
89
+ icon: "ph--building-office--regular"
90
+ },
91
+ classNames: !image && "opacity-50"
92
+ }), description && /* @__PURE__ */ React2.createElement(Card2.Row, null, /* @__PURE__ */ React2.createElement(Card2.Text, {
93
+ variant: "description"
94
+ }, description)), website && /* @__PURE__ */ React2.createElement(Card2.Link, {
95
+ label: website,
96
+ href: website
97
+ }));
98
+ };
99
+
100
+ // src/cards/PersonCard.tsx
101
+ import React3 from "react";
102
+ import { Avatar } from "@dxos/react-ui";
103
+ import { Card as Card3 } from "@dxos/react-ui-mosaic";
104
+ var PersonCard = ({ subject }) => {
105
+ const { image, organization: { target: organization } = {}, emails = [] } = subject;
106
+ return /* @__PURE__ */ React3.createElement(Avatar.Root, null, /* @__PURE__ */ React3.createElement(Card3.Content, null, image && /* @__PURE__ */ React3.createElement(Card3.Row, {
107
+ className: "plb-1"
108
+ }, /* @__PURE__ */ React3.createElement(Avatar.Content, {
109
+ imgSrc: image,
110
+ icon: "ph--user--regular",
111
+ size: 16,
112
+ classNames: !image && "opacity-50",
113
+ hue: "neutral",
114
+ variant: "square"
115
+ })), organization?.name && /* @__PURE__ */ React3.createElement(Card3.Action, {
116
+ icon: "ph--buildings--regular",
117
+ label: organization.name
118
+ }), emails.map(({ value }) => /* @__PURE__ */ React3.createElement(Card3.Row, {
119
+ key: value,
120
+ icon: "ph--at--regular"
121
+ }, /* @__PURE__ */ React3.createElement(Card3.Text, {
122
+ truncate: true,
123
+ className: "text-primaryText"
124
+ }, value)))));
125
+ };
126
+
127
+ // src/cards/ProjectCard.tsx
128
+ import React4 from "react";
129
+ import { Obj as Obj2 } from "@dxos/echo";
130
+ import { Card as Card4 } from "@dxos/react-ui-mosaic";
131
+ var ProjectCard = ({ subject }) => {
132
+ const { name: name2, image, description } = subject;
133
+ return /* @__PURE__ */ React4.createElement(Card4.Content, null, image && /* @__PURE__ */ React4.createElement(Card4.Poster, {
134
+ image,
135
+ alt: Obj2.getLabel(subject) ?? "",
136
+ aspect: "auto"
137
+ }), description && /* @__PURE__ */ React4.createElement(Card4.Text, {
138
+ variant: "description"
139
+ }, description));
140
+ };
141
+
142
+ // src/cards/TaskCard.tsx
143
+ import * as SchemaAST from "effect/SchemaAST";
144
+ import React5 from "react";
145
+ import { PropertyMetaAnnotationId } from "@dxos/echo/internal";
146
+ import { Card as Card5 } from "@dxos/react-ui-mosaic";
147
+ import { Task } from "@dxos/types";
148
+ var TaskCard = ({ subject }) => {
149
+ const { title, status } = subject;
150
+ const statusOption = getActiveStatusOption(status);
151
+ return /* @__PURE__ */ React5.createElement(Card5.Content, null, /* @__PURE__ */ React5.createElement(Card5.Heading, {
152
+ classNames: "min-is-0 flex-1 truncate"
153
+ }, title), statusOption && /* @__PURE__ */ React5.createElement("span", {
154
+ className: "dx-tag",
155
+ "data-hue": statusOption.color
156
+ }, statusOption.title));
157
+ };
158
+ var getActiveStatusOption = (status) => {
159
+ const properties = SchemaAST.getPropertySignatures(Task.Task.ast);
160
+ const statusProperty = properties.find((p) => p.name === "status");
161
+ const statusMeta = SchemaAST.getAnnotation(PropertyMetaAnnotationId)(
162
+ // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.
163
+ statusProperty.type.types[0]
164
+ );
165
+ const options = statusMeta.value.singleSelect.options;
166
+ return options.find(({ id }) => id === status);
167
+ };
168
+
169
+ // src/capabilities/react-surface/react-surface.tsx
170
+ var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Common2.Capability.ReactSurface, [
171
+ //
172
+ // Specific schema types.
173
+ // TODO(burdon): Create helpers and factor out.
174
+ //
175
+ Common2.createSurface({
176
+ id: `${meta.id}/schema-popover--contact`,
177
+ role: "card--content",
178
+ position: "hoist",
179
+ filter: (data) => Obj3.instanceOf(Person.Person, data.subject),
180
+ component: ({ data, role }) => {
181
+ return /* @__PURE__ */ React6.createElement(PersonCard, {
182
+ role,
183
+ subject: data.subject
184
+ });
185
+ }
186
+ }),
187
+ Common2.createSurface({
188
+ id: `${meta.id}/schema-popover--organization`,
189
+ role: "card--content",
190
+ position: "hoist",
191
+ filter: (data) => Obj3.instanceOf(Organization.Organization, data.subject),
192
+ component: ({ data, role }) => {
193
+ return /* @__PURE__ */ React6.createElement(OrganizationCard, {
194
+ role,
195
+ subject: data.subject
196
+ });
197
+ }
198
+ }),
199
+ Common2.createSurface({
200
+ id: `${meta.id}/schema-popover--project`,
201
+ role: "card--content",
202
+ position: "hoist",
203
+ filter: (data) => Obj3.instanceOf(Project.Project, data.subject),
204
+ component: ({ data, role }) => {
205
+ return /* @__PURE__ */ React6.createElement(ProjectCard, {
206
+ role,
207
+ subject: data.subject
208
+ });
209
+ }
210
+ }),
211
+ Common2.createSurface({
212
+ id: `${meta.id}/schema-popover--task`,
213
+ role: "card--content",
214
+ position: "hoist",
215
+ filter: (data) => Obj3.instanceOf(Task2.Task, data.subject),
216
+ component: ({ data, role }) => {
217
+ return /* @__PURE__ */ React6.createElement(TaskCard, {
218
+ role,
219
+ subject: data.subject
220
+ });
221
+ }
222
+ }),
223
+ //
224
+ // Fallback for any object.
225
+ //
226
+ Common2.createSurface({
227
+ id: `${meta.id}/fallback-popover`,
228
+ role: "card--content",
229
+ position: "fallback",
230
+ filter: (data) => Obj3.isObject(data.subject),
231
+ component: ({ data, role }) => {
232
+ return /* @__PURE__ */ React6.createElement(FormCard, {
233
+ role,
234
+ subject: data.subject,
235
+ projection: data.projection
236
+ });
237
+ }
238
+ }),
239
+ Common2.createSurface({
240
+ id: `${meta.id}/section`,
241
+ role: [
242
+ "section"
243
+ ],
244
+ position: "fallback",
245
+ filter: (data) => Obj3.isObject(data.subject),
246
+ component: ({ data }) => {
247
+ return /* @__PURE__ */ React6.createElement("div", {
248
+ role: "none",
249
+ className: "flex is-full justify-center"
250
+ }, /* @__PURE__ */ React6.createElement("div", {
251
+ role: "none",
252
+ className: "pbs-2 pbe-2 card-min-width card-max-width"
253
+ }, /* @__PURE__ */ React6.createElement(Card6.Root, null, /* @__PURE__ */ React6.createElement(Surface, {
254
+ role: "card--content",
255
+ data,
256
+ limit: 1
257
+ }))));
258
+ }
259
+ })
260
+ ])));
261
+ export {
262
+ react_surface_default as default
263
+ };
264
+ //# sourceMappingURL=react-surface-MYZZR7AQ.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/cards/FormCard.tsx", "../../../src/cards/OrganizationCard.tsx", "../../../src/cards/PersonCard.tsx", "../../../src/cards/ProjectCard.tsx", "../../../src/cards/TaskCard.tsx"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type ProjectionModel } from '@dxos/schema';\nimport { Organization, Person, Project, Task } from '@dxos/types';\n\nimport { FormCard, OrganizationCard, PersonCard, ProjectCard, TaskCard } from '../../cards';\nimport { meta } from '../../meta';\n\nexport default Capability.makeModule(() =>\n Effect.succeed(\n Capability.contributes(Common.Capability.ReactSurface, [\n //\n // Specific schema types.\n // TODO(burdon): Create helpers and factor out.\n //\n\n Common.createSurface<{ subject: Person.Person }>({\n id: `${meta.id}/schema-popover--contact`,\n role: 'card--content',\n position: 'hoist',\n filter: (data): data is { subject: Person.Person } => Obj.instanceOf(Person.Person, data.subject),\n component: ({ data, role }) => {\n return <PersonCard role={role} subject={data.subject} />;\n },\n }),\n Common.createSurface({\n id: `${meta.id}/schema-popover--organization`,\n role: 'card--content',\n position: 'hoist',\n filter: (data): data is { subject: Organization.Organization } =>\n Obj.instanceOf(Organization.Organization, data.subject),\n component: ({ data, role }) => {\n return <OrganizationCard role={role} subject={data.subject} />;\n },\n }),\n Common.createSurface({\n id: `${meta.id}/schema-popover--project`,\n role: 'card--content',\n position: 'hoist',\n filter: (data): data is { subject: Project.Project } => Obj.instanceOf(Project.Project, data.subject),\n component: ({ data, role }) => {\n return <ProjectCard role={role} subject={data.subject} />;\n },\n }),\n Common.createSurface({\n id: `${meta.id}/schema-popover--task`,\n role: 'card--content',\n position: 'hoist',\n filter: (data): data is { subject: Task.Task } => Obj.instanceOf(Task.Task, data.subject),\n component: ({ data, role }) => {\n return <TaskCard role={role} subject={data.subject} />;\n },\n }),\n\n //\n // Fallback for any object.\n //\n\n Common.createSurface({\n id: `${meta.id}/fallback-popover`,\n role: 'card--content',\n position: 'fallback',\n filter: (data): data is { subject: Obj.Unknown; projection?: ProjectionModel } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n return <FormCard role={role} subject={data.subject} projection={data.projection} />;\n },\n }),\n\n Common.createSurface({\n id: `${meta.id}/section`,\n role: ['section'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Unknown } => Obj.isObject(data.subject),\n component: ({ data }) => {\n return (\n <div role='none' className='flex is-full justify-center'>\n <div role='none' className='pbs-2 pbe-2 card-min-width card-max-width'>\n <Card.Root>\n <Surface role='card--content' data={data} limit={1} />\n </Card.Root>\n </div>\n </div>\n );\n },\n }),\n ]),\n ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { type SurfaceComponentProps, useOperationInvoker } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { type JsonPath, splitJsonPath } from '@dxos/effect';\nimport { IconButton, useTranslation } from '@dxos/react-ui';\nimport { Form, omitId } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type ProjectionModel } from '@dxos/schema';\nimport { descriptionMessage, mx } from '@dxos/ui-theme';\n\nimport { meta } from '../meta';\n\nexport const FormCard = ({ subject, projection }: SurfaceComponentProps & { projection?: ProjectionModel }) => {\n const { invokePromise } = useOperationInvoker();\n const schema = Obj.getSchema(subject);\n const { t } = useTranslation(meta.id);\n\n const handleNavigate = useCallback(async () => {\n await invokePromise(Common.LayoutOperation.UpdatePopover, { state: false, anchorId: '' });\n await invokePromise(Common.LayoutOperation.Open, { subject: [Obj.getDXN(subject).toString()] });\n }, [invokePromise, subject]);\n\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 paths = Object.keys(changed).filter((path) => changed[path]);\n Obj.change(subject, () => {\n for (const path of paths) {\n const value = values[path];\n const parts = splitJsonPath(path as JsonPath);\n Obj.setValue(subject, parts, value);\n }\n });\n }, []);\n\n const label = Obj.getLabel(subject) ?? Obj.getTypename(subject) ?? t('unable to create preview message');\n\n return (\n <Card.Root id={subject.id}>\n <Card.Heading classNames='flex items-center'>\n {label}\n <span className='grow' />\n <IconButton iconOnly icon='ph--arrow-right--regular' label={t('open object label')} onClick={handleNavigate} />\n </Card.Heading>\n <Form.Root schema={omitId(schema)} projection={projection} values={subject} autoSave onSave={handleSave}>\n <Form.Viewport>\n <Form.Content>\n <Form.FieldSet />\n </Form.Content>\n </Form.Viewport>\n </Form.Root>\n </Card.Root>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type Organization } from '@dxos/types';\n\nexport const OrganizationCard = ({ subject }: SurfaceComponentProps<Organization.Organization>) => {\n const { image, description, website } = subject;\n\n return (\n <Card.Content>\n <Card.Poster\n alt={name ?? ''}\n {...(image ? { image } : { icon: 'ph--building-office--regular' })}\n classNames={!image && 'opacity-50'}\n />\n {description && (\n <Card.Row>\n <Card.Text variant='description'>{description}</Card.Text>\n </Card.Row>\n )}\n {website && <Card.Link label={website} href={website} />}\n </Card.Content>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { Avatar } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type Person } from '@dxos/types';\n\nexport const PersonCard = ({ subject }: SurfaceComponentProps<Person.Person>) => {\n const { image, organization: { target: organization } = {}, emails = [] } = subject;\n\n return (\n <Avatar.Root>\n <Card.Content>\n {image && (\n <Card.Row className='plb-1'>\n <Avatar.Content\n imgSrc={image}\n icon='ph--user--regular'\n size={16}\n classNames={!image && 'opacity-50'}\n hue='neutral'\n variant='square'\n />\n </Card.Row>\n )}\n {organization?.name && (\n <Card.Action\n icon='ph--buildings--regular'\n label={organization.name}\n // onClick={onSelect ? () => onSelect(organization) : undefined}\n />\n )}\n {emails.map(({ value }) => (\n <Card.Row key={value} icon='ph--at--regular'>\n <Card.Text truncate className='text-primaryText'>\n {value}\n </Card.Text>\n </Card.Row>\n ))}\n </Card.Content>\n </Avatar.Root>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type Project } from '@dxos/types';\n\nexport const ProjectCard = ({ subject }: SurfaceComponentProps<Project.Project>) => {\n const { name, image, description } = subject;\n\n return (\n <Card.Content>\n {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n {/* <CardHeader label={name} subject={subject} db={db} /> */}\n {description && <Card.Text variant='description'>{description}</Card.Text>}\n </Card.Content>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as SchemaAST from 'effect/SchemaAST';\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { Task } from '@dxos/types';\n\nexport const TaskCard = ({ subject }: SurfaceComponentProps<Task.Task>) => {\n const { title, status } = subject;\n const statusOption = getActiveStatusOption(status);\n\n return (\n <Card.Content>\n <Card.Heading classNames='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 </Card.Content>\n );\n};\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(Task.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"],
5
+ "mappings": "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",
6
+ "names": ["Effect", "React", "Capability", "Common", "Surface", "Obj", "Card", "Organization", "Person", "Project", "Task", "React", "useCallback", "Common", "useOperationInvoker", "Obj", "splitJsonPath", "IconButton", "useTranslation", "Form", "omitId", "Card", "descriptionMessage", "mx", "FormCard", "subject", "projection", "invokePromise", "useOperationInvoker", "schema", "Obj", "getSchema", "t", "useTranslation", "meta", "id", "handleNavigate", "useCallback", "Common", "LayoutOperation", "UpdatePopover", "state", "anchorId", "Open", "getDXN", "toString", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "paths", "Object", "keys", "filter", "path", "change", "value", "parts", "splitJsonPath", "setValue", "label", "getLabel", "getTypename", "Card", "Root", "Heading", "classNames", "span", "IconButton", "iconOnly", "icon", "onClick", "Form", "omitId", "autoSave", "onSave", "Viewport", "Content", "FieldSet", "React", "Card", "OrganizationCard", "subject", "image", "description", "website", "React", "Card", "Content", "Poster", "alt", "name", "icon", "classNames", "Row", "Text", "variant", "Link", "label", "href", "React", "Avatar", "Card", "PersonCard", "subject", "image", "organization", "target", "emails", "React", "Avatar", "Root", "Card", "Content", "Row", "className", "imgSrc", "icon", "size", "classNames", "hue", "variant", "name", "Action", "label", "map", "value", "key", "Text", "truncate", "React", "Obj", "Card", "ProjectCard", "subject", "name", "image", "description", "React", "Card", "Content", "Poster", "alt", "Obj", "getLabel", "aspect", "Text", "variant", "SchemaAST", "React", "PropertyMetaAnnotationId", "Card", "Task", "TaskCard", "subject", "title", "status", "statusOption", "getActiveStatusOption", "React", "Card", "Content", "Heading", "classNames", "span", "className", "data-hue", "color", "properties", "getPropertySignatures", "Task", "ast", "statusProperty", "find", "p", "name", "statusMeta", "getAnnotation", "PropertyMetaAnnotationId", "type", "types", "options", "value", "singleSelect", "id", "Capability", "makeModule", "succeed", "contributes", "Common", "ReactSurface", "createSurface", "id", "meta", "role", "position", "filter", "data", "Obj", "instanceOf", "Person", "subject", "component", "React", "PersonCard", "Organization", "OrganizationCard", "Project", "ProjectCard", "Task", "TaskCard", "isObject", "FormCard", "projection", "div", "className", "Card", "Root", "Surface", "limit"]
7
+ }
@@ -1,2 +1,3 @@
1
- export declare const PreviewPlugin: import("@dxos/app-framework").PluginFactory<void>;
1
+ import { Plugin } from '@dxos/app-framework';
2
+ export declare const PreviewPlugin: Plugin.PluginFactory<void>;
2
3
  //# sourceMappingURL=PreviewPlugin.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PreviewPlugin.d.ts","sourceRoot":"","sources":["../../../src/PreviewPlugin.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,aAAa,mDAqBxB,CAAC"}
1
+ {"version":3,"file":"PreviewPlugin.d.ts","sourceRoot":"","sources":["../../../src/PreviewPlugin.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAOrD,eAAO,MAAM,aAAa,4BAUzB,CAAC"}
@@ -1,3 +1,3 @@
1
- export declare const PreviewPopover: (props?: import("@dxos/app-framework").PluginContext | undefined) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<null>> | import("@dxos/app-framework").AnyCapability[]>>;
2
- export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.ReactSurface>> | import("@dxos/app-framework").AnyCapability[]>>;
1
+ export * from './preview-popover';
2
+ export * from './react-surface';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,yOAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,4OAAwC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { Capability } from '@dxos/app-framework';
2
+ export declare const PreviewPopover: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<null>>, Error>;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/preview-popover/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,cAAc,8FAAuE,CAAC"}
@@ -0,0 +1,5 @@
1
+ import * as Effect from 'effect/Effect';
2
+ import { Capability } from '@dxos/app-framework';
3
+ declare const _default: (props?: void | undefined) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<null>>, never, Capability.Service>;
4
+ export default _default;
5
+ //# sourceMappingURL=preview-popover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preview-popover.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/preview-popover/preview-popover.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,UAAU,EAAU,MAAM,qBAAqB,CAAC;;AAyBzD,wBA6CE"}
@@ -0,0 +1,3 @@
1
+ import { Capability } from '@dxos/app-framework';
2
+ export declare const ReactSurface: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/app-framework/Common").Capability.ReactSurface>>, Error>;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,YAAY,sJAAmE,CAAC"}
@@ -0,0 +1,5 @@
1
+ import * as Effect from 'effect/Effect';
2
+ import { Capability, Common } from '@dxos/app-framework';
3
+ declare const _default: (props?: void | undefined) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<Common.Capability.ReactSurface>>, never, never>;
4
+ export default _default;
5
+ //# sourceMappingURL=react-surface.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/react-surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;;AAUzD,wBA+EE"}
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { type SurfaceComponentProps } from '@dxos/app-framework/react';
3
+ import { type ProjectionModel } from '@dxos/schema';
4
+ export declare const FormCard: ({ subject, projection }: SurfaceComponentProps & {
5
+ projection?: ProjectionModel;
6
+ }) => React.JSX.Element;
7
+ //# sourceMappingURL=FormCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/FormCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,KAAK,qBAAqB,EAAuB,MAAM,2BAA2B,CAAC;AAM5F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAKpD,eAAO,MAAM,QAAQ,GAAI,yBAAyB,qBAAqB,GAAG;IAAE,UAAU,CAAC,EAAE,eAAe,CAAA;CAAE,sBA4CzG,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
+ import { type SurfaceComponentProps } from '@dxos/app-framework/react';
2
3
  import { type Organization } from '@dxos/types';
3
- import { type CardPreviewProps } from '../types';
4
- export declare const OrganizationCard: ({ children, subject, role, activeSpace, }: CardPreviewProps<Organization.Organization>) => React.JSX.Element;
4
+ export declare const OrganizationCard: ({ subject }: SurfaceComponentProps<Organization.Organization>) => React.JSX.Element;
5
5
  //# sourceMappingURL=OrganizationCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"OrganizationCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/OrganizationCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,gBAAgB,GAAI,2CAK9B,gBAAgB,CAAC,YAAY,CAAC,YAAY,CAAC,sBAgB7C,CAAC"}
1
+ {"version":3,"file":"OrganizationCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/OrganizationCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,gBAAgB,GAAI,aAAa,qBAAqB,CAAC,YAAY,CAAC,YAAY,CAAC,sBAkB7F,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
+ import { type SurfaceComponentProps } from '@dxos/app-framework/react';
2
3
  import { type Person } from '@dxos/types';
3
- import { type CardPreviewProps } from '../types';
4
- export declare const PersonCard: ({ children, role, subject, activeSpace, onSelect }: CardPreviewProps<Person.Person>) => React.JSX.Element;
4
+ export declare const PersonCard: ({ subject }: SurfaceComponentProps<Person.Person>) => React.JSX.Element;
5
5
  //# sourceMappingURL=PersonCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PersonCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/PersonCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AAG1C,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,UAAU,GAAI,oDAAoD,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,sBAgD7G,CAAC"}
1
+ {"version":3,"file":"PersonCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/PersonCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,UAAU,GAAI,aAAa,qBAAqB,CAAC,MAAM,CAAC,MAAM,CAAC,sBAmC3E,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
+ import { type SurfaceComponentProps } from '@dxos/app-framework/react';
2
3
  import { type Project } from '@dxos/types';
3
- import { type CardPreviewProps } from '../types';
4
- export declare const ProjectCard: ({ subject, role, activeSpace }: CardPreviewProps<Project.Project>) => React.JSX.Element;
4
+ export declare const ProjectCard: ({ subject }: SurfaceComponentProps<Project.Project>) => React.JSX.Element;
5
5
  //# sourceMappingURL=ProjectCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/ProjectCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,WAAW,GAAI,gCAAgC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,sBAU5F,CAAC"}
1
+ {"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/ProjectCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,eAAO,MAAM,WAAW,GAAI,aAAa,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC,sBAU9E,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
+ import { type SurfaceComponentProps } from '@dxos/app-framework/react';
2
3
  import { Task } from '@dxos/types';
3
- import { type CardPreviewProps } from '../types';
4
- export declare const TaskCard: ({ subject, role, activeSpace }: CardPreviewProps<Task.Task>) => React.JSX.Element;
4
+ export declare const TaskCard: ({ subject }: SurfaceComponentProps<Task.Task>) => React.JSX.Element;
5
5
  //# sourceMappingURL=TaskCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/TaskCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAejD,eAAO,MAAM,QAAQ,GAAI,gCAAgC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,sBAiBnF,CAAC"}
1
+ {"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/cards/TaskCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,eAAO,MAAM,QAAQ,GAAI,aAAa,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,sBAcrE,CAAC"}
@@ -1,3 +1,4 @@
1
+ export * from './FormCard';
1
2
  export * from './OrganizationCard';
2
3
  export * from './PersonCard';
3
4
  export * from './ProjectCard';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/cards/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/cards/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
@@ -1,4 +1,3 @@
1
1
  export * from './meta';
2
- export type * from './types';
3
2
  export * from './PreviewPlugin';
4
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AAEvB,cAAc,iBAAiB,CAAC"}
@@ -1,3 +1,3 @@
1
- import { type PluginMeta } from '@dxos/app-framework';
2
- export declare const meta: PluginMeta;
1
+ import { type Plugin } from '@dxos/app-framework';
2
+ export declare const meta: Plugin.Meta;
3
3
  //# sourceMappingURL=meta.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,eAAO,MAAM,IAAI,EAAE,UASlB,CAAC"}
1
+ {"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,IASzB,CAAC"}
@@ -1,7 +1,9 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
+ import { type Organization, type Person, type Project, type Task } from '@dxos/types';
3
+ import { DefaultStory } from './testing';
2
4
  declare const meta: {
3
5
  title: string;
4
- render: ({ role, cards }: import("./testing").DefaultstoryProps) => import("react").JSX.Element;
6
+ render: <T extends import("@dxos/echo/Obj").Any>({ Component, createObject, image }: import("./testing").DefaultStoryProps<T>) => import("react").JSX.Element;
5
7
  decorators: import("@storybook/react").Decorator[];
6
8
  parameters: {
7
9
  translations: [{
@@ -17,13 +19,13 @@ declare const meta: {
17
19
  };
18
20
  };
19
21
  }];
22
+ layout: string;
20
23
  };
21
24
  tags: string[];
22
25
  };
23
26
  export default meta;
24
- type Story = StoryObj<typeof meta>;
25
- export declare const Popover: Story;
26
- export declare const Intrinsic: Story;
27
- export declare const Extrinsic: Story;
28
- export declare const ExtrinsicNoImage: Story;
27
+ export declare const _Person: StoryObj<typeof DefaultStory<Person.Person>>;
28
+ export declare const _Organization: StoryObj<typeof DefaultStory<Organization.Organization>>;
29
+ export declare const _Project: StoryObj<typeof DefaultStory<Project.Project>>;
30
+ export declare const _Task: StoryObj<typeof DefaultStory<Task.Task>>;
29
31
  //# sourceMappingURL=Card.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAajE,QAAA,MAAM,IAAI;;;;;;;yBAVA,CAAQ,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;CAsBW,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}
1
+ {"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,KAAK,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,aAAa,CAAC;AAKtF,OAAO,EAAE,YAAY,EAA+D,MAAM,WAAW,CAAC;AAItG,QAAA,MAAM,IAAI;;;;;;;yBAboD,CACzD,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;;CA0BwB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAMhE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,OAAO,YAAY,CAAC,YAAY,CAAC,YAAY,CAAC,CAMlF,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAMnE,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAM1D,CAAC"}
@@ -1,18 +1,19 @@
1
1
  import React, { type FC } from 'react';
2
+ import { type SurfaceComponentProps } from '@dxos/app-framework/react';
2
3
  import { Obj } from '@dxos/echo';
3
- import { type CardPreviewProps } from '../types';
4
- type CardProps<T extends Obj.Any> = {
5
- Component: FC<CardPreviewProps<T>>;
6
- subject: T;
7
- icon?: string;
4
+ import { Organization, Person, Project, Task } from '@dxos/types';
5
+ export type DefaultStoryProps<T extends Obj.Any> = {
6
+ Component: FC<SurfaceComponentProps<T>>;
7
+ createObject: () => T;
8
8
  image?: boolean;
9
9
  };
10
- export type DefaultstoryProps = {
11
- role: 'card--popover' | 'card--intrinsic' | 'card--extrinsic' | 'card--transclusion';
12
- cards: CardProps<any>[];
13
- };
14
- export declare const Defaultstory: ({ role, cards }: DefaultstoryProps) => React.JSX.Element;
10
+ export declare const DefaultStory: <T extends Obj.Any>({ Component, createObject, image }: DefaultStoryProps<T>) => React.JSX.Element;
15
11
  export declare const omitImage: ({ image: _, ...rest }: any) => any;
16
- export declare const createCards: (image?: boolean) => CardProps<any>[];
17
- export {};
12
+ /**
13
+ * Factory functions for creating test objects at render time.
14
+ */
15
+ export declare const createOrganization: () => Organization.Organization;
16
+ export declare const createPerson: () => Person.Person;
17
+ export declare const createProject: () => Project.Project;
18
+ export declare const createTask: () => Task.Task;
18
19
  //# sourceMappingURL=testing.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../src/stories/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,GAAG,EAAO,MAAM,YAAY,CAAC;AAOtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,KAAK,SAAS,CAAC,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI;IAClC,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,OAAO,EAAE,CAAC,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;IACrF,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iBAAiB,iBAAiB,sBAc9D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,uBAAuB,GAAG,QAAS,CAAC;AAG9D,eAAO,MAAM,WAAW,GAAI,eAAY,KAAG,SAAS,CAAC,GAAG,CAAC,EAmExD,CAAC"}
1
+ {"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../src/stories/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,GAAG,EAAO,MAAM,YAAY,CAAC;AAItC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI;IACjD,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,GAAG,CAAC,GAAG,EAAE,oCAAoC,iBAAiB,CAAC,CAAC,CAAC,sBAqBvG,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,uBAAuB,GAAG,QAAS,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAO,YAAY,CAAC,YAO/C,CAAC;AAEL,eAAO,MAAM,YAAY,QAAO,MAAM,CAAC,MAatC,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,OAAO,CAAC,OAMrC,CAAC;AAEL,eAAO,MAAM,UAAU,QAAO,IAAI,CAAC,IAI/B,CAAC"}