@almadar/std 3.2.1 → 3.2.3

package/dist/behaviors/exports/atoms/std-search.orb

@@ -22,16 +22,16 @@
           {
             "name": "status",
             "type": "string",
-            "default": "active"
+            "default": "active",
+            "values": [
+              "active",
+              "inactive",
+              "pending"
+            ]
           },
           {
             "name": "createdAt",
             "type": "string"
-          },
-          {
-            "name": "query",
-            "type": "string",
-            "default": ""
           }
         ]
       },
@@ -114,6 +114,12 @@
                           "type": "search-input",
                           "placeholder": "Search...",
                           "event": "SEARCH"
+                        },
+                        {
+                          "type": "empty-state",
+                          "icon": "search",
+                          "title": "Search to find results",
+                          "description": "Type a query to search across searchresults."
                         }
                       ]
                     }
@@ -125,11 +131,6 @@
                 "to": "searching",
                 "event": "SEARCH",
                 "effects": [
-                  [
-                    "set",
-                    "@entity.query",
-                    "@payload.query"
-                  ],
                   [
                     "fetch",
                     "SearchResult"
@@ -165,7 +166,7 @@
                                   "content": [
                                     "concat",
                                     "Results for \"",
-                                    "@entity.query",
+                                    "@payload.query",
                                     "\""
                                   ],
                                   "variant": "h2"
@@ -185,21 +186,30 @@
                           "type": "divider"
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "SearchResult",
-                          "emptyIcon": "search",
-                          "emptyTitle": "No results found",
-                          "emptyDescription": "Try a different search term.",
+                          "type": "popover",
+                          "position": "bottom",
+                          "trigger": "click",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "sm",
-                              "children": [
+                              "type": "data-grid",
+                              "entity": "SearchResult",
+                              "emptyIcon": "search",
+                              "emptyTitle": "No results found",
+                              "emptyDescription": "Try a different search term.",
+                              "renderItem": [
+                                "fn",
+                                "item",
                                 {
-                                  "type": "typography",
-                                  "variant": "h4",
-                                  "content": "@entity.name"
+                                  "type": "stack",
+                                  "direction": "vertical",
+                                  "gap": "sm",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "h4",
+                                      "content": "@item.name"
+                                    }
+                                  ]
                                 }
                               ]
                             }
@@ -215,11 +225,6 @@
                 "to": "searching",
                 "event": "SEARCH",
                 "effects": [
-                  [
-                    "set",
-                    "@entity.query",
-                    "@payload.query"
-                  ],
                   [
                     "fetch",
                     "SearchResult"
@@ -255,7 +260,7 @@
                                   "content": [
                                     "concat",
                                     "Results for \"",
-                                    "@entity.query",
+                                    "@payload.query",
                                     "\""
                                   ],
                                   "variant": "h2"
@@ -275,21 +280,30 @@
                           "type": "divider"
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "SearchResult",
-                          "emptyIcon": "search",
-                          "emptyTitle": "No results found",
-                          "emptyDescription": "Try a different search term.",
+                          "type": "popover",
+                          "position": "bottom",
+                          "trigger": "click",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "sm",
-                              "children": [
+                              "type": "data-grid",
+                              "entity": "SearchResult",
+                              "emptyIcon": "search",
+                              "emptyTitle": "No results found",
+                              "emptyDescription": "Try a different search term.",
+                              "renderItem": [
+                                "fn",
+                                "item",
                                 {
-                                  "type": "typography",
-                                  "variant": "h4",
-                                  "content": "@entity.name"
+                                  "type": "stack",
+                                  "direction": "vertical",
+                                  "gap": "sm",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "h4",
+                                      "content": "@item.name"
+                                    }
+                                  ]
                                 }
                               ]
                             }
@@ -305,11 +319,6 @@
                 "to": "idle",
                 "event": "CLEAR",
                 "effects": [
-                  [
-                    "set",
-                    "@entity.query",
-                    ""
-                  ],
                   [
                     "fetch",
                     "SearchResult"
@@ -347,6 +356,12 @@
                           "type": "search-input",
                           "placeholder": "Search...",
                           "event": "SEARCH"
+                        },
+                        {
+                          "type": "empty-state",
+                          "icon": "search",
+                          "title": "Search to find results",
+                          "description": "Type a query to search across searchresults."
                         }
                       ]
                     }

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

