@dnb/eufemia 10.65.1 → 10.66.1

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

@@ -0,0 +1,66 @@
+"use client";
+
+import React, { useCallback, useContext, useReducer } from 'react';
+import WizardContext from '../Context';
+import StepIndicator from '../../../../components/StepIndicator';
+import { useTranslation } from '../../hooks';
+export function DisplaySteps({
+  mode,
+  variant,
+  noAnimation,
+  handleChange,
+  sidebarId
+}) {
+  const [, forceUpdate] = useReducer(() => ({}), {});
+  const {
+    id,
+    activeIndexRef,
+    stepsRef,
+    updateTitlesRef,
+    hasInvalidStepsState
+  } = useContext(WizardContext) || {};
+  updateTitlesRef.current = () => {
+    forceUpdate();
+  };
+  const translations = useTranslation();
+  const sidebar_id = variant === 'drawer' && !sidebarId ? undefined : sidebarId !== null && sidebarId !== void 0 ? sidebarId : id;
+  const getTriggerStatus = useCallback(() => {
+    if (hasInvalidStepsState(['error'])) {
+      return {
+        status: translations.Step.stepHasError,
+        status_state: 'error'
+      };
+    }
+    if (hasInvalidStepsState(['unknown'])) {
+      return {
+        status: 'Unknown state',
+        status_state: 'warn'
+      };
+    }
+  }, [hasInvalidStepsState, translations.Step.stepHasError]);
+  return React.createElement("aside", {
+    className: "dnb-forms-wizard-layout__indicator"
+  }, React.createElement(StepIndicator.Sidebar, {
+    sidebar_id: sidebar_id
+  }), React.createElement(StepIndicator, {
+    bottom: true,
+    current_step: activeIndexRef.current,
+    data: Object.values(stepsRef.current).map(({
+      title,
+      inactive,
+      status,
+      statusState
+    }) => ({
+      title,
+      inactive,
+      status,
+      status_state: statusState
+    })),
+    mode: mode,
+    no_animation: noAnimation,
+    on_change: handleChange,
+    sidebar_id: sidebar_id,
+    triggerButtonProps: getTriggerStatus()
+  }));
+}
+//# sourceMappingURL=DisplaySteps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisplaySteps.js","names":["React","useCallback","useContext","useReducer","WizardContext","StepIndicator","useTranslation","DisplaySteps","mode","variant","noAnimation","handleChange","sidebarId","forceUpdate","id","activeIndexRef","stepsRef","updateTitlesRef","hasInvalidStepsState","current","translations","sidebar_id","undefined","getTriggerStatus","status","Step","stepHasError","status_state","createElement","className","Sidebar","bottom","current_step","data","Object","values","map","title","inactive","statusState","no_animation","on_change","triggerButtonProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/DisplaySteps.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer } from 'react'\nimport WizardContext from '../Context'\nimport StepIndicator from '../../../../components/StepIndicator'\nimport { StepIndicatorItemProps } from '../../../../components/step-indicator/StepIndicatorItem'\nimport { useTranslation } from '../../hooks'\n\nexport function DisplaySteps({\n  mode,\n  variant,\n  noAnimation,\n  handleChange,\n  sidebarId,\n}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const {\n    id,\n    activeIndexRef,\n    stepsRef,\n    updateTitlesRef,\n    hasInvalidStepsState,\n  } = useContext(WizardContext) || {}\n  updateTitlesRef.current = () => {\n    forceUpdate()\n  }\n  const translations = useTranslation()\n\n  const sidebar_id =\n    variant === 'drawer' && !sidebarId ? undefined : sidebarId ?? id\n\n  const getTriggerStatus = useCallback(() => {\n    if (hasInvalidStepsState(['error'])) {\n      return {\n        status: translations.Step.stepHasError,\n        status_state: 'error',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n    if (hasInvalidStepsState(['unknown'])) {\n      return {\n        status: 'Unknown state',\n        status_state: 'warn',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n  }, [hasInvalidStepsState, translations.Step.stepHasError])\n\n  return (\n    <aside className=\"dnb-forms-wizard-layout__indicator\">\n      <StepIndicator.Sidebar sidebar_id={sidebar_id} />\n      <StepIndicator\n        bottom\n        current_step={activeIndexRef.current}\n        data={Object.values(stepsRef.current).map(\n          ({ title, inactive, status, statusState }) =>\n            ({\n              title,\n              inactive,\n              status,\n              status_state: statusState,\n            }) satisfies Omit<StepIndicatorItemProps, 'currentItemNum'>\n        )}\n        mode={mode}\n        no_animation={noAnimation}\n        on_change={handleChange}\n        sidebar_id={sidebar_id}\n        triggerButtonProps={getTriggerStatus()}\n      />\n    </aside>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,UAAU,QAAQ,OAAO;AAClE,OAAOC,aAAa,MAAM,YAAY;AACtC,OAAOC,aAAa,MAAM,sCAAsC;AAEhE,SAASC,cAAc,QAAQ,aAAa;AAE5C,OAAO,SAASC,YAAYA,CAAC;EAC3BC,IAAI;EACJC,OAAO;EACPC,WAAW;EACXC,YAAY;EACZC;AACF,CAAC,EAAE;EACD,MAAM,GAAGC,WAAW,CAAC,GAAGV,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IACJW,EAAE;IACFC,cAAc;IACdC,QAAQ;IACRC,eAAe;IACfC;EACF,CAAC,GAAGhB,UAAU,CAACE,aAAa,CAAC,IAAI,CAAC,CAAC;EACnCa,eAAe,CAACE,OAAO,GAAG,MAAM;IAC9BN,WAAW,CAAC,CAAC;EACf,CAAC;EACD,MAAMO,YAAY,GAAGd,cAAc,CAAC,CAAC;EAErC,MAAMe,UAAU,GACdZ,OAAO,KAAK,QAAQ,IAAI,CAACG,SAAS,GAAGU,SAAS,GAAGV,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIE,EAAE;EAElE,MAAMS,gBAAgB,GAAGtB,WAAW,CAAC,MAAM;IACzC,IAAIiB,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE;MACnC,OAAO;QACLM,MAAM,EAAEJ,YAAY,CAACK,IAAI,CAACC,YAAY;QACtCC,YAAY,EAAE;MAChB,CAAC;IACH;IACA,IAAIT,oBAAoB,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE;MACrC,OAAO;QACLM,MAAM,EAAE,eAAe;QACvBG,YAAY,EAAE;MAChB,CAAC;IACH;EACF,CAAC,EAAE,CAACT,oBAAoB,EAAEE,YAAY,CAACK,IAAI,CAACC,YAAY,CAAC,CAAC;EAE1D,OACE1B,KAAA,CAAA4B,aAAA;IAAOC,SAAS,EAAC;EAAoC,GACnD7B,KAAA,CAAA4B,aAAA,CAACvB,aAAa,CAACyB,OAAO;IAACT,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjDrB,KAAA,CAAA4B,aAAA,CAACvB,aAAa;IACZ0B,MAAM;IACNC,YAAY,EAAEjB,cAAc,CAACI,OAAQ;IACrCc,IAAI,EAAEC,MAAM,CAACC,MAAM,CAACnB,QAAQ,CAACG,OAAO,CAAC,CAACiB,GAAG,CACvC,CAAC;MAAEC,KAAK;MAAEC,QAAQ;MAAEd,MAAM;MAAEe;IAAY,CAAC,MACtC;MACCF,KAAK;MACLC,QAAQ;MACRd,MAAM;MACNG,YAAY,EAAEY;IAChB,CAAC,CACL,CAAE;IACF/B,IAAI,EAAEA,IAAK;IACXgC,YAAY,EAAE9B,WAAY;IAC1B+B,SAAS,EAAE9B,YAAa;IACxBU,UAAU,EAAEA,UAAW;IACvBqB,kBAAkB,EAAEnB,gBAAgB,CAAC;EAAE,CACxC,CACI,CAAC;AAEZ"}

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

