@almadar/std 15.6.1 → 15.7.0

package/behaviors/registry/app/organisms/std-embedded-dashboard.orb

@@ -183,8 +183,8 @@
                     "Dashboard",
                     {
                       "emit": {
-                        "success": "ITEMS_LOADED",
-                        "failure": "ITEMS_LOAD_FAILED"
+                        "failure": "ITEMS_LOAD_FAILED",
+                        "success": "ITEMS_LOADED"
                       }
                     }
                   ],
@@ -205,36 +205,32 @@
           "ref": "Stats.traits.StatsItemStats",
           "name": "DefaultKpiStats",
           "config": {
-            "viewPattern": "data-grid",
-            "title": "Key Metrics",
             "metrics": [
               {
-                "label": "Revenue",
-                "trend": 8.0,
-                "icon": "trending-up",
-                "trendPolarity": "higher-is-better",
                 "value": 142000.0,
-                "format": "currency",
+                "trendFormat": "percent",
                 "variant": "success",
-                "trendFormat": "percent"
+                "format": "currency",
+                "icon": "trending-up",
+                "label": "Revenue",
+                "trendPolarity": "higher-is-better",
+                "trend": 8.0
               },
               {
-                "value": 11833.0,
                 "format": "currency",
+                "icon": "repeat",
                 "variant": "primary",
                 "trendFormat": "percent",
                 "label": "MRR",
+                "trendPolarity": "higher-is-better",
                 "trend": 5.0,
-                "icon": "repeat",
-                "trendPolarity": "higher-is-better"
+                "value": 11833.0
               },
               {
-                "format": "number",
-                "label": "Customers",
-                "trend": 12.0,
                 "icon": "users",
+                "variant": "info",
                 "trendPolarity": "higher-is-better",
-                "trendFormat": "percent",
+                "trend": 12.0,
                 "sparklineData": [
                   180.0,
                   195.0,
@@ -244,276 +240,280 @@
                   238.0,
                   248.0
                 ],
-                "variant": "info",
+                "format": "number",
+                "label": "Customers",
+                "trendFormat": "percent",
                 "value": 248.0
               },
               {
-                "variant": "warning",
-                "format": "percent",
-                "trendFormat": "percent",
+                "trendPolarity": "lower-is-better",
+                "label": "Churn",
                 "trend": 1.0,
                 "value": 2.0,
-                "label": "Churn",
-                "trendPolarity": "lower-is-better",
-                "icon": "trending-down"
+                "trendFormat": "percent",
+                "icon": "trending-down",
+                "format": "percent",
+                "variant": "warning"
               }
-            ]
+            ],
+            "title": "Key Metrics",
+            "viewPattern": "data-grid"
           }
         },
         {
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "DefaultRevenueChart",
           "config": {
-            "drillEvent": "REVENUE_TILE_CLICKED",
-            "timeField": "date",
             "aggregation": "sum",
-            "series": [],
-            "chartType": "bar",
-            "sortDir": "desc",
-            "showLegend": false,
-            "height": 240.0,
-            "showValues": false,
+            "period": "quarter",
+            "stack": "none",
             "subtitle": "Last 4 quarters",
+            "valueField": "revenue",
             "sortField": "none",
+            "timeField": "date",
+            "limit": 0.0,
+            "height": 240.0,
+            "showValues": false,
+            "categoryField": "quarter",
             "viewPattern": "chart",
-            "timeAxis": false,
-            "valueField": "revenue",
+            "chartType": "bar",
+            "series": [],
+            "drillEvent": "REVENUE_TILE_CLICKED",
+            "sortDir": "desc",
             "title": "Revenue by Quarter",
-            "categoryField": "quarter",
-            "period": "quarter",
-            "limit": 0.0,
-            "stack": "none"
+            "showLegend": false,
+            "timeAxis": false
           }
         },
         {
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "DefaultDistributionChart",
           "config": {
-            "stack": "none",
+            "limit": 0.0,
+            "subtitle": "By segment",
+            "categoryField": "segment",
+            "drillEvent": "DISTRIBUTION_TILE_CLICKED",
             "aggregation": "sum",
-            "viewPattern": "chart",
-            "height": 240.0,
-            "title": "Revenue Distribution",
-            "series": [],
             "timeField": "date",
-            "sortDir": "desc",
-            "drillEvent": "DISTRIBUTION_TILE_CLICKED",
-            "timeAxis": false,
-            "chartType": "pie",
-            "showValues": false,
             "sortField": "value",
+            "timeAxis": false,
             "period": "month",
-            "valueField": "revenue",
+            "height": 240.0,
+            "stack": "none",
+            "showValues": false,
+            "viewPattern": "chart",
             "showLegend": true,
-            "limit": 0.0,
-            "subtitle": "By segment",
-            "categoryField": "segment"
+            "valueField": "revenue",
+            "title": "Revenue Distribution",
+            "chartType": "pie",
+            "series": [],
+            "sortDir": "desc"
           }
         },
         {
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "DefaultGrowthChart",
           "config": {
-            "stack": "none",
+            "sortField": "label",
             "sortDir": "desc",
-            "height": 240.0,
-            "showValues": false,
-            "chartType": "line",
-            "title": "Growth Over Time",
-            "categoryField": "month",
-            "subtitle": "Monthly trend",
+            "timeField": "date",
             "series": [],
-            "viewPattern": "chart",
+            "chartType": "line",
             "aggregation": "sum",
-            "sortField": "label",
+            "stack": "none",
+            "viewPattern": "chart",
+            "title": "Growth Over Time",
+            "timeAxis": true,
+            "drillEvent": "GROWTH_TILE_CLICKED",
             "limit": 0.0,
-            "timeField": "date",
-            "period": "month",
+            "categoryField": "month",
             "valueField": "value",
+            "height": 240.0,
+            "showValues": false,
             "showLegend": false,
-            "drillEvent": "GROWTH_TILE_CLICKED",
-            "timeAxis": true
+            "subtitle": "Monthly trend",
+            "period": "month"
           }
         },
         {
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "DefaultTopProductsChart",
           "config": {
-            "timeAxis": false,
-            "sortField": "value",
-            "showLegend": false,
-            "aggregation": "sum",
+            "valueField": "revenue",
+            "timeField": "date",
             "height": 240.0,
-            "chartType": "bar",
-            "series": [],
+            "aggregation": "sum",
+            "stack": "none",
+            "sortField": "value",
             "limit": 5.0,
-            "timeField": "date",
-            "drillEvent": "PRODUCT_TILE_CLICKED",
-            "subtitle": "Top 5 by revenue",
+            "period": "month",
+            "sortDir": "desc",
+            "chartType": "bar",
+            "showValues": true,
+            "showLegend": false,
             "categoryField": "product",
-            "stack": "none",
             "viewPattern": "chart",
-            "valueField": "revenue",
+            "timeAxis": false,
             "title": "Top Products",
-            "period": "month",
-            "sortDir": "desc",
-            "showValues": true
+            "subtitle": "Top 5 by revenue",
+            "series": [],
+            "drillEvent": "PRODUCT_TILE_CLICKED"
           }
         },
         {
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "DefaultAreaChart",
           "config": {
-            "valueField": "amount",
-            "categoryField": "month",
+            "sortDir": "desc",
+            "chartType": "area",
+            "timeAxis": true,
+            "timeField": "date",
+            "period": "month",
             "stack": "none",
+            "categoryField": "month",
+            "sortField": "label",
+            "drillEvent": "AREA_TILE_CLICKED",
+            "viewPattern": "chart",
             "subtitle": "Year-to-date",
-            "chartType": "area",
-            "series": [],
-            "aggregation": "sum",
-            "height": 240.0,
             "title": "Cumulative Sales",
-            "viewPattern": "chart",
-            "sortDir": "desc",
-            "sortField": "label",
-            "showValues": false,
-            "timeField": "date",
+            "series": [],
             "limit": 0.0,
-            "timeAxis": true,
-            "drillEvent": "AREA_TILE_CLICKED",
-            "period": "month",
-            "showLegend": false
+            "height": 240.0,
+            "showLegend": false,
+            "aggregation": "sum",
+            "valueField": "amount",
+            "showValues": false
           }
         },
         {
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "DefaultDonutChart",
           "config": {
+            "timeField": "date",
             "categoryField": "channel",
-            "period": "month",
-            "height": 240.0,
-            "stack": "none",
             "valueField": "value",
-            "timeField": "date",
+            "showValues": false,
             "subtitle": "By marketing channel",
+            "aggregation": "sum",
             "timeAxis": false,
-            "series": [],
-            "sortDir": "desc",
-            "title": "Channel Mix",
-            "showLegend": true,
+            "stack": "none",
             "sortField": "value",
-            "viewPattern": "chart",
+            "height": 240.0,
+            "title": "Channel Mix",
             "limit": 0.0,
-            "showValues": false,
+            "viewPattern": "chart",
+            "period": "month",
+            "showLegend": true,
+            "drillEvent": "DONUT_TILE_CLICKED",
+            "series": [],
             "chartType": "donut",
-            "aggregation": "sum",
-            "drillEvent": "DONUT_TILE_CLICKED"
+            "sortDir": "desc"
           }
         },
         {
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "DefaultActivityHistogram",
           "config": {
-            "chartType": "histogram",
-            "limit": 0.0,
+            "aggregation": "count",
+            "showLegend": false,
             "series": [],
-            "showValues": false,
-            "sortField": "label",
+            "drillEvent": "HISTOGRAM_TILE_CLICKED",
+            "subtitle": "Order count per bucket",
             "stack": "none",
-            "showLegend": false,
             "period": "day",
-            "drillEvent": "HISTOGRAM_TILE_CLICKED",
             "sortDir": "desc",
-            "timeAxis": false,
-            "height": 240.0,
+            "limit": 0.0,
+            "valueField": "count",
             "viewPattern": "chart",
-            "subtitle": "Order count per bucket",
-            "aggregation": "count",
+            "timeAxis": false,
+            "chartType": "histogram",
+            "sortField": "label",
             "timeField": "date",
+            "height": 240.0,
             "title": "Activity Distribution",
             "categoryField": "bucket",
-            "valueField": "count"
+            "showValues": false
           }
         },
         {
           "ref": "Scatter.traits.ScatterItemPlot",
           "name": "DefaultScatter",
           "config": {
+            "yField": "revenue",
             "sizeField": "ltv",
-            "xField": "spend",
-            "title": "Spend vs Revenue",
+            "drillEvent": "SCATTER_TILE_CLICKED",
             "colorField": "segment",
-            "height": 240.0,
-            "yField": "revenue",
             "subtitle": "Per customer",
+            "xField": "spend",
             "labelField": "customer",
-            "drillEvent": "SCATTER_TILE_CLICKED"
+            "height": 240.0,
+            "title": "Spend vs Revenue"
           }
         },
         {
           "ref": "DateRange.traits.DateRangeFilter",
           "name": "DefaultDateRange",
           "config": {
-            "event": "DATE_RANGE_CHANGED",
             "fromLabel": "From",
-            "toLabel": "To",
-            "buttonLabel": "Date range"
+            "buttonLabel": "Date range",
+            "event": "DATE_RANGE_CHANGED",
+            "toLabel": "To"
           }
         },
         {
           "ref": "Export.traits.ExportMenu",
           "name": "DefaultExport",
           "config": {
-            "event": "EXPORT_REQUESTED",
-            "tileId": "dashboard",
             "formats": [
               {
+                "label": "CSV",
                 "id": "csv",
-                "format": "csv",
-                "label": "CSV"
+                "format": "csv"
               },
               {
                 "label": "Excel",
-                "format": "xlsx",
-                "id": "xlsx"
+                "id": "xlsx",
+                "format": "xlsx"
               },
               {
+                "format": "pdf",
                 "id": "pdf",
-                "label": "PDF",
-                "format": "pdf"
+                "label": "PDF"
               },
               {
+                "id": "png",
                 "label": "PNG",
-                "format": "png",
-                "id": "png"
+                "format": "png"
               }
-            ]
+            ],
+            "tileId": "dashboard",
+            "event": "EXPORT_REQUESTED"
           }
         },
         {
           "ref": "Layout.traits.DashboardGridEmbedded",
           "name": "DashboardLayout",
           "config": {
+            "filter2Trait": "@trait.EmptyTile",
+            "toolbar1Trait": "@trait.DefaultExport",
+            "tile4Trait": "@trait.DefaultScatter",
+            "tile8Trait": "@trait.DefaultAreaChart",
+            "filter3Trait": "@trait.EmptyTile",
             "tile2Trait": "@trait.DefaultRevenueChart",
+            "tile5Trait": "@trait.DefaultGrowthChart",
+            "tile9Trait": "@trait.DefaultActivityHistogram",
+            "filter4Trait": "@trait.EmptyTile",
+            "tile6Trait": "@trait.DefaultTopProductsChart",
             "toolbar2Trait": "@trait.EmptyTile",
             "tile7Trait": "@trait.DefaultDonutChart",
-            "toolbar1Trait": "@trait.DefaultExport",
+            "tile11Trait": "@trait.EmptyTile",
+            "tile10Trait": "@trait.EmptyTile",
+            "tile12Trait": "@trait.EmptyTile",
             "toolbar3Trait": "@trait.EmptyTile",
-            "filter4Trait": "@trait.EmptyTile",
-            "tile5Trait": "@trait.DefaultGrowthChart",
-            "tile6Trait": "@trait.DefaultTopProductsChart",
-            "filter2Trait": "@trait.EmptyTile",
-            "tile9Trait": "@trait.DefaultActivityHistogram",
             "filter1Trait": "@trait.DefaultDateRange",
+            "minTileWidth": 320.0,
             "tile1Trait": "@trait.DefaultKpiStats",
-            "tile3Trait": "@trait.DefaultDistributionChart",
-            "tile10Trait": "@trait.EmptyTile",
-            "filter3Trait": "@trait.EmptyTile",
-            "tile12Trait": "@trait.EmptyTile",
-            "tile8Trait": "@trait.DefaultAreaChart",
-            "tile4Trait": "@trait.DefaultScatter",
-            "tile11Trait": "@trait.EmptyTile",
-            "minTileWidth": 320.0
+            "tile3Trait": "@trait.DefaultDistributionChart"
           }
         }
       ],