@dnb/eufemia 10.68.1 → 10.69.1

package/es/extensions/forms/Value/SelectCurrency/useCurrency.js

@@ -0,0 +1,26 @@
+"use client";
+
+import { useCallback, useContext } from 'react';
+import SharedContext from '../../../../shared/Context';
+import { getCurrencyData } from '../../Field/SelectCurrency';
+export default function useCurrency() {
+  const {
+    locale
+  } = useContext(SharedContext);
+  const getCurrencyDisplayNameByIso = useCallback(iso => {
+    if (!iso) {
+      return null;
+    }
+    const lang = locale === null || locale === void 0 ? void 0 : locale.split('-')[0];
+    return getCurrencyData({
+      lang,
+      filter: currency => {
+        return currency.iso === iso;
+      }
+    }).at(0).selected_value;
+  }, [locale]);
+  return {
+    getCurrencyDisplayNameByIso
+  };
+}
+//# sourceMappingURL=useCurrency.js.map

package/es/extensions/forms/Value/SelectCurrency/useCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrency.js","names":["useCallback","useContext","SharedContext","getCurrencyData","useCurrency","locale","getCurrencyDisplayNameByIso","iso","lang","split","filter","currency","at","selected_value"],"sources":["../../../../../../src/extensions/forms/Value/SelectCurrency/useCurrency.ts"],"sourcesContent":["import { useCallback, useContext } from 'react'\nimport SharedContext from '../../../../shared/Context'\nimport { getCurrencyData } from '../../Field/SelectCurrency'\nimport { CurrencyLang, CurrencyType } from '../../constants/currencies'\n\nexport default function useCurrency() {\n  const { locale } = useContext(SharedContext)\n\n  const getCurrencyDisplayNameByIso = useCallback(\n    (iso: CurrencyType['iso']) => {\n      if (!iso) {\n        return null\n      }\n\n      const lang = locale?.split('-')[0] as CurrencyLang\n      return getCurrencyData({\n        lang,\n        filter: (currency) => {\n          return currency.iso === iso\n        },\n      }).at(0).selected_value\n    },\n    [locale]\n  )\n\n  return { getCurrencyDisplayNameByIso }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAC/C,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SAASC,eAAe,QAAQ,4BAA4B;AAG5D,eAAe,SAASC,WAAWA,CAAA,EAAG;EACpC,MAAM;IAAEC;EAAO,CAAC,GAAGJ,UAAU,CAACC,aAAa,CAAC;EAE5C,MAAMI,2BAA2B,GAAGN,WAAW,CAC5CO,GAAwB,IAAK;IAC5B,IAAI,CAACA,GAAG,EAAE;MACR,OAAO,IAAI;IACb;IAEA,MAAMC,IAAI,GAAGH,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAiB;IAClD,OAAON,eAAe,CAAC;MACrBK,IAAI;MACJE,MAAM,EAAGC,QAAQ,IAAK;QACpB,OAAOA,QAAQ,CAACJ,GAAG,KAAKA,GAAG;MAC7B;IACF,CAAC,CAAC,CAACK,EAAE,CAAC,CAAC,CAAC,CAACC,cAAc;EACzB,CAAC,EACD,CAACR,MAAM,CACT,CAAC;EAED,OAAO;IAAEC;EAA4B,CAAC;AACxC","ignoreList":[]}

package/es/extensions/forms/Value/index.d.ts

@@ -15,6 +15,7 @@ export { default as PhoneNumber } from './PhoneNumber';
 export { default as BankAccountNumber } from './BankAccountNumber';
 export { default as OrganizationNumber } from './OrganizationNumber';
 export { default as SelectCountry } from './SelectCountry';
+export { default as SelectCurrency } from './SelectCurrency';
 export { default as ArraySelection } from './ArraySelection';
 export { default as Selection } from './Selection';
 export { default as Upload } from './Upload';

package/es/extensions/forms/Value/index.js

@@ -15,6 +15,7 @@ export { default as PhoneNumber } from './PhoneNumber';
 export { default as BankAccountNumber } from './BankAccountNumber';
 export { default as OrganizationNumber } from './OrganizationNumber';
 export { default as SelectCountry } from './SelectCountry';
+export { default as SelectCurrency } from './SelectCurrency';
 export { default as ArraySelection } from './ArraySelection';
 export { default as Selection } from './Selection';
 export { default as Upload } from './Upload';

package/es/extensions/forms/Value/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Provider","SummaryList","Composition","String","Number","Address","Boolean","Currency","Date","Email","Name","NationalIdentityNumber","PostalCodeAndCity","PhoneNumber","BankAccountNumber","OrganizationNumber","SelectCountry","ArraySelection","Selection","Upload"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as Provider } from './Provider'\nexport { default as SummaryList } from './SummaryList'\nexport { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Address } from './Address'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Selection } from './Selection'\nexport { default as Upload } from './Upload'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,WAAW,QAAQ,eAAe;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,OAAO,QAAQ,WAAW;AAC9C,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,YAAY;AAChD,SAASR,OAAO,IAAIS,IAAI,QAAQ,QAAQ;AACxC,SAAST,OAAO,IAAIU,KAAK,QAAQ,SAAS;AAC1C,SAASV,OAAO,IAAIW,IAAI,QAAQ,QAAQ;AACxC,SAASX,OAAO,IAAIY,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASZ,OAAO,IAAIa,iBAAiB,QAAQ,qBAAqB;AAClE,SAASb,OAAO,IAAIc,WAAW,QAAQ,eAAe;AACtD,SAASd,OAAO,IAAIe,iBAAiB,QAAQ,qBAAqB;AAClE,SAASf,OAAO,IAAIgB,kBAAkB,QAAQ,sBAAsB;AACpE,SAAShB,OAAO,IAAIiB,aAAa,QAAQ,iBAAiB;AAC1D,SAASjB,OAAO,IAAIkB,cAAc,QAAQ,kBAAkB;AAC5D,SAASlB,OAAO,IAAImB,SAAS,QAAQ,aAAa;AAClD,SAASnB,OAAO,IAAIoB,MAAM,QAAQ,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Provider","SummaryList","Composition","String","Number","Address","Boolean","Currency","Date","Email","Name","NationalIdentityNumber","PostalCodeAndCity","PhoneNumber","BankAccountNumber","OrganizationNumber","SelectCountry","SelectCurrency","ArraySelection","Selection","Upload"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as Provider } from './Provider'\nexport { default as SummaryList } from './SummaryList'\nexport { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Address } from './Address'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as SelectCurrency } from './SelectCurrency'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Selection } from './Selection'\nexport { default as Upload } from './Upload'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,WAAW,QAAQ,eAAe;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,OAAO,QAAQ,WAAW;AAC9C,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,YAAY;AAChD,SAASR,OAAO,IAAIS,IAAI,QAAQ,QAAQ;AACxC,SAAST,OAAO,IAAIU,KAAK,QAAQ,SAAS;AAC1C,SAASV,OAAO,IAAIW,IAAI,QAAQ,QAAQ;AACxC,SAASX,OAAO,IAAIY,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASZ,OAAO,IAAIa,iBAAiB,QAAQ,qBAAqB;AAClE,SAASb,OAAO,IAAIc,WAAW,QAAQ,eAAe;AACtD,SAASd,OAAO,IAAIe,iBAAiB,QAAQ,qBAAqB;AAClE,SAASf,OAAO,IAAIgB,kBAAkB,QAAQ,sBAAsB;AACpE,SAAShB,OAAO,IAAIiB,aAAa,QAAQ,iBAAiB;AAC1D,SAASjB,OAAO,IAAIkB,cAAc,QAAQ,kBAAkB;AAC5D,SAASlB,OAAO,IAAImB,cAAc,QAAQ,kBAAkB;AAC5D,SAASnB,OAAO,IAAIoB,SAAS,QAAQ,aAAa;AAClD,SAASpB,OAAO,IAAIqB,MAAM,QAAQ,UAAU","ignoreList":[]}

