@almadar/std 7.0.0 → 7.2.0

package/behaviors/registry/atoms/std-modal.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-modal",
   "version": "1.0.0",
-  "description": "Modal overlay atom. Accepts content injection so molecules can control what renders inside the open state.",
+  "description": "std-modal as a Function",
   "orbitals": [
     {
       "name": "ModalRecordOrbital",
@@ -40,52 +40,8 @@
       "traits": [
         {
           "name": "ModalRecordModal",
-          "linkedEntity": "ModalRecord",
           "category": "interaction",
-          "emits": [
-            {
-              "event": "SAVE",
-              "scope": "external"
-            },
-            {
-              "event": "ModalRecordLoaded",
-              "scope": "internal",
-              "description": "Fired when ModalRecord finishes loading",
-              "payload": [
-                {
-                  "name": "id",
-                  "type": "string"
-                },
-                {
-                  "name": "name",
-                  "type": "string"
-                },
-                {
-                  "name": "description",
-                  "type": "string"
-                },
-                {
-                  "name": "status",
-                  "type": "string"
-                },
-                {
-                  "name": "createdAt",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "ModalRecordLoadFailed",
-              "scope": "internal",
-              "description": "Fired when ModalRecord fails to load",
-              "payload": [
-                {
-                  "name": "message",
-                  "type": "string"
-                }
-              ]
-            }
-          ],
+          "linkedEntity": "ModalRecord",
           "stateMachine": {
             "states": [
               {
@@ -125,14 +81,6 @@
                     "required": true
                   }
                 ]
-              },
-              {
-                "key": "ModalRecordLoaded",
-                "name": "ModalRecord loaded"
-              },
-              {
-                "key": "ModalRecordLoadFailed",
-                "name": "ModalRecord load failed"
               }
             ],
             "transitions": [
@@ -143,65 +91,7 @@
                 "effects": [
                   [
                     "fetch",
-                    "ModalRecord",
-                    {
-                      "emit": {
-                        "success": "ModalRecordLoaded",
-                        "failure": "ModalRecordLoadFailed"
-                      }
-                    }
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "layout-panel-top",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "Details",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "button",
-                              "label": "Open",
-                              "event": "OPEN",
-                              "variant": "primary",
-                              "icon": "layout-panel-top"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "empty-state",
-                          "icon": "layout-panel-top",
-                          "title": "Nothing open",
-                          "description": "Click Open to view details in a modal overlay."
-                        }
-                      ]
-                    }
+                    "ModalRecord"
                   ]
                 ]
               },
@@ -214,107 +104,39 @@
                     "render-ui",
                     "modal",
                     {
-                      "type": "modal",
-                      "title": "Details",
-                      "isOpen": true,
+                      "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "md",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "children": [
-                                {
-                                  "type": "typography",
-                                  "variant": "caption",
-                                  "content": "Name"
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "body",
-                                  "content": [
-                                    "object/get",
-                                    [
-                                      "array/first",
-                                      "@entity"
-                                    ],
-                                    "name"
-                                  ]
-                                }
-                              ]
+                              "size": "md",
+                              "name": "@config.icon",
+                              "type": "icon"
                             },
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "children": [
-                                {
-                                  "type": "typography",
-                                  "variant": "caption",
-                                  "content": "Description"
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "body",
-                                  "content": [
-                                    "object/get",
-                                    [
-                                      "array/first",
-                                      "@entity"
-                                    ],
-                                    "description"
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "children": [
-                                {
-                                  "type": "typography",
-                                  "variant": "caption",
-                                  "content": "Status"
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "body",
-                                  "content": [
-                                    "object/get",
-                                    [
-                                      "array/first",
-                                      "@entity"
-                                    ],
-                                    "status"
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "divider"
-                            },
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "justify": "end",
-                              "children": [
-                                {
-                                  "type": "button",
-                                  "label": "Close",
-                                  "event": "CLOSE",
-                                  "variant": "ghost"
-                                }
-                              ]
+                              "content": "@config.title",
+                              "variant": "h3",
+                              "type": "typography"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "mode": "@config.mode",
+                          "type": "form-section",
+                          "cancelEvent": "CLOSE",
+                          "submitEvent": "SAVE",
+                          "fields": "@config.fields",
+                          "entity": "ModalRecord"
                         }
-                      ]
+                      ],
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -333,68 +155,6 @@
                     "notify",
                     "Cancelled",
                     "info"
-                  ],
-                  [
-                    "fetch",
-                    "ModalRecord",
-                    {
-                      "emit": {
-                        "success": "ModalRecordLoaded",
-                        "failure": "ModalRecordLoadFailed"
-                      }
-                    }
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "layout-panel-top",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "Details",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "button",
-                              "label": "Open",
-                              "event": "OPEN",
-                              "variant": "primary",
-                              "icon": "layout-panel-top"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "empty-state",
-                          "icon": "layout-panel-top",
-                          "title": "Nothing open",
-                          "description": "Click Open to view details in a modal overlay."
-                        }
-                      ]
-                    }
                   ]
                 ]
               },
@@ -407,68 +167,6 @@
                     "render-ui",
                     "modal",
                     null
-                  ],
-                  [
-                    "fetch",
-                    "ModalRecord",
-                    {
-                      "emit": {
-                        "success": "ModalRecordLoaded",
-                        "failure": "ModalRecordLoadFailed"
-                      }
-                    }
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "layout-panel-top",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "Details",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "button",
-                              "label": "Open",
-                              "event": "OPEN",
-                              "variant": "primary",
-                              "icon": "layout-panel-top"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "empty-state",
-                          "icon": "layout-panel-top",
-                          "title": "Nothing open",
-                          "description": "Click Open to view details in a modal overlay."
-                        }
-                      ]
-                    }
                   ]
                 ]
               }
@@ -490,4 +188,4 @@
       ]
     }
   ]
-}
+}