@salt-ds/lab 1.0.0-alpha.61 → 1.0.0-alpha.63

package/dist-cjs/stepped-tracker/stepReducer.js

@@ -4,105 +4,151 @@ var utils = require('./utils.js');
 
 function stepReducer(state, action) {
   var _a, _b;
-  if (action.type === "next") {
-    if (((_a = state.activeStep) == null ? void 0 : _a.status) === "error") {
-      return state;
-    }
-    const steps = utils.resetSteps(state.steps);
-    const flatSteps = utils.flattenSteps(steps);
-    if (state.nextStep) {
-      const activeStepIndex2 = state.activeStepIndex + 1;
-      const activeStep2 = flatSteps[activeStepIndex2];
-      const previousStep2 = flatSteps[activeStepIndex2 - 1] || null;
-      const nextStep2 = flatSteps[activeStepIndex2 + 1] || null;
-      if (activeStep2) {
-        activeStep2.stage = "active";
+  switch (action.type) {
+    case "next": {
+      if (((_a = state.activeStep) == null ? void 0 : _a.status) === "error") {
+        return state;
+      }
+      const activeStepIndex = state.activeStepIndex + 1;
+      const lastStepIndex = state.flatSteps.length - 1;
+      if (activeStepIndex > lastStepIndex) {
+        const steps2 = utils.assignStepsStage(state.steps, "completed");
+        const flatSteps2 = utils.flattenSteps(steps2);
+        return {
+          steps: steps2,
+          flatSteps: flatSteps2,
+          activeStepIndex: lastStepIndex + 1,
+          activeStep: null,
+          previousStep: flatSteps2[lastStepIndex],
+          nextStep: null,
+          started: true,
+          ended: true
+        };
       }
+      const activeStepId = state.flatSteps[activeStepIndex].id;
+      const steps = utils.autoStageSteps(utils.resetSteps(state.steps), { activeStepId });
+      const flatSteps = utils.flattenSteps(steps);
       return {
-        steps: utils.autoStageSteps(steps),
+        steps,
         flatSteps,
-        activeStepIndex: activeStepIndex2,
-        activeStep: activeStep2,
-        previousStep: previousStep2,
-        nextStep: nextStep2,
+        activeStepIndex,
+        activeStep: flatSteps[activeStepIndex],
+        previousStep: flatSteps[activeStepIndex - 1],
+        nextStep: flatSteps[activeStepIndex + 1] ?? null,
         started: true,
         ended: false
       };
     }
-    const activeStepIndex = flatSteps.length;
-    const previousStep = flatSteps.at(-1);
-    const activeStep = null;
-    const nextStep = null;
-    return {
-      steps: utils.assignSteps(steps, "completed"),
-      flatSteps,
-      activeStepIndex,
-      activeStep,
-      previousStep,
-      nextStep,
-      started: true,
-      ended: true
-    };
-  }
-  if (action.type === "previous") {
-    if (((_b = state.activeStep) == null ? void 0 : _b.status) === "error") {
-      return state;
-    }
-    const steps = utils.resetSteps(state.steps);
-    const flatSteps = utils.flattenSteps(steps);
-    if (state.previousStep) {
-      const activeStepIndex2 = state.activeStepIndex - 1;
-      const activeStep2 = flatSteps[activeStepIndex2];
-      const previousStep2 = flatSteps[activeStepIndex2 - 1] || null;
-      const nextStep2 = flatSteps[activeStepIndex2 + 1] || null;
-      if (activeStep2) {
-        activeStep2.stage = "active";
+    case "previous": {
+      if (((_b = state.activeStep) == null ? void 0 : _b.status) === "error") {
+        return state;
       }
+      const activeStepIndex = state.activeStepIndex - 1;
+      if (activeStepIndex < 0) {
+        const steps2 = utils.assignStepsStage(state.steps, "pending");
+        const flatSteps2 = utils.flattenSteps(steps2);
+        return {
+          steps: steps2,
+          flatSteps: flatSteps2,
+          activeStepIndex: -1,
+          activeStep: null,
+          previousStep: null,
+          nextStep: flatSteps2[0],
+          started: false,
+          ended: false
+        };
+      }
+      const activeStepId = state.flatSteps[activeStepIndex].id;
+      const steps = utils.autoStageSteps(utils.resetSteps(state.steps), { activeStepId });
+      const flatSteps = utils.flattenSteps(steps);
       return {
-        steps: utils.autoStageSteps(steps),
+        steps,
         flatSteps,
-        activeStepIndex: activeStepIndex2,
-        activeStep: activeStep2,
-        previousStep: previousStep2,
-        nextStep: nextStep2,
+        activeStepIndex,
+        activeStep: flatSteps[activeStepIndex],
+        previousStep: flatSteps[activeStepIndex - 1] ?? null,
+        nextStep: flatSteps[activeStepIndex + 1],
         started: true,
         ended: false
       };
     }
-    const activeStepIndex = -1;
-    const activeStep = null;
-    const previousStep = null;
-    const nextStep = flatSteps.at(0);
-    return {
-      steps: utils.assignSteps(steps, "pending"),
-      flatSteps,
-      activeStepIndex,
-      activeStep,
-      previousStep,
-      nextStep,
-      ended: false,
-      started: false
-    };
-  }
-  if (action.type === "error") {
-    if (state.activeStep) {
-      state.activeStep.status = "error";
-      return { ...state };
+    case "status/error": {
+      const { activeStep, activeStepIndex } = state;
+      if (!activeStep) {
+        return state;
+      }
+      const activeStepId = activeStep.id;
+      const steps = utils.assignStepStatus(state.steps, activeStepId, "error");
+      const flatSteps = utils.flattenSteps(steps);
+      return {
+        ...state,
+        steps,
+        flatSteps,
+        activeStepIndex,
+        activeStep: flatSteps[activeStepIndex],
+        previousStep: flatSteps[activeStepIndex - 1] ?? null,
+        nextStep: flatSteps[activeStepIndex + 1]
+      };
     }
-  }
-  if (action.type === "warning") {
-    if (state.activeStep) {
-      state.activeStep.status = "warning";
-      return { ...state };
+    case "status/warning": {
+      const { activeStep, activeStepIndex } = state;
+      if (!activeStep) {
+        return state;
+      }
+      const activeStepId = activeStep.id;
+      const steps = utils.assignStepStatus(state.steps, activeStepId, "warning");
+      const flatSteps = utils.flattenSteps(steps);
+      return {
+        ...state,
+        steps,
+        flatSteps,
+        activeStepIndex,
+        activeStep: flatSteps[activeStepIndex],
+        previousStep: flatSteps[activeStepIndex - 1] ?? null,
+        nextStep: flatSteps[activeStepIndex + 1]
+      };
     }
-  }
-  if (action.type === "clear") {
-    if (state.activeStep) {
-      state.activeStep.status = void 0;
-      return { ...state };
+    case "status/clear": {
+      const { activeStep, activeStepIndex } = state;
+      if (!activeStep) {
+        return state;
+      }
+      const activeStepId = activeStep.id;
+      const steps = utils.assignStepStatus(state.steps, activeStepId, void 0);
+      const flatSteps = utils.flattenSteps(steps);
+      return {
+        ...state,
+        steps,
+        flatSteps,
+        activeStepIndex,
+        activeStep: flatSteps[activeStepIndex],
+        previousStep: flatSteps[activeStepIndex - 1] ?? null,
+        nextStep: flatSteps[activeStepIndex + 1]
+      };
+    }
+    case "reset": {
+      const firstStepId = state.flatSteps[0].id;
+      const steps = utils.autoStageSteps(
+        utils.resetSteps(state.steps, { resetStatus: true }),
+        { activeStepId: firstStepId }
+      );
+      const flatSteps = utils.flattenSteps(steps);
+      return {
+        steps,
+        flatSteps,
+        activeStepIndex: 0,
+        activeStep: flatSteps[0],
+        previousStep: null,
+        nextStep: flatSteps[1],
+        started: true,
+        ended: false
+      };
+    }
+    default: {
+      const exhaustiveCheck = action;
+      throw new Error(`Unhandled action: ${exhaustiveCheck}`);
     }
   }
-  return state;
 }
 
 module.exports = stepReducer;

package/dist-cjs/stepped-tracker/stepReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepReducer.js","sources":["../src/stepped-tracker/stepReducer.ts"],"sourcesContent":["import type { StepReducerAction, StepReducerState } from \"./stepReducer.types\";\nimport { assignSteps, autoStageSteps, flattenSteps, resetSteps } from \"./utils\";\n\nexport default function stepReducer(\n  state: StepReducerState,\n  action: StepReducerAction,\n) {\n  if (action.type === \"next\") {\n    if (state.activeStep?.status === \"error\") {\n      return state;\n    }\n\n    const steps = resetSteps(state.steps);\n    const flatSteps = flattenSteps(steps);\n\n    if (state.nextStep) {\n      const activeStepIndex = state.activeStepIndex + 1;\n      const activeStep = flatSteps[activeStepIndex];\n      const previousStep = flatSteps[activeStepIndex - 1] || null;\n      const nextStep = flatSteps[activeStepIndex + 1] || null;\n\n      if (activeStep) {\n        activeStep.stage = \"active\";\n      }\n\n      return {\n        steps: autoStageSteps(steps),\n        flatSteps,\n        activeStepIndex,\n        activeStep,\n        previousStep,\n        nextStep,\n        started: true,\n        ended: false,\n      };\n    }\n\n    const activeStepIndex = flatSteps.length;\n    const previousStep = flatSteps.at(-1);\n    const activeStep = null;\n    const nextStep = null;\n\n    return {\n      steps: assignSteps(steps, \"completed\"),\n      flatSteps,\n      activeStepIndex,\n      activeStep,\n      previousStep,\n      nextStep,\n      started: true,\n      ended: true,\n    } as StepReducerState;\n  }\n\n  if (action.type === \"previous\") {\n    if (state.activeStep?.status === \"error\") {\n      return state;\n    }\n\n    const steps = resetSteps(state.steps);\n    const flatSteps = flattenSteps(steps);\n\n    if (state.previousStep) {\n      const activeStepIndex = state.activeStepIndex - 1;\n      const activeStep = flatSteps[activeStepIndex];\n      const previousStep = flatSteps[activeStepIndex - 1] || null;\n      const nextStep = flatSteps[activeStepIndex + 1] || null;\n\n      if (activeStep) {\n        activeStep.stage = \"active\";\n      }\n\n      return {\n        steps: autoStageSteps(steps),\n        flatSteps,\n        activeStepIndex,\n        activeStep,\n        previousStep,\n        nextStep,\n        started: true,\n        ended: false,\n      } as StepReducerState;\n    }\n\n    const activeStepIndex = -1;\n    const activeStep = null;\n    const previousStep = null;\n    const nextStep = flatSteps.at(0);\n\n    return {\n      steps: assignSteps(steps, \"pending\"),\n      flatSteps,\n      activeStepIndex,\n      activeStep,\n      previousStep,\n      nextStep,\n      ended: false,\n      started: false,\n    } as StepReducerState;\n  }\n\n  if (action.type === \"error\") {\n    if (state.activeStep) {\n      state.activeStep.status = \"error\";\n      return { ...state };\n    }\n  }\n\n  if (action.type === \"warning\") {\n    if (state.activeStep) {\n      state.activeStep.status = \"warning\";\n      return { ...state };\n    }\n  }\n\n  if (action.type === \"clear\") {\n    if (state.activeStep) {\n      state.activeStep.status = undefined;\n      return { ...state };\n    }\n  }\n\n  return state;\n}\n"],"names":["resetSteps","flattenSteps","activeStepIndex","activeStep","previousStep","nextStep","autoStageSteps","assignSteps"],"mappings":"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"}
+{"version":3,"file":"stepReducer.js","sources":["../src/stepped-tracker/stepReducer.ts"],"sourcesContent":["import type { StepReducerAction, StepReducerState } from \"./stepReducer.types\";\nimport {\n  assignStepStatus,\n  assignStepsStage,\n  autoStageSteps,\n  flattenSteps,\n  resetSteps,\n} from \"./utils\";\n\nexport default function stepReducer(\n  state: StepReducerState,\n  action: StepReducerAction,\n): StepReducerState {\n  switch (action.type) {\n    case \"next\": {\n      if (state.activeStep?.status === \"error\") {\n        return state;\n      }\n\n      const activeStepIndex = state.activeStepIndex + 1;\n      const lastStepIndex = state.flatSteps.length - 1;\n\n      if (activeStepIndex > lastStepIndex) {\n        const steps = assignStepsStage(state.steps, \"completed\");\n        const flatSteps = flattenSteps(steps);\n\n        return {\n          steps,\n          flatSteps,\n          activeStepIndex: lastStepIndex + 1,\n          activeStep: null,\n          previousStep: flatSteps[lastStepIndex],\n          nextStep: null,\n          started: true,\n          ended: true,\n        };\n      }\n\n      const activeStepId = state.flatSteps[activeStepIndex].id;\n      const steps = autoStageSteps(resetSteps(state.steps), { activeStepId });\n      const flatSteps = flattenSteps(steps);\n\n      return {\n        steps,\n        flatSteps,\n        activeStepIndex,\n        activeStep: flatSteps[activeStepIndex],\n        previousStep: flatSteps[activeStepIndex - 1],\n        nextStep: flatSteps[activeStepIndex + 1] ?? null,\n        started: true,\n        ended: false,\n      };\n    }\n\n    case \"previous\": {\n      if (state.activeStep?.status === \"error\") {\n        return state;\n      }\n\n      const activeStepIndex = state.activeStepIndex - 1;\n\n      if (activeStepIndex < 0) {\n        const steps = assignStepsStage(state.steps, \"pending\");\n        const flatSteps = flattenSteps(steps);\n\n        return {\n          steps,\n          flatSteps,\n          activeStepIndex: -1,\n          activeStep: null,\n          previousStep: null,\n          nextStep: flatSteps[0],\n          started: false,\n          ended: false,\n        };\n      }\n\n      const activeStepId = state.flatSteps[activeStepIndex].id;\n      const steps = autoStageSteps(resetSteps(state.steps), { activeStepId });\n      const flatSteps = flattenSteps(steps);\n\n      return {\n        steps,\n        flatSteps,\n        activeStepIndex,\n        activeStep: flatSteps[activeStepIndex],\n        previousStep: flatSteps[activeStepIndex - 1] ?? null,\n        nextStep: flatSteps[activeStepIndex + 1],\n        started: true,\n        ended: false,\n      };\n    }\n\n    case \"status/error\": {\n      const { activeStep, activeStepIndex } = state;\n\n      if (!activeStep) {\n        return state;\n      }\n\n      const activeStepId = activeStep.id;\n\n      const steps = assignStepStatus(state.steps, activeStepId, \"error\");\n      const flatSteps = flattenSteps(steps);\n\n      return {\n        ...state,\n        steps,\n        flatSteps,\n        activeStepIndex,\n        activeStep: flatSteps[activeStepIndex],\n        previousStep: flatSteps[activeStepIndex - 1] ?? null,\n        nextStep: flatSteps[activeStepIndex + 1],\n      };\n    }\n\n    case \"status/warning\": {\n      const { activeStep, activeStepIndex } = state;\n\n      if (!activeStep) {\n        return state;\n      }\n\n      const activeStepId = activeStep.id;\n\n      const steps = assignStepStatus(state.steps, activeStepId, \"warning\");\n      const flatSteps = flattenSteps(steps);\n\n      return {\n        ...state,\n        steps,\n        flatSteps,\n        activeStepIndex,\n        activeStep: flatSteps[activeStepIndex],\n        previousStep: flatSteps[activeStepIndex - 1] ?? null,\n        nextStep: flatSteps[activeStepIndex + 1],\n      };\n    }\n\n    case \"status/clear\": {\n      const { activeStep, activeStepIndex } = state;\n\n      if (!activeStep) {\n        return state;\n      }\n\n      const activeStepId = activeStep.id;\n\n      const steps = assignStepStatus(state.steps, activeStepId, undefined);\n      const flatSteps = flattenSteps(steps);\n\n      return {\n        ...state,\n        steps,\n        flatSteps,\n        activeStepIndex,\n        activeStep: flatSteps[activeStepIndex],\n        previousStep: flatSteps[activeStepIndex - 1] ?? null,\n        nextStep: flatSteps[activeStepIndex + 1],\n      };\n    }\n\n    case \"reset\": {\n      const firstStepId = state.flatSteps[0].id;\n\n      const steps = autoStageSteps(\n        resetSteps(state.steps, { resetStatus: true }),\n        { activeStepId: firstStepId },\n      );\n      const flatSteps = flattenSteps(steps);\n\n      return {\n        steps,\n        flatSteps,\n        activeStepIndex: 0,\n        activeStep: flatSteps[0],\n        previousStep: null,\n        nextStep: flatSteps[1],\n        started: true,\n        ended: false,\n      };\n    }\n\n    default: {\n      const exhaustiveCheck: never = action;\n      throw new Error(`Unhandled action: ${exhaustiveCheck}`);\n    }\n  }\n}\n"],"names":["steps","assignStepsStage","flatSteps","flattenSteps","autoStageSteps","resetSteps","assignStepStatus"],"mappings":";;;;AASwB,SAAA,WAAA,CACtB,OACA,MACkB,EAAA;AAZpB,EAAA,IAAA,EAAA,EAAA,EAAA;AAaE,EAAA,QAAQ,OAAO,IAAM;AAAA,IACnB,KAAK,MAAQ,EAAA;AACX,MAAA,IAAA,CAAA,CAAI,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,MAAW,OAAS,EAAA;AACxC,QAAO,OAAA,KAAA;AAAA;AAGT,MAAM,MAAA,eAAA,GAAkB,MAAM,eAAkB,GAAA,CAAA;AAChD,MAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,SAAA,CAAU,MAAS,GAAA,CAAA;AAE/C,MAAA,IAAI,kBAAkB,aAAe,EAAA;AACnC,QAAA,MAAMA,MAAQ,GAAAC,sBAAA,CAAiB,KAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AACvD,QAAMC,MAAAA,UAAAA,GAAYC,mBAAaH,MAAK,CAAA;AAEpC,QAAO,OAAA;AAAA,UACL,KAAAA,EAAAA,MAAAA;AAAA,UACA,SAAAE,EAAAA,UAAAA;AAAA,UACA,iBAAiB,aAAgB,GAAA,CAAA;AAAA,UACjC,UAAY,EAAA,IAAA;AAAA,UACZ,YAAA,EAAcA,WAAU,aAAa,CAAA;AAAA,UACrC,QAAU,EAAA,IAAA;AAAA,UACV,OAAS,EAAA,IAAA;AAAA,UACT,KAAO,EAAA;AAAA,SACT;AAAA;AAGF,MAAA,MAAM,YAAe,GAAA,KAAA,CAAM,SAAU,CAAA,eAAe,CAAE,CAAA,EAAA;AACtD,MAAM,MAAA,KAAA,GAAQE,qBAAeC,gBAAW,CAAA,KAAA,CAAM,KAAK,CAAG,EAAA,EAAE,cAAc,CAAA;AACtE,MAAM,MAAA,SAAA,GAAYF,mBAAa,KAAK,CAAA;AAEpC,MAAO,OAAA;AAAA,QACL,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA,EAAY,UAAU,eAAe,CAAA;AAAA,QACrC,YAAA,EAAc,SAAU,CAAA,eAAA,GAAkB,CAAC,CAAA;AAAA,QAC3C,QAAU,EAAA,SAAA,CAAU,eAAkB,GAAA,CAAC,CAAK,IAAA,IAAA;AAAA,QAC5C,OAAS,EAAA,IAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA;AACF,IAEA,KAAK,UAAY,EAAA;AACf,MAAA,IAAA,CAAA,CAAI,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,MAAW,OAAS,EAAA;AACxC,QAAO,OAAA,KAAA;AAAA;AAGT,MAAM,MAAA,eAAA,GAAkB,MAAM,eAAkB,GAAA,CAAA;AAEhD,MAAA,IAAI,kBAAkB,CAAG,EAAA;AACvB,QAAA,MAAMH,MAAQ,GAAAC,sBAAA,CAAiB,KAAM,CAAA,KAAA,EAAO,SAAS,CAAA;AACrD,QAAMC,MAAAA,UAAAA,GAAYC,mBAAaH,MAAK,CAAA;AAEpC,QAAO,OAAA;AAAA,UACL,KAAAA,EAAAA,MAAAA;AAAA,UACA,SAAAE,EAAAA,UAAAA;AAAA,UACA,eAAiB,EAAA,CAAA,CAAA;AAAA,UACjB,UAAY,EAAA,IAAA;AAAA,UACZ,YAAc,EAAA,IAAA;AAAA,UACd,QAAA,EAAUA,WAAU,CAAC,CAAA;AAAA,UACrB,OAAS,EAAA,KAAA;AAAA,UACT,KAAO,EAAA;AAAA,SACT;AAAA;AAGF,MAAA,MAAM,YAAe,GAAA,KAAA,CAAM,SAAU,CAAA,eAAe,CAAE,CAAA,EAAA;AACtD,MAAM,MAAA,KAAA,GAAQE,qBAAeC,gBAAW,CAAA,KAAA,CAAM,KAAK,CAAG,EAAA,EAAE,cAAc,CAAA;AACtE,MAAM,MAAA,SAAA,GAAYF,mBAAa,KAAK,CAAA;AAEpC,MAAO,OAAA;AAAA,QACL,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA,EAAY,UAAU,eAAe,CAAA;AAAA,QACrC,YAAc,EAAA,SAAA,CAAU,eAAkB,GAAA,CAAC,CAAK,IAAA,IAAA;AAAA,QAChD,QAAA,EAAU,SAAU,CAAA,eAAA,GAAkB,CAAC,CAAA;AAAA,QACvC,OAAS,EAAA,IAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA;AACF,IAEA,KAAK,cAAgB,EAAA;AACnB,MAAM,MAAA,EAAE,UAAY,EAAA,eAAA,EAAoB,GAAA,KAAA;AAExC,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAO,OAAA,KAAA;AAAA;AAGT,MAAA,MAAM,eAAe,UAAW,CAAA,EAAA;AAEhC,MAAA,MAAM,KAAQ,GAAAG,sBAAA,CAAiB,KAAM,CAAA,KAAA,EAAO,cAAc,OAAO,CAAA;AACjE,MAAM,MAAA,SAAA,GAAYH,mBAAa,KAAK,CAAA;AAEpC,MAAO,OAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA,EAAY,UAAU,eAAe,CAAA;AAAA,QACrC,YAAc,EAAA,SAAA,CAAU,eAAkB,GAAA,CAAC,CAAK,IAAA,IAAA;AAAA,QAChD,QAAA,EAAU,SAAU,CAAA,eAAA,GAAkB,CAAC;AAAA,OACzC;AAAA;AACF,IAEA,KAAK,gBAAkB,EAAA;AACrB,MAAM,MAAA,EAAE,UAAY,EAAA,eAAA,EAAoB,GAAA,KAAA;AAExC,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAO,OAAA,KAAA;AAAA;AAGT,MAAA,MAAM,eAAe,UAAW,CAAA,EAAA;AAEhC,MAAA,MAAM,KAAQ,GAAAG,sBAAA,CAAiB,KAAM,CAAA,KAAA,EAAO,cAAc,SAAS,CAAA;AACnE,MAAM,MAAA,SAAA,GAAYH,mBAAa,KAAK,CAAA;AAEpC,MAAO,OAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA,EAAY,UAAU,eAAe,CAAA;AAAA,QACrC,YAAc,EAAA,SAAA,CAAU,eAAkB,GAAA,CAAC,CAAK,IAAA,IAAA;AAAA,QAChD,QAAA,EAAU,SAAU,CAAA,eAAA,GAAkB,CAAC;AAAA,OACzC;AAAA;AACF,IAEA,KAAK,cAAgB,EAAA;AACnB,MAAM,MAAA,EAAE,UAAY,EAAA,eAAA,EAAoB,GAAA,KAAA;AAExC,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAO,OAAA,KAAA;AAAA;AAGT,MAAA,MAAM,eAAe,UAAW,CAAA,EAAA;AAEhC,MAAA,MAAM,KAAQ,GAAAG,sBAAA,CAAiB,KAAM,CAAA,KAAA,EAAO,cAAc,KAAS,CAAA,CAAA;AACnE,MAAM,MAAA,SAAA,GAAYH,mBAAa,KAAK,CAAA;AAEpC,MAAO,OAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA,EAAY,UAAU,eAAe,CAAA;AAAA,QACrC,YAAc,EAAA,SAAA,CAAU,eAAkB,GAAA,CAAC,CAAK,IAAA,IAAA;AAAA,QAChD,QAAA,EAAU,SAAU,CAAA,eAAA,GAAkB,CAAC;AAAA,OACzC;AAAA;AACF,IAEA,KAAK,OAAS,EAAA;AACZ,MAAA,MAAM,WAAc,GAAA,KAAA,CAAM,SAAU,CAAA,CAAC,CAAE,CAAA,EAAA;AAEvC,MAAA,MAAM,KAAQ,GAAAC,oBAAA;AAAA,QACZC,iBAAW,KAAM,CAAA,KAAA,EAAO,EAAE,WAAA,EAAa,MAAM,CAAA;AAAA,QAC7C,EAAE,cAAc,WAAY;AAAA,OAC9B;AACA,MAAM,MAAA,SAAA,GAAYF,mBAAa,KAAK,CAAA;AAEpC,MAAO,OAAA;AAAA,QACL,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAiB,EAAA,CAAA;AAAA,QACjB,UAAA,EAAY,UAAU,CAAC,CAAA;AAAA,QACvB,YAAc,EAAA,IAAA;AAAA,QACd,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,QACrB,OAAS,EAAA,IAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA;AACF,IAEA,SAAS;AACP,MAAA,MAAM,eAAyB,GAAA,MAAA;AAC/B,MAAA,MAAM,IAAI,KAAA,CAAM,CAAqB,kBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA;AACxD;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/useStepReducer.js

@@ -5,11 +5,13 @@ var stepReducer = require('./stepReducer.js');
 var utils = require('./utils.js');
 
 function useStepReducer(initialSteps, options) {
-  const state = react.useMemo(
-    () => utils.initStepReducerState(initialSteps, options),
-    [initialSteps, options]
+  const initializer = react.useCallback(
+    (initialSteps2) => {
+      return utils.initStepReducerState(initialSteps2, options);
+    },
+    [options]
   );
-  return react.useReducer(stepReducer, state);
+  return react.useReducer(stepReducer, initialSteps, initializer);
 }
 
 exports.useStepReducer = useStepReducer;

package/dist-cjs/stepped-tracker/useStepReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStepReducer.js","sources":["../src/stepped-tracker/useStepReducer.ts"],"sourcesContent":["import { useMemo, useReducer } from \"react\";\n\nimport stepReducer from \"./stepReducer\";\nimport { initStepReducerState } from \"./utils\";\n\nimport type { StepRecord } from \"./Step.types\";\nimport type { StepReducerOptions } from \"./stepReducer.types\";\n\nexport function useStepReducer(\n  initialSteps: StepRecord[],\n  options?: StepReducerOptions,\n) {\n  const state = useMemo(\n    () => initStepReducerState(initialSteps, options),\n    [initialSteps, options],\n  );\n\n  return useReducer(stepReducer, state);\n}\n"],"names":["useMemo","initStepReducerState","useReducer"],"mappings":";;;;;;AAQgB,SAAA,cAAA,CACd,cACA,OACA,EAAA;AACA,EAAA,MAAM,KAAQ,GAAAA,aAAA;AAAA,IACZ,MAAMC,0BAAqB,CAAA,YAAA,EAAc,OAAO,CAAA;AAAA,IAChD,CAAC,cAAc,OAAO;AAAA,GACxB;AAEA,EAAO,OAAAC,gBAAA,CAAW,aAAa,KAAK,CAAA;AACtC;;;;"}
+{"version":3,"file":"useStepReducer.js","sources":["../src/stepped-tracker/useStepReducer.ts"],"sourcesContent":["import { useCallback, useReducer } from \"react\";\n\nimport stepReducer from \"./stepReducer\";\n\nimport type { StepRecord } from \"./Step.types\";\nimport type { StepReducerOptions } from \"./stepReducer.types\";\nimport { initStepReducerState } from \"./utils\";\n\nexport function useStepReducer(\n  initialSteps: StepRecord[],\n  options?: StepReducerOptions,\n) {\n  const initializer = useCallback(\n    (initialSteps: StepRecord[]) => {\n      return initStepReducerState(initialSteps, options);\n    },\n    [options],\n  );\n\n  return useReducer(stepReducer, initialSteps, initializer);\n}\n"],"names":["useCallback","initialSteps","initStepReducerState","useReducer"],"mappings":";;;;;;AAQgB,SAAA,cAAA,CACd,cACA,OACA,EAAA;AACA,EAAA,MAAM,WAAc,GAAAA,iBAAA;AAAA,IAClB,CAACC,aAA+B,KAAA;AAC9B,MAAO,OAAAC,0BAAA,CAAqBD,eAAc,OAAO,CAAA;AAAA,KACnD;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAO,OAAAE,gBAAA,CAAW,WAAa,EAAA,YAAA,EAAc,WAAW,CAAA;AAC1D;;;;"}

package/dist-cjs/stepped-tracker/utils.js

@@ -1,16 +1,47 @@
 'use strict';
 
-function assignSteps(steps, stage) {
+function assignStepsStage(steps, stage) {
   return steps.map((step) => {
-    step.stage = stage;
+    if (!step.substeps) {
+      return { ...step, stage };
+    }
+    return {
+      ...step,
+      stage,
+      substeps: assignStepsStage(step.substeps, stage)
+    };
+  });
+}
+function assignStepStatus(steps, stepId, status) {
+  return steps.map((step) => {
+    if (step.id === stepId) {
+      return { ...step, status };
+    }
     if (step.substeps) {
-      step.substeps = assignSteps(step.substeps, stage);
+      return {
+        ...step,
+        substeps: assignStepStatus(step.substeps, stepId, status)
+      };
     }
     return step;
   });
 }
-function resetSteps(steps) {
-  return assignSteps(steps, void 0);
+function resetSteps(steps, options = { resetStatus: false }) {
+  const { resetStatus } = options;
+  return steps.map((step) => {
+    if (!step.substeps) {
+      return {
+        ...step,
+        stage: void 0,
+        status: !resetStatus ? step.status : void 0
+      };
+    }
+    return {
+      ...step,
+      stage: void 0,
+      substeps: resetSteps(step.substeps, options)
+    };
+  });
 }
 function autoStageSteps(steps, options) {
   function autoStageHelper(steps2) {
@@ -20,11 +51,14 @@ function autoStageSteps(steps, options) {
     if (pivotIndex !== -1) {
       const activeStep = steps2[pivotIndex];
       activeStep.stage ||= "active";
-      const previousSteps = assignSteps(
+      const previousSteps = assignStepsStage(
         steps2.slice(0, pivotIndex),
         "completed"
       );
-      const nextSteps = assignSteps(steps2.slice(pivotIndex + 1), "pending");
+      const nextSteps = assignStepsStage(
+        steps2.slice(pivotIndex + 1),
+        "pending"
+      );
       return [...previousSteps, activeStep, ...nextSteps];
     }
     return steps2.reduce(
@@ -42,7 +76,7 @@ function autoStageSteps(steps, options) {
       null
     );
   }
-  return autoStageHelper(steps) || assignSteps(steps, steps[0].stage || "pending");
+  return autoStageHelper(steps) || assignStepsStage(steps, steps[0].stage || "pending");
 }
 function flattenSteps(steps) {
   return steps.reduce((acc, step) => {
@@ -78,7 +112,8 @@ function initStepReducerState(initialSteps, options) {
   };
 }
 
-exports.assignSteps = assignSteps;
+exports.assignStepStatus = assignStepStatus;
+exports.assignStepsStage = assignStepsStage;
 exports.autoStageSteps = autoStageSteps;
 exports.flattenSteps = flattenSteps;
 exports.initStepReducerState = initStepReducerState;

package/dist-cjs/stepped-tracker/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/stepped-tracker/utils.ts"],"sourcesContent":["import type { StepRecord, StepStage } from \"./Step.types\";\nimport type { StepReducerOptions, StepReducerState } from \"./stepReducer.types\";\n\nexport function assignSteps(\n  steps: StepRecord[],\n  stage?: StepStage,\n): StepRecord[] {\n  return steps.map((step) => {\n    step.stage = stage;\n    if (step.substeps) {\n      step.substeps = assignSteps(step.substeps, stage);\n    }\n\n    return step;\n  });\n}\n\nexport function resetSteps(steps: StepRecord[]): StepRecord[] {\n  return assignSteps(steps, undefined);\n}\n\nexport function autoStageSteps(\n  steps: StepRecord[],\n  options?: StepReducerOptions,\n): StepRecord[] {\n  function autoStageHelper(steps: StepRecord[]): StepRecord[] | null {\n    const pivotIndex = steps.findIndex(\n      (step) =>\n        (step?.id &&\n          options?.activeStepId &&\n          step.id === options.activeStepId) ||\n        step.stage === \"active\" ||\n        step.stage === \"inprogress\",\n    );\n\n    if (pivotIndex !== -1) {\n      const activeStep = steps[pivotIndex];\n\n      activeStep.stage ||= \"active\";\n\n      const previousSteps = assignSteps(\n        steps.slice(0, pivotIndex),\n        \"completed\",\n      );\n      const nextSteps = assignSteps(steps.slice(pivotIndex + 1), \"pending\");\n\n      return [...previousSteps, activeStep, ...nextSteps] as StepRecord[];\n    }\n\n    return steps.reduce(\n      (acc, step, index) => {\n        if (step.substeps) {\n          const substeps = autoStageHelper(step.substeps);\n\n          if (substeps) {\n            steps[index].substeps = substeps;\n            steps[index].stage = \"inprogress\";\n\n            return autoStageHelper(steps);\n          }\n        }\n\n        return acc;\n      },\n      null as StepRecord[] | null,\n    );\n  }\n\n  return (\n    autoStageHelper(steps) || assignSteps(steps, steps[0].stage || \"pending\")\n  );\n}\n\nexport function flattenSteps(steps: StepRecord[]): StepRecord[] {\n  return steps.reduce((acc, step) => {\n    if (step.substeps) {\n      acc.push(...flattenSteps(step.substeps));\n\n      return acc;\n    }\n\n    acc.push(step);\n\n    return acc;\n  }, [] as StepRecord[]);\n}\n\nexport function initStepReducerState(\n  initialSteps: StepRecord[],\n  options?: StepReducerOptions,\n) {\n  const steps = autoStageSteps(initialSteps, options);\n  const flatSteps = flattenSteps(steps);\n  const started = !flatSteps.every((step) => step.stage === \"pending\");\n  const ended = flatSteps.every((step) => step.stage === \"completed\");\n\n  let activeStepIndex = flatSteps.findIndex((step) => step.stage === \"active\");\n\n  if (activeStepIndex === -1 && ended) {\n    activeStepIndex = flatSteps.length;\n  }\n\n  const activeStep = flatSteps[activeStepIndex] || null;\n  const previousStep = flatSteps[activeStepIndex - 1] || null;\n  const nextStep = flatSteps[activeStepIndex + 1] || null;\n\n  return {\n    steps,\n    flatSteps,\n    activeStep,\n    previousStep,\n    nextStep,\n    activeStepIndex,\n    ended,\n    started,\n  } as StepReducerState;\n}\n"],"names":["steps"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../src/stepped-tracker/utils.ts"],"sourcesContent":["import type { StepRecord, StepStage, StepStatus } from \"./Step.types\";\nimport type { StepReducerOptions, StepReducerState } from \"./stepReducer.types\";\n\nexport function assignStepsStage(\n  steps: StepRecord[],\n  stage?: StepStage,\n): StepRecord[] {\n  return steps.map((step) => {\n    if (!step.substeps) {\n      return { ...step, stage };\n    }\n\n    return {\n      ...step,\n      stage,\n      substeps: assignStepsStage(step.substeps, stage),\n    };\n  });\n}\n\nexport function assignStepStatus(\n  steps: StepRecord[],\n  stepId: string,\n  status: StepStatus | undefined,\n): StepRecord[] {\n  return steps.map((step) => {\n    if (step.id === stepId) {\n      return { ...step, status };\n    }\n\n    if (step.substeps) {\n      return {\n        ...step,\n        substeps: assignStepStatus(step.substeps, stepId, status),\n      };\n    }\n\n    return step;\n  });\n}\n\nexport function resetSteps(\n  steps: StepRecord[],\n  options = { resetStatus: false },\n): StepRecord[] {\n  const { resetStatus } = options;\n\n  return steps.map((step) => {\n    if (!step.substeps) {\n      return {\n        ...step,\n        stage: undefined,\n        status: !resetStatus ? step.status : undefined,\n      };\n    }\n\n    return {\n      ...step,\n      stage: undefined,\n      substeps: resetSteps(step.substeps, options),\n    };\n  });\n}\n\nexport function autoStageSteps(\n  steps: StepRecord[],\n  options?: StepReducerOptions,\n): StepRecord[] {\n  function autoStageHelper(steps: StepRecord[]): StepRecord[] | null {\n    const pivotIndex = steps.findIndex(\n      (step) =>\n        (step?.id &&\n          options?.activeStepId &&\n          step.id === options.activeStepId) ||\n        step.stage === \"active\" ||\n        step.stage === \"inprogress\",\n    );\n\n    if (pivotIndex !== -1) {\n      const activeStep = steps[pivotIndex];\n\n      activeStep.stage ||= \"active\";\n\n      const previousSteps = assignStepsStage(\n        steps.slice(0, pivotIndex),\n        \"completed\",\n      );\n      const nextSteps = assignStepsStage(\n        steps.slice(pivotIndex + 1),\n        \"pending\",\n      );\n\n      return [...previousSteps, activeStep, ...nextSteps] as StepRecord[];\n    }\n\n    return steps.reduce(\n      (acc, step, index) => {\n        if (step.substeps) {\n          const substeps = autoStageHelper(step.substeps);\n\n          if (substeps) {\n            steps[index].substeps = substeps;\n            steps[index].stage = \"inprogress\";\n\n            return autoStageHelper(steps);\n          }\n        }\n\n        return acc;\n      },\n      null as StepRecord[] | null,\n    );\n  }\n\n  return (\n    autoStageHelper(steps) ||\n    assignStepsStage(steps, steps[0].stage || \"pending\")\n  );\n}\n\nexport function flattenSteps(steps: StepRecord[]): StepRecord[] {\n  return steps.reduce((acc, step) => {\n    if (step.substeps) {\n      acc.push(...flattenSteps(step.substeps));\n\n      return acc;\n    }\n\n    acc.push(step);\n\n    return acc;\n  }, [] as StepRecord[]);\n}\n\nexport function initStepReducerState(\n  initialSteps: StepRecord[],\n  options?: StepReducerOptions,\n) {\n  const steps = autoStageSteps(initialSteps, options);\n  const flatSteps = flattenSteps(steps);\n  const started = !flatSteps.every((step) => step.stage === \"pending\");\n  const ended = flatSteps.every((step) => step.stage === \"completed\");\n\n  let activeStepIndex = flatSteps.findIndex((step) => step.stage === \"active\");\n\n  if (activeStepIndex === -1 && ended) {\n    activeStepIndex = flatSteps.length;\n  }\n\n  const activeStep = flatSteps[activeStepIndex] || null;\n  const previousStep = flatSteps[activeStepIndex - 1] || null;\n  const nextStep = flatSteps[activeStepIndex + 1] || null;\n\n  return {\n    steps,\n    flatSteps,\n    activeStep,\n    previousStep,\n    nextStep,\n    activeStepIndex,\n    ended,\n    started,\n  } as StepReducerState;\n}\n"],"names":["steps"],"mappings":"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"}

package/dist-cjs/tabs-next/TabListNext.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = "/* Component class applied to the root element */\n.saltTabListNext {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  background: transparent;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  gap: var(--salt-spacing-100);\n  max-width: 100%;\n}\n\n.saltTabListNext-center {\n  justify-content: center;\n}\n\n.saltTabListNext-right {\n  justify-content: flex-end;\n}\n\n.saltTabListNext-activeColorPrimary {\n  --saltTabListNext-activeColor: var(--salt-container-primary-background);\n}\n\n.saltTabListNext-activeColorSecondary {\n  --saltTabListNext-activeColor: var(--salt-container-secondary-background);\n}\n\n.saltTabListNext-activeColorTertiary {\n  --saltTabListNext-activeColor: var(--salt-container-tertiary-background);\n}\n\n.saltTabListNext-overflowWarning {\n  display: none;\n}\n";
+var css_248z = "/* Component class applied to the root element */\n.saltTabListNext {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  background: transparent;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  gap: var(--salt-spacing-100);\n  max-width: 100%;\n  width: 100%;\n}\n\n.saltTabListNext-center {\n  justify-content: center;\n}\n\n.saltTabListNext-right {\n  justify-content: flex-end;\n}\n\n.saltTabListNext-activeColorPrimary {\n  --saltTabListNext-activeColor: var(--salt-container-primary-background);\n}\n\n.saltTabListNext-activeColorSecondary {\n  --saltTabListNext-activeColor: var(--salt-container-secondary-background);\n}\n\n.saltTabListNext-activeColorTertiary {\n  --saltTabListNext-activeColor: var(--salt-container-tertiary-background);\n}\n\n.saltTabListNext-overflowWarning {\n  display: none;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=TabListNext.css.js.map

package/dist-cjs/tabs-next/TabListNext.js

@@ -10,6 +10,7 @@ var TabListNext$1 = require('./TabListNext.css.js');
 var TabOverflowList = require('./TabOverflowList.js');
 var TabsNextContext = require('./TabsNextContext.js');
 var useOverflow = require('./hooks/useOverflow.js');
+var useRestoreActiveTab = require('./hooks/useRestoreActiveTab.js');
 
 const withBaseName = core.makePrefixer("saltTabListNext");
 const TabListNext = react.forwardRef(
@@ -39,18 +40,24 @@ const TabListNext = react.forwardRef(
       activeTab,
       menuOpen,
       setMenuOpen,
-      returnFocus
+      removedActiveTabRef
     } = TabsNextContext.useTabsNext();
     const tabstripRef = react.useRef(null);
     const handleRef = core.useForkRef(tabstripRef, ref);
     const overflowButtonRef = react.useRef(null);
-    const [visible, hidden, isMeasuring] = useOverflow.useOverflow({
+    const [visible, hidden, isMeasuring, realSelectedIndexRef] = useOverflow.useOverflow({
       container: tabstripRef,
       tabs: items,
       children,
       selected,
       overflowButton: overflowButtonRef
     });
+    useRestoreActiveTab.useRestoreActiveTab({
+      container: tabstripRef,
+      tabs: items,
+      realSelectedIndex: realSelectedIndexRef,
+      removedActiveTabRef
+    });
     const handleKeyDown = (event) => {
       var _a, _b, _c;
       onKeyDown == null ? void 0 : onKeyDown(event);
@@ -77,19 +84,6 @@ const TabListNext = react.forwardRef(
         }
       }
     };
-    core.useIsomorphicLayoutEffect(() => {
-      var _a;
-      if (!returnFocus.current || visible.length < 1 || selected === void 0)
-        return;
-      const itemToFocus = items.find((i) => i.value === returnFocus.current);
-      (_a = itemToFocus == null ? void 0 : itemToFocus.element) == null ? void 0 : _a.focus({ preventScroll: true });
-      requestAnimationFrame(() => {
-        var _a2;
-        if (((_a2 = targetWindow == null ? void 0 : targetWindow.document) == null ? void 0 : _a2.activeElement) === (itemToFocus == null ? void 0 : itemToFocus.element)) {
-          returnFocus.current = void 0;
-        }
-      });
-    }, [visible, returnFocus, targetWindow, items, selected]);
     const warningId = core.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -108,7 +102,7 @@ const TabListNext = react.forwardRef(
         "aria-describedby": clsx.clsx(ariaDescribedBy, warningId),
         ...rest,
         children: [
-          hidden.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { id: warningId, className: withBaseName("overflowWarning"), children: "Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected" }),
+          !isMeasuring && hidden.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { id: warningId, className: withBaseName("overflowWarning"), children: "Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected" }),
           visible,
           /* @__PURE__ */ jsxRuntime.jsx(
             TabOverflowList.TabOverflowList,

package/dist-cjs/tabs-next/TabListNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabListNext.js","sources":["../src/tabs-next/TabListNext.tsx"],"sourcesContent":["import {\n  capitalize,\n  makePrefixer,\n  useForkRef,\n  useId,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  forwardRef,\n  useRef,\n} from \"react\";\n\nimport tablistNextCss from \"./TabListNext.css\";\nimport { TabOverflowList } from \"./TabOverflowList\";\nimport { useTabsNext } from \"./TabsNextContext\";\nimport { useOverflow } from \"./hooks/useOverflow\";\n\nconst withBaseName = makePrefixer(\"saltTabListNext\");\n\nexport interface TabListNextProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * Styling active color variant. Defaults to \"primary\".\n   */\n  activeColor?: \"primary\" | \"secondary\" | \"tertiary\";\n  /**\n   * The appearance of the tabs. Defaults to \"bordered\".\n   */\n  appearance?: \"bordered\" | \"transparent\";\n}\n\nexport const TabListNext = forwardRef<HTMLDivElement, TabListNextProps>(\n  function TabstripNext(props, ref) {\n    const {\n      appearance = \"bordered\",\n      activeColor = \"primary\",\n      \"aria-describedby\": ariaDescribedBy,\n      children,\n      className,\n      onKeyDown,\n      ...rest\n    } = props;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tablist-next\",\n      css: tablistNextCss,\n      window: targetWindow,\n    });\n\n    const {\n      selected,\n      getNext,\n      getPrevious,\n      getFirst,\n      getLast,\n      items,\n      activeTab,\n      menuOpen,\n      setMenuOpen,\n      returnFocus,\n    } = useTabsNext();\n\n    const tabstripRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(tabstripRef, ref);\n    const overflowButtonRef = useRef<HTMLButtonElement>(null);\n\n    const [visible, hidden, isMeasuring] = useOverflow({\n      container: tabstripRef,\n      tabs: items,\n      children,\n      selected,\n      overflowButton: overflowButtonRef,\n    });\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n\n      const actionMap = {\n        ArrowRight: getNext,\n        ArrowLeft: getPrevious,\n        Home: getFirst,\n        End: getLast,\n        ArrowUp: menuOpen ? getPrevious : undefined,\n        ArrowDown: menuOpen ? getNext : undefined,\n      };\n\n      const action = actionMap[event.key as keyof typeof actionMap];\n\n      if (action) {\n        event.preventDefault();\n        const activeTabId = activeTab.current?.id;\n        if (!activeTabId) return;\n        const nextItem = action(activeTabId);\n        if (nextItem) {\n          nextItem.element?.scrollIntoView({\n            block: \"nearest\",\n            inline: \"nearest\",\n          });\n          nextItem.element?.focus({ preventScroll: true });\n        }\n      }\n    };\n\n    useIsomorphicLayoutEffect(() => {\n      if (!returnFocus.current || visible.length < 1 || selected === undefined)\n        return;\n\n      const itemToFocus = items.find((i) => i.value === returnFocus.current);\n      itemToFocus?.element?.focus({ preventScroll: true });\n\n      requestAnimationFrame(() => {\n        if (targetWindow?.document?.activeElement === itemToFocus?.element) {\n          returnFocus.current = undefined;\n        }\n      });\n    }, [visible, returnFocus, targetWindow, items, selected]);\n\n    const warningId = useId();\n\n    return (\n      <div\n        role=\"tablist\"\n        className={clsx(\n          withBaseName(),\n          withBaseName(appearance),\n          withBaseName(\"horizontal\"),\n          withBaseName(`activeColor${capitalize(activeColor)}`),\n          className,\n        )}\n        data-ismeasuring={isMeasuring ? true : undefined}\n        ref={handleRef}\n        onKeyDown={handleKeyDown}\n        aria-describedby={clsx(ariaDescribedBy, warningId)}\n        {...rest}\n      >\n        {hidden.length > 0 && (\n          <span id={warningId} className={withBaseName(\"overflowWarning\")}>\n            Note: This tab list includes overflow; tab positions may be\n            inaccurate or change when a tab is selected\n          </span>\n        )}\n        {visible}\n        <TabOverflowList\n          isMeasuring={isMeasuring}\n          buttonRef={overflowButtonRef}\n          tabstripRef={tabstripRef}\n          open={menuOpen}\n          setOpen={setMenuOpen}\n        >\n          {hidden}\n        </TabOverflowList>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","tablistNextCss","useTabsNext","useRef","useForkRef","useOverflow","useIsomorphicLayoutEffect","_a","useId","jsxs","clsx","capitalize","jsx","TabOverflowList"],"mappings":"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"}
+{"version":3,"file":"TabListNext.js","sources":["../src/tabs-next/TabListNext.tsx"],"sourcesContent":["import { capitalize, makePrefixer, useForkRef, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  forwardRef,\n  useRef,\n} from \"react\";\n\nimport tablistNextCss from \"./TabListNext.css\";\nimport { TabOverflowList } from \"./TabOverflowList\";\nimport { useTabsNext } from \"./TabsNextContext\";\nimport { useOverflow } from \"./hooks/useOverflow\";\nimport { useRestoreActiveTab } from \"./hooks/useRestoreActiveTab\";\n\nconst withBaseName = makePrefixer(\"saltTabListNext\");\n\nexport interface TabListNextProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * Styling active color variant. Defaults to \"primary\".\n   */\n  activeColor?: \"primary\" | \"secondary\" | \"tertiary\";\n  /**\n   * The appearance of the tabs. Defaults to \"bordered\".\n   */\n  appearance?: \"bordered\" | \"transparent\";\n}\n\nexport const TabListNext = forwardRef<HTMLDivElement, TabListNextProps>(\n  function TabstripNext(props, ref) {\n    const {\n      appearance = \"bordered\",\n      activeColor = \"primary\",\n      \"aria-describedby\": ariaDescribedBy,\n      children,\n      className,\n      onKeyDown,\n      ...rest\n    } = props;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tablist-next\",\n      css: tablistNextCss,\n      window: targetWindow,\n    });\n\n    const {\n      selected,\n      getNext,\n      getPrevious,\n      getFirst,\n      getLast,\n      items,\n      activeTab,\n      menuOpen,\n      setMenuOpen,\n      removedActiveTabRef,\n    } = useTabsNext();\n\n    const tabstripRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(tabstripRef, ref);\n    const overflowButtonRef = useRef<HTMLButtonElement>(null);\n\n    const [visible, hidden, isMeasuring, realSelectedIndexRef] = useOverflow({\n      container: tabstripRef,\n      tabs: items,\n      children,\n      selected,\n      overflowButton: overflowButtonRef,\n    });\n\n    useRestoreActiveTab({\n      container: tabstripRef,\n      tabs: items,\n      realSelectedIndex: realSelectedIndexRef,\n      removedActiveTabRef,\n    });\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n\n      const actionMap = {\n        ArrowRight: getNext,\n        ArrowLeft: getPrevious,\n        Home: getFirst,\n        End: getLast,\n        ArrowUp: menuOpen ? getPrevious : undefined,\n        ArrowDown: menuOpen ? getNext : undefined,\n      };\n\n      const action = actionMap[event.key as keyof typeof actionMap];\n\n      if (action) {\n        event.preventDefault();\n        const activeTabId = activeTab.current?.id;\n        if (!activeTabId) return;\n        const nextItem = action(activeTabId);\n        if (nextItem) {\n          nextItem.element?.scrollIntoView({\n            block: \"nearest\",\n            inline: \"nearest\",\n          });\n          nextItem.element?.focus({ preventScroll: true });\n        }\n      }\n    };\n\n    const warningId = useId();\n\n    return (\n      <div\n        role=\"tablist\"\n        className={clsx(\n          withBaseName(),\n          withBaseName(appearance),\n          withBaseName(\"horizontal\"),\n          withBaseName(`activeColor${capitalize(activeColor)}`),\n          className,\n        )}\n        data-ismeasuring={isMeasuring ? true : undefined}\n        ref={handleRef}\n        onKeyDown={handleKeyDown}\n        aria-describedby={clsx(ariaDescribedBy, warningId)}\n        {...rest}\n      >\n        {!isMeasuring && hidden.length > 0 && (\n          <span id={warningId} className={withBaseName(\"overflowWarning\")}>\n            Note: This tab list includes overflow; tab positions may be\n            inaccurate or change when a tab is selected\n          </span>\n        )}\n        {visible}\n        <TabOverflowList\n          isMeasuring={isMeasuring}\n          buttonRef={overflowButtonRef}\n          tabstripRef={tabstripRef}\n          open={menuOpen}\n          setOpen={setMenuOpen}\n        >\n          {hidden}\n        </TabOverflowList>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","tablistNextCss","useTabsNext","useRef","useForkRef","useOverflow","useRestoreActiveTab","useId","jsxs","clsx","capitalize","jsx","TabOverflowList"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA;AAc5C,MAAM,WAAc,GAAAC,gBAAA;AAAA,EACzB,SAAS,YAAa,CAAA,KAAA,EAAO,GAAK,EAAA;AAChC,IAAM,MAAA;AAAA,MACJ,UAAa,GAAA,UAAA;AAAA,MACb,WAAc,GAAA,SAAA;AAAA,MACd,kBAAoB,EAAA,eAAA;AAAA,MACpB,QAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AACJ,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAAC,aAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,QACEC,2BAAY,EAAA;AAEhB,IAAM,MAAA,WAAA,GAAcC,aAAuB,IAAI,CAAA;AAC/C,IAAM,MAAA,SAAA,GAAYC,eAAW,CAAA,WAAA,EAAa,GAAG,CAAA;AAC7C,IAAM,MAAA,iBAAA,GAAoBD,aAA0B,IAAI,CAAA;AAExD,IAAA,MAAM,CAAC,OAAS,EAAA,MAAA,EAAQ,WAAa,EAAA,oBAAoB,IAAIE,uBAAY,CAAA;AAAA,MACvE,SAAW,EAAA,WAAA;AAAA,MACX,IAAM,EAAA,KAAA;AAAA,MACN,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAgB,EAAA;AAAA,KACjB,CAAA;AAED,IAAoBC,uCAAA,CAAA;AAAA,MAClB,SAAW,EAAA,WAAA;AAAA,MACX,IAAM,EAAA,KAAA;AAAA,MACN,iBAAmB,EAAA,oBAAA;AAAA,MACnB;AAAA,KACD,CAAA;AAED,IAAM,MAAA,aAAA,GAAgB,CAAC,KAAyC,KAAA;AAjFpE,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAkFM,MAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA;AAEZ,MAAA,MAAM,SAAY,GAAA;AAAA,QAChB,UAAY,EAAA,OAAA;AAAA,QACZ,SAAW,EAAA,WAAA;AAAA,QACX,IAAM,EAAA,QAAA;AAAA,QACN,GAAK,EAAA,OAAA;AAAA,QACL,OAAA,EAAS,WAAW,WAAc,GAAA,KAAA,CAAA;AAAA,QAClC,SAAA,EAAW,WAAW,OAAU,GAAA,KAAA;AAAA,OAClC;AAEA,MAAM,MAAA,MAAA,GAAS,SAAU,CAAA,KAAA,CAAM,GAA6B,CAAA;AAE5D,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,KAAA,CAAM,cAAe,EAAA;AACrB,QAAM,MAAA,WAAA,GAAA,CAAc,EAAU,GAAA,SAAA,CAAA,OAAA,KAAV,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,EAAA;AACvC,QAAA,IAAI,CAAC,WAAa,EAAA;AAClB,QAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,QAAA,IAAI,QAAU,EAAA;AACZ,UAAS,CAAA,EAAA,GAAA,QAAA,CAAA,OAAA,KAAT,mBAAkB,cAAe,CAAA;AAAA,YAC/B,KAAO,EAAA,SAAA;AAAA,YACP,MAAQ,EAAA;AAAA,WACV,CAAA;AACA,UAAA,CAAA,EAAA,GAAA,QAAA,CAAS,OAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,KAAM,CAAA,EAAE,eAAe,IAAK,EAAA,CAAA;AAAA;AAChD;AACF,KACF;AAEA,IAAA,MAAM,YAAYC,UAAM,EAAA;AAExB,IACE,uBAAAC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,SAAA;AAAA,QACL,SAAW,EAAAC,SAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,aAAa,UAAU,CAAA;AAAA,UACvB,aAAa,YAAY,CAAA;AAAA,UACzB,YAAa,CAAA,CAAA,WAAA,EAAcC,eAAW,CAAA,WAAW,CAAC,CAAE,CAAA,CAAA;AAAA,UACpD;AAAA,SACF;AAAA,QACA,kBAAA,EAAkB,cAAc,IAAO,GAAA,KAAA,CAAA;AAAA,QACvC,GAAK,EAAA,SAAA;AAAA,QACL,SAAW,EAAA,aAAA;AAAA,QACX,kBAAA,EAAkBD,SAAK,CAAA,eAAA,EAAiB,SAAS,CAAA;AAAA,QAChD,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,CAAC,WAAe,IAAA,MAAA,CAAO,MAAS,GAAA,CAAA,oBAC9BE,cAAA,CAAA,MAAA,EAAA,EAAK,EAAI,EAAA,SAAA,EAAW,SAAW,EAAA,YAAA,CAAa,iBAAiB,CAAA,EAAG,QAGjE,EAAA,yGAAA,EAAA,CAAA;AAAA,UAED,OAAA;AAAA,0BACDA,cAAA;AAAA,YAACC,+BAAA;AAAA,YAAA;AAAA,cACC,WAAA;AAAA,cACA,SAAW,EAAA,iBAAA;AAAA,cACX,WAAA;AAAA,cACA,IAAM,EAAA,QAAA;AAAA,cACN,OAAS,EAAA,WAAA;AAAA,cAER,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

package/dist-cjs/tabs-next/TabOverflowList.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltTabOverflow {\n  position: relative;\n}\n\n.saltTabOverflow-list {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);\n  overflow: hidden;\n  overflow-y: auto;\n  position: absolute;\n  z-index: var(--salt-zIndex-flyover);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n  border-radius: var(--salt-palette-corner, 0);\n}\n\n.saltTabOverflow-listContainer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-size-border);\n  max-height: inherit;\n  min-height: inherit;\n}\n\n.saltTabOverflow-list[data-hidden=\"true\"] {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.saltTabOverflow-list .saltTabNext {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-100);\n  display: flex;\n  gap: var(--salt-spacing-100);\n  position: relative;\n  align-items: center;\n  cursor: var(--salt-selectable-cursor-hover);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  justify-content: flex-start;\n}\n\n.saltTabOverflow-list .saltTabNext .saltTabNextTrigger {\n  justify-content: start;\n}\n\n.saltTabOverflow-list .saltTabNext::after {\n  display: none;\n}\n\n.saltTabOverflow-list .saltTabNext[aria-disabled=\"true\"] {\n  color: var(--salt-content-primary-foreground-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltTabOverflow-list .saltTabNext-focusVisible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-border) * -2);\n}\n\n.saltTabOverflow-list .saltTabNext:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltTabOverflow-list .saltTabNext:active {\n  background: var(--salt-selectable-background-selected);\n  box-shadow: 0 calc(var(--salt-size-border) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-border) 0 0 var(--salt-selectable-borderColor-selected);\n}\n";
+var css_248z = ".saltTabOverflow {\n  position: relative;\n}\n\n.saltTabOverflow-list {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);\n  overflow: hidden;\n  overflow-y: auto;\n  position: absolute;\n  z-index: var(--salt-zIndex-flyover);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n  border-radius: var(--salt-palette-corner, 0);\n}\n\n.saltTabOverflow-listContainer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-size-border);\n  max-height: inherit;\n  min-height: inherit;\n}\n\n.saltTabOverflow-list[data-hidden=\"true\"] {\n  opacity: 0;\n  pointer-events: none;\n  /* Avoid causing page to overflow with the hidden elements */\n  width: 1px;\n  height: 1px;\n}\n\n.saltTabOverflow-list .saltTabNext {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-100);\n  display: flex;\n  gap: var(--salt-spacing-100);\n  position: relative;\n  align-items: center;\n  cursor: var(--salt-selectable-cursor-hover);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  justify-content: flex-start;\n}\n\n.saltTabOverflow-list .saltTabNext .saltTabNextTrigger {\n  justify-content: start;\n}\n\n.saltTabOverflow-list .saltTabNext::after {\n  display: none;\n}\n\n.saltTabOverflow-list .saltTabNext[aria-disabled=\"true\"] {\n  color: var(--salt-content-primary-foreground-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltTabOverflow-list .saltTabNext-focusVisible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-border) * -2);\n}\n\n.saltTabOverflow-list .saltTabNext:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltTabOverflow-list .saltTabNext:active {\n  background: var(--salt-selectable-background-selected);\n  box-shadow: 0 calc(var(--salt-size-border) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-border) 0 0 var(--salt-selectable-borderColor-selected);\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=TabOverflowList.css.js.map

package/dist-cjs/tabs-next/TabOverflowList.js

@@ -54,7 +54,8 @@ const TabOverflowList = react.forwardRef(
               maxHeight: `max(calc((var(--salt-size-base) + var(--salt-spacing-100)) * 5), calc(${availableHeight}px - var(--salt-spacing-100)))`
             });
           }
-        })
+        }),
+        react$1.flip()
       ]
     });
     const { getFloatingProps } = react$1.useInteractions([react$1.useDismiss(context)]);
@@ -89,7 +90,7 @@ const TabOverflowList = react.forwardRef(
     const listId = core.useId();
     const childCount = react.Children.count(children);
     if (childCount === 0 && !isMeasuring) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: withBaseName(), ref: handleRootRef, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: withBaseName(), ref: handleRootRef, "data-overflow": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         core.Button,
         {