@dxos/plugin-preview 0.8.3-staging.0fa589b → 0.8.4-main.f9ba587

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 (42) hide show
  1. package/dist/lib/browser/{chunk-LFAK2TMG.mjs → chunk-Z73ENKLE.mjs} +2 -2
  2. package/dist/lib/browser/index.mjs +10 -10
  3. package/dist/lib/browser/index.mjs.map +3 -3
  4. package/dist/lib/browser/meta.json +1 -1
  5. package/dist/lib/browser/{preview-popover-NRFVC4QQ.mjs → preview-popover-2UCEZUQW.mjs} +3 -3
  6. package/dist/lib/browser/{react-surface-J2R6Q33B.mjs → react-surface-P5GWVHQD.mjs} +11 -11
  7. package/dist/lib/browser/react-surface-P5GWVHQD.mjs.map +7 -0
  8. package/dist/lib/node-esm/{chunk-7BPXNL44.mjs → chunk-2ORSL4GJ.mjs} +2 -2
  9. package/dist/lib/node-esm/index.mjs +10 -10
  10. package/dist/lib/node-esm/index.mjs.map +3 -3
  11. package/dist/lib/node-esm/meta.json +1 -1
  12. package/dist/lib/node-esm/{preview-popover-HBGSL64N.mjs → preview-popover-OSHWR2YE.mjs} +3 -3
  13. package/dist/lib/node-esm/{react-surface-UKEVHG5K.mjs → react-surface-KBHIRVNI.mjs} +11 -11
  14. package/dist/lib/node-esm/react-surface-KBHIRVNI.mjs.map +7 -0
  15. package/dist/types/src/Preview.stories.d.ts +1 -1
  16. package/dist/types/src/Preview.stories.d.ts.map +1 -1
  17. package/dist/types/src/translations.d.ts +6 -6
  18. package/dist/types/src/translations.d.ts.map +1 -1
  19. package/dist/types/tsconfig.tsbuildinfo +1 -1
  20. package/package.json +22 -23
  21. package/src/Preview.stories.tsx +2 -2
  22. package/src/PreviewPlugin.tsx +1 -1
  23. package/src/capabilities/react-surface.tsx +2 -2
  24. package/src/components/ContactCard.tsx +2 -2
  25. package/src/components/OrganizationCard.tsx +2 -2
  26. package/src/components/ProjectCard.tsx +2 -2
  27. package/src/translations.ts +6 -4
  28. package/dist/lib/browser/react-surface-J2R6Q33B.mjs.map +0 -7
  29. package/dist/lib/node/chunk-XGHMBEIV.cjs +0 -37
  30. package/dist/lib/node/chunk-XGHMBEIV.cjs.map +0 -7
  31. package/dist/lib/node/index.cjs +0 -85
  32. package/dist/lib/node/index.cjs.map +0 -7
  33. package/dist/lib/node/meta.json +0 -1
  34. package/dist/lib/node/preview-popover-HIXRYF6L.cjs +0 -88
  35. package/dist/lib/node/preview-popover-HIXRYF6L.cjs.map +0 -7
  36. package/dist/lib/node/react-surface-ZSNNAKBG.cjs +0 -290
  37. package/dist/lib/node/react-surface-ZSNNAKBG.cjs.map +0 -7
  38. package/dist/lib/node-esm/react-surface-UKEVHG5K.mjs.map +0 -7
  39. /package/dist/lib/browser/{chunk-LFAK2TMG.mjs.map → chunk-Z73ENKLE.mjs.map} +0 -0
  40. /package/dist/lib/browser/{preview-popover-NRFVC4QQ.mjs.map → preview-popover-2UCEZUQW.mjs.map} +0 -0
  41. /package/dist/lib/node-esm/{chunk-7BPXNL44.mjs.map → chunk-2ORSL4GJ.mjs.map} +0 -0
  42. /package/dist/lib/node-esm/{preview-popover-HBGSL64N.mjs.map → preview-popover-OSHWR2YE.mjs.map} +0 -0
