@almadar/std 13.0.2 → 13.0.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.
@@ -150,15 +150,15 @@
150
150
  "render-ui",
151
151
  "main",
152
152
  {
153
- "direction": "vertical",
154
153
  "children": [
155
154
  {
156
- "type": "data-grid",
157
- "pageSize": "@config.pageSize",
155
+ "entity": "@payload.data",
158
156
  "fields": "@config.fields",
159
- "entity": "@payload.data"
157
+ "type": "data-grid",
158
+ "pageSize": "@config.pageSize"
160
159
  }
161
160
  ],
161
+ "direction": "vertical",
162
162
  "type": "stack"
163
163
  }
164
164
  ]
@@ -173,10 +173,10 @@
173
173
  "render-ui",
174
174
  "main",
175
175
  {
176
- "variant": "caption",
176
+ "color": "error",
177
177
  "content": "@payload.error",
178
- "type": "typography",
179
- "color": "error"
178
+ "variant": "caption",
179
+ "type": "typography"
180
180
  }
181
181
  ]
182
182
  ]
@@ -216,8 +216,8 @@
216
216
  "BrowseItem",
217
217
  {
218
218
  "emit": {
219
- "failure": "BrowseItemLoadFailed",
220
- "success": "BrowseItemLoaded"
219
+ "success": "BrowseItemLoaded",
220
+ "failure": "BrowseItemLoadFailed"
221
221
  }
222
222
  }
223
223
  ],
@@ -225,8 +225,8 @@
225
225
  "render-ui",
226
226
  "main",
227
227
  {
228
- "size": "sm",
229
- "type": "spinner"
228
+ "type": "spinner",
229
+ "size": "sm"
230
230
  }
231
231
  ]
232
232
  ]
@@ -155,8 +155,8 @@
155
155
  "render-ui",
156
156
  "main",
157
157
  {
158
- "type": "spinner",
159
- "size": "sm"
158
+ "size": "sm",
159
+ "type": "spinner"
160
160
  }
161
161
  ]
162
162
  ]
@@ -170,9 +170,9 @@
170
170
  "render-ui",
171
171
  "main",
172
172
  {
173
- "type": "filter-group",
174
173
  "filters": "@config.filters",
175
- "entity": "FilterTarget"
174
+ "entity": "FilterTarget",
175
+ "type": "filter-group"
176
176
  }
177
177
  ]
178
178
  ]
@@ -186,22 +186,22 @@
186
186
  "render-ui",
187
187
  "main",
188
188
  {
189
- "type": "stack",
190
189
  "gap": "xs",
191
- "direction": "vertical",
192
190
  "children": [
193
191
  {
194
- "entity": "FilterTarget",
192
+ "filters": "@config.filters",
195
193
  "type": "filter-group",
196
- "filters": "@config.filters"
194
+ "entity": "FilterTarget"
197
195
  },
198
196
  {
199
197
  "color": "error",
198
+ "type": "typography",
200
199
  "variant": "caption",
201
- "content": "@payload.error",
202
- "type": "typography"
200
+ "content": "@payload.error"
203
201
  }
204
- ]
202
+ ],
203
+ "direction": "vertical",
204
+ "type": "stack"
205
205
  }
206
206
  ]
207
207
  ]
@@ -215,10 +215,6 @@
215
215
  "fetch",
216
216
  "FilterTarget",
217
217
  {
218
- "emit": {
219
- "failure": "FilterTargetLoadFailed",
220
- "success": "FilterTargetLoaded"
221
- },
222
218
  "filter": [
223
219
  "=",
224
220
  [
@@ -227,7 +223,11 @@
227
223
  "@payload.field"
228
224
  ],
229
225
  "@payload.value"
230
- ]
226
+ ],
227
+ "emit": {
228
+ "success": "FilterTargetLoaded",
229
+ "failure": "FilterTargetLoadFailed"
230
+ }
231
231
  }
232
232
  ],
233
233
  [
@@ -235,20 +235,20 @@
235
235
  "main",
236
236
  {
237
237
  "align": "center",
238
- "gap": "sm",
239
- "type": "stack",
240
238
  "direction": "horizontal",
239
+ "gap": "sm",
241
240
  "children": [
242
241
  {
243
- "entity": "FilterTarget",
242
+ "filters": "@config.filters",
244
243
  "type": "filter-group",
245
- "filters": "@config.filters"
244
+ "entity": "FilterTarget"
246
245
  },
247
246
  {
248
247
  "type": "spinner",
249
248
  "size": "sm"
250
249
  }
251
- ]
250
+ ],
251
+ "type": "stack"
252
252
  }
253
253
  ]
254
254
  ]
@@ -272,21 +272,21 @@
272
272
  "render-ui",
273
273
  "main",
