@almadar/std 6.5.2 → 7.2.0

package/dist/behaviors/registry/molecules/std-list.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-list",
   "version": "1.0.0",
-  "description": "CRUD list molecule. Composes atoms via shared event bus: - stdBrowse: data-grid with item actions (fires CREATE, VIEW, EDIT, DELETE) - stdModal (x3): create form, edit form, detail view (responds to matching events) - stdConfirmation: delete confirmation (responds to DELETE \u2192 CONFIRM_DELETE)",
+  "description": "std-list as a Function",
   "orbitals": [
     {
       "name": "ListItemOrbital",
@@ -21,8 +21,8 @@
       ],
       "entity": {
         "name": "ListItem",
-        "persistence": "persistent",
         "collection": "listitems",
+        "persistence": "persistent",
         "fields": [
           {
             "name": "id",
@@ -49,11 +49,6 @@
           {
             "name": "createdAt",
             "type": "string"
-          },
-          {
-            "name": "pendingId",
-            "type": "string",
-            "default": ""
           }
         ]
       },
@@ -62,6 +57,32 @@
           "ref": "Browse.traits.BrowseItemBrowse",
           "name": "ListItemBrowse",
           "linkedEntity": "ListItem",
+          "listens": [
+            {
+              "event": "LIST_ITEM_CREATED",
+              "triggers": "INIT",
+              "source": {
+                "kind": "trait",
+                "trait": "ListItemCreate"
+              }
+            },
+            {
+              "event": "LIST_ITEM_UPDATED",
+              "triggers": "INIT",
+              "source": {
+                "kind": "trait",
+                "trait": "ListItemEdit"
+              }
+            },
+            {
+              "event": "CONFIRM_DELETE",
+              "triggers": "INIT",
+              "source": {
+                "kind": "trait",
+                "trait": "ListItemDelete"
+              }
+            }
+          ],
           "effects": {
             "INIT": [
               [
@@ -74,21 +95,14 @@
                 {
                   "type": "stack",
                   "direction": "vertical",
-                  "gap": "lg",
-                  "className": "max-w-5xl mx-auto w-full",
                   "children": [
                     {
-                      "type": "stack",
-                      "direction": "horizontal",
                       "gap": "md",
                       "justify": "space-between",
                       "align": "center",
+                      "direction": "horizontal",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
@@ -100,87 +114,94 @@
                               "content": "ListItems",
                               "variant": "h2"
                             }
-                          ]
+                          ],
+                          "align": "center",
+                          "gap": "sm",
+                          "type": "stack",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "button",
                               "label": "Create ListItem",
-                              "event": "CREATE",
+                              "type": "button",
                               "variant": "primary",
-                              "icon": "plus"
+                              "icon": "plus",
+                              "event": "CREATE"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     },
                     {
                       "type": "divider"
                     },
                     {
-                      "type": "data-grid",
                       "entity": "ListItem",
-                      "emptyIcon": "inbox",
                       "emptyTitle": "No listitems yet",
                       "emptyDescription": "Create your first listitem to get started.",
                       "itemActions": [
                         {
-                          "label": "View",
-                          "event": "VIEW",
+                          "size": "sm",
                           "variant": "ghost",
-                          "size": "sm"
+                          "label": "View",
+                          "event": "VIEW"
                         },
                         {
                           "label": "Edit",
+                          "size": "sm",
                           "event": "EDIT",
-                          "variant": "ghost",
-                          "size": "sm"
+                          "variant": "ghost"
                         },
                         {
-                          "label": "Delete",
                           "event": "DELETE",
+                          "size": "sm",
                           "variant": "danger",
-                          "size": "sm"
+                          "label": "Delete"
                         }
                       ],
                       "columns": [
                         {
-                          "name": "name",
+                          "icon": "list",
                           "label": "Name",
                           "variant": "h4",
-                          "icon": "list"
+                          "name": "name"
                         },
                         {
                           "name": "description",
-                          "label": "Description",
                           "variant": "badge",
+                          "label": "Description",
                           "colorMap": {
+                            "pending": "warning",
                             "active": "success",
-                            "completed": "success",
+                            "archived": "neutral",
+                            "error": "destructive",
                             "done": "success",
-                            "pending": "warning",
                             "draft": "warning",
-                            "scheduled": "warning",
+                            "completed": "success",
                             "inactive": "neutral",
-                            "archived": "neutral",
+                            "scheduled": "warning",
                             "disabled": "neutral",
-                            "error": "destructive",
                             "cancelled": "destructive",
                             "failed": "destructive"
                           }
                         },
                         {
-                          "name": "status",
+                          "variant": "caption",
                           "label": "Status",
-                          "variant": "caption"
+                          "name": "status"
                         }
-                      ]
+                      ],
+                      "type": "data-grid",
+                      "emptyIcon": "inbox"
                     }
-                  ]
+                  ],
+                  "gap": "lg",
+                  "className": "max-w-5xl mx-auto w-full"
                 }
               ]
             ]