@@ -22,16 +22,16 @@
           {
             "name": "status",
             "type": "string",
-            "default": "active"
+            "default": "active",
+            "values": [
+              "active",
+              "inactive",
+              "pending"
+            ]
           },
           {
             "name": "createdAt",
             "type": "string"
-          },
-          {
-            "name": "selectedId",
-            "type": "string",
-            "default": ""
           }
         ]
       },
@@ -79,7 +79,14 @@
               },
               {
                 "key": "CONFIRM_SELECTION",
-                "name": "Confirm Selection"
+                "name": "Confirm Selection",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -134,7 +141,16 @@
                           "emptyTitle": "No selectableitems yet",
                           "emptyDescription": "Add selectableitems to see them here.",
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
+                          "itemActions": [
+                            {
+                              "label": "Select",
+                              "event": "SELECT",
+                              "icon": "check"
+                            }
+                          ],
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
                               "type": "stack",
                               "direction": "horizontal",
@@ -142,22 +158,8 @@
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "circle",
-                                  "size": "sm",
-                                  "color": "muted"
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "h4",
-                                  "content": "@entity.name"
-                                },
-                                {
-                                  "type": "button",
-                                  "label": "Select",
-                                  "event": "SELECT",
-                                  "variant": "ghost",
-                                  "icon": "check"
+                                  "type": "checkbox",
+                                  "label": "@item.name"
                                 }
                               ]
                             }
@@ -174,9 +176,8 @@
                 "event": "SELECT",
                 "effects": [
                   [
-                    "set",
-                    "@entity.selectedId",
-                    "@payload.id"
+                    "fetch",
+                    "SelectableItem"
                   ],
                   [
                     "render-ui",
@@ -236,42 +237,70 @@
                           "type": "divider"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "align": "center",
-                          "children": [
+                          "type": "alert",
+                          "variant": "info",
+                          "message": [
+                            "concat",
+                            "Selected: ",
+                            "@payload.id"
+                          ]
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "SelectableItem",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No selectableitems yet",
+                          "emptyDescription": "Add selectableitems to see them here.",
+                          "itemActions": [
                             {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Selected ID:"
-                            },
+                              "label": "Select",
+                              "event": "SELECT",
+                              "icon": "check"
+                            }
+                          ],
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.selectedId"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "checkbox",
+                                  "label": "@item.name",
+                                  "checked": [
+                                    "==",
+                                    "@item.id",
+                                    "@payload.id"
+                                  ]
+                                }
+                              ]
                             }
                           ]
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "center",
-                          "children": [
+                          "type": "divider"
+                        },
+                        {
+                          "type": "button-group",
+                          "variant": "outline",
+                          "buttons": [
                             {
-                              "type": "button",
-                              "label": "Confirm",
-                              "event": "CONFIRM_SELECTION",
-                              "variant": "primary",
-                              "icon": "check"
+                              "label": "Select All",
+                              "event": "SELECT",
+                              "icon": "check-square"
                             },
                             {
-                              "type": "button",
-                              "label": "Deselect",
+                              "label": "Deselect All",
                               "event": "DESELECT",
-                              "variant": "ghost",
-                              "icon": "x"
+                              "icon": "square"
+                            },
+                            {
+                              "label": "Confirm",
+                              "event": "CONFIRM_SELECTION",
+                              "icon": "check"
                             }
                           ]
                         }
@@ -286,9 +315,8 @@
                 "event": "SELECT",
                 "effects": [
                   [
-                    "set",
-                    "@entity.selectedId",
-                    "@payload.id"
+                    "fetch",
+                    "SelectableItem"
                   ],
                   [
                     "render-ui",
@@ -348,42 +376,70 @@
                           "type": "divider"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "align": "center",
-                          "children": [
+                          "type": "alert",
+                          "variant": "info",
+                          "message": [
+                            "concat",
+                            "Selected: ",
+                            "@payload.id"
+                          ]
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "SelectableItem",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No selectableitems yet",
+                          "emptyDescription": "Add selectableitems to see them here.",
+                          "itemActions": [
                             {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Selected ID:"
-                            },
+                              "label": "Select",
+                              "event": "SELECT",
+                              "icon": "check"
+                            }
+                          ],
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.selectedId"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "checkbox",
+                                  "label": "@item.name",
+                                  "checked": [
+                                    "==",
+                                    "@item.id",
+                                    "@payload.id"
+                                  ]
+                                }
+                              ]
                             }
                           ]
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "center",
-                          "children": [
+                          "type": "divider"
+                        },
+                        {
+                          "type": "button-group",
+                          "variant": "outline",
+                          "buttons": [
                             {
-                              "type": "button",
-                              "label": "Confirm",
-                              "event": "CONFIRM_SELECTION",
-                              "variant": "primary",
-                              "icon": "check"
+                              "label": "Select All",
+                              "event": "SELECT",
+                              "icon": "check-square"
                             },
                             {
-                              "type": "button",
-                              "label": "Deselect",
+                              "label": "Deselect All",
                               "event": "DESELECT",
-                              "variant": "ghost",
-                              "icon": "x"
+                              "icon": "square"
+                            },
+                            {
+                              "label": "Confirm",
+                              "event": "CONFIRM_SELECTION",
+                              "icon": "check"
                             }
                           ]
                         }
