@almadar/std 6.5.2 → 7.2.0

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

@@ -1,7 +1,7 @@
 {
   "name": "std-upload",
   "version": "1.0.0",
-  "description": "File upload atom with drag-and-drop zone and progress tracking. Absorbs: upload-drop-zone.",
+  "description": "std-upload as a Function",
   "orbitals": [
     {
       "name": "UploadFileOrbital",
@@ -43,7 +43,7 @@
           {
             "name": "fileSize",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "uploadStatus",
@@ -55,8 +55,8 @@
       "traits": [
         {
           "name": "UploadFileUpload",
-          "linkedEntity": "UploadFile",
           "category": "interaction",
+          "linkedEntity": "UploadFile",
           "stateMachine": {
             "states": [
               {
@@ -97,13 +97,13 @@
                 "key": "FAILED",
                 "name": "Failed"
               },
-              {
-                "key": "RETRY",
-                "name": "Retry"
-              },
               {
                 "key": "RESET",
                 "name": "Reset"
+              },
+              {
+                "key": "RETRY",
+                "name": "Retry"
               }
             ],
             "transitions": [
@@ -116,16 +116,12 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "lg",
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "align": "center",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
@@ -133,21 +129,25 @@
                               "size": "lg"
                             },
                             {
-                              "type": "typography",
                               "content": "Upload",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "type": "typography"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "type": "stack",
+                          "align": "center"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "upload-drop-zone",
-                          "accept": "*/*",
                           "event": "UPLOAD",
+                          "type": "upload-drop-zone",
                           "multiple": false,
-                          "maxSize": 10485760
+                          "accept": "*/*",
+                          "maxSize": 10485760.0
                         }
                       ]
                     }
@@ -173,16 +173,14 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
                       "gap": "lg",
                       "align": "center",
                       "children": [
                         {
                           "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
-                          "align": "center",
+                          "direction": "horizontal",
                           "children": [
                             {
                               "type": "icon",
@@ -194,14 +192,15 @@
                               "content": "Uploading...",
                               "variant": "h2"
                             }
-                          ]
+                          ],
+                          "align": "center"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "variant": "body",
+                          "type": "typography",
                           "content": [
                             "object/get",
                             [
@@ -212,15 +211,16 @@
                           ]
                         },
                         {
+                          "showPercentage": true,
                           "type": "progress-bar",
-                          "value": 50,
-                          "showPercentage": true
+                          "value": 50.0
                         },
                         {
-                          "type": "spinner",
-                          "size": "md"
+                          "size": "md",
+                          "type": "spinner"
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -239,21 +239,21 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
+                      "type": "stack",
                       "align": "center",
+                      "direction": "vertical",
                       "children": [
                         {
+                          "gap": "sm",
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "check-circle",
-                              "size": "lg"
+                              "size": "lg",
+                              "type": "icon"
                             },
                             {
                               "type": "typography",
@@ -266,13 +266,12 @@
                           "type": "divider"
                         },
                         {
-                          "type": "alert",
                           "variant": "success",
+                          "type": "alert",
                           "message": "File uploaded successfully."
                         },
                         {
                           "type": "typography",
-                          "variant": "caption",
                           "color": "muted",
                           "content": [
                             "object/get",
@@ -281,13 +280,14 @@
                               "@entity"
                             ],
                             "fileName"
-                          ]
+                          ],
+                          "variant": "caption"
                         },
                         {
-                          "type": "button",
-                          "label": "Upload Another",
                           "event": "RESET",
                           "variant": "primary",
+                          "label": "Upload Another",
+                          "type": "button",
                           "icon": "upload"
                         }
                       ]
@@ -310,75 +310,75 @@
                     "main",
                     {
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "align": "center",
                       "children": [
                         {
-                          "type": "error-state",
-                          "title": "Upload Failed",
+                          "onRetry": "UPLOAD",
                           "message": "Something went wrong. Please try again.",
-                          "onRetry": "UPLOAD"
+                          "title": "Upload Failed",
+                          "type": "error-state"
                         },
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
                           "justify": "center",
                           "children": [
                             {
-                              "type": "button",
-                              "label": "Retry",
                               "event": "RETRY",
+                              "label": "Retry",
                               "variant": "primary",
-                              "icon": "rotate-ccw"
+                              "icon": "rotate-ccw",
+                              "type": "button"
                             },
                             {
-                              "type": "button",
+                              "variant": "ghost",
                               "label": "Cancel",
                               "event": "RESET",
-                              "variant": "ghost"
+                              "type": "button"
                             }
-                          ]
+                          ],
+                          "gap": "sm"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "gap": "lg"
                     }
                   ]
                 ]
               },
               {
-                "from": "error",
-                "to": "uploading",
-                "event": "RETRY",
+                "from": "complete",
+                "to": "idle",
+                "event": "RESET",
                 "effects": [
                   [
                     "set",
                     "@entity.uploadStatus",
-                    "uploading"
+                    "idle"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "align": "center",
+                      "gap": "lg",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
+                          "type": "stack",
                           "align": "center",
+                          "gap": "sm",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "upload",
-                              "size": "lg"
+                              "size": "lg",
+                              "name": "upload"
                             },
                             {
                               "type": "typography",
-                              "content": "Uploading...",
+                              "content": "Upload",
                               "variant": "h2"
                             }
                           ]
@@ -387,25 +387,11 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "variant": "body",
-                          "content": [
-                            "object/get",
-                            [
-                              "array/first",
-                              "@entity"
-                            ],
-                            "fileName"
-                          ]
-                        },
-                        {
-                          "type": "progress-bar",
-                          "value": 50,
-                          "showPercentage": true
-                        },
-                        {
-                          "type": "spinner",
-                          "size": "md"
+                          "accept": "*/*",
+                          "maxSize": 10485760.0,
+                          "event": "UPLOAD",
+                          "multiple": false,
+                          "type": "upload-drop-zone"
                         }
                       ]
                     }