@@ -191,15 +212,10 @@
           "name": "ListItemCreate",
           "linkedEntity": "ListItem",
           "events": {
+            "SAVE": "LIST_ITEM_CREATED",
             "OPEN": "CREATE"
           },
           "effects": {
-            "INIT": [
-              [
-                "ref",
-                "ListItem"
-              ]
-            ],
             "CREATE": [
               [
                 "fetch",
@@ -209,59 +225,72 @@
                 "render-ui",
                 "modal",
                 {
-                  "type": "stack",
-                  "direction": "vertical",
-                  "gap": "md",
                   "children": [
                     {
                       "type": "stack",
-                      "direction": "horizontal",
-                      "gap": "sm",
                       "children": [
                         {
                           "type": "icon",
-                          "name": "plus-circle",
-                          "size": "md"
+                          "size": "md",
+                          "name": "plus-circle"
                         },
                         {
                           "type": "typography",
                           "content": "Create ListItem",
                           "variant": "h3"
                         }
-                      ]
+                      ],
+                      "direction": "horizontal",
+                      "gap": "sm"
                     },
                     {
                       "type": "divider"
                     },
                     {
-                      "type": "form-section",
                       "entity": "ListItem",
-                      "mode": "create",
+                      "type": "form-section",
                       "submitEvent": "SAVE",
-                      "cancelEvent": "CLOSE",
                       "fields": [
                         "name",
                         "description",
                         "status"
-                      ]
+                      ],
+                      "cancelEvent": "CLOSE",
+                      "mode": "create"
                     }
-                  ]
+                  ],
+                  "type": "stack",
+                  "gap": "md",
+                  "direction": "vertical"
                 }
               ]
             ],
+            "INIT": [
+              [
+                "ref",
+                "ListItem"
+              ]
+            ],
             "CLOSE": [
               [
                 "render-ui",
                 "modal",
                 null
               ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
+              ],
               [
                 "notify",
                 "Cancelled",
                 "info"
               ]
             ],
-            "SAVE": [
+            "LIST_ITEM_CREATED": [
               [
                 "persist",
                 "create",
@@ -274,8 +303,11 @@
                 null
               ],
               [
-                "emit",
-                "LIST_ITEM_CREATED"
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
               ]
             ]
           }
@@ -285,9 +317,49 @@
           "name": "ListItemEdit",
           "linkedEntity": "ListItem",
           "events": {
+            "SAVE": "LIST_ITEM_UPDATED",
             "OPEN": "EDIT"
           },
           "effects": {
+            "LIST_ITEM_UPDATED": [
+              [
+                "persist",
+                "update",
+                "ListItem",
+                "@payload.data"
+              ],
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
+              ]
+            ],
+            "CLOSE": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
+              ],
+              [
+                "notify",
+                "Cancelled",
+                "info"
+              ]
+            ],
             "INIT": [
               [
                 "ref",
@@ -307,22 +379,20 @@
                 "modal",
                 {
                   "type": "stack",
-                  "direction": "vertical",
-                  "gap": "md",
                   "children": [
                     {
+                      "gap": "sm",
                       "type": "stack",
                       "direction": "horizontal",
-                      "gap": "sm",
                       "children": [
                         {
-                          "type": "icon",
                           "name": "edit",
-                          "size": "md"
+                          "size": "md",
+                          "type": "icon"
                         },
                         {
-                          "type": "typography",
                           "content": "Edit ListItem",
+                          "type": "typography",
                           "variant": "h3"
                         }
                       ]
@@ -331,21 +401,40 @@
                       "type": "divider"
                     },
                     {
-                      "type": "form-section",
                       "entity": "ListItem",
-                      "mode": "edit",
+                      "type": "form-section",
                       "submitEvent": "SAVE",
-                      "cancelEvent": "CLOSE",
                       "fields": [
                         "name",
                         "description",
                         "status"
                       ],
-                      "entityId": "@entity.id"
+                      "entityId": "@entity.id",
+                      "mode": "edit",
+                      "cancelEvent": "CLOSE"
                     }
-                  ]
+                  ],
+                  "direction": "vertical",
+                  "gap": "md"
                 }
               ]
