@almadar/std 6.5.2 → 7.2.0

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

@@ -1,7 +1,7 @@
 {
   "name": "std-sort",
   "version": "1.0.0",
-  "description": "Sort atom. Shows sort-by buttons for each sortable field. Clicking a field name sorts by that field. Clicking again toggles direction.",
+  "description": "std-sort as a Function",
   "orbitals": [
     {
       "name": "SortableItemOrbital",
@@ -40,8 +40,48 @@
       "traits": [
         {
           "name": "SortableItemSort",
-          "linkedEntity": "SortableItem",
           "category": "interaction",
+          "linkedEntity": "SortableItem",
+          "emits": [
+            {
+              "event": "SortableItemLoaded",
+              "description": "Fired when SortableItem 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": "SortableItemLoadFailed",
+              "description": "Fired when SortableItem fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -71,6 +111,20 @@
                     "type": "string"
                   }
                 ]
+              },
+              {
+                "key": "SortableItemLoaded",
+                "name": "SortableItem loaded"
+              },
+              {
+                "key": "SortableItemLoadFailed",
+                "name": "SortableItem load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -81,7 +135,13 @@
                 "effects": [
                   [
                     "fetch",
-                    "SortableItem"
+                    "SortableItem",
+                    {
+                      "emit": {
+                        "success": "SortableItemLoaded",
+                        "failure": "SortableItemLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
@@ -89,24 +149,17 @@
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "justify": "space-between",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
                               "align": "center",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "type": "icon",
                                   "name": "arrow-up-down",
+                                  "type": "icon",
                                   "size": "lg"
                                 },
                                 {
@@ -114,9 +167,15 @@
                                   "content": "SortableItems",
                                   "variant": "h2"
                                 }
-                              ]
+                              ],
+                              "gap": "sm",
+                              "type": "stack"
                             }
-                          ]
+                          ],
+                          "align": "center",
+                          "gap": "sm",
+                          "type": "stack",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
@@ -124,57 +183,57 @@
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
+                          "gap": "sm",
                           "children": [
                             {
-                              "type": "typography",
-                              "variant": "caption",
                               "color": "muted",
-                              "content": "Sort by"
+                              "variant": "caption",
+                              "content": "Sort by",
+                              "type": "typography"
                             },
                             {
-                              "type": "button",
-                              "label": "Name",
                               "event": "SORT",
+                              "variant": "secondary",
+                              "label": "Name",
                               "actionPayload": {
-                                "field": "name",
-                                "direction": "asc"
+                                "direction": "asc",
+                                "field": "name"
                               },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              "icon": "arrow-up-down",
+                              "type": "button"
                             },
                             {
                               "type": "button",
                               "label": "Description",
                               "event": "SORT",
+                              "variant": "secondary",
                               "actionPayload": {
-                                "field": "description",
-                                "direction": "asc"
+                                "direction": "asc",
+                                "field": "description"
                               },
-                              "variant": "secondary",
                               "icon": "arrow-up-down"
                             },
                             {
-                              "type": "button",
-                              "label": "Status",
+                              "icon": "arrow-up-down",
                               "event": "SORT",
+                              "variant": "secondary",
+                              "label": "Status",
+                              "type": "button",
                               "actionPayload": {
                                 "field": "status",
                                 "direction": "asc"
-                              },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              }
                             },
                             {
-                              "type": "button",
                               "label": "CreatedAt",
+                              "type": "button",
                               "event": "SORT",
+                              "variant": "secondary",
                               "actionPayload": {
-                                "field": "createdAt",
-                                "direction": "asc"
+                                "direction": "asc",
+                                "field": "createdAt"
                               },
-                              "variant": "secondary",
                               "icon": "arrow-up-down"
                             }
                           ]
@@ -182,28 +241,29 @@
                         {
                           "type": "data-grid",
                           "entity": "SortableItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No sortableitems yet",
-                          "emptyDescription": "Add sortableitems to see them here.",
                           "columns": [
                             {
+                              "variant": "h4",
                               "name": "name",
-                              "label": "Name",
-                              "variant": "h4"
+                              "label": "Name"
                             },
                             {
-                              "name": "description",
+                              "variant": "caption",
                               "label": "Description",
-                              "variant": "caption"
+                              "name": "description"
                             },
                             {
-                              "name": "status",
                               "label": "Status",
+                              "name": "status",
                               "variant": "badge"
                             }
-                          ]
+                          ],
+                          "emptyDescription": "Add sortableitems to see them here.",
+                          "emptyTitle": "No sortableitems yet",
+                          "emptyIcon": "inbox"
                         }
-                      ]
+                      ],
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -216,51 +276,56 @@
                   [
                     "fetch",
                     "SortableItem",
-                    null,
-                    [
-                      "str/concat",
-                      "@payload.field",
-                      ":",
-                      "@payload.direction"
-                    ]
+                    {
+                      "sort": [
+                        "concat",
+                        "@payload.field",
+                        ":",
+                        "@payload.direction"
+                      ],
+                      "emit": {
+                        "success": "SortableItemLoaded",
+                        "failure": "SortableItemLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
+                      "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "stack",
+                          "align": "center",
+                          "justify": "space-between",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "justify": "space-between",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "stack",
                               "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "icon",
+                                  "size": "lg",
                                   "name": "arrow-up-down",
-                                  "size": "lg"
+                                  "type": "icon"
                                 },
                                 {
-                                  "type": "typography",
+                                  "variant": "h2",
                                   "content": "SortableItems",
-                                  "variant": "h2"
+                                  "type": "typography"
                                 }
-                              ]
+                              ],
+                              "align": "center",
+                              "gap": "sm"
                             },
                             {
+                              "event": "INIT",
                               "type": "button",
                               "label": "Clear sort",
-                              "event": "INIT",
                               "variant": "ghost",
                               "icon": "x"
                             }