274
274
  {
275
- "align": "center",
276
275
  "children": [
277
276
  {
277
+ "entity": "FilterTarget",
278
278
  "filters": "@config.filters",
279
- "type": "filter-group",
280
- "entity": "FilterTarget"
279
+ "type": "filter-group"
281
280
  },
282
281
  {
283
282
  "type": "spinner",
284
283
  "size": "sm"
285
284
  }
286
285
  ],
287
- "direction": "horizontal",
288
286
  "gap": "sm",
289
- "type": "stack"
287
+ "type": "stack",
288
+ "direction": "horizontal",
289
+ "align": "center"
290
290
  }
291
291
  ]
292
292
  ]
@@ -142,8 +142,8 @@
142
142
  "PagedItem",
143
143
  {
144
144
  "emit": {
145
- "failure": "PagedItemLoadFailed",
146
- "success": "PagedItemLoaded"
145
+ "success": "PagedItemLoaded",
146
+ "failure": "PagedItemLoadFailed"
147
147
  }
148
148
  }
149
149
  ],
@@ -151,8 +151,8 @@
151
151
  "render-ui",
152
152
  "main",
153
153
  {
154
- "size": "sm",
155
- "type": "spinner"
154
+ "type": "spinner",
155
+ "size": "sm"
156
156
  }
157
157
  ]
158
158
  ]
@@ -166,22 +166,22 @@
166
166
  "render-ui",
167
167
  "main",
168
168
  {
169
+ "type": "stack",
169
170
  "gap": "sm",
170
- "direction": "vertical",
171
171
  "children": [
172
172
  {
173
173
  "totalPages": "@config.totalPages",
174
- "type": "pagination",
175
174
  "currentPage": 1.0,
176
- "showPageSize": false,
177
- "onPageChange": "@config.event"
175
+ "type": "pagination",
176
+ "onPageChange": "@config.event",
177
+ "showPageSize": false
178
178
  },
179
179
  {
180
- "loadMoreEvent": "@config.event",
181
- "type": "infinite-scroll-sentinel"
180
+ "type": "infinite-scroll-sentinel",
181
+ "loadMoreEvent": "@config.event"
182
182
  }
183
183
  ],
184
- "type": "stack"
184
+ "direction": "vertical"
185
185
  }
186
186
  ]
187
187
  ]
@@ -196,16 +196,16 @@
196
196
  "main",
197
197
  {
198
198
  "type": "stack",
199
- "gap": "xs",
200
199
  "children": [
201
200
  {
201
+ "gap": "sm",
202
202
  "children": [
203
203
  {
204
- "onPageChange": "@config.event",
205
204
  "type": "pagination",
206
- "showPageSize": false,
205
+ "onPageChange": "@config.event",
207
206
  "totalPages": "@config.totalPages",
208
- "currentPage": 1.0
207
+ "currentPage": 1.0,
208
+ "showPageSize": false
209
209
  },
210
210
  {
211
211
  "type": "infinite-scroll-sentinel",
@@ -213,16 +213,16 @@
213
213
  }
214
214
  ],
215
215
  "direction": "vertical",
216
- "gap": "sm",
217
216
  "type": "stack"
218
217
  },
219
218
  {
220
- "type": "typography",
221
- "content": "@payload.error",
219
+ "variant": "caption",
222
220
  "color": "error",
223
- "variant": "caption"
221
+ "content": "@payload.error",
222
+ "type": "typography"
224
223
  }
225
224
  ],
225
+ "gap": "xs",
226
226
  "direction": "vertical"
227
227
  }
228
228
  ]
@@ -247,34 +247,34 @@
247
247
  "render-ui",
248
248
  "main",
249
249
  {
250
+ "direction": "horizontal",
251
+ "gap": "sm",
252
+ "align": "center",
250
253
  "type": "stack",
251
254
  "children": [
252
255
  {
253
256
  "gap": "sm",
254
257
  "type": "stack",
255
- "direction": "vertical",
256
258
  "children": [
257
259
  {
258
260
  "showPageSize": false,
259
261
  "type": "pagination",
260
262
  "totalPages": "@config.totalPages",
261
- "onPageChange": "@config.event",
262
- "currentPage": 1.0
263
+ "currentPage": 1.0,
264
+ "onPageChange": "@config.event"
263
265
  },
264
266
  {
265
267
  "type": "infinite-scroll-sentinel",
266
268
  "loadMoreEvent": "@config.event"
267
269
  }
268
- ]
270
+ ],
271
+ "direction": "vertical"
269
272
  },
270
273
  {
271
- "size": "sm",
272
- "type": "spinner"
274
+ "type": "spinner",
275
+ "size": "sm"
273
276
  }
274
- ],
275
- "gap": "sm",
276
- "direction": "horizontal",
277
- "align": "center"
277
+ ]
278
278
  }
279
279
  ]
280
280
  ]
