@dxos/plugin-preview 0.8.4-main.c1de068 → 0.8.4-main.c4373fc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/{chunk-Z73ENKLE.mjs → chunk-XKCIQK3C.mjs} +2 -4
- package/dist/lib/browser/chunk-XKCIQK3C.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +8 -7
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{preview-popover-2UCEZUQW.mjs → preview-popover-EIATF2VR.mjs} +8 -12
- package/dist/lib/browser/preview-popover-EIATF2VR.mjs.map +7 -0
- package/dist/lib/browser/react-surface-X5EXLQX7.mjs +471 -0
- package/dist/lib/browser/react-surface-X5EXLQX7.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-2ORSL4GJ.mjs → chunk-L3IZVX56.mjs} +2 -4
- package/dist/lib/node-esm/chunk-L3IZVX56.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +8 -7
- package/dist/lib/node-esm/index.mjs.map +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{preview-popover-OSHWR2YE.mjs → preview-popover-623SB5KV.mjs} +8 -12
- package/dist/lib/node-esm/preview-popover-623SB5KV.mjs.map +7 -0
- package/dist/lib/node-esm/react-surface-EO4RGRB5.mjs +472 -0
- package/dist/lib/node-esm/react-surface-EO4RGRB5.mjs.map +7 -0
- package/dist/types/src/PreviewPlugin.d.ts +1 -1
- package/dist/types/src/PreviewPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +2 -2
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/preview-popover.d.ts +1 -1
- package/dist/types/src/capabilities/preview-popover.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/CardSubjectMenu.d.ts +12 -0
- package/dist/types/src/components/CardSubjectMenu.d.ts.map +1 -0
- package/dist/types/src/components/ContactCard.d.ts +1 -1
- package/dist/types/src/components/ContactCard.d.ts.map +1 -1
- package/dist/types/src/components/OrganizationCard.d.ts +1 -1
- package/dist/types/src/components/OrganizationCard.d.ts.map +1 -1
- package/dist/types/src/components/ProjectCard.d.ts +1 -1
- package/dist/types/src/components/ProjectCard.d.ts.map +1 -1
- package/dist/types/src/components/TaskCard.d.ts +5 -0
- package/dist/types/src/components/TaskCard.d.ts.map +1 -0
- package/dist/types/src/meta.d.ts +0 -1
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/stories/Card.stories.d.ts +27 -0
- package/dist/types/src/stories/Card.stories.d.ts.map +1 -0
- package/dist/types/src/stories/testing.d.ts +17 -0
- package/dist/types/src/stories/testing.d.ts.map +1 -0
- package/dist/types/src/translations.d.ts +3 -0
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +4 -1
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +33 -29
- package/src/PreviewPlugin.tsx +22 -23
- package/src/capabilities/preview-popover.ts +8 -13
- package/src/capabilities/react-surface.tsx +41 -23
- package/src/components/CardSubjectMenu.tsx +68 -0
- package/src/components/ContactCard.tsx +30 -22
- package/src/components/OrganizationCard.tsx +11 -8
- package/src/components/ProjectCard.tsx +12 -4
- package/src/components/TaskCard.tsx +46 -0
- package/src/meta.ts +1 -3
- package/src/stories/Card.stories.tsx +59 -0
- package/src/stories/testing.tsx +114 -0
- package/src/translations.ts +3 -0
- package/src/types.ts +5 -2
- package/dist/lib/browser/chunk-Z73ENKLE.mjs.map +0 -7
- package/dist/lib/browser/preview-popover-2UCEZUQW.mjs.map +0 -7
- package/dist/lib/browser/react-surface-CZMUEWPV.mjs +0 -303
- package/dist/lib/browser/react-surface-CZMUEWPV.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-2ORSL4GJ.mjs.map +0 -7
- package/dist/lib/node-esm/preview-popover-OSHWR2YE.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-IPZBISWS.mjs +0 -304
- package/dist/lib/node-esm/react-surface-IPZBISWS.mjs.map +0 -7
- package/dist/types/src/testing/ExtrinsicPreviews.stories.d.ts +0 -35
- package/dist/types/src/testing/ExtrinsicPreviews.stories.d.ts.map +0 -1
- package/dist/types/src/testing/IntrinsicPreviews.stories.d.ts +0 -35
- package/dist/types/src/testing/IntrinsicPreviews.stories.d.ts.map +0 -1
- package/dist/types/src/testing/PopoverPreviews.stories.d.ts +0 -35
- package/dist/types/src/testing/PopoverPreviews.stories.d.ts.map +0 -1
- package/dist/types/src/testing/util.d.ts +0 -80
- package/dist/types/src/testing/util.d.ts.map +0 -1
- package/src/testing/ExtrinsicPreviews.stories.tsx +0 -55
- package/src/testing/IntrinsicPreviews.stories.tsx +0 -55
- package/src/testing/PopoverPreviews.stories.tsx +0 -55
- package/src/testing/util.tsx +0 -79
|
@@ -0,0 +1,471 @@
|
|
|
1
|
+
import {
|
|
2
|
+
meta
|
|
3
|
+
} from "./chunk-XKCIQK3C.mjs";
|
|
4
|
+
|
|
5
|
+
// src/capabilities/react-surface.tsx
|
|
6
|
+
import * as Effect from "effect/Effect";
|
|
7
|
+
import React6, { useCallback } from "react";
|
|
8
|
+
import { Capabilities, LayoutAction, Surface, contributes, createIntent as createIntent2, createSurface, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
|
|
9
|
+
import { fullyQualifiedId, getSchema, getSpace } from "@dxos/client/echo";
|
|
10
|
+
import { Filter, Obj as Obj3 } from "@dxos/echo";
|
|
11
|
+
import { setValue } from "@dxos/echo/internal";
|
|
12
|
+
import { AttentionAction } from "@dxos/plugin-attention/types";
|
|
13
|
+
import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from "@dxos/plugin-deck/types";
|
|
14
|
+
import { useActiveSpace } from "@dxos/plugin-space";
|
|
15
|
+
import { useQuery, useSpace } from "@dxos/react-client/echo";
|
|
16
|
+
import { useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
17
|
+
import { Form } from "@dxos/react-ui-form";
|
|
18
|
+
import { Card as Card5 } from "@dxos/react-ui-stack";
|
|
19
|
+
import { Table } from "@dxos/react-ui-table/types";
|
|
20
|
+
import { descriptionMessage, mx as mx5 } from "@dxos/react-ui-theme";
|
|
21
|
+
import { DataType as DataType2, getTypenameFromQuery } from "@dxos/schema";
|
|
22
|
+
|
|
23
|
+
// src/components/ContactCard.tsx
|
|
24
|
+
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
25
|
+
import React2, { Fragment } from "react";
|
|
26
|
+
import { Avatar, Button, Icon } from "@dxos/react-ui";
|
|
27
|
+
import { Card, cardHeading, cardText } from "@dxos/react-ui-stack";
|
|
28
|
+
import { mx } from "@dxos/react-ui-theme";
|
|
29
|
+
|
|
30
|
+
// src/components/CardSubjectMenu.tsx
|
|
31
|
+
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
32
|
+
import { Rx } from "@effect-rx/rx-react";
|
|
33
|
+
import React from "react";
|
|
34
|
+
import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
|
|
35
|
+
import { ACTION_TYPE } from "@dxos/app-graph";
|
|
36
|
+
import { Obj } from "@dxos/echo";
|
|
37
|
+
import { SpaceAction } from "@dxos/plugin-space/types";
|
|
38
|
+
import { IconButton, useTranslation } from "@dxos/react-ui";
|
|
39
|
+
import { DropdownMenu, MenuProvider, useMenuActions } from "@dxos/react-ui-menu";
|
|
40
|
+
var useSubjectMenuGroupItems = (subject, activeSpace) => {
|
|
41
|
+
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
42
|
+
const result = {
|
|
43
|
+
edges: [],
|
|
44
|
+
nodes: []
|
|
45
|
+
};
|
|
46
|
+
if (activeSpace && Obj.getDXN(subject).asQueueDXN()) {
|
|
47
|
+
result.nodes.push({
|
|
48
|
+
type: ACTION_TYPE,
|
|
49
|
+
id: `${subject.id}/add-to-space`,
|
|
50
|
+
// TODO(wittjosiah): Update reference to point to db object when adding?
|
|
51
|
+
data: () => dispatch(createIntent(SpaceAction.AddObject, {
|
|
52
|
+
object: subject,
|
|
53
|
+
target: activeSpace,
|
|
54
|
+
hidden: true
|
|
55
|
+
})),
|
|
56
|
+
properties: {
|
|
57
|
+
label: [
|
|
58
|
+
"add object to space label",
|
|
59
|
+
{
|
|
60
|
+
ns: "os"
|
|
61
|
+
}
|
|
62
|
+
],
|
|
63
|
+
icon: "ph--file-plus--regular"
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
result.nodes.forEach(({ id: target }) => {
|
|
68
|
+
result.edges.push({
|
|
69
|
+
source: "root",
|
|
70
|
+
target
|
|
71
|
+
});
|
|
72
|
+
});
|
|
73
|
+
return useMenuActions(Rx.make(result));
|
|
74
|
+
};
|
|
75
|
+
var CardSubjectMenu = ({ subject, activeSpace, ...props }) => {
|
|
76
|
+
var _effect = _useSignals();
|
|
77
|
+
try {
|
|
78
|
+
const { t } = useTranslation("os");
|
|
79
|
+
const menuProps = useSubjectMenuGroupItems(subject, activeSpace);
|
|
80
|
+
if (!activeSpace) {
|
|
81
|
+
return null;
|
|
82
|
+
}
|
|
83
|
+
return /* @__PURE__ */ React.createElement(MenuProvider, menuProps, /* @__PURE__ */ React.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React.createElement(DropdownMenu.Trigger, {
|
|
84
|
+
asChild: true
|
|
85
|
+
}, /* @__PURE__ */ React.createElement(IconButton, {
|
|
86
|
+
iconOnly: true,
|
|
87
|
+
variant: "ghost",
|
|
88
|
+
icon: "ph--dots-three-vertical--bold",
|
|
89
|
+
label: t("more options label"),
|
|
90
|
+
...props
|
|
91
|
+
}))));
|
|
92
|
+
} finally {
|
|
93
|
+
_effect.f();
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
// src/components/ContactCard.tsx
|
|
98
|
+
var ContactCard = ({ children, subject, activeSpace, onOrgClick, role }) => {
|
|
99
|
+
var _effect = _useSignals2();
|
|
100
|
+
try {
|
|
101
|
+
const { fullName, image, organization, emails } = subject;
|
|
102
|
+
const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
|
|
103
|
+
return /* @__PURE__ */ React2.createElement(Card.SurfaceRoot, {
|
|
104
|
+
role
|
|
105
|
+
}, /* @__PURE__ */ React2.createElement(Avatar.Root, null, /* @__PURE__ */ React2.createElement(Card.Text, {
|
|
106
|
+
role: "group",
|
|
107
|
+
classNames: "grid gap-3 grid-cols-[min-content_1fr]"
|
|
108
|
+
}, /* @__PURE__ */ React2.createElement(Avatar.Content, {
|
|
109
|
+
imgSrc: image,
|
|
110
|
+
icon: "ph--user--regular",
|
|
111
|
+
size: 16,
|
|
112
|
+
hue: "neutral"
|
|
113
|
+
}), /* @__PURE__ */ React2.createElement("div", {
|
|
114
|
+
role: "none",
|
|
115
|
+
className: "bs-min self-center flex items-center"
|
|
116
|
+
}, /* @__PURE__ */ React2.createElement(Avatar.Label, {
|
|
117
|
+
asChild: true
|
|
118
|
+
}, /* @__PURE__ */ React2.createElement("h2", {
|
|
119
|
+
className: mx(cardHeading, "grow")
|
|
120
|
+
}, fullName)), /* @__PURE__ */ React2.createElement(CardSubjectMenu, {
|
|
121
|
+
subject,
|
|
122
|
+
activeSpace
|
|
123
|
+
})))), organizationName && /* @__PURE__ */ React2.createElement(Card.Chrome, null, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ React2.createElement(Button, {
|
|
124
|
+
variant: "ghost",
|
|
125
|
+
classNames: "gap-2 text-start",
|
|
126
|
+
onClick: () => onOrgClick(organization.target)
|
|
127
|
+
}, /* @__PURE__ */ React2.createElement(Icon, {
|
|
128
|
+
icon: "ph--buildings--regular",
|
|
129
|
+
size: 5,
|
|
130
|
+
classNames: "text-subdued"
|
|
131
|
+
}), /* @__PURE__ */ React2.createElement("span", {
|
|
132
|
+
className: "min-is-0 flex-1 truncate"
|
|
133
|
+
}, organizationName), /* @__PURE__ */ React2.createElement(Icon, {
|
|
134
|
+
icon: "ph--arrow-right--regular"
|
|
135
|
+
})) : /* @__PURE__ */ React2.createElement("p", {
|
|
136
|
+
className: "dx-button gap-2",
|
|
137
|
+
"data-variant": "ghost"
|
|
138
|
+
}, /* @__PURE__ */ React2.createElement(Icon, {
|
|
139
|
+
icon: "ph--buildings--regular",
|
|
140
|
+
size: 5,
|
|
141
|
+
classNames: "text-subdued"
|
|
142
|
+
}), /* @__PURE__ */ React2.createElement("span", {
|
|
143
|
+
className: "min-is-0 flex-1 truncate"
|
|
144
|
+
}, organizationName))), emails?.length && /* @__PURE__ */ React2.createElement("dl", {
|
|
145
|
+
className: mx(cardText, "grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0")
|
|
146
|
+
}, emails?.length && emails.map(({ label, value }) => /* @__PURE__ */ React2.createElement(Fragment, {
|
|
147
|
+
key: value
|
|
148
|
+
}, /* @__PURE__ */ React2.createElement("dt", null, /* @__PURE__ */ React2.createElement("span", {
|
|
149
|
+
className: "sr-only"
|
|
150
|
+
}, label), /* @__PURE__ */ React2.createElement(Icon, {
|
|
151
|
+
icon: "ph--at--regular",
|
|
152
|
+
size: 5
|
|
153
|
+
})), /* @__PURE__ */ React2.createElement("dd", {
|
|
154
|
+
key: value,
|
|
155
|
+
className: "break-words"
|
|
156
|
+
}, value)))), children);
|
|
157
|
+
} finally {
|
|
158
|
+
_effect.f();
|
|
159
|
+
}
|
|
160
|
+
};
|
|
161
|
+
|
|
162
|
+
// src/components/OrganizationCard.tsx
|
|
163
|
+
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
164
|
+
import React3 from "react";
|
|
165
|
+
import { Icon as Icon2 } from "@dxos/react-ui";
|
|
166
|
+
import { Card as Card2, cardNoSpacing, cardSpacing } from "@dxos/react-ui-stack";
|
|
167
|
+
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
168
|
+
var OrganizationCard = ({ children, subject, role, activeSpace }) => {
|
|
169
|
+
var _effect = _useSignals3();
|
|
170
|
+
try {
|
|
171
|
+
const { name, image, description, website } = subject;
|
|
172
|
+
return /* @__PURE__ */ React3.createElement(Card2.SurfaceRoot, {
|
|
173
|
+
role
|
|
174
|
+
}, /* @__PURE__ */ React3.createElement(Card2.Poster, {
|
|
175
|
+
alt: name,
|
|
176
|
+
...image ? {
|
|
177
|
+
image
|
|
178
|
+
} : {
|
|
179
|
+
icon: "ph--building-office--regular"
|
|
180
|
+
}
|
|
181
|
+
}), /* @__PURE__ */ React3.createElement("div", {
|
|
182
|
+
role: "none",
|
|
183
|
+
className: mx2("flex items-center gap-2", cardSpacing)
|
|
184
|
+
}, /* @__PURE__ */ React3.createElement(Card2.Heading, {
|
|
185
|
+
classNames: cardNoSpacing
|
|
186
|
+
}, name), /* @__PURE__ */ React3.createElement(CardSubjectMenu, {
|
|
187
|
+
subject,
|
|
188
|
+
activeSpace
|
|
189
|
+
})), description && /* @__PURE__ */ React3.createElement(Card2.Text, {
|
|
190
|
+
classNames: "line-clamp-2"
|
|
191
|
+
}, description), website && /* @__PURE__ */ React3.createElement(Card2.Chrome, null, /* @__PURE__ */ React3.createElement("a", {
|
|
192
|
+
className: "dx-button dx-focus-ring gap-2",
|
|
193
|
+
"data-variant": "ghost",
|
|
194
|
+
href: website,
|
|
195
|
+
target: "_blank",
|
|
196
|
+
rel: "noreferrer"
|
|
197
|
+
}, /* @__PURE__ */ React3.createElement(Icon2, {
|
|
198
|
+
icon: "ph--link--regular",
|
|
199
|
+
size: 5,
|
|
200
|
+
classNames: "text-subdued"
|
|
201
|
+
}), /* @__PURE__ */ React3.createElement("span", {
|
|
202
|
+
className: "min-is-0 flex-1 truncate"
|
|
203
|
+
}, website), /* @__PURE__ */ React3.createElement(Icon2, {
|
|
204
|
+
icon: "ph--arrow-square-out--regular"
|
|
205
|
+
}))), children);
|
|
206
|
+
} finally {
|
|
207
|
+
_effect.f();
|
|
208
|
+
}
|
|
209
|
+
};
|
|
210
|
+
|
|
211
|
+
// src/components/ProjectCard.tsx
|
|
212
|
+
import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
|
|
213
|
+
import React4 from "react";
|
|
214
|
+
import { Obj as Obj2 } from "@dxos/echo";
|
|
215
|
+
import { Card as Card3, cardNoSpacing as cardNoSpacing2, cardSpacing as cardSpacing2 } from "@dxos/react-ui-stack";
|
|
216
|
+
import { mx as mx3 } from "@dxos/react-ui-theme";
|
|
217
|
+
var ProjectCard = ({ subject, role, activeSpace }) => {
|
|
218
|
+
var _effect = _useSignals4();
|
|
219
|
+
try {
|
|
220
|
+
const { name, image, description } = subject;
|
|
221
|
+
return /* @__PURE__ */ React4.createElement(Card3.SurfaceRoot, {
|
|
222
|
+
role
|
|
223
|
+
}, image && /* @__PURE__ */ React4.createElement(Card3.Poster, {
|
|
224
|
+
image,
|
|
225
|
+
alt: Obj2.getLabel(subject) ?? "",
|
|
226
|
+
aspect: "auto"
|
|
227
|
+
}), /* @__PURE__ */ React4.createElement("div", {
|
|
228
|
+
role: "none",
|
|
229
|
+
className: mx3("flex items-center gap-2", cardSpacing2)
|
|
230
|
+
}, /* @__PURE__ */ React4.createElement(Card3.Heading, {
|
|
231
|
+
classNames: cardNoSpacing2
|
|
232
|
+
}, name), /* @__PURE__ */ React4.createElement(CardSubjectMenu, {
|
|
233
|
+
subject,
|
|
234
|
+
activeSpace
|
|
235
|
+
})), description && /* @__PURE__ */ React4.createElement(Card3.Text, {
|
|
236
|
+
classNames: "line-clamp-2"
|
|
237
|
+
}, description));
|
|
238
|
+
} finally {
|
|
239
|
+
_effect.f();
|
|
240
|
+
}
|
|
241
|
+
};
|
|
242
|
+
|
|
243
|
+
// src/components/TaskCard.tsx
|
|
244
|
+
import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
|
|
245
|
+
import * as SchemaAST from "effect/SchemaAST";
|
|
246
|
+
import React5 from "react";
|
|
247
|
+
import { PropertyMetaAnnotationId } from "@dxos/echo/internal";
|
|
248
|
+
import { Card as Card4, cardNoSpacing as cardNoSpacing3, cardSpacing as cardSpacing3 } from "@dxos/react-ui-stack";
|
|
249
|
+
import { mx as mx4 } from "@dxos/react-ui-theme";
|
|
250
|
+
import { DataType } from "@dxos/schema";
|
|
251
|
+
var getActiveStatusOption = (status) => {
|
|
252
|
+
const properties = SchemaAST.getPropertySignatures(DataType.Task.ast);
|
|
253
|
+
const statusProperty = properties.find((p) => p.name === "status");
|
|
254
|
+
const statusMeta = SchemaAST.getAnnotation(PropertyMetaAnnotationId)(
|
|
255
|
+
// TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.
|
|
256
|
+
statusProperty.type.types[0]
|
|
257
|
+
);
|
|
258
|
+
const options = statusMeta.value.singleSelect.options;
|
|
259
|
+
return options.find(({ id }) => id === status);
|
|
260
|
+
};
|
|
261
|
+
var TaskCard = ({ subject, role, activeSpace }) => {
|
|
262
|
+
var _effect = _useSignals5();
|
|
263
|
+
try {
|
|
264
|
+
const { title, status } = subject;
|
|
265
|
+
const statusOption = getActiveStatusOption(status);
|
|
266
|
+
return /* @__PURE__ */ React5.createElement(Card4.SurfaceRoot, {
|
|
267
|
+
role
|
|
268
|
+
}, /* @__PURE__ */ React5.createElement("div", {
|
|
269
|
+
role: "none",
|
|
270
|
+
className: mx4("flex items-center gap-2", cardSpacing3)
|
|
271
|
+
}, /* @__PURE__ */ React5.createElement(Card4.Heading, {
|
|
272
|
+
classNames: [
|
|
273
|
+
cardNoSpacing3,
|
|
274
|
+
"min-is-0 flex-1 truncate"
|
|
275
|
+
]
|
|
276
|
+
}, title), statusOption && /* @__PURE__ */ React5.createElement("span", {
|
|
277
|
+
className: "dx-tag",
|
|
278
|
+
"data-hue": statusOption.color
|
|
279
|
+
}, statusOption.title), /* @__PURE__ */ React5.createElement(CardSubjectMenu, {
|
|
280
|
+
subject,
|
|
281
|
+
activeSpace
|
|
282
|
+
})));
|
|
283
|
+
} finally {
|
|
284
|
+
_effect.f();
|
|
285
|
+
}
|
|
286
|
+
};
|
|
287
|
+
|
|
288
|
+
// src/capabilities/react-surface.tsx
|
|
289
|
+
var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
|
|
290
|
+
//
|
|
291
|
+
// Specific schema types.
|
|
292
|
+
//
|
|
293
|
+
createSurface({
|
|
294
|
+
id: `${meta.id}/schema-popover--contact`,
|
|
295
|
+
role: [
|
|
296
|
+
"card--popover",
|
|
297
|
+
"card--intrinsic",
|
|
298
|
+
"card--transclusion",
|
|
299
|
+
"card--extrinsic",
|
|
300
|
+
"card"
|
|
301
|
+
],
|
|
302
|
+
filter: (data) => Obj3.instanceOf(DataType2.Person, data.subject),
|
|
303
|
+
component: ({ data, role }) => {
|
|
304
|
+
const { dispatch } = useIntentDispatcher2();
|
|
305
|
+
const space = getSpace(data.subject);
|
|
306
|
+
const defaultSpace = useSpace();
|
|
307
|
+
const activeSpace = useActiveSpace();
|
|
308
|
+
const currentSpaceOrgs = useQuery(space, Filter.type(DataType2.Organization));
|
|
309
|
+
const currentSpaceViews = useQuery(space, Filter.type(DataType2.View));
|
|
310
|
+
const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType2.View));
|
|
311
|
+
const currentSpaceOrgTable = currentSpaceViews.find((view) => getTypenameFromQuery(view.query.ast) === DataType2.Organization.typename && Obj3.instanceOf(Table.Table, view.presentation.target));
|
|
312
|
+
const defaultSpaceOrgTable = defaultSpaceViews.find((view) => getTypenameFromQuery(view.query.ast) === DataType2.Organization.typename && Obj3.instanceOf(Table.Table, view.presentation.target));
|
|
313
|
+
const handleOrgClick = useCallback((org) => Effect.gen(function* () {
|
|
314
|
+
const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;
|
|
315
|
+
yield* dispatch(createIntent2(LayoutAction.UpdatePopover, {
|
|
316
|
+
part: "popover",
|
|
317
|
+
options: {
|
|
318
|
+
state: false,
|
|
319
|
+
anchorId: ""
|
|
320
|
+
}
|
|
321
|
+
}));
|
|
322
|
+
if (view) {
|
|
323
|
+
const id = fullyQualifiedId(view);
|
|
324
|
+
yield* dispatch(createIntent2(LayoutAction.Open, {
|
|
325
|
+
part: "main",
|
|
326
|
+
subject: [
|
|
327
|
+
id
|
|
328
|
+
],
|
|
329
|
+
options: {
|
|
330
|
+
workspace: space?.id
|
|
331
|
+
}
|
|
332
|
+
}));
|
|
333
|
+
yield* dispatch(createIntent2(DeckAction.ChangeCompanion, {
|
|
334
|
+
primary: id,
|
|
335
|
+
companion: [
|
|
336
|
+
id,
|
|
337
|
+
"selected-objects"
|
|
338
|
+
].join(ATTENDABLE_PATH_SEPARATOR)
|
|
339
|
+
}));
|
|
340
|
+
yield* dispatch(createIntent2(AttentionAction.Select, {
|
|
341
|
+
contextId: id,
|
|
342
|
+
selection: {
|
|
343
|
+
mode: "multi",
|
|
344
|
+
ids: [
|
|
345
|
+
org.id
|
|
346
|
+
]
|
|
347
|
+
}
|
|
348
|
+
}));
|
|
349
|
+
}
|
|
350
|
+
}).pipe(Effect.runPromise), [
|
|
351
|
+
dispatch,
|
|
352
|
+
currentSpaceOrgs,
|
|
353
|
+
currentSpaceOrgTable,
|
|
354
|
+
defaultSpaceOrgTable
|
|
355
|
+
]);
|
|
356
|
+
return /* @__PURE__ */ React6.createElement(ContactCard, {
|
|
357
|
+
role,
|
|
358
|
+
subject: data.subject,
|
|
359
|
+
activeSpace,
|
|
360
|
+
onOrgClick: handleOrgClick
|
|
361
|
+
}, role === "card--popover" && /* @__PURE__ */ React6.createElement(Surface, {
|
|
362
|
+
role: "related",
|
|
363
|
+
data
|
|
364
|
+
}));
|
|
365
|
+
}
|
|
366
|
+
}),
|
|
367
|
+
createSurface({
|
|
368
|
+
id: `${meta.id}/schema-popover--organization`,
|
|
369
|
+
role: [
|
|
370
|
+
"card--popover",
|
|
371
|
+
"card--intrinsic",
|
|
372
|
+
"card--transclusion",
|
|
373
|
+
"card--extrinsic",
|
|
374
|
+
"card"
|
|
375
|
+
],
|
|
376
|
+
filter: (data) => Obj3.instanceOf(DataType2.Organization, data.subject),
|
|
377
|
+
component: ({ data, role }) => {
|
|
378
|
+
const activeSpace = useActiveSpace();
|
|
379
|
+
return /* @__PURE__ */ React6.createElement(OrganizationCard, {
|
|
380
|
+
role,
|
|
381
|
+
subject: data.subject,
|
|
382
|
+
activeSpace
|
|
383
|
+
}, role === "card--popover" && /* @__PURE__ */ React6.createElement(Surface, {
|
|
384
|
+
role: "related",
|
|
385
|
+
data
|
|
386
|
+
}));
|
|
387
|
+
}
|
|
388
|
+
}),
|
|
389
|
+
createSurface({
|
|
390
|
+
id: `${meta.id}/schema-popover--project`,
|
|
391
|
+
role: [
|
|
392
|
+
"card--popover",
|
|
393
|
+
"card--intrinsic",
|
|
394
|
+
"card--transclusion",
|
|
395
|
+
"card--extrinsic",
|
|
396
|
+
"card"
|
|
397
|
+
],
|
|
398
|
+
filter: (data) => Obj3.instanceOf(DataType2.Project, data.subject),
|
|
399
|
+
component: ({ data, role }) => {
|
|
400
|
+
const activeSpace = useActiveSpace();
|
|
401
|
+
return /* @__PURE__ */ React6.createElement(ProjectCard, {
|
|
402
|
+
subject: data.subject,
|
|
403
|
+
role,
|
|
404
|
+
activeSpace
|
|
405
|
+
});
|
|
406
|
+
}
|
|
407
|
+
}),
|
|
408
|
+
createSurface({
|
|
409
|
+
id: `${meta.id}/schema-popover--task`,
|
|
410
|
+
role: [
|
|
411
|
+
"card--popover",
|
|
412
|
+
"card--intrinsic",
|
|
413
|
+
"card--transclusion",
|
|
414
|
+
"card--extrinsic",
|
|
415
|
+
"card"
|
|
416
|
+
],
|
|
417
|
+
filter: (data) => Obj3.instanceOf(DataType2.Task, data.subject),
|
|
418
|
+
component: ({ data, role }) => /* @__PURE__ */ React6.createElement(TaskCard, {
|
|
419
|
+
subject: data.subject,
|
|
420
|
+
role
|
|
421
|
+
})
|
|
422
|
+
}),
|
|
423
|
+
//
|
|
424
|
+
// Fallback for any object.
|
|
425
|
+
//
|
|
426
|
+
createSurface({
|
|
427
|
+
id: `${meta.id}/fallback-popover`,
|
|
428
|
+
role: [
|
|
429
|
+
"card--popover",
|
|
430
|
+
"card--intrinsic",
|
|
431
|
+
"card--transclusion",
|
|
432
|
+
"card--extrinsic",
|
|
433
|
+
"card"
|
|
434
|
+
],
|
|
435
|
+
position: "fallback",
|
|
436
|
+
filter: (data) => Obj3.isObject(data.subject),
|
|
437
|
+
component: ({ data, role }) => {
|
|
438
|
+
const schema = getSchema(data.subject);
|
|
439
|
+
const { t } = useTranslation2(meta.id);
|
|
440
|
+
if (!schema) {
|
|
441
|
+
return /* @__PURE__ */ React6.createElement("p", {
|
|
442
|
+
className: mx5(descriptionMessage)
|
|
443
|
+
}, t("unable to create preview message"));
|
|
444
|
+
}
|
|
445
|
+
const handleSave = useCallback((values, { changed }) => {
|
|
446
|
+
const changedPaths = Object.keys(changed).filter((path) => changed[path]);
|
|
447
|
+
for (const path of changedPaths) {
|
|
448
|
+
const value = values[path];
|
|
449
|
+
setValue(data.subject, path, value);
|
|
450
|
+
}
|
|
451
|
+
}, []);
|
|
452
|
+
return /* @__PURE__ */ React6.createElement(Card5.SurfaceRoot, {
|
|
453
|
+
role
|
|
454
|
+
}, /* @__PURE__ */ React6.createElement(Form, {
|
|
455
|
+
schema,
|
|
456
|
+
projection: data.projection,
|
|
457
|
+
values: data.subject,
|
|
458
|
+
readonly: role === "card--popover" ? "static" : false,
|
|
459
|
+
onSave: handleSave,
|
|
460
|
+
autoSave: true,
|
|
461
|
+
...role === "card--intrinsic" && {
|
|
462
|
+
outerSpacing: "blockStart-0"
|
|
463
|
+
}
|
|
464
|
+
}));
|
|
465
|
+
}
|
|
466
|
+
})
|
|
467
|
+
]));
|
|
468
|
+
export {
|
|
469
|
+
react_surface_default as default
|
|
470
|
+
};
|
|
471
|
+
//# sourceMappingURL=react-surface-X5EXLQX7.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/CardSubjectMenu.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx", "../../../src/components/TaskCard.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\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 { Filter, Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { AttentionAction } from '@dxos/plugin-attention/types';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { useActiveSpace } from '@dxos/plugin-space';\nimport { useQuery, useSpace } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { Table } from '@dxos/react-ui-table/types';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType, type ProjectionModel, getTypenameFromQuery } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { TaskCard } from '../components/TaskCard';\nimport { meta } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n //\n // Specific schema types.\n //\n createSurface({\n id: `${meta.id}/schema-popover--contact`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),\n component: ({ data, role }) => {\n const { dispatch } = useIntentDispatcher();\n const space = getSpace(data.subject);\n const defaultSpace = useSpace();\n const activeSpace = useActiveSpace();\n\n const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));\n const currentSpaceViews = useQuery(space, Filter.type(DataType.View));\n const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));\n const currentSpaceOrgTable = currentSpaceViews.find(\n (view) =>\n getTypenameFromQuery(view.query.ast) === DataType.Organization.typename &&\n Obj.instanceOf(Table.Table, view.presentation.target),\n );\n const defaultSpaceOrgTable = defaultSpaceViews.find(\n (view) =>\n getTypenameFromQuery(view.query.ast) === DataType.Organization.typename &&\n Obj.instanceOf(Table.Table, view.presentation.target),\n );\n\n // TODO(wittjosiah): Generalized way of handling related objects navigation.\n const handleOrgClick = useCallback(\n (org: DataType.Organization) =>\n Effect.gen(function* () {\n const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;\n yield* dispatch(\n createIntent(LayoutAction.UpdatePopover, {\n part: 'popover',\n options: {\n state: false,\n anchorId: '',\n },\n }),\n );\n if (view) {\n const id = fullyQualifiedId(view);\n yield* dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [id],\n options: { workspace: space?.id },\n }),\n );\n yield* dispatch(\n createIntent(DeckAction.ChangeCompanion, {\n primary: id,\n companion: [id, 'selected-objects'].join(ATTENDABLE_PATH_SEPARATOR),\n }),\n );\n yield* dispatch(\n createIntent(AttentionAction.Select, {\n contextId: id,\n selection: { mode: 'multi', ids: [org.id] },\n }),\n );\n }\n }).pipe(Effect.runPromise),\n [dispatch, currentSpaceOrgs, currentSpaceOrgTable, defaultSpaceOrgTable],\n );\n\n return (\n <ContactCard role={role} subject={data.subject} activeSpace={activeSpace} onOrgClick={handleOrgClick}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </ContactCard>\n );\n },\n }),\n createSurface({\n id: `${meta.id}/schema-popover--organization`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n component: ({ data, role }) => {\n const activeSpace = useActiveSpace();\n\n return (\n <OrganizationCard role={role} subject={data.subject} activeSpace={activeSpace}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </OrganizationCard>\n );\n },\n }),\n createSurface({\n id: `${meta.id}/schema-popover--project`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),\n component: ({ data, role }) => {\n const activeSpace = useActiveSpace();\n\n return <ProjectCard subject={data.subject} role={role} activeSpace={activeSpace} />;\n },\n }),\n createSurface({\n id: `${meta.id}/schema-popover--task`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Task } => Obj.instanceOf(DataType.Task, data.subject),\n component: ({ data, role }) => <TaskCard subject={data.subject} role={role} />,\n }),\n\n //\n // Fallback for any object.\n //\n createSurface({\n id: `${meta.id}/fallback-popover`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Any; projection?: ProjectionModel } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n const schema = getSchema(data.subject);\n const { t } = useTranslation(meta.id);\n if (!schema) {\n // TODO(burdon): Use Alert.\n return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n }\n\n const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n for (const path of changedPaths) {\n const value = values[path];\n setValue(data.subject, path as JsonPath, value);\n }\n }, []);\n\n return (\n <Card.SurfaceRoot role={role}>\n <Form\n schema={schema}\n projection={data.projection}\n values={data.subject}\n readonly={role === 'card--popover' ? 'static' : false}\n onSave={handleSave}\n autoSave\n {...(role === 'card--intrinsic' && { outerSpacing: 'blockStart-0' })}\n />\n </Card.SurfaceRoot>\n );\n },\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Avatar, Button, Icon } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ContactCard = ({\n children,\n subject,\n activeSpace,\n onOrgClick,\n role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n const { fullName, image, organization, emails } = subject;\n const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n return (\n <Card.SurfaceRoot role={role}>\n <Avatar.Root>\n <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>\n <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n <div role='none' className='bs-min self-center flex items-center'>\n <Avatar.Label asChild>\n <h2 className={mx(cardHeading, 'grow')}>{fullName}</h2>\n </Avatar.Label>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n </Card.Text>\n </Avatar.Root>\n {organizationName && (\n <Card.Chrome>\n {typeof organization === 'object' && onOrgClick ? (\n <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n <Icon icon='ph--arrow-right--regular' />\n </Button>\n ) : (\n <p className='dx-button gap-2' data-variant='ghost'>\n <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n </p>\n )}\n </Card.Chrome>\n )}\n {emails?.length && (\n <dl\n className={mx(\n cardText,\n 'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n )}\n >\n {emails?.length &&\n emails.map(({ label, value }) => (\n <Fragment key={value}>\n <dt>\n <span className='sr-only'>{label}</span>\n <Icon icon='ph--at--regular' size={5} />\n </dt>\n <dd key={value} className='break-words'>\n {value}\n </dd>\n </Fragment>\n ))}\n </dl>\n )}\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { ACTION_TYPE } from '@dxos/app-graph';\nimport { Obj } from '@dxos/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { type Space } from '@dxos/react-client/echo';\nimport { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';\nimport { type ActionGraphProps, DropdownMenu, MenuProvider, useMenuActions } from '@dxos/react-ui-menu';\n\nconst useSubjectMenuGroupItems = (subject: Obj.Any, activeSpace?: Space) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const result: ActionGraphProps = { edges: [], nodes: [] };\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: 'os' }],\n icon: 'ph--file-plus--regular',\n },\n });\n }\n result.nodes.forEach(({ id: target }) => {\n result.edges.push({ source: 'root', target });\n });\n\n return useMenuActions(Rx.make(result));\n};\n\n/**\n * This is a generic menu for objects that tries to infer common actions.\n */\nexport const CardSubjectMenu = ({\n subject,\n activeSpace,\n ...props\n}: Omit<IconButtonProps, 'icon' | 'label'> & { subject: Obj.Any; activeSpace?: Space }) => {\n const { t } = useTranslation('os');\n const menuProps = useSubjectMenuGroupItems(subject, activeSpace);\n\n if (!activeSpace) {\n return null;\n }\n\n return (\n <MenuProvider {...menuProps}>\n <DropdownMenu.Root>\n <DropdownMenu.Trigger asChild>\n <IconButton\n iconOnly\n variant='ghost'\n icon='ph--dots-three-vertical--bold'\n label={t('more options label')}\n {...props}\n />\n </DropdownMenu.Trigger>\n </DropdownMenu.Root>\n </MenuProvider>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const OrganizationCard = ({ children, subject, role, activeSpace }: PreviewProps<DataType.Organization>) => {\n const { name, image, description, website } = subject;\n return (\n <Card.SurfaceRoot role={role}>\n <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n {website && (\n <Card.Chrome>\n <a\n className='dx-button dx-focus-ring gap-2'\n data-variant='ghost'\n href={website}\n target='_blank'\n rel='noreferrer'\n >\n <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n <span className='min-is-0 flex-1 truncate'>{website}</span>\n <Icon icon='ph--arrow-square-out--regular' />\n </a>\n </Card.Chrome>\n )}\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ProjectCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Project>) => {\n const { name, image, description } = subject;\n return (\n <Card.SurfaceRoot role={role}>\n {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as SchemaAST from 'effect/SchemaAST';\nimport React from 'react';\n\nimport { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\n// TODO(thure): Should this move upstream as a helper? Is there an easier way to get options?\nconst getActiveStatusOption = (status?: string) => {\n const properties = SchemaAST.getPropertySignatures(DataType.Task.ast);\n const statusProperty = properties.find((p) => p.name === 'status');\n const statusMeta = SchemaAST.getAnnotation<PropertyMetaAnnotation>(PropertyMetaAnnotationId)(\n // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.\n (statusProperty!.type as any).types[0],\n );\n const options = // TODO(thure): Typescript asserts `statusMeta` doesn’t have `.value`, but in runtime it does.\n (statusMeta as any).value.singleSelect.options as { id: string; title: string; color: string }[];\n return options.find(({ id }) => id === status);\n};\n\nexport const TaskCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Task>) => {\n const { title, status } = subject;\n const statusOption = getActiveStatusOption(status);\n return (\n <Card.SurfaceRoot role={role}>\n <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n <Card.Heading classNames={[cardNoSpacing, 'min-is-0 flex-1 truncate']}>{title}</Card.Heading>\n {statusOption && (\n <span className='dx-tag' data-hue={statusOption.color}>\n {statusOption.title}\n </span>\n )}\n <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n </div>\n </Card.SurfaceRoot>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Effect", "React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Filter", "Obj", "setValue", "AttentionAction", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "useActiveSpace", "useQuery", "useSpace", "useTranslation", "Form", "Card", "Table", "descriptionMessage", "mx", "DataType", "getTypenameFromQuery", "React", "Fragment", "Avatar", "Button", "Icon", "Card", "cardHeading", "cardText", "mx", "Rx", "React", "createIntent", "useIntentDispatcher", "ACTION_TYPE", "Obj", "SpaceAction", "IconButton", "useTranslation", "DropdownMenu", "MenuProvider", "useMenuActions", "useSubjectMenuGroupItems", "subject", "activeSpace", "dispatchPromise", "dispatch", "useIntentDispatcher", "result", "edges", "nodes", "Obj", "getDXN", "asQueueDXN", "push", "type", "ACTION_TYPE", "id", "data", "createIntent", "SpaceAction", "AddObject", "object", "target", "hidden", "properties", "label", "ns", "icon", "forEach", "source", "useMenuActions", "Rx", "make", "CardSubjectMenu", "props", "t", "useTranslation", "menuProps", "MenuProvider", "DropdownMenu", "Root", "Trigger", "asChild", "IconButton", "iconOnly", "variant", "ContactCard", "children", "subject", "activeSpace", "onOrgClick", "role", "fullName", "image", "organization", "emails", "organizationName", "target", "name", "React", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "mx", "cardHeading", "CardSubjectMenu", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "length", "dl", "cardText", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "cardNoSpacing", "cardSpacing", "mx", "OrganizationCard", "children", "subject", "role", "activeSpace", "name", "image", "description", "website", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "Chrome", "a", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Obj", "Card", "cardNoSpacing", "cardSpacing", "mx", "ProjectCard", "subject", "role", "activeSpace", "name", "image", "description", "React", "Card", "SurfaceRoot", "Poster", "alt", "Obj", "getLabel", "aspect", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "SchemaAST", "React", "PropertyMetaAnnotationId", "Card", "cardNoSpacing", "cardSpacing", "mx", "DataType", "getActiveStatusOption", "status", "properties", "getPropertySignatures", "DataType", "Task", "ast", "statusProperty", "find", "p", "name", "statusMeta", "getAnnotation", "PropertyMetaAnnotationId", "type", "types", "options", "value", "singleSelect", "id", "TaskCard", "subject", "role", "activeSpace", "title", "statusOption", "React", "Card", "SurfaceRoot", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "span", "data-hue", "color", "CardSubjectMenu", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatch", "useIntentDispatcher", "space", "getSpace", "defaultSpace", "useSpace", "activeSpace", "useActiveSpace", "currentSpaceOrgs", "useQuery", "Filter", "type", "Organization", "currentSpaceViews", "View", "defaultSpaceViews", "currentSpaceOrgTable", "find", "view", "getTypenameFromQuery", "query", "ast", "typename", "Table", "presentation", "target", "defaultSpaceOrgTable", "handleOrgClick", "useCallback", "org", "gen", "includes", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "fullyQualifiedId", "Open", "workspace", "DeckAction", "ChangeCompanion", "primary", "companion", "join", "ATTENDABLE_PATH_SEPARATOR", "AttentionAction", "Select", "contextId", "selection", "mode", "ids", "pipe", "runPromise", "React", "ContactCard", "onOrgClick", "Surface", "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,16 +1,14 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
|
|
3
3
|
// src/meta.ts
|
|
4
|
-
var PREVIEW_PLUGIN = "dxos.org/plugin/preview";
|
|
5
4
|
var meta = {
|
|
6
|
-
id:
|
|
5
|
+
id: "dxos.org/plugin/preview",
|
|
7
6
|
name: "Preview",
|
|
8
7
|
icon: "ph--eye--regular",
|
|
9
8
|
source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
|
|
10
9
|
};
|
|
11
10
|
|
|
12
11
|
export {
|
|
13
|
-
PREVIEW_PLUGIN,
|
|
14
12
|
meta
|
|
15
13
|
};
|
|
16
|
-
//# sourceMappingURL=chunk-
|
|
14
|
+
//# sourceMappingURL=chunk-L3IZVX56.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/meta.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/preview',\n name: 'Preview',\n icon: 'ph--eye--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n"],
|
|
5
|
+
"mappings": ";;;AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;",
|
|
6
|
+
"names": ["meta", "id", "name", "icon", "source"]
|
|
7
|
+
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
import {
|
|
3
|
-
PREVIEW_PLUGIN,
|
|
4
3
|
meta
|
|
5
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-L3IZVX56.mjs";
|
|
6
5
|
|
|
7
6
|
// src/PreviewPlugin.tsx
|
|
8
7
|
import { Capabilities, Events, contributes, defineModule, definePlugin } from "@dxos/app-framework";
|
|
@@ -11,22 +10,25 @@ import { DataType } from "@dxos/schema";
|
|
|
11
10
|
|
|
12
11
|
// src/capabilities/index.ts
|
|
13
12
|
import { lazy } from "@dxos/app-framework";
|
|
14
|
-
var PreviewPopover = lazy(() => import("./preview-popover-
|
|
15
|
-
var ReactSurface = lazy(() => import("./react-surface-
|
|
13
|
+
var PreviewPopover = lazy(() => import("./preview-popover-623SB5KV.mjs"));
|
|
14
|
+
var ReactSurface = lazy(() => import("./react-surface-EO4RGRB5.mjs"));
|
|
16
15
|
|
|
17
16
|
// src/translations.ts
|
|
18
17
|
var translations = [
|
|
19
18
|
{
|
|
20
19
|
"en-US": {
|
|
21
20
|
[meta.id]: {
|
|
22
|
-
"unable to create preview message": "No preview"
|
|
21
|
+
"unable to create preview message": "No preview",
|
|
22
|
+
"todo label": "To do",
|
|
23
|
+
"in-progress label": "In progress",
|
|
24
|
+
"done label": "Done"
|
|
23
25
|
}
|
|
24
26
|
}
|
|
25
27
|
}
|
|
26
28
|
];
|
|
27
29
|
|
|
28
30
|
// src/PreviewPlugin.tsx
|
|
29
|
-
var PreviewPlugin = () =>
|
|
31
|
+
var PreviewPlugin = definePlugin(meta, () => [
|
|
30
32
|
defineModule({
|
|
31
33
|
id: `${meta.id}/module/translations`,
|
|
32
34
|
activatesOn: Events.SetupTranslations,
|
|
@@ -54,7 +56,6 @@ var PreviewPlugin = () => definePlugin(meta, [
|
|
|
54
56
|
})
|
|
55
57
|
]);
|
|
56
58
|
export {
|
|
57
|
-
PREVIEW_PLUGIN,
|
|
58
59
|
PreviewPlugin,
|
|
59
60
|
meta
|
|
60
61
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/PreviewPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { DataType } from '@dxos/schema';\n\nimport { PreviewPopover, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const PreviewPlugin =
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { DataType } from '@dxos/schema';\n\nimport { PreviewPopover, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const PreviewPlugin = definePlugin(meta, () => [\n defineModule({\n id: `${meta.id}/module/translations`,\n activatesOn: Events.SetupTranslations,\n activate: () => contributes(Capabilities.Translations, translations),\n }),\n defineModule({\n id: `${meta.id}/module/schema`,\n activatesOn: ClientEvents.SetupSchema,\n activate: () => [contributes(ClientCapabilities.Schema, [DataType.Person, DataType.Organization])],\n }),\n defineModule({\n id: `${meta.id}/module/preview-popover`,\n activatesOn: Events.Startup,\n activate: PreviewPopover,\n }),\n defineModule({\n id: `${meta.id}/module/react-surface`,\n activatesOn: Events.SetupReactSurface,\n activate: ReactSurface,\n }),\n]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const PreviewPopover = lazy(() => import('./preview-popover'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\n\nexport const translations = [\n {\n 'en-US': {\n [meta.id]: {\n 'unable to create preview message': 'No preview',\n 'todo label': 'To do',\n 'in-progress label': 'In progress',\n 'done label': 'Done',\n },\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": ";;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,oBAAoB;AAC9E,SAASC,oBAAoBC,oBAAoB;AACjD,SAASC,gBAAgB;;;ACFzB,SAASC,YAAY;AAEd,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACCvC,IAAME,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,oCAAoC;QACpC,cAAc;QACd,qBAAqB;QACrB,cAAc;MAChB;IACF;EACF;;;;AFNK,IAAMC,gBAAgBC,aAAaC,MAAM,MAAM;EACpDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaQ,aAAaC;IAC1BN,UAAU,MAAM;MAACC,YAAYM,mBAAmBC,QAAQ;QAACC,SAASC;QAAQD,SAASE;OAAa;;EAClG,CAAA;EACAhB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOc;IACpBZ,UAAUa;EACZ,CAAA;EACAlB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOgB;IACpBd,UAAUe;EACZ,CAAA;CACD;",
|
|
6
6
|
"names": ["Capabilities", "Events", "contributes", "defineModule", "definePlugin", "ClientCapabilities", "ClientEvents", "DataType", "lazy", "PreviewPopover", "lazy", "ReactSurface", "translations", "meta", "id", "PreviewPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "DataType", "Person", "Organization", "Startup", "PreviewPopover", "SetupReactSurface", "ReactSurface"]
|
|
7
7
|
}
|