@tent-official/react-walkthrough 1.5.1 → 1.6.1

package/README.md

@@ -87,7 +87,7 @@ Hook to register a walkthrough tour.
 | `prevLabel` | `string` | `"Back"` | Previous button label (can be overridden per step) |
 | `skipLabel` | `string` | `"Skip"` | Skip button label (can be overridden per step) |
 | `delay` | `number` | `0` | Delay in ms before highlighting the first step. During delay, a dark overlay is shown |
-| `doneLabel` | `string` | `"Done"` | Done button label (last step) |
+| `doneLabel` | `string` | `"Done"` | Done button label (last step) (can be overridden per step) |
 | `containerElement` | `string` | — | DOM element ID of the scrollable container (e.g. a drawer). When provided, scrolls within this container instead of the window |
 | `animationSpeed` | `number` | `350` | Base animation speed (ms) used to calculate transition duration from distance |
 | `displayTotal` | `number` | — | Override the total step count displayed in the step counter (display-only, does not affect logic) |
@@ -116,6 +116,7 @@ Hook to register a walkthrough tour.
 | `nextLabel` | `string` | — | Override tour-level `nextLabel` for this step |
 | `prevLabel` | `string` | — | Override tour-level `prevLabel` for this step |
 | `skipLabel` | `string` | — | Override tour-level `skipLabel` for this step |
+| `doneLabel` | `string` | — | Override tour-level `doneLabel` for this step |
 | `displayStep` | `number` | — | Override the displayed step number for this step (display-only) |
 | `displayTotal` | `number` | — | Override the displayed total for this step (display-only) |
 | `delayAfterNext` | `number` | `0` | Delay in ms after clicking "Next" (after `onStepNext` and `triggerElOnNext` have fired) before advancing to the next step. The overlay stays visible with the popover hidden during the delay |

package/dist/index.d.mts

@@ -55,6 +55,8 @@ interface IWalkthroughStep {
     prevLabel?: string;
     /** Override tour-level skipLabel for this specific step. If omitted, uses the tour-level value */
     skipLabel?: string;
+    /** Override tour-level doneLabel for this specific step. If omitted, uses the tour-level value */
+    doneLabel?: string;
     /** Override the displayed current step number for this specific step (display-only, does not affect logic). If omitted, uses the calculated value from tour-level settings */
     displayStep?: number;
     /** Override the displayed total step count for this specific step (display-only, does not affect logic). If omitted, uses the tour-level displayTotal or actual count */

package/dist/index.d.ts

@@ -55,6 +55,8 @@ interface IWalkthroughStep {
     prevLabel?: string;
     /** Override tour-level skipLabel for this specific step. If omitted, uses the tour-level value */
     skipLabel?: string;
+    /** Override tour-level doneLabel for this specific step. If omitted, uses the tour-level value */
+    doneLabel?: string;
     /** Override the displayed current step number for this specific step (display-only, does not affect logic). If omitted, uses the calculated value from tour-level settings */
     displayStep?: number;
     /** Override the displayed total step count for this specific step (display-only, does not affect logic). If omitted, uses the tour-level displayTotal or actual count */

package/dist/index.js

@@ -625,7 +625,7 @@ var WalkthroughOverlay = ({
   prevColor,
   skipColor
 } = {}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   injectKeyframes();
   const { activeTour } = useGlobalState();
   const instanceIdRef = react.useRef(null);
@@ -948,11 +948,12 @@ var WalkthroughOverlay = ({
     nextLabel: tourNextLabel = "Next",
     prevLabel: tourPrevLabel = "Back",
     skipLabel: tourSkipLabel = "Skip",
-    doneLabel = "Done"
+    doneLabel: tourDoneLabel = "Done"
   } = activeTour;
   const nextLabel = (_h = step.nextLabel) != null ? _h : tourNextLabel;
   const prevLabel = (_i = step.prevLabel) != null ? _i : tourPrevLabel;
   const skipLabel = (_j = step.skipLabel) != null ? _j : tourSkipLabel;
+  const doneLabel = (_k = step.doneLabel) != null ? _k : tourDoneLabel;
   const advanceStep = (hasTrigger) => {
     var _a2;
     const currentOrigIdx = validSteps[currentValidPos]._originalIdx;
@@ -994,12 +995,13 @@ var WalkthroughOverlay = ({
       const SETTLE_DELAY = 150;
       const targetEl = document.getElementById(nextElId);
       if (targetEl) {
-        let targetStepIdx = -1;
-        for (let i = currentOrigIdx + 1; i < activeTour.steps.length; i++) {
-          if (resolveElId(activeTour.steps[i].el) === nextElId) {
-            targetStepIdx = i;
-            break;
-          }
+        let targetStepIdx = activeTour.steps.findIndex(
+          (s, i) => i > currentOrigIdx && resolveElId(s.el) === nextElId
+        );
+        if (targetStepIdx === -1) {
+          targetStepIdx = activeTour.steps.findIndex(
+            (s) => resolveElId(s.el) === nextElId
+          );
         }
         if (targetStepIdx !== -1) {
           const targetStepDef = activeTour.steps[targetStepIdx];
@@ -1144,10 +1146,10 @@ var WalkthroughOverlay = ({
     displayPosRef.current = currentValidPos;
   }
   const ds = displayStepRef.current;
-  const dir = (_k = popoverPos == null ? void 0 : popoverPos.dir) != null ? _k : "bottom";
-  const align = (_l = popoverPos == null ? void 0 : popoverPos.align) != null ? _l : "start";
-  const offsetX = (_m = popoverPos == null ? void 0 : popoverPos.offsetX) != null ? _m : 0;
-  const offsetY = (_n = popoverPos == null ? void 0 : popoverPos.offsetY) != null ? _n : 0;
+  const dir = (_l = popoverPos == null ? void 0 : popoverPos.dir) != null ? _l : "bottom";
+  const align = (_m = popoverPos == null ? void 0 : popoverPos.align) != null ? _m : "start";
+  const offsetX = (_n = popoverPos == null ? void 0 : popoverPos.offsetX) != null ? _n : 0;
+  const offsetY = (_o = popoverPos == null ? void 0 : popoverPos.offsetY) != null ? _o : 0;
   const anchorStyle = popoverReady ? {
     position: "fixed",
     top: rect.top,
@@ -1246,7 +1248,7 @@ var WalkthroughOverlay = ({
       /* @__PURE__ */ jsxRuntime.jsxs(PopoverBody, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "row", justifyContent: "space-between" }, children: [
           pStep.title ? /* @__PURE__ */ jsxRuntime.jsx(PopoverTitle, { children: pStep.title }) : "",
-          ((_o = pStep.isShowStep) != null ? _o : pIsShowStep) && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: "#a1a1aa", fontSize: "12px", fontWeight: "400" }, children: [
+          ((_p = pStep.isShowStep) != null ? _p : pIsShowStep) && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: "#a1a1aa", fontSize: "12px", fontWeight: "400" }, children: [
             pDisplayCurrentStep,
             "/",
             pDisplayTotalSteps
@@ -1271,7 +1273,7 @@ var WalkthroughOverlay = ({
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup, { children: [
-          ((_p = pStep.isShowPrev) != null ? _p : pIsShowPrev) && pCurrentValidPos > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          ((_q = pStep.isShowPrev) != null ? _q : pIsShowPrev) && pCurrentValidPos > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               className: "wt-btn",