@@ -307,13 +307,13 @@
307
307
  ]
308
308
  },
309
309
  "config": {
310
- "event": {
311
- "type": "string",
312
- "default": "PAGE"
313
- },
314
310
  "totalPages": {
315
311
  "type": "number",
316
312
  "default": 10.0
313
+ },
314
+ "event": {
315
+ "type": "string",
316
+ "default": "PAGE"
317
317
  }
318
318
  },
319
319
  "scope": "collection"
@@ -137,12 +137,22 @@
137
137
  "to": "idle",
138
138
  "event": "INIT",
139
139
  "effects": [
140
+ [
141
+ "fetch",
142
+ "SearchResult",
143
+ {
144
+ "emit": {
145
+ "success": "SearchResultLoaded",
146
+ "failure": "SearchResultLoadFailed"
147
+ }
148
+ }
149
+ ],
140
150
  [
141
151
  "render-ui",
142
152
  "main",
143
153
  {
144
- "placeholder": "@config.placeholder",
145
154
  "event": "@config.event",
155
+ "placeholder": "@config.placeholder",
146
156
  "type": "search-input"
147
157
  }
148
158
  ]
@@ -158,8 +168,8 @@
158
168
  "SearchResult",
159
169
  {
160
170
  "emit": {
161
- "failure": "SearchResultLoadFailed",
162
- "success": "SearchResultLoaded"
171
+ "success": "SearchResultLoaded",
172
+ "failure": "SearchResultLoadFailed"
163
173
  }
164
174
  }
165
175
  ],
@@ -167,21 +177,21 @@
167
177
  "render-ui",
168
178
  "main",
169
179
  {
170
- "align": "center",
171
180
  "children": [
172
181
  {
173
- "placeholder": "@config.placeholder",
182
+ "type": "search-input",
174
183
  "event": "@config.event",
175
- "type": "search-input"
184
+ "placeholder": "@config.placeholder"
176
185
  },
177
186
  {
178
- "type": "spinner",
179
- "size": "sm"
187
+ "size": "sm",
188
+ "type": "spinner"
180
189
  }
181
190
  ],
191
+ "type": "stack",
182
192
  "direction": "horizontal",
183
193
  "gap": "sm",
184
- "type": "stack"
194
+ "align": "center"
185
195
  }
186
196
  ]
187
197
  ]
@@ -195,8 +205,8 @@
195
205
  "render-ui",
196
206
  "main",
197
207
  {
198
- "placeholder": "@config.placeholder",
199
208
  "event": "@config.event",
209
+ "placeholder": "@config.placeholder",
200
210
  "type": "search-input"
201
211
  }
202
212
  ]
@@ -211,22 +221,22 @@
211
221
  "render-ui",
212
222
  "main",
213
223
  {
224
+ "gap": "xs",
214
225
  "direction": "vertical",
215
226
  "type": "stack",
216
227
  "children": [
217
228
  {
218
- "placeholder": "@config.placeholder",
219
229
  "event": "@config.event",
230
+ "placeholder": "@config.placeholder",
220
231
  "type": "search-input"
221
232
  },
222
233
  {
223
- "type": "typography",
224
234
  "content": "@payload.error",
225
- "variant": "caption",
226
- "color": "error"
235
+ "type": "typography",
236
+ "color": "error",
237
+ "variant": "caption"
227
238
  }
228
- ],
229
- "gap": "xs"
239
+ ]
230
240
  }
231
241
  ]
232
242
  ]
@@ -250,21 +260,21 @@
250
260
  "render-ui",
251
261
  "main",
252
262
  {
253
- "align": "center",
254
- "gap": "sm",
255
- "direction": "horizontal",
256
- "type": "stack",
257
263
  "children": [
258
264
  {
259
- "type": "search-input",
260
265
  "placeholder": "@config.placeholder",
266
+ "type": "search-input",
261
267
  "event": "@config.event"
262
268
  },
263
269
  {
264
- "size": "sm",
265
- "type": "spinner"
270
+ "type": "spinner",
271
+ "size": "sm"
266
272
  }
267
- ]
273
+ ],
274
+ "type": "stack",
275
+ "gap": "sm",
276
+ "align": "center",
277
+ "direction": "horizontal"
268
278
  }
269
279
  ]
270
280
  ]
@@ -279,8 +289,8 @@
279
289
  "SearchResult",
280
290
  {
281
291
  "emit": {
282
- "failure": "SearchResultLoadFailed",
283
- "success": "SearchResultLoaded"
292
+ "success": "SearchResultLoaded",
293
+ "failure": "SearchResultLoadFailed"
284
294
  }
285
295
  }
286
296
  ],
@@ -288,7 +298,6 @@
288
298
  "render-ui",
289
299
  "main",
