🐛 Add formatted value to Alluvial node slot

Adyen · Jul 13, 2023 · f164c8b · f164c8b
1 parent a8d1193
commit f164c8b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/lib/src/components/charts/lume-alluvial-diagram/README.md b/packages/lib/src/components/charts/lume-alluvial-diagram/README.md
@@ -182,6 +182,7 @@ interface HighlightedElements {
 
 Available for every node in the diagram. `NODE_ID` is the `value` provided in the dataset.
 
-| Name   | Type                                           | Description    |
-| ------ | ---------------------------------------------- | -------------- |
-| `node` | `SankeyNode<SankeyNodeProps, SankeyLinkProps>` | The node data. |
+| Name    | Type                                           | Description                 |
+| ------- | ---------------------------------------------- | --------------------------- |
+| `node`  | `SankeyNode<SankeyNodeProps, SankeyLinkProps>` | The node data.              |
+| `value` | `number \| string`                             | The node's formatted value. |
diff --git a/packages/lib/src/components/groups/lume-alluvial-group/lume-alluvial-group.vue b/packages/lib/src/components/groups/lume-alluvial-group/lume-alluvial-group.vue
@@ -135,6 +135,12 @@
           <slot
             :name="`node-text-${block.node.id}`"
             :node="block.node"
+            :value="
+              formatValue(
+                block.node.transitionValue || block.node.value,
+                block.node.value
+              )
+            "
           >
             <lume-alluvial-node-label>
               {{ block.node.label }}