@almadar/std 11.0.0 → 11.2.0
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/behaviors/registry/core/atoms/std-confirmation.orb +29 -28
- package/behaviors/registry/core/atoms/std-modal.orb +21 -12
- package/behaviors/registry/core/molecules/std-list.orb +52 -50
- package/dist/behaviors/registry/core/atoms/std-confirmation.orb +29 -28
- package/dist/behaviors/registry/core/atoms/std-modal.orb +21 -12
- package/dist/behaviors/registry/core/molecules/std-list.orb +52 -50
- package/package.json +1 -1
|
@@ -151,8 +151,8 @@
|
|
|
151
151
|
"ConfirmAction",
|
|
152
152
|
{
|
|
153
153
|
"emit": {
|
|
154
|
-
"
|
|
155
|
-
"
|
|
154
|
+
"success": "ConfirmActionLoaded",
|
|
155
|
+
"failure": "ConfirmActionLoadFailed"
|
|
156
156
|
}
|
|
157
157
|
}
|
|
158
158
|
]
|
|
@@ -162,6 +162,7 @@
|
|
|
162
162
|
"from": "idle",
|
|
163
163
|
"to": "confirming",
|
|
164
164
|
"event": "REQUEST",
|
|
165
|
+
"guard": "@payload.row",
|
|
165
166
|
"effects": [
|
|
166
167
|
[
|
|
167
168
|
"set",
|
|
@@ -178,70 +179,70 @@
|
|
|
178
179
|
"modal",
|
|
179
180
|
{
|
|
180
181
|
"gap": "md",
|
|
182
|
+
"direction": "vertical",
|
|
183
|
+
"type": "stack",
|
|
181
184
|
"children": [
|
|
182
185
|
{
|
|
183
|
-
"gap": "sm",
|
|
184
|
-
"align": "center",
|
|
185
186
|
"children": [
|
|
186
187
|
{
|
|
187
188
|
"name": "@config.icon",
|
|
188
189
|
"type": "icon"
|
|
189
190
|
},
|
|
190
191
|
{
|
|
191
|
-
"type": "typography",
|
|
192
192
|
"content": "@config.title",
|
|
193
|
-
"variant": "h3"
|
|
193
|
+
"variant": "h3",
|
|
194
|
+
"type": "typography"
|
|
194
195
|
}
|
|
195
196
|
],
|
|
196
197
|
"type": "stack",
|
|
197
|
-
"
|
|
198
|
+
"gap": "sm",
|
|
199
|
+
"direction": "horizontal",
|
|
200
|
+
"align": "center"
|
|
198
201
|
},
|
|
199
202
|
{
|
|
200
203
|
"type": "divider"
|
|
201
204
|
},
|
|
202
205
|
{
|
|
203
|
-
"
|
|
206
|
+
"variant": "error",
|
|
204
207
|
"message": "@config.alertMessage",
|
|
205
|
-
"
|
|
208
|
+
"type": "alert"
|
|
206
209
|
},
|
|
207
210
|
{
|
|
208
|
-
"
|
|
211
|
+
"type": "typography",
|
|
209
212
|
"content": "@entity.name",
|
|
210
|
-
"
|
|
213
|
+
"variant": "h4"
|
|
211
214
|
},
|
|
212
215
|
{
|
|
213
|
-
"variant": "caption",
|
|
214
|
-
"type": "typography",
|
|
215
216
|
"content": "@entity.pendingId",
|
|
216
|
-
"color": "muted"
|
|
217
|
+
"color": "muted",
|
|
218
|
+
"type": "typography",
|
|
219
|
+
"variant": "caption"
|
|
217
220
|
},
|
|
218
221
|
{
|
|
222
|
+
"direction": "horizontal",
|
|
223
|
+
"type": "stack",
|
|
224
|
+
"gap": "sm",
|
|
225
|
+
"justify": "end",
|
|
219
226
|
"children": [
|
|
220
227
|
{
|
|
221
|
-
"
|
|
228
|
+
"action": "CANCEL",
|
|
222
229
|
"variant": "ghost",
|
|
223
230
|
"label": "Cancel",
|
|
224
|
-
"
|
|
231
|
+
"type": "button"
|
|
225
232
|
},
|
|
226
233
|
{
|
|
227
|
-
"icon": "check",
|
|
228
|
-
"type": "button",
|
|
229
|
-
"label": "@config.confirmLabel",
|
|
230
234
|
"actionPayload": {
|
|
231
235
|
"id": "@payload.id"
|
|
232
236
|
},
|
|
233
237
|
"variant": "danger",
|
|
234
|
-
"
|
|
238
|
+
"type": "button",
|
|
239
|
+
"label": "@config.confirmLabel",
|
|
240
|
+
"action": "CONFIRM",
|
|
241
|
+
"icon": "check"
|
|
235
242
|
}
|
|
236
|
-
]
|
|
237
|
-
"type": "stack",
|
|
238
|
-
"direction": "horizontal",
|
|
239
|
-
"gap": "sm",
|
|
240
|
-
"justify": "end"
|
|
243
|
+
]
|
|
241
244
|
}
|
|
242
|
-
]
|
|
243
|
-
"type": "stack",
|
|
244
|
-
"direction": "vertical"
|
|
245
|
+
]
|
|
245
246
|
}
|
|
246
247
|
]
|
|
247
248
|
]
|
|
@@ -159,6 +159,15 @@
|
|
|
159
159
|
"from": "closed",
|
|
160
160
|
"to": "open",
|
|
161
161
|
"event": "OPEN",
|
|
162
|
+
"guard": [
|
|
163
|
+
"or",
|
|
164
|
+
[
|
|
165
|
+
"=",
|
|
166
|
+
"@config.mode",
|
|
167
|
+
"create"
|
|
168
|
+
],
|
|
169
|
+
"@payload.row"
|
|
170
|
+
],
|
|
162
171
|
"effects": [
|
|
163
172
|
[
|
|
164
173
|
"set",
|
|
@@ -170,22 +179,20 @@
|
|
|
170
179
|
"modal",
|
|
171
180
|
{
|
|
172
181
|
"direction": "vertical",
|
|
173
|
-
"type": "stack",
|
|
174
|
-
"gap": "md",
|
|
175
182
|
"children": [
|
|
176
183
|
{
|
|
177
|
-
"type": "stack",
|
|
178
184
|
"direction": "horizontal",
|
|
185
|
+
"type": "stack",
|
|
179
186
|
"gap": "sm",
|
|
180
187
|
"children": [
|
|
181
188
|
{
|
|
182
|
-
"
|
|
183
|
-
"
|
|
189
|
+
"type": "icon",
|
|
190
|
+
"name": "@config.icon"
|
|
184
191
|
},
|
|
185
192
|
{
|
|
186
193
|
"variant": "h3",
|
|
187
|
-
"
|
|
188
|
-
"
|
|
194
|
+
"content": "@config.title",
|
|
195
|
+
"type": "typography"
|
|
189
196
|
}
|
|
190
197
|
]
|
|
191
198
|
},
|
|
@@ -193,14 +200,16 @@
|
|
|
193
200
|
"type": "divider"
|
|
194
201
|
},
|
|
195
202
|
{
|
|
196
|
-
"
|
|
197
|
-
"submitEvent": "SAVE",
|
|
203
|
+
"entity": "@payload.row",
|
|
198
204
|
"cancelEvent": "CLOSE",
|
|
199
|
-
"mode": "@config.mode",
|
|
200
205
|
"fields": "@config.fields",
|
|
201
|
-
"
|
|
206
|
+
"type": "form-section",
|
|
207
|
+
"submitEvent": "SAVE",
|
|
208
|
+
"mode": "@config.mode"
|
|
202
209
|
}
|
|
203
|
-
]
|
|
210
|
+
],
|
|
211
|
+
"gap": "md",
|
|
212
|
+
"type": "stack"
|
|
204
213
|
}
|
|
205
214
|
]
|
|
206
215
|
]
|
|
@@ -179,18 +179,18 @@
|
|
|
179
179
|
"main",
|
|
180
180
|
{
|
|
181
181
|
"gap": "md",
|
|
182
|
-
"className": "py-12",
|
|
183
|
-
"type": "stack",
|
|
184
182
|
"align": "center",
|
|
183
|
+
"type": "stack",
|
|
184
|
+
"className": "py-12",
|
|
185
185
|
"children": [
|
|
186
186
|
{
|
|
187
187
|
"type": "spinner"
|
|
188
188
|
},
|
|
189
189
|
{
|
|
190
|
-
"content": "Loading list…",
|
|
191
|
-
"variant": "caption",
|
|
192
190
|
"type": "typography",
|
|
193
|
-
"
|
|
191
|
+
"variant": "caption",
|
|
192
|
+
"color": "muted",
|
|
193
|
+
"content": "Loading list…"
|
|
194
194
|
}
|
|
195
195
|
],
|
|
196
196
|
"direction": "vertical"
|
|
@@ -209,47 +209,46 @@
|
|
|
209
209
|
{
|
|
210
210
|
"children": [
|
|
211
211
|
{
|
|
212
|
-
"direction": "horizontal",
|
|
213
|
-
"justify": "between",
|
|
214
212
|
"type": "stack",
|
|
213
|
+
"justify": "between",
|
|
215
214
|
"children": [
|
|
216
215
|
{
|
|
217
|
-
"
|
|
216
|
+
"type": "stack",
|
|
217
|
+
"direction": "horizontal",
|
|
218
218
|
"children": [
|
|
219
219
|
{
|
|
220
|
-
"
|
|
221
|
-
"
|
|
220
|
+
"type": "icon",
|
|
221
|
+
"name": "list"
|
|
222
222
|
},
|
|
223
223
|
{
|
|
224
|
+
"variant": "h2",
|
|
224
225
|
"type": "typography",
|
|
225
|
-
"content": "ListItems"
|
|
226
|
-
"variant": "h2"
|
|
226
|
+
"content": "ListItems"
|
|
227
227
|
}
|
|
228
228
|
],
|
|
229
|
-
"
|
|
230
|
-
"type": "stack"
|
|
229
|
+
"gap": "md"
|
|
231
230
|
},
|
|
232
231
|
{
|
|
232
|
+
"type": "button",
|
|
233
233
|
"label": "Create",
|
|
234
|
-
"variant": "primary",
|
|
235
|
-
"icon": "plus",
|
|
236
234
|
"action": "CREATE",
|
|
237
|
-
"
|
|
235
|
+
"variant": "primary",
|
|
236
|
+
"icon": "plus"
|
|
238
237
|
}
|
|
239
238
|
],
|
|
240
|
-
"gap": "md"
|
|
239
|
+
"gap": "md",
|
|
240
|
+
"direction": "horizontal"
|
|
241
241
|
},
|
|
242
242
|
{
|
|
243
243
|
"type": "divider"
|
|
244
244
|
},
|
|
245
245
|
{
|
|
246
246
|
"entity": "@payload.data",
|
|
247
|
-
"type": "data-grid",
|
|
248
247
|
"itemActions": [
|
|
249
248
|
{
|
|
249
|
+
"label": "Edit",
|
|
250
250
|
"event": "EDIT",
|
|
251
|
-
"variant": "ghost"
|
|
252
|
-
"label": "Edit"
|
|
251
|
+
"variant": "ghost"
|
|
253
252
|
},
|
|
254
253
|
{
|
|
255
254
|
"variant": "danger",
|
|
@@ -257,29 +256,30 @@
|
|
|
257
256
|
"label": "Delete"
|
|
258
257
|
}
|
|
259
258
|
],
|
|
259
|
+
"type": "data-grid",
|
|
260
260
|
"fields": [
|
|
261
261
|
{
|
|
262
262
|
"name": "name",
|
|
263
|
-
"variant": "h4",
|
|
264
263
|
"label": "Name",
|
|
264
|
+
"variant": "h4",
|
|
265
265
|
"icon": "list"
|
|
266
266
|
},
|
|
267
267
|
{
|
|
268
|
-
"label": "Description",
|
|
269
268
|
"variant": "caption",
|
|
269
|
+
"label": "Description",
|
|
270
270
|
"name": "description"
|
|
271
271
|
},
|
|
272
272
|
{
|
|
273
|
-
"label": "Status",
|
|
274
273
|
"variant": "badge",
|
|
274
|
+
"label": "Status",
|
|
275
275
|
"name": "status"
|
|
276
276
|
}
|
|
277
277
|
]
|
|
278
278
|
}
|
|
279
279
|
],
|
|
280
|
+
"type": "stack",
|
|
280
281
|
"direction": "vertical",
|
|
281
282
|
"gap": "lg",
|
|
282
|
-
"type": "stack",
|
|
283
283
|
"className": "max-w-5xl mx-auto w-full"
|
|
284
284
|
}
|
|
285
285
|
]
|
|
@@ -295,35 +295,35 @@
|
|
|
295
295
|
"main",
|
|
296
296
|
{
|
|
297
297
|
"className": "py-12",
|
|
298
|
-
"align": "center",
|
|
299
298
|
"children": [
|
|
300
299
|
{
|
|
300
|
+
"name": "alert-triangle",
|
|
301
301
|
"color": "destructive",
|
|
302
|
-
"type": "icon"
|
|
303
|
-
"name": "alert-triangle"
|
|
302
|
+
"type": "icon"
|
|
304
303
|
},
|
|
305
304
|
{
|
|
306
|
-
"
|
|
305
|
+
"type": "typography",
|
|
307
306
|
"content": "Failed to load list",
|
|
308
|
-
"
|
|
307
|
+
"variant": "h3"
|
|
309
308
|
},
|
|
310
309
|
{
|
|
311
|
-
"content": "@payload.error",
|
|
312
310
|
"type": "typography",
|
|
311
|
+
"content": "@payload.error",
|
|
313
312
|
"color": "muted",
|
|
314
313
|
"variant": "body"
|
|
315
314
|
},
|
|
316
315
|
{
|
|
317
|
-
"type": "button",
|
|
318
|
-
"label": "Retry",
|
|
319
316
|
"action": "INIT",
|
|
317
|
+
"type": "button",
|
|
320
318
|
"variant": "primary",
|
|
319
|
+
"label": "Retry",
|
|
321
320
|
"icon": "rotate-ccw"
|
|
322
321
|
}
|
|
323
322
|
],
|
|
323
|
+
"gap": "md",
|
|
324
324
|
"type": "stack",
|
|
325
325
|
"direction": "vertical",
|
|
326
|
-
"
|
|
326
|
+
"align": "center"
|
|
327
327
|
}
|
|
328
328
|
]
|
|
329
329
|
]
|
|
@@ -338,8 +338,8 @@
|
|
|
338
338
|
"ListItem",
|
|
339
339
|
{
|
|
340
340
|
"emit": {
|
|
341
|
-
"
|
|
342
|
-
"
|
|
341
|
+
"success": "ListItemLoaded",
|
|
342
|
+
"failure": "ListItemLoadFailed"
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
345
|
],
|
|
@@ -386,17 +386,17 @@
|
|
|
386
386
|
"linkedEntity": "ListItem",
|
|
387
387
|
"config": {
|
|
388
388
|
"title": "Create ListItem",
|
|
389
|
-
"mode": "create",
|
|
390
389
|
"fields": [
|
|
391
390
|
"name",
|
|
392
391
|
"description",
|
|
393
392
|
"status"
|
|
394
393
|
],
|
|
395
|
-
"icon": "plus-circle"
|
|
394
|
+
"icon": "plus-circle",
|
|
395
|
+
"mode": "create"
|
|
396
396
|
},
|
|
397
397
|
"events": {
|
|
398
|
-
"
|
|
399
|
-
"
|
|
398
|
+
"SAVE": "LIST_ITEM_CREATED",
|
|
399
|
+
"OPEN": "CREATE"
|
|
400
400
|
}
|
|
401
401
|
},
|
|
402
402
|
{
|
|
@@ -404,18 +404,18 @@
|
|
|
404
404
|
"name": "ListItemEdit",
|
|
405
405
|
"linkedEntity": "ListItem",
|
|
406
406
|
"config": {
|
|
407
|
-
"
|
|
407
|
+
"title": "Edit ListItem",
|
|
408
408
|
"fields": [
|
|
409
409
|
"name",
|
|
410
410
|
"description",
|
|
411
411
|
"status"
|
|
412
412
|
],
|
|
413
|
-
"
|
|
414
|
-
"
|
|
413
|
+
"icon": "edit",
|
|
414
|
+
"mode": "edit"
|
|
415
415
|
},
|
|
416
416
|
"events": {
|
|
417
|
-
"
|
|
418
|
-
"
|
|
417
|
+
"SAVE": "LIST_ITEM_UPDATED",
|
|
418
|
+
"OPEN": "EDIT"
|
|
419
419
|
}
|
|
420
420
|
},
|
|
421
421
|
{
|
|
@@ -423,10 +423,10 @@
|
|
|
423
423
|
"name": "ListItemDelete",
|
|
424
424
|
"linkedEntity": "ListItem",
|
|
425
425
|
"config": {
|
|
426
|
-
"
|
|
426
|
+
"alertMessage": "This action cannot be undone.",
|
|
427
427
|
"title": "Delete ListItem",
|
|
428
|
-
"
|
|
429
|
-
"
|
|
428
|
+
"confirmLabel": "Delete",
|
|
429
|
+
"icon": "alert-triangle"
|
|
430
430
|
},
|
|
431
431
|
"events": {
|
|
432
432
|
"REQUEST": "DELETE",
|
|
@@ -516,7 +516,8 @@
|
|
|
516
516
|
"payloadSchema": [
|
|
517
517
|
{
|
|
518
518
|
"name": "data",
|
|
519
|
-
"type": "ListItem"
|
|
519
|
+
"type": "ListItem",
|
|
520
|
+
"required": true
|
|
520
521
|
}
|
|
521
522
|
]
|
|
522
523
|
},
|
|
@@ -526,7 +527,8 @@
|
|
|
526
527
|
"payloadSchema": [
|
|
527
528
|
{
|
|
528
529
|
"name": "data",
|
|
529
|
-
"type": "ListItem"
|
|
530
|
+
"type": "ListItem",
|
|
531
|
+
"required": true
|
|
530
532
|
}
|
|
531
533
|
]
|
|
532
534
|
},
|
|
@@ -151,8 +151,8 @@
|
|
|
151
151
|
"ConfirmAction",
|
|
152
152
|
{
|
|
153
153
|
"emit": {
|
|
154
|
-
"
|
|
155
|
-
"
|
|
154
|
+
"success": "ConfirmActionLoaded",
|
|
155
|
+
"failure": "ConfirmActionLoadFailed"
|
|
156
156
|
}
|
|
157
157
|
}
|
|
158
158
|
]
|
|
@@ -162,6 +162,7 @@
|
|
|
162
162
|
"from": "idle",
|
|
163
163
|
"to": "confirming",
|
|
164
164
|
"event": "REQUEST",
|
|
165
|
+
"guard": "@payload.row",
|
|
165
166
|
"effects": [
|
|
166
167
|
[
|
|
167
168
|
"set",
|
|
@@ -178,70 +179,70 @@
|
|
|
178
179
|
"modal",
|
|
179
180
|
{
|
|
180
181
|
"gap": "md",
|
|
182
|
+
"direction": "vertical",
|
|
183
|
+
"type": "stack",
|
|
181
184
|
"children": [
|
|
182
185
|
{
|
|
183
|
-
"gap": "sm",
|
|
184
|
-
"align": "center",
|
|
185
186
|
"children": [
|
|
186
187
|
{
|
|
187
188
|
"name": "@config.icon",
|
|
188
189
|
"type": "icon"
|
|
189
190
|
},
|
|
190
191
|
{
|
|
191
|
-
"type": "typography",
|
|
192
192
|
"content": "@config.title",
|
|
193
|
-
"variant": "h3"
|
|
193
|
+
"variant": "h3",
|
|
194
|
+
"type": "typography"
|
|
194
195
|
}
|
|
195
196
|
],
|
|
196
197
|
"type": "stack",
|
|
197
|
-
"
|
|
198
|
+
"gap": "sm",
|
|
199
|
+
"direction": "horizontal",
|
|
200
|
+
"align": "center"
|
|
198
201
|
},
|
|
199
202
|
{
|
|
200
203
|
"type": "divider"
|
|
201
204
|
},
|
|
202
205
|
{
|
|
203
|
-
"
|
|
206
|
+
"variant": "error",
|
|
204
207
|
"message": "@config.alertMessage",
|
|
205
|
-
"
|
|
208
|
+
"type": "alert"
|
|
206
209
|
},
|
|
207
210
|
{
|
|
208
|
-
"
|
|
211
|
+
"type": "typography",
|
|
209
212
|
"content": "@entity.name",
|
|
210
|
-
"
|
|
213
|
+
"variant": "h4"
|
|
211
214
|
},
|
|
212
215
|
{
|
|
213
|
-
"variant": "caption",
|
|
214
|
-
"type": "typography",
|
|
215
216
|
"content": "@entity.pendingId",
|
|
216
|
-
"color": "muted"
|
|
217
|
+
"color": "muted",
|
|
218
|
+
"type": "typography",
|
|
219
|
+
"variant": "caption"
|
|
217
220
|
},
|
|
218
221
|
{
|
|
222
|
+
"direction": "horizontal",
|
|
223
|
+
"type": "stack",
|
|
224
|
+
"gap": "sm",
|
|
225
|
+
"justify": "end",
|
|
219
226
|
"children": [
|
|
220
227
|
{
|
|
221
|
-
"
|
|
228
|
+
"action": "CANCEL",
|
|
222
229
|
"variant": "ghost",
|
|
223
230
|
"label": "Cancel",
|
|
224
|
-
"
|
|
231
|
+
"type": "button"
|
|
225
232
|
},
|
|
226
233
|
{
|
|
227
|
-
"icon": "check",
|
|
228
|
-
"type": "button",
|
|
229
|
-
"label": "@config.confirmLabel",
|
|
230
234
|
"actionPayload": {
|
|
231
235
|
"id": "@payload.id"
|
|
232
236
|
},
|
|
233
237
|
"variant": "danger",
|
|
234
|
-
"
|
|
238
|
+
"type": "button",
|
|
239
|
+
"label": "@config.confirmLabel",
|
|
240
|
+
"action": "CONFIRM",
|
|
241
|
+
"icon": "check"
|
|
235
242
|
}
|
|
236
|
-
]
|
|
237
|
-
"type": "stack",
|
|
238
|
-
"direction": "horizontal",
|
|
239
|
-
"gap": "sm",
|
|
240
|
-
"justify": "end"
|
|
243
|
+
]
|
|
241
244
|
}
|
|
242
|
-
]
|
|
243
|
-
"type": "stack",
|
|
244
|
-
"direction": "vertical"
|
|
245
|
+
]
|
|
245
246
|
}
|
|
246
247
|
]
|
|
247
248
|
]
|
|
@@ -159,6 +159,15 @@
|
|
|
159
159
|
"from": "closed",
|
|
160
160
|
"to": "open",
|
|
161
161
|
"event": "OPEN",
|
|
162
|
+
"guard": [
|
|
163
|
+
"or",
|
|
164
|
+
[
|
|
165
|
+
"=",
|
|
166
|
+
"@config.mode",
|
|
167
|
+
"create"
|
|
168
|
+
],
|
|
169
|
+
"@payload.row"
|
|
170
|
+
],
|
|
162
171
|
"effects": [
|
|
163
172
|
[
|
|
164
173
|
"set",
|
|
@@ -170,22 +179,20 @@
|
|
|
170
179
|
"modal",
|
|
171
180
|
{
|
|
172
181
|
"direction": "vertical",
|
|
173
|
-
"type": "stack",
|
|
174
|
-
"gap": "md",
|
|
175
182
|
"children": [
|
|
176
183
|
{
|
|
177
|
-
"type": "stack",
|
|
178
184
|
"direction": "horizontal",
|
|
185
|
+
"type": "stack",
|
|
179
186
|
"gap": "sm",
|
|
180
187
|
"children": [
|
|
181
188
|
{
|
|
182
|
-
"
|
|
183
|
-
"
|
|
189
|
+
"type": "icon",
|
|
190
|
+
"name": "@config.icon"
|
|
184
191
|
},
|
|
185
192
|
{
|
|
186
193
|
"variant": "h3",
|
|
187
|
-
"
|
|
188
|
-
"
|
|
194
|
+
"content": "@config.title",
|
|
195
|
+
"type": "typography"
|
|
189
196
|
}
|
|
190
197
|
]
|
|
191
198
|
},
|
|
@@ -193,14 +200,16 @@
|
|
|
193
200
|
"type": "divider"
|
|
194
201
|
},
|
|
195
202
|
{
|
|
196
|
-
"
|
|
197
|
-
"submitEvent": "SAVE",
|
|
203
|
+
"entity": "@payload.row",
|
|
198
204
|
"cancelEvent": "CLOSE",
|
|
199
|
-
"mode": "@config.mode",
|
|
200
205
|
"fields": "@config.fields",
|
|
201
|
-
"
|
|
206
|
+
"type": "form-section",
|
|
207
|
+
"submitEvent": "SAVE",
|
|
208
|
+
"mode": "@config.mode"
|
|
202
209
|
}
|
|
203
|
-
]
|
|
210
|
+
],
|
|
211
|
+
"gap": "md",
|
|
212
|
+
"type": "stack"
|
|
204
213
|
}
|
|
205
214
|
]
|
|
206
215
|
]
|
|
@@ -179,18 +179,18 @@
|
|
|
179
179
|
"main",
|
|
180
180
|
{
|
|
181
181
|
"gap": "md",
|
|
182
|
-
"className": "py-12",
|
|
183
|
-
"type": "stack",
|
|
184
182
|
"align": "center",
|
|
183
|
+
"type": "stack",
|
|
184
|
+
"className": "py-12",
|
|
185
185
|
"children": [
|
|
186
186
|
{
|
|
187
187
|
"type": "spinner"
|
|
188
188
|
},
|
|
189
189
|
{
|
|
190
|
-
"content": "Loading list…",
|
|
191
|
-
"variant": "caption",
|
|
192
190
|
"type": "typography",
|
|
193
|
-
"
|
|
191
|
+
"variant": "caption",
|
|
192
|
+
"color": "muted",
|
|
193
|
+
"content": "Loading list…"
|
|
194
194
|
}
|
|
195
195
|
],
|
|
196
196
|
"direction": "vertical"
|
|
@@ -209,47 +209,46 @@
|
|
|
209
209
|
{
|
|
210
210
|
"children": [
|
|
211
211
|
{
|
|
212
|
-
"direction": "horizontal",
|
|
213
|
-
"justify": "between",
|
|
214
212
|
"type": "stack",
|
|
213
|
+
"justify": "between",
|
|
215
214
|
"children": [
|
|
216
215
|
{
|
|
217
|
-
"
|
|
216
|
+
"type": "stack",
|
|
217
|
+
"direction": "horizontal",
|
|
218
218
|
"children": [
|
|
219
219
|
{
|
|
220
|
-
"
|
|
221
|
-
"
|
|
220
|
+
"type": "icon",
|
|
221
|
+
"name": "list"
|
|
222
222
|
},
|
|
223
223
|
{
|
|
224
|
+
"variant": "h2",
|
|
224
225
|
"type": "typography",
|
|
225
|
-
"content": "ListItems"
|
|
226
|
-
"variant": "h2"
|
|
226
|
+
"content": "ListItems"
|
|
227
227
|
}
|
|
228
228
|
],
|
|
229
|
-
"
|
|
230
|
-
"type": "stack"
|
|
229
|
+
"gap": "md"
|
|
231
230
|
},
|
|
232
231
|
{
|
|
232
|
+
"type": "button",
|
|
233
233
|
"label": "Create",
|
|
234
|
-
"variant": "primary",
|
|
235
|
-
"icon": "plus",
|
|
236
234
|
"action": "CREATE",
|
|
237
|
-
"
|
|
235
|
+
"variant": "primary",
|
|
236
|
+
"icon": "plus"
|
|
238
237
|
}
|
|
239
238
|
],
|
|
240
|
-
"gap": "md"
|
|
239
|
+
"gap": "md",
|
|
240
|
+
"direction": "horizontal"
|
|
241
241
|
},
|
|
242
242
|
{
|
|
243
243
|
"type": "divider"
|
|
244
244
|
},
|
|
245
245
|
{
|
|
246
246
|
"entity": "@payload.data",
|
|
247
|
-
"type": "data-grid",
|
|
248
247
|
"itemActions": [
|
|
249
248
|
{
|
|
249
|
+
"label": "Edit",
|
|
250
250
|
"event": "EDIT",
|
|
251
|
-
"variant": "ghost"
|
|
252
|
-
"label": "Edit"
|
|
251
|
+
"variant": "ghost"
|
|
253
252
|
},
|
|
254
253
|
{
|
|
255
254
|
"variant": "danger",
|
|
@@ -257,29 +256,30 @@
|
|
|
257
256
|
"label": "Delete"
|
|
258
257
|
}
|
|
259
258
|
],
|
|
259
|
+
"type": "data-grid",
|
|
260
260
|
"fields": [
|
|
261
261
|
{
|
|
262
262
|
"name": "name",
|
|
263
|
-
"variant": "h4",
|
|
264
263
|
"label": "Name",
|
|
264
|
+
"variant": "h4",
|
|
265
265
|
"icon": "list"
|
|
266
266
|
},
|
|
267
267
|
{
|
|
268
|
-
"label": "Description",
|
|
269
268
|
"variant": "caption",
|
|
269
|
+
"label": "Description",
|
|
270
270
|
"name": "description"
|
|
271
271
|
},
|
|
272
272
|
{
|
|
273
|
-
"label": "Status",
|
|
274
273
|
"variant": "badge",
|
|
274
|
+
"label": "Status",
|
|
275
275
|
"name": "status"
|
|
276
276
|
}
|
|
277
277
|
]
|
|
278
278
|
}
|
|
279
279
|
],
|
|
280
|
+
"type": "stack",
|
|
280
281
|
"direction": "vertical",
|
|
281
282
|
"gap": "lg",
|
|
282
|
-
"type": "stack",
|
|
283
283
|
"className": "max-w-5xl mx-auto w-full"
|
|
284
284
|
}
|
|
285
285
|
]
|
|
@@ -295,35 +295,35 @@
|
|
|
295
295
|
"main",
|
|
296
296
|
{
|
|
297
297
|
"className": "py-12",
|
|
298
|
-
"align": "center",
|
|
299
298
|
"children": [
|
|
300
299
|
{
|
|
300
|
+
"name": "alert-triangle",
|
|
301
301
|
"color": "destructive",
|
|
302
|
-
"type": "icon"
|
|
303
|
-
"name": "alert-triangle"
|
|
302
|
+
"type": "icon"
|
|
304
303
|
},
|
|
305
304
|
{
|
|
306
|
-
"
|
|
305
|
+
"type": "typography",
|
|
307
306
|
"content": "Failed to load list",
|
|
308
|
-
"
|
|
307
|
+
"variant": "h3"
|
|
309
308
|
},
|
|
310
309
|
{
|
|
311
|
-
"content": "@payload.error",
|
|
312
310
|
"type": "typography",
|
|
311
|
+
"content": "@payload.error",
|
|
313
312
|
"color": "muted",
|
|
314
313
|
"variant": "body"
|
|
315
314
|
},
|
|
316
315
|
{
|
|
317
|
-
"type": "button",
|
|
318
|
-
"label": "Retry",
|
|
319
316
|
"action": "INIT",
|
|
317
|
+
"type": "button",
|
|
320
318
|
"variant": "primary",
|
|
319
|
+
"label": "Retry",
|
|
321
320
|
"icon": "rotate-ccw"
|
|
322
321
|
}
|
|
323
322
|
],
|
|
323
|
+
"gap": "md",
|
|
324
324
|
"type": "stack",
|
|
325
325
|
"direction": "vertical",
|
|
326
|
-
"
|
|
326
|
+
"align": "center"
|
|
327
327
|
}
|
|
328
328
|
]
|
|
329
329
|
]
|
|
@@ -338,8 +338,8 @@
|
|
|
338
338
|
"ListItem",
|
|
339
339
|
{
|
|
340
340
|
"emit": {
|
|
341
|
-
"
|
|
342
|
-
"
|
|
341
|
+
"success": "ListItemLoaded",
|
|
342
|
+
"failure": "ListItemLoadFailed"
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
345
|
],
|
|
@@ -386,17 +386,17 @@
|
|
|
386
386
|
"linkedEntity": "ListItem",
|
|
387
387
|
"config": {
|
|
388
388
|
"title": "Create ListItem",
|
|
389
|
-
"mode": "create",
|
|
390
389
|
"fields": [
|
|
391
390
|
"name",
|
|
392
391
|
"description",
|
|
393
392
|
"status"
|
|
394
393
|
],
|
|
395
|
-
"icon": "plus-circle"
|
|
394
|
+
"icon": "plus-circle",
|
|
395
|
+
"mode": "create"
|
|
396
396
|
},
|
|
397
397
|
"events": {
|
|
398
|
-
"
|
|
399
|
-
"
|
|
398
|
+
"SAVE": "LIST_ITEM_CREATED",
|
|
399
|
+
"OPEN": "CREATE"
|
|
400
400
|
}
|
|
401
401
|
},
|
|
402
402
|
{
|
|
@@ -404,18 +404,18 @@
|
|
|
404
404
|
"name": "ListItemEdit",
|
|
405
405
|
"linkedEntity": "ListItem",
|
|
406
406
|
"config": {
|
|
407
|
-
"
|
|
407
|
+
"title": "Edit ListItem",
|
|
408
408
|
"fields": [
|
|
409
409
|
"name",
|
|
410
410
|
"description",
|
|
411
411
|
"status"
|
|
412
412
|
],
|
|
413
|
-
"
|
|
414
|
-
"
|
|
413
|
+
"icon": "edit",
|
|
414
|
+
"mode": "edit"
|
|
415
415
|
},
|
|
416
416
|
"events": {
|
|
417
|
-
"
|
|
418
|
-
"
|
|
417
|
+
"SAVE": "LIST_ITEM_UPDATED",
|
|
418
|
+
"OPEN": "EDIT"
|
|
419
419
|
}
|
|
420
420
|
},
|
|
421
421
|
{
|
|
@@ -423,10 +423,10 @@
|
|
|
423
423
|
"name": "ListItemDelete",
|
|
424
424
|
"linkedEntity": "ListItem",
|
|
425
425
|
"config": {
|
|
426
|
-
"
|
|
426
|
+
"alertMessage": "This action cannot be undone.",
|
|
427
427
|
"title": "Delete ListItem",
|
|
428
|
-
"
|
|
429
|
-
"
|
|
428
|
+
"confirmLabel": "Delete",
|
|
429
|
+
"icon": "alert-triangle"
|
|
430
430
|
},
|
|
431
431
|
"events": {
|
|
432
432
|
"REQUEST": "DELETE",
|
|
@@ -516,7 +516,8 @@
|
|
|
516
516
|
"payloadSchema": [
|
|
517
517
|
{
|
|
518
518
|
"name": "data",
|
|
519
|
-
"type": "ListItem"
|
|
519
|
+
"type": "ListItem",
|
|
520
|
+
"required": true
|
|
520
521
|
}
|
|
521
522
|
]
|
|
522
523
|
},
|
|
@@ -526,7 +527,8 @@
|
|
|
526
527
|
"payloadSchema": [
|
|
527
528
|
{
|
|
528
529
|
"name": "data",
|
|
529
|
-
"type": "ListItem"
|
|
530
|
+
"type": "ListItem",
|
|
531
|
+
"required": true
|
|
530
532
|
}
|
|
531
533
|
]
|
|
532
534
|
},
|