package/es/extensions/forms/Wizard/Buttons/Buttons.js

@@ -14,9 +14,9 @@ function Buttons(props) {
   } = props;
   const {
     activeIndex,
-    stepsRef
+    totalStepsRef
   } = useContext(WizardContext) || {};
-  const totalSteps = Object.keys((stepsRef === null || stepsRef === void 0 ? void 0 : stepsRef.current) || {}).length || 0;
+  const totalSteps = (totalStepsRef === null || totalStepsRef === void 0 ? void 0 : totalStepsRef.current) || 0;
   const showPreviousButton = activeIndex > 0;
   const showNextButton = activeIndex < totalSteps - 1;
   if (!showPreviousButton && !showNextButton) {

package/es/extensions/forms/Wizard/Buttons/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.js","names":["React","useContext","classnames","ButtonRow","NextButton","PreviousButton","WizardContext","Buttons","props","className","activeIndex","stepsRef","totalSteps","Object","keys","current","length","showPreviousButton","showNextButton","createElement","_extends","_PreviousButton","_NextButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const { activeIndex, stepsRef } = useContext(WizardContext) || {}\n\n  const totalSteps = Object.keys(stepsRef?.current || {}).length || 0\n  const showPreviousButton = activeIndex > 0\n  const showNextButton = activeIndex < totalSteps - 1\n\n  if (!showPreviousButton && !showNextButton) {\n    return null\n  }\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,aAAa,MAAM,YAAY;AAMtC,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAM;IAAEE,WAAW;IAAEC;EAAS,CAAC,GAAGV,UAAU,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;EAEjE,MAAMM,UAAU,GAAGC,MAAM,CAACC,IAAI,CAAC,CAAAH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEI,OAAO,KAAI,CAAC,CAAC,CAAC,CAACC,MAAM,IAAI,CAAC;EACnE,MAAMC,kBAAkB,GAAGP,WAAW,GAAG,CAAC;EAC1C,MAAMQ,cAAc,GAAGR,WAAW,GAAGE,UAAU,GAAG,CAAC;EAEnD,IAAI,CAACK,kBAAkB,IAAI,CAACC,cAAc,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,OACElB,KAAA,CAAAmB,aAAA,CAAChB,SAAS,EAAAiB,QAAA;IACRX,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAClDD,KAAK,GAERS,kBAAkB,KAAAI,eAAA,KAAAA,eAAA,GAAIrB,KAAA,CAAAmB,aAAA,CAACd,cAAc,MAAE,CAAC,IACxCa,cAAc,KAAAI,WAAA,KAAAA,WAAA,GAAItB,KAAA,CAAAmB,aAAA,CAACf,UAAU,MAAE,CAAC,EACxB,CAAC;AAEhB;AAEAG,OAAO,CAACgB,qBAAqB,GAAG,IAAI;AACpC,eAAehB,OAAO","ignoreList":[]}
+{"version":3,"file":"Buttons.js","names":["React","useContext","classnames","ButtonRow","NextButton","PreviousButton","WizardContext","Buttons","props","className","activeIndex","totalStepsRef","totalSteps","current","showPreviousButton","showNextButton","createElement","_extends","_PreviousButton","_NextButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const { activeIndex, totalStepsRef } = useContext(WizardContext) || {}\n\n  const totalSteps = totalStepsRef?.current || 0\n  const showPreviousButton = activeIndex > 0\n  const showNextButton = activeIndex < totalSteps - 1\n\n  if (!showPreviousButton && !showNextButton) {\n    return null\n  }\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,aAAa,MAAM,YAAY;AAMtC,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAM;IAAEE,WAAW;IAAEC;EAAc,CAAC,GAAGV,UAAU,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;EAEtE,MAAMM,UAAU,GAAG,CAAAD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,OAAO,KAAI,CAAC;EAC9C,MAAMC,kBAAkB,GAAGJ,WAAW,GAAG,CAAC;EAC1C,MAAMK,cAAc,GAAGL,WAAW,GAAGE,UAAU,GAAG,CAAC;EAEnD,IAAI,CAACE,kBAAkB,IAAI,CAACC,cAAc,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,OACEf,KAAA,CAAAgB,aAAA,CAACb,SAAS,EAAAc,QAAA;IACRR,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAClDD,KAAK,GAERM,kBAAkB,KAAAI,eAAA,KAAAA,eAAA,GAAIlB,KAAA,CAAAgB,aAAA,CAACX,cAAc,MAAE,CAAC,IACxCU,cAAc,KAAAI,WAAA,KAAAA,WAAA,GAAInB,KAAA,CAAAgB,aAAA,CAACZ,UAAU,MAAE,CAAC,EACxB,CAAC;AAEhB;AAEAG,OAAO,CAACa,qBAAqB,GAAG,IAAI;AACpC,eAAeb,OAAO","ignoreList":[]}

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

@@ -17,6 +17,7 @@ export function DisplaySteps({
     activeIndexRef,
     stepsRef,
     updateTitlesRef,
+    hasErrorInOtherStepRef,
     hasInvalidStepsState
   } = useContext(WizardContext) || {};
   updateTitlesRef.current = () => {
@@ -25,19 +26,22 @@ export function DisplaySteps({
   const translations = useTranslation();
   const sidebar_id = variant === 'drawer' && !sidebarId ? undefined : sidebarId !== null && sidebarId !== void 0 ? sidebarId : id;
   const getTriggerStatus = useCallback(() => {
-    if (hasInvalidStepsState(['error'])) {
+    if (!hasErrorInOtherStepRef.current) {
+      return;
+    }
+    if (hasInvalidStepsState(undefined, ['error'])) {
       return {
         status: translations.Step.stepHasError,
         status_state: 'error'
       };
     }
-    if (hasInvalidStepsState(['unknown'])) {
+    if (hasInvalidStepsState(undefined, ['unknown'])) {
       return {
         status: 'Unknown state',
         status_state: 'warn'
       };
     }
-  }, [hasInvalidStepsState, translations.Step.stepHasError]);
+  }, [hasErrorInOtherStepRef, hasInvalidStepsState, translations.Step.stepHasError]);
   return React.createElement("aside", {
     className: "dnb-forms-wizard-layout__indicator"
   }, React.createElement(StepIndicator.Sidebar, {
@@ -45,13 +49,14 @@ export function DisplaySteps({
   }), React.createElement(StepIndicator, {
     bottom: true,
     current_step: activeIndexRef.current,
-    data: Object.values(stepsRef.current).map(({
+    data: Array.from(stepsRef.current.values()).map(({
+      stringifiedTitle,
       title,
       inactive,
       status,
       statusState
     }) => ({
-      title,
+      title: stringifiedTitle || title,
       inactive,
       status,
       status_state: statusState

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

@@ -1 +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","ignoreList":[]}
+{"version":3,"file":"DisplaySteps.js","names":["React","useCallback","useContext","useReducer","WizardContext","StepIndicator","useTranslation","DisplaySteps","mode","variant","noAnimation","handleChange","sidebarId","forceUpdate","id","activeIndexRef","stepsRef","updateTitlesRef","hasErrorInOtherStepRef","hasInvalidStepsState","current","translations","sidebar_id","undefined","getTriggerStatus","status","Step","stepHasError","status_state","createElement","className","Sidebar","bottom","current_step","data","Array","from","values","map","stringifiedTitle","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    hasErrorInOtherStepRef,\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 (!hasErrorInOtherStepRef.current) {\n      return // stop here\n    }\n    if (hasInvalidStepsState(undefined, ['error'])) {\n      return {\n        status: translations.Step.stepHasError,\n        status_state: 'error',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n    if (hasInvalidStepsState(undefined, ['unknown'])) {\n      return {\n        status: 'Unknown state',\n        status_state: 'warn',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n  }, [\n    hasErrorInOtherStepRef,\n    hasInvalidStepsState,\n    translations.Step.stepHasError,\n  ])\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={Array.from(stepsRef.current.values()).map(\n          ({ stringifiedTitle, title, inactive, status, statusState }) =>\n            ({\n              title: stringifiedTitle || 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,sBAAsB;IACtBC;EACF,CAAC,GAAGjB,UAAU,CAACE,aAAa,CAAC,IAAI,CAAC,CAAC;EACnCa,eAAe,CAACG,OAAO,GAAG,MAAM;IAC9BP,WAAW,CAAC,CAAC;EACf,CAAC;EACD,MAAMQ,YAAY,GAAGf,cAAc,CAAC,CAAC;EAErC,MAAMgB,UAAU,GACdb,OAAO,KAAK,QAAQ,IAAI,CAACG,SAAS,GAAGW,SAAS,GAAGX,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIE,EAAE;EAElE,MAAMU,gBAAgB,GAAGvB,WAAW,CAAC,MAAM;IACzC,IAAI,CAACiB,sBAAsB,CAACE,OAAO,EAAE;MACnC;IACF;IACA,IAAID,oBAAoB,CAACI,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;MAC9C,OAAO;QACLE,MAAM,EAAEJ,YAAY,CAACK,IAAI,CAACC,YAAY;QACtCC,YAAY,EAAE;MAChB,CAAC;IACH;IACA,IAAIT,oBAAoB,CAACI,SAAS,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE;MAChD,OAAO;QACLE,MAAM,EAAE,eAAe;QACvBG,YAAY,EAAE;MAChB,CAAC;IACH;EACF,CAAC,EAAE,CACDV,sBAAsB,EACtBC,oBAAoB,EACpBE,YAAY,CAACK,IAAI,CAACC,YAAY,CAC/B,CAAC;EAEF,OACE3B,KAAA,CAAA6B,aAAA;IAAOC,SAAS,EAAC;EAAoC,GACnD9B,KAAA,CAAA6B,aAAA,CAACxB,aAAa,CAAC0B,OAAO;IAACT,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjDtB,KAAA,CAAA6B,aAAA,CAACxB,aAAa;IACZ2B,MAAM;IACNC,YAAY,EAAElB,cAAc,CAACK,OAAQ;IACrCc,IAAI,EAAEC,KAAK,CAACC,IAAI,CAACpB,QAAQ,CAACI,OAAO,CAACiB,MAAM,CAAC,CAAC,CAAC,CAACC,GAAG,CAC7C,CAAC;MAAEC,gBAAgB;MAAEC,KAAK;MAAEC,QAAQ;MAAEhB,MAAM;MAAEiB;IAAY,CAAC,MACxD;MACCF,KAAK,EAAED,gBAAgB,IAAIC,KAAK;MAChCC,QAAQ;MACRhB,MAAM;MACNG,YAAY,EAAEc;IAChB,CAAC,CACL,CAAE;IACFlC,IAAI,EAAEA,IAAK;IACXmC,YAAY,EAAEjC,WAAY;IAC1BkC,SAAS,EAAEjC,YAAa;IACxBW,UAAU,EAAEA,UAAW;IACvBuB,kBAAkB,EAAErB,gBAAgB,CAAC;EAAE,CACxC,CACI,CAAC;AAEZ","ignoreList":[]}

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

@@ -1,3 +1,4 @@
-export declare function IterateOverSteps({ children }: {
-    children: any;
-}): any;
+import React from 'react';
+export declare function IterateOverSteps({ children, }: {
+    children: React.ReactNode;
+}): React.ReactNode;

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

@@ -1,10 +1,10 @@
 "use client";
 
 import React, { useContext } from 'react';
-import { useTranslation } from '../../hooks';
-import { convertJsxToString } from '../../../../shared/component-helper';
 import WizardContext from '../Context/WizardContext';
+import WizardStepContext from '../Step/StepContext';
 import Step, { handleDeprecatedProps as handleDeprecatedStepProps } from '../Step/Step';
+import { useCollectStepsData } from './useCollectStepsData';
 export function IterateOverSteps({
   children
 }) {
@@ -13,13 +13,19 @@ export function IterateOverSteps({
     stepsRef,
     activeIndexRef,
     totalStepsRef,
-    stepStatusRef,
+    stepIndexRef,
     prerenderFieldProps,
-    prerenderFieldPropsRef
+    prerenderFieldPropsRef,
+    hasErrorInOtherStepRef,
+    mapOverChildrenRef
   } = useContext(WizardContext);
-  stepsRef.current = {};
-  let incrementIndex = -1;
-  const translations = useTranslation();
+  const {
+    collectStepsData
+  } = useCollectStepsData();
+  stepsRef.current = new Map();
+  hasErrorInOtherStepRef.current = false;
+  stepIndexRef.current = -1;
+  totalStepsRef.current = 0;
   const childrenArray = React.Children.map(children, child => {
     if (React.isValidElement(child)) {
       var _child, _child2;
@@ -33,7 +39,7 @@ export function IterateOverSteps({
       }
       if (((_child2 = child) === null || _child2 === void 0 ? void 0 : _child2.type) === Step) {
         const {
-          title: titleProp,
+          title,
           inactive,
           include,
           includeWhen,
@@ -47,42 +53,42 @@ export function IterateOverSteps({
         })) {
           return null;
         }
-        incrementIndex++;
-        const index = incrementIndex;
-        const title = titleProp !== undefined ? convertJsxToString(titleProp) : 'Title missing';
-        const state = stepStatusRef.current[index];
-        const status = index !== activeIndexRef.current ? state === 'error' ? translations.Step.stepHasError : state === 'unknown' ? 'Unknown state' : undefined : undefined;
-        const statusState = state === 'error' ? 'error' : undefined;
-        const key = `${index}-${activeIndexRef.current}`;
-        stepsRef.current[index] = {
+        const index = totalStepsRef.current;
+        totalStepsRef.current = totalStepsRef.current + 1;
+        collectStepsData({
           id,
-          title,
+          index,
           inactive,
-          status,
-          statusState
-        };
-        const clone = props => React.cloneElement(child, props);
+          title
+        });
         if (prerenderFieldProps && typeof document !== 'undefined' && index !== activeIndexRef.current && typeof prerenderFieldPropsRef.current['step-' + index] === 'undefined') {
-          prerenderFieldPropsRef.current['step-' + index] = () => clone({
+          const key = `${index}-${activeIndexRef.current}`;
+          prerenderFieldPropsRef.current['step-' + index] = () => React.cloneElement(child, {
             key,
             index,
             prerenderFieldProps: true
           });
         }
-        return clone({
-          key,
-          index
-        });
+        return child;
       }
     }
     return child;
   });
-  if ((childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) === 0) {
+  if (totalStepsRef.current === 0) {
     activeIndexRef.current = 0;
-  } else if ((childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) < activeIndexRef.current + 1) {
-    activeIndexRef.current = childrenArray.length - 1;
+  } else if (totalStepsRef.current < activeIndexRef.current + 1) {
+    activeIndexRef.current = totalStepsRef.current - 1;
+  }
+  if (mapOverChildrenRef.current) {
+    return childrenArray.map((child, index) => {
+      return React.createElement(WizardStepContext.Provider, {
+        key: index,
+        value: {
+          index
+        }
+      }, child);
+    });
   }
-  totalStepsRef.current = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length;
-  return childrenArray;
+  return children;
 }
 //# sourceMappingURL=IterateOverSteps.js.map

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

@@ -1 +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","titleProp","inactive","include","includeWhen","id","visibleWhen","index","undefined","state","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 {\n          title: titleProp,\n          inactive,\n          include,\n          includeWhen,\n          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\n        const index = incrementIndex\n        const title =\n          titleProp !== undefined\n            ? convertJsxToString(titleProp)\n            : 'Title missing'\n        const state = stepStatusRef.current[index]\n        const status =\n          index !== activeIndexRef.current\n            ? state === 'error'\n              ? translations.Step.stepHasError\n              : state === 'unknown'\n              ? 'Unknown state'\n              : undefined\n            : undefined\n        const statusState = state === 'error' ? 'error' : undefined // undefined shows 'warn' by default\n        const key = `${index}-${activeIndexRef.current}`\n\n        stepsRef.current[index] = {\n          id,\n          title,\n          inactive,\n          status,\n          statusState,\n        }\n\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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","ignoreList":[]}
+{"version":3,"file":"IterateOverSteps.js","names":["React","useContext","WizardContext","WizardStepContext","Step","handleDeprecatedProps","handleDeprecatedStepProps","useCollectStepsData","IterateOverSteps","children","check","stepsRef","activeIndexRef","totalStepsRef","stepIndexRef","prerenderFieldProps","prerenderFieldPropsRef","hasErrorInOtherStepRef","mapOverChildrenRef","collectStepsData","current","Map","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","props","title","inactive","include","includeWhen","id","visibleWhen","index","document","key","cloneElement","createElement","Provider","value"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/IterateOverSteps.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport WizardContext from '../Context/WizardContext'\nimport WizardStepContext from '../Step/StepContext'\nimport Step, {\n  Props as StepProps,\n  handleDeprecatedProps as handleDeprecatedStepProps,\n} from '../Step/Step'\nimport { useCollectStepsData } from './useCollectStepsData'\n\nexport function IterateOverSteps({\n  children,\n}: {\n  children: React.ReactNode\n}): React.ReactNode {\n  const {\n    check,\n    stepsRef,\n    activeIndexRef,\n    totalStepsRef,\n    stepIndexRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n    hasErrorInOtherStepRef,\n    mapOverChildrenRef,\n  } = useContext(WizardContext)\n\n  const { collectStepsData } = useCollectStepsData()\n\n  // Reset before iterating and calling \"collectStepsData\" and other variables are collected.\n  stepsRef.current = new Map()\n  hasErrorInOtherStepRef.current = false\n  stepIndexRef.current = -1\n  totalStepsRef.current = 0\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        const index = totalStepsRef.current\n        totalStepsRef.current = totalStepsRef.current + 1\n\n        collectStepsData({\n          id,\n          index,\n          inactive,\n          title,\n        })\n\n        if (\n          prerenderFieldProps &&\n          typeof document !== 'undefined' &&\n          index !== activeIndexRef.current &&\n          typeof prerenderFieldPropsRef.current['step-' + index] ===\n            'undefined'\n        ) {\n          const key = `${index}-${activeIndexRef.current}`\n          prerenderFieldPropsRef.current['step-' + index] = () =>\n            React.cloneElement(child as React.ReactElement<StepProps>, {\n              key,\n              index,\n              prerenderFieldProps: true,\n            })\n        }\n\n        return child\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 (totalStepsRef.current === 0) {\n    activeIndexRef.current = 0\n  } else if (totalStepsRef.current < activeIndexRef.current + 1) {\n    activeIndexRef.current = totalStepsRef.current - 1\n  }\n\n  if (mapOverChildrenRef.current) {\n    return childrenArray.map((child, index) => {\n      return (\n        <WizardStepContext.Provider key={index} value={{ index }}>\n          {child}\n        </WizardStepContext.Provider>\n      )\n    })\n  }\n\n  return children\n}\n"],"mappings":"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","ignoreList":[]}

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';
@@ -54,55 +54,96 @@ function WizardContainer(props) {
   const [, forceUpdate] = useReducer(() => ({}), {});
   const activeIndexRef = useRef(initialActiveIndex);
   const totalStepsRef = useRef(NaN);
-  const stepStatusRef = useRef({});
-  const fieldErrorRef = useRef({});
-  const visitedStepsRef = 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 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(fieldErrorRef.current).some(({
+    return Array.from(fieldErrorRef.current.values()).some(({
       index: i,
       hasError
     }) => {
       return i === index && hasError;
     });
   }, []);
-  const revealError = useCallback((index, path, hasError) => {
-    fieldErrorRef.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,
@@ -110,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
       });
@@ -170,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;
@@ -190,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;
@@ -226,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();
     }
@@ -249,11 +281,16 @@ function WizardContainer(props) {
       handleNext();
       preventSubmit();
     }
-  }, [handleUnknownStepsState, hasInvalidStepsState, handleNext]);
+  }, [hasInvalidStepsState, handleNext]);
   (_dataContext$setHandl = dataContext.setHandleSubmit) === null || _dataContext$setHandl === void 0 ? void 0 : _dataContext$setHandl.call(dataContext, handleSubmit);
   const {
     check
   } = useVisibility();
+  const mapOverChildrenRef = useRef(false);
+  const enableMapOverChildren = useCallback(() => {
+    mapOverChildrenRef.current = true;
+  }, []);
+  const activeIndex = activeIndexRef.current;
   const providerValue = useMemo(() => {
     return {
       id,
@@ -263,20 +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);
@@ -287,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(() => {
@@ -297,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, {