@@ -1,290 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var react_surface_ZSNNAKBG_exports = {};
30
- __export(react_surface_ZSNNAKBG_exports, {
31
- default: () => react_surface_default
32
- });
33
- module.exports = __toCommonJS(react_surface_ZSNNAKBG_exports);
34
- var import_chunk_XGHMBEIV = require("./chunk-XGHMBEIV.cjs");
35
- var import_react = __toESM(require("react"));
36
- var import_app_framework = require("@dxos/app-framework");
37
- var import_echo = require("@dxos/client/echo");
38
- var import_echo2 = require("@dxos/echo");
39
- var import_echo_schema = require("@dxos/echo-schema");
40
- var import_react_ui = require("@dxos/react-ui");
41
- var import_react_ui_form = require("@dxos/react-ui-form");
42
- var import_react_ui_stack = require("@dxos/react-ui-stack");
43
- var import_react_ui_table = require("@dxos/react-ui-table");
44
- var import_react_ui_theme = require("@dxos/react-ui-theme");
45
- var import_schema = require("@dxos/schema");
46
- var import_tracking = require("@preact-signals/safe-react/tracking");
47
- var import_react2 = __toESM(require("react"));
48
- var import_react_ui2 = require("@dxos/react-ui");
49
- var import_react_ui_stack2 = require("@dxos/react-ui-stack");
50
- var import_react_ui_theme2 = require("@dxos/react-ui-theme");
51
- var import_tracking2 = require("@preact-signals/safe-react/tracking");
52
- var import_react3 = __toESM(require("react"));
53
- var import_react_ui3 = require("@dxos/react-ui");
54
- var import_react_ui_stack3 = require("@dxos/react-ui-stack");
55
- var import_tracking3 = require("@preact-signals/safe-react/tracking");
56
- var import_react4 = __toESM(require("react"));
57
- var import_react_ui_stack4 = require("@dxos/react-ui-stack");
58
- var ContactCard = ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role }) => {
59
- var _effect = (0, import_tracking.useSignals)();
60
- try {
61
- const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
62
- return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack2.Card.Container, {
63
- role
64
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack2.Card.Text, {
65
- role: "group",
66
- classNames: "grid gap-3 grid-cols-[min-content_1fr]"
67
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Content, {
68
- imgSrc: image,
69
- icon: "ph--user--regular",
70
- size: 16,
71
- hue: "neutral"
72
- }), /* @__PURE__ */ import_react2.default.createElement("div", {
73
- role: "none",
74
- className: "bs-min self-center"
75
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Label, {
76
- asChild: true
77
- }, /* @__PURE__ */ import_react2.default.createElement("h2", {
78
- className: import_react_ui_stack2.cardHeading
79
- }, fullName))))), organizationName && /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack2.Card.Chrome, null, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
80
- variant: "ghost",
81
- classNames: "gap-2 text-start",
82
- onClick: () => onOrgClick(organization.target)
83
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
84
- icon: "ph--buildings--regular",
85
- size: 5,
86
- classNames: "text-subdued"
87
- }), /* @__PURE__ */ import_react2.default.createElement("span", {
88
- className: "min-is-0 flex-1 truncate"
89
- }, organizationName), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
90
- icon: "ph--arrow-right--regular"
91
- })) : /* @__PURE__ */ import_react2.default.createElement("p", {
92
- className: "dx-button gap-2",
93
- "data-variant": "ghost"
94
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
95
- icon: "ph--buildings--regular",
96
- size: 5,
97
- classNames: "text-subdued"
98
- }), /* @__PURE__ */ import_react2.default.createElement("span", {
99
- className: "min-is-0 flex-1 truncate"
100
- }, organizationName))), /* @__PURE__ */ import_react2.default.createElement("dl", {
101
- className: (0, import_react_ui_theme2.mx)(import_react_ui_stack2.cardText, "grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0")
102
- }, emails?.length && emails.map(({ label, value }) => /* @__PURE__ */ import_react2.default.createElement(import_react2.Fragment, {
103
- key: value
104
- }, /* @__PURE__ */ import_react2.default.createElement("dt", null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
105
- icon: "ph--at--regular",
106
- size: 5
107
- })), /* @__PURE__ */ import_react2.default.createElement("dd", {
108
- key: value,
109
- className: "break-words"
110
- }, value)))), children);
111
- } finally {
112
- _effect.f();
113
- }
114
- };
115
- var OrganizationCard = ({ children, subject: { name, image, description, website }, role }) => {
116
- var _effect = (0, import_tracking2.useSignals)();
117
- try {
118
- return /* @__PURE__ */ import_react3.default.createElement(import_react_ui_stack3.Card.Container, {
119
- role
120
- }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_stack3.Card.Poster, {
121
- alt: name,
122
- ...image ? {
123
- image
124
- } : {
125
- icon: "ph--building-office--regular"
126
- }
127
- }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_stack3.Card.Heading, null, name), description && /* @__PURE__ */ import_react3.default.createElement(import_react_ui_stack3.Card.Text, {
128
- classNames: "line-clamp-2"
129
- }, description), website && /* @__PURE__ */ import_react3.default.createElement(import_react_ui_stack3.Card.Chrome, null, /* @__PURE__ */ import_react3.default.createElement("a", {
130
- className: "dx-button dx-focus-ring gap-2",
131
- "data-variant": "ghost",
132
- href: website,
133
- target: "_blank",
134
- rel: "noreferrer"
135
- }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
136
- icon: "ph--link--regular",
137
- size: 5,
138
- classNames: "text-subdued"
139
- }), /* @__PURE__ */ import_react3.default.createElement("span", {
140
- className: "grow"
141
- }, website), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
142
- icon: "ph--arrow-square-out--regular"
143
- }))), children);
144
- } finally {
145
- _effect.f();
146
- }
147
- };
148
- var ProjectCard = ({ subject: { name, image, description }, role }) => {
149
- var _effect = (0, import_tracking3.useSignals)();
150
- try {
151
- return /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack4.Card.Container, {
152
- role
153
- }, image && /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack4.Card.Poster, {
154
- image,
155
- alt: name,
156
- aspect: "auto"
157
- }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack4.Card.Heading, null, name), description && /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack4.Card.Text, {
158
- classNames: "line-clamp-2"
159
- }, description));
160
- } finally {
161
- _effect.f();
162
- }
163
- };
164
- var react_surface_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, [
165
- //
166
- // Specific schema types.
167
- //
168
- (0, import_app_framework.createSurface)({
169
- id: `${import_chunk_XGHMBEIV.PREVIEW_PLUGIN}/schema-popover--contact`,
170
- role: [
171
- "popover",
172
- "card--kanban",
173
- "card--document",
174
- "card"
175
- ],
176
- filter: (data) => import_echo2.Obj.instanceOf(import_schema.DataType.Person, data.subject),
177
- component: ({ data, role }) => {
178
- const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
179
- const handleOrgClick = (0, import_react.useCallback)(async (org) => {
180
- const space = (0, import_echo.getSpace)(org);
181
- const tablesQuery = await space?.db.query(import_echo2.Filter.type(import_react_ui_table.TableType)).run();
182
- const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {
183
- return table.view?.target?.query?.typename === import_schema.DataType.Organization.typename;
184
- });
185
- await dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.UpdatePopover, {
186
- part: "popover",
187
- options: {
188
- state: false,
189
- anchorId: ""
190
- }
191
- }));
192
- if (currentSpaceOrgTable) {
193
- return dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.Open, {
194
- part: "main",
195
- subject: [
196
- (0, import_echo.fullyQualifiedId)(currentSpaceOrgTable)
197
- ],
198
- options: {
199
- workspace: space?.id
200
- }
201
- }));
202
- }
203
- }, [
204
- dispatch
205
- ]);
206
- return /* @__PURE__ */ import_react.default.createElement(ContactCard, {
207
- role,
208
- subject: data.subject,
209
- onOrgClick: handleOrgClick
210
- }, role === "popover" && /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
211
- role: "related",
212
- data
213
- }));
214
- }
215
- }),
216
- (0, import_app_framework.createSurface)({
217
- id: `${import_chunk_XGHMBEIV.PREVIEW_PLUGIN}/schema-popover--organization`,
218
- role: [
219
- "popover",
220
- "card--kanban",
221
- "card--document",
222
- "card"
223
- ],
224
- filter: (data) => import_echo2.Obj.instanceOf(import_schema.DataType.Organization, data.subject),
225
- component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(OrganizationCard, {
226
- role,
227
- subject: data.subject
228
- }, role === "popover" && /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
229
- role: "related",
230
- data
231
- }))
232
- }),
233
- (0, import_app_framework.createSurface)({
234
- id: `${import_chunk_XGHMBEIV.PREVIEW_PLUGIN}/schema-popover--project`,
235
- role: [
236
- "popover",
237
- "card--kanban",
238
- "card--document",
239
- "card"
240
- ],
241
- filter: (data) => import_echo2.Obj.instanceOf(import_schema.DataType.Project, data.subject),
242
- component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(ProjectCard, {
243
- subject: data.subject,
244
- role
245
- })
246
- }),
247
- //
248
- // Fallback for any object.
249
- //
250
- (0, import_app_framework.createSurface)({
251
- id: `${import_chunk_XGHMBEIV.PREVIEW_PLUGIN}/fallback-popover`,
252
- role: [
253
- "popover",
254
- "card--kanban",
255
- "card--document",
256
- "card"
257
- ],
258
- position: "fallback",
259
- filter: (data) => import_echo2.Obj.isObject(data.subject),
260
- component: ({ data, role }) => {
261
- const schema = (0, import_echo.getSchema)(data.subject);
262
- const { t } = (0, import_react_ui.useTranslation)(import_chunk_XGHMBEIV.PREVIEW_PLUGIN);
263
- if (!schema) {
264
- return /* @__PURE__ */ import_react.default.createElement("p", {
265
- className: (0, import_react_ui_theme.mx)(import_react_ui_theme.descriptionMessage)
266
- }, t("unable to create preview message"));
267
- }
268
- const handleSave = (0, import_react.useCallback)((values, { changed }) => {
269
- const changedPaths = Object.keys(changed).filter((path) => changed[path]);
270
- for (const path of changedPaths) {
271
- const value = values[path];
272
- (0, import_echo_schema.setValue)(data.subject, path, value);
273
- }
274
- }, []);
275
- return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.Card.Container, {
276
- role
277
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.Form, {
278
- schema,
279
- values: data.subject,
280
- readonly: role === "popover",
281
- onSave: handleSave,
282
- autoSave: true,
283
- ...role === "card--kanban" && {
284
- outerSpacing: "blockStart-0"
285
- }
286
- }));
287
- }
288
- })
289
- ]);
290
- //# sourceMappingURL=react-surface-ZSNNAKBG.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport 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, Filter } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { TableType } from '@dxos/react-ui-table';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { PREVIEW_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n //\n // Specific schema types.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--contact`,\n role: ['popover', 'card--kanban', 'card--document', '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 handleOrgClick = useCallback(\n async (org: DataType.Organization) => {\n const space = getSpace(org);\n const tablesQuery = await space?.db.query(Filter.type(TableType)).run();\n const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {\n return table.view?.target?.query?.typename === DataType.Organization.typename;\n });\n await dispatch(\n createIntent(LayoutAction.UpdatePopover, {\n part: 'popover',\n options: {\n state: false,\n anchorId: '',\n },\n }),\n );\n if (currentSpaceOrgTable) {\n return dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [fullyQualifiedId(currentSpaceOrgTable)],\n options: { workspace: space?.id },\n }),\n );\n }\n },\n [dispatch],\n );\n return (\n <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n {role === 'popover' && <Surface role='related' data={data} />}\n </ContactCard>\n );\n },\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--organization`,\n role: ['popover', 'card--kanban', 'card--document', 'card'],\n filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n component: ({ data, role }) => (\n <OrganizationCard role={role} subject={data.subject}>\n {role === 'popover' && <Surface role='related' data={data} />}\n </OrganizationCard>\n ),\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--project`,\n role: ['popover', 'card--kanban', 'card--document', 'card'],\n filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),\n component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,\n }),\n\n //\n // Fallback for any object.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/fallback-popover`,\n role: ['popover', 'card--kanban', 'card--document', 'card'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n const schema = getSchema(data.subject);\n const { t } = useTranslation(PREVIEW_PLUGIN);\n if (!schema) {\n // TODO(burdon): Use Alert.\n return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n }\n\n const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n for (const path of changedPaths) {\n const value = values[path];\n setValue(data.subject, path as JsonPath, value);\n }\n }, []);\n\n return (\n <Card.Container role={role}>\n <Form\n schema={schema}\n values={data.subject}\n readonly={role === 'popover'}\n onSave={handleSave}\n autoSave\n {...(role === 'card--kanban' && { outerSpacing: 'blockStart-0' })}\n />\n </Card.Container>\n );\n },\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Icon, Avatar, Button } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ContactCard = ({\n children,\n subject: { fullName, image, organization, emails },\n onOrgClick,\n role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n return (\n <Card.Container role={role}>\n <Avatar.Root>\n <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>\n <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n <div role='none' className='bs-min self-center'>\n <Avatar.Label asChild>\n <h2 className={cardHeading}>{fullName}</h2>\n </Avatar.Label>\n </div>\n </Card.Text>\n </Avatar.Root>\n {organizationName && (\n <Card.Chrome>\n {typeof organization === 'object' && onOrgClick ? (\n <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n <Icon icon='ph--arrow-right--regular' />\n </Button>\n ) : (\n <p className='dx-button gap-2' data-variant='ghost'>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n </p>\n )}\n </Card.Chrome>\n )}\n <dl\n className={mx(\n cardText,\n 'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n )}\n >\n {emails?.length &&\n emails.map(({ label, value }) => (\n <Fragment key={value}>\n <dt>\n <Icon icon='ph--at--regular' size={5} />\n </dt>\n <dd key={value} className='break-words'>\n {value}\n </dd>\n </Fragment>\n ))}\n </dl>\n {children}\n </Card.Container>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({\n children,\n subject: { name, image, description, website },\n role,\n}: PreviewProps<DataType.Organization>) => {\n return (\n <Card.Container role={role}>\n <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n {website && (\n <Card.Chrome>\n <a\n className='dx-button dx-focus-ring gap-2'\n data-variant='ghost'\n href={website}\n target='_blank'\n rel='noreferrer'\n >\n <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n <span className='grow'>{website}</span>\n <Icon icon='ph--arrow-square-out--regular' />\n </a>\n </Card.Chrome>\n )}\n {children}\n </Card.Container>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => {\n return (\n <Card.Container role={role}>\n {image && <Card.Poster image={image} alt={name} aspect='auto' />}\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n </Card.Container>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["import_echo", "import_react", "import_react_ui", "import_react_ui_stack", "import_react_ui_theme", "ContactCard", "children", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "role", "organizationName", "target", "name", "React", "Card", "Container", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "cardHeading", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "dl", "mx", "cardText", "length", "map", "label", "value", "Fragment", "key", "dt", "dd", "OrganizationCard", "description", "website", "Poster", "alt", "Heading", "a", "href", "rel", "ProjectCard", "aspect", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "component", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleOrgClick", "useCallback", "org", "space", "getSpace", "tablesQuery", "db", "query", "Filter", "type", "TableType", "run", "currentSpaceOrgTable", "objects", "find", "table", "view", "typename", "Organization", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "Open", "fullyQualifiedId", "workspace", "Surface", "Project", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "setValue", "Form", "readonly", "onSave", "autoSave", "outerSpacing"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport 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, Filter } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { TableType } from '@dxos/react-ui-table';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { PREVIEW_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n //\n // Specific schema types.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--contact`,\n role: ['popover', 'card--kanban', 'card--document', '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 handleOrgClick = useCallback(\n async (org: DataType.Organization) => {\n const space = getSpace(org);\n const tablesQuery = await space?.db.query(Filter.type(TableType)).run();\n const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {\n return table.view?.target?.query?.typename === DataType.Organization.typename;\n });\n await dispatch(\n createIntent(LayoutAction.UpdatePopover, {\n part: 'popover',\n options: {\n state: false,\n anchorId: '',\n },\n }),\n );\n if (currentSpaceOrgTable) {\n return dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [fullyQualifiedId(currentSpaceOrgTable)],\n options: { workspace: space?.id },\n }),\n );\n }\n },\n [dispatch],\n );\n return (\n <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n {role === 'popover' && <Surface role='related' data={data} />}\n </ContactCard>\n );\n },\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--organization`,\n role: ['popover', 'card--kanban', 'card--document', 'card'],\n filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n component: ({ data, role }) => (\n <OrganizationCard role={role} subject={data.subject}>\n {role === 'popover' && <Surface role='related' data={data} />}\n </OrganizationCard>\n ),\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--project`,\n role: ['popover', 'card--kanban', 'card--document', 'card'],\n filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),\n component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,\n }),\n\n //\n // Fallback for any object.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/fallback-popover`,\n role: ['popover', 'card--kanban', 'card--document', 'card'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n const schema = getSchema(data.subject);\n const { t } = useTranslation(PREVIEW_PLUGIN);\n if (!schema) {\n // TODO(burdon): Use Alert.\n return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n }\n\n const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n for (const path of changedPaths) {\n const value = values[path];\n setValue(data.subject, path as JsonPath, value);\n }\n }, []);\n\n return (\n <Card.Container role={role}>\n <Form\n schema={schema}\n values={data.subject}\n readonly={role === 'popover'}\n onSave={handleSave}\n autoSave\n {...(role === 'card--kanban' && { outerSpacing: 'blockStart-0' })}\n />\n </Card.Container>\n );\n },\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Icon, Avatar, Button } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ContactCard = ({\n children,\n subject: { fullName, image, organization, emails },\n onOrgClick,\n role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n return (\n <Card.Container role={role}>\n <Avatar.Root>\n <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>\n <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n <div role='none' className='bs-min self-center'>\n <Avatar.Label asChild>\n <h2 className={cardHeading}>{fullName}</h2>\n </Avatar.Label>\n </div>\n </Card.Text>\n </Avatar.Root>\n {organizationName && (\n <Card.Chrome>\n {typeof organization === 'object' && onOrgClick ? (\n <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n <Icon icon='ph--arrow-right--regular' />\n </Button>\n ) : (\n <p className='dx-button gap-2' data-variant='ghost'>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n </p>\n )}\n </Card.Chrome>\n )}\n <dl\n className={mx(\n cardText,\n 'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n )}\n >\n {emails?.length &&\n emails.map(({ label, value }) => (\n <Fragment key={value}>\n <dt>\n <Icon icon='ph--at--regular' size={5} />\n </dt>\n <dd key={value} className='break-words'>\n {value}\n </dd>\n </Fragment>\n ))}\n </dl>\n {children}\n </Card.Container>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({\n children,\n subject: { name, image, description, website },\n role,\n}: PreviewProps<DataType.Organization>) => {\n return (\n <Card.Container role={role}>\n <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n {website && (\n <Card.Chrome>\n <a\n className='dx-button dx-focus-ring gap-2'\n data-variant='ghost'\n href={website}\n target='_blank'\n rel='noreferrer'\n >\n <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n <span className='grow'>{website}</span>\n <Icon icon='ph--arrow-square-out--regular' />\n </a>\n </Card.Chrome>\n )}\n {children}\n </Card.Container>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => {\n return (\n <Card.Container role={role}>\n {image && <Card.Poster image={image} alt={name} aspect='auto' />}\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n </Card.Container>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Obj", "Filter", "setValue", "useTranslation", "Form", "Card", "TableType", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Icon", "Avatar", "Button", "Card", "cardHeading", "cardText", "mx", "ContactCard", "children", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "role", "organizationName", "target", "name", "Card", "Container", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "cardHeading", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "dl", "mx", "cardText", "length", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "OrganizationCard", "children", "subject", "name", "image", "description", "website", "role", "React", "Card", "Container", "Poster", "alt", "icon", "Heading", "Text", "classNames", "Chrome", "a", "className", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Card", "ProjectCard", "subject", "name", "image", "description", "role", "React", "Card", "Container", "Poster", "alt", "aspect", "Heading", "Text", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleOrgClick", "useCallback", "org", "space", "getSpace", "tablesQuery", "db", "query", "Filter", "type", "TableType", "run", "currentSpaceOrgTable", "objects", "find", "table", "view", "target", "typename", "Organization", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "Open", "fullyQualifiedId", "workspace", "React", "ContactCard", "onOrgClick", "Surface", "OrganizationCard", "Project", "ProjectCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "Container", "Form", "readonly", "onSave", "autoSave", "outerSpacing"]
7
- }