@dnb/eufemia 10.33.0 → 10.34.1

package/es/extensions/forms/ValueBlock/ValueBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["React","Fragment","useContext","useEffect","useRef","classnames","warn","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","ValueBlockContext","DataContext","pickSpacingProps","ValueBlock","props","summaryListContext","valueBlockContext","dataContext","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","ref","useNotInSummaryList","undefined","prerenderFieldProps","content","compositionClass","Element","isNested","layout","Item","_span","createElement","Provider","value","_objectSpread","_extends","element","labelDirection","current","sibling","previousElementSibling","classList","contains","closest","apply","filter","Boolean","error","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, { Fragment, useContext, useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const dataContext = useContext(DataContext)\n\n  const {\n    className,\n    label: labelProp,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = inline ? null : labelProp\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  if (\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder) ||\n    dataContext?.prerenderFieldProps\n  ) {\n    return null\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n\n  if (summaryListContext) {\n    const Element = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = (\n        <span\n          className={classnames(\n            'dnb-forms-value-block__content',\n            gap && `dnb-forms-value-block__content--gap-${gap}`\n          )}\n        >\n          {children}\n        </span>\n      ) ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <Element>\n          <SummaryListContext.Provider\n            value={{ ...summaryListContext, isNested: true }}\n          >\n            {label && (\n              <Dt className=\"dnb-forms-value-block__label\">\n                <strong>{label}</strong>\n              </Dt>\n            )}\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              {children ? (\n                <span\n                  className={classnames(\n                    'dnb-forms-value-block__content',\n                    gap && `dnb-forms-value-block__content--gap-${gap}`\n                  )}\n                >\n                  {children}\n                </span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </SummaryListContext.Provider>\n        </Element>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span\n            className={classnames(\n              'dnb-forms-value-block__content',\n              gap && `dnb-forms-value-block__content--gap-${gap}`\n            )}\n          >\n            {children}\n          </span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList!',\n              label,\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}
+{"version":3,"file":"ValueBlock.js","names":["React","Fragment","useContext","useEffect","useMemo","useRef","classnames","warn","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","ValueBlockContext","DataContext","pickSpacingProps","IterateElementContext","convertJsxToString","ValueBlock","props","summaryListContext","valueBlockContext","dataContext","iterateElementContext","index","iterateIndex","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","undefined","replace","String","ref","useNotInSummaryList","prerenderFieldProps","content","compositionClass","Element","isNested","layout","Item","_span","createElement","Provider","value","_objectSpread","_extends","element","labelDirection","current","sibling","previousElementSibling","classList","contains","closest","apply","filter","Boolean","error","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const dataContext = useContext(DataContext)\n  const iterateElementContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateElementContext ?? {}\n\n  const {\n    className,\n    label: labelProp,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n    if (iterateIndex !== undefined) {\n      return convertJsxToString(labelProp).replace(\n        '{itemNr}',\n        String(iterateIndex + 1)\n      )\n    }\n    return labelProp\n  }, [inline, iterateIndex, labelProp])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  if (\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder) ||\n    dataContext?.prerenderFieldProps\n  ) {\n    return null\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n\n  if (summaryListContext) {\n    const Element = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = (\n        <span\n          className={classnames(\n            'dnb-forms-value-block__content',\n            gap && `dnb-forms-value-block__content--gap-${gap}`\n          )}\n        >\n          {children}\n        </span>\n      ) ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <Element>\n          <SummaryListContext.Provider\n            value={{ ...summaryListContext, isNested: true }}\n          >\n            {label && (\n              <Dt className=\"dnb-forms-value-block__label\">\n                <strong>{label}</strong>\n              </Dt>\n            )}\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              {children ? (\n                <span\n                  className={classnames(\n                    'dnb-forms-value-block__content',\n                    gap && `dnb-forms-value-block__content--gap-${gap}`\n                  )}\n                >\n                  {children}\n                </span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </SummaryListContext.Provider>\n        </Element>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span\n            className={classnames(\n              'dnb-forms-value-block__content',\n              gap && `dnb-forms-value-block__content--gap-${gap}`\n            )}\n          >\n            {children}\n          </span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList!',\n              label,\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}

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

@@ -14,8 +14,9 @@ function Buttons(props) {
   } = props;
   const {
     activeIndex,
-    totalSteps
+    titlesRef
   } = useContext(WizardContext) || {};
+  const totalSteps = Object.keys((titlesRef === null || titlesRef === void 0 ? void 0 : titlesRef.current) || {}).length || 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","totalSteps","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, totalSteps } = useContext(WizardContext) || {}\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;EAAW,CAAC,GAAGV,UAAU,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;EACnE,MAAMM,kBAAkB,GAAGF,WAAW,GAAG,CAAC;EAC1C,MAAMG,cAAc,GAAGH,WAAW,GAAGC,UAAU,GAAG,CAAC;EAEnD,IAAI,CAACC,kBAAkB,IAAI,CAACC,cAAc,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,OACEb,KAAA,CAAAc,aAAA,CAACX,SAAS,EAAAY,QAAA;IACRN,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAClDD,KAAK,GAERI,kBAAkB,KAAAI,eAAA,KAAAA,eAAA,GAAIhB,KAAA,CAAAc,aAAA,CAACT,cAAc,MAAE,CAAC,IACxCQ,cAAc,KAAAI,WAAA,KAAAA,WAAA,GAAIjB,KAAA,CAAAc,aAAA,CAACV,UAAU,MAAE,CAAC,EACxB,CAAC;AAEhB;AAEAG,OAAO,CAACW,qBAAqB,GAAG,IAAI;AACpC,eAAeX,OAAO"}
+{"version":3,"file":"Buttons.js","names":["React","useContext","classnames","ButtonRow","NextButton","PreviousButton","WizardContext","Buttons","props","className","activeIndex","titlesRef","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, titlesRef } = useContext(WizardContext) || {}\n\n  const totalSteps = Object.keys(titlesRef?.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;EAAU,CAAC,GAAGV,UAAU,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;EAElE,MAAMM,UAAU,GAAGC,MAAM,CAACC,IAAI,CAAC,CAAAH,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEI,OAAO,KAAI,CAAC,CAAC,CAAC,CAACC,MAAM,IAAI,CAAC;EACpE,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"}

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

@@ -10,7 +10,7 @@ import React, { useContext, useCallback, useRef, useReducer, useMemo } from 'rea
 import ReactDOM from 'react-dom';
 import classnames from 'classnames';
 import { Space, StepIndicator } from '../../../../components';
-import { warn } from '../../../../shared/component-helper';
+import { convertJsxToString, warn } from '../../../../shared/component-helper';
 import { isAsync } from '../../../../shared/helpers/isAsync';
 import useId from '../../../../shared/helpers/useId';
 import Step from '../Step';
@@ -42,8 +42,7 @@ function WizardContainer(props) {
     handleSubmitCall,
     setShowAllErrors,
     showAllErrors,
-    setSubmitState,
-    fieldPropsRef
+    setSubmitState
   } = useContext(DataContext);
   const id = useId(idProp);
   const [, forceUpdate] = useReducer(() => ({}), {});
@@ -105,7 +104,7 @@ function WizardContainer(props) {
         return result;
       }
     });
-  }, [callOnStepChange, fieldPropsRef, handleLayoutEffect, handleSubmitCall, isInteractionRef, onStepChange, setFormState, setShowAllErrors]);
+  }, [callOnStepChange, handleLayoutEffect, handleSubmitCall, isInteractionRef, onStepChange, setFormState, setShowAllErrors]);
   const setActiveIndex = useCallback((index, options) => {
     if (index === activeIndexRef.current) {
       return;
@@ -135,30 +134,36 @@ function WizardContainer(props) {
       error
     });
   }, [setSubmitState]);
-  const titlesRef = useRef([]);
+  const titlesRef = useRef({});
+  const updateTitlesRef = useRef();
   const prerenderFieldPropsRef = useRef({});
   const activeIndex = activeIndexRef.current;
-  const totalSteps = titlesRef.current.length;
-  const providerValue = useMemo(() => ({
-    id,
-    activeIndex,
-    totalSteps,
-    stepElementRef,
-    titlesRef,
-    activeIndexRef,
-    prerenderFieldProps,
-    prerenderFieldPropsRef,
-    setActiveIndex,
-    handlePrevious,
-    handleNext,
-    setFormError
-  }), [id, activeIndex, totalSteps, prerenderFieldProps, setActiveIndex, handlePrevious, handleNext, setFormError]);
+  const providerValue = useMemo(() => {
+    return {
+      id,
+      activeIndex,
+      stepElementRef,
+      titlesRef,
+      updateTitlesRef,
+      activeIndexRef,
+      prerenderFieldProps,
+      prerenderFieldPropsRef,
+      setActiveIndex,
+      handlePrevious,
+      handleNext,
+      setFormError
+    };
+  }, [activeIndex, handleNext, handlePrevious, id, prerenderFieldProps, setActiveIndex, setFormError]);
   useLayoutEffect(() => {
     if (id && hasContext) {
       var _sharedStateRef$curre4, _sharedStateRef$curre5;
       (_sharedStateRef$curre4 = sharedStateRef.current) === null || _sharedStateRef$curre4 === void 0 ? void 0 : (_sharedStateRef$curre5 = _sharedStateRef$curre4.extend) === null || _sharedStateRef$curre5 === void 0 ? void 0 : _sharedStateRef$curre5.call(_sharedStateRef$curre4, providerValue);
     }
   }, [id, providerValue]);
