@almadar/std 6.5.2 → 7.2.0

package/dist/behaviors/registry/atoms/std-selection.orb

@@ -40,8 +40,48 @@
       "traits": [
         {
           "name": "SelectableItemSelection",
-          "linkedEntity": "SelectableItem",
           "category": "interaction",
+          "linkedEntity": "SelectableItem",
+          "emits": [
+            {
+              "event": "SelectableItemLoaded",
+              "description": "Fired when SelectableItem 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"
+                }
+              ]
+            },
+            {
+              "event": "SelectableItemLoadFailed",
+              "description": "Fired when SelectableItem fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -89,6 +129,20 @@
                     "required": true
                   }
                 ]
+              },
+              {
+                "key": "SelectableItemLoaded",
+                "name": "SelectableItem loaded"
+              },
+              {
+                "key": "SelectableItemLoadFailed",
+                "name": "SelectableItem load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -99,7 +153,13 @@
                 "effects": [
                   [
                     "fetch",
-                    "SelectableItem"
+                    "SelectableItem",
+                    {
+                      "emit": {
+                        "success": "SelectableItemLoaded",
+                        "failure": "SelectableItemLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
@@ -110,22 +170,22 @@
                       "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
+                          "direction": "horizontal",
                           "align": "center",
                           "children": [
                             {
-                              "type": "icon",
+                              "size": "lg",
                               "name": "check-square",
-                              "size": "lg"
+                              "type": "icon"
                             },
                             {
+                              "variant": "h2",
                               "type": "typography",
-                              "content": "SelectableItems",
-                              "variant": "h2"
+                              "content": "SelectableItems"
                             }
-                          ]
+                          ],
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
@@ -137,35 +197,35 @@
                           "content": "Choose a selectableitem to continue."
                         },
                         {
-                          "type": "data-grid",
+                          "emptyDescription": "Add selectableitems to see them here.",
                           "entity": "SelectableItem",
-                          "emptyIcon": "inbox",
+                          "type": "data-grid",
                           "emptyTitle": "No selectableitems yet",
-                          "emptyDescription": "Add selectableitems to see them here.",
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
                           "itemActions": [
                             {
-                              "label": "Select",
                               "event": "SELECT",
-                              "icon": "check"
+                              "icon": "check",
+                              "label": "Select"
                             }
                           ],
                           "renderItem": [
                             "fn",
                             "item",
                             {
-                              "type": "stack",
                               "direction": "horizontal",
                               "gap": "sm",
                               "align": "center",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "checkbox",
-                                  "label": "@item.name"
+                                  "label": "@item.name",
+                                  "type": "checkbox"
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "emptyIcon": "inbox"
                         }
                       ]
                     }
@@ -179,28 +239,26 @@
                 "effects": [
                   [
                     "fetch",
-                    "SelectableItem"
+                    "SelectableItem",
+                    {
+                      "emit": {
+                        "failure": "SelectableItemLoadFailed",
+                        "success": "SelectableItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
+                          "type": "stack",
                           "align": "center",
+                          "gap": "md",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "align": "center",
                               "children": [
                                 {
                                   "type": "icon",
@@ -208,70 +266,72 @@
                                   "size": "lg"
                                 },
                                 {
-                                  "type": "typography",
                                   "content": "SelectableItems",
+                                  "type": "typography",
                                   "variant": "h2"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal",
+                              "align": "center",
+                              "type": "stack",
+                              "gap": "md"
                             },
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
                               "gap": "sm",
+                              "direction": "horizontal",
+                              "type": "stack",
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "badge",
-                                  "label": "Selecting"
+                                  "label": "Selecting",
+                                  "type": "badge"
                                 },
                                 {
                                   "type": "button",
-                                  "label": "Clear",
                                   "event": "CLEAR",
+                                  "label": "Clear",
                                   "variant": "ghost",
                                   "icon": "x"
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "justify": "space-between"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "alert",
                           "variant": "info",
                           "message": [
-                            "str/concat",
+                            "concat",
                             "Selected: ",
                             "@payload.id"
-                          ]
+                          ],
+                          "type": "alert"
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "SelectableItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No selectableitems yet",
                           "emptyDescription": "Add selectableitems to see them here.",
                           "itemActions": [
                             {
-                              "label": "Select",
                               "event": "SELECT",
-                              "icon": "check"
+                              "icon": "check",
+                              "label": "Select"
                             }
                           ],
+                          "emptyTitle": "No selectableitems yet",
                           "renderItem": [
                             "fn",
                             "item",
                             {
                               "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
                               "align": "center",
+                              "gap": "sm",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "type": "checkbox",
                                   "label": "@item.name",
+                                  "type": "checkbox",
                                   "checked": [
                                     "==",
                                     "@item.id",
@@ -280,40 +340,46 @@
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "type": "data-grid",
+                          "entity": "SelectableItem",
+                          "emptyIcon": "inbox"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
+                          "direction": "horizontal",
                           "children": [
                             {
                               "type": "button",
-                              "label": "Select All",
                               "action": "SELECT",
                               "icon": "check-square",
+                              "label": "Select All",
                               "variant": "secondary"
                             },
                             {
+                              "variant": "secondary",
+                              "icon": "square",
                               "type": "button",
-                              "label": "Deselect All",
                               "action": "DESELECT",
-                              "icon": "square",
-                              "variant": "secondary"
+                              "label": "Deselect All"
                             },
                             {
-                              "type": "button",
-                              "label": "Confirm",
-                              "action": "CONFIRM_SELECTION",
                               "icon": "check",
-                              "variant": "primary"
+                              "action": "CONFIRM_SELECTION",
+                              "label": "Confirm",
+                              "variant": "primary",
+                              "type": "button"
                             }
-                          ]
+                          ],
+                          "type": "stack"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -325,45 +391,49 @@
                 "effects": [
                   [
                     "fetch",
-                    "SelectableItem"
+                    "SelectableItem",
+                    {
+                      "emit": {
+                        "failure": "SelectableItemLoadFailed",
+                        "success": "SelectableItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "md",
                           "justify": "space-between",
                           "align": "center",
                           "children": [
                             {
-                              "type": "stack",
                               "direction": "horizontal",
                               "gap": "md",
-                              "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
                                   "name": "check-square",
+                                  "type": "icon",
                                   "size": "lg"
                                 },
                                 {
                                   "type": "typography",
-                                  "content": "SelectableItems",
-                                  "variant": "h2"
+                                  "variant": "h2",
+                                  "content": "SelectableItems"
                                 }
-                              ]
+                              ],
+                              "align": "center",
+                              "type": "stack"
                             },
                             {
+                              "gap": "sm",
                               "type": "stack",
                               "direction": "horizontal",
-                              "gap": "sm",
                               "align": "center",
                               "children": [
                                 {
@@ -371,95 +441,97 @@
                                   "label": "Selecting"
                                 },
                                 {
-                                  "type": "button",
                                   "label": "Clear",
                                   "event": "CLEAR",
                                   "variant": "ghost",
+                                  "type": "button",
                                   "icon": "x"
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "gap": "md"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "alert",
                           "variant": "info",
+                          "type": "alert",
                           "message": [
-                            "str/concat",
+                            "concat",
                             "Selected: ",
                             "@payload.id"
                           ]
                         },
                         {
-                          "type": "data-grid",
                           "entity": "SelectableItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No selectableitems yet",
                           "emptyDescription": "Add selectableitems to see them here.",
                           "itemActions": [
                             {
-                              "label": "Select",
                               "event": "SELECT",
-                              "icon": "check"
+                              "icon": "check",
+                              "label": "Select"
                             }
                           ],
                           "renderItem": [
                             "fn",
                             "item",
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
                               "gap": "sm",
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "checkbox",
-                                  "label": "@item.name",
                                   "checked": [
                                     "==",
                                     "@item.id",
                                     "@payload.id"
-                                  ]
+                                  ],
+                                  "label": "@item.name",
+                                  "type": "checkbox"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal",
+                              "type": "stack"
                             }
-                          ]
+                          ],
+                          "emptyTitle": "No selectableitems yet",
+                          "type": "data-grid",
+                          "emptyIcon": "inbox"
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "button",
-                              "label": "Select All",
-                              "action": "SELECT",
                               "icon": "check-square",
-                              "variant": "secondary"
+                              "action": "SELECT",
+                              "type": "button",
+                              "variant": "secondary",
+                              "label": "Select All"
                             },
                             {
+                              "variant": "secondary",
                               "type": "button",
-                              "label": "Deselect All",
-                              "action": "DESELECT",
                               "icon": "square",
-                              "variant": "secondary"
+                              "action": "DESELECT",
+                              "label": "Deselect All"
                             },
                             {
-                              "type": "button",
                               "label": "Confirm",
-                              "action": "CONFIRM_SELECTION",
                               "icon": "check",
-                              "variant": "primary"
+                              "variant": "primary",
+                              "type": "button",
+                              "action": "CONFIRM_SELECTION"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -471,65 +543,56 @@
                 "effects": [
                   [
                     "fetch",
-                    "SelectableItem"
+                    "SelectableItem",
+                    {
+                      "emit": {
+                        "failure": "SelectableItemLoadFailed",
+                        "success": "SelectableItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
+                          "align": "center",
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "check-square",
-                              "size": "lg"
+                              "size": "lg",
+                              "name": "check-square"
                             },
                             {
                               "type": "typography",
-                              "content": "SelectableItems",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "content": "SelectableItems"
                             }
-                          ]
+                          ],
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
+                          "content": "Choose a selectableitem to continue.",
                           "variant": "caption",
-                          "color": "muted",
-                          "content": "Choose a selectableitem to continue."
+                          "type": "typography",
+                          "color": "muted"
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "SelectableItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No selectableitems yet",
-                          "emptyDescription": "Add selectableitems to see them here.",
-                          "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "itemActions": [
-                            {
-                              "label": "Select",
-                              "event": "SELECT",
-                              "icon": "check"
-                            }
-                          ],
                           "renderItem": [
                             "fn",
                             "item",
                             {
+                              "align": "center",
+                              "gap": "sm",
                               "type": "stack",
                               "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
                               "children": [
                                 {
                                   "type": "checkbox",
@@ -537,9 +600,24 @@
                                 }
                               ]
                             }
+                          ],
+                          "entity": "SelectableItem",
+                          "type": "data-grid",
+                          "emptyTitle": "No selectableitems yet",
+                          "emptyDescription": "Add selectableitems to see them here.",
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "emptyIcon": "inbox",
+                          "itemActions": [
+                            {
+                              "event": "SELECT",
+                              "icon": "check",
+                              "label": "Select"
+                            }
                           ]
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -551,21 +629,25 @@
                 "effects": [
                   [
                     "fetch",
-                    "SelectableItem"
+                    "SelectableItem",
+                    {
+                      "emit": {
+                        "failure": "SelectableItemLoadFailed",
+                        "success": "SelectableItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
+                      "gap": "lg",
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
+                          "gap": "sm",
                           "children": [
                             {
                               "type": "icon",
@@ -573,51 +655,53 @@
                               "size": "lg"
                             },
                             {
+                              "variant": "h2",
                               "type": "typography",
-                              "content": "SelectableItems",
-                              "variant": "h2"
+                              "content": "SelectableItems"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "variant": "caption",
                           "color": "muted",
-                          "content": "Choose a selectableitem to continue."
+                          "variant": "caption",
+                          "content": "Choose a selectableitem to continue.",
+                          "type": "typography"
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "SelectableItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No selectableitems yet",
-                          "emptyDescription": "Add selectableitems to see them here.",
-                          "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "itemActions": [
-                            {
-                              "label": "Select",
-                              "event": "SELECT",
-                              "icon": "check"
-                            }
-                          ],
                           "renderItem": [
                             "fn",
                             "item",
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
                               "children": [
                                 {
-                                  "type": "checkbox",
-                                  "label": "@item.name"
+                                  "label": "@item.name",
+                                  "type": "checkbox"
                                 }
-                              ]
+                              ],
+                              "align": "center",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack"
                             }
-                          ]
+                          ],
+                          "emptyIcon": "inbox",
+                          "itemActions": [
+                            {
+                              "icon": "check",
+                              "label": "Select",
+                              "event": "SELECT"
+                            }
+                          ],
+                          "entity": "SelectableItem",
+                          "emptyTitle": "No selectableitems yet",
+                          "type": "data-grid",
+                          "emptyDescription": "Add selectableitems to see them here.",
+                          "className": "transition-shadow hover:shadow-md cursor-pointer"
                         }
                       ]
                     }
@@ -633,75 +717,75 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "md",
-                          "justify": "space-between",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
                                   "name": "check-circle",
+                                  "type": "icon",
                                   "size": "lg"
                                 },
                                 {
-                                  "type": "typography",
                                   "content": "Selection Confirmed",
-                                  "variant": "h2"
+                                  "variant": "h2",
+                                  "type": "typography"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "align": "center",
+                              "type": "stack"
                             },
                             {
-                              "type": "badge",
-                              "label": "Confirmed"
+                              "label": "Confirmed",
+                              "type": "badge"
                             }
-                          ]
+                          ],
+                          "justify": "space-between",
+                          "direction": "horizontal",
+                          "align": "center",
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "alert",
                           "variant": "success",
-                          "message": "Selection confirmed successfully."
+                          "message": "Selection confirmed successfully.",
+                          "type": "alert"
                         },
                         {
                           "type": "stack",
-                          "direction": "horizontal",
                           "gap": "md",
+                          "direction": "horizontal",
                           "align": "center",
                           "children": [
                             {
-                              "type": "typography",
                               "variant": "caption",
+                              "type": "typography",
                               "content": "Selected ID:"
                             },
                             {
-                              "type": "typography",
                               "variant": "body",
-                              "content": "@payload.id"
+                              "content": "@payload.id",
+                              "type": "typography"
                             }
                           ]
                         },
                         {
-                          "type": "button",
                           "label": "Clear Selection",
+                          "type": "button",
                           "event": "CLEAR",
                           "variant": "ghost",
                           "icon": "rotate-ccw"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -713,31 +797,36 @@
                 "effects": [
                   [
                     "fetch",
-                    "SelectableItem"
+                    "SelectableItem",
+                    {
+                      "emit": {
+                        "failure": "SelectableItemLoadFailed",
+                        "success": "SelectableItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
                       "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
+                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "check-square",
-                              "size": "lg"
+                              "size": "lg",
+                              "type": "icon"
                             },
                             {
+                              "variant": "h2",
                               "type": "typography",
-                              "content": "SelectableItems",
-                              "variant": "h2"
+                              "content": "SelectableItems"
                             }
                           ]
                         },
@@ -745,49 +834,51 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "variant": "caption",
                           "color": "muted",
-                          "content": "Choose a selectableitem to continue."
+                          "type": "typography",
+                          "content": "Choose a selectableitem to continue.",
+                          "variant": "caption"
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "SelectableItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No selectableitems yet",
-                          "emptyDescription": "Add selectableitems to see them here.",
-                          "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "itemActions": [
-                            {
-                              "label": "Select",
-                              "event": "SELECT",
-                              "icon": "check"
-                            }
-                          ],
                           "renderItem": [
                             "fn",
                             "item",
                             {
-                              "type": "stack",
                               "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
                               "children": [
                                 {
-                                  "type": "checkbox",
-                                  "label": "@item.name"
+                                  "label": "@item.name",
+                                  "type": "checkbox"
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "align": "center",
+                              "gap": "sm"
+                            }
+                          ],
+                          "emptyDescription": "Add selectableitems to see them here.",
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "entity": "SelectableItem",
+                          "emptyIcon": "inbox",
+                          "type": "data-grid",
+                          "emptyTitle": "No selectableitems yet",
+                          "itemActions": [
+                            {
+                              "event": "SELECT",
+                              "icon": "check",
+                              "label": "Select"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "direction": "vertical"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
@@ -803,4 +894,4 @@
       ]
     }
   ]
-}
+}