@@ -397,11 +453,6 @@
                 "to": "idle",
                 "event": "DESELECT",
                 "effects": [
-                  [
-                    "set",
-                    "@entity.selectedId",
-                    ""
-                  ],
                   [
                     "fetch",
                     "SelectableItem"
@@ -448,7 +499,16 @@
                           "emptyTitle": "No selectableitems yet",
                           "emptyDescription": "Add selectableitems to see them here.",
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
+                          "itemActions": [
+                            {
+                              "label": "Select",
+                              "event": "SELECT",
+                              "icon": "check"
+                            }
+                          ],
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
                               "type": "stack",
                               "direction": "horizontal",
@@ -456,22 +516,8 @@
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "circle",
-                                  "size": "sm",
-                                  "color": "muted"
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "h4",
-                                  "content": "@entity.name"
-                                },
-                                {
-                                  "type": "button",
-                                  "label": "Select",
-                                  "event": "SELECT",
-                                  "variant": "ghost",
-                                  "icon": "check"
+                                  "type": "checkbox",
+                                  "label": "@item.name"
                                 }
                               ]
                             }
@@ -487,11 +533,6 @@
                 "to": "idle",
                 "event": "CLEAR",
                 "effects": [
-                  [
-                    "set",
-                    "@entity.selectedId",
-                    ""
-                  ],
                   [
                     "fetch",
                     "SelectableItem"
@@ -538,7 +579,16 @@
                           "emptyTitle": "No selectableitems yet",
                           "emptyDescription": "Add selectableitems to see them here.",
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
+                          "itemActions": [
+                            {
+                              "label": "Select",
+                              "event": "SELECT",
+                              "icon": "check"
+                            }
+                          ],
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
                               "type": "stack",
                               "direction": "horizontal",
@@ -546,22 +596,8 @@
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "circle",
-                                  "size": "sm",
-                                  "color": "muted"
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "h4",
-                                  "content": "@entity.name"
-                                },
-                                {
-                                  "type": "button",
-                                  "label": "Select",
-                                  "event": "SELECT",
-                                  "variant": "ghost",
-                                  "icon": "check"
+                                  "type": "checkbox",
+                                  "label": "@item.name"
                                 }
                               ]
                             }
@@ -619,6 +655,11 @@
                         {
                           "type": "divider"
                         },
+                        {
+                          "type": "alert",
+                          "variant": "success",
+                          "message": "Selection confirmed successfully."
+                        },
                         {
                           "type": "stack",
                           "direction": "horizontal",
@@ -633,7 +674,7 @@
                             {
                               "type": "typography",
                               "variant": "body",
-                              "content": "@entity.selectedId"
+                              "content": "@payload.id"
                             }
                           ]
                         },
@@ -654,11 +695,6 @@
                 "to": "idle",
                 "event": "CLEAR",
                 "effects": [
-                  [
-                    "set",
-                    "@entity.selectedId",
-                    ""
-                  ],
                   [
                     "fetch",
                     "SelectableItem"
@@ -705,7 +741,16 @@
                           "emptyTitle": "No selectableitems yet",
                           "emptyDescription": "Add selectableitems to see them here.",
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
+                          "itemActions": [
+                            {
+                              "label": "Select",
+                              "event": "SELECT",
+                              "icon": "check"
+                            }
+                          ],
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
                               "type": "stack",
                               "direction": "horizontal",
@@ -713,22 +758,8 @@
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "circle",
-                                  "size": "sm",
-                                  "color": "muted"
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "h4",
-                                  "content": "@entity.name"
-                                },
-                                {
-                                  "type": "button",
-                                  "label": "Select",
-                                  "event": "SELECT",
-                                  "variant": "ghost",
-                                  "icon": "check"
+                                  "type": "checkbox",
+                                  "label": "@item.name"
                                 }
                               ]
                             }