@almadar/std 3.2.2 → 3.3.4

package/dist/behaviors/exports/molecules/std-form-advanced.orb

@@ -0,0 +1,654 @@
+{
+  "name": "FormEntryOrbital",
+  "orbitals": [
+    {
+      "name": "FormEntryOrbital",
+      "entity": {
+        "name": "FormEntry",
+        "persistence": "runtime",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string"
+          },
+          {
+            "name": "name",
+            "type": "string"
+          },
+          {
+            "name": "description",
+            "type": "string"
+          },
+          {
+            "name": "status",
+            "type": "string",
+            "default": "active",
+            "values": [
+              "active",
+              "inactive",
+              "pending"
+            ]
+          },
+          {
+            "name": "createdAt",
+            "type": "string"
+          },
+          {
+            "name": "notes",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "age",
+            "type": "number",
+            "default": 0
+          },
+          {
+            "name": "isActive",
+            "type": "boolean",
+            "default": false
+          },
+          {
+            "name": "birthDate",
+            "type": "date",
+            "default": ""
+          },
+          {
+            "name": "priority",
+            "type": "string",
+            "default": "medium",
+            "values": [
+              "low",
+              "medium",
+              "high",
+              "critical"
+            ]
+          },
+          {
+            "name": "categoryId",
+            "type": "relation",
+            "default": "",
+            "relation": {
+              "entity": "FormEntry",
+              "cardinality": "many-to-one"
+            }
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "FormEntryFormAdvanced",
+          "linkedEntity": "FormEntry",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "editing",
+                "isInitial": true
+              },
+              {
+                "name": "submitted"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "SUBMIT",
+                "name": "Submit",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "RESET",
+                "name": "Reset"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "editing",
+                "to": "editing",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "FormEntry",
+                    {
+                      "include": [
+                        "categoryId"
+                      ]
+                    }
+                  ],
+                  [
+                    "fetch",
+                    "FormEntry"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "file-text",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "FormEntry Form",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "form-section",
+                          "entity": "FormEntry",
+                          "mode": "create",
+                          "submitEvent": "SUBMIT",
+                          "cancelEvent": "INIT",
+                          "fields": [
+                            {
+                              "name": "name",
+                              "label": "Name"
+                            },
+                            {
+                              "name": "description",
+                              "label": "Description"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "type": "enum",
+                              "values": [
+                                "active",
+                                "inactive",
+                                "pending"
+                              ]
+                            },
+                            {
+                              "name": "notes",
+                              "label": "Notes",
+                              "type": "textarea"
+                            },
+                            {
+                              "name": "age",
+                              "label": "Age",
+                              "type": "number"
+                            },
+                            {
+                              "name": "isActive",
+                              "label": "Is Active",
+                              "type": "boolean"
+                            },
+                            {
+                              "name": "birthDate",
+                              "label": "Birth Date",
+                              "type": "date"
+                            },
+                            {
+                              "name": "priority",
+                              "label": "Priority",
+                              "type": "enum",
+                              "values": [
+                                "low",
+                                "medium",
+                                "high",
+                                "critical"
+                              ]
+                            },
+                            {
+                              "name": "categoryId",
+                              "label": "Category ID",
+                              "type": "relation",
+                              "relation": {
+                                "entity": "FormEntry",
+                                "cardinality": "many-to-one"
+                              }
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "editing",
+                "to": "submitted",
+                "event": "SUBMIT",
+                "effects": [
+                  [
+                    "persist",
+                    "create",
+                    "FormEntry",
+                    "@payload.data"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "icon",
+                          "name": "check-circle",
+                          "size": "lg"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Form Submitted",
+                          "variant": "h2"
+                        },
+                        {
+                          "type": "alert",
+                          "variant": "success",
+                          "message": "Your form has been submitted successfully."
+                        },
+                        {
+                          "type": "grid",
+                          "columns": 2,
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Name"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "name"
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Description"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "description"
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Status"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "status"
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Notes"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "notes"
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Age"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "age"
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Is Active"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "isActive"
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Birth Date"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "birthDate"
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Priority"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "priority"
+                                  ]
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Category ID"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": [
+                                    "object/get",
+                                    [
+                                      "array/first",
+                                      "@entity"
+                                    ],
+                                    "categoryId"
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "button",
+                          "label": "New Entry",
+                          "event": "RESET",
+                          "variant": "primary",
+                          "icon": "plus"
+                        }
+                      ]
+                    }
+                  ],
+                  [
+                    "notify",
+                    "FormEntry created successfully"
+                  ]
+                ]
+              },
+              {
+                "from": "submitted",
+                "to": "editing",
+                "event": "RESET",
+                "effects": [
+                  [
+                    "fetch",
+                    "FormEntry",
+                    {
+                      "include": [
+                        "categoryId"
+                      ]
+                    }
+                  ],
+                  [
+                    "fetch",
+                    "FormEntry"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "file-text",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "FormEntry Form",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "form-section",
+                          "entity": "FormEntry",
+                          "mode": "create",
+                          "submitEvent": "SUBMIT",
+                          "cancelEvent": "INIT",
+                          "fields": [
+                            {
+                              "name": "name",
+                              "label": "Name"
+                            },
+                            {
+                              "name": "description",
+                              "label": "Description"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "type": "enum",
+                              "values": [
+                                "active",
+                                "inactive",
+                                "pending"
+                              ]
+                            },
+                            {
+                              "name": "notes",
+                              "label": "Notes",
+                              "type": "textarea"
+                            },
+                            {
+                              "name": "age",
+                              "label": "Age",
+                              "type": "number"
+                            },
+                            {
+                              "name": "isActive",
+                              "label": "Is Active",
+                              "type": "boolean"
+                            },
+                            {
+                              "name": "birthDate",
+                              "label": "Birth Date",
+                              "type": "date"
+                            },
+                            {
+                              "name": "priority",
+                              "label": "Priority",
+                              "type": "enum",
+                              "values": [
+                                "low",
+                                "medium",
+                                "high",
+                                "critical"
+                              ]
+                            },
+                            {
+                              "name": "categoryId",
+                              "label": "Category ID",
+                              "type": "relation",
+                              "relation": {
+                                "entity": "FormEntry",
+                                "cardinality": "many-to-one"
+                              }
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "FormEntryFormPage",
+          "path": "/formentrys/form",
+          "traits": [
+            {
+              "ref": "FormEntryFormAdvanced"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "description": "Advanced form molecule with relation-select for linked entity fields. Absorbs: relation-select."
+}