@almadar/std 6.5.2 → 7.2.0

package/behaviors/registry/molecules/std-form-advanced.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-form-advanced",
   "version": "1.0.0",
-  "description": "Advanced form molecule with relation-select for linked entity fields. Absorbs: relation-select.",
+  "description": "std-form-advanced as a Function",
   "orbitals": [
     {
       "name": "FormEntryOrbital",
@@ -43,7 +43,7 @@
           {
             "name": "age",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "isActive",
@@ -52,7 +52,7 @@
           },
           {
             "name": "birthDate",
-            "type": "date",
+            "type": "datetime",
             "default": ""
           },
           {
@@ -68,20 +68,80 @@
           },
           {
             "name": "categoryId",
-            "type": "relation",
-            "default": "",
-            "relation": {
-              "entity": "FormEntry",
-              "cardinality": "many-to-one"
-            }
+            "type": "string",
+            "default": ""
           }
         ]
       },
       "traits": [
         {
           "name": "FormEntryFormAdvanced",
-          "linkedEntity": "FormEntry",
           "category": "interaction",
+          "linkedEntity": "FormEntry",
+          "emits": [
+            {
+              "event": "FormEntryLoaded",
+              "description": "Fired when FormEntry finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string"
+                },
+                {
+                  "name": "name",
+                  "type": "string"
+                },
+                {
+                  "name": "description",
+                  "type": "string"
+                },
+                {
+                  "name": "status",
+                  "type": "string"
+                },
+                {
+                  "name": "createdAt",
+                  "type": "string"
+                },
+                {
+                  "name": "notes",
+                  "type": "string"
+                },
+                {
+                  "name": "age",
+                  "type": "number"
+                },
+                {
+                  "name": "isActive",
+                  "type": "boolean"
+                },
+                {
+                  "name": "birthDate",
+                  "type": "datetime"
+                },
+                {
+                  "name": "priority",
+                  "type": "string"
+                },
+                {
+                  "name": "categoryId",
+                  "type": "relation"
+                }
+              ]
+            },
+            {
+              "event": "FormEntryLoadFailed",
+              "description": "Fired when FormEntry fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -111,6 +171,20 @@
               {
                 "key": "RESET",
                 "name": "Reset"
+              },
+              {
+                "key": "FormEntryLoaded",
+                "name": "FormEntry loaded"
+              },
+              {
+                "key": "FormEntryLoadFailed",
+                "name": "FormEntry load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -123,26 +197,29 @@
                     "fetch",
                     "FormEntry",
                     {
-                      "include": [
-                        "categoryId"
-                      ]
+                      "emit": {
+                        "success": "FormEntryLoaded",
+                        "failure": "FormEntryLoadFailed"
+                      }
                     }
                   ],
                   [
                     "fetch",
-                    "FormEntry"
+                    "FormEntry",
+                    {
+                      "emit": {
+                        "failure": "FormEntryLoadFailed",
+                        "success": "FormEntryLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
                           "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
                           "align": "center",
                           "children": [
@@ -153,38 +230,34 @@
                             },
                             {
                               "type": "typography",
-                              "content": "FormEntry Form",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "content": "FormEntry Form"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
-                          "entity": "FormEntry",
-                          "mode": "create",
-                          "submitEvent": "SUBMIT",
-                          "cancelEvent": "INIT",
                           "fields": [
                             {
-                              "name": "name",
-                              "label": "Name"
+                              "label": "Name",
+                              "name": "name"
                             },
                             {
                               "name": "description",
                               "label": "Description"
                             },
                             {
-                              "name": "status",
                               "label": "Status",
-                              "type": "enum",
                               "values": [
                                 "active",
                                 "inactive",
                                 "pending"
-                              ]
+                              ],
+                              "type": "enum",
+                              "name": "status"
                             },
                             {
                               "name": "notes",
@@ -192,43 +265,51 @@
                               "type": "textarea"
                             },
                             {
-                              "name": "age",
                               "label": "Age",
-                              "type": "number"
+                              "type": "number",
+                              "name": "age"
                             },
                             {
-                              "name": "isActive",
                               "label": "Is Active",
+                              "name": "isActive",
                               "type": "boolean"
                             },
                             {
+                              "type": "date",
                               "name": "birthDate",
-                              "label": "Birth Date",
-                              "type": "date"
+                              "label": "Birth Date"
                             },
                             {
                               "name": "priority",
-                              "label": "Priority",
                               "type": "enum",
                               "values": [
                                 "low",
                                 "medium",
                                 "high",
                                 "critical"
-                              ]
+                              ],
+                              "label": "Priority"
                             },
                             {
-                              "name": "categoryId",
-                              "label": "Category ID",
-                              "type": "relation",
                               "relation": {
                                 "entity": "FormEntry",
                                 "cardinality": "many-to-one"
-                              }
+                              },
+                              "type": "relation",
+                              "label": "Category ID",
+                              "name": "categoryId"
                             }
-                          ]
+                          ],
+                          "mode": "create",
+                          "type": "form-section",
+                          "submitEvent": "SUBMIT",
+                          "entity": "FormEntry",
+                          "cancelEvent": "INIT"
                         }
-                      ]
+                      ],
+                      "gap": "lg",
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -248,20 +329,18 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
                       "align": "center",
                       "children": [
                         {
+                          "size": "lg",
                           "type": "icon",
-                          "name": "check-circle",
-                          "size": "lg"
+                          "name": "check-circle"
                         },
                         {
                           "type": "typography",
-                          "content": "Form Submitted",
-                          "variant": "h2"
+                          "variant": "h2",
+                          "content": "Form Submitted"
                         },
                         {
                           "type": "alert",
@@ -269,24 +348,16 @@
                           "message": "Your form has been submitted successfully."
                         },
                         {
-                          "type": "grid",
-                          "columns": 2,
-                          "gap": "md",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "xs",
                               "children": [
                                 {
+                                  "color": "muted",
                                   "type": "typography",
                                   "variant": "caption",
-                                  "color": "muted",
                                   "content": "Name"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "body",
                                   "content": [
                                     "object/get",
                                     [
@@ -294,24 +365,29 @@
                                       "@entity"
                                     ],
                                     "name"
-                                  ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "body"
                                 }
-                              ]
+                              ],
+                              "gap": "xs",
+                              "direction": "vertical",
+                              "type": "stack"
                             },
                             {
-                              "type": "stack",
                               "direction": "vertical",
+                              "type": "stack",
                               "gap": "xs",
                               "children": [
                                 {
                                   "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
-                                  "content": "Description"
+                                  "content": "Description",
+                                  "variant": "caption"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
+                                  "type": "typography",
                                   "content": [
                                     "object/get",
                                     [
@@ -325,18 +401,16 @@
                             },
                             {
                               "type": "stack",
-                              "direction": "vertical",
                               "gap": "xs",
+                              "direction": "vertical",
                               "children": [
                                 {
                                   "type": "typography",
+                                  "content": "Status",
                                   "variant": "caption",
-                                  "color": "muted",
-                                  "content": "Status"
+                                  "color": "muted"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "body",
                                   "content": [
                                     "object/get",
                                     [
@@ -344,23 +418,23 @@
                                       "@entity"
                                     ],
                                     "status"
-                                  ]
+                                  ],
+                                  "variant": "body",
+                                  "type": "typography"
                                 }
                               ]
                             },
                             {
-                              "type": "stack",
-                              "direction": "vertical",
                               "gap": "xs",
+                              "direction": "vertical",
                               "children": [
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
-                                  "content": "Notes"
+                                  "content": "Notes",
+                                  "variant": "caption",
+                                  "type": "typography"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
                                   "content": [
                                     "object/get",
@@ -369,9 +443,11 @@
                                       "@entity"
                                     ],
                                     "notes"
-                                  ]
+                                  ],
+                                  "type": "typography"
                                 }
-                              ]
+                              ],
+                              "type": "stack"
                             },
                             {
                               "type": "stack",
@@ -380,12 +456,11 @@
                               "children": [
                                 {
                                   "type": "typography",
+                                  "content": "Age",
                                   "variant": "caption",
-                                  "color": "muted",
-                                  "content": "Age"
+                                  "color": "muted"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
                                   "content": [
                                     "object/get",
@@ -394,24 +469,20 @@
                                       "@entity"
                                     ],
                                     "age"
-                                  ]
+                                  ],
+                                  "type": "typography"
                                 }
                               ]
                             },
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "xs",
                               "children": [
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
-                                  "content": "Is Active"
+                                  "type": "typography",
+                                  "content": "Is Active",
+                                  "variant": "caption"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "body",
                                   "content": [
                                     "object/get",
                                     [
@@ -419,24 +490,26 @@
                                       "@entity"
                                     ],
                                     "isActive"
-                                  ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "body"
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "gap": "xs",
+                              "direction": "vertical"
                             },
                             {
                               "type": "stack",
-                              "direction": "vertical",
                               "gap": "xs",
                               "children": [
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
-                                  "content": "Birth Date"
+                                  "content": "Birth Date",
+                                  "variant": "caption",
+                                  "type": "typography"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "body",
                                   "content": [
                                     "object/get",
                                     [
@@ -444,24 +517,25 @@
                                       "@entity"
                                     ],
                                     "birthDate"
-                                  ]
+                                  ],
+                                  "variant": "body",
+                                  "type": "typography"
                                 }
-                              ]
+                              ],
+                              "direction": "vertical"
                             },
                             {
+                              "gap": "xs",
                               "type": "stack",
                               "direction": "vertical",
-                              "gap": "xs",
                               "children": [
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
+                                  "content": "Priority",
                                   "color": "muted",
-                                  "content": "Priority"
+                                  "type": "typography",
+                                  "variant": "caption"
                                 },
                                 {
-                                  "type": "typography",
-                                  "variant": "body",
                                   "content": [
                                     "object/get",
                                     [
@@ -469,20 +543,19 @@
                                       "@entity"
                                     ],
                                     "priority"
-                                  ]
+                                  ],
+                                  "variant": "body",
+                                  "type": "typography"
                                 }
                               ]
                             },
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "xs",
                               "children": [
                                 {
-                                  "type": "typography",
-                                  "variant": "caption",
                                   "color": "muted",
-                                  "content": "Category ID"
+                                  "content": "Category ID",
+                                  "variant": "caption",
+                                  "type": "typography"
                                 },
                                 {
                                   "type": "typography",
@@ -496,9 +569,15 @@
                                     "categoryId"
                                   ]
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "gap": "xs",
+                              "direction": "vertical"
                             }