290
300
  {
291
- "type": "stack",
292
301
  "children": [
293
302
  {
294
303
  "placeholder": "@config.placeholder",
@@ -301,8 +310,9 @@
301
310
  }
302
311
  ],
303
312
  "direction": "horizontal",
304
- "align": "center",
305
- "gap": "sm"
313
+ "gap": "sm",
314
+ "type": "stack",
315
+ "align": "center"
306
316
  }
307
317
  ]
308
318
  ]
@@ -342,10 +352,7 @@
342
352
  "render-ui",
343
353
  "main",
344
354
  {
345
- "type": "stack",
346
355
  "direction": "horizontal",
347
- "gap": "sm",
348
- "align": "center",
349
356
  "children": [
350
357
  {
351
358
  "placeholder": "@config.placeholder",
@@ -356,7 +363,10 @@
356
363
  "type": "spinner",
357
364
  "size": "sm"
358
365
  }
359
- ]
366
+ ],
367
+ "gap": "sm",
368
+ "align": "center",
369
+ "type": "stack"
360
370
  }
361
371
  ]
362
372
  ]
@@ -364,13 +374,13 @@
364
374
  ]
365
375
  },
366
376
  "config": {
367
- "event": {
368
- "type": "string",
369
- "default": "SEARCH"
370
- },
371
377
  "placeholder": {
372
378
  "type": "string",
373
379
  "default": "Search…"
380
+ },
381
+ "event": {
382
+ "type": "string",
383
+ "default": "SEARCH"
374
384
  }
375
385
  },
376
386
  "scope": "collection"
@@ -62,19 +62,19 @@
62
62
  "name": "FilteredItemFilter",
63
63
  "linkedEntity": "FilteredListItem",
64
64
  "config": {
65
+ "event": "FILTER",
65
66
  "filters": [
66
67
  {
68
+ "field": "status",
69
+ "label": "Status",
67
70
  "options": [
68
71
  "active",
69
72
  "inactive",
70
73
  "pending"
71
74
  ],
72
- "field": "status",
73
- "label": "Status",
74
75
  "filterType": "select"
75
76
  }
76
- ],
77
- "event": "FILTER"
77
+ ]
78
78
  }
79
79
  },
80
80
  {
@@ -84,19 +84,19 @@
84
84
  "config": {
85
85
  "fields": [
86
86
  {
87
- "label": "Name",
88
87
  "name": "name",
88
+ "label": "Name",
89
89
  "variant": "h4"
90
90
  },
91
91
  {
92
- "variant": "caption",
93
92
  "name": "description",
94
- "label": "Description"
93
+ "label": "Description",
94
+ "variant": "caption"
95
95
  },
96
96
  {
97
+ "variant": "badge",
97
98
  "label": "Status",
98
- "name": "status",
99
- "variant": "badge"
99
+ "name": "status"
100
100
  }
101
101
  ]
102
102
  },
@@ -132,8 +132,8 @@
132
132
  "name": "FilteredItemPagination",
133
133
  "linkedEntity": "FilteredListItem",
134
134
  "config": {
135
- "event": "PAGE",
136
- "totalPages": 10.0
135
+ "totalPages": 10.0,
136
+ "event": "PAGE"
137
137
  }
138
138
  },
139
139
  {
@@ -223,43 +223,43 @@
223
223
  "render-ui",
224
224
  "main",
225
225
  {
226
- "gap": "md",
227
- "direction": "vertical",
228
226
  "className": "max-w-5xl mx-auto w-full",
229
- "type": "stack",
227
+ "direction": "vertical",
230
228
  "children": [
231
229
  {
230
+ "type": "stack",
231
+ "direction": "horizontal",
232
+ "align": "center",
233
+ "gap": "sm",
232
234
  "children": [
233
235
  {
234
236
  "name": "list",
235
237
  "type": "icon"
236
238
  },
237
239
  {
238
- "type": "typography",
239
240
  "content": "Filtered List",
241
+ "type": "typography",
240
242
  "variant": "h2"
241
243
  }
242
- ],
243
- "gap": "sm",
244
- "align": "center",
245
- "type": "stack",
246
- "direction": "horizontal"
244
+ ]
247
245
  },
248
246
  {
249
247
  "type": "divider"
250
248
  },
251
249
  {
250
+ "type": "stack",
251
+ "direction": "horizontal",
252
252
  "children": [
253
253
  "@trait.FilteredItemSearch",
254
254
  "@trait.FilteredItemFilter"
255
255
  ],
256
- "gap": "sm",
257
- "type": "stack",
258
- "direction": "horizontal"
256
+ "gap": "sm"
259
257
  },
260
258
  "@trait.FilteredItemBrowse",
261
259
  "@trait.FilteredItemPagination"
262
- ]
260
+ ],
261
+ "gap": "md",
262
+ "type": "stack"
263
263
  }
264
264
  ]
265
265
  ]