@@ -271,51 +336,47 @@
                         },
                         {
                           "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "typography",
-                              "variant": "caption",
                               "color": "muted",
-                              "content": "Sort by"
+                              "content": "Sort by",
+                              "type": "typography",
+                              "variant": "caption"
                             },
                             {
+                              "event": "SORT",
                               "type": "button",
+                              "icon": "chevron-up",
+                              "variant": "primary",
                               "label": "Name",
-                              "event": "SORT",
                               "actionPayload": {
-                                "field": "name",
-                                "direction": "desc"
-                              },
-                              "variant": "primary",
-                              "icon": "chevron-up"
+                                "direction": "desc",
+                                "field": "name"
+                              }
                             },
                             {
                               "type": "button",
-                              "label": "Description",
-                              "event": "SORT",
                               "actionPayload": {
                                 "field": "description",
                                 "direction": "asc"
                               },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              "icon": "arrow-up-down",
+                              "label": "Description",
+                              "event": "SORT",
+                              "variant": "secondary"
                             },
                             {
                               "type": "button",
-                              "label": "Status",
                               "event": "SORT",
-                              "actionPayload": {
-                                "field": "status",
-                                "direction": "asc"
-                              },
+                              "label": "Status",
                               "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              "icon": "arrow-up-down",
+                              "actionPayload": {
+                                "direction": "asc",
+                                "field": "status"
+                              }
                             },
                             {
-                              "type": "button",
                               "label": "CreatedAt",
                               "event": "SORT",
                               "actionPayload": {
@@ -323,16 +384,16 @@
                                 "direction": "asc"
                               },
                               "variant": "secondary",
+                              "type": "button",
                               "icon": "arrow-up-down"
                             }
-                          ]
+                          ],
+                          "gap": "sm",
+                          "align": "center",
+                          "direction": "horizontal"
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "SortableItem",
-                          "emptyIcon": "inbox",
                           "emptyTitle": "No sortableitems yet",