-                          ]
+                          ],
+                          "type": "grid",
+                          "gap": "md",
+                          "columns": 2.0
                         },
                         {
                           "type": "button",
@@ -507,7 +586,9 @@
                           "variant": "primary",
                           "icon": "plus"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -521,40 +602,46 @@
                     "fetch",
                     "FormEntry",
                     {
-                      "include": [
-                        "categoryId"
-                      ]
+                      "emit": {
+                        "failure": "FormEntryLoadFailed",
+                        "success": "FormEntryLoaded"
+                      }
                     }
                   ],
                   [
                     "fetch",
-                    "FormEntry"
+                    "FormEntry",
+                    {
+                      "emit": {
+                        "success": "FormEntryLoaded",
+                        "failure": "FormEntryLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
+                      "type": "stack",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "file-text",
-                              "size": "lg"
+                              "size": "lg",
+                              "type": "icon"
                             },
                             {
                               "type": "typography",
                               "content": "FormEntry Form",
                               "variant": "h2"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "align": "center",
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
@@ -562,22 +649,20 @@
                         {
                           "type": "form-section",
                           "entity": "FormEntry",
-                          "mode": "create",
                           "submitEvent": "SUBMIT",
-                          "cancelEvent": "INIT",
                           "fields": [
                             {
-                              "name": "name",
-                              "label": "Name"
+                              "label": "Name",
+                              "name": "name"
                             },
                             {
-                              "name": "description",
-                              "label": "Description"
+                              "label": "Description",
+                              "name": "description"
                             },
                             {
-                              "name": "status",
                               "label": "Status",
                               "type": "enum",
+                              "name": "status",
                               "values": [
                                 "active",
                                 "inactive",
@@ -586,18 +671,18 @@
                             },
                             {
                               "name": "notes",
-                              "label": "Notes",
-                              "type": "textarea"
+                              "type": "textarea",
+                              "label": "Notes"
                             },
                             {
-                              "name": "age",
+                              "type": "number",
                               "label": "Age",
-                              "type": "number"
+                              "name": "age"
                             },
                             {
+                              "type": "boolean",
                               "name": "isActive",
-                              "label": "Is Active",
-                              "type": "boolean"
+                              "label": "Is Active"
                             },
                             {
                               "name": "birthDate",
@@ -605,34 +690,38 @@
                               "type": "date"
                             },
                             {
-                              "name": "priority",
                               "label": "Priority",
-                              "type": "enum",
                               "values": [
                                 "low",
                                 "medium",
                                 "high",
                                 "critical"
-                              ]
+                              ],
+                              "type": "enum",
+                              "name": "priority"
                             },
                             {
                               "name": "categoryId",
-                              "label": "Category ID",
-                              "type": "relation",
                               "relation": {
                                 "entity": "FormEntry",
                                 "cardinality": "many-to-one"
-                              }
+                              },
+                              "label": "Category ID",
+                              "type": "relation"
                             }
-                          ]
+                          ],
+                          "mode": "create",
+                          "cancelEvent": "INIT"
                         }
-                      ]
+                      ],
+                      "gap": "lg"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "instance"
         }
       ],
       "pages": [
@@ -648,4 +737,4 @@
       ]
     }
   ]
-}
+}