+  useLayoutEffect(() => {
+    var _updateTitlesRef$curr;
+    (_updateTitlesRef$curr = updateTitlesRef.current) === null || _updateTitlesRef$curr === void 0 ? void 0 : _updateTitlesRef$curr.call(updateTitlesRef);
+  }, [titlesRef.current]);
   if (!hasContext) {
     warn('You may wrap Wizard.Container in Form.Handler');
     return React.createElement(Handler, null, React.createElement(WizardContainer, _extends({}, props, {
@@ -169,25 +174,51 @@ function WizardContainer(props) {
     value: providerValue
   }, React.createElement(Space, _extends({
     className: classnames(`dnb-forms-wizard-layout dnb-forms-wizard-layout--${variant}`, className)
-  }, rest), React.createElement("aside", {
-    className: "dnb-forms-wizard-layout__sidebar"
+  }, rest), React.createElement(DisplaySteps, {
+    mode: mode,
+    variant: variant,
+    noAnimation: noAnimation,
+    handleChange: handleChange,
+    sidebarId: sidebarId
+  }), React.createElement("div", {
+    className: "dnb-forms-wizard-layout__contents"
+  }, React.createElement(IterateOverSteps, null, children))), prerenderFieldProps && React.createElement(PrerenderFieldPropsOfOtherSteps, {
+    prerenderFieldPropsRef: prerenderFieldPropsRef
+  }));
+}
+function DisplaySteps({
+  mode,
+  variant,
+  noAnimation,
+  handleChange,
+  sidebarId
+}) {
+  const [, forceUpdate] = useReducer(() => ({}), {});
+  const {
+    id,
+    activeIndexRef,
+    titlesRef,
+    updateTitlesRef
+  } = useContext(WizardContext) || {};
+  updateTitlesRef.current = () => {
+    forceUpdate();
+  };
+  const sidebar_id = variant === 'drawer' && !sidebarId ? undefined : sidebarId !== null && sidebarId !== void 0 ? sidebarId : id;
+  return React.createElement("aside", {
+    className: "dnb-forms-wizard-layout__indicator"
   }, React.createElement(StepIndicator.Sidebar, {
-    sidebar_id: id
+    sidebar_id: sidebar_id
   }), React.createElement(StepIndicator, {
     bottom: true,
     current_step: activeIndexRef.current,
-    data: titlesRef.current,
+    data: Object.values(titlesRef.current),
     mode: mode,
     no_animation: noAnimation,
     on_change: handleChange,
-    sidebar_id: variant === 'drawer' && !sidebarId ? '' : sidebarId ? sidebarId : id
-  })), React.createElement("div", {
-    className: "dnb-forms-wizard-layout__contents"
-  }, React.createElement(Contents, null, children))), prerenderFieldProps && React.createElement(PrerenderFieldPropsOfOtherSteps, {
-    prerenderFieldPropsRef: prerenderFieldPropsRef
+    sidebar_id: sidebar_id
   }));
 }
-function Contents({
+function IterateOverSteps({
   children
 }) {
   const {
@@ -196,8 +227,10 @@ function Contents({
     prerenderFieldProps,
     prerenderFieldPropsRef
   } = useContext(WizardContext);
-  titlesRef.current = [];
-  return React.Children.map(children, (child, index) => {
+  titlesRef.current = {};
+  let incrementIndex = -1;
+  let decrementIndex = -1;
+  const childrenArray = React.Children.map(children, child => {
     if (React.isValidElement(child)) {
       var _child, _child2;
       let step = child;
@@ -209,8 +242,16 @@ function Contents({
         }
       }
       if (((_child2 = child) === null || _child2 === void 0 ? void 0 : _child2.type) === Step) {
-        var _child$props$title;
-        titlesRef.current.push((_child$props$title = child.props.title) !== null && _child$props$title !== void 0 ? _child$props$title : 'Title missing');
+        if (child.props.active === false) {
+          return null;
+        }
+        if (child.props.active === false) {
+          decrementIndex--;
+        } else {
+          incrementIndex++;
+        }
+        const index = child.props.active === false ? decrementIndex : incrementIndex;
+        titlesRef.current[index] = child.props.title !== undefined ? convertJsxToString(child.props.title) : 'Title missing';
         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') {
@@ -228,6 +269,12 @@ function Contents({
     }
     return child;
   });
+  if (childrenArray.length === 0) {
+    activeIndexRef.current = 0;
+  } else if (childrenArray.length < activeIndexRef.current + 1) {
+    activeIndexRef.current = childrenArray.length - 1;
+  }
+  return childrenArray;
 }
 function PrerenderFieldPropsOfOtherSteps({
   prerenderFieldPropsRef

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","ReactDOM","classnames","Space","StepIndicator","warn","isAsync","useId","Step","WizardContext","DataContext","defaultContextState","Handler","useSharedState","useHandleLayoutEffect","useLayoutEffect","window","useEffect","WizardContainer","props","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","prerenderFieldProps","variant","sidebarId","rest","_objectWithoutProperties","_excluded","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","setSubmitState","fieldPropsRef","forceUpdate","activeIndexRef","errorOnStepRef","stepElementRef","sharedStateRef","current","undefined","callOnStepChange","index","setFocus","scrollToTop","isInteractionRef","handleLayoutEffect","handleStepChange","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehaviour","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","titlesRef","prerenderFieldPropsRef","activeIndex","totalSteps","length","providerValue","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","createElement","_extends","Provider","value","Sidebar","sidebar_id","bottom","no_animation","on_change","Contents","PrerenderFieldPropsOfOtherSteps","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","_child$props$title","push","title","key","clone","cloneElement","document","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Object","values","Fn","i","createPortal","body","setFieldProps","updateDataValue","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n} from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport { warn } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  SetActiveIndexOptions,\n  StepIndex,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport DataContext, {\n  defaultContextState,\n} from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n  SharedStateReturn,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport { ComponentProps } from '../../types'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps & {\n  id?: string\n\n  /**\n   * The mode of the wizard.\n   */\n  mode?: 'static' | 'strict' | 'loose'\n\n  /**\n   * If set to `true`, the wizard will not scroll to the first step when the user clicks on the next button.\n   */\n  omitScrollManagement?: boolean\n\n  /**\n   * If set to `true`, the wizard will not focus on the next step when the user clicks on the next button.\n   */\n  omitFocusManagement?: boolean\n\n  /**\n   * The index of the first step to be rendered.\n   */\n  initialActiveIndex?: StepIndex\n\n  /**\n   * The callback function that will be called when the user clicks on the next button.\n   */\n  onStepChange?: OnStepChange\n\n  /**\n   * The sidebar variant.\n   */\n  variant?: 'sidebar' | 'drawer'\n  sidebarId?: string\n\n  /**\n   * If set to `true`, the wizard will not animate the steps.\n   */\n  noAnimation?: boolean\n\n  /**\n   * If set to `true`, the wizard pre-render all steps so the props of each field is available in the data context.\n   * Defaults to `true`.\n   */\n  prerenderFieldProps?: boolean\n\n  /**\n   * The children of the wizard container.\n   */\n  children: React.ReactNode\n\n  /**\n   * @deprecated Is enabled by default. You can disable it with \"omitScrollManagement\"\n   */\n  scrollTopOnStepChange?: boolean\n}\n\nfunction WizardContainer(props: Props) {\n  const {\n    className,\n    id: idProp,\n    mode = 'strict',\n    initialActiveIndex = 0,\n    omitScrollManagement,\n    omitFocusManagement,\n    onStepChange,\n    children,\n    noAnimation = true,\n    prerenderFieldProps = true,\n    variant = 'sidebar',\n    sidebarId,\n    ...rest\n  } = props\n\n  const {\n    hasContext,\n    setFormState,\n    handleSubmitCall,\n    setShowAllErrors,\n    showAllErrors,\n    setSubmitState,\n    fieldPropsRef,\n  } = useContext(DataContext)\n\n  const id = useId(idProp)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n  const errorOnStepRef = useRef<Record<StepIndex, boolean>>({})\n  const stepElementRef = useRef<HTMLElement>()\n\n  // - Handle shared state\n  const sharedStateRef =\n    useRef<\n      SharedStateReturn<\n        WizardContextState & { onStepChange?: OnStepChange }\n      >\n    >()\n  sharedStateRef.current = useSharedState<WizardContextState>(\n    hasContext && id ? id + '-wizard' : undefined\n  )\n\n  // Store the current state of showAllErrors\n  errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: 'previous' | 'next') => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode)\n      }\n\n      return onStepChange?.(index, mode)\n    },\n    [onStepChange]\n  )\n\n  const { setFocus, scrollToTop, isInteractionRef } =\n    useHandleLayoutEffect({ activeIndexRef, stepElementRef })\n\n  const handleLayoutEffect = useCallback(() => {\n    if (!omitFocusManagement) {\n      setFocus()\n    }\n    if (!omitScrollManagement) {\n      scrollToTop()\n    }\n  }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n  const handleStepChange = useCallback(\n    ({\n      index,\n      skipErrorCheck,\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n      mode,\n    }: {\n      index: StepIndex\n      mode: 'previous' | 'next'\n    } & SetActiveIndexOptions) => {\n      handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehaviour: isAsync(onStepChange),\n        onSubmit: async () => {\n          if (!skipStepChangeCallFromHook) {\n            sharedStateRef.current?.data?.onStepChange?.(index, mode)\n          }\n\n          const result =\n            skipStepChangeCall ||\n            (skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n              ? undefined\n              : await callOnStepChange(index, mode)\n\n          // Hide async indicator\n          setFormState('abort')\n\n          if (!skipErrorCheck) {\n            // Set the showAllErrors to the step we got to\n            setShowAllErrors(errorOnStepRef.current[index])\n          }\n\n          if (!(result instanceof Error)) {\n            handleLayoutEffect()\n\n            activeIndexRef.current = index\n            forceUpdate()\n          }\n\n          return result\n        },\n      })\n    },\n    [\n      callOnStepChange,\n      fieldPropsRef,\n      handleLayoutEffect,\n      handleSubmitCall,\n      isInteractionRef,\n      onStepChange,\n      setFormState,\n      setShowAllErrors,\n    ]\n  )\n\n  const setActiveIndex = useCallback(\n    (index: StepIndex, options?: SetActiveIndexOptions) => {\n      if (index === activeIndexRef.current) {\n        return\n      }\n\n      const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n      handleStepChange({\n        index,\n        skipErrorCheck: mode === 'previous',\n        mode,\n        ...options,\n      })\n    },\n    [handleStepChange]\n  )\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex(activeIndexRef.current - 1)\n  }, [setActiveIndex])\n\n  const handleNext = useCallback(() => {\n    setActiveIndex(activeIndexRef.current + 1)\n  }, [setActiveIndex])\n\n  const handleChange = useCallback(\n    ({ current_step }) => {\n      setActiveIndex(current_step, { skipErrorCheck: true })\n    },\n    [setActiveIndex]\n  )\n\n  const setFormError = useCallback(\n    (error: Error) => {\n      setSubmitState?.({ error })\n    },\n    [setSubmitState]\n  )\n\n  const titlesRef = useRef([])\n  const prerenderFieldPropsRef = useRef<\n    Record<string, () => React.ReactElement>\n  >({})\n\n  const activeIndex = activeIndexRef.current\n  const totalSteps = titlesRef.current.length\n  const providerValue = useMemo(\n    () => ({\n      id,\n      activeIndex,\n      totalSteps,\n      stepElementRef,\n      titlesRef,\n      activeIndexRef,\n      prerenderFieldProps,\n      prerenderFieldPropsRef,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }),\n    [\n      id,\n      activeIndex,\n      totalSteps,\n      prerenderFieldProps,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    ]\n  )\n\n  // - Handle shared state\n  useLayoutEffect(() => {\n    if (id && hasContext) {\n      sharedStateRef.current?.extend?.(providerValue)\n    }\n  }, [id, providerValue]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (!hasContext) {\n    warn('You may wrap Wizard.Container in Form.Handler')\n    return (\n      <Handler>\n        <WizardContainer {...props} id={id} />\n      </Handler>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          `dnb-forms-wizard-layout--${variant}`,\n          className\n        )}\n        {...rest}\n      >\n        <aside className=\"dnb-forms-wizard-layout__sidebar\">\n          <StepIndicator.Sidebar sidebar_id={id} />\n          <StepIndicator\n            bottom\n            current_step={activeIndexRef.current}\n            data={titlesRef.current}\n            mode={mode}\n            no_animation={noAnimation}\n            on_change={handleChange}\n            sidebar_id={\n              variant === 'drawer' && !sidebarId\n                ? ''\n                : sidebarId\n                ? sidebarId\n                : id\n            }\n          />\n        </aside>\n\n        <div className=\"dnb-forms-wizard-layout__contents\">\n          <Contents>{children}</Contents>\n        </div>\n      </Space>\n\n      {prerenderFieldProps && (\n        <PrerenderFieldPropsOfOtherSteps\n          prerenderFieldPropsRef={prerenderFieldPropsRef}\n        />\n      )}\n    </WizardContext.Provider>\n  )\n}\n\nfunction Contents({ children }) {\n  const {\n    titlesRef,\n    activeIndexRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n  } = useContext(WizardContext)\n\n  titlesRef.current = []\n  return React.Children.map(children, (child, index) => {\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        titlesRef.current.push(child.props.title ?? 'Title missing')\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\nfunction 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    <WizardPortal>\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    </WizardPortal>\n  )\n}\n\nfunction WizardPortal({ children }) {\n  if (typeof document !== 'undefined') {\n    return ReactDOM.createPortal(children, document.body)\n  }\n}\n\nfunction PrerenderFieldPropsProvider({ children }) {\n  const { data, setFieldProps, updateDataValue } = useContext(DataContext)\n\n  return (\n    <DataContext.Provider\n      value={{\n        ...defaultContextState,\n\n        // Only update the props and the data value\n        data,\n        setFieldProps,\n        updateDataValue,\n        prerenderFieldProps: true,\n      }}\n    >\n      <WizardContext.Provider value={{ prerenderFieldProps: true }}>\n        {children}\n      </WizardContext.Provider>\n    </DataContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":"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"}
+{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","ReactDOM","classnames","Space","StepIndicator","convertJsxToString","warn","isAsync","useId","Step","WizardContext","DataContext","defaultContextState","Handler","useSharedState","useHandleLayoutEffect","useLayoutEffect","window","useEffect","WizardContainer","props","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","prerenderFieldProps","variant","sidebarId","rest","_objectWithoutProperties","_excluded","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","setSubmitState","forceUpdate","activeIndexRef","errorOnStepRef","stepElementRef","sharedStateRef","current","undefined","callOnStepChange","index","setFocus","scrollToTop","isInteractionRef","handleLayoutEffect","handleStepChange","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehaviour","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","titlesRef","updateTitlesRef","prerenderFieldPropsRef","activeIndex","providerValue","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","_updateTitlesRef$curr","createElement","_extends","Provider","value","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","sidebar_id","Sidebar","bottom","Object","values","no_animation","on_change","incrementIndex","decrementIndex","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","active","title","key","clone","cloneElement","document","length","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","createPortal","body","setFieldProps","updateDataValue","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n} from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport {\n  convertJsxToString,\n  warn,\n} from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  SetActiveIndexOptions,\n  StepIndex,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport DataContext, {\n  defaultContextState,\n} from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n  SharedStateReturn,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport { ComponentProps } from '../../types'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps & {\n  id?: string\n\n  /**\n   * The mode of the wizard.\n   */\n  mode?: 'static' | 'strict' | 'loose'\n\n  /**\n   * If set to `true`, the wizard will not scroll to the first step when the user clicks on the next button.\n   */\n  omitScrollManagement?: boolean\n\n  /**\n   * If set to `true`, the wizard will not focus on the next step when the user clicks on the next button.\n   */\n  omitFocusManagement?: boolean\n\n  /**\n   * The index of the first step to be rendered.\n   */\n  initialActiveIndex?: StepIndex\n\n  /**\n   * The callback function that will be called when the user clicks on the next button.\n   */\n  onStepChange?: OnStepChange\n\n  /**\n   * The sidebar variant.\n   */\n  variant?: 'sidebar' | 'drawer'\n  sidebarId?: string\n\n  /**\n   * If set to `true`, the wizard will not animate the steps.\n   */\n  noAnimation?: boolean\n\n  /**\n   * If set to `true`, the wizard pre-render all steps so the props of each field is available in the data context.\n   * Defaults to `true`.\n   */\n  prerenderFieldProps?: boolean\n\n  /**\n   * The children of the wizard container.\n   */\n  children: React.ReactNode\n\n  /**\n   * @deprecated Is enabled by default. You can disable it with \"omitScrollManagement\"\n   */\n  scrollTopOnStepChange?: boolean\n}\n\nfunction WizardContainer(props: Props) {\n  const {\n    className,\n    id: idProp,\n    mode = 'strict',\n    initialActiveIndex = 0,\n    omitScrollManagement,\n    omitFocusManagement,\n    onStepChange,\n    children,\n    noAnimation = true,\n    prerenderFieldProps = true,\n    variant = 'sidebar',\n    sidebarId,\n    ...rest\n  } = props\n\n  const {\n    hasContext,\n    setFormState,\n    handleSubmitCall,\n    setShowAllErrors,\n    showAllErrors,\n    setSubmitState,\n  } = useContext(DataContext)\n\n  const id = useId(idProp)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n  const errorOnStepRef = useRef<Record<StepIndex, boolean>>({})\n  const stepElementRef = useRef<HTMLElement>()\n\n  // - Handle shared state\n  const sharedStateRef =\n    useRef<\n      SharedStateReturn<\n        WizardContextState & { onStepChange?: OnStepChange }\n      >\n    >()\n  sharedStateRef.current = useSharedState<WizardContextState>(\n    hasContext && id ? id + '-wizard' : undefined\n  )\n\n  // Store the current state of showAllErrors\n  errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: 'previous' | 'next') => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode)\n      }\n\n      return onStepChange?.(index, mode)\n    },\n    [onStepChange]\n  )\n\n  const { setFocus, scrollToTop, isInteractionRef } =\n    useHandleLayoutEffect({ activeIndexRef, stepElementRef })\n\n  const handleLayoutEffect = useCallback(() => {\n    if (!omitFocusManagement) {\n      setFocus()\n    }\n    if (!omitScrollManagement) {\n      scrollToTop()\n    }\n  }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n  const handleStepChange = useCallback(\n    ({\n      index,\n      skipErrorCheck,\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n      mode,\n    }: {\n      index: StepIndex\n      mode: 'previous' | 'next'\n    } & SetActiveIndexOptions) => {\n      handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehaviour: isAsync(onStepChange),\n        onSubmit: async () => {\n          if (!skipStepChangeCallFromHook) {\n            sharedStateRef.current?.data?.onStepChange?.(index, mode)\n          }\n\n          const result =\n            skipStepChangeCall ||\n            (skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n              ? undefined\n              : await callOnStepChange(index, mode)\n\n          // Hide async indicator\n          setFormState('abort')\n\n          if (!skipErrorCheck) {\n            // Set the showAllErrors to the step we got to\n            setShowAllErrors(errorOnStepRef.current[index])\n          }\n\n          if (!(result instanceof Error)) {\n            handleLayoutEffect()\n\n            activeIndexRef.current = index\n            forceUpdate()\n          }\n\n          return result\n        },\n      })\n    },\n    [\n      callOnStepChange,\n      handleLayoutEffect,\n      handleSubmitCall,\n      isInteractionRef,\n      onStepChange,\n      setFormState,\n      setShowAllErrors,\n    ]\n  )\n\n  const setActiveIndex = useCallback(\n    (index: StepIndex, options?: SetActiveIndexOptions) => {\n      if (index === activeIndexRef.current) {\n        return\n      }\n\n      const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n      handleStepChange({\n        index,\n        skipErrorCheck: mode === 'previous',\n        mode,\n        ...options,\n      })\n    },\n    [handleStepChange]\n  )\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex(activeIndexRef.current - 1)\n  }, [setActiveIndex])\n\n  const handleNext = useCallback(() => {\n    setActiveIndex(activeIndexRef.current + 1)\n  }, [setActiveIndex])\n\n  const handleChange = useCallback(\n    ({ current_step }) => {\n      setActiveIndex(current_step, { skipErrorCheck: true })\n    },\n    [setActiveIndex]\n  )\n\n  const setFormError = useCallback(\n    (error: Error) => {\n      setSubmitState?.({ error })\n    },\n    [setSubmitState]\n  )\n\n  const titlesRef = useRef({})\n  const updateTitlesRef = useRef<() => void>()\n  const prerenderFieldPropsRef = useRef<\n    Record<string, () => React.ReactElement>\n  >({})\n\n  const activeIndex = activeIndexRef.current\n  const providerValue = useMemo(() => {\n    return {\n      id,\n      activeIndex,\n      stepElementRef,\n      titlesRef,\n      updateTitlesRef,\n      activeIndexRef,\n      prerenderFieldProps,\n      prerenderFieldPropsRef,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }\n  }, [\n    activeIndex,\n    handleNext,\n    handlePrevious,\n    id,\n    prerenderFieldProps,\n    setActiveIndex,\n    setFormError,\n  ])\n\n  // - Handle shared state\n  useLayoutEffect(() => {\n    if (id && hasContext) {\n      sharedStateRef.current?.extend?.(providerValue)\n    }\n  }, [id, providerValue]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    updateTitlesRef.current?.()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [titlesRef.current])\n\n  if (!hasContext) {\n    warn('You may wrap Wizard.Container in Form.Handler')\n    return (\n      <Handler>\n        <WizardContainer {...props} id={id} />\n      </Handler>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          `dnb-forms-wizard-layout--${variant}`,\n          className\n        )}\n        {...rest}\n      >\n        <DisplaySteps\n          mode={mode}\n          variant={variant}\n          noAnimation={noAnimation}\n          handleChange={handleChange}\n          sidebarId={sidebarId}\n        />\n\n        <div className=\"dnb-forms-wizard-layout__contents\">\n          <IterateOverSteps>{children}</IterateOverSteps>\n        </div>\n      </Space>\n\n      {prerenderFieldProps && (\n        <PrerenderFieldPropsOfOtherSteps\n          prerenderFieldPropsRef={prerenderFieldPropsRef}\n        />\n      )}\n    </WizardContext.Provider>\n  )\n}\n\nfunction DisplaySteps({\n  mode,\n  variant,\n  noAnimation,\n  handleChange,\n  sidebarId,\n}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { id, activeIndexRef, titlesRef, updateTitlesRef } =\n    useContext(WizardContext) || {}\n  updateTitlesRef.current = () => {\n    forceUpdate()\n  }\n\n  const sidebar_id =\n    variant === 'drawer' && !sidebarId ? undefined : sidebarId ?? id\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(titlesRef.current)}\n        mode={mode}\n        no_animation={noAnimation}\n        on_change={handleChange}\n        sidebar_id={sidebar_id}\n      />\n    </aside>\n  )\n}\n\nfunction IterateOverSteps({ children }) {\n  const {\n    titlesRef,\n    activeIndexRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n  } = useContext(WizardContext)\n\n  titlesRef.current = {}\n  let incrementIndex = -1\n  let decrementIndex = -1\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        if (child.props.active === false) {\n          return null\n        }\n\n        if (child.props.active === false) {\n          decrementIndex--\n        } else {\n          incrementIndex++\n        }\n        const index =\n          child.props.active === false ? decrementIndex : incrementIndex\n\n        titlesRef.current[index] =\n          child.props.title !== undefined\n            ? convertJsxToString(child.props.title)\n            : 'Title missing'\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  return childrenArray\n}\n\nfunction 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    <WizardPortal>\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    </WizardPortal>\n  )\n}\n\nfunction WizardPortal({ children }) {\n  if (typeof document !== 'undefined') {\n    return ReactDOM.createPortal(children, document.body)\n  }\n}\n\nfunction PrerenderFieldPropsProvider({ children }) {\n  const { data, setFieldProps, updateDataValue } = useContext(DataContext)\n\n  return (\n    <DataContext.Provider\n      value={{\n        ...defaultContextState,\n\n        // Only update the props and the data value\n        data,\n        setFieldProps,\n        updateDataValue,\n        prerenderFieldProps: true,\n      }}\n    >\n      <WizardContext.Provider value={{ prerenderFieldProps: true }}>\n        {children}\n      </WizardContext.Provider>\n    </DataContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,MAAM,EACNC,UAAU,EACVC,OAAO,QACF,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,EAAEC,aAAa,QAAQ,wBAAwB;AAC7D,SACEC,kBAAkB,EAClBC,IAAI,QACC,qCAAqC;AAC5C,SAASC,OAAO,QAAQ,oCAAoC;AAC5D,OAAOC,KAAK,MAAM,kCAAkC;AACpD,OAAOC,IAAI,MAA8B,SAAS;AAClD,OAAOC,aAAa,MAKb,0BAA0B;AACjC,OAAOC,WAAW,IAChBC,mBAAmB,QACd,2BAA2B;AAClC,OAAOC,OAAO,MAAM,4BAA4B;AAChD,SAEEC,cAAc,QACT,2CAA2C;AAClD,OAAOC,qBAAqB,MAAM,yBAAyB;AAI3D,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGtB,KAAK,CAACuB,SAAS,GAAGvB,KAAK,CAACqB,eAAe;AA0DzE,SAASG,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;MACJC,SAAS;MACTC,EAAE,EAAEC,MAAM;MACVC,IAAI,GAAG,QAAQ;MACfC,kBAAkB,GAAG,CAAC;MACtBC,oBAAoB;MACpBC,mBAAmB;MACnBC,YAAY;MACZC,QAAQ;MACRC,WAAW,GAAG,IAAI;MAClBC,mBAAmB,GAAG,IAAI;MAC1BC,OAAO,GAAG,SAAS;MACnBC;IAEF,CAAC,GAAGb,KAAK;IADJc,IAAI,GAAAC,wBAAA,CACLf,KAAK,EAAAgB,SAAA;EAET,MAAM;IACJC,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,gBAAgB;IAChBC,aAAa;IACbC;EACF,CAAC,GAAG9C,UAAU,CAACe,WAAW,CAAC;EAE3B,MAAMW,EAAE,GAAGd,KAAK,CAACe,MAAM,CAAC;EACxB,MAAM,GAAGoB,WAAW,CAAC,GAAG5C,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM6C,cAAc,GAAG9C,MAAM,CAAY2B,kBAAkB,CAAC;EAC5D,MAAMoB,cAAc,GAAG/C,MAAM,CAA6B,CAAC,CAAC,CAAC;EAC7D,MAAMgD,cAAc,GAAGhD,MAAM,CAAc,CAAC;EAG5C,MAAMiD,cAAc,GAClBjD,MAAM,CAIJ,CAAC;EACLiD,cAAc,CAACC,OAAO,GAAGlC,cAAc,CACrCuB,UAAU,IAAIf,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAG2B,SACtC,CAAC;EAGDJ,cAAc,CAACG,OAAO,CAACJ,cAAc,CAACI,OAAO,CAAC,GAAGP,aAAa;EAE9D,MAAMS,gBAAgB,GAAGrD,WAAW,CAClC,OAAOsD,KAAgB,EAAE3B,IAAyB,KAAK;IACrD,IAAIjB,OAAO,CAACqB,YAAY,CAAC,EAAE;MACzB,OAAO,MAAMA,YAAY,CAACuB,KAAK,EAAE3B,IAAI,CAAC;IACxC;IAEA,OAAOI,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGuB,KAAK,EAAE3B,IAAI,CAAC;EACpC,CAAC,EACD,CAACI,YAAY,CACf,CAAC;EAED,MAAM;IAAEwB,QAAQ;IAAEC,WAAW;IAAEC;EAAiB,CAAC,GAC/CvC,qBAAqB,CAAC;IAAE6B,cAAc;IAAEE;EAAe,CAAC,CAAC;EAE3D,MAAMS,kBAAkB,GAAG1D,WAAW,CAAC,MAAM;IAC3C,IAAI,CAAC8B,mBAAmB,EAAE;MACxByB,QAAQ,CAAC,CAAC;IACZ;IACA,IAAI,CAAC1B,oBAAoB,EAAE;MACzB2B,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAAC3B,oBAAoB,EAAEC,mBAAmB,EAAEyB,QAAQ,EAAEC,WAAW,CAAC,CAAC;EAEtE,MAAMG,gBAAgB,GAAG3D,WAAW,CAClC,CAAC;IACCsD,KAAK;IACLM,cAAc;IACdC,kBAAkB;IAClBC,+BAA+B;IAC/BC,0BAA0B;IAC1BpC;EAIsB,CAAC,KAAK;IAC5Be,gBAAgB,CAAC;MACfkB,cAAc;MACdI,mBAAmB,EAAEJ,cAAc;MACnCK,oBAAoB,EAAEvD,OAAO,CAACqB,YAAY,CAAC;MAC3CmC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QACpB,IAAI,CAACH,0BAA0B,EAAE;UAAA,IAAAI,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;UAC/B,CAAAF,qBAAA,GAAAjB,cAAc,CAACC,OAAO,cAAAgB,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBG,IAAI,cAAAF,sBAAA,wBAAAC,sBAAA,GAA5BD,sBAAA,CAA8BrC,YAAY,cAAAsC,sBAAA,uBAA1CA,sBAAA,CAAAE,IAAA,CAAAH,sBAAA,EAA6Cd,KAAK,EAAE3B,IAAI,CAAC;QAC3D;QAEA,MAAM6C,MAAM,GACVX,kBAAkB,IACjBC,+BAA+B,IAAI,CAACL,gBAAgB,CAACN,OAAQ,GAC1DC,SAAS,GACT,MAAMC,gBAAgB,CAACC,KAAK,EAAE3B,IAAI,CAAC;QAGzCc,YAAY,CAAC,OAAO,CAAC;QAErB,IAAI,CAACmB,cAAc,EAAE;UAEnBjB,gBAAgB,CAACK,cAAc,CAACG,OAAO,CAACG,KAAK,CAAC,CAAC;QACjD;QAEA,IAAI,EAAEkB,MAAM,YAAYC,KAAK,CAAC,EAAE;UAC9Bf,kBAAkB,CAAC,CAAC;UAEpBX,cAAc,CAACI,OAAO,GAAGG,KAAK;UAC9BR,WAAW,CAAC,CAAC;QACf;QAEA,OAAO0B,MAAM;MACf;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CACEnB,gBAAgB,EAChBK,kBAAkB,EAClBhB,gBAAgB,EAChBe,gBAAgB,EAChB1B,YAAY,EACZU,YAAY,EACZE,gBAAgB,CAEpB,CAAC;EAED,MAAM+B,cAAc,GAAG1E,WAAW,CAChC,CAACsD,KAAgB,EAAEqB,OAA+B,KAAK;IACrD,IAAIrB,KAAK,KAAKP,cAAc,CAACI,OAAO,EAAE;MACpC;IACF;IAEA,MAAMxB,IAAI,GAAG2B,KAAK,GAAGP,cAAc,CAACI,OAAO,GAAG,MAAM,GAAG,UAAU;IAEjEQ,gBAAgB,CAAAiB,aAAA;MACdtB,KAAK;MACLM,cAAc,EAAEjC,IAAI,KAAK,UAAU;MACnCA;IAAI,GACDgD,OAAO,CACX,CAAC;EACJ,CAAC,EACD,CAAChB,gBAAgB,CACnB,CAAC;EAED,MAAMkB,cAAc,GAAG7E,WAAW,CAAC,MAAM;IACvC0E,cAAc,CAAC3B,cAAc,CAACI,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACuB,cAAc,CAAC,CAAC;EAEpB,MAAMI,UAAU,GAAG9E,WAAW,CAAC,MAAM;IACnC0E,cAAc,CAAC3B,cAAc,CAACI,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACuB,cAAc,CAAC,CAAC;EAEpB,MAAMK,YAAY,GAAG/E,WAAW,CAC9B,CAAC;IAAEgF;EAAa,CAAC,KAAK;IACpBN,cAAc,CAACM,YAAY,EAAE;MAAEpB,cAAc,EAAE;IAAK,CAAC,CAAC;EACxD,CAAC,EACD,CAACc,cAAc,CACjB,CAAC;EAED,MAAMO,YAAY,GAAGjF,WAAW,CAC7BkF,KAAY,IAAK;IAChBrC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAEqC;IAAM,CAAC,CAAC;EAC7B,CAAC,EACD,CAACrC,cAAc,CACjB,CAAC;EAED,MAAMsC,SAAS,GAAGlF,MAAM,CAAC,CAAC,CAAC,CAAC;EAC5B,MAAMmF,eAAe,GAAGnF,MAAM,CAAa,CAAC;EAC5C,MAAMoF,sBAAsB,GAAGpF,MAAM,CAEnC,CAAC,CAAC,CAAC;EAEL,MAAMqF,WAAW,GAAGvC,cAAc,CAACI,OAAO;EAC1C,MAAMoC,aAAa,GAAGpF,OAAO,CAAC,MAAM;IAClC,OAAO;MACLsB,EAAE;MACF6D,WAAW;MACXrC,cAAc;MACdkC,SAAS;MACTC,eAAe;MACfrC,cAAc;MACdb,mBAAmB;MACnBmD,sBAAsB;MACtBX,cAAc;MACdG,cAAc;MACdC,UAAU;MACVG;IACF,CAAC;EACH,CAAC,EAAE,CACDK,WAAW,EACXR,UAAU,EACVD,cAAc,EACdpD,EAAE,EACFS,mBAAmB,EACnBwC,cAAc,EACdO,YAAY,CACb,CAAC;EAGF9D,eAAe,CAAC,MAAM;IACpB,IAAIM,EAAE,IAAIe,UAAU,EAAE;MAAA,IAAAgD,sBAAA,EAAAC,sBAAA;MACpB,CAAAD,sBAAA,GAAAtC,cAAc,CAACC,OAAO,cAAAqC,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,MAAM,cAAAD,sBAAA,uBAA9BA,sBAAA,CAAAlB,IAAA,CAAAiB,sBAAA,EAAiCD,aAAa,CAAC;IACjD;EACF,CAAC,EAAE,CAAC9D,EAAE,EAAE8D,aAAa,CAAC,CAAC;EAEvBpE,eAAe,CAAC,MAAM;IAAA,IAAAwE,qBAAA;IACpB,CAAAA,qBAAA,GAAAP,eAAe,CAACjC,OAAO,cAAAwC,qBAAA,uBAAvBA,qBAAA,CAAApB,IAAA,CAAAa,eAA0B,CAAC;EAE7B,CAAC,EAAE,CAACD,SAAS,CAAChC,OAAO,CAAC,CAAC;EAEvB,IAAI,CAACX,UAAU,EAAE;IACf/B,IAAI,CAAC,+CAA+C,CAAC;IACrD,OACEX,KAAA,CAAA8F,aAAA,CAAC5E,OAAO,QACNlB,KAAA,CAAA8F,aAAA,CAACtE,eAAe,EAAAuE,QAAA,KAAKtE,KAAK;MAAEE,EAAE,EAAEA;IAAG,EAAE,CAC9B,CAAC;EAEd;EAEA,OACE3B,KAAA,CAAA8F,aAAA,CAAC/E,aAAa,CAACiF,QAAQ;IAACC,KAAK,EAAER;EAAc,GAC3CzF,KAAA,CAAA8F,aAAA,CAACtF,KAAK,EAAAuF,QAAA;IACJrE,SAAS,EAAEnB,UAAU,qDAES8B,OAAQ,IACpCX,SACF;EAAE,GACEa,IAAI,GAERvC,KAAA,CAAA8F,aAAA,CAACI,YAAY;IACXrE,IAAI,EAAEA,IAAK;IACXQ,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzB8C,YAAY,EAAEA,YAAa;IAC3B3C,SAAS,EAAEA;EAAU,CACtB,CAAC,EAEFtC,KAAA,CAAA8F,aAAA;IAAKpE,SAAS,EAAC;EAAmC,GAChD1B,KAAA,CAAA8F,aAAA,CAACK,gBAAgB,QAAEjE,QAA2B,CAC3C,CACA,CAAC,EAEPE,mBAAmB,IAClBpC,KAAA,CAAA8F,aAAA,CAACM,+BAA+B;IAC9Bb,sBAAsB,EAAEA;EAAuB,CAChD,CAEmB,CAAC;AAE7B;AAEA,SAASW,YAAYA,CAAC;EACpBrE,IAAI;EACJQ,OAAO;EACPF,WAAW;EACX8C,YAAY;EACZ3C;AACF,CAAC,EAAE;EACD,MAAM,GAAGU,WAAW,CAAC,GAAG5C,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEuB,EAAE;IAAEsB,cAAc;IAAEoC,SAAS;IAAEC;EAAgB,CAAC,GACtDrF,UAAU,CAACc,aAAa,CAAC,IAAI,CAAC,CAAC;EACjCuE,eAAe,CAACjC,OAAO,GAAG,MAAM;IAC9BL,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAMqD,UAAU,GACdhE,OAAO,KAAK,QAAQ,IAAI,CAACC,SAAS,GAAGgB,SAAS,GAAGhB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIX,EAAE;EAElE,OACE3B,KAAA,CAAA8F,aAAA;IAAOpE,SAAS,EAAC;EAAoC,GACnD1B,KAAA,CAAA8F,aAAA,CAACrF,aAAa,CAAC6F,OAAO;IAACD,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjDrG,KAAA,CAAA8F,aAAA,CAACrF,aAAa;IACZ8F,MAAM;IACNrB,YAAY,EAAEjC,cAAc,CAACI,OAAQ;IACrCmB,IAAI,EAAEgC,MAAM,CAACC,MAAM,CAACpB,SAAS,CAAChC,OAAO,CAAE;IACvCxB,IAAI,EAAEA,IAAK;IACX6E,YAAY,EAAEvE,WAAY;IAC1BwE,SAAS,EAAE1B,YAAa;IACxBoB,UAAU,EAAEA;EAAW,CACxB,CACI,CAAC;AAEZ;AAEA,SAASF,gBAAgBA,CAAC;EAAEjE;AAAS,CAAC,EAAE;EACtC,MAAM;IACJmD,SAAS;IACTpC,cAAc;IACdb,mBAAmB;IACnBmD;EACF,CAAC,GAAGtF,UAAU,CAACc,aAAa,CAAC;EAE7BsE,SAAS,CAAChC,OAAO,GAAG,CAAC,CAAC;EACtB,IAAIuD,cAAc,GAAG,CAAC,CAAC;EACvB,IAAIC,cAAc,GAAG,CAAC,CAAC;EAEvB,MAAMC,aAAa,GAAG9G,KAAK,CAAC+G,QAAQ,CAACC,GAAG,CAAC9E,QAAQ,EAAG+E,KAAK,IAAK;IAC5D,IAAIjH,KAAK,CAACkH,cAAc,CAACD,KAAK,CAAC,EAAE;MAAA,IAAAE,MAAA,EAAAC,OAAA;MAC/B,IAAIC,IAAI,GAAGJ,KAAK;MAEhB,IAAI,EAAAE,MAAA,GAAAF,KAAK,cAAAE,MAAA,uBAALA,MAAA,CAAOG,IAAI,MAAKxG,IAAI,IAAI,OAAOmG,KAAK,CAACK,IAAI,KAAK,UAAU,EAAE;QAAA,IAAAC,KAAA;QAC5DF,IAAI,GAAGJ,KAAK,CAACK,IAAI,CAACE,KAAK,CAACP,KAAK,CAACK,IAAI,EAAE,CAClCL,KAAK,CAACxF,KAAK,CACZ,CAAuB;QAExB,IAAI,EAAA8F,KAAA,GAAAF,IAAI,cAAAE,KAAA,uBAAJA,KAAA,CAAMD,IAAI,MAAKxG,IAAI,EAAE;UACvBmG,KAAK,GAAGI,IAAI;QACd;MACF;MAEA,IAAI,EAAAD,OAAA,GAAAH,KAAK,cAAAG,OAAA,uBAALA,OAAA,CAAOE,IAAI,MAAKxG,IAAI,EAAE;QACxB,IAAImG,KAAK,CAACxF,KAAK,CAACgG,MAAM,KAAK,KAAK,EAAE;UAChC,OAAO,IAAI;QACb;QAEA,IAAIR,KAAK,CAACxF,KAAK,CAACgG,MAAM,KAAK,KAAK,EAAE;UAChCZ,cAAc,EAAE;QAClB,CAAC,MAAM;UACLD,cAAc,EAAE;QAClB;QACA,MAAMpD,KAAK,GACTyD,KAAK,CAACxF,KAAK,CAACgG,MAAM,KAAK,KAAK,GAAGZ,cAAc,GAAGD,cAAc;QAEhEvB,SAAS,CAAChC,OAAO,CAACG,KAAK,CAAC,GACtByD,KAAK,CAACxF,KAAK,CAACiG,KAAK,KAAKpE,SAAS,GAC3B5C,kBAAkB,CAACuG,KAAK,CAACxF,KAAK,CAACiG,KAAK,CAAC,GACrC,eAAe;QACrB,MAAMC,GAAG,GAAI,GAAEnE,KAAM,IAAGP,cAAc,CAACI,OAAQ,EAAC;QAChD,MAAMuE,KAAK,GAAInG,KAAK,IAClBzB,KAAK,CAAC6H,YAAY,CAACZ,KAAK,EAAmCxF,KAAK,CAAC;QAEnE,IACEW,mBAAmB,IACnB,OAAO0F,QAAQ,KAAK,WAAW,IAC/BtE,KAAK,KAAKP,cAAc,CAACI,OAAO,IAChC,OAAOkC,sBAAsB,CAAClC,OAAO,CAAC,OAAO,GAAGG,KAAK,CAAC,KACpD,WAAW,EACb;UACA+B,sBAAsB,CAAClC,OAAO,CAAC,OAAO,GAAGG,KAAK,CAAC,GAAG,MAChDoE,KAAK,CAAC;YACJD,GAAG;YACHnE,KAAK;YACLpB,mBAAmB,EAAE;UACvB,CAAC,CAAC;QACN;QAEA,OAAOwF,KAAK,CAAC;UACXD,GAAG;UACHnE;QACF,CAAC,CAAC;MACJ;IACF;IAEA,OAAOyD,KAAK;EACd,CAAC,CAAC;EAIF,IAAIH,aAAa,CAACiB,MAAM,KAAK,CAAC,EAAE;IAC9B9E,cAAc,CAACI,OAAO,GAAG,CAAC;EAC5B,CAAC,MAAM,IAAIyD,aAAa,CAACiB,MAAM,GAAG9E,cAAc,CAACI,OAAO,GAAG,CAAC,EAAE;IAC5DJ,cAAc,CAACI,OAAO,GAAGyD,aAAa,CAACiB,MAAM,GAAG,CAAC;EACnD;EAEA,OAAOjB,aAAa;AACtB;AAEA,SAASV,+BAA+BA,CAAC;EACvCb;AAGF,CAAC,EAAE;EACD,MAAMyC,cAAc,GAAG7H,MAAM,CAAC,IAAI,CAAC;EACnC,IAAI,CAAC6H,cAAc,CAAC3E,OAAO,EAAE;IAC3B,OAAO,IAAI;EACb;EACA2E,cAAc,CAAC3E,OAAO,GAAG,KAAK;EAE9B,OACErD,KAAA,CAAA8F,aAAA,CAACmC,YAAY,QACXjI,KAAA,CAAA8F,aAAA,CAACoC,2BAA2B,QAC1BlI,KAAA,CAAA8F,aAAA;IAAQ4B,KAAK,EAAC,kBAAkB;IAACS,MAAM;EAAA,GACpC3B,MAAM,CAACC,MAAM,CAAClB,sBAAsB,CAAClC,OAAO,CAAC,CAAC2D,GAAG,CAAC,CAACoB,EAAE,EAAEC,CAAC,KACvDrI,KAAA,CAAA8F,aAAA,CAACsC,EAAE;IAACT,GAAG,EAAEU;EAAE,CAAE,CACd,CACK,CACmB,CACjB,CAAC;AAEnB;AAEA,SAASJ,YAAYA,CAAC;EAAE/F;AAAS,CAAC,EAAE;EAClC,IAAI,OAAO4F,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAOxH,QAAQ,CAACgI,YAAY,CAACpG,QAAQ,EAAE4F,QAAQ,CAACS,IAAI,CAAC;EACvD;AACF;AAEA,SAASL,2BAA2BA,CAAC;EAAEhG;AAAS,CAAC,EAAE;EACjD,MAAM;IAAEsC,IAAI;IAAEgE,aAAa;IAAEC;EAAgB,CAAC,GAAGxI,UAAU,CAACe,WAAW,CAAC;EAExE,OACEhB,KAAA,CAAA8F,aAAA,CAAC9E,WAAW,CAACgF,QAAQ;IACnBC,KAAK,EAAAnB,aAAA,CAAAA,aAAA,KACA7D,mBAAmB;MAGtBuD,IAAI;MACJgE,aAAa;MACbC,eAAe;MACfrG,mBAAmB,EAAE;IAAI;EACzB,GAEFpC,KAAA,CAAA8F,aAAA,CAAC/E,aAAa,CAACiF,QAAQ;IAACC,KAAK,EAAE;MAAE7D,mBAAmB,EAAE;IAAK;EAAE,GAC1DF,QACqB,CACJ,CAAC;AAE3B;AAEAV,eAAe,CAACkH,qBAAqB,GAAG,IAAI;AAE5C,eAAelH,eAAe"}

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

@@ -13,7 +13,8 @@ export interface WizardContextState {
     totalSteps?: number;
     activeIndex?: StepIndex;
     stepElementRef?: React.MutableRefObject<HTMLElement>;
-    titlesRef?: React.MutableRefObject<Array<string>>;
+    titlesRef?: React.MutableRefObject<Record<string, string>>;
+    updateTitlesRef?: React.MutableRefObject<() => void>;
     activeIndexRef?: React.MutableRefObject<StepIndex>;
     prerenderFieldPropsRef?: React.MutableRefObject<Record<string, () => React.ReactElement>>;
     prerenderFieldProps?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContext.js","names":["React","WizardContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Wizard/Context/WizardContext.ts"],"sourcesContent":["import React from 'react'\nimport { EventReturnWithStateObject } from '../../types'\n\nexport type OnStepChange = (\n  index: StepIndex,\n  mode: 'previous' | 'next'\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type StepIndex = number\nexport type SetActiveIndexOptions = {\n  skipStepChangeCall?: boolean\n  skipStepChangeCallBeforeMounted?: boolean\n  skipStepChangeCallFromHook?: boolean\n  skipErrorCheck?: boolean\n}\nexport interface WizardContextState {\n  id?: string\n  totalSteps?: number\n  activeIndex?: StepIndex\n  stepElementRef?: React.MutableRefObject<HTMLElement>\n  titlesRef?: React.MutableRefObject<Array<string>>\n  activeIndexRef?: React.MutableRefObject<StepIndex>\n  prerenderFieldPropsRef?: React.MutableRefObject<\n    Record<string, () => React.ReactElement>\n  >\n  prerenderFieldProps?: boolean\n  handlePrevious?: () => void\n  handleNext?: () => void\n  setActiveIndex?: (\n    index: StepIndex,\n    {\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n    }?: SetActiveIndexOptions\n  ) => void\n  setFormError?: (error: Error) => void\n}\n\nconst WizardContext = React.createContext<WizardContextState | undefined>(\n  undefined\n)\n\nexport default WizardContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AA0CzB,MAAMC,aAAa,GAAGD,KAAK,CAACE,aAAa,CACvCC,SACF,CAAC;AAED,eAAeF,aAAa"}
+{"version":3,"file":"WizardContext.js","names":["React","WizardContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Wizard/Context/WizardContext.ts"],"sourcesContent":["import React from 'react'\nimport { EventReturnWithStateObject } from '../../types'\n\nexport type OnStepChange = (\n  index: StepIndex,\n  mode: 'previous' | 'next'\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type StepIndex = number\nexport type SetActiveIndexOptions = {\n  skipStepChangeCall?: boolean\n  skipStepChangeCallBeforeMounted?: boolean\n  skipStepChangeCallFromHook?: boolean\n  skipErrorCheck?: boolean\n}\nexport interface WizardContextState {\n  id?: string\n  totalSteps?: number\n  activeIndex?: StepIndex\n  stepElementRef?: React.MutableRefObject<HTMLElement>\n  titlesRef?: React.MutableRefObject<Record<string, string>>\n  updateTitlesRef?: React.MutableRefObject<() => void>\n  activeIndexRef?: React.MutableRefObject<StepIndex>\n  prerenderFieldPropsRef?: React.MutableRefObject<\n    Record<string, () => React.ReactElement>\n  >\n  prerenderFieldProps?: boolean\n  handlePrevious?: () => void\n  handleNext?: () => void\n  setActiveIndex?: (\n    index: StepIndex,\n    {\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n    }?: SetActiveIndexOptions\n  ) => void\n  setFormError?: (error: Error) => void\n}\n\nconst WizardContext = React.createContext<WizardContextState | undefined>(\n  undefined\n)\n\nexport default WizardContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AA2CzB,MAAMC,aAAa,GAAGD,KAAK,CAACE,aAAa,CACvCC,SACF,CAAC;AAED,eAAeF,aAAa"}

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _Hr;
 const _excluded = ["className", "variant", "icon_position", "icon", "toStep", "children"];
 import React, { useCallback } from 'react';
 import classnames from 'classnames';
@@ -8,6 +9,8 @@ import ButtonRow from '../../Form/ButtonRow';
 import useTranslation from '../../hooks/useTranslation';
 import useStep from '../hooks/useStep';
 import { edit } from '../../../../icons';
+import Hr from '../../../../elements/Hr';
+import { omitSpacingProps, pickSpacingProps } from '../../../../components/flex/utils';
 function EditButton(props) {
   const translations = useTranslation().Step;
   const {
@@ -27,13 +30,15 @@ function EditButton(props) {
       setActiveIndex(toStep);
     }
   }, [toStep, setActiveIndex]);
-  return React.createElement(ButtonRow, null, React.createElement(Button, _extends({
+  return React.createElement(ButtonRow, pickSpacingProps(props), _Hr || (_Hr = React.createElement(Hr, {
+    space: 0
+  })), React.createElement(Button, _extends({
     className: classnames('dnb-forms-edit-button', className),
     variant: variant,
     icon_position: icon_position,
     icon: edit || icon,
     on_click: handleClick
-  }, rest), children));
+  }, omitSpacingProps(rest)), children));
 }
 EditButton._supportsSpacingProps = true;
 export default EditButton;

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

@@ -1 +1 @@
-{"version":3,"file":"EditButton.js","names":["React","useCallback","classnames","Button","ButtonRow","useTranslation","useStep","edit","EditButton","props","translations","Step","setActiveIndex","className","variant","icon_position","icon","toStep","children","rest","_objectWithoutProperties","_excluded","handleClick","createElement","_extends","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/EditButton/EditButton.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport ButtonRow from '../../Form/ButtonRow'\nimport { StepIndex } from '../Context/WizardContext'\nimport useTranslation from '../../hooks/useTranslation'\nimport useStep from '../hooks/useStep'\nimport { edit } from '../../../../icons'\n\nexport type Props = ComponentProps & ButtonProps & { toStep?: StepIndex }\n\nfunction EditButton(props: Props) {\n  const translations = useTranslation().Step\n  const { setActiveIndex } = useStep()\n\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon,\n    toStep,\n    children = translations.edit,\n    ...rest\n  } = props\n\n  const handleClick = useCallback(() => {\n    if (toStep > -1) {\n      setActiveIndex(toStep)\n    }\n  }, [toStep, setActiveIndex])\n\n  return (\n    <ButtonRow>\n      <Button\n        className={classnames('dnb-forms-edit-button', className)}\n        variant={variant}\n        icon_position={icon_position}\n        icon={edit || icon}\n        on_click={handleClick}\n        {...rest}\n      >\n        {children}\n      </Button>\n    </ButtonRow>\n  )\n}\n\nEditButton._supportsSpacingProps = true\nexport default EditButton\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,OAAOC,SAAS,MAAM,sBAAsB;AAE5C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,OAAO,MAAM,kBAAkB;AACtC,SAASC,IAAI,QAAQ,mBAAmB;AAIxC,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,YAAY,GAAGL,cAAc,CAAC,CAAC,CAACM,IAAI;EAC1C,MAAM;IAAEC;EAAe,CAAC,GAAGN,OAAO,CAAC,CAAC;EAEpC,MAAM;MACJO,SAAS;MACTC,OAAO,GAAG,UAAU;MACpBC,aAAa,GAAG,MAAM;MACtBC,IAAI;MACJC,MAAM;MACNC,QAAQ,GAAGR,YAAY,CAACH;IAE1B,CAAC,GAAGE,KAAK;IADJU,IAAI,GAAAC,wBAAA,CACLX,KAAK,EAAAY,SAAA;EAET,MAAMC,WAAW,GAAGrB,WAAW,CAAC,MAAM;IACpC,IAAIgB,MAAM,GAAG,CAAC,CAAC,EAAE;MACfL,cAAc,CAACK,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,EAAEL,cAAc,CAAC,CAAC;EAE5B,OACEZ,KAAA,CAAAuB,aAAA,CAACnB,SAAS,QACRJ,KAAA,CAAAuB,aAAA,CAACpB,MAAM,EAAAqB,QAAA;IACLX,SAAS,EAAEX,UAAU,CAAC,uBAAuB,EAAEW,SAAS,CAAE;IAC1DC,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAET,IAAI,IAAIS,IAAK;IACnBS,QAAQ,EAAEH;EAAY,GAClBH,IAAI,GAEPD,QACK,CACC,CAAC;AAEhB;AAEAV,UAAU,CAACkB,qBAAqB,GAAG,IAAI;AACvC,eAAelB,UAAU"}
+{"version":3,"file":"EditButton.js","names":["React","useCallback","classnames","Button","ButtonRow","useTranslation","useStep","edit","Hr","omitSpacingProps","pickSpacingProps","EditButton","props","translations","Step","setActiveIndex","className","variant","icon_position","icon","toStep","children","rest","_objectWithoutProperties","_excluded","handleClick","createElement","_Hr","space","_extends","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/EditButton/EditButton.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport ButtonRow from '../../Form/ButtonRow'\nimport { StepIndex } from '../Context/WizardContext'\nimport useTranslation from '../../hooks/useTranslation'\nimport useStep from '../hooks/useStep'\nimport { edit } from '../../../../icons'\nimport Hr from '../../../../elements/Hr'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\n\nexport type Props = ComponentProps & ButtonProps & { toStep?: StepIndex }\n\nfunction EditButton(props: Props) {\n  const translations = useTranslation().Step\n  const { setActiveIndex } = useStep()\n\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon,\n    toStep,\n    children = translations.edit,\n    ...rest\n  } = props\n\n  const handleClick = useCallback(() => {\n    if (toStep > -1) {\n      setActiveIndex(toStep)\n    }\n  }, [toStep, setActiveIndex])\n\n  return (\n    <ButtonRow {...pickSpacingProps(props)}>\n      <Hr space={0} />\n      <Button\n        className={classnames('dnb-forms-edit-button', className)}\n        variant={variant}\n        icon_position={icon_position}\n        icon={edit || icon}\n        on_click={handleClick}\n        {...omitSpacingProps(rest)}\n      >\n        {children}\n      </Button>\n    </ButtonRow>\n  )\n}\n\nEditButton._supportsSpacingProps = true\nexport default EditButton\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,OAAOC,SAAS,MAAM,sBAAsB;AAE5C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,OAAO,MAAM,kBAAkB;AACtC,SAASC,IAAI,QAAQ,mBAAmB;AACxC,OAAOC,EAAE,MAAM,yBAAyB;AACxC,SACEC,gBAAgB,EAChBC,gBAAgB,QACX,mCAAmC;AAI1C,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,YAAY,GAAGR,cAAc,CAAC,CAAC,CAACS,IAAI;EAC1C,MAAM;IAAEC;EAAe,CAAC,GAAGT,OAAO,CAAC,CAAC;EAEpC,MAAM;MACJU,SAAS;MACTC,OAAO,GAAG,UAAU;MACpBC,aAAa,GAAG,MAAM;MACtBC,IAAI;MACJC,MAAM;MACNC,QAAQ,GAAGR,YAAY,CAACN;IAE1B,CAAC,GAAGK,KAAK;IADJU,IAAI,GAAAC,wBAAA,CACLX,KAAK,EAAAY,SAAA;EAET,MAAMC,WAAW,GAAGxB,WAAW,CAAC,MAAM;IACpC,IAAImB,MAAM,GAAG,CAAC,CAAC,EAAE;MACfL,cAAc,CAACK,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,EAAEL,cAAc,CAAC,CAAC;EAE5B,OACEf,KAAA,CAAA0B,aAAA,CAACtB,SAAS,EAAKM,gBAAgB,CAACE,KAAK,CAAC,EAAAe,GAAA,KAAAA,GAAA,GACpC3B,KAAA,CAAA0B,aAAA,CAAClB,EAAE;IAACoB,KAAK,EAAE;EAAE,CAAE,CAAC,GAChB5B,KAAA,CAAA0B,aAAA,CAACvB,MAAM,EAAA0B,QAAA;IACLb,SAAS,EAAEd,UAAU,CAAC,uBAAuB,EAAEc,SAAS,CAAE;IAC1DC,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEZ,IAAI,IAAIY,IAAK;IACnBW,QAAQ,EAAEL;EAAY,GAClBhB,gBAAgB,CAACa,IAAI,CAAC,GAEzBD,QACK,CACC,CAAC;AAEhB;AAEAV,UAAU,CAACoB,qBAAqB,GAAG,IAAI;AACvC,eAAepB,UAAU"}

package/es/extensions/forms/Wizard/Step/Step.d.ts

@@ -15,6 +15,10 @@ export type Props = ComponentProps & FlexContainerProps & {
      * Will make all the fields inside the step to be required.
      */
     required?: boolean;
+    /**
+     * If set to `false`, the step will not be rendered.
+     */
+    active?: boolean;
     /**
      * If set to `true`, the step will always be rendered.
      * For internal use only.

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

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "title", "index", "required", "prerenderFieldProps", "children"];
+const _excluded = ["className", "title", "index", "active", "required", "prerenderFieldProps", "children"];
 import React, { useContext, useMemo, useRef } from 'react';
 import classnames from 'classnames';
 import WizardContext from '../Context/WizardContext';
@@ -15,6 +15,7 @@ function Step(props) {
       className,
       title,
       index,
+      active = true,
       required,
       prerenderFieldProps,
       children
@@ -22,11 +23,13 @@ function Step(props) {
     restProps = _objectWithoutProperties(props, _excluded);
   const {
     activeIndex,
+    titlesRef,
     stepElementRef
   } = useContext(WizardContext) || {};
   const ariaLabel = useMemo(() => {
-    return !prerenderFieldProps && convertJsxToString(title);
-  }, [prerenderFieldProps, title]);
+    var _ref, _titlesRef$current;
+    return (_ref = !prerenderFieldProps && (titlesRef === null || titlesRef === void 0 ? void 0 : (_titlesRef$current = titlesRef.current) === null || _titlesRef$current === void 0 ? void 0 : _titlesRef$current[index])) !== null && _ref !== void 0 ? _ref : convertJsxToString(title);
+  }, [index, prerenderFieldProps, title, titlesRef]);
   const currentElementRef = useRef();
   useLayoutEffect(() => {
     if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {
@@ -41,8 +44,8 @@ function Step(props) {
   if (prerenderFieldProps) {
     return children;
   }
-  if (activeIndex !== index) {
-    return null;
+  if (activeIndex !== index || active === false) {
+    return React.createElement(React.Fragment, null);
   }
   const fieldProps = typeof required === 'boolean' ? {
     required

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","FieldProps","useLayoutEffect","window","useEffect","Step","props","className","title","index","required","prerenderFieldProps","children","restProps","_objectWithoutProperties","_excluded","activeIndex","stepElementRef","ariaLabel","currentElementRef","current","fieldProps","undefined","createElement","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProps from '../../Form/FieldProps'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n\n    /**\n     * Will make all the fields inside the step to be required.\n     */\n    required?: boolean\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nfunction Step(props: Props) {\n  const {\n    className,\n    title,\n    index,\n    required,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = props\n  const { activeIndex, stepElementRef } = useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return !prerenderFieldProps && convertJsxToString(title)\n  }, [prerenderFieldProps, title])\n\n  const currentElementRef = useRef<HTMLElement>()\n  useLayoutEffect(() => {\n    if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {\n      if (currentElementRef.current) {\n        stepElementRef.current = currentElementRef.current\n      }\n      return () => {\n        stepElementRef.current = null\n      }\n    }\n  }, [prerenderFieldProps, stepElementRef])\n\n  if (prerenderFieldProps) {\n    return children\n  }\n\n  if (activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      element=\"section\"\n      aria-label={ariaLabel}\n      innerRef={currentElementRef}\n      tabIndex={-1}\n      {...restProps}\n    >\n      {fieldProps ? (\n        <FieldProps {...fieldProps}>{children}</FieldProps>\n      ) : (\n        children\n      )}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,UAAU,MAAM,uBAAuB;AAG9C,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGV,KAAK,CAACW,SAAS,GAAGX,KAAK,CAACS,eAAe;AA2BzE,SAASG,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,KAAK;MACLC,QAAQ;MACRC,mBAAmB;MACnBC;IAEF,CAAC,GAAGN,KAAK;IADJO,SAAS,GAAAC,wBAAA,CACVR,KAAK,EAAAS,SAAA;EACT,MAAM;IAAEC,WAAW;IAAEC;EAAe,CAAC,GAAGvB,UAAU,CAACI,aAAa,CAAC,IAAI,CAAC,CAAC;EAEvE,MAAMoB,SAAS,GAAGvB,OAAO,CAAC,MAAM;IAC9B,OAAO,CAACgB,mBAAmB,IAAIX,kBAAkB,CAACQ,KAAK,CAAC;EAC1D,CAAC,EAAE,CAACG,mBAAmB,EAAEH,KAAK,CAAC,CAAC;EAEhC,MAAMW,iBAAiB,GAAGvB,MAAM,CAAc,CAAC;EAC/CM,eAAe,CAAC,MAAM;IACpB,IAAI,CAACS,mBAAmB,IAAI,OAAOM,cAAc,KAAK,WAAW,EAAE;MACjE,IAAIE,iBAAiB,CAACC,OAAO,EAAE;QAC7BH,cAAc,CAACG,OAAO,GAAGD,iBAAiB,CAACC,OAAO;MACpD;MACA,OAAO,MAAM;QACXH,cAAc,CAACG,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAACT,mBAAmB,EAAEM,cAAc,CAAC,CAAC;EAEzC,IAAIN,mBAAmB,EAAE;IACvB,OAAOC,QAAQ;EACjB;EAEA,IAAII,WAAW,KAAKP,KAAK,EAAE;IAEzB,OAAO,IAAI;EACb;EAEA,MAAMY,UAAU,GACd,OAAOX,QAAQ,KAAK,SAAS,GAAG;IAAEA;EAAS,CAAC,GAAGY,SAAS;EAE1D,OACE7B,KAAA,CAAA8B,aAAA,CAACxB,IAAI,CAACyB,KAAK,EAAAC,QAAA;IACTlB,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnDmB,OAAO,EAAC,SAAS;IACjB,cAAYR,SAAU;IACtBS,QAAQ,EAAER,iBAAkB;IAC5BS,QAAQ,EAAE,CAAC;EAAE,GACTf,SAAS,GAEZQ,UAAU,GACT5B,KAAA,CAAA8B,aAAA,CAACtB,UAAU,EAAKoB,UAAU,EAAGT,QAAqB,CAAC,GAEnDA,QAEQ,CAAC;AAEjB;AAEAP,IAAI,CAACwB,qBAAqB,GAAG,IAAI;AACjC,eAAexB,IAAI"}
+{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","FieldProps","useLayoutEffect","window","useEffect","Step","props","className","title","index","active","required","prerenderFieldProps","children","restProps","_objectWithoutProperties","_excluded","activeIndex","titlesRef","stepElementRef","ariaLabel","_ref","_titlesRef$current","current","currentElementRef","createElement","Fragment","fieldProps","undefined","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProps from '../../Form/FieldProps'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n\n    /**\n     * Will make all the fields inside the step to be required.\n     */\n    required?: boolean\n\n    /**\n     * If set to `false`, the step will not be rendered.\n     */\n    active?: boolean\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nfunction Step(props: Props) {\n  const {\n    className,\n    title,\n    index,\n    active = true,\n    required,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = props\n  const { activeIndex, titlesRef, stepElementRef } =\n    useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return (\n      (!prerenderFieldProps && titlesRef?.current?.[index]) ??\n      convertJsxToString(title)\n    )\n  }, [index, prerenderFieldProps, title, titlesRef])\n\n  const currentElementRef = useRef<HTMLElement>()\n  useLayoutEffect(() => {\n    if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {\n      if (currentElementRef.current) {\n        stepElementRef.current = currentElementRef.current\n      }\n      return () => {\n        stepElementRef.current = null\n      }\n    }\n  }, [prerenderFieldProps, stepElementRef])\n\n  if (prerenderFieldProps) {\n    return children\n  }\n\n  if (activeIndex !== index || active === false) {\n    // Another step is active\n    return <></>\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      element=\"section\"\n      aria-label={ariaLabel}\n      innerRef={currentElementRef}\n      tabIndex={-1}\n      {...restProps}\n    >\n      {fieldProps ? (\n        <FieldProps {...fieldProps}>{children}</FieldProps>\n      ) : (\n        children\n      )}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,UAAU,MAAM,uBAAuB;AAG9C,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGV,KAAK,CAACW,SAAS,GAAGX,KAAK,CAACS,eAAe;AAgCzE,SAASG,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,IAAI;MACbC,QAAQ;MACRC,mBAAmB;MACnBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,SAAS,GAAAC,wBAAA,CACVT,KAAK,EAAAU,SAAA;EACT,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAC9CzB,UAAU,CAACI,aAAa,CAAC,IAAI,CAAC,CAAC;EAEjC,MAAMsB,SAAS,GAAGzB,OAAO,CAAC,MAAM;IAAA,IAAA0B,IAAA,EAAAC,kBAAA;IAC9B,QAAAD,IAAA,GACG,CAACT,mBAAmB,KAAIM,SAAS,aAATA,SAAS,wBAAAI,kBAAA,GAATJ,SAAS,CAAEK,OAAO,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAqBb,KAAK,CAAC,eAAAY,IAAA,cAAAA,IAAA,GACpDrB,kBAAkB,CAACQ,KAAK,CAAC;EAE7B,CAAC,EAAE,CAACC,KAAK,EAAEG,mBAAmB,EAAEJ,KAAK,EAAEU,SAAS,CAAC,CAAC;EAElD,MAAMM,iBAAiB,GAAG5B,MAAM,CAAc,CAAC;EAC/CM,eAAe,CAAC,MAAM;IACpB,IAAI,CAACU,mBAAmB,IAAI,OAAOO,cAAc,KAAK,WAAW,EAAE;MACjE,IAAIK,iBAAiB,CAACD,OAAO,EAAE;QAC7BJ,cAAc,CAACI,OAAO,GAAGC,iBAAiB,CAACD,OAAO;MACpD;MACA,OAAO,MAAM;QACXJ,cAAc,CAACI,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAACX,mBAAmB,EAAEO,cAAc,CAAC,CAAC;EAEzC,IAAIP,mBAAmB,EAAE;IACvB,OAAOC,QAAQ;EACjB;EAEA,IAAII,WAAW,KAAKR,KAAK,IAAIC,MAAM,KAAK,KAAK,EAAE;IAE7C,OAAOjB,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAiC,QAAA,MAAI,CAAC;EACd;EAEA,MAAMC,UAAU,GACd,OAAOhB,QAAQ,KAAK,SAAS,GAAG;IAAEA;EAAS,CAAC,GAAGiB,SAAS;EAE1D,OACEnC,KAAA,CAAAgC,aAAA,CAAC1B,IAAI,CAAC8B,KAAK,EAAAC,QAAA;IACTvB,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnDwB,OAAO,EAAC,SAAS;IACjB,cAAYX,SAAU;IACtBY,QAAQ,EAAER,iBAAkB;IAC5BS,QAAQ,EAAE,CAAC;EAAE,GACTnB,SAAS,GAEZa,UAAU,GACTlC,KAAA,CAAAgC,aAAA,CAACxB,UAAU,EAAK0B,UAAU,EAAGd,QAAqB,CAAC,GAEnDA,QAEQ,CAAC;AAEjB;AAEAR,IAAI,CAAC6B,qBAAqB,GAAG,IAAI;AACjC,eAAe7B,IAAI"}

package/es/extensions/forms/Wizard/Step/StepDocs.js

@@ -9,6 +9,11 @@ export const StepProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  active: {
+    doc: 'If set to `false`, the step will not be rendered.',
+    type: 'boolean',
+    status: 'optional'
+  },
   children: {
     doc: 'Contents.',
     type: 'React.Node',

package/es/extensions/forms/Wizard/Step/StepDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDocs.js","names":["StepProperties","title","doc","type","status","required","children","StepEvents"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/StepDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const StepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'Title of the step.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Will make all nested form fields required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Flex.Container](/uilib/layout/flex/container)': {\n    doc: 'Flex.Container properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,KAAK,EAAE;IACLC,GAAG,EAAE,oBAAoB;IACzBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,gDAAgD,EAAE;IAChDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMG,UAAgC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"StepDocs.js","names":["StepProperties","title","doc","type","status","required","active","children","StepEvents"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/StepDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const StepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'Title of the step.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Will make all nested form fields required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  active: {\n    doc: 'If set to `false`, the step will not be rendered.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Flex.Container](/uilib/layout/flex/container)': {\n    doc: 'Flex.Container properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,KAAK,EAAE;IACLC,GAAG,EAAE,oBAAoB;IACzBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,gDAAgD,EAAE;IAChDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMI,UAAgC,GAAG,CAAC,CAAC"}

package/es/extensions/forms/Wizard/hooks/useStep.js

@@ -25,6 +25,22 @@ export default function useStep(id = null, {
   if (data && !data.setFormError) {
     data.setFormError = setFormError;
   }
-  return data || context;
+  const value = data || context;
+  const {
+    titlesRef
+  } = value || {};
+  const setTotalSteps = useCallback(() => {
+    const totalSteps = Object.keys((titlesRef === null || titlesRef === void 0 ? void 0 : titlesRef.current) || {}).length || 0;
+    if (value.totalSteps !== totalSteps) {
+      value.totalSteps = totalSteps;
+    }
+  }, [titlesRef, value]);
+  if (data) {
+    setTotalSteps();
+  }
+  useLayoutEffect(() => {
+    setTotalSteps();
+  }, [setTotalSteps, titlesRef, value]);
+  return value;
 }
 //# sourceMappingURL=useStep.js.map