@@ -414,37 +400,36 @@
               },
               {
                 "from": "error",
-                "to": "idle",
-                "event": "RESET",
+                "to": "uploading",
+                "event": "RETRY",
                 "effects": [
                   [
                     "set",
                     "@entity.uploadStatus",
-                    "idle"
+                    "uploading"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "align": "center",
+                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
+                          "align": "center",
                           "direction": "horizontal",
+                          "type": "stack",
                           "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "upload",
-                              "size": "lg"
+                              "size": "lg",
+                              "name": "upload"
                             },
                             {
+                              "content": "Uploading...",
                               "type": "typography",
-                              "content": "Upload",
                               "variant": "h2"
                             }
                           ]
@@ -453,19 +438,34 @@
                           "type": "divider"
                         },
                         {
-                          "type": "upload-drop-zone",
-                          "accept": "*/*",
-                          "event": "UPLOAD",
-                          "multiple": false,
-                          "maxSize": 10485760
+                          "variant": "body",
+                          "content": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "fileName"
+                          ],
+                          "type": "typography"
+                        },
+                        {
+                          "showPercentage": true,
+                          "value": 50.0,
+                          "type": "progress-bar"
+                        },
+                        {
+                          "type": "spinner",
+                          "size": "md"
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
               },
               {
-                "from": "complete",
+                "from": "error",
                 "to": "idle",
                 "event": "RESET",
                 "effects": [
@@ -478,16 +478,14 @@
                     "render-ui",
                     "main",
                     {
+                      "align": "center",
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
-                      "align": "center",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
@@ -496,28 +494,31 @@
                             },
                             {
                               "type": "typography",
-                              "content": "Upload",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "content": "Upload"
                             }
-                          ]
+                          ],
+                          "align": "center"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "upload-drop-zone",
-                          "accept": "*/*",
-                          "event": "UPLOAD",
+                          "maxSize": 10485760.0,
                           "multiple": false,
-                          "maxSize": 10485760
+                          "event": "UPLOAD",
+                          "accept": "*/*",
+                          "type": "upload-drop-zone"
                         }
-                      ]
+                      ],
+                      "gap": "lg"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "instance"
         }
       ],
       "pages": [
@@ -533,4 +534,4 @@
       ]
     }
   ]
-}
+}