-                          "emptyDescription": "Add sortableitems to see them here.",
                           "columns": [
                             {
                               "name": "name",
@@ -341,42 +402,46 @@
                             },
                             {
                               "name": "description",
-                              "label": "Description",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "label": "Description"
                             },
                             {
-                              "name": "status",
                               "label": "Status",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "name": "status"
                             }
-                          ]
+                          ],
+                          "entity": "SortableItem",
+                          "emptyIcon": "inbox",
+                          "emptyDescription": "Add sortableitems to see them here.",
+                          "type": "data-grid"
                         },
                         {
-                          "type": "sortable-list",
-                          "entity": "SortableItem",
                           "onReorder": "SORT",
                           "renderItem": [
                             "fn",
                             "item",
                             {
-                              "type": "stack",
                               "direction": "horizontal",
-                              "gap": "md",
                               "align": "center",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "icon",
                                   "name": "grip-vertical",
-                                  "size": "sm"
+                                  "size": "sm",
+                                  "type": "icon"
                                 },
                                 {
+                                  "content": "@item.name",
                                   "type": "typography",
-                                  "variant": "body",
-                                  "content": "@item.name"
+                                  "variant": "body"
                                 }
-                              ]
+                              ],
+                              "gap": "md"
                             }
-                          ]
+                          ],
+                          "type": "sortable-list",
+                          "entity": "SortableItem"
                         }
                       ]
                     }
