@almadar/std 16.10.2 → 16.10.3
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "std-thread-email-threaded",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.1",
|
|
4
4
|
"description": "Email-threaded — Gmail/Outlook/Mail.app split-pane: left message list (sender, subject, preview), right pane shows the focused message with from/to/subject header and quoted-reply nested tree. For helpdesk email threads, support tickets, document discussions that read like email.",
|
|
5
5
|
"orbitals": [
|
|
6
6
|
{
|
|
@@ -91,23 +91,13 @@
|
|
|
91
91
|
"type": "object",
|
|
92
92
|
"default": {},
|
|
93
93
|
"properties": {
|
|
94
|
-
"fromAddress": {
|
|
95
|
-
"name": "fromAddress",
|
|
96
|
-
"type": "string",
|
|
97
|
-
"required": false
|
|
98
|
-
},
|
|
99
|
-
"subject": {
|
|
100
|
-
"name": "subject",
|
|
101
|
-
"type": "string",
|
|
102
|
-
"required": false
|
|
103
|
-
},
|
|
104
94
|
"createdAt": {
|
|
105
95
|
"name": "createdAt",
|
|
106
96
|
"type": "string",
|
|
107
97
|
"required": false
|
|
108
98
|
},
|
|
109
|
-
"
|
|
110
|
-
"name": "
|
|
99
|
+
"id": {
|
|
100
|
+
"name": "id",
|
|
111
101
|
"type": "string",
|
|
112
102
|
"required": false
|
|
113
103
|
},
|
|
@@ -120,8 +110,18 @@
|
|
|
120
110
|
"cardinality": "many"
|
|
121
111
|
}
|
|
122
112
|
},
|
|
123
|
-
"
|
|
124
|
-
"name": "
|
|
113
|
+
"content": {
|
|
114
|
+
"name": "content",
|
|
115
|
+
"type": "string",
|
|
116
|
+
"required": false
|
|
117
|
+
},
|
|
118
|
+
"authorName": {
|
|
119
|
+
"name": "authorName",
|
|
120
|
+
"type": "string",
|
|
121
|
+
"required": false
|
|
122
|
+
},
|
|
123
|
+
"fromAddress": {
|
|
124
|
+
"name": "fromAddress",
|
|
125
125
|
"type": "string",
|
|
126
126
|
"required": false
|
|
127
127
|
},
|
|
@@ -130,8 +130,8 @@
|
|
|
130
130
|
"type": "string",
|
|
131
131
|
"required": false
|
|
132
132
|
},
|
|
133
|
-
"
|
|
134
|
-
"name": "
|
|
133
|
+
"subject": {
|
|
134
|
+
"name": "subject",
|
|
135
135
|
"type": "string",
|
|
136
136
|
"required": false
|
|
137
137
|
}
|
|
@@ -146,35 +146,35 @@
|
|
|
146
146
|
"linkedEntity": "EmailThreadedPost",
|
|
147
147
|
"config": {
|
|
148
148
|
"bodyContent": {
|
|
149
|
+
"type": "stack",
|
|
149
150
|
"children": [
|
|
150
151
|
{
|
|
151
|
-
"direction": "vertical",
|
|
152
152
|
"type": "stack",
|
|
153
|
-
"gap": "none",
|
|
154
|
-
"className": "w-80 shrink-0 border-r border-[var(--color-border)] bg-[var(--color-muted)]",
|
|
155
153
|
"children": [
|
|
156
154
|
{
|
|
157
|
-
"direction": "horizontal",
|
|
158
|
-
"gap": "sm",
|
|
159
|
-
"type": "stack",
|
|
160
155
|
"className": "px-card-md py-md border-b border-[var(--color-border)]",
|
|
161
156
|
"children": [
|
|
162
157
|
{
|
|
163
|
-
"type": "icon",
|
|
164
158
|
"name": "inbox",
|
|
165
|
-
"size": "sm"
|
|
159
|
+
"size": "sm",
|
|
160
|
+
"type": "icon"
|
|
166
161
|
},
|
|
167
162
|
{
|
|
168
|
-
"type": "typography",
|
|
169
|
-
"variant": "label",
|
|
170
163
|
"content": "Inbox",
|
|
164
|
+
"variant": "label",
|
|
165
|
+
"type": "typography",
|
|
171
166
|
"weight": "medium"
|
|
172
167
|
}
|
|
173
168
|
],
|
|
174
|
-
"
|
|
169
|
+
"type": "stack",
|
|
170
|
+
"gap": "sm",
|
|
171
|
+
"align": "center",
|
|
172
|
+
"direction": "horizontal"
|
|
175
173
|
},
|
|
176
174
|
{
|
|
175
|
+
"variant": "default",
|
|
177
176
|
"fields": [],
|
|
177
|
+
"itemClickEvent": "SELECT",
|
|
178
178
|
"renderItem": [
|
|
179
179
|
"fn",
|
|
180
180
|
"item",
|
|
@@ -183,288 +183,297 @@
|
|
|
183
183
|
"direction": "horizontal",
|
|
184
184
|
"children": [
|
|
185
185
|
{
|
|
186
|
-
"type": "avatar",
|
|
187
|
-
"className": "shrink-0",
|
|
188
186
|
"size": "sm",
|
|
187
|
+
"className": "shrink-0 mt-0.5",
|
|
188
|
+
"type": "avatar",
|
|
189
189
|
"name": "@item.authorName"
|
|
190
190
|
},
|
|
191
191
|
{
|
|
192
|
-
"direction": "vertical",
|
|
193
|
-
"gap": "none",
|
|
194
|
-
"type": "stack",
|
|
195
192
|
"className": "flex-1 min-w-0",
|
|
193
|
+
"type": "stack",
|
|
196
194
|
"children": [
|
|
197
195
|
{
|
|
198
|
-
"
|
|
199
|
-
"
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
196
|
+
"type": "stack",
|
|
197
|
+
"children": [
|
|
198
|
+
{
|
|
199
|
+
"type": "typography",
|
|
200
|
+
"content": "@item.authorName",
|
|
201
|
+
"className": "flex-1 truncate",
|
|
202
|
+
"weight": "semibold",
|
|
203
|
+
"variant": "body2"
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"className": "shrink-0 text-[var(--color-text-muted)]",
|
|
207
|
+
"type": "icon",
|
|
208
|
+
"size": "xs",
|
|
209
|
+
"name": "chevron-right"
|
|
210
|
+
}
|
|
211
|
+
],
|
|
212
|
+
"direction": "horizontal",
|
|
213
|
+
"align": "center",
|
|
214
|
+
"gap": "sm",
|
|
215
|
+
"className": "min-w-0"
|
|
203
216
|
},
|
|
204
217
|
{
|
|
205
218
|
"content": "@item.subject",
|
|
206
219
|
"type": "typography",
|
|
207
|
-
"
|
|
208
|
-
"
|
|
220
|
+
"variant": "body2",
|
|
221
|
+
"className": "truncate"
|
|
209
222
|
},
|
|
210
223
|
{
|
|
211
|
-
"content": "@item.preview",
|
|
212
224
|
"className": "truncate",
|
|
225
|
+
"color": "muted",
|
|
213
226
|
"variant": "caption",
|
|
214
227
|
"type": "typography",
|
|
215
|
-
"
|
|
228
|
+
"content": "@item.preview"
|
|
216
229
|
}
|
|
217
|
-
]
|
|
230
|
+
],
|
|
231
|
+
"direction": "vertical",
|
|
232
|
+
"gap": "xs"
|
|
218
233
|
}
|
|
219
234
|
],
|
|
220
|
-
"
|
|
221
|
-
"align": "
|
|
222
|
-
"
|
|
235
|
+
"gap": "sm",
|
|
236
|
+
"align": "start",
|
|
237
|
+
"className": "min-w-0 py-1"
|
|
223
238
|
}
|
|
224
239
|
],
|
|
225
240
|
"entity": "@payload.data",
|
|
226
|
-
"
|
|
227
|
-
"
|
|
228
|
-
"itemActions": [
|
|
229
|
-
{
|
|
230
|
-
"event": "SELECT",
|
|
231
|
-
"label": "",
|
|
232
|
-
"variant": "ghost",
|
|
233
|
-
"icon": "chevron-right"
|
|
234
|
-
}
|
|
235
|
-
],
|
|
236
|
-
"type": "data-list"
|
|
241
|
+
"type": "data-list",
|
|
242
|
+
"gap": "none"
|
|
237
243
|
}
|
|
238
|
-
]
|
|
244
|
+
],
|
|
245
|
+
"direction": "vertical",
|
|
246
|
+
"gap": "none",
|
|
247
|
+
"className": "w-80 shrink-0 border-r border-[var(--color-border)] bg-[var(--color-muted)]"
|
|
239
248
|
},
|
|
240
249
|
{
|
|
241
|
-
"type": "stack",
|
|
242
|
-
"gap": "md",
|
|
243
|
-
"direction": "vertical",
|
|
244
|
-
"className": "flex-1 px-card-md py-md overflow-y-auto",
|
|
245
250
|
"children": [
|
|
246
251
|
{
|
|
252
|
+
"type": "stack",
|
|
253
|
+
"gap": "md",
|
|
254
|
+
"className": "pb-card-md border-b border-[var(--color-border)]",
|
|
247
255
|
"children": [
|
|
248
256
|
{
|
|
249
|
-
"
|
|
250
|
-
"justify": "between",
|
|
257
|
+
"direction": "horizontal",
|
|
251
258
|
"children": [
|
|
252
259
|
{
|
|
260
|
+
"type": "typography",
|
|
253
261
|
"content": "@entity.focusedRow.subject",
|
|
254
262
|
"variant": "h3",
|
|
255
|
-
"type": "typography",
|
|
256
263
|
"className": "flex-1 min-w-0"
|
|
257
264
|
},
|
|
258
265
|
{
|
|
259
|
-
"
|
|
266
|
+
"direction": "horizontal",
|
|
260
267
|
"gap": "sm",
|
|
268
|
+
"type": "stack",
|
|
269
|
+
"align": "center",
|
|
261
270
|
"className": "shrink-0",
|
|
262
271
|
"children": [
|
|
263
272
|
{
|
|
273
|
+
"actionPayload": {
|
|
274
|
+
"parentId": "@entity.focusedRow.id"
|
|
275
|
+
},
|
|
264
276
|
"variant": "secondary",
|
|
265
|
-
"
|
|
266
|
-
"action": "REPLY",
|
|
277
|
+
"icon": "corner-up-left",
|
|
267
278
|
"label": "Reply",
|
|
279
|
+
"type": "button",
|
|
268
280
|
"size": "sm",
|
|
269
|
-
"
|
|
270
|
-
"actionPayload": {
|
|
271
|
-
"parentId": "@entity.focusedRow.id"
|
|
272
|
-
}
|
|
281
|
+
"action": "REPLY"
|
|
273
282
|
},
|
|
274
283
|
{
|
|
275
284
|
"label": "Forward",
|
|
285
|
+
"action": "REPLY",
|
|
276
286
|
"icon": "corner-up-right",
|
|
277
|
-
"type": "button",
|
|
278
287
|
"variant": "ghost",
|
|
279
|
-
"
|
|
280
|
-
"
|
|
288
|
+
"type": "button",
|
|
289
|
+
"size": "sm"
|
|
281
290
|
}
|
|
282
|
-
]
|
|
283
|
-
"direction": "horizontal",
|
|
284
|
-
"type": "stack"
|
|
291
|
+
]
|
|
285
292
|
}
|
|
286
293
|
],
|
|
287
|
-
"
|
|
294
|
+
"gap": "md",
|
|
288
295
|
"type": "stack",
|
|
289
|
-
"align": "start"
|
|
296
|
+
"align": "start",
|
|
297
|
+
"justify": "between"
|
|
290
298
|
},
|
|
291
299
|
{
|
|
300
|
+
"align": "center",
|
|
292
301
|
"direction": "horizontal",
|
|
293
302
|
"gap": "md",
|
|
294
|
-
"type": "stack",
|
|
295
|
-
"align": "center",
|
|
296
303
|
"children": [
|
|
297
304
|
{
|
|
298
|
-
"size": "md",
|
|
299
305
|
"type": "avatar",
|
|
300
|
-
"
|
|
301
|
-
"
|
|
306
|
+
"name": "@entity.focusedRow.authorName",
|
|
307
|
+
"size": "md",
|
|
308
|
+
"className": "shrink-0"
|
|
302
309
|
},
|
|
303
310
|
{
|
|
304
|
-
"type": "stack",
|
|
305
|
-
"className": "flex-1 min-w-0",
|
|
306
311
|
"children": [
|
|
307
312
|
{
|
|
308
|
-
"gap": "xs",
|
|
309
|
-
"align": "center",
|
|
310
313
|
"type": "stack",
|
|
314
|
+
"align": "center",
|
|
315
|
+
"direction": "horizontal",
|
|
316
|
+
"gap": "xs",
|
|
311
317
|
"children": [
|
|
312
318
|
{
|
|
313
|
-
"className": "w-10 shrink-0",
|
|
314
|
-
"color": "muted",
|
|
315
319
|
"content": "From",
|
|
316
320
|
"type": "typography",
|
|
317
|
-
"variant": "caption"
|
|
321
|
+
"variant": "caption",
|
|
322
|
+
"className": "w-10 shrink-0",
|
|
323
|
+
"color": "muted"
|
|
318
324
|
},
|
|
319
325
|
{
|
|
326
|
+
"weight": "medium",
|
|
320
327
|
"content": "@entity.focusedRow.fromAddress",
|
|
321
328
|
"className": "truncate",
|
|
322
|
-
"variant": "body2",
|
|
323
329
|
"type": "typography",
|
|
324
|
-
"
|
|
330
|
+
"variant": "body2"
|
|
325
331
|
}
|
|
326
|
-
]
|
|
327
|
-
"direction": "horizontal"
|
|
332
|
+
]
|
|
328
333
|
},
|
|
329
334
|
{
|
|
330
|
-
"type": "stack",
|
|
331
|
-
"direction": "horizontal",
|
|
332
335
|
"gap": "xs",
|
|
333
|
-
"
|
|
336
|
+
"direction": "horizontal",
|
|
334
337
|
"children": [
|
|
335
338
|
{
|
|
336
339
|
"content": "To",
|
|
340
|
+
"className": "w-10 shrink-0",
|
|
337
341
|
"type": "typography",
|
|
338
342
|
"variant": "caption",
|
|
339
|
-
"color": "muted"
|
|
340
|
-
"className": "w-10 shrink-0"
|
|
343
|
+
"color": "muted"
|
|
341
344
|
},
|
|
342
345
|
{
|
|
343
346
|
"className": "truncate",
|
|
344
|
-
"content": "@entity.focusedRow.toAddress",
|
|
345
347
|
"type": "typography",
|
|
346
|
-
"variant": "body2"
|
|
348
|
+
"variant": "body2",
|
|
349
|
+
"content": "@entity.focusedRow.toAddress"
|
|
347
350
|
}
|
|
348
|
-
]
|
|
351
|
+
],
|
|
352
|
+
"type": "stack",
|
|
353
|
+
"align": "center"
|
|
349
354
|
}
|
|
350
355
|
],
|
|
356
|
+
"direction": "vertical",
|
|
357
|
+
"type": "stack",
|
|
351
358
|
"gap": "none",
|
|
352
|
-
"
|
|
359
|
+
"className": "flex-1 min-w-0"
|
|
353
360
|
},
|
|
354
361
|
{
|
|
355
362
|
"variant": "caption",
|
|
356
363
|
"color": "muted",
|
|
357
|
-
"content": "@entity.focusedRow.createdAt",
|
|
358
364
|
"type": "typography",
|
|
359
|
-
"className": "shrink-0"
|
|
365
|
+
"className": "shrink-0",
|
|
366
|
+
"content": "@entity.focusedRow.createdAt"
|
|
360
367
|
}
|
|
361
|
-
]
|
|
368
|
+
],
|
|
369
|
+
"type": "stack"
|
|
362
370
|
}
|
|
363
371
|
],
|
|
364
|
-
"
|
|
365
|
-
"type": "stack",
|
|
366
|
-
"direction": "vertical",
|
|
367
|
-
"className": "pb-md border-b border-[var(--color-border)]"
|
|
372
|
+
"direction": "vertical"
|
|
368
373
|
},
|
|
369
374
|
{
|
|
375
|
+
"padding": "lg",
|
|
376
|
+
"look": "flat-bordered",
|
|
370
377
|
"children": {
|
|
371
|
-
"content": "@entity.focusedRow.content",
|
|
372
378
|
"variant": "body",
|
|
379
|
+
"className": "leading-relaxed whitespace-pre-wrap",
|
|
380
|
+
"content": "@entity.focusedRow.content",
|
|
373
381
|
"type": "typography"
|
|
374
382
|
},
|
|
375
|
-
"look": "flat-bordered",
|
|
376
|
-
"padding": "md",
|
|
377
383
|
"type": "card"
|
|
378
384
|
},
|
|
379
385
|
{
|
|
380
|
-
"type": "stack",
|
|
381
386
|
"align": "center",
|
|
387
|
+
"direction": "horizontal",
|
|
382
388
|
"gap": "sm",
|
|
383
389
|
"children": [
|
|
384
390
|
{
|
|
385
|
-
"type": "icon",
|
|
386
391
|
"name": "corner-down-right",
|
|
387
|
-
"size": "xs"
|
|
392
|
+
"size": "xs",
|
|
393
|
+
"type": "icon"
|
|
388
394
|
},
|
|
389
395
|
{
|
|
390
|
-
"
|
|
391
|
-
"content": "Quoted replies",
|
|
396
|
+
"color": "muted",
|
|
392
397
|
"type": "typography",
|
|
393
|
-
"
|
|
398
|
+
"variant": "label",
|
|
399
|
+
"content": "Quoted replies"
|
|
394
400
|
}
|
|
395
401
|
],
|
|
396
|
-
"
|
|
402
|
+
"type": "stack"
|
|
397
403
|
},
|
|
398
404
|
{
|
|
399
|
-
"
|
|
400
|
-
"variant": "default",
|
|
405
|
+
"entity": "@entity.focusedRow.replies",
|
|
401
406
|
"fields": [],
|
|
407
|
+
"variant": "default",
|
|
402
408
|
"renderItem": [
|
|
403
409
|
"fn",
|
|
404
410
|
"reply",
|
|
405
411
|
{
|
|
412
|
+
"look": "flat-bordered",
|
|
413
|
+
"type": "card",
|
|
414
|
+
"className": "border-l-4 border-l-[var(--color-primary)] ml-card-md",
|
|
406
415
|
"children": {
|
|
416
|
+
"direction": "vertical",
|
|
417
|
+
"gap": "sm",
|
|
407
418
|
"children": [
|
|
408
419
|
{
|
|
409
420
|
"type": "stack",
|
|
410
|
-
"direction": "horizontal",
|
|
411
|
-
"gap": "sm",
|
|
412
|
-
"align": "center",
|
|
413
421
|
"children": [
|
|
414
422
|
{
|
|
423
|
+
"size": "xs",
|
|
415
424
|
"type": "avatar",
|
|
416
|
-
"name": "@reply.authorName"
|
|
417
|
-
"size": "xs"
|
|
425
|
+
"name": "@reply.authorName"
|
|
418
426
|
},
|
|
419
427
|
{
|
|
420
428
|
"weight": "medium",
|
|
421
429
|
"content": "@reply.authorName",
|
|
422
|
-
"
|
|
423
|
-
"
|
|
430
|
+
"variant": "body2",
|
|
431
|
+
"type": "typography"
|
|
424
432
|
},
|
|
425
433
|
{
|
|
434
|
+
"variant": "caption",
|
|
426
435
|
"type": "typography",
|
|
427
436
|
"content": "@reply.fromAddress",
|
|
428
|
-
"color": "muted"
|
|
429
|
-
"variant": "caption"
|
|
437
|
+
"color": "muted"
|
|
430
438
|
},
|
|
431
439
|
{
|
|
432
440
|
"type": "typography",
|
|
433
|
-
"variant": "caption",
|
|
434
441
|
"color": "muted",
|
|
435
|
-
"content": "·"
|
|
442
|
+
"content": "·",
|
|
443
|
+
"variant": "caption"
|
|
436
444
|
},
|
|
437
445
|
{
|
|
438
|
-
"color": "muted",
|
|
439
|
-
"variant": "caption",
|
|
440
446
|
"type": "typography",
|
|
447
|
+
"variant": "caption",
|
|
448
|
+
"color": "muted",
|
|
441
449
|
"content": "@reply.createdAt"
|
|
442
450
|
}
|
|
443
|
-
]
|
|
451
|
+
],
|
|
452
|
+
"align": "center",
|
|
453
|
+
"gap": "sm",
|
|
454
|
+
"direction": "horizontal"
|
|
444
455
|
},
|
|
445
456
|
{
|
|
457
|
+
"content": "@reply.content",
|
|
446
458
|
"type": "typography",
|
|
447
|
-
"variant": "body"
|
|
448
|
-
"content": "@reply.content"
|
|
459
|
+
"variant": "body"
|
|
449
460
|
}
|
|
450
461
|
],
|
|
451
|
-
"type": "stack"
|
|
452
|
-
"gap": "sm",
|
|
453
|
-
"direction": "vertical"
|
|
462
|
+
"type": "stack"
|
|
454
463
|
},
|
|
455
|
-
"
|
|
456
|
-
"padding": "md",
|
|
457
|
-
"type": "card",
|
|
458
|
-
"className": "border-l-4 border-l-[var(--color-primary)] ml-card-md"
|
|
464
|
+
"padding": "md"
|
|
459
465
|
}
|
|
460
466
|
],
|
|
461
|
-
"
|
|
462
|
-
"
|
|
467
|
+
"type": "data-list",
|
|
468
|
+
"gap": "sm"
|
|
463
469
|
}
|
|
464
|
-
]
|
|
470
|
+
],
|
|
471
|
+
"gap": "lg",
|
|
472
|
+
"type": "stack",
|
|
473
|
+
"direction": "vertical",
|
|
474
|
+
"className": "flex-1 px-card-lg py-card-lg overflow-y-auto"
|
|
465
475
|
}
|
|
466
476
|
],
|
|
467
|
-
"type": "stack",
|
|
468
477
|
"direction": "horizontal",
|
|
469
478
|
"className": "max-w-7xl mx-auto h-full border border-[var(--color-border)] rounded-md overflow-hidden",
|
|
470
479
|
"gap": "none"
|