@dnb/eufemia 10.28.0 → 10.29.0

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

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_elements","_components","_SummaryListContext","_utils","_ValueBlockContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ValueBlock","props","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","className","label","inline","maxWidth","composition","placeholder","showEmpty","children","gap","content","compositionClass","Element","isNested","Dl","layout","Item","Fragment","_span","createElement","Provider","Dt","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, { Fragment, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport ValueBlockContext from './ValueBlockContext'\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\n  const {\n    className,\n    label,\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  if (\n    (children === undefined || children === null || children === false) &&\n    !showEmpty &&\n    !placeholder\n  ) {\n    return null\n  }\n\n  let content = null\n\n  const compositionClass = classnames(\n    composition &&\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        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\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}
+{"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_elements","_components","_SummaryListContext","_utils","_ValueBlockContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ValueBlock","props","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","content","compositionClass","Element","isNested","Dl","layout","Item","Fragment","_span","createElement","Provider","Dt","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, { Fragment, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport ValueBlockContext from './ValueBlockContext'\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\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  if (\n    (children === undefined || children === null || children === false) &&\n    !showEmpty &&\n    !placeholder\n  ) {\n    return null\n  }\n\n  let content = null\n\n  const compositionClass = classnames(\n    composition &&\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        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\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.css

@@ -1,16 +1,17 @@
+@charset "UTF-8";
 /*
  * Utilities
  */
-.dnb-form-summary-list.dnb-dl .dnb-dt, .dnb-form-summary-list.dnb-dl > .dnb-dd > .dnb-dl, .dnb-form-summary-list.dnb-dl:not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
+.dnb-forms-summary-list.dnb-dl .dnb-dt, .dnb-forms-summary-list.dnb-dl > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
   margin: 0;
 }
-.dnb-form-summary-list.dnb-dl:not(.dnb-dl__layout--grid) > .dnb-dd {
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid) > .dnb-dd {
   margin-bottom: var(--spacing-medium);
 }
-.dnb-form-summary-list.dnb-dl:not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type {
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type {
   margin-bottom: 0;
 }
-.dnb-form-summary-list.dnb-dl.dnb-dl__layout--grid {
+.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid {
   row-gap: var(--spacing-medium);
 }
 
@@ -21,8 +22,12 @@
 .dnb-forms-value-block--inline:not([class*=__composition]) {
   display: inline-block;
   font-size: inherit;
-  margin-left: var(--spacing-xx-small);
-  margin-right: var(--spacing-xx-small);
+}
+.dnb-forms-value-block--inline:not([class*=__composition])::before, .dnb-forms-value-block--inline:not([class*=__composition])::after {
+  content: " ";
+}
+.dnb-forms-value-block + .dnb-forms-value-block--inline:not([class*=__composition])::before {
+  content: none;
 }
 .dnb-forms-value-block__label, .dnb-forms-value-block__label strong {
   font-weight: var(--font-weight-medium);

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.min.css

@@ -1 +1 @@
-.dnb-form-summary-list.dnb-dl .dnb-dt,.dnb-form-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-form-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-form-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-form-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-form-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}
+@charset "UTF-8";.dnb-forms-summary-list.dnb-dl .dnb-dt,.dnb-forms-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.scss

@@ -1,6 +1,6 @@
 @import '../../../../style/core/utilities.scss';
 
-.dnb-form-summary-list.dnb-dl {
+.dnb-forms-summary-list.dnb-dl {
   & .dnb-dt,
   & > .dnb-dd > .dnb-dl,
   &:not([class*='dnb-space']) > .dnb-dd > .dnb-dl {
@@ -24,9 +24,17 @@
 
   &--inline:not([class*='__composition']) {
     display: inline-block;
+    &::before,
+    &::after {
+      content: '\00A0'; // non-breaking space
+    }
+    .dnb-forms-value-block + & {
+      &::before {
+        content: none;
+      }
+    }
+
     font-size: inherit;
-    margin-left: var(--spacing-xx-small);
-    margin-right: var(--spacing-xx-small);
   }
 
   &__label,

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

@@ -14,8 +14,9 @@ var _useId = _interopRequireDefault(require("../../../../shared/helpers/useId"))
 var _Context = _interopRequireDefault(require("../../DataContext/Context"));
 var _Step = _interopRequireDefault(require("../Step"));
 var _WizardContext = _interopRequireDefault(require("../Context/WizardContext"));
-var _Provider = _interopRequireDefault(require("../../DataContext/Provider"));
+var _Handler = _interopRequireDefault(require("../../Form/Handler/Handler"));
 var _useSharedState = require("../../../../shared/helpers/useSharedState");
+var _useHandleLayoutEffect = _interopRequireDefault(require("./useHandleLayoutEffect"));
 const _excluded = ["className", "id", "mode", "initialActiveIndex", "omitScrollManagement", "omitFocusManagement", "onStepChange", "children", "noAnimation", "variant", "sidebarId"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -28,10 +29,11 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
 function WizardContainer(props) {
   const {
       className,
-      id: _id,
+      id: idProp,
       mode = 'strict',
       initialActiveIndex = 0,
       omitScrollManagement,
@@ -51,16 +53,13 @@ function WizardContainer(props) {
     showAllErrors,
     setSubmitState
   } = (0, _react.useContext)(_Context.default);
-  const id = (0, _useId.default)(_id);
+  const id = (0, _useId.default)(idProp);
   const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
   const activeIndexRef = (0, _react.useRef)(initialActiveIndex);
   const errorOnStepRef = (0, _react.useRef)({});
   const stepElementRef = (0, _react.useRef)();
   const sharedStateRef = (0, _react.useRef)();
   sharedStateRef.current = (0, _useSharedState.useSharedState)(hasContext && id ? id + '-wizard' : undefined);
-  const {
-    extend
-  } = sharedStateRef.current;
   errorOnStepRef.current[activeIndexRef.current] = showAllErrors;
   const callOnStepChange = (0, _react.useCallback)(async (index, mode) => {
     if ((0, _isAsync.isAsync)(onStepChange)) {
@@ -72,7 +71,8 @@ function WizardContainer(props) {
     setFocus,
     scrollToTop,
     isInteractionRef
-  } = useHandleLayoutEffect({
+  } = (0, _useHandleLayoutEffect.default)({
+    activeIndexRef,
     stepElementRef
   });
   const handleLayoutEffect = (0, _react.useCallback)(() => {
@@ -148,7 +148,7 @@ function WizardContainer(props) {
   const titlesRef = (0, _react.useRef)([]);
   const Contents = (0, _react.useCallback)(() => {
     titlesRef.current = [];
-    return _react.default.Children.map(children, (child, i) => {
+    return _react.default.Children.map(children, (child, index) => {
       if (_react.default.isValidElement(child)) {
         var _child, _child2;
         let step = child;
@@ -163,7 +163,8 @@ function WizardContainer(props) {
           var _child$props$title;
           titlesRef.current.push((_child$props$title = child.props.title) !== null && _child$props$title !== void 0 ? _child$props$title : 'Title missing');
           return _react.default.cloneElement(child, {
-            index: i
+            key: `${index}-${activeIndexRef.current}`,
+            index
           });
         }
       }
@@ -182,21 +183,22 @@ function WizardContainer(props) {
     handleNext,
     setFormError
   }), [id, activeIndex, totalSteps, setActiveIndex, handlePrevious, handleNext, setFormError]);
-  (0, _react.useEffect)(() => {
-    if (hasContext && id) {
-      extend(providerValue);
+  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, extend, providerValue]);
+  }, [id, providerValue]);
   if (!hasContext) {
     (0, _componentHelper.warn)('You may wrap Wizard.Container in Form.Handler');
-    return _react.default.createElement(_Provider.default, null, _react.default.createElement(WizardContainer, _extends({}, props, {
+    return _react.default.createElement(_Handler.default, null, _react.default.createElement(WizardContainer, _extends({}, props, {
       id: id
     })));
   }
   return _react.default.createElement(_WizardContext.default.Provider, {
     value: providerValue
   }, _react.default.createElement(_components.Space, _extends({
-    className: (0, _classnames.default)('dnb-forms-wizard-layout', className, variant === 'drawer' && 'dnb-forms-wizard-layout--drawer')
+    className: (0, _classnames.default)(`dnb-forms-wizard-layout dnb-forms-wizard-layout--${variant}`, className)
   }, rest), _react.default.createElement("aside", {
     className: "dnb-forms-wizard-layout__sidebar"
   }, _react.default.createElement(_components.StepIndicator.Sidebar, {
@@ -213,43 +215,6 @@ function WizardContainer(props) {
     className: "dnb-forms-wizard-layout__contents"
   }, _react.default.createElement(Contents, null))));
 }
-function useHandleLayoutEffect(_ref3) {
-  let {
-    stepElementRef
-  } = _ref3;
-  const isInteractionRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
-    const delay = process.env.NODE_ENV === 'test' ? 8 : 100;
-    const timeout = setTimeout(() => {
-      isInteractionRef.current = true;
-    }, delay);
-    return () => clearTimeout(timeout);
-  });
-  const action = (0, _react.useCallback)(fn => {
-    window.requestAnimationFrame(() => window.requestAnimationFrame(() => {
-      isInteractionRef.current && fn();
-    }));
-  }, []);
-  const setFocus = (0, _react.useCallback)(() => {
-    action(() => {
-      var _stepElementRef$curre, _stepElementRef$curre2;
-      (_stepElementRef$curre = stepElementRef.current) === null || _stepElementRef$curre === void 0 ? void 0 : (_stepElementRef$curre2 = _stepElementRef$curre.focus) === null || _stepElementRef$curre2 === void 0 ? void 0 : _stepElementRef$curre2.call(_stepElementRef$curre, {
-        preventScroll: true
-      });
-    });
-  }, [action, stepElementRef]);
-  const scrollToTop = (0, _react.useCallback)(() => {
-    action(() => {
-      var _stepElementRef$curre3, _stepElementRef$curre4;
-      (_stepElementRef$curre3 = stepElementRef.current) === null || _stepElementRef$curre3 === void 0 ? void 0 : (_stepElementRef$curre4 = _stepElementRef$curre3.scrollIntoView) === null || _stepElementRef$curre4 === void 0 ? void 0 : _stepElementRef$curre4.call(_stepElementRef$curre3);
-    });
-  }, [action, stepElementRef]);
-  return {
-    setFocus,
-    scrollToTop,
-    isInteractionRef
-  };
-}
 WizardContainer._supportsSpacingProps = true;
 var _default = WizardContainer;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_componentHelper","_isAsync","_useId","_Context","_Step","_WizardContext","_Provider","_useSharedState","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","WizardContainer","props","className","id","_id","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","variant","sidebarId","rest","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","setSubmitState","useContext","DataContext","useId","forceUpdate","useReducer","activeIndexRef","useRef","errorOnStepRef","stepElementRef","sharedStateRef","current","useSharedState","extend","callOnStepChange","useCallback","index","isAsync","setFocus","scrollToTop","isInteractionRef","useHandleLayoutEffect","handleLayoutEffect","handleStepChange","_ref","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehaviour","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","result","Error","setActiveIndex","options","handlePrevious","handleNext","handleChange","_ref2","current_step","setFormError","error","titlesRef","Contents","React","Children","map","child","isValidElement","_child","_child2","step","type","Step","_step","_child$props$title","title","cloneElement","activeIndex","totalSteps","providerValue","useMemo","useEffect","warn","createElement","Provider","Space","classnames","StepIndicator","Sidebar","sidebar_id","bottom","no_animation","on_change","_ref3","delay","process","env","NODE_ENV","timeout","setTimeout","clearTimeout","action","fn","window","requestAnimationFrame","_stepElementRef$curre","_stepElementRef$curre2","focus","preventScroll","_stepElementRef$curre3","_stepElementRef$curre4","scrollIntoView","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n  useEffect,\n} from 'react'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport { warn } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport DataContext from '../../DataContext/Context'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  SetActiveIndexOptions,\n  StepIndex,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport Provider from '../../DataContext/Provider'\nimport {\n  SharedStateReturn,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  id?: string\n  mode?: 'static' | 'strict' | 'loose'\n  omitScrollManagement?: boolean\n  omitFocusManagement?: boolean\n  initialActiveIndex?: StepIndex\n  onStepChange?: OnStepChange\n  children: React.ReactNode\n  variant?: 'sidebar' | 'drawer'\n  noAnimation?: boolean\n  sidebarId?: string\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: _id,\n    mode = 'strict',\n    initialActiveIndex = 0,\n    omitScrollManagement,\n    omitFocusManagement,\n    onStepChange,\n    children,\n    noAnimation = 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(_id)\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  const { extend } = sharedStateRef.current\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({\n      stepElementRef,\n    })\n\n  const handleLayoutEffect = useCallback(() => {\n    if (!omitFocusManagement) {\n      setFocus()\n    }\n    if (!omitScrollManagement) {\n      scrollToTop()\n    }\n  }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n  const handleStepChange = useCallback(\n    ({\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 Contents = useCallback(() => {\n    titlesRef.current = []\n    return React.Children.map(children, (child, i) => {\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          return React.cloneElement(\n            child as React.ReactElement<StepProps>,\n            {\n              index: i,\n            }\n          )\n        }\n      }\n\n      return child\n    })\n  }, [children])\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      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }),\n    [\n      id,\n      activeIndex,\n      totalSteps,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    ]\n  )\n\n  // - Handle shared state\n  useEffect(() => {\n    if (hasContext && id) {\n      extend(providerValue)\n    }\n  }, [id, extend, 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      <Provider>\n        <WizardContainer {...props} id={id} />\n      </Provider>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          variant === 'drawer' && 'dnb-forms-wizard-layout--drawer',\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 />\n        </div>\n      </Space>\n    </WizardContext.Provider>\n  )\n}\n\nfunction useHandleLayoutEffect({ stepElementRef }) {\n  const isInteractionRef = useRef(false)\n\n  useEffect(() => {\n    // Ensure we delay the mounting before layout effect is handled\n    const delay = process.env.NODE_ENV === 'test' ? 8 : 100\n    const timeout = setTimeout(() => {\n      isInteractionRef.current = true\n    }, delay)\n    return () => clearTimeout(timeout)\n  })\n\n  const action = useCallback((fn: () => void) => {\n    // Wait for the next render cycle\n    window.requestAnimationFrame(() =>\n      // Wait for the new stepElementRef to be set\n      window.requestAnimationFrame(() => {\n        isInteractionRef.current && fn()\n      })\n    )\n  }, [])\n\n  const setFocus = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.focus?.({\n        preventScroll: true,\n      })\n    })\n  }, [action, stepElementRef])\n\n  const scrollToTop = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.scrollIntoView?.()\n    })\n  }, [action, stepElementRef])\n\n  return { setFocus, scrollToTop, isInteractionRef }\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":"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"}
+{"version":3,"file":"WizardContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_componentHelper","_isAsync","_useId","_Context","_Step","_WizardContext","_Handler","_useSharedState","_useHandleLayoutEffect","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","useLayoutEffect","window","React","useEffect","WizardContainer","props","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","variant","sidebarId","rest","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","setSubmitState","useContext","DataContext","useId","forceUpdate","useReducer","activeIndexRef","useRef","errorOnStepRef","stepElementRef","sharedStateRef","current","useSharedState","callOnStepChange","useCallback","index","isAsync","setFocus","scrollToTop","isInteractionRef","useHandleLayoutEffect","handleLayoutEffect","handleStepChange","_ref","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehaviour","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","result","Error","setActiveIndex","options","handlePrevious","handleNext","handleChange","_ref2","current_step","setFormError","error","titlesRef","Contents","Children","map","child","isValidElement","_child","_child2","step","type","Step","_step","_child$props$title","title","cloneElement","activeIndex","totalSteps","providerValue","useMemo","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","warn","createElement","Provider","Space","classnames","StepIndicator","Sidebar","sidebar_id","bottom","no_animation","on_change","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n} from 'react'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport { warn } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport DataContext from '../../DataContext/Context'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  SetActiveIndexOptions,\n  StepIndex,\n  WizardContextState,\n} from '../Context/WizardContext'\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  mode?: 'static' | 'strict' | 'loose'\n  omitScrollManagement?: boolean\n  omitFocusManagement?: boolean\n  initialActiveIndex?: StepIndex\n  onStepChange?: OnStepChange\n  children: React.ReactNode\n  variant?: 'sidebar' | 'drawer'\n  noAnimation?: boolean\n  sidebarId?: string\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    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 Contents = useCallback(() => {\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          return React.cloneElement(\n            child as React.ReactElement<StepProps>,\n            {\n              key: `${index}-${activeIndexRef.current}`,\n              index,\n            }\n          )\n        }\n      }\n\n      return child\n    })\n  }, [children])\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      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }),\n    [\n      id,\n      activeIndex,\n      totalSteps,\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 />\n        </div>\n      </Space>\n    </WizardContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,QAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,KAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,cAAA,GAAAP,sBAAA,CAAAF,OAAA;AAMA,IAAAU,QAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;AAIA,IAAAY,sBAAA,GAAAV,sBAAA,CAAAF,OAAA;AAA2D,MAAAa,SAAA;AAAA,SAAAX,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAnB,wBAAAe,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAjC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,GAAAuC,6BAAA,CAAAnC,MAAA,EAAAkC,QAAA,OAAA/C,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAsB,qBAAA,QAAA8B,gBAAA,GAAApD,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAuC,gBAAA,CAAArC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAiD,gBAAA,CAAAvC,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAkD,oBAAA,CAAAhD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAuC,8BAAAnC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,WAAA2C,UAAA,GAAAvD,MAAA,CAAAqB,IAAA,CAAAL,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA0C,UAAA,CAAAxC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAoD,UAAA,CAAA1C,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAI3D,MAAM4C,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGC,cAAK,CAACC,SAAS,GAAGD,cAAK,CAACF,eAAe;AAoBzE,SAASI,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,OAAO,GAAG,SAAS;MACnBC;IAEF,CAAC,GAAGZ,KAAK;IADJa,IAAI,GAAAzB,wBAAA,CACLY,KAAK,EAAA3E,SAAA;EAET,MAAM;IACJyF,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,gBAAgB;IAChBC,aAAa;IACbC;EACF,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EAE3B,MAAMnB,EAAE,GAAG,IAAAoB,cAAK,EAACnB,MAAM,CAAC;EACxB,MAAM,GAAGoB,WAAW,CAAC,GAAG,IAAAC,iBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAYrB,kBAAkB,CAAC;EAC5D,MAAMsB,cAAc,GAAG,IAAAD,aAAM,EAA6B,CAAC,CAAC,CAAC;EAC7D,MAAME,cAAc,GAAG,IAAAF,aAAM,EAAc,CAAC;EAG5C,MAAMG,cAAc,GAClB,IAAAH,aAAM,EAIJ,CAAC;EACLG,cAAc,CAACC,OAAO,GAAG,IAAAC,8BAAc,EACrCjB,UAAU,IAAIZ,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGlB,SACtC,CAAC;EAGD2C,cAAc,CAACG,OAAO,CAACL,cAAc,CAACK,OAAO,CAAC,GAAGZ,aAAa;EAE9D,MAAMc,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,OAAOC,KAAgB,EAAE9B,IAAyB,KAAK;IACrD,IAAI,IAAA+B,gBAAO,EAAC3B,YAAY,CAAC,EAAE;MACzB,OAAO,MAAMA,YAAY,CAAC0B,KAAK,EAAE9B,IAAI,CAAC;IACxC;IAEA,OAAOI,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG0B,KAAK,EAAE9B,IAAI,CAAC;EACpC,CAAC,EACD,CAACI,YAAY,CACf,CAAC;EAED,MAAM;IAAE4B,QAAQ;IAAEC,WAAW;IAAEC;EAAiB,CAAC,GAC/C,IAAAC,8BAAqB,EAAC;IAAEd,cAAc;IAAEG;EAAe,CAAC,CAAC;EAE3D,MAAMY,kBAAkB,GAAG,IAAAP,kBAAW,EAAC,MAAM;IAC3C,IAAI,CAAC1B,mBAAmB,EAAE;MACxB6B,QAAQ,CAAC,CAAC;IACZ;IACA,IAAI,CAAC9B,oBAAoB,EAAE;MACzB+B,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAAC/B,oBAAoB,EAAEC,mBAAmB,EAAE6B,QAAQ,EAAEC,WAAW,CAAC,CAAC;EAEtE,MAAMI,gBAAgB,GAAG,IAAAR,kBAAW,EAClCS,IAAA,IAU8B;IAAA,IAV7B;MACCR,KAAK;MACLS,cAAc;MACdC,kBAAkB;MAClBC,+BAA+B;MAC/BC,0BAA0B;MAC1B1C;IAIsB,CAAC,GAAAsC,IAAA;IACvB1B,gBAAgB,CAAC;MACf2B,cAAc;MACdI,mBAAmB,EAAEJ,cAAc;MACnCK,oBAAoB,EAAE,IAAAb,gBAAO,EAAC3B,YAAY,CAAC;MAC3CyC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QACpB,IAAI,CAACH,0BAA0B,EAAE;UAAA,IAAAI,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;UAC/B,CAAAF,qBAAA,GAAArB,cAAc,CAACC,OAAO,cAAAoB,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBG,IAAI,cAAAF,sBAAA,wBAAAC,sBAAA,GAA5BD,sBAAA,CAA8B3C,YAAY,cAAA4C,sBAAA,uBAA1CA,sBAAA,CAAA3G,IAAA,CAAA0G,sBAAA,EAA6CjB,KAAK,EAAE9B,IAAI,CAAC;QAC3D;QAEA,MAAMkD,MAAM,GACVV,kBAAkB,IACjBC,+BAA+B,IAAI,CAACP,gBAAgB,CAACR,OAAQ,GAC1D9C,SAAS,GACT,MAAMgD,gBAAgB,CAACE,KAAK,EAAE9B,IAAI,CAAC;QAGzCW,YAAY,CAAC,OAAO,CAAC;QAErB,IAAI,CAAC4B,cAAc,EAAE;UAEnB1B,gBAAgB,CAACU,cAAc,CAACG,OAAO,CAACI,KAAK,CAAC,CAAC;QACjD;QAEA,IAAI,EAAEoB,MAAM,YAAYC,KAAK,CAAC,EAAE;UAC9Bf,kBAAkB,CAAC,CAAC;UAEpBf,cAAc,CAACK,OAAO,GAAGI,KAAK;UAC9BX,WAAW,CAAC,CAAC;QACf;QAEA,OAAO+B,MAAM;MACf;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CACEtB,gBAAgB,EAChBQ,kBAAkB,EAClBxB,gBAAgB,EAChBsB,gBAAgB,EAChB9B,YAAY,EACZO,YAAY,EACZE,gBAAgB,CAEpB,CAAC;EAED,MAAMuC,cAAc,GAAG,IAAAvB,kBAAW,EAChC,CAACC,KAAgB,EAAEuB,OAA+B,KAAK;IACrD,IAAIvB,KAAK,KAAKT,cAAc,CAACK,OAAO,EAAE;MACpC;IACF;IAEA,MAAM1B,IAAI,GAAG8B,KAAK,GAAGT,cAAc,CAACK,OAAO,GAAG,MAAM,GAAG,UAAU;IAEjEW,gBAAgB,CAAA1E,aAAA;MACdmE,KAAK;MACLS,cAAc,EAAEvC,IAAI,KAAK,UAAU;MACnCA;IAAI,GACDqD,OAAO,CACX,CAAC;EACJ,CAAC,EACD,CAAChB,gBAAgB,CACnB,CAAC;EAED,MAAMiB,cAAc,GAAG,IAAAzB,kBAAW,EAAC,MAAM;IACvCuB,cAAc,CAAC/B,cAAc,CAACK,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAAC0B,cAAc,CAAC,CAAC;EAEpB,MAAMG,UAAU,GAAG,IAAA1B,kBAAW,EAAC,MAAM;IACnCuB,cAAc,CAAC/B,cAAc,CAACK,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAAC0B,cAAc,CAAC,CAAC;EAEpB,MAAMI,YAAY,GAAG,IAAA3B,kBAAW,EAC9B4B,KAAA,IAAsB;IAAA,IAArB;MAAEC;IAAa,CAAC,GAAAD,KAAA;IACfL,cAAc,CAACM,YAAY,EAAE;MAAEnB,cAAc,EAAE;IAAK,CAAC,CAAC;EACxD,CAAC,EACD,CAACa,cAAc,CACjB,CAAC;EAED,MAAMO,YAAY,GAAG,IAAA9B,kBAAW,EAC7B+B,KAAY,IAAK;IAChB7C,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAE6C;IAAM,CAAC,CAAC;EAC7B,CAAC,EACD,CAAC7C,cAAc,CACjB,CAAC;EAED,MAAM8C,SAAS,GAAG,IAAAvC,aAAM,EAAC,EAAE,CAAC;EAC5B,MAAMwC,QAAQ,GAAG,IAAAjC,kBAAW,EAAC,MAAM;IACjCgC,SAAS,CAACnC,OAAO,GAAG,EAAE;IACtB,OAAOjC,cAAK,CAACsE,QAAQ,CAACC,GAAG,CAAC3D,QAAQ,EAAE,CAAC4D,KAAK,EAAEnC,KAAK,KAAK;MACpD,IAAIrC,cAAK,CAACyE,cAAc,CAACD,KAAK,CAAC,EAAE;QAAA,IAAAE,MAAA,EAAAC,OAAA;QAC/B,IAAIC,IAAI,GAAGJ,KAAK;QAEhB,IAAI,EAAAE,MAAA,GAAAF,KAAK,cAAAE,MAAA,uBAALA,MAAA,CAAOG,IAAI,MAAKC,aAAI,IAAI,OAAON,KAAK,CAACK,IAAI,KAAK,UAAU,EAAE;UAAA,IAAAE,KAAA;UAC5DH,IAAI,GAAGJ,KAAK,CAACK,IAAI,CAACtH,KAAK,CAACiH,KAAK,CAACK,IAAI,EAAE,CAClCL,KAAK,CAACrE,KAAK,CACZ,CAAuB;UAExB,IAAI,EAAA4E,KAAA,GAAAH,IAAI,cAAAG,KAAA,uBAAJA,KAAA,CAAMF,IAAI,MAAKC,aAAI,EAAE;YACvBN,KAAK,GAAGI,IAAI;UACd;QACF;QAEA,IAAI,EAAAD,OAAA,GAAAH,KAAK,cAAAG,OAAA,uBAALA,OAAA,CAAOE,IAAI,MAAKC,aAAI,EAAE;UAAA,IAAAE,kBAAA;UACxBZ,SAAS,CAACnC,OAAO,CAAChE,IAAI,EAAA+G,kBAAA,GAACR,KAAK,CAACrE,KAAK,CAAC8E,KAAK,cAAAD,kBAAA,cAAAA,kBAAA,GAAI,eAAe,CAAC;UAC5D,OAAOhF,cAAK,CAACkF,YAAY,CACvBV,KAAK,EACL;YACE/H,GAAG,EAAG,GAAE4F,KAAM,IAAGT,cAAc,CAACK,OAAQ,EAAC;YACzCI;UACF,CACF,CAAC;QACH;MACF;MAEA,OAAOmC,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC5D,QAAQ,CAAC,CAAC;EAEd,MAAMuE,WAAW,GAAGvD,cAAc,CAACK,OAAO;EAC1C,MAAMmD,UAAU,GAAGhB,SAAS,CAACnC,OAAO,CAAC5E,MAAM;EAC3C,MAAMgI,aAAa,GAAG,IAAAC,cAAO,EAC3B,OAAO;IACLjF,EAAE;IACF8E,WAAW;IACXC,UAAU;IACVrD,cAAc;IACd4B,cAAc;IACdE,cAAc;IACdC,UAAU;IACVI;EACF,CAAC,CAAC,EACF,CACE7D,EAAE,EACF8E,WAAW,EACXC,UAAU,EACVzB,cAAc,EACdE,cAAc,EACdC,UAAU,EACVI,YAAY,CAEhB,CAAC;EAGDpE,eAAe,CAAC,MAAM;IACpB,IAAIO,EAAE,IAAIY,UAAU,EAAE;MAAA,IAAAsE,sBAAA,EAAAC,sBAAA;MACpB,CAAAD,sBAAA,GAAAvD,cAAc,CAACC,OAAO,cAAAsD,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,MAAM,cAAAD,sBAAA,uBAA9BA,sBAAA,CAAA5I,IAAA,CAAA2I,sBAAA,EAAiCF,aAAa,CAAC;IACjD;EACF,CAAC,EAAE,CAAChF,EAAE,EAAEgF,aAAa,CAAC,CAAC;EAEvB,IAAI,CAACpE,UAAU,EAAE;IACf,IAAAyE,qBAAI,EAAC,+CAA+C,CAAC;IACrD,OACEjL,MAAA,CAAAkB,OAAA,CAAAgK,aAAA,CAACtK,QAAA,CAAAM,OAAO,QACNlB,MAAA,CAAAkB,OAAA,CAAAgK,aAAA,CAACzF,eAAe,EAAAnD,QAAA,KAAKoD,KAAK;MAAEE,EAAE,EAAEA;IAAG,EAAE,CAC9B,CAAC;EAEd;EAEA,OACE5F,MAAA,CAAAkB,OAAA,CAAAgK,aAAA,CAACvK,cAAA,CAAAO,OAAa,CAACiK,QAAQ;IAACrH,KAAK,EAAE8G;EAAc,GAC3C5K,MAAA,CAAAkB,OAAA,CAAAgK,aAAA,CAAC7K,WAAA,CAAA+K,KAAK,EAAA9I,QAAA;IACJqD,SAAS,EAAE,IAAA0F,mBAAU,sDAEShF,OAAQ,IACpCV,SACF;EAAE,GACEY,IAAI,GAERvG,MAAA,CAAAkB,OAAA,CAAAgK,aAAA;IAAOvF,SAAS,EAAC;EAAkC,GACjD3F,MAAA,CAAAkB,OAAA,CAAAgK,aAAA,CAAC7K,WAAA,CAAAiL,aAAa,CAACC,OAAO;IAACC,UAAU,EAAE5F;EAAG,CAAE,CAAC,EACzC5F,MAAA,CAAAkB,OAAA,CAAAgK,aAAA,CAAC7K,WAAA,CAAAiL,aAAa;IACZG,MAAM;IACNjC,YAAY,EAAErC,cAAc,CAACK,OAAQ;IACrCuB,IAAI,EAAEY,SAAS,CAACnC,OAAQ;IACxB1B,IAAI,EAAEA,IAAK;IACX4F,YAAY,EAAEtF,WAAY;IAC1BuF,SAAS,EAAErC,YAAa;IACxBkC,UAAU,EACRnF,OAAO,KAAK,QAAQ,IAAI,CAACC,SAAS,GAC9B,EAAE,GACFA,SAAS,GACTA,SAAS,GACTV;EACL,CACF,CACI,CAAC,EAER5F,MAAA,CAAAkB,OAAA,CAAAgK,aAAA;IAAKvF,SAAS,EAAC;EAAmC,GAChD3F,MAAA,CAAAkB,OAAA,CAAAgK,aAAA,CAACtB,QAAQ,MAAE,CACR,CACA,CACe,CAAC;AAE7B;AAEAnE,eAAe,CAACmG,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAE7BpG,eAAe;AAAAqG,OAAA,CAAA5K,OAAA,GAAA2K,QAAA"}

package/cjs/extensions/forms/Wizard/Container/useHandleLayoutEffect.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export default function useHandleLayoutEffect({ activeIndexRef, stepElementRef, }: {
+    activeIndexRef: any;
+    stepElementRef: any;
+}): {
+    setFocus: () => void;
+    scrollToTop: () => void;
+    isInteractionRef: import("react").MutableRefObject<boolean>;
+};

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

@@ -0,0 +1,53 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useHandleLayoutEffect;
+var _react = require("react");
+var _useStepAnimation = _interopRequireDefault(require("./useStepAnimation"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useHandleLayoutEffect(_ref) {
+  let {
+    activeIndexRef,
+    stepElementRef
+  } = _ref;
+  const isInteractionRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    const delay = process.env.NODE_ENV === 'test' ? 8 : 100;
+    const timeout = setTimeout(() => {
+      isInteractionRef.current = true;
+    }, delay);
+    return () => clearTimeout(timeout);
+  });
+  (0, _useStepAnimation.default)({
+    activeIndexRef,
+    stepElementRef
+  });
+  const action = (0, _react.useCallback)(fn => {
+    window.requestAnimationFrame(() => window.requestAnimationFrame(() => {
+      isInteractionRef.current && fn();
+    }));
+  }, []);
+  const setFocus = (0, _react.useCallback)(() => {
+    action(() => {
+      var _stepElementRef$curre, _stepElementRef$curre2;
+      (_stepElementRef$curre = stepElementRef.current) === null || _stepElementRef$curre === void 0 ? void 0 : (_stepElementRef$curre2 = _stepElementRef$curre.focus) === null || _stepElementRef$curre2 === void 0 ? void 0 : _stepElementRef$curre2.call(_stepElementRef$curre, {
+        preventScroll: true
+      });
+    });
+  }, [action, stepElementRef]);
+  const scrollToTop = (0, _react.useCallback)(() => {
+    action(() => {
+      var _stepElementRef$curre3, _stepElementRef$curre4;
+      (_stepElementRef$curre3 = stepElementRef.current) === null || _stepElementRef$curre3 === void 0 ? void 0 : (_stepElementRef$curre4 = _stepElementRef$curre3.scrollIntoView) === null || _stepElementRef$curre4 === void 0 ? void 0 : _stepElementRef$curre4.call(_stepElementRef$curre3);
+    });
+  }, [action, stepElementRef]);
+  return {
+    setFocus,
+    scrollToTop,
+    isInteractionRef
+  };
+}
+//# sourceMappingURL=useHandleLayoutEffect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHandleLayoutEffect.js","names":["_react","require","_useStepAnimation","_interopRequireDefault","obj","__esModule","default","useHandleLayoutEffect","_ref","activeIndexRef","stepElementRef","isInteractionRef","useRef","useEffect","delay","process","env","NODE_ENV","timeout","setTimeout","current","clearTimeout","useStepAnimation","action","useCallback","fn","window","requestAnimationFrame","setFocus","_stepElementRef$curre","_stepElementRef$curre2","focus","call","preventScroll","scrollToTop","_stepElementRef$curre3","_stepElementRef$curre4","scrollIntoView"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/useHandleLayoutEffect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\nimport useStepAnimation from './useStepAnimation'\n\nexport default function useHandleLayoutEffect({\n  activeIndexRef,\n  stepElementRef,\n}) {\n  const isInteractionRef = useRef(false)\n\n  useEffect(() => {\n    // Ensure we delay the mounting before layout effect is handled\n    const delay = process.env.NODE_ENV === 'test' ? 8 : 100\n    const timeout = setTimeout(() => {\n      isInteractionRef.current = true\n    }, delay)\n    return () => clearTimeout(timeout)\n  })\n\n  useStepAnimation({ activeIndexRef, stepElementRef })\n\n  const action = useCallback((fn: () => void) => {\n    // Wait for the next render cycle\n    window.requestAnimationFrame(() =>\n      // Wait for the new stepElementRef to be set\n      window.requestAnimationFrame(() => {\n        isInteractionRef.current && fn()\n      })\n    )\n  }, [])\n\n  const setFocus = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.focus?.({\n        preventScroll: true,\n      })\n    })\n  }, [action, stepElementRef])\n\n  const scrollToTop = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.scrollIntoView?.()\n    })\n  }, [action, stepElementRef])\n\n  return { setFocus, scrollToTop, isInteractionRef }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAiD,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC,SAASG,qBAAqBA,CAAAC,IAAA,EAG1C;EAAA,IAH2C;IAC5CC,cAAc;IACdC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,gBAAgB,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEtC,IAAAC,gBAAS,EAAC,MAAM;IAEd,MAAMC,KAAK,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,CAAC,GAAG,GAAG;IACvD,MAAMC,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC/BR,gBAAgB,CAACS,OAAO,GAAG,IAAI;IACjC,CAAC,EAAEN,KAAK,CAAC;IACT,OAAO,MAAMO,YAAY,CAACH,OAAO,CAAC;EACpC,CAAC,CAAC;EAEF,IAAAI,yBAAgB,EAAC;IAAEb,cAAc;IAAEC;EAAe,CAAC,CAAC;EAEpD,MAAMa,MAAM,GAAG,IAAAC,kBAAW,EAAEC,EAAc,IAAK;IAE7CC,MAAM,CAACC,qBAAqB,CAAC,MAE3BD,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjChB,gBAAgB,CAACS,OAAO,IAAIK,EAAE,CAAC,CAAC;IAClC,CAAC,CACH,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,QAAQ,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IACjCD,MAAM,CAAC,MAAM;MAAA,IAAAM,qBAAA,EAAAC,sBAAA;MACX,CAAAD,qBAAA,GAAAnB,cAAc,CAACU,OAAO,cAAAS,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,KAAK,cAAAD,sBAAA,uBAA7BA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAAgC;QAC9BI,aAAa,EAAE;MACjB,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACV,MAAM,EAAEb,cAAc,CAAC,CAAC;EAE5B,MAAMwB,WAAW,GAAG,IAAAV,kBAAW,EAAC,MAAM;IACpCD,MAAM,CAAC,MAAM;MAAA,IAAAY,sBAAA,EAAAC,sBAAA;MACX,CAAAD,sBAAA,GAAAzB,cAAc,CAACU,OAAO,cAAAe,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,cAAc,cAAAD,sBAAA,uBAAtCA,sBAAA,CAAAJ,IAAA,CAAAG,sBAAyC,CAAC;IAC5C,CAAC,CAAC;EACJ,CAAC,EAAE,CAACZ,MAAM,EAAEb,cAAc,CAAC,CAAC;EAE5B,OAAO;IAAEkB,QAAQ;IAAEM,WAAW;IAAEvB;EAAiB,CAAC;AACpD"}

package/cjs/extensions/forms/Wizard/Container/useStepAnimation.d.ts

@@ -0,0 +1,4 @@
+export default function useStepAnimation({ activeIndexRef, stepElementRef, }: {
+    activeIndexRef: any;
+    stepElementRef: any;
+}): void;

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

@@ -0,0 +1,37 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useStepAnimation;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
+function useStepAnimation(_ref) {
+  let {
+    activeIndexRef,
+    stepElementRef
+  } = _ref;
+  const activeIndex = activeIndexRef.current;
+  const indexRef = (0, _react.useRef)(activeIndex);
+  (0, _react.useEffect)(() => {
+    indexRef.current = activeIndex;
+  }, [activeIndex]);
+  useLayoutEffect(() => {
+    if (activeIndex === indexRef.current) {
+      return;
+    }
+    window.requestAnimationFrame(() => {
+      try {
+        const elements = stepElementRef.current.querySelectorAll('.dnb-forms-step > *, .dnb-forms-button-row > *');
+        elements.forEach((element, i) => {
+          element.style.setProperty('--element-index', String(i + 1));
+          element.classList.add('appear-fx');
+        });
+      } catch (error) {}
+    });
+  }, [activeIndex, stepElementRef]);
+}
+//# sourceMappingURL=useStepAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStepAnimation.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useLayoutEffect","window","React","useEffect","useStepAnimation","_ref","activeIndexRef","stepElementRef","activeIndex","current","indexRef","useRef","requestAnimationFrame","elements","querySelectorAll","forEach","element","i","style","setProperty","String","classList","add","error"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/useStepAnimation.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useStepAnimation({\n  activeIndexRef,\n  stepElementRef,\n}) {\n  const activeIndex = activeIndexRef.current\n  const indexRef = useRef(activeIndex)\n\n  useEffect(() => {\n    indexRef.current = activeIndex\n  }, [activeIndex])\n\n  useLayoutEffect(() => {\n    // Use layout effect to compare the active step before we update the cached indexRef\n    // This way we don't have an animation on the first render, but only on a step change.\n    if (activeIndex === indexRef.current) {\n      return // stop here\n    }\n\n    // Wait until \"stepElementRef.current = currentElementRef.current\" is set\n    // So we actually get the correct elements when useStep is called,\n    // as it rerenders the children\n    window.requestAnimationFrame(() => {\n      try {\n        const elements: Array<HTMLElement> =\n          stepElementRef.current.querySelectorAll(\n            '.dnb-forms-step > *, .dnb-forms-button-row > *'\n          )\n        elements.forEach((element, i) => {\n          element.style.setProperty('--element-index', String(i + 1))\n          element.classList.add('appear-fx')\n        })\n      } catch (error) {\n        //\n      }\n    })\n  }, [activeIndex, stepElementRef])\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAGhD,MAAMW,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGC,cAAK,CAACC,SAAS,GAAGD,cAAK,CAACF,eAAe;AAE1D,SAASI,gBAAgBA,CAAAC,IAAA,EAGrC;EAAA,IAHsC;IACvCC,cAAc;IACdC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,WAAW,GAAGF,cAAc,CAACG,OAAO;EAC1C,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAACH,WAAW,CAAC;EAEpC,IAAAL,gBAAS,EAAC,MAAM;IACdO,QAAQ,CAACD,OAAO,GAAGD,WAAW;EAChC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjBR,eAAe,CAAC,MAAM;IAGpB,IAAIQ,WAAW,KAAKE,QAAQ,CAACD,OAAO,EAAE;MACpC;IACF;IAKAR,MAAM,CAACW,qBAAqB,CAAC,MAAM;MACjC,IAAI;QACF,MAAMC,QAA4B,GAChCN,cAAc,CAACE,OAAO,CAACK,gBAAgB,CACrC,gDACF,CAAC;QACHD,QAAQ,CAACE,OAAO,CAAC,CAACC,OAAO,EAAEC,CAAC,KAAK;UAC/BD,OAAO,CAACE,KAAK,CAACC,WAAW,CAAC,iBAAiB,EAAEC,MAAM,CAACH,CAAC,GAAG,CAAC,CAAC,CAAC;UAC3DD,OAAO,CAACK,SAAS,CAACC,GAAG,CAAC,WAAW,CAAC;QACpC,CAAC,CAAC;MACJ,CAAC,CAAC,OAAOC,KAAK,EAAE,CAEhB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACf,WAAW,EAAED,cAAc,CAAC,CAAC;AACnC"}

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

@@ -17,6 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
 function Step(props) {
   const {
       className,
@@ -32,6 +33,17 @@ function Step(props) {
   const ariaLabel = (0, _react.useMemo)(() => {
     return (0, _componentHelper.convertJsxToString)(title);
   }, [title]);
+  const currentElementRef = (0, _react.useRef)();
+  useLayoutEffect(() => {
+    if (typeof stepElementRef !== 'undefined') {
+      if (currentElementRef.current) {
+        stepElementRef.current = currentElementRef.current;
+      }
+      return () => {
+        stepElementRef.current = null;
+      };
+    }
+  }, [stepElementRef]);
   if (activeIndex !== index) {
     return null;
   }
@@ -39,7 +51,7 @@ function Step(props) {
     className: (0, _classnames.default)('dnb-forms-step', className),
     element: "section",
     "aria-label": ariaLabel,
-    innerRef: stepElementRef,
+    innerRef: currentElementRef,
     tabIndex: -1
   }, restProps), children);
 }