@@ -391,51 +456,54 @@
                   [
                     "fetch",
                     "SortableItem",
-                    null,
-                    [
-                      "str/concat",
-                      "@payload.field",
-                      ":",
-                      "@payload.direction"
-                    ]
+                    {
+                      "sort": [
+                        "concat",
+                        "@payload.field",
+                        ":",
+                        "@payload.direction"
+                      ],
+                      "emit": {
+                        "failure": "SortableItemLoadFailed",
+                        "success": "SortableItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
+                          "align": "center",
+                          "justify": "space-between",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "justify": "space-between",
-                          "align": "center",
+                          "type": "stack",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
+                                  "size": "lg",
                                   "name": "arrow-up-down",
-                                  "size": "lg"
+                                  "type": "icon"
                                 },
                                 {
                                   "type": "typography",
                                   "content": "SortableItems",
                                   "variant": "h2"
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm"
                             },
                             {
-                              "type": "button",
-                              "label": "Clear sort",
                               "event": "INIT",
+                              "label": "Clear sort",
+                              "type": "button",
                               "variant": "ghost",
                               "icon": "x"
                             }
@@ -446,73 +514,73 @@
                         },
                         {
                           "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
                           "children": [
                             {
-                              "type": "typography",
-                              "variant": "caption",
+                              "content": "Sort by",
                               "color": "muted",
-                              "content": "Sort by"
+                              "type": "typography",
+                              "variant": "caption"
                             },
                             {
-                              "type": "button",
-                              "label": "Name",
-                              "event": "SORT",
+                              "icon": "chevron-up",
                               "actionPayload": {
                                 "field": "name",
                                 "direction": "desc"
                               },
+                              "type": "button",
+                              "event": "SORT",
                               "variant": "primary",
-                              "icon": "chevron-up"
+                              "label": "Name"
                             },
                             {
-                              "type": "button",
+                              "icon": "arrow-up-down",
                               "label": "Description",
                               "event": "SORT",
                               "actionPayload": {
                                 "field": "description",
                                 "direction": "asc"
                               },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              "type": "button",
+                              "variant": "secondary"
                             },
                             {
+                              "event": "SORT",
+                              "variant": "secondary",
                               "type": "button",
+                              "icon": "arrow-up-down",
                               "label": "Status",
-                              "event": "SORT",
                               "actionPayload": {
                                 "field": "status",
                                 "direction": "asc"
-                              },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              }
                             },
                             {
                               "type": "button",
-                              "label": "CreatedAt",
+                              "variant": "secondary",
+                              "icon": "arrow-up-down",
                               "event": "SORT",
                               "actionPayload": {
-                                "field": "createdAt",
-                                "direction": "asc"
+                                "direction": "asc",
+                                "field": "createdAt"
                               },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              "label": "CreatedAt"
                             }
-                          ]
+                          ],
+                          "gap": "sm",
+                          "direction": "horizontal"
                         },
                         {
-                          "type": "data-grid",
                           "entity": "SortableItem",
                           "emptyIcon": "inbox",
                           "emptyTitle": "No sortableitems yet",
                           "emptyDescription": "Add sortableitems to see them here.",
+                          "type": "data-grid",
                           "columns": [
                             {
-                              "name": "name",
                               "label": "Name",
-                              "variant": "h4"
+                              "variant": "h4",
+                              "name": "name"
                             },
                             {
                               "name": "description",
@@ -520,24 +588,23 @@
                               "variant": "caption"
                             },
                             {
-                              "name": "status",
                               "label": "Status",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "name": "status"
                             }
                           ]
                         },
                         {
                           "type": "sortable-list",
-                          "entity": "SortableItem",
                           "onReorder": "SORT",
+                          "entity": "SortableItem",
                           "renderItem": [
                             "fn",
                             "item",
                             {
-                              "type": "stack",
+                              "align": "center",
                               "direction": "horizontal",
                               "gap": "md",
-                              "align": "center",
                               "children": [
                                 {
                                   "type": "icon",
@@ -545,15 +612,18 @@
                                   "size": "sm"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
+                                  "type": "typography",
                                   "content": "@item.name"
                                 }
-                              ]
+                              ],
+                              "type": "stack"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "gap": "lg",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -565,7 +635,13 @@
                 "effects": [
                   [
                     "fetch",
-                    "SortableItem"
+                    "SortableItem",
+                    {
+                      "emit": {
+                        "failure": "SortableItemLoadFailed",
+                        "success": "SortableItemLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
@@ -573,102 +649,101 @@
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "justify": "space-between",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
                               "children": [
                                 {
+                                  "size": "lg",
                                   "type": "icon",
-                                  "name": "arrow-up-down",
-                                  "size": "lg"
+                                  "name": "arrow-up-down"
                                 },
                                 {
                                   "type": "typography",
                                   "content": "SortableItems",
                                   "variant": "h2"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "align": "center",
+                              "gap": "sm"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "stack",
+                          "align": "center",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "typography",
                               "variant": "caption",
-                              "color": "muted",
-                              "content": "Sort by"
+                              "content": "Sort by",
+                              "color": "muted"
                             },
                             {
-                              "type": "button",
-                              "label": "Name",
+                              "variant": "secondary",
+                              "icon": "arrow-up-down",
                               "event": "SORT",
+                              "label": "Name",
                               "actionPayload": {
                                 "field": "name",
                                 "direction": "asc"
                               },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              "type": "button"
                             },
                             {
-                              "type": "button",
-                              "label": "Description",
-                              "event": "SORT",
                               "actionPayload": {
-                                "field": "description",
-                                "direction": "asc"
+                                "direction": "asc",
+                                "field": "description"
                               },
+                              "type": "button",
                               "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              "icon": "arrow-up-down",
+                              "event": "SORT",
+                              "label": "Description"
                             },
                             {
-                              "type": "button",
+                              "variant": "secondary",
                               "label": "Status",
+                              "icon": "arrow-up-down",
                               "event": "SORT",
                               "actionPayload": {
                                 "field": "status",
                                 "direction": "asc"
                               },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              "type": "button"
                             },
                             {
-                              "type": "button",
-                              "label": "CreatedAt",
+                              "variant": "secondary",
                               "event": "SORT",
+                              "label": "CreatedAt",
+                              "icon": "arrow-up-down",
+                              "type": "button",
                               "actionPayload": {
                                 "field": "createdAt",
                                 "direction": "asc"
-                              },
-                              "variant": "secondary",
-                              "icon": "arrow-up-down"
+                              }
                             }
-                          ]
+                          ],
+                          "type": "stack"
                         },
                         {
+                          "emptyTitle": "No sortableitems yet",
                           "type": "data-grid",
                           "entity": "SortableItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No sortableitems yet",
                           "emptyDescription": "Add sortableitems to see them here.",
+                          "emptyIcon": "inbox",
                           "columns": [
                             {
                               "name": "name",
@@ -676,24 +751,26 @@
                               "variant": "h4"
                             },
                             {
-                              "name": "description",
                               "label": "Description",
+                              "name": "description",
                               "variant": "caption"
                             },
                             {
                               "name": "status",
-                              "label": "Status",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "label": "Status"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "gap": "lg"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
@@ -709,4 +786,4 @@
       ]
     }
   ]
-}
+}