feat(marimekko): expose thickness and dimensions scale

plouc · Nov 16, 2020 · 914f185 · 914f185
1 parent a8437cc
commit 914f185
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/marimekko/src/Marimekko.tsx b/packages/marimekko/src/Marimekko.tsx
@@ -35,7 +35,7 @@ const InnerMarimekko = <RawDatum,>({
         partialMargin
     )
 
-    const { computedData, bars } = useMarimekko<RawDatum>({
+    const { computedData, bars, thicknessScale, dimensionsScale } = useMarimekko<RawDatum>({
         data,
         id,
         value,
@@ -71,6 +71,8 @@ const InnerMarimekko = <RawDatum,>({
     const layerContext = useLayerContext<RawDatum>({
         data: computedData,
         bars,
+        thicknessScale,
+        dimensionsScale,
     })
 
     return (

diff --git a/packages/marimekko/src/hooks.ts b/packages/marimekko/src/hooks.ts
@@ -290,20 +290,28 @@ export const useMarimekko = <RawDatum>({
     return {
         computedData,
         bars,
+        thicknessScale,
+        dimensionsScale,
     }
 }
 
 export const useLayerContext = <RawDatum>({
     data,
     bars,
+    thicknessScale,
+    dimensionsScale,
 }: {
     data: ComputedDatum<RawDatum>[]
     bars: BarDatum<RawDatum>[]
+    thicknessScale: ScaleLinear<number, number>
+    dimensionsScale: ScaleLinear<number, number>
 }): CustomLayerProps<RawDatum> =>
     useMemo(
         () => ({
             data,
             bars,
+            thicknessScale,
+            dimensionsScale,
         }),
-        [data, bars]
+        [data, bars, thicknessScale, dimensionsScale]
     )