@dnb/eufemia 10.69.0 → 10.70.0

package/es/extensions/forms/Wizard/Container/WizardContainer.js

@@ -6,7 +6,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["className", "id", "mode", "initialActiveIndex", "omitScrollManagement", "omitFocusManagement", "onStepChange", "children", "noAnimation", "prerenderFieldProps", "keepInDOM", "validationMode", "variant", "sidebarId"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useContext, useCallback, useRef, useReducer, useMemo } from 'react';
+import React, { useContext, useCallback, useRef, useReducer, useMemo, useEffect } from 'react';
 import classnames from 'classnames';
 import { Space } from '../../../../components';
 import { warn } from '../../../../shared/component-helper';
@@ -24,7 +24,7 @@ import { IterateOverSteps } from './IterateOverSteps';
 import { PrerenderFieldPropsOfOtherSteps } from './PrerenderFieldPropsOfOtherSteps';
 const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 function WizardContainer(props) {
-  var _dataContext$setHandl;
+  var _dataContext$setField;
   const {
       className,
       id: idProp,
@@ -54,56 +54,96 @@ function WizardContainer(props) {
   const [, forceUpdate] = useReducer(() => ({}), {});
   const activeIndexRef = useRef(initialActiveIndex);
   const totalStepsRef = useRef(NaN);
-  const stepStatusRef = useRef({});
-  const hasVisibleErrorRef = useRef({});
+  const submitCountRef = useRef(0);
+  const visitedStepsRef = useRef(new Map());
+  const fieldErrorRef = useRef(new Map());
+  const storeStepStateRef = useRef(new Map());
   const hasErrorInOtherStepRef = useRef(false);
-  const visitedStepsRef = useRef({});
   const elementRef = useRef();
   const stepElementRef = useRef();
   const preventNextStepRef = useRef(false);
-  const stepsRef = useRef({});
-  const tmpStepsRef = useRef({});
+  const stepsRef = useRef(new Map());
+  const tmpStepsRef = useRef();
+  const stepIndexRef = useRef(-1);
   const updateTitlesRef = useRef();
   const prerenderFieldPropsRef = useRef({});
   const bypassOnNavigation = validationMode === 'bypassOnNavigation';
   const sharedStateRef = useRef();
   sharedStateRef.current = useSharedState(hasContext && id ? createReferenceKey(id, 'wizard') : undefined);
-  visitedStepsRef.current[activeIndexRef.current] = true;
-  const setStepState = useCallback((index, state) => {
-    stepStatusRef.current[index] = state;
-  }, []);
   const hasFieldErrorInStep = useCallback(index => {
-    return Object.values(hasVisibleErrorRef.current).some(({
+    return Array.from(fieldErrorRef.current.values()).some(({
       index: i,
       hasError
     }) => {
       return i === index && hasError;
     });
   }, []);
-  const revealError = useCallback((index, path, hasError) => {
-    hasVisibleErrorRef.current[path] = {
-      index,
-      hasError
-    };
-    if (hasFieldErrorInStep(index)) {
-      setStepState(index, 'error');
+  const setStepAsVisited = useCallback(index => {
+    visitedStepsRef.current.set(index, true);
+  }, []);
+  useEffect(() => {
+    if (!initialActiveIndex) {
+      setStepAsVisited(activeIndexRef.current);
     }
-  }, [hasFieldErrorInStep, setStepState]);
-  const activeIndex = activeIndexRef.current;
-  const hasErrorInActiveStep = hasFieldErrorInStep(activeIndex);
-  useMemo(() => {
-    const currentState = stepStatusRef.current[activeIndex];
-    if (!hasErrorInActiveStep && ['error', 'valid'].includes(currentState)) {
-      setStepState(activeIndex, 'valid');
-    } else {
-      setStepState(activeIndex, hasErrorInActiveStep ? 'error' : undefined);
+  }, [initialActiveIndex, setStepAsVisited]);
+  const writeStepsState = useCallback((index = undefined, forStates = ['unknown', 'error']) => {
+    for (let i = 0; i < totalStepsRef.current; i++) {
+      if (index !== undefined && index !== i) {
+        continue;
+      }
+      let result = undefined;
+      const existingState = storeStepStateRef.current.get(i);
+      if (forStates.includes('unknown')) {
+        const state = i < activeIndexRef.current && visitedStepsRef.current.get(i) === undefined;
+        if (state) {
+          result = 'unknown';
+        }
+      }
+      if (forStates.includes('error')) {
+        const state = hasFieldErrorInStep(i);
+        if (state) {
+          result = 'error';
+        } else if (existingState === 'error') {
+          if (i === activeIndexRef.current) {
+            result = undefined;
+          } else {
+            result = existingState;
+          }
+        }
+      }
+      storeStepStateRef.current.set(i, result);
+    }
+  }, [hasFieldErrorInStep]);
+  const hasInvalidStepsState = useCallback((index = undefined, forStates = ['unknown', 'error']) => {
+    for (let i = 0; i < totalStepsRef.current; i++) {
+      if (index !== undefined && index !== i) {
+        continue;
+      }
+      const state = storeStepStateRef.current.get(i);
+      if (forStates.includes('unknown')) {
+        if (state === 'unknown') {
+          return true;
+        }
+      }
+      if (forStates.includes('error')) {
+        if (state === 'error') {
+          return true;
+        }
+      }
     }
-  }, [activeIndex, hasErrorInActiveStep, setStepState]);
+    return false;
+  }, []);
+  const setFieldError = useCallback((index, path, hasError) => {
+    fieldErrorRef.current.set(path, {
+      index,
+      hasError
+    });
+  }, []);
   const preventNavigation = useCallback((shouldPrevent = true) => {
     preventNextStepRef.current = shouldPrevent;
   }, []);
   const getStepChangeOptions = useCallback(index => {
-    var _stepsRef$current$ind;
+    var _stepsRef$current$get;
     const previousIndex = activeIndexRef.current;
     const options = {
       preventNavigation,
@@ -111,10 +151,10 @@ function WizardContainer(props) {
         index: previousIndex
       }
     };
-    const id = (_stepsRef$current$ind = stepsRef.current[index]) === null || _stepsRef$current$ind === void 0 ? void 0 : _stepsRef$current$ind.id;
+    const id = (_stepsRef$current$get = stepsRef.current.get(index)) === null || _stepsRef$current$get === void 0 ? void 0 : _stepsRef$current$get.id;
     if (id) {
-      var _stepsRef$current$pre;
-      const previousId = (_stepsRef$current$pre = stepsRef.current[previousIndex]) === null || _stepsRef$current$pre === void 0 ? void 0 : _stepsRef$current$pre.id;
+      var _stepsRef$current$get2;
+      const previousId = (_stepsRef$current$get2 = stepsRef.current.get(previousIndex)) === null || _stepsRef$current$get2 === void 0 ? void 0 : _stepsRef$current$get2.id;
       Object.assign(options, {
         id
       });
@@ -171,10 +211,11 @@ function WizardContainer(props) {
         result = await callOnStepChange(index, mode);
       }
       setFormState('abort');
-      setShowAllErrors(bypassOnNavigation ? false : stepStatusRef.current[index] === 'error');
+      setShowAllErrors(bypassOnNavigation ? false : hasInvalidStepsState(index, ['error']));
       if (!preventNextStepRef.current && !(result instanceof Error)) {
         handleLayoutEffect();
         activeIndexRef.current = index;
+        setStepAsVisited(activeIndexRef.current);
         forceUpdate();
       }
       preventNextStepRef.current = false;
@@ -191,13 +232,15 @@ function WizardContainer(props) {
       if (bypassOnNavigation) {
         await onSubmit();
       } else {
-        const state = stepStatusRef.current[activeIndexRef.current];
-        if (mode === 'next' && state === 'valid') {
-          await onSubmit();
+        if (mode === 'next') {
+          writeStepsState(activeIndexRef.current, ['error']);
+          if (!hasInvalidStepsState(activeIndexRef.current)) {
+            await onSubmit();
+          }
         }
       }
     }
-  }, [bypassOnNavigation, callOnStepChange, getStepChangeOptions, handleLayoutEffect, handleSubmitCall, isInteractionRef, onStepChange, setFormState, setShowAllErrors]);
+  }, [bypassOnNavigation, callOnStepChange, getStepChangeOptions, handleLayoutEffect, handleSubmitCall, hasInvalidStepsState, isInteractionRef, onStepChange, setFormState, setShowAllErrors, setStepAsVisited, writeStepsState]);
   const setActiveIndex = useCallback((index, options) => {
     if (index === activeIndexRef.current) {
       return;
@@ -227,22 +270,10 @@ function WizardContainer(props) {
       error
     });
   }, [setSubmitState]);
-  const handleUnknownStepsState = useCallback(() => {
-    const index = activeIndexRef.current;
-    for (let i = 0; i < totalStepsRef.current; i++) {
-      if (!visitedStepsRef.current[i] && stepStatusRef.current[i] === undefined && i < index && i !== index) {
-        setStepState(i, 'unknown');
-      }
-    }
-  }, [setStepState]);
-  const hasInvalidStepsState = useCallback(forStates => {
-    const steps = Object.values(stepStatusRef.current);
-    return (forStates || ['unknown', 'error']).some(state => steps.includes(state));
-  }, []);
   const handleSubmit = useCallback(({
     preventSubmit
   }) => {
-    handleUnknownStepsState();
+    submitCountRef.current += 1;
     if (hasInvalidStepsState()) {
       return preventSubmit();
     }
@@ -250,11 +281,16 @@ function WizardContainer(props) {
       handleNext();
       preventSubmit();
     }
-  }, [handleUnknownStepsState, hasInvalidStepsState, handleNext]);
-  (_dataContext$setHandl = dataContext.setHandleSubmit) === null || _dataContext$setHandl === void 0 ? void 0 : _dataContext$setHandl.call(dataContext, handleSubmit);
+  }, [hasInvalidStepsState, handleNext]);
+  (_dataContext$setField = dataContext.setFieldEventListener) === null || _dataContext$setField === void 0 ? void 0 : _dataContext$setField.call(dataContext, undefined, 'onSubmit', handleSubmit);
   const {
     check
   } = useVisibility();
+  const mapOverChildrenRef = useRef(false);
+  const enableMapOverChildren = useCallback(() => {
+    mapOverChildrenRef.current = true;
+  }, []);
+  const activeIndex = activeIndexRef.current;
   const providerValue = useMemo(() => {
     return {
       id,
@@ -264,21 +300,25 @@ function WizardContainer(props) {
       stepsRef,
       updateTitlesRef,
       activeIndexRef,
+      stepIndexRef,
       totalStepsRef,
-      stepStatusRef,
+      submitCountRef,
       prerenderFieldProps,
       prerenderFieldPropsRef,
       hasErrorInOtherStepRef,
       keepInDOM,
+      enableMapOverChildren,
+      mapOverChildrenRef,
       check,
       setActiveIndex,
       handlePrevious,
       hasInvalidStepsState,
-      revealError,
+      writeStepsState,
+      setFieldError,
       handleNext,
       setFormError
     };
-  }, [id, activeIndex, initialActiveIndex, prerenderFieldProps, keepInDOM, check, setActiveIndex, handlePrevious, hasInvalidStepsState, revealError, handleNext, setFormError]);
+  }, [id, activeIndex, initialActiveIndex, prerenderFieldProps, keepInDOM, enableMapOverChildren, check, setActiveIndex, handlePrevious, hasInvalidStepsState, writeStepsState, setFieldError, handleNext, setFormError]);
   useLayoutEffect(() => {
     if (id && hasContext) {
       sharedStateRef.current.extend(providerValue);
@@ -289,8 +329,11 @@ function WizardContainer(props) {
     (_updateTitlesRef$curr = updateTitlesRef.current) === null || _updateTitlesRef$curr === void 0 ? void 0 : _updateTitlesRef$curr.call(updateTitlesRef);
   }, [stepsRef.current]);
   const stepsLengthDidChange = useCallback(() => {
-    const count = Object.keys(stepsRef.current).length;
-    const tmpCount = Object.keys(tmpStepsRef.current).length;
+    const tmpCount = tmpStepsRef.current;
+    if (tmpCount === undefined) {
+      return false;
+    }
+    const count = totalStepsRef.current;
     return count !== 0 && tmpCount !== 0 && count !== tmpCount;
   }, []);
   useLayoutEffect(() => {
@@ -299,8 +342,8 @@ function WizardContainer(props) {
       callOnStepChange(activeIndexRef.current, 'stepListModified');
       (_executeLayoutAnimati = executeLayoutAnimationRef.current) === null || _executeLayoutAnimati === void 0 ? void 0 : _executeLayoutAnimati.call(executeLayoutAnimationRef);
     }
-    tmpStepsRef.current = stepsRef.current;
-  }, [stepsRef.current, callOnStepChange, stepsLengthDidChange]);
+    tmpStepsRef.current = totalStepsRef.current;
+  }, [totalStepsRef.current, callOnStepChange, stepsLengthDidChange]);
   if (!hasContext) {
     warn('You may wrap Wizard.Container in Form.Handler');
     return React.createElement(Handler, null, React.createElement(WizardContainer, _extends({}, props, {

package/es/extensions/forms/Wizard/Container/WizardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","classnames","Space","warn","isAsync","useId","WizardContext","DataContext","Handler","createReferenceKey","useSharedState","useHandleLayoutEffect","useStepAnimation","useVisibility","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","useLayoutEffect","window","useEffect","WizardContainer","props","_dataContext$setHandl","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","prerenderFieldProps","keepInDOM","validationMode","variant","sidebarId","rest","_objectWithoutProperties","_excluded","dataContext","hasContext","setFormState","handleSubmitCall","setShowAllErrors","setSubmitState","forceUpdate","activeIndexRef","totalStepsRef","NaN","stepStatusRef","hasVisibleErrorRef","hasErrorInOtherStepRef","visitedStepsRef","elementRef","stepElementRef","preventNextStepRef","stepsRef","tmpStepsRef","updateTitlesRef","prerenderFieldPropsRef","bypassOnNavigation","sharedStateRef","current","undefined","setStepState","index","state","hasFieldErrorInStep","Object","values","some","i","hasError","revealError","path","activeIndex","hasErrorInActiveStep","currentState","includes","preventNavigation","shouldPrevent","getStepChangeOptions","_stepsRef$current$ind","previousIndex","options","previousStep","_stepsRef$current$pre","previousId","assign","callOnStepChange","setFocus","scrollToTop","isInteractionRef","executeLayoutAnimationRef","handleLayoutEffect","handleStepChange","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","didSubmit","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","skipFieldValidation","enableAsyncBehavior","setActiveIndex","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","handleUnknownStepsState","hasInvalidStepsState","forStates","steps","handleSubmit","preventSubmit","setHandleSubmit","check","providerValue","extend","_updateTitlesRef$curr","stepsLengthDidChange","count","keys","length","tmpCount","_executeLayoutAnimati","createElement","_extends","Provider","value","innerRef","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n} from 'react'\nimport classnames from 'classnames'\nimport { Space } from '../../../../components'\nimport { warn } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport WizardContext, {\n  WizardContextState,\n} from '../Context/WizardContext'\nimport type {\n  OnStepChange,\n  OnStepChangeOptions,\n  OnStepsChangeMode,\n  SetActiveIndexOptions,\n  StepIndex,\n  Steps,\n  InternalFieldError,\n  InternalStepStatus,\n  InternalStepStatuses,\n  InternalVisitedSteps,\n} from '../Context/types'\nimport DataContext from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n  SharedStateReturn,\n  createReferenceKey,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport useStepAnimation from './useStepAnimation'\nimport { ComponentProps } from '../../types'\nimport useVisibility from '../../Form/Visibility/useVisibility'\nimport { DisplaySteps } from './DisplaySteps'\nimport { IterateOverSteps } from './IterateOverSteps'\nimport { PrerenderFieldPropsOfOtherSteps } from './PrerenderFieldPropsOfOtherSteps'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps & {\n  id?: string\n\n  /**\n   * The mode of the wizard.\n   */\n  mode?: 'static' | 'strict' | 'loose'\n\n  /**\n   * If set to `true`, the wizard will not scroll to the first step when the user clicks on the next button.\n   */\n  omitScrollManagement?: boolean\n\n  /**\n   * If set to `true`, the wizard will not focus on the next step when the user clicks on the next button.\n   */\n  omitFocusManagement?: boolean\n\n  /**\n   * The index of the first step to be rendered.\n   */\n  initialActiveIndex?: StepIndex\n\n  /**\n   * The callback function that will be called when the user clicks on the next button.\n   */\n  onStepChange?: OnStepChange\n\n  /**\n   * The sidebar variant.\n   */\n  variant?: 'sidebar' | 'drawer'\n  sidebarId?: string\n\n  /**\n   * If set to `true`, the wizard will not animate the steps.\n   */\n  noAnimation?: boolean\n\n  /**\n   * If set to `true`, the wizard will not unmount the steps when navigating back and forth.\n   */\n  keepInDOM?: boolean\n\n  /**\n   * If set to `true`, the wizard pre-render all steps so the props of each field is available in the data context.\n   * Defaults to `true`.\n   */\n  prerenderFieldProps?: boolean\n\n  /**\n   * Determines if and how the validation will be bypassed.\n   */\n  validationMode?: 'bypassOnNavigation'\n\n  /**\n   * The children of the wizard container.\n   */\n  children: React.ReactNode\n\n  /**\n   * @deprecated Is enabled by default. You can disable it with \"omitScrollManagement\"\n   */\n  scrollTopOnStepChange?: boolean\n}\n\nfunction WizardContainer(props: Props) {\n  const {\n    className,\n    id: idProp,\n    mode = 'strict',\n    initialActiveIndex = 0,\n    omitScrollManagement,\n    omitFocusManagement,\n    onStepChange,\n    children,\n    noAnimation = true,\n    prerenderFieldProps = true,\n    keepInDOM,\n    validationMode,\n    variant = 'sidebar',\n    sidebarId,\n    ...rest\n  } = props\n\n  const dataContext = useContext(DataContext)\n  const {\n    hasContext,\n    setFormState,\n    handleSubmitCall,\n    setShowAllErrors,\n    setSubmitState,\n  } = dataContext\n\n  const id = useId(idProp)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n  const totalStepsRef = useRef<number>(NaN)\n  const stepStatusRef = useRef<InternalStepStatuses>({})\n  const hasVisibleErrorRef = useRef<InternalFieldError>({})\n  const hasErrorInOtherStepRef = useRef<boolean>(false)\n  const visitedStepsRef = useRef<InternalVisitedSteps>({})\n  const elementRef = useRef<HTMLElement>()\n  const stepElementRef = useRef<HTMLElement>()\n  const preventNextStepRef = useRef(false)\n  const stepsRef = useRef<Steps>({})\n  const tmpStepsRef = useRef<Steps>({})\n  const updateTitlesRef = useRef<() => void>()\n  const prerenderFieldPropsRef = useRef<\n    Record<string, () => React.ReactElement>\n  >({})\n\n  const bypassOnNavigation = validationMode === 'bypassOnNavigation'\n\n  // - Handle shared state\n  const sharedStateRef =\n    useRef<\n      SharedStateReturn<\n        WizardContextState & { onStepChange?: OnStepChange }\n      >\n    >()\n  sharedStateRef.current = useSharedState<WizardContextState>(\n    hasContext && id ? createReferenceKey(id, 'wizard') : undefined\n  )\n\n  visitedStepsRef.current[activeIndexRef.current] = true\n\n  const setStepState = useCallback(\n    (index: number, state: InternalStepStatus) => {\n      stepStatusRef.current[index] = state\n    },\n    []\n  )\n  const hasFieldErrorInStep = useCallback((index: StepIndex) => {\n    return Object.values(hasVisibleErrorRef.current).some(\n      ({ index: i, hasError }) => {\n        return i === index && hasError\n      }\n    )\n  }, [])\n  const revealError: WizardContextState['revealError'] = useCallback(\n    (index, path, hasError) => {\n      hasVisibleErrorRef.current[path] = { index, hasError }\n\n      if (hasFieldErrorInStep(index)) {\n        setStepState(index, 'error')\n      }\n    },\n    [hasFieldErrorInStep, setStepState]\n  )\n\n  const activeIndex = activeIndexRef.current\n  const hasErrorInActiveStep = hasFieldErrorInStep(activeIndex)\n  useMemo(() => {\n    const currentState = stepStatusRef.current[activeIndex]\n    if (\n      !hasErrorInActiveStep &&\n      ['error', 'valid'].includes(currentState)\n    ) {\n      setStepState(activeIndex, 'valid')\n    } else {\n      setStepState(activeIndex, hasErrorInActiveStep ? 'error' : undefined)\n    }\n  }, [activeIndex, hasErrorInActiveStep, setStepState])\n\n  const preventNavigation = useCallback((shouldPrevent = true) => {\n    preventNextStepRef.current = shouldPrevent\n  }, [])\n\n  const getStepChangeOptions: (index: StepIndex) => OnStepChangeOptions =\n    useCallback(\n      (index) => {\n        const previousIndex = activeIndexRef.current\n        const options = {\n          preventNavigation,\n          previousStep: { index: previousIndex },\n        }\n\n        const id = stepsRef.current[index]?.id\n        if (id) {\n          const previousId = stepsRef.current[previousIndex]?.id\n          Object.assign(options, { id })\n          Object.assign(options.previousStep, { id: previousId })\n        }\n\n        return options\n      },\n      [preventNavigation]\n    )\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: OnStepsChangeMode) => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode, getStepChangeOptions(index))\n      }\n\n      return onStepChange?.(index, mode, getStepChangeOptions(index))\n    },\n    [getStepChangeOptions, onStepChange]\n  )\n\n  const { setFocus, scrollToTop, isInteractionRef } =\n    useHandleLayoutEffect({ elementRef, stepElementRef })\n\n  const executeLayoutAnimationRef = useRef<() => void>()\n  useStepAnimation({\n    activeIndexRef,\n    stepElementRef,\n    executeLayoutAnimationRef,\n  })\n\n  const handleLayoutEffect = useCallback(() => {\n    if (!omitFocusManagement) {\n      setFocus()\n    }\n    if (!omitScrollManagement) {\n      scrollToTop()\n    }\n  }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n  const handleStepChange = useCallback(\n    async ({\n      index,\n      skipErrorCheck,\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n      mode,\n    }: {\n      index: StepIndex\n      mode: OnStepsChangeMode\n    } & SetActiveIndexOptions) => {\n      let didSubmit = false\n      const onSubmit = async () => {\n        if (!skipStepChangeCallFromHook) {\n          sharedStateRef.current?.data?.onStepChange?.(\n            index,\n            mode,\n            getStepChangeOptions(index)\n          )\n        }\n\n        let result = undefined\n\n        if (\n          !skipStepChangeCall &&\n          !(skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n        ) {\n          result = await callOnStepChange(index, mode)\n        }\n\n        // Hide async indicator\n        setFormState('abort')\n\n        // Set the \"showAllErrors\" to the step we got to\n        setShowAllErrors(\n          bypassOnNavigation\n            ? false\n            : stepStatusRef.current[index] === 'error'\n        )\n\n        if (!preventNextStepRef.current && !(result instanceof Error)) {\n          handleLayoutEffect()\n\n          activeIndexRef.current = index\n          forceUpdate()\n        }\n\n        preventNextStepRef.current = false\n        didSubmit = true\n\n        return result\n      }\n\n      await handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehavior: isAsync(onStepChange),\n        onSubmit: bypassOnNavigation ? () => null : onSubmit,\n      })\n\n      if (!didSubmit) {\n        if (bypassOnNavigation) {\n          await onSubmit()\n        } else {\n          // In case steps were visited before, or they use the \"keepInDOM\" prop,\n          // we need to check the step status, because other steps may report an error,\n          // so the user will not be able to navigate to the next step,\n          // because the form contains errors. Thats why onSubmit will not be called via handleSubmitCall.\n          const state = stepStatusRef.current[activeIndexRef.current]\n          if (mode === 'next' && state === 'valid') {\n            await onSubmit()\n          }\n        }\n      }\n    },\n    [\n      bypassOnNavigation,\n      callOnStepChange,\n      getStepChangeOptions,\n      handleLayoutEffect,\n      handleSubmitCall,\n      isInteractionRef,\n      onStepChange,\n      setFormState,\n      setShowAllErrors,\n    ]\n  )\n\n  const setActiveIndex = useCallback(\n    (index: StepIndex, options?: SetActiveIndexOptions) => {\n      if (index === activeIndexRef.current) {\n        return\n      }\n\n      const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n      handleStepChange({\n        index,\n        skipErrorCheck: mode === 'previous',\n        mode,\n        ...options,\n      })\n    },\n    [handleStepChange]\n  )\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex(activeIndexRef.current - 1)\n  }, [setActiveIndex])\n\n  const handleNext = useCallback(() => {\n    setActiveIndex(activeIndexRef.current + 1)\n  }, [setActiveIndex])\n\n  const handleChange = useCallback(\n    ({ current_step }) => {\n      setActiveIndex(\n        current_step,\n        mode === 'loose' ? { skipErrorCheck: true } : undefined\n      )\n    },\n    [mode, setActiveIndex]\n  )\n\n  const setFormError = useCallback(\n    (error: Error) => {\n      setSubmitState?.({ error })\n    },\n    [setSubmitState]\n  )\n\n  const handleUnknownStepsState = useCallback(() => {\n    const index = activeIndexRef.current\n    for (let i = 0; i < totalStepsRef.current; i++) {\n      // - Check if the step was visited before,\n      // - if, not check if the step has already an state,\n      // - if, not check if the step is before the active step and and below.\n      // - Only then set the state to \"unknown\"\n      if (\n        !visitedStepsRef.current[i] &&\n        stepStatusRef.current[i] === undefined &&\n        i < index &&\n        i !== index\n      ) {\n        setStepState(i, 'unknown')\n      }\n    }\n  }, [setStepState])\n\n  const hasInvalidStepsState: WizardContextState['hasInvalidStepsState'] =\n    useCallback((forStates) => {\n      const steps = Object.values(stepStatusRef.current)\n      return (forStates || ['unknown', 'error']).some((state) =>\n        steps.includes(state)\n      )\n    }, [])\n\n  const handleSubmit = useCallback(\n    ({ preventSubmit }) => {\n      handleUnknownStepsState()\n\n      // - If there is an unknown step state, we need to prevent the submit\n      if (hasInvalidStepsState()) {\n        return preventSubmit()\n      }\n\n      if (activeIndexRef.current + 1 < totalStepsRef.current) {\n        handleNext()\n        preventSubmit()\n      }\n    },\n    [handleUnknownStepsState, hasInvalidStepsState, handleNext]\n  )\n  dataContext.setHandleSubmit?.(handleSubmit)\n\n  const { check } = useVisibility()\n\n  const providerValue = useMemo<WizardContextState>(() => {\n    return {\n      id,\n      activeIndex,\n      initialActiveIndex,\n      stepElementRef,\n      stepsRef,\n      updateTitlesRef,\n      activeIndexRef,\n      totalStepsRef,\n      stepStatusRef,\n      prerenderFieldProps,\n      prerenderFieldPropsRef,\n      hasErrorInOtherStepRef,\n      keepInDOM,\n      check,\n      setActiveIndex,\n      handlePrevious,\n      hasInvalidStepsState,\n      revealError,\n      handleNext,\n      setFormError,\n    }\n  }, [\n    id,\n    activeIndex,\n    initialActiveIndex,\n    prerenderFieldProps,\n    keepInDOM,\n    check,\n    setActiveIndex,\n    handlePrevious,\n    hasInvalidStepsState,\n    revealError,\n    handleNext,\n    setFormError,\n  ])\n\n  // - Handle shared state\n  useLayoutEffect(() => {\n    if (id && hasContext) {\n      sharedStateRef.current.extend(providerValue)\n    }\n  }, [hasContext, id, providerValue])\n\n  useLayoutEffect(() => {\n    updateTitlesRef.current?.()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stepsRef.current])\n\n  const stepsLengthDidChange = useCallback(() => {\n    const count = Object.keys(stepsRef.current).length\n    const tmpCount = Object.keys(tmpStepsRef.current).length\n    return count !== 0 && tmpCount !== 0 && count !== tmpCount\n  }, [])\n\n  // - Call onStepChange when step gets replaced or added (e.g. via includeWhen)\n  useLayoutEffect(() => {\n    if (stepsLengthDidChange()) {\n      callOnStepChange(activeIndexRef.current, 'stepListModified')\n      executeLayoutAnimationRef.current?.()\n    }\n    tmpStepsRef.current = stepsRef.current\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stepsRef.current, callOnStepChange, stepsLengthDidChange])\n\n  if (!hasContext) {\n    warn('You may wrap Wizard.Container in Form.Handler')\n    return (\n      <Handler>\n        <WizardContainer {...props} id={id} />\n      </Handler>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          `dnb-forms-wizard-layout--${variant}`,\n          className\n        )}\n        innerRef={elementRef}\n        {...rest}\n      >\n        <DisplaySteps\n          mode={mode}\n          variant={variant}\n          noAnimation={noAnimation}\n          handleChange={handleChange}\n          sidebarId={sidebarId}\n        />\n\n        <div className=\"dnb-forms-wizard-layout__contents\">\n          <IterateOverSteps>{children}</IterateOverSteps>\n        </div>\n      </Space>\n\n      {prerenderFieldProps && !keepInDOM && (\n        <PrerenderFieldPropsOfOtherSteps\n          prerenderFieldPropsRef={prerenderFieldPropsRef}\n        />\n      )}\n    </WizardContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","useEffect","classnames","Space","warn","isAsync","useId","WizardContext","DataContext","Handler","createReferenceKey","useSharedState","useHandleLayoutEffect","useStepAnimation","useVisibility","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","useLayoutEffect","window","WizardContainer","props","_dataContext$setField","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","prerenderFieldProps","keepInDOM","validationMode","variant","sidebarId","rest","_objectWithoutProperties","_excluded","dataContext","hasContext","setFormState","handleSubmitCall","setShowAllErrors","setSubmitState","forceUpdate","activeIndexRef","totalStepsRef","NaN","submitCountRef","visitedStepsRef","Map","fieldErrorRef","storeStepStateRef","hasErrorInOtherStepRef","elementRef","stepElementRef","preventNextStepRef","stepsRef","tmpStepsRef","stepIndexRef","updateTitlesRef","prerenderFieldPropsRef","bypassOnNavigation","sharedStateRef","current","undefined","hasFieldErrorInStep","index","Array","from","values","some","i","hasError","setStepAsVisited","set","writeStepsState","forStates","result","existingState","get","includes","state","hasInvalidStepsState","setFieldError","path","preventNavigation","shouldPrevent","getStepChangeOptions","_stepsRef$current$get","previousIndex","options","previousStep","_stepsRef$current$get2","previousId","Object","assign","callOnStepChange","setFocus","scrollToTop","isInteractionRef","executeLayoutAnimationRef","handleLayoutEffect","handleStepChange","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","didSubmit","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","Error","skipFieldValidation","enableAsyncBehavior","setActiveIndex","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","handleSubmit","preventSubmit","setFieldEventListener","check","mapOverChildrenRef","enableMapOverChildren","activeIndex","providerValue","extend","_updateTitlesRef$curr","stepsLengthDidChange","tmpCount","count","_executeLayoutAnimati","createElement","_extends","Provider","value","innerRef","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n  useEffect,\n} from 'react'\nimport classnames from 'classnames'\nimport { Space } from '../../../../components'\nimport { warn } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport WizardContext, {\n  WizardContextState,\n} from '../Context/WizardContext'\nimport type {\n  OnStepChange,\n  OnStepChangeOptions,\n  OnStepsChangeMode,\n  SetActiveIndexOptions,\n  StepIndex,\n  Steps,\n  InternalFieldError,\n  InternalVisitedSteps,\n  InternalStepStatus,\n  InternalStepStatuses,\n} from '../Context/types'\nimport DataContext from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n  SharedStateReturn,\n  createReferenceKey,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport useStepAnimation from './useStepAnimation'\nimport { ComponentProps } from '../../types'\nimport useVisibility from '../../Form/Visibility/useVisibility'\nimport { DisplaySteps } from './DisplaySteps'\nimport { IterateOverSteps } from './IterateOverSteps'\nimport { PrerenderFieldPropsOfOtherSteps } from './PrerenderFieldPropsOfOtherSteps'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps & {\n  id?: string\n\n  /**\n   * The mode of the wizard.\n   */\n  mode?: 'static' | 'strict' | 'loose'\n\n  /**\n   * If set to `true`, the wizard will not scroll to the first step when the user clicks on the next button.\n   */\n  omitScrollManagement?: boolean\n\n  /**\n   * If set to `true`, the wizard will not focus on the next step when the user clicks on the next button.\n   */\n  omitFocusManagement?: boolean\n\n  /**\n   * The index of the first step to be rendered.\n   */\n  initialActiveIndex?: StepIndex\n\n  /**\n   * The callback function that will be called when the user clicks on the next button.\n   */\n  onStepChange?: OnStepChange\n\n  /**\n   * The sidebar variant.\n   */\n  variant?: 'sidebar' | 'drawer'\n  sidebarId?: string\n\n  /**\n   * If set to `true`, the wizard will not animate the steps.\n   */\n  noAnimation?: boolean\n\n  /**\n   * If set to `true`, the wizard will not unmount the steps when navigating back and forth.\n   */\n  keepInDOM?: boolean\n\n  /**\n   * If set to `true`, the wizard pre-render all steps so the props of each field is available in the data context.\n   * Defaults to `true`.\n   */\n  prerenderFieldProps?: boolean\n\n  /**\n   * Determines if and how the validation will be bypassed.\n   */\n  validationMode?: 'bypassOnNavigation'\n\n  /**\n   * The children of the wizard container.\n   */\n  children: React.ReactNode\n\n  /**\n   * @deprecated Is enabled by default. You can disable it with \"omitScrollManagement\"\n   */\n  scrollTopOnStepChange?: boolean\n}\n\nfunction WizardContainer(props: Props) {\n  const {\n    className,\n    id: idProp,\n    mode = 'strict',\n    initialActiveIndex = 0,\n    omitScrollManagement,\n    omitFocusManagement,\n    onStepChange,\n    children,\n    noAnimation = true,\n    prerenderFieldProps = true,\n    keepInDOM,\n    validationMode,\n    variant = 'sidebar',\n    sidebarId,\n    ...rest\n  } = props\n\n  const dataContext = useContext(DataContext)\n  const {\n    hasContext,\n    setFormState,\n    handleSubmitCall,\n    setShowAllErrors,\n    setSubmitState,\n  } = dataContext\n\n  const id = useId(idProp)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n  const totalStepsRef = useRef<number>(NaN)\n  const submitCountRef = useRef(0)\n  const visitedStepsRef = useRef<InternalVisitedSteps>(new Map())\n  const fieldErrorRef = useRef<InternalFieldError>(new Map())\n  const storeStepStateRef = useRef<InternalStepStatuses>(new Map())\n  const hasErrorInOtherStepRef = useRef<boolean>(false)\n  const elementRef = useRef<HTMLElement>()\n  const stepElementRef = useRef<HTMLElement>()\n  const preventNextStepRef = useRef(false)\n  const stepsRef = useRef<Steps>(new Map())\n  const tmpStepsRef = useRef<number>()\n  const stepIndexRef = useRef<number>(-1)\n  const updateTitlesRef = useRef<() => void>()\n  const prerenderFieldPropsRef = useRef<\n    Record<string, () => React.ReactElement>\n  >({})\n\n  const bypassOnNavigation = validationMode === 'bypassOnNavigation'\n\n  // - Handle shared state\n  const sharedStateRef =\n    useRef<\n      SharedStateReturn<\n        WizardContextState & { onStepChange?: OnStepChange }\n      >\n    >()\n  sharedStateRef.current = useSharedState<WizardContextState>(\n    hasContext && id ? createReferenceKey(id, 'wizard') : undefined\n  )\n\n  const hasFieldErrorInStep = useCallback((index: StepIndex) => {\n    return Array.from(fieldErrorRef.current.values()).some(\n      ({ index: i, hasError }) => {\n        return i === index && hasError\n      }\n    )\n  }, [])\n\n  const setStepAsVisited = useCallback((index: StepIndex) => {\n    visitedStepsRef.current.set(index, true)\n  }, [])\n\n  useEffect(() => {\n    if (!initialActiveIndex) {\n      setStepAsVisited(activeIndexRef.current)\n    }\n  }, [initialActiveIndex, setStepAsVisited])\n\n  /**\n   * - This method is used to check if a step (or any step) has an invalid state.\n   *\n   * If a step was not visited before, it will be set to \"unknown\".\n   * If a step was visited before, but has an invalid state, it will be set to \"error\".\n   * If an index is given, it will check if the step, with the given index, has an invalid state.\n   */\n  const writeStepsState: WizardContextState['writeStepsState'] =\n    useCallback(\n      (index = undefined, forStates = ['unknown', 'error']) => {\n        for (let i = 0; i < totalStepsRef.current; i++) {\n          if (index !== undefined && index !== i) {\n            continue\n          }\n\n          let result: InternalStepStatus = undefined\n          const existingState = storeStepStateRef.current.get(i)\n\n          if (forStates.includes('unknown')) {\n            const state =\n              i < activeIndexRef.current &&\n              visitedStepsRef.current.get(i) === undefined\n            if (state) {\n              result = 'unknown'\n            }\n          }\n\n          if (forStates.includes('error')) {\n            const state = hasFieldErrorInStep(i)\n            if (state) {\n              result = 'error'\n            } else if (existingState === 'error') {\n              if (i === activeIndexRef.current) {\n                result = undefined\n              } else {\n                result = existingState\n              }\n            }\n          }\n\n          storeStepStateRef.current.set(i, result)\n        }\n      },\n      [hasFieldErrorInStep]\n    )\n\n  const hasInvalidStepsState: WizardContextState['hasInvalidStepsState'] =\n    useCallback((index = undefined, forStates = ['unknown', 'error']) => {\n      for (let i = 0; i < totalStepsRef.current; i++) {\n        if (index !== undefined && index !== i) {\n          continue\n        }\n\n        const state = storeStepStateRef.current.get(i)\n\n        if (forStates.includes('unknown')) {\n          if (state === 'unknown') {\n            return true\n          }\n        }\n\n        if (forStates.includes('error')) {\n          if (state === 'error') {\n            return true\n          }\n        }\n      }\n\n      return false\n    }, [])\n\n  const setFieldError: WizardContextState['setFieldError'] = useCallback(\n    (index, path, hasError) => {\n      fieldErrorRef.current.set(path, { index, hasError })\n    },\n    []\n  )\n\n  const preventNavigation = useCallback((shouldPrevent = true) => {\n    preventNextStepRef.current = shouldPrevent\n  }, [])\n\n  const getStepChangeOptions: (index: StepIndex) => OnStepChangeOptions =\n    useCallback(\n      (index) => {\n        const previousIndex = activeIndexRef.current\n        const options = {\n          preventNavigation,\n          previousStep: { index: previousIndex },\n        }\n\n        const id = stepsRef.current.get(index)?.id\n        if (id) {\n          const previousId = stepsRef.current.get(previousIndex)?.id\n          Object.assign(options, { id })\n          Object.assign(options.previousStep, { id: previousId })\n        }\n\n        return options\n      },\n      [preventNavigation]\n    )\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: OnStepsChangeMode) => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode, getStepChangeOptions(index))\n      }\n\n      return onStepChange?.(index, mode, getStepChangeOptions(index))\n    },\n    [getStepChangeOptions, onStepChange]\n  )\n\n  const { setFocus, scrollToTop, isInteractionRef } =\n    useHandleLayoutEffect({ elementRef, stepElementRef })\n\n  const executeLayoutAnimationRef = useRef<() => void>()\n  useStepAnimation({\n    activeIndexRef,\n    stepElementRef,\n    executeLayoutAnimationRef,\n  })\n\n  const handleLayoutEffect = useCallback(() => {\n    if (!omitFocusManagement) {\n      setFocus()\n    }\n    if (!omitScrollManagement) {\n      scrollToTop()\n    }\n  }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n  const handleStepChange = useCallback(\n    async ({\n      index,\n      skipErrorCheck,\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n      mode,\n    }: {\n      index: StepIndex\n      mode: OnStepsChangeMode\n    } & SetActiveIndexOptions) => {\n      let didSubmit = false\n      const onSubmit = async () => {\n        if (!skipStepChangeCallFromHook) {\n          sharedStateRef.current?.data?.onStepChange?.(\n            index,\n            mode,\n            getStepChangeOptions(index)\n          )\n        }\n\n        let result = undefined\n\n        if (\n          !skipStepChangeCall &&\n          !(skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n        ) {\n          result = await callOnStepChange(index, mode)\n        }\n\n        // Hide async indicator\n        setFormState('abort')\n\n        // Set the \"showAllErrors\" to the step we got to\n        setShowAllErrors(\n          bypassOnNavigation\n            ? false\n            : hasInvalidStepsState(index, ['error'])\n        )\n\n        if (!preventNextStepRef.current && !(result instanceof Error)) {\n          handleLayoutEffect()\n\n          activeIndexRef.current = index\n          setStepAsVisited(activeIndexRef.current)\n          forceUpdate()\n        }\n\n        preventNextStepRef.current = false\n        didSubmit = true\n\n        return result\n      }\n\n      await handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehavior: isAsync(onStepChange),\n        onSubmit: bypassOnNavigation ? () => null : onSubmit,\n      })\n\n      if (!didSubmit) {\n        if (bypassOnNavigation) {\n          await onSubmit()\n        } else {\n          if (mode === 'next') {\n            // First we need to write the steps state for the current active index.\n            writeStepsState(activeIndexRef.current, ['error'])\n\n            // In case steps were visited before, or they use the \"keepInDOM\" prop,\n            // we need to check the step status, because other steps may report an error,\n            // so the user will not be able to navigate to the next step,\n            // because the form contains errors. Thats why onSubmit will not be called via handleSubmitCall.\n            if (!hasInvalidStepsState(activeIndexRef.current)) {\n              await onSubmit()\n            }\n          }\n        }\n      }\n    },\n    [\n      bypassOnNavigation,\n      callOnStepChange,\n      getStepChangeOptions,\n      handleLayoutEffect,\n      handleSubmitCall,\n      hasInvalidStepsState,\n      isInteractionRef,\n      onStepChange,\n      setFormState,\n      setShowAllErrors,\n      setStepAsVisited,\n      writeStepsState,\n    ]\n  )\n\n  const setActiveIndex = useCallback(\n    (index: StepIndex, options?: SetActiveIndexOptions) => {\n      if (index === activeIndexRef.current) {\n        return\n      }\n\n      const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n      handleStepChange({\n        index,\n        skipErrorCheck: mode === 'previous',\n        mode,\n        ...options,\n      })\n    },\n    [handleStepChange]\n  )\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex(activeIndexRef.current - 1)\n  }, [setActiveIndex])\n\n  const handleNext = useCallback(() => {\n    setActiveIndex(activeIndexRef.current + 1)\n  }, [setActiveIndex])\n\n  const handleChange = useCallback(\n    ({ current_step }) => {\n      setActiveIndex(\n        current_step,\n        mode === 'loose' ? { skipErrorCheck: true } : undefined\n      )\n    },\n    [mode, setActiveIndex]\n  )\n\n  const setFormError = useCallback(\n    (error: Error) => {\n      setSubmitState?.({ error })\n    },\n    [setSubmitState]\n  )\n\n  const handleSubmit = useCallback(\n    ({ preventSubmit }) => {\n      submitCountRef.current += 1\n\n      // - If there is an unknown step state, we need to prevent the submit\n      if (hasInvalidStepsState()) {\n        return preventSubmit()\n      }\n\n      if (activeIndexRef.current + 1 < totalStepsRef.current) {\n        handleNext()\n        preventSubmit()\n      }\n    },\n    [hasInvalidStepsState, handleNext]\n  )\n  dataContext.setFieldEventListener?.(undefined, 'onSubmit', handleSubmit)\n\n  // NB: useVisibility needs to be imported here,\n  // because it need the outer context to be available.\n  const { check } = useVisibility()\n\n  // This is used to map over the children and to give them the correct index,\n  // in case it could be given properly, like if no id or title was given in React.StrictMode.\n  const mapOverChildrenRef = useRef(false)\n  const enableMapOverChildren = useCallback(() => {\n    mapOverChildrenRef.current = true\n  }, [])\n\n  const activeIndex = activeIndexRef.current\n  const providerValue = useMemo<WizardContextState>(() => {\n    return {\n      id,\n      activeIndex,\n      initialActiveIndex,\n      stepElementRef,\n      stepsRef,\n      updateTitlesRef,\n      activeIndexRef,\n      stepIndexRef,\n      totalStepsRef,\n      submitCountRef,\n      prerenderFieldProps,\n      prerenderFieldPropsRef,\n      hasErrorInOtherStepRef,\n      keepInDOM,\n      enableMapOverChildren,\n      mapOverChildrenRef,\n      check,\n      setActiveIndex,\n      handlePrevious,\n      hasInvalidStepsState,\n      writeStepsState,\n      setFieldError,\n      handleNext,\n      setFormError,\n    } satisfies WizardContextState\n  }, [\n    id,\n    activeIndex,\n    initialActiveIndex,\n    prerenderFieldProps,\n    keepInDOM,\n    enableMapOverChildren,\n    check,\n    setActiveIndex,\n    handlePrevious,\n    hasInvalidStepsState,\n    writeStepsState,\n    setFieldError,\n    handleNext,\n    setFormError,\n  ])\n\n  // - Handle shared state\n  useLayoutEffect(() => {\n    if (id && hasContext) {\n      sharedStateRef.current.extend(providerValue)\n    }\n  }, [hasContext, id, providerValue])\n\n  useLayoutEffect(() => {\n    updateTitlesRef.current?.()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stepsRef.current])\n\n  const stepsLengthDidChange = useCallback(() => {\n    const tmpCount = tmpStepsRef.current\n    if (tmpCount === undefined) {\n      return false\n    }\n    const count = totalStepsRef.current\n    return count !== 0 && tmpCount !== 0 && count !== tmpCount\n  }, [])\n\n  // - Call onStepChange when step gets replaced or added (e.g. via includeWhen)\n  useLayoutEffect(() => {\n    if (stepsLengthDidChange()) {\n      callOnStepChange(activeIndexRef.current, 'stepListModified')\n      executeLayoutAnimationRef.current?.()\n    }\n\n    tmpStepsRef.current = totalStepsRef.current\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    totalStepsRef.current, // Include the totalStepsRef.current to trigger the useEffect on change\n    callOnStepChange,\n    stepsLengthDidChange,\n  ])\n\n  if (!hasContext) {\n    warn('You may wrap Wizard.Container in Form.Handler')\n    return (\n      <Handler>\n        <WizardContainer {...props} id={id} />\n      </Handler>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          `dnb-forms-wizard-layout--${variant}`,\n          className\n        )}\n        innerRef={elementRef}\n        {...rest}\n      >\n        <DisplaySteps\n          mode={mode}\n          variant={variant}\n          noAnimation={noAnimation}\n          handleChange={handleChange}\n          sidebarId={sidebarId}\n        />\n\n        <div className=\"dnb-forms-wizard-layout__contents\">\n          <IterateOverSteps>{children}</IterateOverSteps>\n        </div>\n      </Space>\n\n      {prerenderFieldProps && !keepInDOM && (\n        <PrerenderFieldPropsOfOtherSteps\n          prerenderFieldPropsRef={prerenderFieldPropsRef}\n        />\n      )}\n    </WizardContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,SAAS,QACJ,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,IAAI,QAAQ,qCAAqC;AAC1D,SAASC,OAAO,QAAQ,oCAAoC;AAC5D,OAAOC,KAAK,MAAM,kCAAkC;AACpD,OAAOC,aAAa,MAEb,0BAA0B;AAajC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,OAAO,MAAM,4BAA4B;AAChD,SAEEC,kBAAkB,EAClBC,cAAc,QACT,2CAA2C;AAClD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,OAAOC,aAAa,MAAM,qCAAqC;AAC/D,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,+BAA+B,QAAQ,mCAAmC;AAGnF,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGxB,KAAK,CAACM,SAAS,GAAGN,KAAK,CAACuB,eAAe;AAoEzE,SAASE,eAAeA,CAACC,KAAY,EAAE;EAAA,IAAAC,qBAAA;EACrC,MAAM;MACJC,SAAS;MACTC,EAAE,EAAEC,MAAM;MACVC,IAAI,GAAG,QAAQ;MACfC,kBAAkB,GAAG,CAAC;MACtBC,oBAAoB;MACpBC,mBAAmB;MACnBC,YAAY;MACZC,QAAQ;MACRC,WAAW,GAAG,IAAI;MAClBC,mBAAmB,GAAG,IAAI;MAC1BC,SAAS;MACTC,cAAc;MACdC,OAAO,GAAG,SAAS;MACnBC;IAEF,CAAC,GAAGhB,KAAK;IADJiB,IAAI,GAAAC,wBAAA,CACLlB,KAAK,EAAAmB,SAAA;EAET,MAAMC,WAAW,GAAG7C,UAAU,CAACY,WAAW,CAAC;EAC3C,MAAM;IACJkC,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,gBAAgB;IAChBC;EACF,CAAC,GAAGL,WAAW;EAEf,MAAMjB,EAAE,GAAGlB,KAAK,CAACmB,MAAM,CAAC;EACxB,MAAM,GAAGsB,WAAW,CAAC,GAAGhD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMiD,cAAc,GAAGlD,MAAM,CAAY6B,kBAAkB,CAAC;EAC5D,MAAMsB,aAAa,GAAGnD,MAAM,CAASoD,GAAG,CAAC;EACzC,MAAMC,cAAc,GAAGrD,MAAM,CAAC,CAAC,CAAC;EAChC,MAAMsD,eAAe,GAAGtD,MAAM,CAAuB,IAAIuD,GAAG,CAAC,CAAC,CAAC;EAC/D,MAAMC,aAAa,GAAGxD,MAAM,CAAqB,IAAIuD,GAAG,CAAC,CAAC,CAAC;EAC3D,MAAME,iBAAiB,GAAGzD,MAAM,CAAuB,IAAIuD,GAAG,CAAC,CAAC,CAAC;EACjE,MAAMG,sBAAsB,GAAG1D,MAAM,CAAU,KAAK,CAAC;EACrD,MAAM2D,UAAU,GAAG3D,MAAM,CAAc,CAAC;EACxC,MAAM4D,cAAc,GAAG5D,MAAM,CAAc,CAAC;EAC5C,MAAM6D,kBAAkB,GAAG7D,MAAM,CAAC,KAAK,CAAC;EACxC,MAAM8D,QAAQ,GAAG9D,MAAM,CAAQ,IAAIuD,GAAG,CAAC,CAAC,CAAC;EACzC,MAAMQ,WAAW,GAAG/D,MAAM,CAAS,CAAC;EACpC,MAAMgE,YAAY,GAAGhE,MAAM,CAAS,CAAC,CAAC,CAAC;EACvC,MAAMiE,eAAe,GAAGjE,MAAM,CAAa,CAAC;EAC5C,MAAMkE,sBAAsB,GAAGlE,MAAM,CAEnC,CAAC,CAAC,CAAC;EAEL,MAAMmE,kBAAkB,GAAG9B,cAAc,KAAK,oBAAoB;EAGlE,MAAM+B,cAAc,GAClBpE,MAAM,CAIJ,CAAC;EACLoE,cAAc,CAACC,OAAO,GAAGxD,cAAc,CACrC+B,UAAU,IAAIlB,EAAE,GAAGd,kBAAkB,CAACc,EAAE,EAAE,QAAQ,CAAC,GAAG4C,SACxD,CAAC;EAED,MAAMC,mBAAmB,GAAGxE,WAAW,CAAEyE,KAAgB,IAAK;IAC5D,OAAOC,KAAK,CAACC,IAAI,CAAClB,aAAa,CAACa,OAAO,CAACM,MAAM,CAAC,CAAC,CAAC,CAACC,IAAI,CACpD,CAAC;MAAEJ,KAAK,EAAEK,CAAC;MAAEC;IAAS,CAAC,KAAK;MAC1B,OAAOD,CAAC,KAAKL,KAAK,IAAIM,QAAQ;IAChC,CACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAGhF,WAAW,CAAEyE,KAAgB,IAAK;IACzDlB,eAAe,CAACe,OAAO,CAACW,GAAG,CAACR,KAAK,EAAE,IAAI,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAENrE,SAAS,CAAC,MAAM;IACd,IAAI,CAAC0B,kBAAkB,EAAE;MACvBkD,gBAAgB,CAAC7B,cAAc,CAACmB,OAAO,CAAC;IAC1C;EACF,CAAC,EAAE,CAACxC,kBAAkB,EAAEkD,gBAAgB,CAAC,CAAC;EAS1C,MAAME,eAAsD,GAC1DlF,WAAW,CACT,CAACyE,KAAK,GAAGF,SAAS,EAAEY,SAAS,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK;IACvD,KAAK,IAAIL,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG1B,aAAa,CAACkB,OAAO,EAAEQ,CAAC,EAAE,EAAE;MAC9C,IAAIL,KAAK,KAAKF,SAAS,IAAIE,KAAK,KAAKK,CAAC,EAAE;QACtC;MACF;MAEA,IAAIM,MAA0B,GAAGb,SAAS;MAC1C,MAAMc,aAAa,GAAG3B,iBAAiB,CAACY,OAAO,CAACgB,GAAG,CAACR,CAAC,CAAC;MAEtD,IAAIK,SAAS,CAACI,QAAQ,CAAC,SAAS,CAAC,EAAE;QACjC,MAAMC,KAAK,GACTV,CAAC,GAAG3B,cAAc,CAACmB,OAAO,IAC1Bf,eAAe,CAACe,OAAO,CAACgB,GAAG,CAACR,CAAC,CAAC,KAAKP,SAAS;QAC9C,IAAIiB,KAAK,EAAE;UACTJ,MAAM,GAAG,SAAS;QACpB;MACF;MAEA,IAAID,SAAS,CAACI,QAAQ,CAAC,OAAO,CAAC,EAAE;QAC/B,MAAMC,KAAK,GAAGhB,mBAAmB,CAACM,CAAC,CAAC;QACpC,IAAIU,KAAK,EAAE;UACTJ,MAAM,GAAG,OAAO;QAClB,CAAC,MAAM,IAAIC,aAAa,KAAK,OAAO,EAAE;UACpC,IAAIP,CAAC,KAAK3B,cAAc,CAACmB,OAAO,EAAE;YAChCc,MAAM,GAAGb,SAAS;UACpB,CAAC,MAAM;YACLa,MAAM,GAAGC,aAAa;UACxB;QACF;MACF;MAEA3B,iBAAiB,CAACY,OAAO,CAACW,GAAG,CAACH,CAAC,EAAEM,MAAM,CAAC;IAC1C;EACF,CAAC,EACD,CAACZ,mBAAmB,CACtB,CAAC;EAEH,MAAMiB,oBAAgE,GACpEzF,WAAW,CAAC,CAACyE,KAAK,GAAGF,SAAS,EAAEY,SAAS,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK;IACnE,KAAK,IAAIL,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG1B,aAAa,CAACkB,OAAO,EAAEQ,CAAC,EAAE,EAAE;MAC9C,IAAIL,KAAK,KAAKF,SAAS,IAAIE,KAAK,KAAKK,CAAC,EAAE;QACtC;MACF;MAEA,MAAMU,KAAK,GAAG9B,iBAAiB,CAACY,OAAO,CAACgB,GAAG,CAACR,CAAC,CAAC;MAE9C,IAAIK,SAAS,CAACI,QAAQ,CAAC,SAAS,CAAC,EAAE;QACjC,IAAIC,KAAK,KAAK,SAAS,EAAE;UACvB,OAAO,IAAI;QACb;MACF;MAEA,IAAIL,SAAS,CAACI,QAAQ,CAAC,OAAO,CAAC,EAAE;QAC/B,IAAIC,KAAK,KAAK,OAAO,EAAE;UACrB,OAAO,IAAI;QACb;MACF;IACF;IAEA,OAAO,KAAK;EACd,CAAC,EAAE,EAAE,CAAC;EAER,MAAME,aAAkD,GAAG1F,WAAW,CACpE,CAACyE,KAAK,EAAEkB,IAAI,EAAEZ,QAAQ,KAAK;IACzBtB,aAAa,CAACa,OAAO,CAACW,GAAG,CAACU,IAAI,EAAE;MAAElB,KAAK;MAAEM;IAAS,CAAC,CAAC;EACtD,CAAC,EACD,EACF,CAAC;EAED,MAAMa,iBAAiB,GAAG5F,WAAW,CAAC,CAAC6F,aAAa,GAAG,IAAI,KAAK;IAC9D/B,kBAAkB,CAACQ,OAAO,GAAGuB,aAAa;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,oBAA+D,GACnE9F,WAAW,CACRyE,KAAK,IAAK;IAAA,IAAAsB,qBAAA;IACT,MAAMC,aAAa,GAAG7C,cAAc,CAACmB,OAAO;IAC5C,MAAM2B,OAAO,GAAG;MACdL,iBAAiB;MACjBM,YAAY,EAAE;QAAEzB,KAAK,EAAEuB;MAAc;IACvC,CAAC;IAED,MAAMrE,EAAE,IAAAoE,qBAAA,GAAGhC,QAAQ,CAACO,OAAO,CAACgB,GAAG,CAACb,KAAK,CAAC,cAAAsB,qBAAA,uBAA3BA,qBAAA,CAA6BpE,EAAE;IAC1C,IAAIA,EAAE,EAAE;MAAA,IAAAwE,sBAAA;MACN,MAAMC,UAAU,IAAAD,sBAAA,GAAGpC,QAAQ,CAACO,OAAO,CAACgB,GAAG,CAACU,aAAa,CAAC,cAAAG,sBAAA,uBAAnCA,sBAAA,CAAqCxE,EAAE;MAC1D0E,MAAM,CAACC,MAAM,CAACL,OAAO,EAAE;QAAEtE;MAAG,CAAC,CAAC;MAC9B0E,MAAM,CAACC,MAAM,CAACL,OAAO,CAACC,YAAY,EAAE;QAAEvE,EAAE,EAAEyE;MAAW,CAAC,CAAC;IACzD;IAEA,OAAOH,OAAO;EAChB,CAAC,EACD,CAACL,iBAAiB,CACpB,CAAC;EAEH,MAAMW,gBAAgB,GAAGvG,WAAW,CAClC,OAAOyE,KAAgB,EAAE5C,IAAuB,KAAK;IACnD,IAAIrB,OAAO,CAACyB,YAAY,CAAC,EAAE;MACzB,OAAO,MAAMA,YAAY,CAACwC,KAAK,EAAE5C,IAAI,EAAEiE,oBAAoB,CAACrB,KAAK,CAAC,CAAC;IACrE;IAEA,OAAOxC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGwC,KAAK,EAAE5C,IAAI,EAAEiE,oBAAoB,CAACrB,KAAK,CAAC,CAAC;EACjE,CAAC,EACD,CAACqB,oBAAoB,EAAE7D,YAAY,CACrC,CAAC;EAED,MAAM;IAAEuE,QAAQ;IAAEC,WAAW;IAAEC;EAAiB,CAAC,GAC/C3F,qBAAqB,CAAC;IAAE6C,UAAU;IAAEC;EAAe,CAAC,CAAC;EAEvD,MAAM8C,yBAAyB,GAAG1G,MAAM,CAAa,CAAC;EACtDe,gBAAgB,CAAC;IACfmC,cAAc;IACdU,cAAc;IACd8C;EACF,CAAC,CAAC;EAEF,MAAMC,kBAAkB,GAAG5G,WAAW,CAAC,MAAM;IAC3C,IAAI,CAACgC,mBAAmB,EAAE;MACxBwE,QAAQ,CAAC,CAAC;IACZ;IACA,IAAI,CAACzE,oBAAoB,EAAE;MACzB0E,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAAC1E,oBAAoB,EAAEC,mBAAmB,EAAEwE,QAAQ,EAAEC,WAAW,CAAC,CAAC;EAEtE,MAAMI,gBAAgB,GAAG7G,WAAW,CAClC,OAAO;IACLyE,KAAK;IACLqC,cAAc;IACdC,kBAAkB;IAClBC,+BAA+B;IAC/BC,0BAA0B;IAC1BpF;EAIsB,CAAC,KAAK;IAC5B,IAAIqF,SAAS,GAAG,KAAK;IACrB,MAAMC,QAAQ,GAAG,MAAAA,CAAA,KAAY;MAC3B,IAAI,CAACF,0BAA0B,EAAE;QAAA,IAAAG,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;QAC/B,CAAAF,qBAAA,GAAA/C,cAAc,CAACC,OAAO,cAAA8C,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBG,IAAI,cAAAF,sBAAA,wBAAAC,sBAAA,GAA5BD,sBAAA,CAA8BpF,YAAY,cAAAqF,sBAAA,uBAA1CA,sBAAA,CAAAE,IAAA,CAAAH,sBAAA,EACE5C,KAAK,EACL5C,IAAI,EACJiE,oBAAoB,CAACrB,KAAK,CAC5B,CAAC;MACH;MAEA,IAAIW,MAAM,GAAGb,SAAS;MAEtB,IACE,CAACwC,kBAAkB,IACnB,EAAEC,+BAA+B,IAAI,CAACN,gBAAgB,CAACpC,OAAO,CAAC,EAC/D;QACAc,MAAM,GAAG,MAAMmB,gBAAgB,CAAC9B,KAAK,EAAE5C,IAAI,CAAC;MAC9C;MAGAiB,YAAY,CAAC,OAAO,CAAC;MAGrBE,gBAAgB,CACdoB,kBAAkB,GACd,KAAK,GACLqB,oBAAoB,CAAChB,KAAK,EAAE,CAAC,OAAO,CAAC,CAC3C,CAAC;MAED,IAAI,CAACX,kBAAkB,CAACQ,OAAO,IAAI,EAAEc,MAAM,YAAYqC,KAAK,CAAC,EAAE;QAC7Db,kBAAkB,CAAC,CAAC;QAEpBzD,cAAc,CAACmB,OAAO,GAAGG,KAAK;QAC9BO,gBAAgB,CAAC7B,cAAc,CAACmB,OAAO,CAAC;QACxCpB,WAAW,CAAC,CAAC;MACf;MAEAY,kBAAkB,CAACQ,OAAO,GAAG,KAAK;MAClC4C,SAAS,GAAG,IAAI;MAEhB,OAAO9B,MAAM;IACf,CAAC;IAED,MAAMrC,gBAAgB,CAAC;MACrB+D,cAAc;MACdY,mBAAmB,EAAEZ,cAAc;MACnCa,mBAAmB,EAAEnH,OAAO,CAACyB,YAAY,CAAC;MAC1CkF,QAAQ,EAAE/C,kBAAkB,GAAG,MAAM,IAAI,GAAG+C;IAC9C,CAAC,CAAC;IAEF,IAAI,CAACD,SAAS,EAAE;MACd,IAAI9C,kBAAkB,EAAE;QACtB,MAAM+C,QAAQ,CAAC,CAAC;MAClB,CAAC,MAAM;QACL,IAAItF,IAAI,KAAK,MAAM,EAAE;UAEnBqD,eAAe,CAAC/B,cAAc,CAACmB,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;UAMlD,IAAI,CAACmB,oBAAoB,CAACtC,cAAc,CAACmB,OAAO,CAAC,EAAE;YACjD,MAAM6C,QAAQ,CAAC,CAAC;UAClB;QACF;MACF;IACF;EACF,CAAC,EACD,CACE/C,kBAAkB,EAClBmC,gBAAgB,EAChBT,oBAAoB,EACpBc,kBAAkB,EAClB7D,gBAAgB,EAChB0C,oBAAoB,EACpBiB,gBAAgB,EAChBzE,YAAY,EACZa,YAAY,EACZE,gBAAgB,EAChBgC,gBAAgB,EAChBE,eAAe,CAEnB,CAAC;EAED,MAAM0C,cAAc,GAAG5H,WAAW,CAChC,CAACyE,KAAgB,EAAEwB,OAA+B,KAAK;IACrD,IAAIxB,KAAK,KAAKtB,cAAc,CAACmB,OAAO,EAAE;MACpC;IACF;IAEA,MAAMzC,IAAI,GAAG4C,KAAK,GAAGtB,cAAc,CAACmB,OAAO,GAAG,MAAM,GAAG,UAAU;IAEjEuC,gBAAgB,CAAAgB,aAAA;MACdpD,KAAK;MACLqC,cAAc,EAAEjF,IAAI,KAAK,UAAU;MACnCA;IAAI,GACDoE,OAAO,CACX,CAAC;EACJ,CAAC,EACD,CAACY,gBAAgB,CACnB,CAAC;EAED,MAAMiB,cAAc,GAAG9H,WAAW,CAAC,MAAM;IACvC4H,cAAc,CAACzE,cAAc,CAACmB,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACsD,cAAc,CAAC,CAAC;EAEpB,MAAMG,UAAU,GAAG/H,WAAW,CAAC,MAAM;IACnC4H,cAAc,CAACzE,cAAc,CAACmB,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACsD,cAAc,CAAC,CAAC;EAEpB,MAAMI,YAAY,GAAGhI,WAAW,CAC9B,CAAC;IAAEiI;EAAa,CAAC,KAAK;IACpBL,cAAc,CACZK,YAAY,EACZpG,IAAI,KAAK,OAAO,GAAG;MAAEiF,cAAc,EAAE;IAAK,CAAC,GAAGvC,SAChD,CAAC;EACH,CAAC,EACD,CAAC1C,IAAI,EAAE+F,cAAc,CACvB,CAAC;EAED,MAAMM,YAAY,GAAGlI,WAAW,CAC7BmI,KAAY,IAAK;IAChBlF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAEkF;IAAM,CAAC,CAAC;EAC7B,CAAC,EACD,CAAClF,cAAc,CACjB,CAAC;EAED,MAAMmF,YAAY,GAAGpI,WAAW,CAC9B,CAAC;IAAEqI;EAAc,CAAC,KAAK;IACrB/E,cAAc,CAACgB,OAAO,IAAI,CAAC;IAG3B,IAAImB,oBAAoB,CAAC,CAAC,EAAE;MAC1B,OAAO4C,aAAa,CAAC,CAAC;IACxB;IAEA,IAAIlF,cAAc,CAACmB,OAAO,GAAG,CAAC,GAAGlB,aAAa,CAACkB,OAAO,EAAE;MACtDyD,UAAU,CAAC,CAAC;MACZM,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EACD,CAAC5C,oBAAoB,EAAEsC,UAAU,CACnC,CAAC;EACD,CAAAtG,qBAAA,GAAAmB,WAAW,CAAC0F,qBAAqB,cAAA7G,qBAAA,uBAAjCA,qBAAA,CAAA+F,IAAA,CAAA5E,WAAW,EAAyB2B,SAAS,EAAE,UAAU,EAAE6D,YAAY,CAAC;EAIxE,MAAM;IAAEG;EAAM,CAAC,GAAGtH,aAAa,CAAC,CAAC;EAIjC,MAAMuH,kBAAkB,GAAGvI,MAAM,CAAC,KAAK,CAAC;EACxC,MAAMwI,qBAAqB,GAAGzI,WAAW,CAAC,MAAM;IAC9CwI,kBAAkB,CAAClE,OAAO,GAAG,IAAI;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoE,WAAW,GAAGvF,cAAc,CAACmB,OAAO;EAC1C,MAAMqE,aAAa,GAAGxI,OAAO,CAAqB,MAAM;IACtD,OAAO;MACLwB,EAAE;MACF+G,WAAW;MACX5G,kBAAkB;MAClB+B,cAAc;MACdE,QAAQ;MACRG,eAAe;MACff,cAAc;MACdc,YAAY;MACZb,aAAa;MACbE,cAAc;MACdlB,mBAAmB;MACnB+B,sBAAsB;MACtBR,sBAAsB;MACtBtB,SAAS;MACToG,qBAAqB;MACrBD,kBAAkB;MAClBD,KAAK;MACLX,cAAc;MACdE,cAAc;MACdrC,oBAAoB;MACpBP,eAAe;MACfQ,aAAa;MACbqC,UAAU;MACVG;IACF,CAAC;EACH,CAAC,EAAE,CACDvG,EAAE,EACF+G,WAAW,EACX5G,kBAAkB,EAClBM,mBAAmB,EACnBC,SAAS,EACToG,qBAAqB,EACrBF,KAAK,EACLX,cAAc,EACdE,cAAc,EACdrC,oBAAoB,EACpBP,eAAe,EACfQ,aAAa,EACbqC,UAAU,EACVG,YAAY,CACb,CAAC;EAGF7G,eAAe,CAAC,MAAM;IACpB,IAAIM,EAAE,IAAIkB,UAAU,EAAE;MACpBwB,cAAc,CAACC,OAAO,CAACsE,MAAM,CAACD,aAAa,CAAC;IAC9C;EACF,CAAC,EAAE,CAAC9F,UAAU,EAAElB,EAAE,EAAEgH,aAAa,CAAC,CAAC;EAEnCtH,eAAe,CAAC,MAAM;IAAA,IAAAwH,qBAAA;IACpB,CAAAA,qBAAA,GAAA3E,eAAe,CAACI,OAAO,cAAAuE,qBAAA,uBAAvBA,qBAAA,CAAArB,IAAA,CAAAtD,eAA0B,CAAC;EAE7B,CAAC,EAAE,CAACH,QAAQ,CAACO,OAAO,CAAC,CAAC;EAEtB,MAAMwE,oBAAoB,GAAG9I,WAAW,CAAC,MAAM;IAC7C,MAAM+I,QAAQ,GAAG/E,WAAW,CAACM,OAAO;IACpC,IAAIyE,QAAQ,KAAKxE,SAAS,EAAE;MAC1B,OAAO,KAAK;IACd;IACA,MAAMyE,KAAK,GAAG5F,aAAa,CAACkB,OAAO;IACnC,OAAO0E,KAAK,KAAK,CAAC,IAAID,QAAQ,KAAK,CAAC,IAAIC,KAAK,KAAKD,QAAQ;EAC5D,CAAC,EAAE,EAAE,CAAC;EAGN1H,eAAe,CAAC,MAAM;IACpB,IAAIyH,oBAAoB,CAAC,CAAC,EAAE;MAAA,IAAAG,qBAAA;MAC1B1C,gBAAgB,CAACpD,cAAc,CAACmB,OAAO,EAAE,kBAAkB,CAAC;MAC5D,CAAA2E,qBAAA,GAAAtC,yBAAyB,CAACrC,OAAO,cAAA2E,qBAAA,uBAAjCA,qBAAA,CAAAzB,IAAA,CAAAb,yBAAoC,CAAC;IACvC;IAEA3C,WAAW,CAACM,OAAO,GAAGlB,aAAa,CAACkB,OAAO;EAG7C,CAAC,EAAE,CACDlB,aAAa,CAACkB,OAAO,EACrBiC,gBAAgB,EAChBuC,oBAAoB,CACrB,CAAC;EAEF,IAAI,CAACjG,UAAU,EAAE;IACftC,IAAI,CAAC,+CAA+C,CAAC;IACrD,OACET,KAAA,CAAAoJ,aAAA,CAACtI,OAAO,QACNd,KAAA,CAAAoJ,aAAA,CAAC3H,eAAe,EAAA4H,QAAA,KAAK3H,KAAK;MAAEG,EAAE,EAAEA;IAAG,EAAE,CAC9B,CAAC;EAEd;EAEA,OACE7B,KAAA,CAAAoJ,aAAA,CAACxI,aAAa,CAAC0I,QAAQ;IAACC,KAAK,EAAEV;EAAc,GAC3C7I,KAAA,CAAAoJ,aAAA,CAAC5I,KAAK,EAAA6I,QAAA;IACJzH,SAAS,EAAErB,UAAU,qDAESkC,OAAO,IACnCb,SACF,CAAE;IACF4H,QAAQ,EAAE1F;EAAW,GACjBnB,IAAI,GAER3C,KAAA,CAAAoJ,aAAA,CAAChI,YAAY;IACXW,IAAI,EAAEA,IAAK;IACXU,OAAO,EAAEA,OAAQ;IACjBJ,WAAW,EAAEA,WAAY;IACzB6F,YAAY,EAAEA,YAAa;IAC3BxF,SAAS,EAAEA;EAAU,CACtB,CAAC,EAEF1C,KAAA,CAAAoJ,aAAA;IAAKxH,SAAS,EAAC;EAAmC,GAChD5B,KAAA,CAAAoJ,aAAA,CAAC/H,gBAAgB,QAAEe,QAA2B,CAC3C,CACA,CAAC,EAEPE,mBAAmB,IAAI,CAACC,SAAS,IAChCvC,KAAA,CAAAoJ,aAAA,CAAC9H,+BAA+B;IAC9B+C,sBAAsB,EAAEA;EAAuB,CAChD,CAEmB,CAAC;AAE7B;AAEA5C,eAAe,CAACgI,qBAAqB,GAAG,IAAI;AAE5C,eAAehI,eAAe","ignoreList":[]}

package/es/extensions/forms/Wizard/Container/useCollectStepsData.d.ts

@@ -0,0 +1,10 @@
+export declare function useCollectStepsData(): {
+    collectStepsData: ({ id, index, inactive, title }: {
+        id: any;
+        index: any;
+        inactive: any;
+        title: any;
+    }) => {
+        title: any;
+    };
+};

package/es/extensions/forms/Wizard/Container/useCollectStepsData.js

@@ -0,0 +1,59 @@
+"use client";
+
+import { useCallback, useContext } from 'react';
+import { convertJsxToString } from '../../../../shared/component-helper';
+import WizardContext from '../Context/WizardContext';
+import { useTranslation } from '../../hooks';
+export function useCollectStepsData() {
+  const {
+    activeIndexRef,
+    hasErrorInOtherStepRef,
+    stepsRef,
+    submitCountRef,
+    writeStepsState,
+    hasInvalidStepsState
+  } = useContext(WizardContext) || {};
+  const translations = useTranslation();
+  const collectStepsData = useCallback(({
+    id,
+    index,
+    inactive,
+    title
+  }) => {
+    if (!hasInvalidStepsState) {
+      return;
+    }
+    writeStepsState(index);
+    const stringifiedTitle = title !== undefined ? convertJsxToString(title) : 'Title missing';
+    let status = undefined;
+    let statusState = undefined;
+    if (index !== activeIndexRef.current && !inactive) {
+      if (hasInvalidStepsState(index, ['error'])) {
+        status = translations.Step.stepHasError;
+        statusState = 'error';
+      } else if (submitCountRef.current > 0 && hasInvalidStepsState(index, ['unknown'])) {
+        status = 'Unknown state';
+        statusState = 'warn';
+      }
+    }
+    if (status) {
+      hasErrorInOtherStepRef.current = true;
+    }
+    stepsRef.current.set(index, {
+      index,
+      id,
+      title,
+      stringifiedTitle,
+      inactive,
+      status,
+      statusState
+    });
+    return {
+      title
+    };
+  }, [activeIndexRef, hasErrorInOtherStepRef, hasInvalidStepsState, stepsRef, submitCountRef, translations.Step.stepHasError, writeStepsState]);
+  return {
+    collectStepsData
+  };
+}
+//# sourceMappingURL=useCollectStepsData.js.map

package/es/extensions/forms/Wizard/Container/useCollectStepsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollectStepsData.js","names":["useCallback","useContext","convertJsxToString","WizardContext","useTranslation","useCollectStepsData","activeIndexRef","hasErrorInOtherStepRef","stepsRef","submitCountRef","writeStepsState","hasInvalidStepsState","translations","collectStepsData","id","index","inactive","title","stringifiedTitle","undefined","status","statusState","current","Step","stepHasError","set"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/useCollectStepsData.tsx"],"sourcesContent":["import { useCallback, useContext } from 'react'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport WizardContext from '../Context/WizardContext'\nimport { useTranslation } from '../../hooks'\n\nexport function useCollectStepsData() {\n  const {\n    activeIndexRef,\n    hasErrorInOtherStepRef,\n    stepsRef,\n    submitCountRef,\n    writeStepsState,\n    hasInvalidStepsState,\n  } = useContext(WizardContext) || {}\n\n  const translations = useTranslation()\n\n  const collectStepsData = useCallback(\n    ({ id, index, inactive, title }) => {\n      if (!hasInvalidStepsState) {\n        return // stop here\n      }\n\n      writeStepsState(index)\n\n      const stringifiedTitle =\n        title !== undefined ? convertJsxToString(title) : 'Title missing'\n\n      let status = undefined\n      let statusState = undefined\n      if (index !== activeIndexRef.current && !inactive) {\n        if (hasInvalidStepsState(index, ['error'])) {\n          status = translations.Step.stepHasError\n          statusState = 'error'\n        } else if (\n          submitCountRef.current > 0 &&\n          hasInvalidStepsState(index, ['unknown'])\n        ) {\n          status = 'Unknown state'\n          statusState = 'warn'\n        }\n      }\n\n      if (status) {\n        hasErrorInOtherStepRef.current = true\n      }\n\n      stepsRef.current.set(index, {\n        index,\n        id,\n        title,\n        stringifiedTitle,\n        inactive,\n        status,\n        statusState,\n      })\n\n      return { title }\n    },\n    [\n      activeIndexRef,\n      hasErrorInOtherStepRef,\n      hasInvalidStepsState,\n      stepsRef,\n      submitCountRef,\n      translations.Step.stepHasError,\n      writeStepsState,\n    ]\n  )\n\n  return { collectStepsData }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,aAAa,MAAM,0BAA0B;AACpD,SAASC,cAAc,QAAQ,aAAa;AAE5C,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EACpC,MAAM;IACJC,cAAc;IACdC,sBAAsB;IACtBC,QAAQ;IACRC,cAAc;IACdC,eAAe;IACfC;EACF,CAAC,GAAGV,UAAU,CAACE,aAAa,CAAC,IAAI,CAAC,CAAC;EAEnC,MAAMS,YAAY,GAAGR,cAAc,CAAC,CAAC;EAErC,MAAMS,gBAAgB,GAAGb,WAAW,CAClC,CAAC;IAAEc,EAAE;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,KAAK;IAClC,IAAI,CAACN,oBAAoB,EAAE;MACzB;IACF;IAEAD,eAAe,CAACK,KAAK,CAAC;IAEtB,MAAMG,gBAAgB,GACpBD,KAAK,KAAKE,SAAS,GAAGjB,kBAAkB,CAACe,KAAK,CAAC,GAAG,eAAe;IAEnE,IAAIG,MAAM,GAAGD,SAAS;IACtB,IAAIE,WAAW,GAAGF,SAAS;IAC3B,IAAIJ,KAAK,KAAKT,cAAc,CAACgB,OAAO,IAAI,CAACN,QAAQ,EAAE;MACjD,IAAIL,oBAAoB,CAACI,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;QAC1CK,MAAM,GAAGR,YAAY,CAACW,IAAI,CAACC,YAAY;QACvCH,WAAW,GAAG,OAAO;MACvB,CAAC,MAAM,IACLZ,cAAc,CAACa,OAAO,GAAG,CAAC,IAC1BX,oBAAoB,CAACI,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC,EACxC;QACAK,MAAM,GAAG,eAAe;QACxBC,WAAW,GAAG,MAAM;MACtB;IACF;IAEA,IAAID,MAAM,EAAE;MACVb,sBAAsB,CAACe,OAAO,GAAG,IAAI;IACvC;IAEAd,QAAQ,CAACc,OAAO,CAACG,GAAG,CAACV,KAAK,EAAE;MAC1BA,KAAK;MACLD,EAAE;MACFG,KAAK;MACLC,gBAAgB;MAChBF,QAAQ;MACRI,MAAM;MACNC;IACF,CAAC,CAAC;IAEF,OAAO;MAAEJ;IAAM,CAAC;EAClB,CAAC,EACD,CACEX,cAAc,EACdC,sBAAsB,EACtBI,oBAAoB,EACpBH,QAAQ,EACRC,cAAc,EACdG,YAAY,CAACW,IAAI,CAACC,YAAY,EAC9Bd,eAAe,CAEnB,CAAC;EAED,OAAO;IAAEG;EAAiB,CAAC;AAC7B","ignoreList":[]}

package/es/extensions/forms/Wizard/Context/WizardContext.d.ts

@@ -1,7 +1,13 @@
 import React from 'react';
 import { Path } from '../../types';
 import { VisibleWhen } from '../../Form/Visibility';
-import { InternalStepStatus, InternalStepStatuses, SetActiveIndexOptions, StepIndex, Steps } from './types';
+import { InternalStepStatus, SetActiveIndexOptions, StepIndex, Steps } from './types';
+export type HandleStatusArgs = {
+    id: string;
+    index: StepIndex;
+    inactive: boolean;
+    titleProp: React.ReactNode;
+};
 export interface WizardContextState {
     id?: string;
     totalSteps?: number;
@@ -11,8 +17,9 @@ export interface WizardContextState {
     stepsRef?: React.MutableRefObject<Steps>;
     updateTitlesRef?: React.MutableRefObject<() => void>;
     activeIndexRef?: React.MutableRefObject<StepIndex>;
+    stepIndexRef?: React.MutableRefObject<StepIndex>;
     totalStepsRef?: React.MutableRefObject<number>;
-    stepStatusRef?: React.MutableRefObject<InternalStepStatuses>;
+    submitCountRef?: React.MutableRefObject<number>;
     prerenderFieldPropsRef?: React.MutableRefObject<Record<string, () => React.ReactElement>>;
     hasErrorInOtherStepRef?: React.MutableRefObject<boolean>;
     prerenderFieldProps?: boolean;
@@ -21,11 +28,17 @@ export interface WizardContextState {
     handleNext?: () => void;
     setActiveIndex?: (index: StepIndex, { skipStepChangeCall, skipStepChangeCallBeforeMounted, skipStepChangeCallFromHook, }?: SetActiveIndexOptions) => void;
     setFormError?: (error: Error) => void;
-    revealError?: (index: StepIndex, path: Path, hasError: boolean) => void;
-    hasInvalidStepsState?: (forStates?: Array<InternalStepStatus>) => boolean;
+    setFieldError?: (index: StepIndex, path: Path, hasError: boolean) => void;
+    writeStepsState?: (index?: StepIndex, forStates?: Array<InternalStepStatus>) => void;
+    hasInvalidStepsState?: (index?: StepIndex, forStates?: Array<InternalStepStatus>) => boolean;
     check?: ({ visibleWhen }: {
         visibleWhen: VisibleWhen;
     }) => boolean;
+    collectStepsData?: (args: HandleStatusArgs) => {
+        title: string;
+    };
+    enableMapOverChildren?: () => void;
+    mapOverChildrenRef?: React.MutableRefObject<boolean>;
 }
 declare const WizardContext: React.Context<WizardContextState>;
 export default WizardContext;

package/es/extensions/forms/Wizard/Context/WizardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContext.js","names":["React","WizardContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Wizard/Context/WizardContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../../types'\nimport { VisibleWhen } from '../../Form/Visibility'\nimport {\n  InternalStepStatus,\n  InternalStepStatuses,\n  SetActiveIndexOptions,\n  StepIndex,\n  Steps,\n} from './types'\n\nexport interface WizardContextState {\n  id?: string\n  totalSteps?: number\n  activeIndex?: StepIndex\n  initialActiveIndex?: StepIndex\n  stepElementRef?: React.MutableRefObject<HTMLElement>\n  stepsRef?: React.MutableRefObject<Steps>\n  updateTitlesRef?: React.MutableRefObject<() => void>\n  activeIndexRef?: React.MutableRefObject<StepIndex>\n  totalStepsRef?: React.MutableRefObject<number>\n  stepStatusRef?: React.MutableRefObject<InternalStepStatuses>\n  prerenderFieldPropsRef?: React.MutableRefObject<\n    Record<string, () => React.ReactElement>\n  >\n  hasErrorInOtherStepRef?: React.MutableRefObject<boolean>\n  prerenderFieldProps?: boolean\n  keepInDOM?: boolean\n  handlePrevious?: () => void\n  handleNext?: () => void\n  setActiveIndex?: (\n    index: StepIndex,\n    {\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n    }?: SetActiveIndexOptions\n  ) => void\n  setFormError?: (error: Error) => void\n  revealError?: (index: StepIndex, path: Path, hasError: boolean) => void\n  hasInvalidStepsState?: (forStates?: Array<InternalStepStatus>) => boolean\n  check?: ({ visibleWhen }: { visibleWhen: VisibleWhen }) => boolean\n}\n\nconst WizardContext = React.createContext<WizardContextState | undefined>(\n  undefined\n)\n\nexport default WizardContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AA4CzB,MAAMC,aAAa,GAAGD,KAAK,CAACE,aAAa,CACvCC,SACF,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}
+{"version":3,"file":"WizardContext.js","names":["React","WizardContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Wizard/Context/WizardContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../../types'\nimport { VisibleWhen } from '../../Form/Visibility'\nimport {\n  InternalStepStatus,\n  SetActiveIndexOptions,\n  StepIndex,\n  Steps,\n} from './types'\n\nexport type HandleStatusArgs = {\n  id: string\n  index: StepIndex\n  inactive: boolean\n  titleProp: React.ReactNode\n}\n\nexport interface WizardContextState {\n  id?: string\n  totalSteps?: number\n  activeIndex?: StepIndex\n  initialActiveIndex?: StepIndex\n  stepElementRef?: React.MutableRefObject<HTMLElement>\n  stepsRef?: React.MutableRefObject<Steps>\n  updateTitlesRef?: React.MutableRefObject<() => void>\n  activeIndexRef?: React.MutableRefObject<StepIndex>\n  stepIndexRef?: React.MutableRefObject<StepIndex>\n  totalStepsRef?: React.MutableRefObject<number>\n  submitCountRef?: React.MutableRefObject<number>\n  prerenderFieldPropsRef?: React.MutableRefObject<\n    Record<string, () => React.ReactElement>\n  >\n  hasErrorInOtherStepRef?: React.MutableRefObject<boolean>\n  prerenderFieldProps?: boolean\n  keepInDOM?: boolean\n  handlePrevious?: () => void\n  handleNext?: () => void\n  setActiveIndex?: (\n    index: StepIndex,\n    {\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n    }?: SetActiveIndexOptions\n  ) => void\n  setFormError?: (error: Error) => void\n  setFieldError?: (index: StepIndex, path: Path, hasError: boolean) => void\n  writeStepsState?: (\n    index?: StepIndex,\n    forStates?: Array<InternalStepStatus>\n  ) => void\n  hasInvalidStepsState?: (\n    index?: StepIndex,\n    forStates?: Array<InternalStepStatus>\n  ) => boolean\n  check?: ({ visibleWhen }: { visibleWhen: VisibleWhen }) => boolean\n  collectStepsData?: (args: HandleStatusArgs) => { title: string }\n  enableMapOverChildren?: () => void\n  mapOverChildrenRef?: React.MutableRefObject<boolean>\n}\n\nconst WizardContext = React.createContext<WizardContextState | undefined>(\n  undefined\n)\n\nexport default WizardContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AA6DzB,MAAMC,aAAa,GAAGD,KAAK,CAACE,aAAa,CACvCC,SACF,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}

package/es/extensions/forms/Wizard/Context/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StepIndicatorStatusState } from '../../../../components/step-indicator/StepIndicatorItem';
 import { EventReturnWithStateObject, Path } from '../../types';
 export type OnStepsChangeMode = 'previous' | 'next' | 'stepListModified';
@@ -11,9 +12,11 @@ export type OnStepChangeOptions = {
 };
 export type OnStepChange = (index: StepIndex, mode: OnStepsChangeMode, options: OnStepChangeOptions) => EventReturnWithStateObject | void | Promise<EventReturnWithStateObject | void>;
 export type StepIndex = number;
-export type Steps = Record<string, {
-    title: string;
+export type Steps = Map<StepIndex, {
+    index: StepIndex;
     id: string;
+    title: React.ReactNode;
+    stringifiedTitle: string;
     inactive?: boolean;
     /** Used internally to set the status */
     status?: string;
@@ -26,10 +29,10 @@ export type SetActiveIndexOptions = {
     skipStepChangeCallFromHook?: boolean;
     skipErrorCheck?: boolean;
 };
-export type InternalStepStatus = 'error' | 'valid' | 'unknown' | undefined;
-export type InternalStepStatuses = Record<StepIndex, InternalStepStatus>;
-export type InternalVisitedSteps = Record<StepIndex, boolean>;
-export type InternalFieldError = Record<Path, {
+export type InternalStepStatus = 'error' | 'unknown' | undefined;
+export type InternalStepStatuses = Map<StepIndex, InternalStepStatus>;
+export type InternalVisitedSteps = Map<StepIndex, boolean>;
+export type InternalFieldError = Map<Path, {
     index: StepIndex;
     hasError: boolean;
 }>;

package/es/extensions/forms/Wizard/Context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Wizard/Context/types.ts"],"sourcesContent":["import { StepIndicatorStatusState } from '../../../../components/step-indicator/StepIndicatorItem'\nimport { EventReturnWithStateObject, Path } from '../../types'\n\nexport type OnStepsChangeMode = 'previous' | 'next' | 'stepListModified'\nexport type OnStepChangeOptions = {\n  preventNavigation: (shouldPrevent?: boolean) => void\n  id?: string\n  previousStep: {\n    index: StepIndex\n    id?: string\n  }\n}\nexport type OnStepChange = (\n  index: StepIndex,\n  mode: OnStepsChangeMode,\n  options: OnStepChangeOptions\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type StepIndex = number\nexport type Steps = Record<\n  string,\n  {\n    title: string\n    id: string\n    inactive?: boolean\n\n    /** Used internally to set the status */\n    status?: string\n\n    /** Used internally to set the statusState */\n    statusState?: StepIndicatorStatusState\n  }\n>\nexport type SetActiveIndexOptions = {\n  skipStepChangeCall?: boolean\n  skipStepChangeCallBeforeMounted?: boolean\n  skipStepChangeCallFromHook?: boolean\n  skipErrorCheck?: boolean\n}\n\nexport type InternalStepStatus = 'error' | 'valid' | 'unknown' | undefined\nexport type InternalStepStatuses = Record<StepIndex, InternalStepStatus>\nexport type InternalVisitedSteps = Record<StepIndex, boolean>\nexport type InternalFieldError = Record<\n  Path,\n  {\n    index: StepIndex\n    hasError: boolean\n  }\n>\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Wizard/Context/types.ts"],"sourcesContent":["import { StepIndicatorStatusState } from '../../../../components/step-indicator/StepIndicatorItem'\nimport { EventReturnWithStateObject, Path } from '../../types'\n\nexport type OnStepsChangeMode = 'previous' | 'next' | 'stepListModified'\nexport type OnStepChangeOptions = {\n  preventNavigation: (shouldPrevent?: boolean) => void\n  id?: string\n  previousStep: {\n    index: StepIndex\n    id?: string\n  }\n}\nexport type OnStepChange = (\n  index: StepIndex,\n  mode: OnStepsChangeMode,\n  options: OnStepChangeOptions\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type StepIndex = number\nexport type Steps = Map<\n  StepIndex,\n  {\n    index: StepIndex\n    id: string\n    title: React.ReactNode\n    stringifiedTitle: string\n    inactive?: boolean\n\n    /** Used internally to set the status */\n    status?: string\n\n    /** Used internally to set the statusState */\n    statusState?: StepIndicatorStatusState\n  }\n>\nexport type SetActiveIndexOptions = {\n  skipStepChangeCall?: boolean\n  skipStepChangeCallBeforeMounted?: boolean\n  skipStepChangeCallFromHook?: boolean\n  skipErrorCheck?: boolean\n}\n\nexport type InternalStepStatus = 'error' | 'unknown' | undefined\nexport type InternalStepStatuses = Map<StepIndex, InternalStepStatus>\nexport type InternalVisitedSteps = Map<StepIndex, boolean>\nexport type InternalFieldError = Map<\n  Path,\n  {\n    index: StepIndex\n    hasError: boolean\n  }\n>\n"],"mappings":"","ignoreList":[]}