@@ -0,0 +1,3 @@
+export declare function IterateOverSteps({ children }: {
+    children: any;
+}): any;

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

@@ -0,0 +1,85 @@
+"use client";
+
+import React, { useContext } from 'react';
+import { useTranslation } from '../../hooks';
+import { convertJsxToString } from '../../../../shared/component-helper';
+import WizardContext from '../Context/WizardContext';
+import Step, { handleDeprecatedProps as handleDeprecatedStepProps } from '../Step/Step';
+export function IterateOverSteps({
+  children
+}) {
+  const {
+    check,
+    stepsRef,
+    activeIndexRef,
+    totalStepsRef,
+    stepStatusRef,
+    prerenderFieldProps,
+    prerenderFieldPropsRef
+  } = useContext(WizardContext);
+  stepsRef.current = {};
+  let incrementIndex = -1;
+  const translations = useTranslation();
+  const childrenArray = React.Children.map(children, child => {
+    if (React.isValidElement(child)) {
+      var _child, _child2;
+      let step = child;
+      if (((_child = child) === null || _child === void 0 ? void 0 : _child.type) !== Step && typeof child.type === 'function') {
+        var _step;
+        step = child.type.apply(child.type, [child.props]);
+        if (((_step = step) === null || _step === void 0 ? void 0 : _step.type) === Step) {
+          child = step;
+        }
+      }
+      if (((_child2 = child) === null || _child2 === void 0 ? void 0 : _child2.type) === Step) {
+        const {
+          title,
+          inactive,
+          include,
+          includeWhen,
+          id
+        } = handleDeprecatedStepProps(child.props);
+        if (include === false) {
+          return null;
+        }
+        if (includeWhen && !check({
+          visibleWhen: includeWhen
+        })) {
+          return null;
+        }
+        incrementIndex++;
+        const index = incrementIndex;
+        const state = stepStatusRef.current[index];
+        stepsRef.current[index] = {
+          id,
+          title: title !== undefined ? convertJsxToString(title) : 'Title missing',
+          inactive,
+          status: state === 'error' ? translations.Step.stepHasError : state === 'unknown' ? 'Unknown state' : undefined,
+          statusState: state === 'error' ? 'error' : undefined
+        };
+        const key = `${index}-${activeIndexRef.current}`;
+        const clone = props => React.cloneElement(child, props);
+        if (prerenderFieldProps && typeof document !== 'undefined' && index !== activeIndexRef.current && typeof prerenderFieldPropsRef.current['step-' + index] === 'undefined') {
+          prerenderFieldPropsRef.current['step-' + index] = () => clone({
+            key,
+            index,
+            prerenderFieldProps: true
+          });
+        }
+        return clone({
+          key,
+          index
+        });
+      }
+    }
+    return child;
+  });
+  if ((childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) === 0) {
+    activeIndexRef.current = 0;
+  } else if ((childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) < activeIndexRef.current + 1) {
+    activeIndexRef.current = childrenArray.length - 1;
+  }
+  totalStepsRef.current = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length;
+  return childrenArray;
+}
+//# sourceMappingURL=IterateOverSteps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IterateOverSteps.js","names":["React","useContext","useTranslation","convertJsxToString","WizardContext","Step","handleDeprecatedProps","handleDeprecatedStepProps","IterateOverSteps","children","check","stepsRef","activeIndexRef","totalStepsRef","stepStatusRef","prerenderFieldProps","prerenderFieldPropsRef","current","incrementIndex","translations","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","props","title","inactive","include","includeWhen","id","visibleWhen","index","state","undefined","status","stepHasError","statusState","key","clone","cloneElement","document","length"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/IterateOverSteps.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { useTranslation } from '../../hooks'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport WizardContext from '../Context/WizardContext'\nimport Step, {\n  Props as StepProps,\n  handleDeprecatedProps as handleDeprecatedStepProps,\n} from '../Step/Step'\n\nexport function IterateOverSteps({ children }) {\n  const {\n    check,\n    stepsRef,\n    activeIndexRef,\n    totalStepsRef,\n    stepStatusRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n  } = useContext(WizardContext)\n\n  stepsRef.current = {}\n  let incrementIndex = -1\n\n  const translations = useTranslation()\n\n  const childrenArray = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      let step = child\n\n      if (child?.type !== Step && typeof child.type === 'function') {\n        step = child.type.apply(child.type, [\n          child.props,\n        ]) as React.ReactElement\n\n        if (step?.type === Step) {\n          child = step\n        }\n      }\n\n      if (child?.type === Step) {\n        const { title, inactive, include, includeWhen, id } =\n          handleDeprecatedStepProps(child.props)\n\n        if (include === false) {\n          return null\n        }\n\n        if (\n          includeWhen &&\n          !check({\n            visibleWhen: includeWhen,\n          })\n        ) {\n          return null\n        }\n\n        incrementIndex++\n        const index = incrementIndex\n        const state = stepStatusRef.current[index]\n\n        stepsRef.current[index] = {\n          id,\n          title:\n            title !== undefined\n              ? convertJsxToString(title)\n              : 'Title missing',\n          inactive,\n          status:\n            state === 'error'\n              ? translations.Step.stepHasError\n              : state === 'unknown'\n              ? 'Unknown state'\n              : undefined,\n          statusState: state === 'error' ? 'error' : undefined, // undefined shows 'warn' by default\n        }\n        const key = `${index}-${activeIndexRef.current}`\n        const clone = (props) =>\n          React.cloneElement(child as React.ReactElement<StepProps>, props)\n\n        if (\n          prerenderFieldProps &&\n          typeof document !== 'undefined' &&\n          index !== activeIndexRef.current &&\n          typeof prerenderFieldPropsRef.current['step-' + index] ===\n            'undefined'\n        ) {\n          prerenderFieldPropsRef.current['step-' + index] = () =>\n            clone({\n              key,\n              index,\n              prerenderFieldProps: true,\n            })\n        }\n\n        return clone({\n          key,\n          index,\n        })\n      }\n    }\n\n    return child\n  })\n\n  // Ensure we never have a higher index than the available children\n  // else we get a white screen\n  if (childrenArray?.length === 0) {\n    activeIndexRef.current = 0\n  } else if (childrenArray?.length < activeIndexRef.current + 1) {\n    activeIndexRef.current = childrenArray.length - 1\n  }\n\n  totalStepsRef.current = childrenArray?.length\n\n  return childrenArray\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import { WizardContextState } from '../Context/WizardContext';
+export declare function PrerenderFieldPropsOfOtherSteps({ prerenderFieldPropsRef, }: {
+    prerenderFieldPropsRef: WizardContextState['prerenderFieldPropsRef'];
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,54 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext, useRef } from 'react';
+import ReactDOM from 'react-dom';
+import DataContext, { defaultContextState } from '../../DataContext/Context';
+import WizardContext from '../Context/WizardContext';
+export function PrerenderFieldPropsOfOtherSteps({
+  prerenderFieldPropsRef
+}) {
+  const hasRenderedRef = useRef(true);
+  if (!hasRenderedRef.current) {
+    return null;
+  }
+  hasRenderedRef.current = false;
+  return React.createElement(PrerenderPortal, null, React.createElement(PrerenderFieldPropsProvider, null, React.createElement("iframe", {
+    title: "Wizard Prerender",
+    hidden: true
+  }, Object.values(prerenderFieldPropsRef.current).map((Fn, i) => React.createElement(Fn, {
+    key: i
+  })))));
+}
+function PrerenderPortal({
+  children
+}) {
+  if (typeof document !== 'undefined') {
+    return ReactDOM.createPortal(children, document.body);
+  }
+}
+function PrerenderFieldPropsProvider({
+  children
+}) {
+  const {
+    data,
+    setFieldInternals,
+    updateDataValue
+  } = useContext(DataContext);
+  return React.createElement(DataContext.Provider, {
+    value: _objectSpread(_objectSpread({}, defaultContextState), {}, {
+      hasContext: true,
+      prerenderFieldProps: true,
+      data,
+      setFieldInternals,
+      updateDataValue
+    })
+  }, React.createElement(WizardContext.Provider, {
+    value: {
+      prerenderFieldProps: true
+    }
+  }, children));
+}
+//# sourceMappingURL=PrerenderFieldPropsOfOtherSteps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrerenderFieldPropsOfOtherSteps.js","names":["React","useContext","useRef","ReactDOM","DataContext","defaultContextState","WizardContext","PrerenderFieldPropsOfOtherSteps","prerenderFieldPropsRef","hasRenderedRef","current","createElement","PrerenderPortal","PrerenderFieldPropsProvider","title","hidden","Object","values","map","Fn","i","key","children","document","createPortal","body","data","setFieldInternals","updateDataValue","Provider","value","_objectSpread","hasContext","prerenderFieldProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/PrerenderFieldPropsOfOtherSteps.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport DataContext, {\n  defaultContextState,\n} from '../../DataContext/Context'\nimport WizardContext, {\n  WizardContextState,\n} from '../Context/WizardContext'\n\nexport function PrerenderFieldPropsOfOtherSteps({\n  prerenderFieldPropsRef,\n}: {\n  prerenderFieldPropsRef: WizardContextState['prerenderFieldPropsRef']\n}) {\n  const hasRenderedRef = useRef(true)\n  if (!hasRenderedRef.current) {\n    return null\n  }\n  hasRenderedRef.current = false\n\n  return (\n    <PrerenderPortal>\n      <PrerenderFieldPropsProvider>\n        <iframe title=\"Wizard Prerender\" hidden>\n          {Object.values(prerenderFieldPropsRef.current).map((Fn, i) => (\n            <Fn key={i} />\n          ))}\n        </iframe>\n      </PrerenderFieldPropsProvider>\n    </PrerenderPortal>\n  )\n}\n\nfunction PrerenderPortal({ children }) {\n  if (typeof document !== 'undefined') {\n    return ReactDOM.createPortal(children, document.body)\n  }\n}\n\nfunction PrerenderFieldPropsProvider({ children }) {\n  const { data, setFieldInternals, updateDataValue } =\n    useContext(DataContext)\n\n  return (\n    <DataContext.Provider\n      value={{\n        ...defaultContextState,\n        hasContext: true,\n        prerenderFieldProps: true,\n\n        // Only enable data and these methods\n        data,\n        setFieldInternals,\n        updateDataValue,\n      }}\n    >\n      <WizardContext.Provider value={{ prerenderFieldProps: true }}>\n        {children}\n      </WizardContext.Provider>\n    </DataContext.Provider>\n  )\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,WAAW,IAChBC,mBAAmB,QACd,2BAA2B;AAClC,OAAOC,aAAa,MAEb,0BAA0B;AAEjC,OAAO,SAASC,+BAA+BA,CAAC;EAC9CC;AAGF,CAAC,EAAE;EACD,MAAMC,cAAc,GAAGP,MAAM,CAAC,IAAI,CAAC;EACnC,IAAI,CAACO,cAAc,CAACC,OAAO,EAAE;IAC3B,OAAO,IAAI;EACb;EACAD,cAAc,CAACC,OAAO,GAAG,KAAK;EAE9B,OACEV,KAAA,CAAAW,aAAA,CAACC,eAAe,QACdZ,KAAA,CAAAW,aAAA,CAACE,2BAA2B,QAC1Bb,KAAA,CAAAW,aAAA;IAAQG,KAAK,EAAC,kBAAkB;IAACC,MAAM;EAAA,GACpCC,MAAM,CAACC,MAAM,CAACT,sBAAsB,CAACE,OAAO,CAAC,CAACQ,GAAG,CAAC,CAACC,EAAE,EAAEC,CAAC,KACvDpB,KAAA,CAAAW,aAAA,CAACQ,EAAE;IAACE,GAAG,EAAED;EAAE,CAAE,CACd,CACK,CACmB,CACd,CAAC;AAEtB;AAEA,SAASR,eAAeA,CAAC;EAAEU;AAAS,CAAC,EAAE;EACrC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAOpB,QAAQ,CAACqB,YAAY,CAACF,QAAQ,EAAEC,QAAQ,CAACE,IAAI,CAAC;EACvD;AACF;AAEA,SAASZ,2BAA2BA,CAAC;EAAES;AAAS,CAAC,EAAE;EACjD,MAAM;IAAEI,IAAI;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAChD3B,UAAU,CAACG,WAAW,CAAC;EAEzB,OACEJ,KAAA,CAAAW,aAAA,CAACP,WAAW,CAACyB,QAAQ;IACnBC,KAAK,EAAAC,aAAA,CAAAA,aAAA,KACA1B,mBAAmB;MACtB2B,UAAU,EAAE,IAAI;MAChBC,mBAAmB,EAAE,IAAI;MAGzBP,IAAI;MACJC,iBAAiB;MACjBC;IAAe;EACf,GAEF5B,KAAA,CAAAW,aAAA,CAACL,aAAa,CAACuB,QAAQ;IAACC,KAAK,EAAE;MAAEG,mBAAmB,EAAE;IAAK;EAAE,GAC1DX,QACqB,CACJ,CAAC;AAE3B"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { OnStepChange, StepIndex } from '../Context/WizardContext';
+import type { OnStepChange, StepIndex } from '../Context/types';
 import { ComponentProps } from '../../types';
 export type Props = ComponentProps & {
     id?: string;
@@ -32,11 +32,19 @@ export type Props = ComponentProps & {
      * If set to `true`, the wizard will not animate the steps.
      */
     noAnimation?: boolean;
+    /**
+     * If set to `true`, the wizard will not unmount the steps when navigating back and forth.
+     */
+    keepInDOM?: boolean;
     /**
      * If set to `true`, the wizard pre-render all steps so the props of each field is available in the data context.
      * Defaults to `true`.
      */
     prerenderFieldProps?: boolean;
+    /**
+     * Determines if and how the validation will be bypassed.
+     */
+    validationMode?: 'bypassOnNavigation';
     /**
      * The children of the wizard container.
      */