@almadar/std 6.5.2 → 7.2.0

package/behaviors/registry/molecules/std-detail.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-detail",
   "version": "1.0.0",
-  "description": "Browse + Create + View molecule. Composes atoms: - stdBrowse: data-grid with View item action and Create header action - stdModal: create form (responds to CREATE) - stdModal: view detail (responds to VIEW)",
+  "description": "std-detail as a Function",
   "orbitals": [
     {
       "name": "DetailRecordOrbital",
@@ -17,8 +17,8 @@
       ],
       "entity": {
         "name": "DetailRecord",
-        "persistence": "persistent",
         "collection": "detailrecords",
+        "persistence": "persistent",
         "fields": [
           {
             "name": "id",
@@ -53,33 +53,31 @@
           "ref": "Browse.traits.BrowseItemBrowse",
           "name": "DetailRecordBrowse",
           "linkedEntity": "DetailRecord",
+          "listens": [
+            {
+              "event": "DETAIL_RECORD_CREATED",
+              "triggers": "INIT",
+              "source": {
+                "kind": "trait",
+                "trait": "DetailRecordCreate"
+              }
+            }
+          ],
           "effects": {
-            "INIT": [
-              [
-                "ref",
-                "DetailRecord"
-              ],
+            "BrowseItemLoaded": [
               [
                 "render-ui",
                 "main",
                 {
                   "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",
                       "children": [
                         {
                           "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
@@ -87,81 +85,74 @@
                               "size": "lg"
                             },
                             {
+                              "variant": "h2",
                               "type": "typography",
-                              "content": "DetailRecords",
-                              "variant": "h2"
+                              "content": "DetailRecords"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "align": "center"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "children": [
-                            {
-                              "type": "button",
-                              "label": "Create DetailRecord",
-                              "event": "CREATE",
-                              "variant": "primary",
-                              "icon": "plus"
-                            }
-                          ]
+                          "event": "CREATE",
+                          "label": "Create DetailRecord",
+                          "icon": "plus",
+                          "type": "button",
+                          "variant": "primary"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "align": "center",
+                      "direction": "horizontal"
                     },
                     {
                       "type": "divider"
                     },
                     {
-                      "type": "data-grid",
-                      "entity": "DetailRecord",
-                      "emptyIcon": "inbox",
                       "emptyTitle": "No detailrecords yet",
                       "emptyDescription": "Create your first detailrecord to get started.",
-                      "itemActions": [
-                        {
-                          "label": "View",
-                          "event": "VIEW",
-                          "variant": "ghost",
-                          "size": "sm"
-                        }
-                      ],
                       "columns": [
                         {
-                          "name": "name",
+                          "icon": "file-text",
                           "label": "Name",
-                          "variant": "h4",
-                          "icon": "file-text"
+                          "name": "name",
+                          "variant": "h4"
                         },
                         {
-                          "name": "description",
                           "label": "Description",
                           "variant": "badge",
-                          "colorMap": {
-                            "active": "success",
-                            "completed": "success",
-                            "done": "success",
-                            "pending": "warning",
-                            "draft": "warning",
-                            "scheduled": "warning",
-                            "inactive": "neutral",
-                            "archived": "neutral",
-                            "disabled": "neutral",
-                            "error": "destructive",
-                            "cancelled": "destructive",
-                            "failed": "destructive"
-                          }
+                          "name": "description"
                         },
                         {
-                          "name": "status",
                           "label": "Status",
+                          "name": "status",
                           "variant": "caption"
                         }
+                      ],
+                      "entity": "DetailRecord",
+                      "emptyIcon": "inbox",
+                      "type": "data-grid",
+                      "itemActions": [
+                        {
+                          "label": "View",
+                          "size": "sm",
+                          "event": "VIEW",
+                          "variant": "ghost"
+                        }
                       ]
                     }
-                  ]
+                  ],
+                  "direction": "vertical",
+                  "gap": "lg",
+                  "className": "max-w-5xl mx-auto w-full"
                 }
               ]
+            ],
+            "INIT": [
+              [
+                "fetch",
+                "DetailRecord"
+              ]
             ]
           }
         },
@@ -170,41 +161,50 @@
           "name": "DetailRecordCreate",
           "linkedEntity": "DetailRecord",
           "events": {
+            "SAVE": "DETAIL_RECORD_CREATED",
             "OPEN": "CREATE"
           },
           "effects": {
-            "INIT": [
+            "CLOSE": [
               [
-                "ref",
-                "DetailRecord"
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
+              ],
+              [
+                "notify",
+                "Cancelled",
+                "info"
               ]
             ],
             "CREATE": [
-              [
-                "fetch",
-                "DetailRecord"
-              ],
               [
                 "render-ui",
                 "modal",
                 {
-                  "type": "stack",
-                  "direction": "vertical",
                   "gap": "md",
+                  "type": "stack",
                   "children": [
                     {
+                      "gap": "sm",
                       "type": "stack",
                       "direction": "horizontal",
-                      "gap": "sm",
                       "children": [
                         {
-                          "type": "icon",
                           "name": "plus-circle",
-                          "size": "md"
+                          "size": "md",
+                          "type": "icon"
                         },
                         {
-                          "type": "typography",
                           "content": "New DetailRecord",
+                          "type": "typography",
                           "variant": "h3"
                         }
                       ]
@@ -214,7 +214,6 @@
                     },
                     {
                       "type": "form-section",
-                      "entity": "DetailRecord",
                       "mode": "create",
                       "submitEvent": "SAVE",
                       "cancelEvent": "CLOSE",
@@ -222,25 +221,21 @@
                         "name",
                         "description",
                         "status"
-                      ]
+                      ],
+                      "entity": "DetailRecord"
                     }
-                  ]
+                  ],
+                  "direction": "vertical"
                 }
               ]
             ],
-            "CLOSE": [
-              [
-                "render-ui",
-                "modal",
-                null
-              ],
+            "INIT": [
               [
-                "notify",
-                "Cancelled",
-                "info"
+                "fetch",
+                "DetailRecord"
               ]
             ],
-            "SAVE": [
+            "DETAIL_RECORD_CREATED": [
               [
                 "persist",
                 "create",
@@ -251,6 +246,13 @@
                 "render-ui",
                 "modal",
                 null
+              ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
               ]
             ]
           }
@@ -260,15 +262,30 @@
           "name": "DetailRecordView",
           "linkedEntity": "DetailRecord",
           "events": {
-            "OPEN": "VIEW"
+            "OPEN": "VIEW",
+            "SAVE": "DETAIL_RECORD_VIEWED"
           },
           "effects": {
             "INIT": [
               [
-                "ref",
+                "fetch",
                 "DetailRecord"
               ]
             ],
+            "DETAIL_RECORD_VIEWED": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "box"
+                }
+              ]
+            ],
             "VIEW": [
               [
                 "fetch",
@@ -281,19 +298,19 @@
                 "render-ui",
                 "modal",
                 {
-                  "type": "stack",
                   "direction": "vertical",
+                  "type": "stack",
                   "gap": "md",
                   "children": [
                     {
                       "type": "stack",
-                      "direction": "horizontal",
                       "gap": "sm",
+                      "direction": "horizontal",
                       "align": "center",
                       "children": [
                         {
-                          "type": "icon",
                           "name": "eye",
+                          "type": "icon",
                           "size": "md"
                         },
                         {
@@ -307,55 +324,38 @@
                       "type": "divider"
                     },
                     {
-                      "type": "stack",
-                      "direction": "horizontal",
                       "gap": "md",
+                      "direction": "horizontal",
                       "children": [
                         {
+                          "content": "Name",
                           "type": "typography",
-                          "variant": "caption",
-                          "content": "Name"
+                          "variant": "caption"
                         },
                         {
-                          "type": "typography",
                           "variant": "body",
+                          "type": "typography",
                           "content": "@entity.name"
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     },
                     {
-                      "type": "stack",
-                      "direction": "horizontal",
-                      "gap": "md",
                       "children": [
                         {
-                          "type": "typography",
                           "variant": "caption",
-                          "content": "Description"
+                          "content": "Description",
+                          "type": "typography"
                         },
                         {
                           "type": "typography",
                           "variant": "body",
                           "content": "@entity.description"
                         }
-                      ]
-                    },
-                    {
+                      ],
                       "type": "stack",
                       "direction": "horizontal",
-                      "gap": "md",
-                      "children": [
-                        {
-                          "type": "typography",
-                          "variant": "caption",
-                          "content": "Status"
-                        },
-                        {
-                          "type": "typography",
-                          "variant": "body",
-                          "content": "@entity.status"
-                        }
-                      ]
+                      "gap": "md"
                     },
                     {
                       "type": "stack",
@@ -364,13 +364,13 @@
                       "children": [
                         {
                           "type": "typography",
-                          "variant": "caption",
-                          "content": "Created At"
+                          "content": "Status",
+                          "variant": "caption"
                         },
                         {
+                          "content": "@entity.status",
                           "type": "typography",
-                          "variant": "body",
-                          "content": "@entity.createdAt"
+                          "variant": "body"
                         }
                       ]
                     },
@@ -378,16 +378,16 @@
                       "type": "divider"
                     },
                     {
-                      "type": "stack",
                       "direction": "horizontal",
-                      "gap": "sm",
                       "justify": "end",
+                      "gap": "sm",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "button",
-                          "label": "Close",
+                          "variant": "ghost",
                           "event": "CLOSE",
-                          "variant": "ghost"
+                          "label": "Close"
                         }
                       ]
                     }
@@ -401,17 +401,12 @@
                 "modal",
                 null
               ],
-              [
-                "notify",
-                "Cancelled",
-                "info"
-              ]
-            ],
-            "SAVE": [
               [
                 "render-ui",
-                "modal",
-                null
+                "main",
+                {
+                  "type": "box"
+                }
               ]
             ]
           }
@@ -436,4 +431,4 @@
       ]
     }
   ]
-}
+}

package/behaviors/registry/molecules/std-drawer-master-list.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-drawer-master-list",
   "version": "1.0.0",
-  "description": "Master-drawer: Browse left + Drawer right, composed via @trait.X.",
+  "description": "std-drawer-master-list as a Function",
   "orbitals": [
     {
       "name": "DrawerMasterOrbital",
@@ -63,7 +63,8 @@
             ],
             "events": [
               {
-                "key": "INIT"
+                "key": "INIT",
+                "name": "Initialize"
               }
             ],
             "transitions": [
@@ -72,11 +73,16 @@
                 "to": "composing",
                 "event": "INIT",
                 "effects": [
+                  [
+                    "fetch",
+                    "DrawerMasterItem"
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
                       "gap": "md",
+                      "type": "stack",
                       "direction": "horizontal",
                       "children": [
                         {
@@ -97,14 +103,14 @@
                             "flex": "2"
                           }
                         }
-                      ],
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
@@ -120,4 +126,4 @@
       ]
     }
   ]
-}
+}