mautourco-components 0.2.20 → 0.2.21

package/dist/components/organisms/Booking/BookingStep/BookingStep.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import './BookingStep.css';
 export interface BookingStepProps {
     steps: StepperTimelineItem[];
+    currentStep?: number;
     className?: string;
     nextDisabled?: boolean;
     onStepChange?: (step: StepperTimelineItem, index: number) => void;

package/dist/components/organisms/Booking/BookingStep/BookingStep.js

@@ -12,10 +12,10 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Button from '@/src/components/atoms/Button/Button';
 import { StepperTimeline, } from '@/src/components/molecules/StepperTimeline/StepperTimeline';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import './BookingStep.css';
 export var BookingStep = function (props) {
-    var steps = props.steps, className = props.className, nextDisabled = props.nextDisabled, onStepChange = props.onStepChange, onNextClick = props.onNextClick;
+    var steps = props.steps, className = props.className, nextDisabled = props.nextDisabled, currentStep = props.currentStep, onStepChange = props.onStepChange, onNextClick = props.onNextClick;
     var _a = useState(0), currentIndex = _a[0], setCurrentIndex = _a[1];
     var handleStepChange = function (step, index) {
         setCurrentIndex(index);
@@ -26,5 +26,8 @@ export var BookingStep = function (props) {
         setCurrentIndex(currentStep);
         onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(steps[currentStep], currentStep);
     };
+    useEffect(function () {
+        setCurrentIndex(currentStep ? currentStep - 1 : 0);
+    }, [currentStep]);
     return (_jsxs("div", __assign({ className: "booking-step" }, { children: [_jsx(StepperTimeline, { steps: steps, className: className, currentIndex: currentIndex, onChange: handleStepChange }), _jsx(Button, __assign({ trailingIcon: "arrow-right-outline", variant: "secondary", className: "w-[189px]", disabled: nextDisabled, onClick: handleNextClick }, { children: currentIndex === steps.length - 1 ? 'Confirm' : 'Next' }))] })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "private": false,
   "description": "Bibliothèque de composants Motorco pour le redesign",
   "main": "dist/index.js",

package/src/components/organisms/Booking/BookingStep/BookingStep.tsx

@@ -3,11 +3,12 @@ import {
   StepperTimeline,
   StepperTimelineItem,
 } from '@/src/components/molecules/StepperTimeline/StepperTimeline';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import './BookingStep.css';
 
 export interface BookingStepProps {
   steps: StepperTimelineItem[];
+  currentStep?: number;
   className?: string;
   nextDisabled?: boolean;
   onStepChange?: (step: StepperTimelineItem, index: number) => void;
@@ -15,7 +16,8 @@ export interface BookingStepProps {
 }
 
 export const BookingStep: React.FC<BookingStepProps> = (props) => {
-  const { steps, className, nextDisabled, onStepChange, onNextClick } = props;
+  const { steps, className, nextDisabled, currentStep, onStepChange, onNextClick } =
+    props;
 
   const [currentIndex, setCurrentIndex] = useState<number>(0);
 
@@ -30,6 +32,10 @@ export const BookingStep: React.FC<BookingStepProps> = (props) => {
     onNextClick?.(steps[currentStep], currentStep);
   };
 
+  useEffect(() => {
+    setCurrentIndex(currentStep ? currentStep - 1 : 0);
+  }, [currentStep]);
+
   return (
     <div className="booking-step">
       <StepperTimeline