@almadar/std 6.1.0 → 6.1.7

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

@@ -0,0 +1,502 @@
+{
+  "name": "std-geospatial",
+  "version": "1.0.0",
+  "description": "Location selection molecule. Composes atoms via shared event bus: - stdBrowse: location list with \"Select\" item action (fires SELECT) - stdModal: select/view location detail (responds to SELECT) - stdConfirmation: confirm location selection (responds to CONFIRM_SELECT)",
+  "orbitals": [
+    {
+      "name": "LocationOrbital",
+      "uses": [
+        {
+          "from": "std/behaviors/std-browse",
+          "as": "Browse"
+        },
+        {
+          "from": "std/behaviors/std-confirmation",
+          "as": "Confirmation"
+        },
+        {
+          "from": "std/behaviors/std-modal",
+          "as": "Modal"
+        }
+      ],
+      "entity": {
+        "name": "Location",
+        "persistence": "persistent",
+        "collection": "locations",
+        "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": "pendingId",
+            "type": "string",
+            "default": ""
+          }
+        ]
+      },
+      "traits": [
+        {
+          "ref": "Browse.traits.BrowseItemBrowse",
+          "name": "LocationBrowse",
+          "linkedEntity": "Location",
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "Location"
+              ],
+              [
+                "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",
+                              "name": "map-pin",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Locations Picker",
+                              "variant": "h2"
+                            }
+                          ]
+                        }
+                      ]
+                    },
+                    {
+                      "type": "divider"
+                    },
+                    {
+                      "type": "data-grid",
+                      "entity": "Location",
+                      "emptyIcon": "inbox",
+                      "emptyTitle": "No locations found",
+                      "emptyDescription": "No locations are available to select.",
+                      "itemActions": [
+                        {
+                          "label": "Select Location",
+                          "event": "SELECT",
+                          "variant": "ghost",
+                          "size": "sm"
+                        }
+                      ],
+                      "columns": [
+                        {
+                          "name": "name",
+                          "label": "Name",
+                          "variant": "h4",
+                          "icon": "map-pin"
+                        },
+                        {
+                          "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": "status",
+                          "label": "Status",
+                          "variant": "caption"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "floating-action-button",
+                      "icon": "plus",
+                      "event": "INIT",
+                      "label": "Create",
+                      "tooltip": "Create"
+                    }
+                  ]
+                }
+              ]
+            ]
+          }
+        },
+        {
+          "ref": "Modal.traits.ModalRecordModal",
+          "name": "LocationSelect",
+          "linkedEntity": "Location",
+          "events": {
+            "OPEN": "SELECT",
+            "SAVE": "CONFIRM_SELECT"
+          },
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "Location"
+              ]
+            ],
+            "SELECT": [
+              [
+                "fetch",
+                "Location",
+                {
+                  "id": "@payload.id"
+                }
+              ],
+              [
+                "render-ui",
+                "modal",
+                {
+                  "type": "stack",
+                  "direction": "vertical",
+                  "gap": "md",
+                  "children": [
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "sm",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "icon",
+                          "name": "map-pin",
+                          "size": "md"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "h3",
+                          "content": "@entity.name"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "divider"
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Name"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "body",
+                          "content": "@entity.name"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Description"
+                        },
+                        {
+                          "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"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Created At"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "body",
+                          "content": "@entity.createdAt"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Pending ID"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "body",
+                          "content": "@entity.pendingId"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "divider"
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "sm",
+                      "justify": "end",
+                      "children": [
+                        {
+                          "type": "button",
+                          "label": "Cancel",
+                          "event": "CLOSE",
+                          "variant": "ghost"
+                        },
+                        {
+                          "type": "button",
+                          "label": "Confirm Selection",
+                          "event": "CONFIRM_SELECT",
+                          "variant": "primary",
+                          "icon": "check"
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            ],
+            "CLOSE": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "notify",
+                "Cancelled",
+                "info"
+              ]
+            ],
+            "CONFIRM_SELECT": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ]
+            ]
+          }
+        },
+        {
+          "ref": "Confirmation.traits.ConfirmActionConfirmation",
+          "name": "LocationConfirmSelect",
+          "linkedEntity": "Location",
+          "events": {
+            "REQUEST": "CONFIRM_SELECT",
+            "CONFIRM": "CONFIRMED"
+          },
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "Location"
+              ]
+            ],
+            "CONFIRM_SELECT": [
+              [
+                "set",
+                "@entity.pendingId",
+                "@payload.id"
+              ],
+              [
+                "fetch",
+                "Location",
+                {
+                  "id": "@payload.id"
+                }
+              ],
+              [
+                "render-ui",
+                "modal",
+                {
+                  "type": "stack",
+                  "direction": "vertical",
+                  "gap": "md",
+                  "children": [
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "sm",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "icon",
+                          "name": "alert-triangle",
+                          "size": "md"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Confirm Location Selection",
+                          "variant": "h3"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "divider"
+                    },
+                    {
+                      "type": "alert",
+                      "variant": "danger",
+                      "message": "Are you sure you want to select this location?"
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "sm",
+                      "justify": "end",
+                      "children": [
+                        {
+                          "type": "button",
+                          "label": "Cancel",
+                          "event": "CANCEL",
+                          "variant": "ghost"
+                        },
+                        {
+                          "type": "button",
+                          "label": "Confirm",
+                          "event": "CONFIRMED",
+                          "variant": "danger",
+                          "icon": "check"
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            ],
+            "CONFIRMED": [
+              [
+                "fetch",
+                "Location"
+              ],
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "ref",
+                "Location"
+              ]
+            ],
+            "CANCEL": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "ref",
+                "Location"
+              ]
+            ],
+            "CLOSE": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "ref",
+                "Location"
+              ]
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "LocationPage",
+          "path": "/locations",
+          "traits": [
+            {
+              "ref": "LocationBrowse"
+            },
+            {
+              "ref": "LocationSelect"
+            },
+            {
+              "ref": "LocationConfirmSelect"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}