+            ]
+          }
+        },
+        {
+          "ref": "Modal.traits.ModalRecordModal",
+          "name": "ListItemView",
+          "linkedEntity": "ListItem",
+          "events": {
+            "SAVE": "LIST_ITEM_VIEWED",
+            "OPEN": "VIEW"
+          },
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "ListItem"
+              ]
             ],
             "CLOSE": [
               [
@@ -353,43 +442,31 @@
                 "modal",
                 null
               ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
+              ],
               [
                 "notify",
                 "Cancelled",
                 "info"
               ]
             ],
-            "SAVE": [
-              [
-                "persist",
-                "update",
-                "ListItem",
-                "@payload.data"
-              ],
+            "LIST_ITEM_VIEWED": [
               [
                 "render-ui",
                 "modal",
                 null
               ],
               [
-                "emit",
-                "LIST_ITEM_UPDATED"
-              ]
-            ]
-          }
-        },
-        {
-          "ref": "Modal.traits.ModalRecordModal",
-          "name": "ListItemView",
-          "linkedEntity": "ListItem",
-          "events": {
-            "OPEN": "VIEW"
-          },
-          "effects": {
-            "INIT": [
-              [
-                "ref",
-                "ListItem"
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
               ]
             ],
             "VIEW": [
@@ -404,96 +481,94 @@
                 "render-ui",
                 "modal",
                 {
-                  "type": "stack",
-                  "direction": "vertical",
                   "gap": "md",
                   "children": [
                     {
-                      "type": "stack",
-                      "direction": "horizontal",
                       "gap": "sm",
-                      "align": "center",
+                      "type": "stack",
                       "children": [
                         {
-                          "type": "icon",
+                          "size": "md",
                           "name": "eye",
-                          "size": "md"
+                          "type": "icon"
                         },
                         {
+                          "content": "@entity.name",
                           "type": "typography",
-                          "variant": "h3",
-                          "content": "@entity.name"
+                          "variant": "h3"
                         }
-                      ]
+                      ],
+                      "align": "center",
+                      "direction": "horizontal"
                     },
                     {
                       "type": "divider"
                     },
                     {
-                      "type": "stack",
                       "direction": "horizontal",
+                      "type": "stack",
                       "gap": "md",
                       "children": [
                         {
-                          "type": "typography",
                           "variant": "caption",
-                          "content": "Name"
+                          "content": "Name",
+                          "type": "typography"
                         },
                         {
+                          "content": "@entity.name",
                           "type": "typography",
-                          "variant": "body",
-                          "content": "@entity.name"
+                          "variant": "body"
                         }
                       ]
                     },
                     {
-                      "type": "stack",
                       "direction": "horizontal",
                       "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
-                          "type": "typography",
                           "variant": "caption",
-                          "content": "Description"
+                          "content": "Description",
+                          "type": "typography"
                         },
                         {
                           "type": "typography",
-                          "variant": "body",
-                          "content": "@entity.description"
+                          "content": "@entity.description",
+                          "variant": "body"
                         }
                       ]
                     },
                     {
-                      "type": "stack",
-                      "direction": "horizontal",
                       "gap": "md",
                       "children": [
                         {
-                          "type": "typography",
                           "variant": "caption",
+                          "type": "typography",
                           "content": "Status"
                         },
                         {
-                          "type": "typography",
+                          "content": "@entity.status",
                           "variant": "body",
-                          "content": "@entity.status"
+                          "type": "typography"
                         }
-                      ]
+                      ],
+                      "direction": "horizontal",
+                      "type": "stack"
                     },
                     {
-                      "type": "stack",
                       "direction": "horizontal",
+                      "type": "stack",
                       "gap": "md",
                       "children": [
                         {
-                          "type": "typography",
                           "variant": "caption",
-                          "content": "Created At"
+                          "content": "Created At",
+                          "type": "typography"
                         },
                         {
-                          "type": "typography",
+                          "content": "@entity.createdAt",
                           "variant": "body",
-                          "content": "@entity.createdAt"
+                          "type": "typography"
                         }
                       ]
                     },
@@ -501,48 +576,31 @@
                       "type": "divider"
                     },
                     {
-                      "type": "stack",
                       "direction": "horizontal",
-                      "gap": "sm",
-                      "justify": "end",
                       "children": [
                         {
-                          "type": "button",
-                          "label": "Edit",
                           "event": "EDIT",
+                          "label": "Edit",
+                          "icon": "edit",
                           "variant": "primary",
-                          "icon": "edit"
+                          "type": "button"
                         },
                         {
+                          "event": "CLOSE",
                           "type": "button",
                           "label": "Close",
-                          "event": "CLOSE",
                           "variant": "ghost"
                         }
-                      ]
+                      ],
+                      "justify": "end",
+                      "type": "stack",
+                      "gap": "sm"
                     }
