@dnb/eufemia 10.69.0 → 10.69.1

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

@@ -23,9 +23,9 @@ function Buttons(props) {
   } = props;
   const {
     activeIndex,
-    stepsRef
+    totalStepsRef
   } = (0, _react.useContext)(_Context.default) || {};
-  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/cjs/extensions/forms/Wizard/Buttons/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_ButtonRow","_NextButton2","_PreviousButton2","_Context","_PreviousButton","_NextButton","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Buttons","props","className","activeIndex","stepsRef","useContext","WizardContext","totalSteps","keys","current","showPreviousButton","showNextButton","createElement","classnames","_supportsSpacingProps","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"Buttons.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_ButtonRow","_NextButton2","_PreviousButton2","_Context","_PreviousButton","_NextButton","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Buttons","props","className","activeIndex","totalStepsRef","useContext","WizardContext","totalSteps","current","showPreviousButton","showNextButton","createElement","classnames","_supportsSpacingProps","_default","exports"],"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":"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","ignoreList":[]}

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

@@ -39,19 +39,19 @@ function DisplaySteps(_ref) {
     if (!hasErrorInOtherStepRef.current) {
       return;
     }
-    if (hasInvalidStepsState(['error'])) {
+    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.default.createElement("aside", {
     className: "dnb-forms-wizard-layout__indicator"
   }, _react.default.createElement(_StepIndicator.default.Sidebar, {
@@ -59,15 +59,16 @@ function DisplaySteps(_ref) {
   }), _react.default.createElement(_StepIndicator.default, {
     bottom: true,
     current_step: activeIndexRef.current,
-    data: Object.values(stepsRef.current).map(_ref2 => {
+    data: Array.from(stepsRef.current.values()).map(_ref2 => {
       let {
+        stringifiedTitle,
         title,
         inactive,
         status,
         statusState
       } = _ref2;
       return {
-        title,
+        title: stringifiedTitle || title,
         inactive,
         status,
         status_state: statusState

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

@@ -1 +1 @@
-{"version":3,"file":"DisplaySteps.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicator","_hooks","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DisplaySteps","_ref","mode","variant","noAnimation","handleChange","sidebarId","forceUpdate","useReducer","id","activeIndexRef","stepsRef","updateTitlesRef","hasErrorInOtherStepRef","hasInvalidStepsState","useContext","WizardContext","current","translations","useTranslation","sidebar_id","undefined","getTriggerStatus","useCallback","status","Step","stepHasError","status_state","createElement","className","Sidebar","bottom","current_step","data","values","map","_ref2","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(['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":"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","ignoreList":[]}
+{"version":3,"file":"DisplaySteps.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicator","_hooks","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DisplaySteps","_ref","mode","variant","noAnimation","handleChange","sidebarId","forceUpdate","useReducer","id","activeIndexRef","stepsRef","updateTitlesRef","hasErrorInOtherStepRef","hasInvalidStepsState","useContext","WizardContext","current","translations","useTranslation","sidebar_id","undefined","getTriggerStatus","useCallback","status","Step","stepHasError","status_state","createElement","className","Sidebar","bottom","current_step","data","Array","from","values","map","_ref2","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":"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","ignoreList":[]}

package/cjs/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/cjs/extensions/forms/Wizard/Container/IterateOverSteps.js

@@ -1,16 +1,16 @@
 "use strict";
 "use client";
 
-require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IterateOverSteps = IterateOverSteps;
+require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
-var _componentHelper = require("../../../../shared/component-helper");
 var _WizardContext = _interopRequireDefault(require("../Context/WizardContext"));
+var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
 var _Step = _interopRequireWildcard(require("../Step/Step"));
+var _useCollectStepsData = require("./useCollectStepsData");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -23,15 +23,19 @@ function IterateOverSteps(_ref) {
     stepsRef,
     activeIndexRef,
     totalStepsRef,
-    stepStatusRef,
+    stepIndexRef,
     prerenderFieldProps,
     prerenderFieldPropsRef,
-    hasErrorInOtherStepRef
+    hasErrorInOtherStepRef,
+    mapOverChildrenRef
   } = (0, _react.useContext)(_WizardContext.default);
+  const {
+    collectStepsData
+  } = (0, _useCollectStepsData.useCollectStepsData)();
+  stepsRef.current = new Map();
   hasErrorInOtherStepRef.current = false;
-  stepsRef.current = {};
-  let incrementIndex = -1;
-  const translations = (0, _hooks.useTranslation)();
+  stepIndexRef.current = -1;
+  totalStepsRef.current = 0;
   const childrenArray = _react.default.Children.map(children, child => {
     if (_react.default.isValidElement(child)) {
       var _child, _child2;
@@ -45,7 +49,7 @@ function IterateOverSteps(_ref) {
       }
       if (((_child2 = child) === null || _child2 === void 0 ? void 0 : _child2.type) === _Step.default) {
         const {
-          title: titleProp,
+          title,
           inactive,
           include,
           includeWhen,
@@ -59,45 +63,42 @@ function IterateOverSteps(_ref) {
         })) {
           return null;
         }
-        incrementIndex++;
-        const index = incrementIndex;
-        const title = titleProp !== undefined ? (0, _componentHelper.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}`;
-        if (status) {
-          hasErrorInOtherStepRef.current = true;
-        }
-        stepsRef.current[index] = {
+        const index = totalStepsRef.current;
+        totalStepsRef.current = totalStepsRef.current + 1;
+        collectStepsData({
           id,
-          title,
+          index,
           inactive,
-          status,
-          statusState
-        };
-        const clone = props => _react.default.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.default.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.default.createElement(_StepContext.default.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/cjs/extensions/forms/Wizard/Container/IterateOverSteps.js.map

@@ -1 +1 @@
-{"version":3,"file":"IterateOverSteps.js","names":["_react","_interopRequireWildcard","require","_hooks","_componentHelper","_WizardContext","_interopRequireDefault","_Step","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IterateOverSteps","_ref","children","check","stepsRef","activeIndexRef","totalStepsRef","stepStatusRef","prerenderFieldProps","prerenderFieldPropsRef","hasErrorInOtherStepRef","useContext","WizardContext","current","incrementIndex","translations","useTranslation","childrenArray","React","Children","map","child","isValidElement","_child","_child2","step","type","Step","_step","apply","props","title","titleProp","inactive","include","includeWhen","id","handleDeprecatedStepProps","visibleWhen","index","undefined","convertJsxToString","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    hasErrorInOtherStepRef,\n  } = useContext(WizardContext)\n  hasErrorInOtherStepRef.current = false\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        if (status) {\n          hasErrorInOtherStepRef.current = true\n        }\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","_interopRequireWildcard","require","_WizardContext","_interopRequireDefault","_StepContext","_Step","_useCollectStepsData","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IterateOverSteps","_ref","children","check","stepsRef","activeIndexRef","totalStepsRef","stepIndexRef","prerenderFieldProps","prerenderFieldPropsRef","hasErrorInOtherStepRef","mapOverChildrenRef","useContext","WizardContext","collectStepsData","useCollectStepsData","current","Map","childrenArray","React","Children","map","child","isValidElement","_child","_child2","step","type","Step","_step","apply","props","title","inactive","include","includeWhen","id","handleDeprecatedStepProps","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/cjs/extensions/forms/Wizard/Container/WizardContainer.js

@@ -66,26 +66,24 @@ function WizardContainer(props) {
   const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
   const activeIndexRef = (0, _react.useRef)(initialActiveIndex);
   const totalStepsRef = (0, _react.useRef)(NaN);
-  const stepStatusRef = (0, _react.useRef)({});
-  const hasVisibleErrorRef = (0, _react.useRef)({});
+  const submitCountRef = (0, _react.useRef)(0);
+  const visitedStepsRef = (0, _react.useRef)(new Map());
+  const fieldErrorRef = (0, _react.useRef)(new Map());
+  const storeStepStateRef = (0, _react.useRef)(new Map());
   const hasErrorInOtherStepRef = (0, _react.useRef)(false);
-  const visitedStepsRef = (0, _react.useRef)({});
   const elementRef = (0, _react.useRef)();
   const stepElementRef = (0, _react.useRef)();
   const preventNextStepRef = (0, _react.useRef)(false);
-  const stepsRef = (0, _react.useRef)({});
-  const tmpStepsRef = (0, _react.useRef)({});
+  const stepsRef = (0, _react.useRef)(new Map());
+  const tmpStepsRef = (0, _react.useRef)();
+  const stepIndexRef = (0, _react.useRef)(-1);
   const updateTitlesRef = (0, _react.useRef)();
   const prerenderFieldPropsRef = (0, _react.useRef)({});
   const bypassOnNavigation = validationMode === 'bypassOnNavigation';
   const sharedStateRef = (0, _react.useRef)();
   sharedStateRef.current = (0, _useSharedState.useSharedState)(hasContext && id ? (0, _useSharedState.createReferenceKey)(id, 'wizard') : undefined);
-  visitedStepsRef.current[activeIndexRef.current] = true;
-  const setStepState = (0, _react.useCallback)((index, state) => {
-    stepStatusRef.current[index] = state;
-  }, []);
   const hasFieldErrorInStep = (0, _react.useCallback)(index => {
-    return Object.values(hasVisibleErrorRef.current).some(_ref => {
+    return Array.from(fieldErrorRef.current.values()).some(_ref => {
       let {
         index: i,
         hasError
@@ -93,31 +91,77 @@ function WizardContainer(props) {
       return i === index && hasError;
     });
   }, []);
-  const revealError = (0, _react.useCallback)((index, path, hasError) => {
-    hasVisibleErrorRef.current[path] = {
-      index,
-      hasError
-    };
-    if (hasFieldErrorInStep(index)) {
-      setStepState(index, 'error');
+  const setStepAsVisited = (0, _react.useCallback)(index => {
+    visitedStepsRef.current.set(index, true);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!initialActiveIndex) {
+      setStepAsVisited(activeIndexRef.current);
     }
-  }, [hasFieldErrorInStep, setStepState]);
-  const activeIndex = activeIndexRef.current;
-  const hasErrorInActiveStep = hasFieldErrorInStep(activeIndex);
-  (0, _react.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 = (0, _react.useCallback)(function () {
+    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+    let forStates = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['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 = (0, _react.useCallback)(function () {
+    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+    let forStates = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['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 = (0, _react.useCallback)((index, path, hasError) => {
+    fieldErrorRef.current.set(path, {
+      index,
+      hasError
+    });
+  }, []);
   const preventNavigation = (0, _react.useCallback)(function () {
     let shouldPrevent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     preventNextStepRef.current = shouldPrevent;
   }, []);
   const getStepChangeOptions = (0, _react.useCallback)(index => {
-    var _stepsRef$current$ind;
+    var _stepsRef$current$get;
     const previousIndex = activeIndexRef.current;
     const options = {
       preventNavigation,
@@ -125,10 +169,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
       });
@@ -186,10 +230,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;
@@ -206,13 +251,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 = (0, _react.useCallback)((index, options) => {
     if (index === activeIndexRef.current) {
       return;
@@ -243,23 +290,11 @@ function WizardContainer(props) {
       error
     });
   }, [setSubmitState]);
-  const handleUnknownStepsState = (0, _react.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 = (0, _react.useCallback)(forStates => {
-    const steps = Object.values(stepStatusRef.current);
-    return (forStates || ['unknown', 'error']).some(state => steps.includes(state));
-  }, []);
   const handleSubmit = (0, _react.useCallback)(_ref4 => {
     let {
       preventSubmit
     } = _ref4;
-    handleUnknownStepsState();
+    submitCountRef.current += 1;
     if (hasInvalidStepsState()) {
       return preventSubmit();
     }
@@ -267,11 +302,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
   } = (0, _useVisibility.default)();
+  const mapOverChildrenRef = (0, _react.useRef)(false);
+  const enableMapOverChildren = (0, _react.useCallback)(() => {
+    mapOverChildrenRef.current = true;
+  }, []);
+  const activeIndex = activeIndexRef.current;
   const providerValue = (0, _react.useMemo)(() => {
     return {
       id,
@@ -281,21 +321,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);
@@ -306,8 +350,11 @@ function WizardContainer(props) {
     (_updateTitlesRef$curr = updateTitlesRef.current) === null || _updateTitlesRef$curr === void 0 ? void 0 : _updateTitlesRef$curr.call(updateTitlesRef);
   }, [stepsRef.current]);
   const stepsLengthDidChange = (0, _react.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(() => {
@@ -316,8 +363,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) {
     (0, _componentHelper.warn)('You may wrap Wizard.Container in Form.Handler');
     return _react.default.createElement(_Handler.default, null, _react.default.createElement(WizardContainer, _extends({}, props, {