ui-manchette-with-spacetimechart: add resetZoom callback

Signed-off-by: Clara Ni <[email protected]>

Author: clarani

ui-manchette-with-spacetimechart/src/hooks/useManchetteWithSpaceTimeChart.ts

@@ -100,6 +100,10 @@ const useManchettesWithSpaceTimeChart = (
     }
   }, [yZoom]);
 
+  const resetZoom = useCallback(() => {
+    setState((prev) => ({ ...prev, yZoom: 1 }));
+  }, []);
+
   const handleScroll = useCallback(() => {
     if (!isShiftPressed && manchetteWithSpaceTimeChartContainer.current) {
       const { scrollTop } = manchetteWithSpaceTimeChartContainer.current;
@@ -146,11 +150,12 @@ const useManchettesWithSpaceTimeChart = (
       operationalPoints: operationalPointsWithHeight,
       zoomYIn,
       zoomYOut,
+      resetZoom,
       toggleMode,
       yZoom,
       isProportional,
     }),
-    [operationalPointsWithHeight, zoomYIn, zoomYOut, toggleMode, yZoom, isProportional]
+    [operationalPointsWithHeight, zoomYIn, zoomYOut, resetZoom, toggleMode, yZoom, isProportional]
   );
 
   // Memoize spaceTimeChartProps separately

ui-manchette-with-spacetimechart/src/stories/base.stories.tsx

@@ -69,10 +69,12 @@ const ManchetteWithSpaceTimeWrapper = ({
   );
 };
 
-export default {
+const meta = {
   title: 'Manchette with SpaceTimeChart/rendering',
   component: ManchetteWithSpaceTimeWrapper,
-} as Meta<typeof ManchetteWithSpaceTimeWrapper>;
+} satisfies Meta<typeof ManchetteWithSpaceTimeWrapper>;
+
+export default meta;
 
 export const Default = {
   args: {