-                  ]
+                  ],
+                  "direction": "vertical",
+                  "type": "stack"
                 }
               ]
-            ],
-            "CLOSE": [
-              [
-                "render-ui",
-                "modal",
-                null
-              ],
-              [
-                "notify",
-                "Cancelled",
-                "info"
-              ]
-            ],
-            "SAVE": [
-              [
-                "render-ui",
-                "modal",
-                null
-              ]
             ]
           }
         },
@@ -555,7 +613,43 @@
             "CONFIRM": "CONFIRM_DELETE"
           },
           "effects": {
-            "INIT": [
+            "CONFIRM_DELETE": [
+              [
+                "persist",
+                "delete",
+                "ListItem",
+                "@entity.pendingId"
+              ],
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
+              ],
+              [
+                "ref",
+                "ListItem"
+              ]
+            ],
+            "CANCEL": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
+              ],
               [
                 "ref",
                 "ListItem"
@@ -578,98 +672,79 @@
                 "render-ui",
                 "modal",
                 {
-                  "type": "stack",
                   "direction": "vertical",
-                  "gap": "md",
+                  "type": "stack",
                   "children": [
                     {
-                      "type": "stack",
                       "direction": "horizontal",
-                      "gap": "sm",
-                      "align": "center",
                       "children": [
                         {
                           "type": "icon",
-                          "name": "alert-triangle",
-                          "size": "md"
+                          "size": "md",
+                          "name": "alert-triangle"
                         },
                         {
-                          "type": "typography",
                           "content": "Delete ListItem",
-                          "variant": "h3"
+                          "variant": "h3",
+                          "type": "typography"
                         }
-                      ]
+                      ],
+                      "gap": "sm",
+                      "type": "stack",
+                      "align": "center"
                     },
                     {
                       "type": "divider"
                     },
                     {
                       "type": "alert",
-                      "variant": "danger",
-                      "message": "This action cannot be undone."
+                      "message": "This action cannot be undone.",
+                      "variant": "danger"
                     },
                     {
-                      "type": "stack",
                       "direction": "horizontal",
                       "gap": "sm",
+                      "type": "stack",
                       "justify": "end",
                       "children": [
                         {
-                          "type": "button",
-                          "label": "Cancel",
+                          "variant": "ghost",
                           "event": "CANCEL",
-                          "variant": "ghost"
+                          "label": "Cancel",
+                          "type": "button"
                         },
                         {
                           "type": "button",
-                          "label": "Delete",
                           "event": "CONFIRM_DELETE",
-                          "variant": "danger",
-                          "icon": "check"
+                          "icon": "check",
+                          "label": "Delete",
+                          "variant": "danger"
                         }
                       ]
                     }
-                  ]
+                  ],
+                  "gap": "md"
                 }
               ]
             ],
-            "CONFIRM_DELETE": [
-              [
-                "persist",
-                "delete",
-                "ListItem",
-                "@entity.pendingId"
-              ],
-              [
-                "render-ui",
-                "modal",
-                null
-              ],
+            "INIT": [
               [
                 "ref",
                 "ListItem"
-              ],
-              [
-                "emit",
-                "LIST_ITEM_DELETED"
               ]
             ],
-            "CANCEL": [
+            "CLOSE": [
               [
                 "render-ui",
                 "modal",
                 null
               ],
-              [
-                "ref",
-                "ListItem"
-              ]
-            ],
-            "CLOSE": [
               [
                 "render-ui",
-                "modal",
-                null
+                "main",
+                {
+                  "type": "box"
+                }
               ],
               [
                 "ref",