Function setActiveStep

packages/addons/src/plugins/multiStep/multiStepPlugin.ts:362–382

* Changes the active step to the target step if the target step is allowed. * * @param targetStep - The target step

(targetStep: FormKitFrameworkContext, e?: Event)

 * @param targetStep - The target step
 */
async function setActiveStep(targetStep: FormKitFrameworkContext, e?: Event) {
  if (e) {
    e.preventDefault()
  }
  const parentNode = targetStep?.node.parent
  if (targetStep && targetStep.node.name && parentNode) {
    const currentStep = parentNode.props.steps.find(
      (step: FormKitFrameworkContext) =>
        step.node.name === parentNode.props.activeStep
    )
    if (!currentStep) return
    const stepIsAllowed = await isTargetStepAllowed(currentStep, targetStep)
    if (
      stepIsAllowed &&
      targetStep.node.parent === parentNode &&
      parentNode.context
    ) {
      parentNode.props.activeStep = targetStep.node.name
    }
  }
}

async function goToStep(node: FormKitNode, target: number | string) {
  await node.settled